/* Comfortable working density — 2026-09-14.
   Component sizing, not page zoom: preserve viewport layout, NEEL's coordinates,
   browser zoom/accessibility settings and the existing mobile pane navigation. */
#appShell * { scrollbar-width: thin; scrollbar-color: #c9c7c0 transparent; }

@media (min-width: 761px) {
  .login-view { grid-template-rows: 74px minmax(0, 1fr); }
  .login-masthead { padding-block: 16px; gap: 20px; }
  .login-masthead img { width: 180px; height: 40px; }
  .login-masthead > span { font-size: 12px; letter-spacing: 2px; }
  .login-brand { padding-top: 22px; padding-bottom: 18px; }
  .login-brand h1 { font-size: clamp(36px, 4.3vw, 70px); line-height: 1.24; letter-spacing: -1.3px; }
  .login-brand > p { font-size: clamp(16px, 1.55vw, 24px); margin: 7px 0 10px; }
  .login-doodle { width: 58px; height: 65px; top: 80px; }
  .neel-stage { width: min(570px, 100%); max-height: 440px; margin: 10px auto 0; }
  .neel-caption { font-size: 18px; padding: 5px 19px 7px; }
  .login-edition b { font-size: 200px; }
  .login-edition > span { left: 104px; }
  .login-panel { padding: 32px 9%; }
  .login-card { max-width: 470px; }
  .login-card h2 { font-size: clamp(32px, 3.3vw, 52px); }
  .login-card > p:not(.login-error) { font-size: clamp(15px, 1.3vw, 20px); margin-bottom: 28px; }
  .login-card .field-label { font-size: 16px; margin: 19px 0 7px; }
  .login-card .input-shell { height: 55px; border-radius: 11px; padding: 0 20px; gap: 18px; }
  .login-card .input-shell input { font-size: 16px; }
  .login-card .input-shell svg { width: 21px; height: 21px; }
  .login-options { margin: 24px 0; }
  .login-card .remember, .login-options .text-button { font-size: 15px; }
  .login-card .remember input { width: 20px; height: 20px; }
  .login-card .login-button { height: 60px; border-radius: 11px; font-size: 21px; }
  .login-button i { width: 40px; height: 40px; top: 10px; left: 17px; font-size: 26px; }
  .login-card > small { font-size: 13px; margin-top: 25px; }
}

@media (min-width: 721px) {
  :root { --sidebar: 240px; --toolbar: 64px; }
  .workspace-toolbar { margin-inline: 22px; gap: 16px; }
  .workspace-crumb { font-size: 15px; gap: 15px; }
  .workspace-status { font-size: 13px; gap: 20px; }
  .workspace-status .status-dot { width: 8px; height: 8px; margin-left: 6px; }
  .toolbar-bell { width: 54px; height: 30px; }
  .toolbar-bell svg { width: 21px; height: 21px; }
  .toolbar-bell i { width: 8px; height: 8px; left: 26px; top: 1px; }
  .side-brand { height: 103px; padding: 15px; gap: 5px; }
  .side-brand img { width: 66px; height: 44px; }
  .side-brand b { font-size: 17px; }
  .side-nav nav { padding: 6px 13px; gap: 8px; }
  .nav-item { height: 58px; gap: 14px; padding-inline: 10px; border-right-width: 4px; border-radius: 14px 7px 7px 14px; }
  .nav-item span { font-size: 16px; }
  .nav-item svg { width: 24px; height: 24px; }
  .nav-number { font-size: 13px; }
  .side-bottom { margin: auto 21px 22px; gap: 10px; padding-top: 14px; }
  .workspace-account { font-size: 15px; gap: 13px; min-height: 46px; }
  .owner-initials { width: 44px; height: 44px; font-size: 18px; }
  .sidebar-utility { font-size: 15px; gap: 13px; padding: 5px 6px; }
  .sidebar-utility svg { width: 20px; height: 20px; margin-inline: 8px; }
  .workspace-dialog { padding: 20px; border-radius: 16px; }
  .workspace-dialog h2 { font-size: 27px; }

  #brainView { grid-template-rows: 142px minmax(0, 1fr) auto; }
  #brainView .screen-head { height: 142px; padding: 21px 22px 0 164px; }
  #brainView .screen-head::after { right: 22px; left: 164px; }
  #brainView .screen-head h1 { font-size: 44px; letter-spacing: -.8px; }
  #brainView .screen-head h1 mark { padding-inline: 14px; }
  #brainView .screen-head p { font-size: 17px; margin-top: 6px; }
  .heading-doodle { width: 46px; height: 46px; margin-right: 17px; }
  .neel-bust { width: 118px; height: 107px; }
  .brain-guide { gap: 7px; }
  .brain-guide b { font-size: 18px; }
  .brain-guide span { font-size: 12px; }
  .brain-guide > div:last-child { padding-bottom: 12px; }
  .brain-thread { padding: 23px 22px 22px 164px; gap: 14px; }
  #brainDynamicMessages { gap: 14px; }
  #brainView .bubble { padding: 10px 17px; border-radius: 14px; margin-bottom: 16px; }
  #brainView .bubble p { font-size: 16px; line-height: 1.7; }
  #brainView .bubble > time { font-size: 11px; }
  #brainView .analysis-disclosure > summary { min-height: 40px; padding: 7px 12px; }
  .brain-dock { width: 112px; height: 112px; left: 20px; inset-inline-end: 20px; border-radius: 15px; gap: 10px; }
  .brain-dock-end { top: 100px; }
  .brain-dock-start { top: 224px; height: 122px; }
  .dock-icon { width: 86px; height: 64px; border-radius: 11px; }
  .dock-icon img { width: 38px; height: 31px; }
  .dock-label { font-size: 10px; gap: 4px; }
  .dock-count { min-width: 23px; width: 23px; height: 23px; line-height: 23px; font-size: 11px; top: 8px; right: 8px; }
  .dock-ring { --size: 64px; }
  .dock-ring::after { inset: 5px; }
  .dock-ring span { font-size: 17px; }
  .brain-composer { width: calc(100% - 44px); margin: 0 22px 18px; min-height: 68px; padding: 10px 12px; border-radius: 18px; gap: 13px; }
  .brain-composer textarea { font-size: 15px; min-height: 36px; height: 36px; padding: 5px 0; }
  .brain-composer .composer-actions > div { gap: 5px; }
  .brain-composer .tool-button { width: 30px; height: 34px; }
  .brain-composer .tool-button svg { width: 21px; height: 21px; }
  .brain-composer .send-button { width: 46px; height: 46px; }
  .brain-composer .send-button svg { width: 23px; height: 23px; }
  .brain-review-panel:not([hidden]) { inset: 83px calc(var(--sidebar) + 22px) 22px 22px; }

  .customer-context { margin: 14px 8px 10px 14px; padding: 16px 14px; max-height: calc(100% - 24px); }
  .conversation-layout .panel-card { border-radius: 14px; }
  .customer-context .panel-heading { gap: 10px; }
  .customer-context .panel-heading h2 { font-size: 18px; }
  .customer-context .panel-heading svg { width: 23px; height: 23px; }
  .customer-context .customer-identity { padding: 17px 0 15px; gap: 6px; }
  .customer-context .customer-identity > .avatar { width: 66px; height: 66px; font-size: 25px; }
  .customer-context .customer-identity h3 { font-size: 18px; }
  .customer-context section { padding-top: 14px; }
  .customer-context section h4 { font-size: 14px; }
  .customer-context dl div { min-height: 46px; padding: 9px 0; gap: 7px; font-size: 12px; }
  .customer-context dl svg { width: 19px; height: 19px; }
  .customer-context dt { padding: 3px 7px; font-size: 11px; }
  .context-memory-link { padding: 16px 0 3px; font-size: 12px; gap: 10px; }
  .active-conversation { grid-template-rows: 76px minmax(0, 1fr) auto; }
  .conversation-head { height: 76px; padding: 12px 14px; }
  .conversation-person { gap: 11px; }
  .conversation-person > .avatar { width: 44px; height: 44px; font-size: 19px; }
  .conversation-head h1 { font-size: 18px; }
  .conversation-head p { font-size: 11px; }
  .conversation-head .secondary-button { min-height: 34px; font-size: 12px; padding: 6px 10px; }
  .conversation-head .tool-button { width: 30px; height: 30px; }
  .message-stream { padding: 16px 14px; gap: 18px; }
  .message { padding: 9px 12px; font-size: 14px; margin-bottom: 13px; border-radius: 14px; }
  .customer-message { margin-right: 40px; border-bottom-right-radius: 4px; }
  .agent-message { margin-left: 40px; border-bottom-left-radius: 4px; }
  .message-avatar { right: -40px; width: 32px!important; height: 32px!important; font-size: 12px!important; }
  .agent-message .message-avatar { left: -40px; }
  .message-avatar.neel-avatar img { width: 59px; height: 59px; top: -9px; }
  .ai-draft-card { gap: 12px; padding-top: 4px; }
  .draft-main { padding: 12px 14px; border-radius: 13px; gap: 8px; }
  .draft-heading { gap: 11px; }
  .draft-heading h3 { font-size: 17px; }
  .draft-heading .neel-avatar { width: 36px; height: 36px; }
  .draft-heading .neel-avatar img { width: 66px; height: 66px; top: -10px; }
  .draft-main p { font-size: 14px; line-height: 1.7; }
  .draft-grounding { font-size: 11px; }
  .draft-main .primary-button { min-height: 34px; padding: 6px 12px; font-size: 12px; border-radius: 8px; }
  .handoff-card { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; padding: 12px; border-radius: 13px; }
  .handoff-icon { width: 34px; height: 34px; }
  .handoff-icon svg { width: 21px; height: 21px; }
  .handoff-card h4 { font-size: 15px; margin-bottom: 4px; }
  .handoff-card p { font-size: 12px; line-height: 1.7; }
  .handoff-card button { min-height: 34px; padding: 6px 8px; font-size: 11px; }
  .reply-composer { min-height: 60px; padding: 8px 10px; margin: 9px 13px 16px; gap: 9px; border-radius: 13px; }
  .reply-composer textarea { height: 36px; min-height: 36px; font-size: 13px; padding: 5px 9px; border-radius: 9px; }
  .reply-composer .primary-button { width: 42px; height: 42px; min-height: 42px; }
  .reply-composer .primary-button svg { width: 22px; height: 22px; }
  .reply-composer .attach-button { width: 28px; height: 34px; }
  .reply-composer .attach-button svg { width: 23px; height: 23px; }
  .inbox-panel { margin: 13px 10px 0 6px; padding: 14px 10px; max-height: calc(100% - 13px); }
  .inbox-head { gap: 11px; margin-bottom: 15px; }
  .inbox-head h1 { font-size: 20px; }
  .inbox-head > svg { width: 24px; height: 24px; }
  .inbox-panel > .search-shell { height: 39px; border-radius: 10px; }
  .inbox-panel .search-shell input { font-size: 12px; }
  .inbox-panel .search-shell svg { width: 18px; }
  .inbox-controls { margin: 9px 0 10px; }
  .inbox-item, .inbox-item.is-active { min-height: 82px; padding: 11px 6px; gap: 8px; grid-template-columns: 35px minmax(0, 1fr); }
  .inbox-item > .avatar { width: 35px; height: 35px; font-size: 16px; }
  .inbox-item b { font-size: 14px; }
  .inbox-item p { font-size: 12px; margin-block: 3px; }
  .inbox-item time { bottom: 10px; }
  .inbox-item > i { top: 12px; }

  #customersView.is-active { grid-template-rows: 85px minmax(0, 1fr); }
  .customers-screen-head { padding: 10px 21px 8px; }
  .customers-screen-head h1 { font-size: 38px; letter-spacing: -.6px; }
  .customers-screen-head mark { padding-inline: 13px; }
  .customers-screen-head h1 svg { width: 42px; height: 42px; margin-right: 19px; }
  .customers-screen-head p { font-size: 14px; margin-top: 4px; }
  .customers-layout { gap: 9px; padding: 0 17px 16px; }
  .customers-layout > * { border-radius: 14px; }
  .customer-list-panel { padding: 16px 10px; }
  .customer-list-panel header { margin: 0 4px 15px; }
  .customer-list-panel h2 { font-size: 20px; }
  .customer-list-panel header > svg { width: 24px; height: 24px; }
  .customer-list-panel .search-shell { height: 39px; margin-bottom: 11px; border-radius: 10px; }
  .customer-list-panel .search-shell input { font-size: 12px; }
  .customer-list-item { min-height: 85px; padding: 12px 6px; gap: 9px; }
  .customer-list-item.is-active { padding-left: 3px; border-left-width: 3px; border-radius: 10px; }
  .customer-list-item .customer-avatar { width: 42px; height: 42px; font-size: 17px; }
  .customer-list-item b { font-size: 14px; }
  .customer-list-item p { font-size: 12px; margin: 3px 0; }
  .customer-list-item small { font-size: 10px; }
  .memory-panel { padding: 18px 14px; }
  .memory-head { padding: 0 4px 15px; }
  .memory-head .eyebrow { font-size: 13px; }
  .memory-head h1 { font-size: 32px; }
  .memory-head p { font-size: 12px; }
  .memory-avatar { width: 62px; height: 62px; font-size: 24px; }
  .relationship-summary { padding: 10px 13px; margin-bottom: 16px; border-radius: 11px; }
  .relationship-summary h3, .memory-panel h3.section-heading { font-size: 16px; }
  .relationship-summary p { font-size: 13px; margin-top: 6px; }
  .summary-heading svg, .section-heading svg { width: 21px; height: 21px; }
  .memory-panel .fact-row { min-height: 43px; padding: 7px 10px; gap: 9px; grid-template-columns: 52px minmax(0, 1fr) 32px; }
  .memory-panel .fact-label { font-size: 11px; padding: 3px 6px; }
  .memory-panel .fact-value { font-size: 13px; }
  .memory-panel > .timeline { margin-top: 17px; }
  .memory-panel .timeline-row { min-height: 39px; padding: 9px 0; font-size: 12px; grid-template-columns: 10px 83px minmax(0, 1fr); gap: 8px; }
  .followup-panel { padding: 15px 12px; gap: 9px; }
  .followup-title h2 { font-size: 20px; }
  .followup-welcome { min-height: 76px; padding-inline: 9px; border-radius: 11px; }
  .neel-followup-portrait { width: 100px; height: 76px; }
  .followup-welcome h3 { font-size: 16px; margin-bottom: 5px; }
  .followup-welcome p { font-size: 12px; }
  .followup-panel > .auto-switch { min-height: 25px; gap: 8px; }
  .followup-panel > .auto-switch small { font-size: 12px; }
  .followup-panel > .auto-switch .track { width: 39px; height: 23px; }
  .followup-panel > .auto-switch .track::after { width: 17px; height: 17px; }
  .followup-panel > .auto-switch[aria-checked=true] .track::after { transform: translateX(-16px); }
  .why-card { padding: 9px 12px; border-radius: 11px; }
  .why-card h3 { font-size: 15px; margin-bottom: 3px; }
  .why-card h3 svg { width: 21px; height: 21px; }
  .why-card p { font-size: 13px; line-height: 1.7; }
  .followup-meta { gap: 8px; }
  .followup-meta > div, .followup-meta > div + div { padding: 7px 9px; border-radius: 10px; }
  .followup-meta b { font-size: 12px; }
  .followup-meta-item > svg { width: 18px; height: 18px; }
  .followup-panel .followup-message-label { font-size: 13px; }
  .followup-panel textarea { min-height: 82px; height: 82px; font-size: 13px; padding: 8px 11px; border-radius: 11px; }
  .followup-panel .consent-chip { font-size: 12px; }
  .followup-panel > .followup-send { min-height: 39px; font-size: 16px; border-radius: 9px; }
  .followup-send svg { width: 21px; height: 21px; }
  .followup-actions { gap: 8px; }
  .followup-actions button { min-height: 35px; font-size: 14px; border-radius: 10px; gap: 9px; }
  .followup-actions svg { width: 18px; height: 18px; }
  .followup-panel > .followup-stop { min-height: 26px; font-size: 12px; }
}

@media (min-width: 721px) and (max-width: 1450px) {
  :root { --sidebar: 216px; }
  .nav-item { gap: 11px; }
  .nav-item span { font-size: 15px; }
  .brain-guide b { font-size: 16px; }
  .neel-bust { width: 105px; height: 95px; }
  #brainView .screen-head h1 { font-size: 39px; }
  #brainView .screen-head p { font-size: 16px; }
  .customer-list-item .customer-avatar { width: 38px; height: 38px; font-size: 16px; }
  .customer-list-item { gap: 7px; }
  .followup-welcome h3 { font-size: 15px; }
  .followup-welcome p { font-size: 12px; }
  .followup-welcome { gap: 6px; }
  .neel-followup-portrait { width: 81px; height: 67px; }
}

@media (min-width: 721px) and (max-width: 1150px) {
  :root { --sidebar: 184px; --toolbar: 60px; }
  .side-nav nav { padding-inline: 8px; }
  .nav-item { gap: 8px; padding-inline: 6px; }
  .nav-item span { font-size: 13px; }
  .nav-item svg { width: 21px; height: 21px; }
  .nav-number { font-size: 11px; }
  .side-bottom { margin-inline: 15px; }
  .sidebar-utility, .workspace-account { font-size: 14px; }
  #brainView .screen-head { padding-left: 131px; }
  #brainView .screen-head::after { left: 131px; }
  #brainView .screen-head h1 { font-size: 32px; }
  #brainView .screen-head p { font-size: 14px; }
  .brain-thread { padding-left: 131px; }
  .brain-dock { width: 91px; left: 16px; inset-inline-end: 16px; }
  .dock-icon { width: 69px; }
  .dock-label { font-size: 9px; }
  .neel-bust { width: 88px; height: 80px; }
  .brain-guide b { font-size: 14px; }
  .brain-guide span { font-size: 11px; }
  .brain-composer textarea { font-size: 14px; }
}

@media (min-width: 1101px) and (max-height: 850px) {
  #brainView { grid-template-rows: 128px minmax(0, 1fr) auto; }
  #brainView .screen-head { height: 128px; padding-top: 18px; }
  #customersView.is-active { grid-template-rows: 76px minmax(0, 1fr); }
  .customers-screen-head h1 { font-size: 35px; }
  .customers-screen-head p { font-size: 13px; }
  .followup-panel { gap: 7px; padding: 12px 11px; }
  .followup-welcome { min-height: 56px; padding-top: 0; }
  .neel-followup-portrait { width: 72px; height: 56px; }
  .followup-welcome-copy { padding-block: 3px; }
  .followup-welcome h3 { font-size: 14px; margin-bottom: 2px; }
  .why-card { padding: 7px 10px; }
  .why-card p { font-size: 12px; }
  .followup-panel textarea { min-height: 73px; height: 73px; font-size: 12px; }
  .followup-panel > .followup-send { min-height: 36px; font-size: 15px; }
  .followup-actions button { min-height: 32px; font-size: 13px; }
  .followup-panel > .followup-stop { min-height: 23px; font-size: 11px; }
}

@media (min-width: 761px) and (max-height: 850px) {
  .login-view { grid-template-rows: 64px minmax(0, 1fr); }
  .login-masthead { padding-block: 12px; }
  .login-brand { padding-top: 12px; }
  .login-brand h1 { font-size: min(4.3vw, 7.2vh); }
  .login-brand > p { font-size: min(1.55vw, 2.6vh); }
  .neel-stage { max-height: 350px; margin-top: 6px; }
  .login-card h2 { font-size: min(3.3vw, 5.8vh); }
  .login-card > p:not(.login-error) { margin-bottom: 20px; font-size: 16px; }
  .login-card .input-shell { height: 49px; }
  .login-card .field-label { font-size: 14px; margin-top: 15px; }
  .login-options { margin-block: 19px; }
  .login-options .text-button, .login-card .remember { font-size: 14px; }
  .login-card .login-button { height: 54px; font-size: 19px; }
  .login-button i { width: 36px; height: 36px; top: 9px; font-size: 24px; }
  .login-card > small { margin-top: 19px; }
}

/* Compact panes remain real panes, not off-screen desktop columns. */
@media (max-width: 1100px) {
  #conversationsView.is-active { grid-template-rows: 46px minmax(0, 1fr); }
  #conversationsView[data-pane=thread] .active-conversation { grid-template-rows: 66px minmax(0, 1fr) auto; }
  .conversation-head { height: 66px; }
  #conversationsView[data-pane=inbox] .inbox-panel { padding: 15px 12px; }
  #conversationsView[data-pane=context] .customer-context { padding: 18px; }
  #customersView.is-active { grid-template-rows: 78px 44px minmax(0, 1fr); }
  .customers-screen-head h1 { font-size: 34px; }
  .customers-screen-head p { font-size: 13px; }
  #customersView[data-pane=memory] .memory-panel { padding: 18px 14px; }
  #customersView[data-pane=followup] .followup-panel { padding: 15px 12px; gap: 10px; }
  #customersView[data-pane=list] .customer-list-panel { padding: 16px 12px; }
  .pane-switcher { padding-block: 5px; }
}

@media (max-width: 760px) {
  .login-view { grid-template-rows: 52px minmax(105px, 19svh) minmax(0, 1fr); }
  .login-masthead { height: 52px; padding-block: 10px; }
  .login-masthead img { width: 137px; height: 30px; }
  .login-brand { padding-right: 119px; }
  .login-brand h1 { font-size: clamp(21px, 5vw, 30px); }
  .neel-stage { width: 105px; }
  .login-neel { width: 105px; }
  .login-panel { padding-block: 12px; }
  .login-card h2 { font-size: 28px; }
  .login-card > p:not(.login-error) { margin-bottom: 15px; }
  .login-card .input-shell { height: 44px; }
  .login-options { margin-block: 16px; }
  .login-card .login-button { height: 48px; font-size: 18px; }
  .login-button i { width: 32px; height: 32px; top: 8px; font-size: 23px; }
}

@media (max-width: 720px) {
  :root { --sidebar: 0px; --toolbar: 50px; }
  .workspace-crumb { font-size: 13px; }
  .workspace-toolbar { margin-inline: 13px; }
  #brainView { grid-template-rows: 139px minmax(0, 1fr) auto; }
  #brainView .screen-head { height: 139px; padding-top: 12px; }
  #brainView .screen-head h1 { font-size: 28px; }
  .neel-bust { width: 74px; height: 68px; }
  .brain-dock { top: 82px; height: 43px; border-radius: 10px; }
  .brain-thread { padding-top: 17px; padding-bottom: 16px; }
  #brainView .bubble { padding: 9px 12px; }
  .brain-composer { min-height: 61px; padding-block: 7px; margin-bottom: 9px; }
  .brain-review-panel:not([hidden]) { top: 60px; }
  #conversationsView.is-active { grid-template-rows: 42px minmax(0, 1fr); }
  #conversationsView[data-pane=thread] .active-conversation { grid-template-rows: 60px minmax(0, 1fr) auto; }
  .conversation-head { height: 60px; padding-block: 8px; }
  .conversation-person > .avatar { width: 34px; height: 34px; font-size: 16px; }
  .conversation-head h1 { font-size: 15px; }
  .message-stream { padding: 13px 10px; gap: 18px; }
  .message { font-size: 13px; padding: 8px 11px; }
  .draft-main { padding: 10px 11px; gap: 7px; }
  .draft-heading h3 { font-size: 15px; }
  .draft-heading .neel-avatar { width: 32px; height: 32px; }
  .draft-heading .neel-avatar img { width: 58px; height: 58px; top: -9px; }
  .draft-main p, .handoff-card p { font-size: 12px; }
  .handoff-card { padding: 10px; }
  .handoff-card h4 { font-size: 14px; }
  .reply-composer { margin: 7px; padding: 7px; min-height: 56px; }
  .reply-composer textarea { min-height: 35px; height: 35px; }
  .inbox-head h1, .customer-list-panel h2 { font-size: 20px; }
  .inbox-head { margin-bottom: 12px; }
  .inbox-panel > .search-shell, .customer-list-panel .search-shell { height: 41px; }
  .inbox-item, .inbox-item.is-active { min-height: 85px; padding-block: 11px; }
  .inbox-item > .avatar { width: 37px; height: 37px; font-size: 17px; }
  .inbox-item b { font-size: 15px; }
  .inbox-item p { font-size: 12px; }
  .customer-context .customer-identity { padding-block: 13px; }
  .customer-context .customer-identity > .avatar { width: 62px; height: 62px; font-size: 24px; }
  .customer-context .customer-identity h3 { font-size: 19px; }
  .customer-context .panel-heading h2 { font-size: 19px; }
  .customer-context dl div { min-height: 47px; padding-block: 9px; }
  #customersView.is-active { grid-template-rows: 66px 41px minmax(0, 1fr); }
  .customers-screen-head { padding-top: 8px; }
  .customers-screen-head h1 { font-size: clamp(23px, 6.8vw, 28px); }
  .customers-screen-head h1 svg { width: 23px; height: 23px; }
  .customers-screen-head p { font-size: 12px; }
  .memory-head h1 { font-size: 27px; }
  .memory-avatar { width: 52px; height: 52px; font-size: 21px; }
  .memory-head { padding-bottom: 13px; }
  .relationship-summary { padding: 10px; margin-bottom: 13px; }
  .relationship-summary h3, .memory-panel h3.section-heading { font-size: 15px; }
  .memory-panel .timeline-row { font-size: 12px; }
  .customer-list-panel header { margin-bottom: 14px; }
  .customer-list-item { min-height: 86px; padding: 12px 7px; gap: 10px; }
  .customer-list-item.is-active { padding-left: 5px; }
  .customer-list-item .customer-avatar { width: 44px; height: 44px; font-size: 18px; }
  .customer-list-item b { font-size: 15px; }
  .followup-title h2 { font-size: 19px; }
  .followup-welcome { min-height: 66px; }
  .neel-followup-portrait { width: 85px; height: 67px; }
  .followup-welcome h3 { font-size: 15px; }
  .followup-welcome p { font-size: 12px; }
  .why-card { padding: 10px 12px; }
  .followup-panel > .followup-send { font-size: 15px; }
}

@media (max-width: 760px) and (max-height: 650px) {
  .login-view { grid-template-rows: 44px 98px minmax(0, 1fr); }
  .login-masthead { height: 44px; padding-block: 7px; }
  .login-card h2 { font-size: 24px; }
  .login-card > p:not(.login-error) { margin-bottom: 8px; }
  .login-card .input-shell { height: 40px; }
  .login-options { margin-block: 12px; }
  .login-card .login-button { height: 44px; font-size: 17px; }
  .login-button i { width: 28px; height: 28px; top: 8px; font-size: 21px; }
}