@font-face { font-family: "XCharter Clarinda"; src: url("/assets/brand/fonts/xcharter-roman.otf?v=86") format("opentype"); font-style: normal; font-weight: 400; font-display: swap; }
    @font-face { font-family: "XCharter Clarinda"; src: url("/assets/brand/fonts/xcharter-bold.otf?v=86") format("opentype"); font-style: normal; font-weight: 700; font-display: swap; }
    :root {
      --clarinda-canvas: #F4F6F5;
      --clarinda-surface: #FFFFFF;
      --clarinda-white: #FFFFFF;
      --clarinda-ink: #29312F;
      --clarinda-muted: #626D6A;
      --clarinda-line: #D7DEDC;
      --clarinda-quiet: #E8EEEC;
      --clarinda-selected: #CDD9D6;
      --clarinda-primary: #536762;
      --clarinda-primary-soft: #E8EEEC;
      --clarinda-logo: #556B69;
      --clarinda-clay: #536762;
      --clarinda-clay-soft: #E8EEEC;
      --clarinda-ochre: #CDD9D6;
      --clarinda-ochre-soft: #E8EEEC;
      --clarinda-iris: #71837F;
      --clarinda-iris-soft: #E8EEEC;
      --clarinda-moss: #536762;
      --clarinda-moss-soft: #E8EEEC;
      --clarinda-accent: #71837F;
      --clarinda-accent-soft: #E8EEEC;
      --clarinda-dark-canvas: #161A19;
      --clarinda-dark-surface: #202624;
      --clarinda-dark-raised: #29312F;
      --clarinda-dark-line: #3D4845;
      --clarinda-dark-ink: #F4F6F5;
      --clarinda-dark-muted: #B6C0BD;
      --clarinda-dark-selected: #B7C5C1;
      --clarinda-dark-accent: #A3B3AF;
      --clarinda-dark-primary: #566B66;
      --clarinda-dark-clay: #566B66;
      --clarinda-dark-ochre: #B7C5C1;
      --clarinda-dark-iris: #A3B3AF;
      --clarinda-dark-moss: #566B66;
      --clarinda-success: #536762;
      --clarinda-warning: #71837F;
      --clarinda-danger: #A84848;
      color-scheme: dark;
      --calendar-slot-h: 17px;
      --bg: var(--clarinda-dark-canvas);
      --bg2: var(--clarinda-dark-surface);
      --panel: var(--clarinda-dark-surface);
      --panel2: var(--clarinda-dark-raised);
      --panel3: var(--clarinda-dark-raised);
      --ink: var(--clarinda-dark-ink);
      --text: var(--ink);
      --soft: var(--clarinda-dark-muted);
      --muted: var(--clarinda-dark-muted);
      --line: var(--clarinda-dark-line);
      --line-strong: var(--clarinda-dark-line);
      --input-bg: var(--clarinda-dark-surface);
      --input-text: var(--clarinda-dark-ink);
      --placeholder: var(--clarinda-dark-muted);
      --chat-agent-bg: var(--clarinda-dark-surface);
      --chat-agent-text: var(--clarinda-dark-ink);
      --chat-user-bg: var(--clarinda-dark-selected);
      --chat-user-text: var(--clarinda-ink);
      --card-text: var(--clarinda-dark-ink);
      --accent: var(--clarinda-dark-primary);
      --accent2: var(--clarinda-dark-primary);
      --warn: var(--clarinda-warning);
      --danger: #D47C7C;
      --ok: var(--clarinda-dark-accent);
      --shadow: none;
      --radius: 8px;
      --control-green: var(--clarinda-dark-selected);
      --control-on-green: var(--clarinda-ink);
      --control-green-border: var(--clarinda-dark-accent);
      --brand-mark-background: var(--clarinda-primary);
      --brand-mark-page: var(--clarinda-white);
      --brand-mark-page-alt: var(--clarinda-quiet);
      --brand-mark-line: var(--clarinda-ink);
      --selection-bg: var(--clarinda-dark-selected);
      --selection-text: #202725;
      --primary-control: var(--clarinda-dark-selected);
      --primary-control-text: var(--clarinda-ink);
    }
    
    html[data-color-theme="mineral"] {
      --clarinda-quiet: #EEF7F5;
      --clarinda-selected: #C9E4DE;
      --clarinda-primary: #436B62;
      --clarinda-primary-soft: #EEF7F5;
      --clarinda-accent: #5E8C82;
      --clarinda-accent-soft: #EEF7F5;
      --clarinda-clay: #436B62;
      --clarinda-clay-soft: #EEF7F5;
      --clarinda-ochre: #C9E4DE;
      --clarinda-ochre-soft: #EEF7F5;
      --clarinda-iris: #5E8C82;
      --clarinda-iris-soft: #EEF7F5;
      --clarinda-moss: #436B62;
      --clarinda-moss-soft: #EEF7F5;
      --clarinda-dark-selected: #C9E4DE;
      --clarinda-dark-accent: #5E8C82;
      --clarinda-dark-primary: #436B62;
      --clarinda-dark-clay: #436B62;
      --clarinda-dark-ochre: #C9E4DE;
      --clarinda-dark-iris: #5E8C82;
      --clarinda-dark-moss: #436B62;
      --clarinda-success: #436B62;
      --clarinda-warning: #5E8C82;
    }

    html[data-color-theme="slate"] {
      --clarinda-quiet: #EDF5FB;
      --clarinda-selected: #C6DEF1;
      --clarinda-primary: #456B89;
      --clarinda-primary-soft: #EDF5FB;
      --clarinda-accent: #6188A7;
      --clarinda-accent-soft: #EDF5FB;
      --clarinda-clay: #456B89;
      --clarinda-clay-soft: #EDF5FB;
      --clarinda-ochre: #C6DEF1;
      --clarinda-ochre-soft: #EDF5FB;
      --clarinda-iris: #6188A7;
      --clarinda-iris-soft: #EDF5FB;
      --clarinda-moss: #456B89;
      --clarinda-moss-soft: #EDF5FB;
      --clarinda-dark-selected: #C6DEF1;
      --clarinda-dark-accent: #6188A7;
      --clarinda-dark-primary: #456B89;
      --clarinda-dark-clay: #456B89;
      --clarinda-dark-ochre: #C6DEF1;
      --clarinda-dark-iris: #6188A7;
      --clarinda-dark-moss: #456B89;
      --clarinda-success: #456B89;
      --clarinda-warning: #6188A7;
    }

    html[data-color-theme="heather"] {
      --clarinda-quiet: #FBEFF6;
      --clarinda-selected: #F2C6DE;
      --clarinda-primary: #7A4A65;
      --clarinda-primary-soft: #FBEFF6;
      --clarinda-accent: #9D6282;
      --clarinda-accent-soft: #FBEFF6;
      --clarinda-clay: #7A4A65;
      --clarinda-clay-soft: #FBEFF6;
      --clarinda-ochre: #F2C6DE;
      --clarinda-ochre-soft: #FBEFF6;
      --clarinda-iris: #9D6282;
      --clarinda-iris-soft: #FBEFF6;
      --clarinda-moss: #7A4A65;
      --clarinda-moss-soft: #FBEFF6;
      --clarinda-dark-selected: #F2C6DE;
      --clarinda-dark-accent: #9D6282;
      --clarinda-dark-primary: #7A4A65;
      --clarinda-dark-clay: #7A4A65;
      --clarinda-dark-ochre: #F2C6DE;
      --clarinda-dark-iris: #9D6282;
      --clarinda-dark-moss: #7A4A65;
      --clarinda-success: #7A4A65;
      --clarinda-warning: #9D6282;
    }

    html[data-color-theme="taupe"] {
      --clarinda-quiet: #FCF2EB;
      --clarinda-selected: #F7D9C4;
      --clarinda-primary: #815437;
      --clarinda-primary-soft: #FCF2EB;
      --clarinda-accent: #A96F4B;
      --clarinda-accent-soft: #FCF2EB;
      --clarinda-clay: #815437;
      --clarinda-clay-soft: #FCF2EB;
      --clarinda-ochre: #F7D9C4;
      --clarinda-ochre-soft: #FCF2EB;
      --clarinda-iris: #A96F4B;
      --clarinda-iris-soft: #FCF2EB;
      --clarinda-moss: #815437;
      --clarinda-moss-soft: #FCF2EB;
      --clarinda-dark-selected: #F7D9C4;
      --clarinda-dark-accent: #A96F4B;
      --clarinda-dark-primary: #815437;
      --clarinda-dark-clay: #815437;
      --clarinda-dark-ochre: #F7D9C4;
      --clarinda-dark-iris: #A96F4B;
      --clarinda-dark-moss: #815437;
      --clarinda-success: #815437;
      --clarinda-warning: #A96F4B;
    }

    html[data-color-theme="amber"] {
      --clarinda-quiet: #FDF8EA;
      --clarinda-selected: #FAEDCB;
      --clarinda-primary: #6E5628;
      --clarinda-primary-soft: #FDF8EA;
      --clarinda-accent: #B08A37;
      --clarinda-accent-soft: #FDF8EA;
      --clarinda-clay: #6E5628;
      --clarinda-clay-soft: #FDF8EA;
      --clarinda-ochre: #FAEDCB;
      --clarinda-ochre-soft: #FDF8EA;
      --clarinda-iris: #B08A37;
      --clarinda-iris-soft: #FDF8EA;
      --clarinda-moss: #6E5628;
      --clarinda-moss-soft: #FDF8EA;
      --clarinda-dark-selected: #FAEDCB;
      --clarinda-dark-accent: #B08A37;
      --clarinda-dark-primary: #6E5628;
      --clarinda-dark-clay: #6E5628;
      --clarinda-dark-ochre: #FAEDCB;
      --clarinda-dark-iris: #B08A37;
      --clarinda-dark-moss: #6E5628;
      --clarinda-success: #6E5628;
      --clarinda-warning: #B08A37;
    }

    html[data-color-theme="graphite"] {
      --clarinda-quiet: #F2EEF9;
      --clarinda-selected: #DBD0F0;
      --clarinda-primary: #5F527D;
      --clarinda-primary-soft: #F2EEF9;
      --clarinda-accent: #7D6EA0;
      --clarinda-accent-soft: #F2EEF9;
      --clarinda-clay: #5F527D;
      --clarinda-clay-soft: #F2EEF9;
      --clarinda-ochre: #DBD0F0;
      --clarinda-ochre-soft: #F2EEF9;
      --clarinda-iris: #7D6EA0;
      --clarinda-iris-soft: #F2EEF9;
      --clarinda-moss: #5F527D;
      --clarinda-moss-soft: #F2EEF9;
      --clarinda-dark-selected: #DBD0F0;
      --clarinda-dark-accent: #7D6EA0;
      --clarinda-dark-primary: #5F527D;
      --clarinda-dark-clay: #5F527D;
      --clarinda-dark-ochre: #DBD0F0;
      --clarinda-dark-iris: #7D6EA0;
      --clarinda-dark-moss: #5F527D;
      --clarinda-success: #5F527D;
      --clarinda-warning: #7D6EA0;
    }
    [data-theme="light"] {
      color-scheme: light;
      --bg: var(--clarinda-canvas);
      --bg2: var(--clarinda-primary-soft);
      --panel: var(--clarinda-surface);
      --panel2: var(--clarinda-white);
      --panel3: var(--clarinda-primary-soft);
      --ink: var(--clarinda-ink);
      --soft: var(--clarinda-muted);
      --muted: var(--clarinda-muted);
      --line: var(--clarinda-line);
      --line-strong: var(--clarinda-line);
      --input-bg: var(--clarinda-white);
      --input-text: var(--clarinda-ink);
      --placeholder: var(--clarinda-muted);
      --chat-agent-bg: var(--clarinda-white);
      --chat-agent-text: var(--clarinda-ink);
      --chat-user-bg: var(--clarinda-selected);
      --chat-user-text: var(--clarinda-ink);
      --card-text: var(--clarinda-ink);
      --accent: var(--clarinda-ink);
      --accent2: var(--clarinda-accent);
      --warn: var(--clarinda-warning);
      --danger: var(--clarinda-danger);
      --ok: var(--clarinda-success);
      --shadow: none;
      --control-green: var(--clarinda-selected);
      --control-on-green: var(--clarinda-ink);
      --control-green-border: var(--clarinda-accent);
      --brand-mark-background: var(--clarinda-primary);
      --brand-mark-page: var(--clarinda-white);
      --brand-mark-page-alt: var(--clarinda-quiet);
      --brand-mark-line: var(--clarinda-ink);
      --selection-bg: var(--clarinda-selected);
      --selection-text: var(--clarinda-ink);
      --primary-control: var(--clarinda-selected);
      --primary-control-text: var(--clarinda-ink);
    }
    * { box-sizing: border-box; }
    html, body { min-height: 100%; background: var(--bg); }
    body {
      margin: 0;
      color: var(--ink);
      font-size: .8125rem;
      font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
      letter-spacing: 0;
      background: var(--bg);
    }
    button, input, textarea, select { font: inherit; letter-spacing: 0; }
    button { -webkit-tap-highlight-color: transparent; }
    a { color: var(--accent); text-decoration: none; }
    .hidden { display: none !important; }
    #journalRecover[hidden] { display: none !important; }
    .app { min-height: 100dvh; display: grid; grid-template-rows: auto 1fr; container-type: inline-size; }
    .topbar {
      position: sticky;
      top: 0;
      z-index: 20;
      padding: calc(8px + env(safe-area-inset-top)) 12px 8px;
    }
    .topbar-inner {
      max-width: 1220px;
      margin: 0 auto;
      position: relative;
      display: grid;
      grid-template-columns: minmax(0,1fr) auto;
      gap: 10px;
      align-items: center;
    }
    .brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
    .topbar-screen-title {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      max-width: 32vw;
      overflow: hidden;
      color: var(--ink);
      font-size: .6875rem;
      font-weight: 700;
      line-height: 1;
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
      pointer-events: none;
    }
    .mark {
      width: 36px; height: 36px; border-radius: 10px;
      display: grid; place-items: center;
      background: transparent;
      border: 1px solid var(--line-strong);
      box-shadow: none;
      flex: 0 0 auto;
      overflow: hidden;
    }
    .brand-icon { width: 100%; height: 100%; display: block; object-fit: cover; }
    .brand-icon--fixed { color: inherit; }
    .brand-wordmark {
      display: inline-grid;
      width: 104px;
      height: 30px;
      flex: 0 0 auto;
      place-items: center start;
    }
    .brand-wordmark img {
      grid-area: 1 / 1;
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
      object-position: left center;
    }
    .brand-wordmark--header { transform: translateY(-4.5px); }
    .brand-wordmark-dark { display: none !important; }
    [data-theme="dark"] .brand-wordmark-light { display: none !important; }
    [data-theme="dark"] .brand-wordmark-dark { display: block !important; }
    .brand-wordmark--login { width: 156px; height: 48px; }
    h1 {
      margin: 0;
      font-size: 1.0625rem;
      line-height: 1.05;
      letter-spacing: -.01em;
      font-weight: 700;
    }
    .top-actions { display: flex; align-items: center; gap: 6px; }

    .appearance-mode-options,
    .text-size-options {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(108px, 1fr);
      gap: 5px;
      overflow-x: auto;
      padding: 2px;
      scrollbar-width: thin;
    }
    .appearance-mode-option,
    .text-size-option { min-height: 44px; white-space: nowrap; }
    .settings-account-rows { display: grid; gap: 8px; }
    .settings-account-row {
      display: grid;
      grid-template-columns: minmax(84px, auto) minmax(0, 1fr);
      align-items: center;
      gap: 12px;
      min-height: 44px;
      padding: 4px 0;
    }
    .settings-account-row > span:first-child { color: var(--muted); font-weight: 700; }
    .settings-account-email { min-width: 0; overflow: hidden; text-align: end; text-overflow: ellipsis; white-space: nowrap; }
    .settings-account-row select { width: 100%; }
    .settings-account-actions { display: flex; gap: 6px; align-items: center; }
    .settings-inline-error { color: var(--danger); min-height: 0; }

    :is(
      .calendar-view-btn,
      .work-view-btn,
      .pomodoro-phase-btn,
      .other-tab,
      .task-type-option,
      .health-summary-card,
      .crm-filter-btn,
      .settings-tab,
      .appearance-mode-option,
      .text-size-option,
      .color-theme-option,
      .mobile-nav button,
      .sidebar button
    ):is(.active, .is-active, [aria-selected="true"], [aria-pressed="true"], [aria-current="page"]) {
      color: var(--clarinda-ink) !important;
      background: var(--clarinda-selected) !important;
      border-color: color-mix(in srgb, var(--clarinda-primary) 54%, var(--line)) !important;
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--clarinda-primary) 24%, transparent), var(--shadow-contact) !important;
      font-weight: 700 !important;
    }
    .icon-btn, .btn {
      min-height: 32px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel);
      color: var(--ink);
      cursor: pointer;
      transition: border-color .16s ease, background .16s ease, transform .16s ease;
    }
    .icon-btn { width: 32px; display: grid; place-items: center; font-weight: 700; }
    .icon-btn:hover, .btn:hover { border-color: var(--line-strong); }
    .icon-btn:active, .btn:active { transform: translateY(1px); }
    .btn {
      padding: 0 9px;
      display: inline-flex;
      gap: 8px;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      white-space: nowrap;
    }
    .btn.primary {
      border-color: var(--control-green-border);
      background: var(--control-green);
      color: var(--control-on-green);
      box-shadow: none;
    }
    .btn.ghost { background: transparent; }
    .btn.danger { color: var(--danger); }
    .btn.slim { min-height: 28px; border-radius: 8px; padding: 0 8px; font-size: .6875rem; }
    .shell {
      width: 100%;
      max-width: 1220px;
      margin: 0 auto;
      display: grid;
      gap: 8px;
      padding: 8px 8px calc(76px + env(safe-area-inset-bottom));
    }
    .sidebar { display: none; }
    .content { min-width: 0; min-height: 0; }
    .screen { display: none; gap: 10px; }
    .screen.active { display: grid; }
    #screen-chat.active {
      height: calc(100dvh - 66px - 76px - env(safe-area-inset-bottom));
      min-height: 0;
      grid-template-rows: minmax(0, 1fr);
    }
    .hero {
      position: relative;
      min-height: 46px;
      display: grid;
      align-content: center;
      gap: 2px;
      padding: 8px 10px 8px 14px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel);
      overflow: hidden;
    }
    .hero::before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      bottom: 8px;
      width: 2px;
      background: var(--clarinda-accent);
    }
    .hero h2 {
      margin: 0;
      font-size: 1rem;
      line-height: 1.08;
      letter-spacing: -.01em;
      font-weight: 700;
    }
    .hero p { margin: 0; color: var(--soft); max-width: 72ch; font-size: .6875rem; }
    .grid { display: grid; gap: 8px; }
    .two, .three { grid-template-columns: 1fr; }
    .card {
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel);
      color: var(--card-text);
      box-shadow: none;
      padding: 8px;
    }
    .card.tight { padding: 8px; }
    .calendar-card { padding: 0; overflow: hidden; }
    .calendar-toolbar {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto auto auto;
      gap: 6px;
      align-items: center;
      padding: 8px;
      border-bottom: 1px solid var(--line);
      background: color-mix(in srgb, var(--panel2) 72%, transparent);
    }
    .calendar-date-picker,
    .calendar-form-date {
      position: relative;
      display: grid;
      place-items: center;
      min-width: 0;
      min-height: 34px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel);
      color: var(--ink);
      font-size: .75rem;
      font-weight: 700;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
    }
    .calendar-date-picker { white-space:normal; padding:4px 6px; line-height:1.35; overflow-wrap:normal; }
    .calendar-date-picker input,
    .calendar-form-date input {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer;
    }
    .calendar-date-picker:focus-within,
    .calendar-form-date:focus-within { outline: 2px solid var(--accent); outline-offset: 1px; }
    .calendar-view-toggle {
      justify-self: end;
      gap: 2px;
      padding: 2px;
      min-width: max-content;
      border-color: var(--line-strong);
    }
    .calendar-view-toggle .btn {
      min-height: 26px;
      border: 0;
      font-size: .625rem;
    }
    .calendar-view-toggle .btn.is-active {
      background: var(--control-green);
      color: var(--control-on-green);
    }
    .calendar-status {
      margin: 8px;
      white-space: pre-wrap;
    }
    .calendar-all-day {
      margin: 0 8px 8px;
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr);
      border: 1px solid var(--line);
      background: var(--panel2);
    }
    .calendar-all-day-label {
      padding: 7px 6px;
      border-inline-end: 1px solid var(--line);
      color: var(--muted);
      font-size: .5625rem;
      font-weight: 700;
      text-transform: uppercase;
    }
    .calendar-all-day-list { display: flex; gap: 4px; padding: 4px; overflow-x: auto; }
    .calendar-all-day-event,
    .calendar-month-event {
      min-width: 0;
      border: 1px solid var(--line-strong);
      border-inline-start: 3px solid var(--accent);
      border-radius: 4px;
      background: var(--panel3);
      color: var(--ink);
      font: inherit;
      font-size: .5625rem;
      font-weight: 700;
      text-align: start;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .calendar-all-day-event { flex: 0 0 auto; max-width: 220px; padding: 5px 7px; }
    .calendar-conflict { border-color: color-mix(in srgb, var(--danger) 58%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--danger) 28%, transparent); }
    .calendar-grid {
      max-height: calc(100dvh - 220px);
      overflow: auto;
      scroll-behavior: smooth;
      background: var(--panel);
    }
    .calendar-matrix {
      --calendar-days: 1;
      display: grid;
      grid-template-columns: 58px repeat(var(--calendar-days), minmax(156px, 1fr));
      grid-auto-rows: var(--calendar-slot-h);
      min-width: calc(58px + (var(--calendar-days) * 156px));
      position: relative;
    }
    .calendar-month-grid {
      display: grid;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      min-width: 336px;
      background: var(--panel);
    }
    .calendar-month-weekday {
      position: sticky;
      top: 0;
      z-index: 3;
      padding: 6px 4px;
      border-inline-end: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: var(--panel2);
      color: var(--muted);
      font-size: .5625rem;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
    }
    .calendar-month-day {
      min-width: 0;
      min-height: 104px;
      padding: 5px;
      border-inline-end: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: var(--panel);
    }
    .calendar-month-day.outside { color: var(--muted); background: color-mix(in srgb, var(--panel) 78%, var(--bg)); }
    .calendar-month-day.today { box-shadow: inset 0 0 0 2px var(--accent); }
    .calendar-month-date { margin-bottom: 4px; font-size: .625rem; font-weight: 700; }
    .calendar-month-events { display: grid; gap: 3px; }
    .calendar-month-event { width: 100%; padding: 3px 4px; }
    .calendar-corner,
    .calendar-day-head {
      position: sticky;
      top: 0;
      z-index: 6;
      min-height: 28px;
      padding: 3px 7px;
      border-bottom: 1px solid var(--line);
      background: color-mix(in srgb, var(--panel2) 92%, var(--panel));
      color: var(--ink);
      font-size: .625rem;
      font-weight: 700;
      letter-spacing: .03em;
      text-transform: uppercase;
    }
    .calendar-corner {
      left: 0;
      z-index: 7;
      border-inline-end: 1px solid var(--line);
    }
    .calendar-day-head.today {
      color: var(--accent);
    }
    .calendar-day-head {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      line-height: 1;
      white-space: nowrap;
      text-align: center;
    }
    .calendar-day-main {
      color: inherit;
    }
    .calendar-day-sub {
      display: inline;
      margin-top: 0;
      color: var(--muted);
      font-size: .5625rem;
      font-weight: 700;
      letter-spacing: 0;
      text-transform: none;
    }
    .calendar-cell {
      position: relative;
      height: var(--calendar-slot-h);
      border-inline-end: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
      border-bottom: 1px solid color-mix(in srgb, var(--line) 66%, transparent);
      cursor: pointer;
      overflow: visible;
    }
    .calendar-cell:hover {
      background: color-mix(in srgb, var(--clarinda-accent) 7%, transparent);
    }
    .calendar-slot {
      min-height: var(--calendar-slot-h);
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr);
      border-bottom: 1px solid color-mix(in srgb, var(--line) 74%, transparent);
      cursor: pointer;
    }
    .calendar-slot:hover { background: color-mix(in srgb, var(--clarinda-accent) 7%, transparent); }
    .calendar-time {
      position: sticky;
      left: 0;
      z-index: 4;
      height: var(--calendar-slot-h);
      padding: 0 6px;
      color: var(--muted);
      font-size: .5625rem;
      line-height: var(--calendar-slot-h);
      font-variant-numeric: tabular-nums;
      border-inline-end: 1px solid var(--line);
      border-bottom: 1px solid color-mix(in srgb, var(--line) 74%, transparent);
      background: color-mix(in srgb, var(--panel) 94%, transparent);
    }
    .calendar-lane {
      min-width: 0;
      padding: 2px 4px;
      display: grid;
      gap: 3px;
    }
    .calendar-event {
      min-width: 0;
      border: 1px solid var(--line);
      border-inline-start: 2px solid var(--accent);
      border-radius: 6px;
      padding: 3px 5px;
      background: color-mix(in srgb, var(--panel2) 92%, var(--accent) 8%);
      color: var(--ink);
      font-size: .625rem;
      line-height: 1.18;
      text-align: start;
      overflow: hidden;
    }
	    .calendar-cell > .calendar-event {
	      position: absolute;
	      top: 1px;
	      left: 3px;
	      right: 3px;
	      z-index: 3;
	    }
	    .calendar-cell.calendar-day-clipped > .calendar-event {
	      visibility: hidden;
	      pointer-events: none;
	    }
    .calendar-now-line {
      position: absolute;
      left: 0;
      right: 0;
      z-index: 9;
      height: 0;
      border-top: 2px solid var(--clarinda-accent);
      pointer-events: none;
      filter: drop-shadow(0 0 8px color-mix(in srgb, var(--clarinda-accent) 40%, transparent));
    }
    .calendar-now-line::before {
      content: "";
      position: absolute;
      left: -4px;
      top: -4px;
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--clarinda-accent);
    }
    .calendar-now-pill {
      position: absolute;
      right: 4px;
      z-index: 10;
      padding: 1px 4px;
      border: 1px solid color-mix(in srgb, var(--clarinda-accent) 62%, transparent);
      border-radius: 999px;
      background: color-mix(in srgb, var(--bg) 88%, transparent);
      color: var(--accent);
      font-size: .5rem;
      font-weight: 700;
      line-height: 1.2;
      pointer-events: none;
      box-shadow: 0 0 0 1px color-mix(in srgb, var(--bg) 82%, transparent);
    }
    .calendar-event.google { border-inline-start-color: var(--accent2); }
    .calendar-event.failed { border-inline-start-color: var(--danger); }
    #calendarAccountsList{display:grid;gap:12px;margin:12px 0}#calendarAccountsList .settings-detail{padding:12px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}#calendarAccountsList .settings-inline-actions{display:flex;flex-wrap:wrap;gap:6px}.calendar-account-label{display:block;font-size:.8em;overflow:hidden;text-overflow:ellipsis}.calendar-event-title { font-weight: 700; overflow-wrap: anywhere; }
    .calendar-event-meta { color: var(--soft); font-size: .5625rem; margin-top: 1px; overflow-wrap: anywhere; }
    .calendar-datetime-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .calendar-datetime-field { display: grid; gap: 5px; min-width: 0; }
    .calendar-datetime-composite { display: grid; grid-template-columns: minmax(0, 1fr) 72px; gap: 4px; min-width: 0; }
    .calendar-datetime-composite select { width: 100%; min-width: 0; padding-inline: 5px; font-variant-numeric: tabular-nums; }
    .calendar-form-date { min-height: 38px; font-size: .65625rem; font-variant-numeric: tabular-nums; }
    .calendar-datetime-field.is-all-day .calendar-datetime-composite { grid-template-columns: minmax(0, 1fr); }
    .calendar-datetime-field.is-all-day select { display: none; }
    .calendar-work-item-field { display: grid; gap: 4px; color: var(--soft); font-size: .6875rem; font-weight: 700; }
    .calendar-work-picker { display: grid; gap: 4px; min-width: 0; }
    .calendar-work-item-trigger {
      width: 100%;
      min-height: 40px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: center;
      padding: 6px 8px;
      border: 1px solid var(--line);
      border-radius: var(--radius-control);
      background: var(--input-bg);
      color: var(--input-text);
      text-align: start;
      cursor: pointer;
    }
    .calendar-work-trigger-copy,
    .calendar-work-option-copy { min-width: 0; display: grid; gap: 1px; }
    .calendar-work-trigger-title,
    .calendar-work-option-title {
      color: var(--input-text);
      font-size: .875rem;
      font-weight: 600;
      line-height: 1.25;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .calendar-work-trigger-context,
    .calendar-work-option-context {
      overflow: hidden;
      color: var(--soft);
      font-size: .75rem;
      font-weight: 400;
      line-height: 1.25;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .calendar-work-trigger-chevron { color: var(--soft); font-size: .75rem; transition: transform .16s ease; }
    .calendar-work-item-trigger[aria-expanded="true"] .calendar-work-trigger-chevron { transform: rotate(180deg); }
    .calendar-work-picker-panel {
      min-height: 0;
      max-height: min(38dvh, 260px);
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius-control);
      background: var(--input-bg);
    }
    .calendar-work-search { min-height: 36px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }
    .calendar-work-list { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
    .calendar-work-group { padding: 7px 9px 4px; color: var(--soft); font-size: .6875rem; font-weight: 700; line-height: 1.2; }
    .calendar-work-option {
      width: 100%;
      min-height: 42px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 18px;
      gap: 8px;
      align-items: center;
      padding: 6px 9px;
      border: 0;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      background: transparent;
      color: var(--input-text);
      text-align: start;
      cursor: pointer;
    }
    .calendar-work-option:last-child { border-bottom: 0; }
    .calendar-work-option.is-active { background: color-mix(in srgb, var(--clarinda-accent) 8%, transparent); }
    .calendar-work-option[aria-selected="true"] { background: var(--selection-bg); }
    .calendar-work-option-check { color: var(--clarinda-primary); font-size: .75rem; font-weight: 700; text-align: center; visibility: hidden; }
    .calendar-work-option[aria-selected="true"] .calendar-work-option-check { visibility: visible; }
    .calendar-work-empty { padding: 10px 9px; color: var(--soft); font-size: .75rem; font-weight: 400; }
    .calendar-work-item-status { min-height: 1.2em; font-size: .625rem; font-weight: 400; line-height: 1.25; }
    .calendar-options-row { display: grid; grid-template-columns: auto minmax(150px, 1fr); gap: 7px; align-items: center; }
    .calendar-recurrence-until { display: grid; gap: 4px; color: var(--soft); font-size: .6875rem; font-weight: 700; }
    .calendar-recurrence-until.hidden { display: none; }
    .calendar-block-save { margin-inline-start: auto; }
    .calendar-google-confirmation {
      display: grid;
      gap: 6px;
      margin-top: 8px;
      padding: 10px;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius);
      background: var(--panel2);
    }
    .calendar-google-confirmation strong { color: var(--ink); }
    .calendar-google-confirmation .row { flex-wrap: wrap; }
    .work-inbox-panels > .hidden { display: none !important; }
    .work-inbox-tabs {
      gap: 2px;
      padding: 2px;
      border-color: var(--line-strong);
      background: var(--panel2);
    }
    .work-inbox-tabs .btn {
      min-height: 24px;
      border: 0;
      font-size: .625rem;
    }
    .work-inbox-tabs .btn.is-active {
      background: var(--control-green);
      color: var(--control-on-green);
      font-weight: 700;
      text-shadow: none;
    }
    .work-inbox-tabs .btn:not(.is-active) { background: var(--panel2); color: var(--ink); }
    .work-add-mode {
      margin: 6px 0 8px;
      gap: 2px;
      padding: 2px;
      border-color: var(--line-strong);
      background: var(--panel2);
    }
    .work-add-mode .btn {
      flex: 1 1 0;
      border: 0;
      min-height: 28px;
      font-size: .6875rem;
    }
    .work-add-mode .btn.is-active {
      background: var(--control-green);
      color: var(--control-on-green);
      font-weight: 700;
      text-shadow: none;
    }
    .work-add-mode .btn:not(.is-active) { background: var(--panel2); color: var(--ink); }
	    .task-fab {
	      position: fixed;
	      right: calc(28px + env(safe-area-inset-right));
	      bottom: calc(96px + env(safe-area-inset-bottom));
	      z-index: 18;
	      width: auto;
	      min-width: 108px;
	      height: 42px;
	      display: inline-flex;
	      align-items: center;
	      justify-content: center;
	      padding: 0 16px;
	      border: 1px solid var(--control-green-border);
	      border-radius: 6px;
	      background: var(--control-green);
	      color: var(--control-on-green);
	      font-size: .75rem;
	      font-weight: 700;
	      line-height: 1;
	      letter-spacing: 0;
      box-shadow: 0 8px 22px rgba(0, 0, 0, .14);
	      cursor: pointer;
	    }
    .compact-sheet form {
      display: grid;
      gap: 9px;
    }
    .check-row {
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--soft);
      font-weight: 700;
    }
    .check-row input[type="checkbox"] {
      flex: 0 0 16px;
      width: 16px;
      min-height: 16px;
      margin: 0;
    }
    .card-head {
      display: flex;
      gap: 10px;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 7px;
      padding-bottom: 6px;
      border-bottom: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    }
    .card h3 {
      margin: 0;
      font-size: .8125rem;
      line-height: 1.15;
      letter-spacing: -.005em;
    }
    .screen:not(#screen-settings) .card-head .chip.status.live { display: none; }
    .muted, .meta { color: var(--soft); font-size: .6875rem; line-height: 1.35; }
    .metric-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
    .today-summary-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 5px; }
    .metric {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      padding: 7px;
      min-height: 52px;
    }
    .metric strong { display: block; font-size: 1.0625rem; line-height: 1; margin-bottom: 4px; font-variant-numeric: tabular-nums; }
    .today-summary-grid .metric {
      min-height: 46px;
      padding: 7px 6px;
      border-radius: var(--radius);
    }
    .today-summary-grid .metric strong { font-size: 1rem; margin-bottom: 4px; }
    .today-summary-grid .metric span { font-size: .625rem; line-height: 1.15; }
    .list { list-style: none; display: grid; gap: 8px; margin: 0; padding: 0; }
    .dense-list {
      list-style: none;
      display: grid;
      gap: 0;
      margin: 0;
      padding: 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      overflow: hidden;
    }
    .dense-category {
      padding: 6px 8px;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: var(--panel3);
      color: var(--soft);
      font-size: .625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .075em;
    }
    .dense-category:first-child { border-top: 0; }
    .compact-row {
      display: grid;
      grid-template-columns: 22px 20px 20px minmax(0, 1fr) 28px 28px;
      gap: 3px;
      align-items: center;
      min-height: 35px;
      padding: 4px 6px;
      border-bottom: 1px solid var(--line);
    }
    .compact-row.dragging { opacity: .55; }
    .compact-row.drag-target-before { box-shadow: 0 -2px 0 var(--accent) inset; }
    .compact-row.drag-target-after { box-shadow: 0 2px 0 var(--accent) inset; }
    .dense-category.drag-target-category { color: var(--ink); background: color-mix(in srgb, var(--accent) 18%, var(--panel)); }
    .compact-row:last-child { border-bottom: 0; }
    .compact-row.done .compact-title,
    .subtask-row.done .compact-title { text-decoration: line-through; text-decoration-thickness: 2px; opacity: .72; }
    .compact-sn { color: var(--muted); font-size: .625rem; font-weight: 700; text-align: start; font-variant-numeric: tabular-nums; }
    .compact-title {
      display: block;
      min-width: 0;
      color: var(--ink);
      font-weight: 700;
      line-height: 1.25;
      overflow-wrap: anywhere;
      text-align: start;
    }
    .compact-title-btn {
      width: 100%;
      min-height: 28px;
      border: 0;
      padding: 0;
      border-radius: 6px;
      color: inherit;
      background: transparent;
      cursor: pointer;
      text-align: start;
    }
    .compact-title-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
    .drag-handle {
      width: 22px;
      height: 28px;
      min-height: 28px;
      padding: 0;
      border: 0;
      border-radius: 8px;
      display: grid;
      place-items: center;
      color: var(--muted);
      background: transparent;
      cursor: grab;
      touch-action: none;
    }
    .drag-handle:active { cursor: grabbing; color: var(--ink); }
    .drag-handle svg { width: 15px; height: 15px; }
    .drag-spacer { width: 24px; height: 1px; display: block; }
    .icon-action {
      width: 28px;
      height: 28px;
      min-height: 28px;
      padding: 0;
      border-radius: 8px;
      display: grid;
      place-items: center;
    }
    .icon-action svg { width: 15px; height: 15px; }
    .compact-check { width: 16px; height: 16px; margin: 0; accent-color: var(--clarinda-accent); justify-self: center; }
    .task-detail {
      padding: 8px 9px 10px 83px;
      border-bottom: 1px solid var(--line);
      background: color-mix(in srgb, var(--panel) 82%, transparent);
    }
    .subtask-list { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
    .subtask-row {
      display: grid;
      grid-template-columns: 22px minmax(0,1fr) 30px;
      gap: 7px;
      align-items: center;
      min-height: 32px;
    }
    .subtask-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; margin-top: 8px; }
    .subtask-form input { min-height: 32px; }
    .completed-review { margin-top: 12px; display: grid; gap: 7px; }
    .completed-time-row {
      display: grid;
      grid-template-columns: minmax(0,1fr) minmax(76px, 88px);
      gap: 7px;
      align-items: center;
      padding: 7px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
    }
    .completed-time-minutes {
      min-width: 0;
      min-height: 32px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 4px;
      align-items: center;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--input-bg);
      padding: 0 6px;
    }
    .completed-time-minutes input {
      width: 100%;
      min-height: 32px;
      border: 0;
      background: transparent;
      box-shadow: none;
      padding: 0;
      font-size: .8125rem;
      text-align: end;
    }
    .completed-time-minutes input:focus { box-shadow: none; }
    .tracked-time-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
    .tracked-time-field > span:first-child { font-size: .8125rem; line-height: 1.4; }
    .tracked-time-field .completed-time-minutes { min-width: 0; }
    #trackedWorkResult [data-task-time-status]:empty { display: none; }
    #trackedWorkResult .tracked-time-task { min-width: 0; overflow-wrap: anywhere; }
    #trackedWorkResult .completed-time-row { grid-template-columns: minmax(0, 1fr); }
    #trackedWorkResult .completed-time-notes { min-width: 0; width: 100%; }
    #trackedWorkResult .tracked-time-field { grid-row: 2; }
    #trackedWorkResult .completed-time-actions { justify-content: flex-start; flex-wrap: wrap; }
    @media (min-width: 700px) {
      .tracked-work-day { cursor: pointer; }
      .tracked-work-day:hover { background: var(--panel2); }
      .tracked-work-day .compact-title-btn { white-space: nowrap; }
      .tracked-work-detail-row > td { padding: 8px; background: color-mix(in srgb, var(--panel) 82%, transparent); }
      #trackedWorkInlineDetail .result { margin: 0; }
      #trackedWorkResult .completed-time-row { grid-template-columns: minmax(120px, 1fr) minmax(140px, 1.4fr) minmax(110px, 150px) auto; }
      #trackedWorkResult .tracked-time-field { grid-row: auto; }
      #trackedWorkResult .completed-time-notes { max-height: none; resize: none; overflow: hidden; }
      #trackedWorkResult .completed-time-actions { justify-content: flex-end; flex-wrap: nowrap; }
      #trackedWorkResult [data-task-time-status], #trackedWorkResult [data-tracked-time-retry] { grid-column: 1 / -1; }
    }
    .completed-time-unit {
      color: var(--muted);
      font-size: .625rem;
      font-weight: 700;
      pointer-events: none;
    }
    .completed-time-note-actions {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 6px;
      align-items: start;
    }
    .completed-time-notes {
      min-height: 36px;
      max-height: 72px;
      padding: 7px 8px;
      font-size: .8125rem;
      resize: vertical;
    }
    .completed-time-actions {
      display: inline-flex;
      gap: 5px;
      align-items: center;
      justify-content: flex-end;
      white-space: nowrap;
    }
    .completed-time-actions .btn {
      width: auto;
      min-width: 0;
      min-height: 30px;
      padding-inline: 8px;
    }
    @media (max-width: 760px) {
      .completed-time-row { grid-template-columns: minmax(0,1fr) minmax(70px, 78px); }
      .completed-time-note-actions { grid-template-columns: minmax(0, 1fr) auto; }
    }
    .item {
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      padding: 7px;
    }
    .item.done { opacity: .66; }
    .item.done .title { text-decoration: line-through; text-decoration-thickness: 2px; }
    .title { font-weight: 700; overflow-wrap: anywhere; }
    .row { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }
    .row.spread { justify-content: space-between; }
    .task-row { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; align-items: start; }
    .check { width: 23px; height: 23px; margin-top: 1px; accent-color: var(--accent); }
    .chips { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 9px; }
    .chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      max-width: 100%;
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 4px 7px;
      color: var(--soft);
      font-size: .6875rem;
      background: color-mix(in srgb, var(--panel2) 78%, transparent);
      overflow-wrap: anywhere;
    }
    .status { font-weight: 700; }
    .status.live { color: var(--ok); }
    .status.needs { color: var(--warn); }
    .status.missing { color: var(--danger); }
    form, .form { display: grid; gap: 9px; }
    input, textarea, select {
      width: 100%;
      min-height: 34px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--input-bg);
      color: var(--input-text);
      padding: 7px 8px;
      outline: none;
    }
    input::placeholder, textarea::placeholder { color: var(--placeholder); opacity: 1; }
    textarea { min-height: 82px; resize: vertical; line-height: 1.4; }
    input:focus, textarea:focus, select:focus { border-color: color-mix(in srgb, var(--clarinda-accent) 70%, var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--clarinda-accent) 15%, transparent); }
    .split { display: grid; grid-template-columns: 1fr; gap: 9px; }
    .triple { display: grid; grid-template-columns: 1fr; gap: 9px; }
    .clock {
      font-size: 2.875rem;
      line-height: .92;
      font-weight: 700;
      font-variant-numeric: tabular-nums;
      letter-spacing: 0;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }
    .today-pomodoro-card { padding: 8px; }
    .today-pomodoro-layout {
      display: grid;
      grid-template-columns: auto minmax(0,1fr) auto;
      gap: 8px;
      align-items: center;
    }
    .today-clock { font-size: 2.5rem; color: var(--accent); }
    .today-phase-row {
      display: flex;
      gap: 5px;
      margin-top: 0;
      justify-content: center;
      flex-wrap: nowrap;
      overflow-x: auto;
      scrollbar-width: none;
    }
    .today-phase-row::-webkit-scrollbar { display: none; }
    .today-phase-row .btn { flex: 0 0 auto; min-height: 26px; padding: 0 7px; font-size: .625rem; }
    .today-pomo-actions {
      display: grid;
      grid-template-columns: repeat(3, 30px);
      gap: 5px;
      align-items: center;
    }
    .today-pomo-actions .btn {
      width: 30px;
      height: 30px;
      min-height: 30px;
      padding: 0;
      border-radius: var(--radius);
    }
    .today-pomodoro-status {
      margin-top: 6px;
      min-height: 0;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--soft);
      font-size: .6875rem;
      line-height: 1.3;
    }
    .today-analytics-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0,1fr));
      gap: 6px;
    }
    .today-analytics-grid .metric {
      min-height: 44px;
      padding: 7px 6px;
      border-radius: 8px;
    }
    .today-analytics-grid .metric strong { font-size: .9375rem; margin-bottom: 4px; }
    .today-analytics-grid .metric span { font-size: .625rem; line-height: 1.15; }
    .compact-fields {
      display: grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 6px;
    }
    .compact-fields input {
      min-height: 30px;
      padding: 6px 7px;
      border-radius: 8px;
      font-size: .75rem;
    }
    .chat-shell {
      position: relative;
      min-height: 0;
      display: grid;
      grid-template-rows: minmax(0, 1fr) auto;
      gap: 7px;
    }
    #screen-chat .grid,
    #screen-chat .chat-card {
      min-height: 0;
    }
    #screen-chat .chat-card {
      display: grid;
      grid-template-rows: minmax(0, 1fr) auto;
      gap: 7px;
      background: var(--panel);
    }
    .chat-log {
      display: flex;
      flex-direction: column;
      gap: 8px;
      min-height: 0;
      max-height: none;
      overflow: auto;
      padding: 3px 1px;
    }
    .chat-jump-bottom {
      position: absolute;
      right: 10px;
      bottom: calc(var(--chat-dock-height, 76px) + 8px);
      z-index: 4;
      width: 34px;
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--line));
      background: color-mix(in srgb, var(--panel2) 92%, var(--accent) 8%);
      color: var(--ink);
      font-weight: 700;
      cursor: pointer;
      box-shadow: 0 10px 24px rgba(0,0,0,.24);
    }
    .chat-jump-bottom.hidden { display: none; }
    .chat-load-earlier { align-self: center; margin: 8px auto 2px; }
    .chat-load-earlier.hidden { display: none; }
	    .bubble {
	      border: 1px solid var(--line);
	      border-radius: var(--radius);
	      background: var(--chat-agent-bg);
	      color: var(--chat-agent-text);
	      padding: 9px;
	      overflow-wrap: anywhere;
	      max-width: min(86%, 720px);
        line-height: 1.35;
	    }
	    .bubble p { margin: 0 0 7px; }
	    .bubble p:last-child { margin-bottom: 0; }
	    .bubble ul,
	    .bubble ol { margin: 5px 0 7px; padding-inline-start: 17px; }
	    .bubble li { margin: 3px 0; }
	    .bubble pre {
	      margin: 7px 0;
	      padding: 9px;
	      border: 1px solid var(--line);
	      border-radius: var(--radius);
	      background: color-mix(in srgb, var(--panel2) 84%, #000 16%);
	      color: var(--chat-agent-text);
	      overflow-x: auto;
	      white-space: pre;
	    }
	    .bubble code {
	      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	      font-size: .92em;
	    }
	    .bubble :not(pre) > code {
	      padding: 1px 4px;
	      border-radius: 5px;
	      background: color-mix(in srgb, var(--panel2) 82%, transparent);
	    }
	    .chat-section-title {
	      margin: 10px 0 5px;
	      font-weight: 700;
	      line-height: 1.2;
	    }
	    .chat-section-title:first-child { margin-top: 0; }
	    .bubble.user {
	      align-self: flex-end;
	      border-color: color-mix(in srgb, var(--accent2) 42%, var(--line));
	      background: var(--chat-user-bg);
	      color: var(--chat-user-text);
	      border-bottom-right-radius: 3px;
	      white-space: pre-wrap;
	    }
	    .bubble.agent {
	      align-self: flex-start;
	      border-bottom-left-radius: 3px;
	    }
	    .chat-ui-actions {
	      display: flex;
	      flex-wrap: wrap;
	      gap: 7px;
	      margin-top: 10px;
	      padding-top: 9px;
	      border-top: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
	    }
	    .chat-ui-actions .btn {
	      min-height: 34px;
	      padding: 6px 10px;
	      white-space: normal;
	    }
	    .chat-usage {
	      margin-top: 8px;
	      color: var(--muted);
	      font-size: .78rem;
	    }
	    .upload-status {
	      width: min(100%, 740px);
	      display: grid;
	      gap: 7px;
	    }
	    .upload-status-row {
	      display: grid;
	      gap: 3px;
	      padding-top: 7px;
	      border-top: 1px solid var(--line);
	    }
	    .upload-status-row:first-child { border-top: 0; padding-top: 0; }
	    .upload-status-title {
	      display: flex;
	      justify-content: space-between;
	      gap: 10px;
	      font-weight: 700;
	    }
	    .upload-status-meta { color: var(--soft); font-size: .6875rem; }
	    .bubble.guide {
	      max-width: 100%;
	      border-color: color-mix(in srgb, var(--accent) 38%, var(--line));
      background: color-mix(in srgb, var(--panel2) 88%, transparent);
    }
    .bubble.system {
      align-self: center;
      max-width: 100%;
      color: var(--soft);
      font-size: .75rem;
    }
    .composer {
      display: grid;
      grid-template-columns: auto minmax(0,1fr) auto auto;
      gap: 7px;
      padding: 7px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--input-bg);
      align-items: end;
    }
    .composer textarea {
      border: 0;
      background: transparent;
      min-height: 38px;
      max-height: 118px;
      padding: 7px 8px;
      box-shadow: none;
      resize: none;
      overflow: auto;
      line-height: 1.35;
    }
    .composer textarea:focus { box-shadow: none; }
    .chat-voice-btn {
      width: 40px;
      min-height: var(--body-control-h);
      padding: 0;
      border-color: var(--line-strong);
      border-radius: var(--radius-control);
      background: var(--panel2);
      color: var(--ink);
    }
    .chat-voice-btn svg { width: 1.125rem; height: 1.125rem; }
    .chat-voice-btn.is-recording {
      border-color: color-mix(in srgb, var(--danger) 68%, var(--line));
      background: color-mix(in srgb, var(--danger) 12%, var(--panel2));
      color: var(--danger);
    }
    .chat-voice-btn:disabled { cursor: wait; opacity: .62; }
    .chat-voice-status {
      display: flex;
      min-width: 0;
      align-items: center;
      gap: 8px;
      padding: 0 7px;
      color: var(--soft);
      font-size: .6875rem;
      line-height: 1.35;
    }
    .chat-voice-status.is-error { color: var(--danger); }
    .chat-voice-status-time { color: var(--ink); font-variant-numeric: tabular-nums; font-weight: 700; }
    .chat-voice-cancel {
      min-height: 28px;
      margin-inline-start: auto;
      padding: 0 6px;
      border: 0;
      background: transparent;
      color: var(--danger);
      cursor: pointer;
      font: inherit;
      font-weight: 700;
    }
    .icon { width: 20px; height: 20px; display: block; }
    .icon-btn.is-active { border-color: color-mix(in srgb, var(--accent) 56%, var(--line)); color: var(--accent); }
    .pomo-controls { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; margin-top: 8px; }
    .pomo-controls .btn { min-height: 36px; padding: 0 9px; }
    .segmented { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--panel2); }
    .segmented button { border: 0; border-inline-end: 1px solid var(--line); border-radius: 0; background: transparent; min-height: 38px; }
    .segmented button:last-child { border-inline-end: 0; }
    .segmented button.active { background: color-mix(in srgb, var(--clarinda-accent) 20%, transparent); color: var(--ink); }
    .contact-actions { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 9px; }
    .quick-action { min-height: 32px; border-radius: 999px; padding: 0 10px; }
    .wizard-grid { display: grid; gap: 9px; }
    .wizard-stepper { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 6px; margin-bottom: 12px; }
    .wizard-stepper span { height: 5px; border-radius: 999px; background: var(--line); }
    .wizard-stepper span.active { background: var(--selection-bg); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--clarinda-primary) 28%, transparent); }
    .analytics-cards { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 7px; }
    .analytics-visual-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      margin-top: 9px;
      align-items: stretch;
    }
    .chart-card {
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      padding: 8px;
    }
    .chart-card .chart-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 7px;
    }
    .chart-card .chart-title {
      color: var(--ink);
      font-size: .625rem;
      font-weight: 700;
      letter-spacing: .11em;
      text-transform: uppercase;
    }
    .chart-card .chart-note {
      color: var(--soft);
      font-size: .625rem;
      font-weight: 700;
      text-align: end;
    }
    .spark-chart {
      width: 100%;
      height: 82px;
      display: block;
      overflow: visible;
    }
    .spark-chart .grid-line { stroke: color-mix(in srgb, var(--line) 72%, transparent); stroke-width: 1; }
    .spark-chart .trend-area { fill: color-mix(in srgb, var(--accent) 16%, transparent); }
    .spark-chart .trend-line { fill: none; stroke: var(--accent); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
    .spark-chart .dot { fill: var(--clarinda-accent); stroke: var(--panel2); stroke-width: 2; }
    .chart-days {
      display: grid;
      grid-template-columns: repeat(7, minmax(0,1fr));
      gap: 4px;
      margin-top: 7px;
    }
    .chart-day {
      min-width: 0;
      border: 1px solid var(--line);
      border-radius: 6px;
      padding: 4px;
      background: color-mix(in srgb, var(--panel) 72%, transparent);
      color: var(--soft);
      font-size: .59375rem;
      text-align: center;
    }
    .chart-day strong {
      display: block;
      color: var(--ink);
      font-size: .6875rem;
      font-variant-numeric: tabular-nums;
    }
    .donut-layout {
      display: grid;
      grid-template-columns: 112px minmax(0,1fr);
      gap: 8px;
      align-items: center;
    }
    .donut-chart {
      position: relative;
      display: grid;
      place-items: center;
      width: 112px;
      height: 112px;
      border: 1px solid var(--line);
      border-radius: 50%;
      background: conic-gradient(var(--line) 0 360deg);
    }
	    .donut-chart::after {
	      content: "";
	      position: absolute;
	      inset: 14px;
	      border: 1px solid var(--line);
	      border-radius: 50%;
	      background: var(--panel2);
    }
    .donut-center {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 1px;
      text-align: center;
      font-variant-numeric: tabular-nums;
    }
    .donut-center strong { color: var(--accent); font-size: 1.125rem; line-height: 1; }
    .donut-center span { color: var(--soft); font-size: .5625rem; letter-spacing: .08em; text-transform: uppercase; }
    .category-table {
      width: 100%;
      border-collapse: collapse;
      font-size: .6875rem;
    }
    .category-table td {
      padding: 5px 0;
      border-bottom: 1px solid var(--line);
      vertical-align: middle;
    }
    .category-table tr:last-child td { border-bottom: 0; }
    .category-dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-inline-end: 6px;
      border-radius: 50%;
      background: var(--accent);
      vertical-align: middle;
    }
    .analytics-empty {
      margin-top: 0;
      border: 1px dashed var(--line);
      border-radius: var(--radius);
      padding: 10px;
      color: var(--soft);
      background: var(--panel2);
    }
    .momentum-card { position: relative; overflow: hidden; }
    .momentum-card::before {
      content: "";
      position: absolute;
      top: -18px;
      right: 16px;
      width: 18px;
      height: 48px;
      border: 1px solid color-mix(in srgb, var(--accent) 58%, var(--line));
      border-top: 0;
      background: color-mix(in srgb, var(--accent) 70%, var(--panel));
      clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 78%, 0 100%);
      opacity: 0;
      transform: translateY(-14px);
      pointer-events: none;
      z-index: 2;
    }
    .momentum-card.is-bookmarking::before { animation: momentum-bookmark 600ms cubic-bezier(.2,.8,.2,1) forwards; }
    .momentum-card.is-bookmarking { animation: momentum-page-turn 600ms cubic-bezier(.2,.8,.2,1); }
    .momentum-card.has-bookmark::before { opacity: 1; transform: none; }
    .momentum-card.motion-off.is-bookmarking, .momentum-card.motion-off.is-bookmarking::before { animation: none; }
    @keyframes momentum-bookmark { 0% { opacity: 0; transform: translateY(-14px); } 50%, 100% { opacity: 1; transform: translateY(0); } }
    @keyframes momentum-page-turn { 0%, 100% { transform: perspective(900px) rotateY(0); } 45% { transform: perspective(900px) rotateY(-1.25deg); } }
    .momentum-head-actions { display: flex; align-items: center; gap: 6px; }
    .momentum-expand-btn { display: none; }
    .momentum-lead { margin: -1px 0 8px; color: var(--soft); font-size: .75rem; line-height: 1.4; }
    .momentum-receipt {
      margin: 0 0 8px;
      padding: 7px 9px;
      border-inline-start: 3px solid var(--accent);
      background: color-mix(in srgb, var(--accent) 9%, var(--panel2));
      color: var(--ink);
      font-size: .75rem;
      line-height: 1.35;
    }
    .momentum-chat-receipt { margin-top: 7px; padding-top: 6px; border-top: 1px solid var(--line); color: var(--soft); font-size: .6875rem; }
    .momentum-content { display: grid; gap: 8px; }
    .momentum-domains { display: grid; gap: 5px; }
    .momentum-domain-row {
      display: grid;
      grid-template-columns: 25px minmax(0, 1fr) auto;
      align-items: center;
      gap: 7px;
      min-height: 34px;
      padding: 5px 6px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel2);
    }
    .momentum-domain-icon { display: grid; place-items: center; width: 25px; height: 25px; color: var(--accent); }
    .momentum-domain-icon .icon { width: 17px; height: 17px; }
    .momentum-domain-copy { min-width: 0; font-size: .6875rem; line-height: 1.35; }
    .momentum-domain-row .btn { min-height: 27px; padding: 3px 7px; font-size: .625rem; }
    .momentum-highlight, .momentum-recap {
      border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
      border-radius: 8px;
      padding: 8px;
      background: color-mix(in srgb, var(--accent) 7%, var(--panel));
    }
    .momentum-highlight strong, .momentum-recap summary strong { color: var(--ink); }
    .momentum-recap summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; cursor: pointer; }
    .momentum-recap-wins { display: grid; gap: 4px; margin: 8px 0; padding-inline-start: 18px; color: var(--text); font-size: .6875rem; }
    .momentum-next { margin: 6px 0 0; color: var(--soft); font-size: .6875rem; }
    .momentum-history { display: flex; flex-wrap: wrap; gap: 5px; }
    .momentum-history .chip { font-size: .59375rem; }
    .momentum-work-detail { border-top: 1px solid var(--line); padding-top: 7px; }
    .momentum-work-detail > summary { color: var(--soft); cursor: pointer; font-size: .6875rem; font-weight: 700; }
    .momentum-settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 9px; }
    .momentum-setting { display: grid; gap: 4px; color: var(--soft); font-size: .6875rem; }
    .momentum-domain-settings { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 9px; }
    .momentum-check { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; color: var(--text); font-size: .6875rem; }
    .momentum-check input { width: 17px; height: 17px; }
    html[data-momentum-routine-streaks="off"] .routine-streak { display: none !important; }
    @media (prefers-reduced-motion: reduce) {
      .momentum-card.is-bookmarking, .momentum-card.is-bookmarking::before { animation: none; }
      .momentum-card.is-bookmarking::before { opacity: 1; transform: none; }
    }

    @media (max-width: 899px) {
      .momentum-card::before { top: 38px; right: -2px; width: 14px; height: 32px; }
      .momentum-expand-btn { display: inline-flex; }
      .momentum-card:not(.is-expanded) .momentum-content { display: none; }
      .momentum-card.is-off .momentum-content { display: grid; }
      .momentum-card.is-off .momentum-expand-btn { display: none; }
      .momentum-settings-grid { grid-template-columns: 1fr; }
      .momentum-domain-row { grid-template-columns: 24px minmax(0, 1fr) auto; }
    }
    .quest-entry-btn {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      min-height: 30px;
      padding: 4px 10px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: color-mix(in srgb, var(--panel2) 72%, transparent);
      color: var(--ink);
      font: inherit;
      font-size: .6875rem;
      font-weight: 700;
      cursor: pointer;
    }
    .quest-entry-btn:hover { border-color: var(--line-strong); background: var(--panel2); }
    .quest-entry-icon { display: grid; place-items: center; width: 17px; height: 17px; }
    .quest-entry-icon svg { width: 100%; height: 100%; display: block; }
    .quest-badge {
      position: absolute;
      top: -6px;
      right: -6px;
      display: inline-grid;
      place-items: center;
      min-width: 17px;
      height: 17px;
      padding: 0 4px;
      border: 2px solid var(--bg);
      border-radius: 999px;
      background: #c9483b;
      color: #fff;
      font-size: .5625rem;
      font-weight: 700;
      line-height: 1;
      font-variant-numeric: tabular-nums;
    }
    .quest-receipt {
      position: fixed;
      z-index: 58;
      top: calc(58px + env(safe-area-inset-top));
      right: 12px;
      max-width: min(330px, calc(100vw - 24px));
      padding: 8px 11px;
      border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line));
      border-radius: 8px;
      background: var(--panel);
      color: var(--ink);
      box-shadow: var(--shadow);
      font-size: .75rem;
      font-weight: 700;
      appearance: none;
      text-align: start;
      cursor: default;
    }
    .quest-receipt.is-selectable { cursor: pointer; }
    #questbookSheet .questbook-sheet { width: min(100%, 540px); display: grid; gap: 11px; }
    .questbook-heading { display: flex; align-items: center; gap: 8px; }
    .questbook-heading .quest-entry-icon { color: var(--accent); }
    .questbook-profile {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px 12px;
      padding: 11px;
      border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line));
      border-radius: 10px;
      background: color-mix(in srgb, var(--accent) 7%, var(--panel2));
    }
    .questbook-profile-copy { min-width: 0; }
    .questbook-level { margin: 0; font-family: var(--ds-font-display); font-size: 1.2rem; font-weight: 700; line-height: 1.15; }
    .questbook-xp { margin-top: 3px; color: var(--soft); font-size: .6875rem; }
    .questbook-streak { align-self: center; text-align: end; white-space: nowrap; }
    .questbook-streak strong { display: block; font-size: 1.15rem; }
    .questbook-progress { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; }
    .questbook-progress .track { height: 6px; overflow: hidden; border-radius: 999px; background: var(--line); }
    .questbook-progress .fill { height: 100%; border-radius: inherit; background: var(--accent); }
    .questbook-progress span { color: var(--soft); font-size: .625rem; font-variant-numeric: tabular-nums; }
    .questbook-section-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .questbook-section-head h4 { margin: 0; font-size: .8125rem; }
    .quest-list { display: grid; gap: 7px; }
    .quest-row {
      display: grid;
      grid-template-columns: 25px minmax(0, 1fr) auto;
      align-items: start;
      gap: 8px;
      padding: 8px;
      border: 1px solid var(--line);
      border-radius: 9px;
      background: var(--panel2);
    }
    .quest-row.is-complete { opacity: .72; }
    .quest-row.is-ready { border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); background: color-mix(in srgb, var(--accent) 9%, var(--panel2)); }
    .quest-row.is-focused { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent); }
    .quest-state { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid var(--line-strong); border-radius: 7px; color: var(--accent); font-weight: 700; }
    .quest-row.is-complete .quest-state { border-color: var(--accent); background: var(--accent); color: var(--panel); }
    .quest-row.is-ready .quest-state { border-color: var(--accent); background: var(--panel); color: var(--accent); }
    .quest-copy { min-width: 0; }
    .quest-copy strong { display: block; font-size: .75rem; line-height: 1.3; }
    .quest-copy p { margin: 2px 0 0; color: var(--soft); font-size: .625rem; line-height: 1.35; }
    .quest-meta { display: grid; justify-items: end; gap: 5px; white-space: nowrap; }
    .quest-meta strong { color: var(--accent); font-size: .6875rem; }
    .quest-progress-copy { color: var(--soft); font-size: .59375rem; }
    .quest-actions { display: flex; flex-wrap: wrap; gap: 5px; }
    .quest-reward-list { display: flex; flex-wrap: wrap; gap: 5px; }
    .quest-reward { display: inline-flex; align-items: center; gap: 4px; padding: 4px 7px; border: 1px solid var(--line); border-radius: 999px; color: var(--soft); font-size: .625rem; }
    .quest-reward strong { color: var(--ink); }
    .questbook-bonus { padding: 7px 9px; border-inline-start: 3px solid var(--accent); background: color-mix(in srgb, var(--accent) 8%, var(--panel2)); font-size: .6875rem; }
    .questbook-recap { border-top: 1px solid var(--line); padding-top: 8px; }
    .questbook-recap summary { display: flex; justify-content: space-between; gap: 8px; color: var(--soft); font-weight: 700; cursor: pointer; }
    .questbook-recap ul { display: grid; gap: 4px; margin: 8px 0 0; padding-inline-start: 18px; font-size: .6875rem; }
    .questbook-degraded { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 8px; border-inline-start: 3px solid var(--amber); background: color-mix(in srgb, var(--amber) 8%, var(--panel2)); font-size: .6875rem; }
    .quest-open-highlight { animation: quest-open-highlight 1.8s ease-out; }
    @keyframes quest-open-highlight {
      0%, 35% { outline: 3px solid color-mix(in srgb, var(--accent) 72%, transparent); outline-offset: 3px; background-color: color-mix(in srgb, var(--accent) 14%, var(--panel)); }
      100% { outline: 3px solid transparent; outline-offset: 7px; }
    }
    .work-analytics-momentum { margin: 8px 0; }
    @media (max-width: 899px) {
      .quest-entry-btn { width: 29px; min-width: 29px; min-height: 29px; padding: 5px; }
      .quest-entry-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
      #questbookSheet .questbook-sheet { width: min(100%, 520px); max-height: calc(100dvh - 20px); }
      .quest-receipt { top: calc(54px + env(safe-area-inset-top)); right: 7px; }
    }
    @media (max-width: 370px) {
      .questbook-profile { grid-template-columns: minmax(0, 1fr); }
      .questbook-streak { text-align: start; }
    }
	    @media (max-width: 760px) {
	      .donut-layout { grid-template-columns: 1fr; }
	      .analytics-visual-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; }
	      .chart-card { padding: 7px; }
	      .chart-card .chart-note { display: none; }
	      .work-trend-card .chart-head { align-items: flex-start; flex-direction: column; gap: 2px; }
	      .work-trend-card .chart-note { display: block; text-align: start; line-height: 1.25; }
	      .spark-chart { height: 72px; }
	      .donut-chart { width: 84px; height: 84px; margin: 0 auto; }
	      .donut-center strong { font-size: .8125rem; }
	      .category-table { font-size: .5625rem; }
	      .category-table td { padding: 3px 0; }
	      .category-table td:nth-child(4) { display: none; }
	      .chart-days { grid-template-columns: repeat(4, minmax(0,1fr)); }
	    }
    .data-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; margin-top: 9px; align-items: center; }
    .data-toolbar input { min-width: 0; }
    .data-toolbar .btn { width: auto; min-width: 82px; padding-inline: 13px; }
    .system-table {
      list-style: none;
      display: grid;
      gap: 0;
      margin: 8px 0 0;
      padding: 0;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      overflow: hidden;
    }
    .system-row {
      display: grid;
      grid-template-columns: minmax(0,1fr) auto;
      gap: 10px;
      align-items: start;
      padding: 8px;
      border-bottom: 1px solid var(--line);
    }
    .system-row:last-child { border-bottom: 0; }
    .system-row .chips { margin-top: 6px; }
    .schedule-row { grid-template-columns: minmax(280px,1fr) minmax(260px,auto); }
    .schedule-sections { margin-top: 8px; gap: 6px; }
    .schedule-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 7px; }
    .schedule-controls input[type="time"],
    .schedule-controls select { min-height: 34px; width: auto; min-width: 104px; }
    .tag-check,
    .tag-bubble {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 5px 8px;
      background: rgba(234,214,180,.06);
      color: var(--text);
      font-size: .75rem;
      font-weight: 700;
    }
    .tag-check input { width: auto; min-height: 0; margin: 0; }
    .market-watch-group { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; width: 100%; }
    .market-watch-group strong { color: var(--ink); margin-inline-end: 4px; }
    .mini-x { border: 0; background: transparent; color: var(--danger); font-weight: 700; cursor: pointer; padding: 0 2px; }
    .briefing-outcome { display: block; color: var(--ink); font-size: .6875rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
    .briefing-example {
      margin-top: 8px;
      padding: 9px 10px;
      border-inline-start: 3px solid var(--clarinda-accent);
      background: color-mix(in srgb, var(--panel2) 88%, var(--selection-bg));
      color: var(--muted);
      font-size: .75rem;
      line-height: 1.5;
    }
    .briefing-example strong { color: var(--ink); }
    .market-radar {
      margin-top: 10px;
      padding: 11px;
      border: 1px solid color-mix(in srgb, var(--clarinda-accent) 36%, var(--line));
      border-radius: var(--radius);
      background: color-mix(in srgb, var(--panel2) 94%, var(--selection-bg));
    }
    .market-radar-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
    .market-radar-head strong,
    .market-radar-head span { display: block; }
    .market-radar-head span { margin-top: 3px; color: var(--muted); font-size: .6875rem; }
    .market-radar-head > .chip { flex: 0 0 auto; margin-top: 0; white-space: nowrap; }
    .market-radar-search { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(120px, auto) auto; gap: 7px; margin-top: 10px; }
    .market-radar-search input,
    .market-radar-search select { min-width: 0; }
    .market-radar-results { display: grid; gap: 5px; margin-top: 8px; }
    .market-radar-result,
    .market-radar-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 7px 8px; border: 1px solid var(--line); background: var(--panel); }
    .market-radar-result strong,
    .market-radar-result span,
    .market-radar-item strong,
    .market-radar-item span { display: block; }
    .market-radar-result span,
    .market-radar-item span { margin-top: 2px; color: var(--muted); font-size: .625rem; overflow-wrap: anywhere; }
    .market-radar-selected { display: grid; gap: 9px; margin-top: 10px; }
    .market-radar-group { display: grid; gap: 5px; }
    .market-radar-group-title { color: var(--soft); font-size: .625rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
    .market-radar-actions { display: flex; align-items: center; gap: 4px; }
    .market-radar-actions .btn { min-width: 34px; padding-inline: 8px; }
    .market-equity-group-select { width: min(100%, 180px); min-height: 28px; margin-top: 5px; font-size: .625rem; }
    .market-radar-empty { padding: 9px; border: 1px dashed var(--line-strong); color: var(--muted); font-size: .6875rem; }
    @media (max-width: 760px) {
      .schedule-row { grid-template-columns: 1fr; }
      .schedule-controls { justify-content: flex-start; }
      .schedule-controls input[type="time"], .schedule-controls select { flex: 1 1 120px; }
      .market-radar-search { grid-template-columns: 1fr; }
      .market-radar-search .btn { width: 100%; }
    }
    .setup-steps { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 8px; margin-top: 10px; }
    .setup-step {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      padding: 8px;
      min-height: 72px;
    }
    .setup-step.done { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
    .setup-step .kicker { color: var(--ink); font-size: .5625rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
    .setup-step .title { margin-top: 4px; font-size: .75rem; }
    .setup-step .meta { margin-top: 3px; font-size: .6875rem; }
    .access-journey { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 10px 0; }
    .access-node { border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel2); padding: 8px; min-height: 58px; }
    .access-node strong { display: block; color: var(--soft); font-size: .5625rem; letter-spacing: .08em; text-transform: uppercase; }
    .access-node span { display: block; margin-top: 4px; font-size: .6875rem; }
    .access-node.done { border-color: color-mix(in srgb, var(--ok) 55%, var(--line)); box-shadow: inset 3px 0 0 var(--ok); }
    .plan-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
    .plan-choice { appearance: none; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel2); color: var(--text); padding: 10px; text-align: start; cursor: pointer; }
    .plan-choice:hover:not(:disabled), .plan-choice:focus-visible { border-color: var(--clarinda-accent); outline: none; transform: translateY(-1px); }
    .plan-choice.recommended { border-color: color-mix(in srgb, var(--clarinda-accent) 60%, var(--line)); }
    .plan-choice strong, .plan-choice span, .plan-choice small { display: block; }
    .plan-choice span { margin-top: 3px; color: var(--ink); font-size: .9375rem; font-weight: 700; }
    .plan-choice small { margin-top: 4px; color: var(--soft); font-size: .625rem; line-height: 1.35; }
    .plan-choice:disabled { cursor: not-allowed; opacity: .5; }
    .connection-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
    .connection-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel2); padding: 10px; }
    .connection-card .title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .connection-card .meta { margin-top: 6px; }
    .setup-card.hidden { display: none; }
    .table-wrap { display: none; overflow: auto; border: 1px solid var(--line); border-radius: var(--radius); margin-top: 8px; }
    .data-table { width: 100%; border-collapse: collapse; min-width: 900px; background: var(--panel2); }
    .data-table th, .data-table td { padding: 7px 8px; border-bottom: 1px solid var(--line); text-align: start; vertical-align: top; font-size: .6875rem; }
    .data-table th { position: sticky; top: 0; z-index: 1; background: color-mix(in srgb, var(--panel2) 92%, #000 8%); color: var(--soft); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
    .data-table th.sortable { cursor: pointer; user-select: none; }
    .contact-filter-mobile-trigger { display: none; }
    .contact-filter-overlay { display: contents; }
    .contact-sort-panel {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: end;
      gap: 7px;
      margin-top: 9px;
    }
    .contact-sort-panel-head { display: none; }
    .contact-sort-panel .contact-filter-field { margin-inline-end: 0; }
    .contact-sort-panel label {
      display: grid;
      align-items: end;
      gap: 4px;
      min-width: 0;
      color: var(--soft);
      font-size: .6875rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    .contact-sort-panel select { min-height: 34px; width: 100%; min-width: 0; }
    .contact-sort-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 7px; }
    .contact-sort-actions .btn { min-width: 84px; }
    .contact-filter-summary { min-width: 0; color: var(--soft); font-size: .625rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .data-table tr:last-child td { border-bottom: 0; }
    .contact-cards { display: grid; gap: 8px; margin-top: 10px; }
    .crm-contact-columns { display: none; }
    .contact-page-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; min-height: 36px; }
    .contact-page-footer .meta { margin: 0; }
    .contact-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel2); padding: 8px; }
    .contact-card-head { display: grid; gap: 3px; margin-bottom: 8px; }
    .contact-grid { display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 5px 8px; margin-top: 7px; font-size: .75rem; }
    .contact-grid span:nth-child(odd) { color: var(--muted); }
    .exercise-history-table { min-width: 560px; table-layout: fixed; }
    .exercise-history-table th:first-child { width: 45%; }
    .exercise-history-table th:nth-child(2) { width: 20%; }
    .exercise-history-table th:nth-child(3) { width: 15%; }
    .exercise-history-table th:last-child { width: 112px; }
    .exercise-history-table td:last-child { padding-inline: 4px; }
    .exercise-history-table .exercise-history-actions .btn { padding-inline: 6px; }
    .exercise-history-identity { display: block; min-width: 0; overflow: hidden; color: var(--ink); line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
    .exercise-history-identity strong { color: var(--ink); }
    .exercise-history-identity span { margin-inline-start: 5px; color: var(--muted); }
    .exercise-history-details { color: var(--ink); line-height: 1.25; }
    .exercise-history-note { color: var(--muted); line-height: 1.25; }
    #exerciseHistoryCards { gap: 6px; margin-top: 8px; }
    .exercise-history-card { padding: 6px 8px; }
    .exercise-history-main { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px; min-width: 0; }
    .exercise-history-copy { display: grid; gap: 2px; min-width: 0; }
    .exercise-history-actions { display: flex; flex-wrap: nowrap; align-items: center; gap: 4px; }
    .exercise-history-actions .btn { min-width: 0; padding-inline: 8px; }
	  @media (max-width: 699px) {
	    #screen-health #exerciseHistoryCards .exercise-history-actions .btn { min-width: 44px; min-height: 44px; padding-inline: 6px; }
	  }
	  @media (min-width: 700px) and (max-width: 1399px) {
	    #exerciseHistoryGrid { grid-template-columns: minmax(0, 1fr); }
	  }
	    .crm-contact-cards { grid-template-columns: minmax(0, 1fr); gap: 6px; align-items: start; }
	    .contact-card.crm-contact-card { padding: 0; display: grid; min-width: 0; overflow: hidden; }
    .crm-contact-summary {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: center;
      width: 100%;
      height: 52px;
      min-height: 52px;
      padding: 7px 9px;
      border: 0;
      background: transparent;
      color: inherit;
      font: inherit;
      text-align: start;
      cursor: pointer;
    }
    .crm-contact-summary:hover { background: color-mix(in srgb, var(--clarinda-accent) 6%, transparent); }
    .crm-contact-summary-copy { display: grid; gap: 2px; min-width: 0; }
    .crm-contact-summary-name,
    .crm-contact-summary-meta { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .crm-contact-summary-name { color: var(--text); font-size: .8125rem; font-weight: 700; }
    .crm-contact-summary-meta { color: var(--soft); font-size: .6875rem; }
    .crm-contact-summary-icons { display: inline-flex; align-items: center; gap: 6px; justify-self: end; }
    .contact-priority-summary { display: grid; justify-items: end; gap: 2px; line-height: 1.15; }
    .contact-priority-badge { display: inline-block; padding: 2px 5px; border: 1px solid var(--line); border-radius: 5px; font-size: .6875rem; font-weight: 700; white-space: nowrap; }
    .contact-priority-badge[data-contact-priority="1"] { background: var(--selection-bg); border-color: var(--line-strong); }
    #screen-crm .contact-priority-summary .contact-age-badge { min-height: 0; padding: 0; background: transparent; min-width: 0; max-width: 100px; font-size: .625rem; white-space: normal; text-align: end; color: var(--muted); }
    .crm-contact-review-icon {
      display: inline-grid;
      place-items: center;
      width: 18px;
      height: 18px;
      border: 1px solid color-mix(in srgb, var(--clarinda-accent) 66%, var(--line));
      border-radius: 50%;
      color: var(--warn);
      font-size: .6875rem;
      font-weight: 700;
    }
    .crm-contact-chevron { color: var(--muted); font-size: 1.0625rem; line-height: 1; transform: rotate(0); transition: transform .16s ease; }
    .crm-contact-card.is-open .crm-contact-chevron { transform: rotate(90deg); }
    .crm-contact-card-body {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(102px, 116px);
      gap: 10px;
      align-items: start;
      padding: 8px 9px 9px;
      border-top: 1px solid var(--line);
    }
    .crm-contact-main { display: grid; gap: 8px; min-width: 0; align-content: start; }
    .crm-contact-open { min-height: 30px; padding: 0 9px; justify-self: end; align-self: start; white-space: nowrap; }
    .crm-contact-review-action {
      width: 100%;
      min-width: 0;
      border: 0;
      border-inline-start: 3px solid var(--clarinda-accent);
      background: color-mix(in srgb, var(--clarinda-accent) 8%, transparent);
      color: var(--text);
      padding: 6px 7px;
      font: inherit;
      font-size: .65625rem;
      font-weight: 700;
      text-align: start;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
    }
    .crm-contact-details { display: grid; gap: 5px; min-width: 0; }
    .crm-contact-detail-row {
      display: grid;
      grid-template-columns: 58px minmax(0, 1fr);
      gap: 7px;
      min-width: 0;
      font-size: .6875rem;
      line-height: 1.35;
    }
    .crm-contact-detail-label { color: var(--muted); }
    .crm-contact-detail-value {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: var(--text);
    }
    .crm-contact-detail-value a { color: inherit; }
    .crm-contact-detail-value.is-address {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      white-space: normal;
      overflow: hidden;
    }
    .crm-contact-detail-tags { display: flex; gap: 4px; min-width: 0; overflow: hidden; align-items: center; }
    .crm-contact-detail-tags .tag-chip { min-width: 0; max-width: 84px; overflow: hidden; text-overflow: ellipsis; }
    .crm-contact-empty-details { color: var(--muted); font-size: .6875rem; line-height: 1.35; }
    .crm-contact-action-rail { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; justify-items: stretch; align-self: start; min-width: 0; }
	    .crm-contact-action-rail .quick-action {
	      width: 100%;
	      min-height: 30px;
	      padding: 0 7px;
	      justify-content: flex-start;
	      text-align: start;
	      gap: 5px;
	      white-space: nowrap;
	    }
    .contact-review-banner {
      border-inline-start: 3px solid var(--clarinda-accent);
      padding: 8px 9px;
      background: color-mix(in srgb, var(--clarinda-accent) 8%, var(--panel2));
      color: var(--ink);
      font-size: .75rem;
      line-height: 1.35;
    }
    .contact-review-banner.hidden { display: none; }
    .contact-detail-grid label.is-review-field { color: var(--warn); }
    .contact-detail-grid label.is-review-field > input,
    .contact-detail-grid label.is-review-field > textarea { border-color: color-mix(in srgb, var(--clarinda-accent) 68%, var(--line)); }
	    .contact-action-icon {
	      display: inline-flex;
	      align-items: center;
	      justify-content: center;
	      width: 14px;
	      height: 14px;
	      flex: 0 0 14px;
	    }
	    .contact-action-icon svg { width: 14px; height: 14px; }
	    .google-g-icon {
	      color: currentColor;
	      font-weight: 700;
	      font-family: Arial, Helvetica, sans-serif;
	      line-height: 1;
	    }
    .tag-cloud { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
    .tag-chip {
      display: inline-flex;
      align-items: center;
      min-height: 20px;
      padding: 2px 6px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: color-mix(in srgb, var(--panel2) 88%, transparent);
      color: var(--soft);
      font-size: .625rem;
      font-weight: 700;
      line-height: 1.1;
      white-space: nowrap;
    }
	    .tag-chip.region {
	      border-color: color-mix(in srgb, var(--accent2) 50%, var(--line));
	      color: var(--accent2);
	      background: color-mix(in srgb, var(--accent2) 12%, var(--panel2));
	    }
	    @media (max-width: 760px) {
	      .crm-contact-cards { grid-template-columns: minmax(0, 1fr); }
	      .contact-card.crm-contact-card { grid-template-columns: minmax(0, 1fr); padding: 0; }
      .crm-contact-summary { grid-template-columns: minmax(0, 1fr) auto; gap: 5px; padding: 6px 7px; }
      .crm-contact-card-body { grid-template-columns: minmax(0, 1fr) minmax(96px, 104px); gap: 6px; padding: 7px; }
	      .crm-contact-open,
	      .crm-contact-action-rail .quick-action { font-size: .65625rem; padding: 0 5px; }
	    }
	    .contact-detail-grid { display: grid; grid-template-columns: 1fr; gap: 8px; }
    .contact-detail-grid label { display: grid; gap: 4px; color: var(--soft); font-size: .6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
    .contact-field-icon { display: none; }
    .contact-field-title { min-width: 0; }
    .contact-detail-grid label > input,
    .contact-detail-grid label > textarea,
    .contact-detail-grid label > select { text-transform: none; letter-spacing: 0; font-weight: 600; }
    .contact-detail-grid textarea { min-height: 72px; resize: vertical; }
    .contact-detail-meta { display: grid; gap: 6px; padding: 8px; border: 1px solid var(--line); background: var(--panel2); color: var(--soft); font-size: .75rem; }
    .insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
    .crm-lead-form {
      display: grid;
      gap: 9px;
    }
    .crm-lead-form label {
      display: grid;
      gap: 4px;
      color: var(--soft);
      font-size: .625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .06em;
    }
    .crm-lead-form input,
    .crm-lead-form select,
    .crm-lead-form .btn { min-width: 0; }
    .crm-pipeline-head-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 5px;
      min-width: 0;
    }
    .crm-followup-summary {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 5px;
      margin-bottom: 7px;
    }
    .crm-followup-count {
      appearance: none;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      color: var(--ink);
      padding: 6px 4px;
      min-width: 0;
      text-align: start;
      cursor: pointer;
    }
    .crm-followup-count strong {
      display: block;
      font-size: .875rem;
      line-height: 1;
      font-variant-numeric: tabular-nums;
    }
    .crm-followup-count span {
      display: block;
      margin-top: 4px;
      color: var(--soft);
      font-size: .5625rem;
      white-space: nowrap;
    }
    .crm-followup-count.active { border-color: var(--line-strong); background: var(--selection-bg); }
    .crm-followup-toolbar {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(94px, auto);
      gap: 7px;
      align-items: center;
      margin-bottom: 8px;
    }
    .crm-followup-filters {
      min-width: 0;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .crm-followup-filters .btn {
      min-width: 0;
      padding: 0 5px;
      white-space: nowrap;
    }
    .crm-followup-filters .btn.is-active {
      background: var(--control-green);
      color: var(--control-on-green);
    }
    .crm-followup-list {
      display: grid;
      gap: 7px;
      margin-bottom: 8px;
    }
    .crm-followup-item {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(242px, .95fr);
      gap: 8px;
      align-items: start;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      padding: 8px;
    }
    .crm-followup-item.overdue { border-color: color-mix(in srgb, var(--clarinda-accent) 48%, var(--line)); }
    .crm-followup-item.today { border-color: color-mix(in srgb, var(--clarinda-accent) 56%, var(--line)); }
    .crm-followup-meta {
      display: flex;
      gap: 5px;
      flex-wrap: wrap;
      margin-top: 4px;
    }
    .crm-followup-actions {
      display: grid;
      grid-template-columns: minmax(86px, .8fr) minmax(118px, .8fr) auto auto;
      gap: 5px;
      align-items: center;
    }
    .crm-followup-note-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
      gap: 5px;
      margin-top: 6px;
      align-items: center;
    }
    .crm-followup-actions input,
    .crm-followup-actions select,
    .crm-followup-note-row input { min-width: 0; }
    .crm-pipeline-board { display: grid; gap: 9px; margin-top: 10px; }
    .crm-pipeline-type { display: grid; gap: 7px; }
    .crm-pipeline-type-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 8px;
      width: 100%;
      border: 1px solid var(--line);
      background: var(--panel2);
      border-radius: var(--radius);
      padding: 8px;
      color: var(--ink);
      font-size: .625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .11em;
      cursor: pointer;
    }
    .crm-pipeline-type-head .meta { text-transform: none; letter-spacing: 0; }
    .crm-pipeline-grid { display: grid; grid-template-columns: 1fr; gap: 6px; }
    .crm-lead-card {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      display: grid;
      min-width: 0;
      overflow: hidden;
    }
    .crm-lead-card.overdue { border-color: color-mix(in srgb, var(--clarinda-accent) 46%, var(--line)); }
    .crm-lead-card.due { border-color: color-mix(in srgb, var(--clarinda-accent) 52%, var(--line)); }
    .crm-lead-summary {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 7px;
      align-items: center;
      width: 100%;
      color: inherit;
      padding: 8px;
    }
    .crm-lead-title-button {
      min-width: 0;
      display: grid;
      grid-template-rows: repeat(2, minmax(0, auto));
      gap: 3px;
      border: 0;
      background: transparent;
      color: inherit;
      text-align: start;
      cursor: pointer;
      padding: 0;
      font: inherit;
    }
    .crm-lead-identity,
    .crm-lead-action { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .crm-lead-identity { color: var(--text); font-size: .75rem; font-weight: 700; }
    .crm-lead-action { color: var(--soft); font-size: .65625rem; }
    .crm-lead-top-controls {
      display: grid;
      grid-template-columns: auto;
      grid-template-rows: repeat(2, minmax(0, auto));
      gap: 3px;
      align-items: center;
      justify-self: end;
    }
    .crm-lead-top-controls .chip { justify-self: end; }
    .crm-lead-top-controls select,
    .crm-lead-top-controls input {
      min-width: 0;
    }
    .crm-lead-expanded {
      display: grid;
      gap: 7px;
      padding: 0 8px 8px;
      border-top: 1px solid var(--line);
    }
    .crm-lead-contact-row {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 6px;
      align-items: center;
      padding-top: 7px;
      position: relative;
    }
    .crm-lead-contact-row .kicker { white-space: nowrap; }
    .crm-contact-typeahead {
      position: relative;
      min-width: 0;
    }
    .crm-contact-typeahead input {
      width: 100%;
      min-width: 0;
    }
    .crm-contact-typeahead-results {
      position: absolute;
      z-index: 20;
      top: calc(100% + 4px);
      left: 0;
      right: 0;
      display: grid;
      gap: 3px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel);
      box-shadow: 0 12px 28px rgba(0,0,0,.22);
      padding: 4px;
    }
    .crm-contact-typeahead-results:empty,
    .crm-contact-typeahead-results.hidden {
      display: none;
    }
    .crm-contact-typeahead-results button {
      display: grid;
      gap: 2px;
      min-height: 30px;
      border: 0;
      border-radius: 7px;
      background: transparent;
      color: var(--card-text);
      text-align: start;
      padding: 5px 6px;
      cursor: pointer;
    }
    .crm-contact-typeahead-results button:hover {
      background: var(--panel2);
    }
    .crm-lead-note-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 6px;
      align-items: center;
    }
    .crm-lead-note-row input { min-width: 0; }
    .pipeline-status { color: var(--soft); font-size: .6875rem; font-weight: 700; }
    @media (max-width: 760px) {
      .crm-followup-summary { grid-template-columns: repeat(5, minmax(0, 1fr)); }
      .crm-followup-count { padding: 5px 3px; }
      .crm-followup-count strong { font-size: .75rem; }
      .crm-followup-count span { font-size: .5rem; }
      .crm-followup-toolbar { grid-template-columns: minmax(0, 1fr) 76px; gap: 5px; }
      .crm-followup-filters .btn { font-size: .5625rem; padding: 0 3px; }
      .crm-followup-item { grid-template-columns: minmax(0, 1fr); }
      .crm-followup-actions { grid-template-columns: minmax(78px, .9fr) minmax(106px, 1fr) auto auto; }
      .crm-followup-note-row { grid-template-columns: minmax(0, 1fr) auto; }
      .crm-lead-summary { grid-template-columns: minmax(0, 1fr) auto; gap: 6px; padding: 7px; }
      .crm-lead-top-controls { grid-template-columns: auto; grid-template-rows: repeat(2, minmax(0, 1fr)); justify-self: end; }
      .crm-lead-contact-row { grid-template-columns: minmax(0, 1fr); }
      .crm-lead-note-row { grid-template-columns: minmax(0, 1fr) auto; }
    }
    .performance-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
    .performance-form {
      display: grid;
      gap: 8px;
    }
    .performance-form-top {
      display: grid;
      grid-template-columns: minmax(128px, .8fr) minmax(0, 1fr) minmax(90px, .55fr);
      gap: 7px;
    }
    .performance-text-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7px;
    }
    .performance-analysis-controls {
      display: grid;
      grid-template-columns: minmax(96px, .45fr) auto;
      gap: 7px;
      align-items: center;
      justify-content: start;
    }
    .reflection-list { display: grid; gap: 8px; }
    .reflection-card {
      border: 1px solid var(--line);
      background: var(--panel2);
      border-radius: var(--radius);
      padding: 8px;
      display: grid;
      gap: 7px;
    }
    .reflection-body {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 7px;
    }
    .reflection-body .meta { line-height: 1.35; }
    .reflection-tags { display: flex; gap: 5px; flex-wrap: wrap; }
    .performance-form-top input,
    .performance-text-grid textarea,
    .performance-analysis-controls select { min-width: 0; }
    .exercise-plan { display: grid; gap: 8px; }
    .exercise-focus { display: flex; gap: 6px; flex-wrap: wrap; }
    #healthMeasurementsCard > .card-head, #exerciseTodayGrid .card-head { flex-wrap:wrap; }
    #projectForm .split:has(#projectGroupField.hidden) { grid-template-columns:minmax(0,1fr); }
    .exercise-today-heading { display:flex; align-items:baseline; gap:8px; min-width:0; }
    .exercise-today-heading time { white-space:nowrap; }
    .exercise-today-routine { display:flex; align-items:center; gap:8px; min-width:0; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; padding-bottom:4px; }
    .exercise-today-routine > * { flex:none; white-space:nowrap; }
    .exercise-today-routine:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
    .goal-rail { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
    .goal-rail::-webkit-scrollbar { display: none; }
    .goal-tab {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      white-space: nowrap;
      border: 1px solid var(--line);
      background: var(--panel);
      color: var(--soft);
      border-radius: 999px;
      padding: 0 10px;
      font-weight: 700;
      cursor: pointer;
    }
    .goal-tab.active { color: var(--ink); border-color: var(--line-strong); background: var(--panel2); }
    .goal-home-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .goal-panel { display: grid; gap: 8px; }
    .goal-panel.hidden { display: none; }
    .goal-project-form { display: grid; gap: 8px; }
    .goal-form-row { display: grid; gap: 7px; align-items: center; }
    .goal-filter-row { grid-template-columns: minmax(0, 1fr) minmax(124px, .82fr); }
    .goal-progress-row { grid-template-columns: minmax(88px, .8fr) minmax(0, 1fr) minmax(82px, .72fr); }
    .goal-form-row input,
    .goal-form-row select { min-width: 0; }
    .exercise-summary-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 5px;
    }
    .exercise-summary-grid .metric {
      min-width: 0;
      min-height: 40px;
      padding: 5px 4px;
      font-variant-numeric: tabular-nums;
    }
    .exercise-summary-grid .metric strong {
      font-size: .8125rem;
      line-height: 1.05;
      white-space: nowrap;
    }
    .exercise-summary-grid .metric span {
      font-size: .5625rem;
      line-height: 1.1;
      white-space: nowrap;
    }
    .exercise-quick-row {
      display: grid;
      grid-template-columns: minmax(104px, 1fr) minmax(92px, .86fr) minmax(74px, .72fr);
      gap: 6px;
      align-items: center;
    }
    .exercise-picker { position: relative; }
    .exercise-picker input { width: 100%; }
    .exercise-suggestions {
      position: absolute;
      z-index: 20;
      left: 0;
      right: 0;
      top: calc(100% + 4px);
      max-height: 260px;
      overflow: auto;
      padding: 4px;
      border: 1px solid var(--line);
      border-radius: 9px;
      background: var(--panel);
      box-shadow: 0 12px 28px color-mix(in srgb, var(--ink) 16%, transparent);
    }
    .exercise-suggestion { display: grid; grid-template-columns: minmax(0, 1fr) auto; width: 100%; padding: 8px; border: 0; border-radius: 7px; background: transparent; color: var(--ink); text-align: start; cursor: pointer; }
    .exercise-suggestion:hover, .exercise-suggestion.active { background: var(--selection-bg); color: var(--selection-text); }
    .exercise-suggestion:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
    .exercise-suggestion small { color: var(--muted); }
    .exercise-suggestion.active small, .exercise-suggestion:hover small { color: inherit; opacity: .82; }
    .exercise-classification { min-height: 22px; margin: 6px 0; color: var(--muted); font-size: .68rem; }
    .field-label { display: grid; gap: 3px; min-width: 0; color: var(--muted); font-size: .62rem; font-weight: 700; }
    .field-label input, .field-label select { min-width: 0; margin: 0; }
    .field-label select { width: 100%; }
    .field-label label { display: contents; }
    .exercise-cardio-fields { align-items: end; }
    #exerciseDistanceUnit { display: inline-block; width: auto; min-height: 22px; padding: 2px 18px 2px 4px; border: 0; background: transparent; font-size: .62rem; }
    #exerciseSpeed { background: color-mix(in srgb, var(--panel2) 88%, transparent); }
    .exercise-notes-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(124px, auto);
      gap: 6px;
      align-items: start;
    }
    .exercise-notes-row textarea {
      min-height: 38px;
      max-height: 90px;
    }
    .exercise-notes-row input[type="date"] {
      min-width: 124px;
      width: auto;
    }
    .goal-progress-board { display: grid; gap: 10px; }
    .goal-progress-section { display: grid; gap: 7px; }
    .goal-progress-section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 1px; }
    .goal-progress-section-head h4 { margin: 0; color: var(--ink); font-size: .625rem; letter-spacing: .12em; text-transform: uppercase; }
    .goal-progress-section-head span { color: var(--soft); font-size: .625rem; font-weight: 700; }
    .goal-progress-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
    .goal-progress-card {
      appearance: none;
      width: 100%;
      min-height: 118px;
      text-align: start;
      display: grid;
      gap: 7px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      color: var(--ink);
      padding: 9px;
      cursor: pointer;
    }
    .goal-progress-card:hover, .goal-progress-card.active { border-color: var(--line-strong); background: var(--panel3); }
    .goal-progress-card.attention { border-color: color-mix(in srgb, var(--warn) 44%, var(--line)); }
    .goal-progress-card.moving { border-color: color-mix(in srgb, var(--ok) 34%, var(--line)); }
    .goal-progress-card.spaces { border-color: color-mix(in srgb, var(--accent2) 28%, var(--line)); }
    .goal-progress-card .kicker { color: var(--ink); font-size: .5625rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
    .goal-progress-card .title { font-size: .8125rem; line-height: 1.2; }
    .goal-progress-card .proof-line { color: var(--soft); font-size: .625rem; line-height: 1.35; }
    .goal-state-chip { border: 1px solid var(--hairline); color: var(--ink); background: var(--panel3); font-size: .5625rem; font-weight: 700; padding: 3px 5px; text-transform: uppercase; }
    .goal-progress-card .metric-line { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
    .goal-progress-card .primary-metric { font-size: 1.125rem; font-weight: 700; color: var(--accent); font-variant-numeric: tabular-nums; }
    .goal-progress-card .secondary-metric { font-size: .625rem; color: var(--soft); text-align: end; }
    .goal-progress-card .evidence-row { display: flex; gap: 5px; flex-wrap: wrap; }
    .evidence-chip { border: 1px solid var(--hairline); background: var(--panel3); color: var(--soft); font-size: .5625rem; font-weight: 700; padding: 3px 5px; }
    .goal-detail-panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel2); padding: 9px; display: grid; gap: 8px; }
    .goal-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; }
    .goal-detail-panel .kicker { color: var(--ink); font-size: .5625rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; margin-bottom: 5px; }
    .goal-proof-list { display: grid; gap: 5px; }
    .goal-proof-row { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 7px; border-top: 1px solid var(--hairline); padding-top: 5px; font-size: .6875rem; }
    .goal-proof-row:first-child { border-top: 0; padding-top: 0; }
    .goal-block-grid { display: grid; gap: 8px; }
    .goal-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; }
    .goal-progress { height: 6px; border: 1px solid var(--line); background: var(--panel3); overflow: hidden; }
    .goal-progress > span { display: block; height: 100%; background: var(--selection-bg); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--clarinda-primary) 28%, transparent); }
    .pipeline-grid { display: grid; gap: 8px; grid-template-columns: repeat(6, minmax(150px, 1fr)); overflow-x: auto; padding-bottom: 2px; }
    .pipeline-column { min-width: 160px; border: 1px solid var(--line); background: var(--panel2); padding: 7px; }
    .pipeline-title { font-size: .625rem; text-transform: uppercase; letter-spacing: .08em; color: var(--accent); margin-bottom: 6px; }
    .goal-builder-grid { display: grid; gap: 8px; }
    .block-picker { display: flex; flex-wrap: wrap; gap: 6px; }
    .block-picker label { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--line); background: var(--panel2); padding: 5px 7px; font-size: .6875rem; }
    .install-hint { color: var(--soft); font-size: .75rem; line-height: 1.45; }
    .pwa-diagnostics {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      margin-top: 10px;
      border: 1px solid var(--line);
      background: var(--line);
    }
    .pwa-diagnostic {
      min-width: 0;
      padding: 7px 8px;
      background: var(--panel2);
    }
    .pwa-diagnostic span { display: block; color: var(--muted); font-size: .5625rem; font-weight: 700; text-transform: uppercase; }
    .pwa-diagnostic strong { display: block; margin-top: 2px; overflow: hidden; color: var(--ink); font-size: .6875rem; text-overflow: ellipsis; white-space: nowrap; }
    .result {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel2);
      padding: 9px;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      color: var(--soft);
      min-height: 38px;
    }
    .bars { display: grid; gap: 8px; }
    .bar { display: grid; grid-template-columns: 84px minmax(0,1fr) 40px; gap: 8px; align-items: center; color: var(--soft); font-size: .75rem; }
    .track { height: 9px; border: 1px solid var(--line); border-radius: 999px; background: var(--panel2); overflow: hidden; }
    .fill { height: 100%; background: var(--selection-bg); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--clarinda-primary) 28%, transparent); }
    .bottom-nav {
      position: fixed;
      left: 0; right: 0; bottom: 0;
      z-index: 25;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 5px;
      padding: 7px 9px calc(7px + env(safe-area-inset-bottom));
    }
    .bottom-nav button {
      min-height: 48px;
      border: 1px solid transparent;
      border-radius: var(--radius);
      background: transparent;
      color: var(--soft);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      min-width: 0;
      width: 100%;
      padding: 2px 1px;
      appearance: none;
      text-align: center;
      line-height: 1.15;
      white-space: normal;
      overflow-wrap: anywhere;
      gap: 3px;
      font-size: .625rem;
      font-weight: 700;
      cursor: pointer;
    }
    .bottom-nav button > .nav-glyph { flex: none; }
    .bottom-nav button > span:last-child { width: 100%; min-width: 0; min-height: 2.3em; }
    .bottom-nav button.active { color: var(--ink); background: var(--panel2); border-color: var(--line-strong); }
    .bottom-nav button[data-screen="chat"] { position: relative; }
    .bottom-nav button[data-screen="chat"].has-update::after { content: ""; position: absolute; top: 6px; right: 12px; width: 8px; height: 8px; border-radius: 50%; background: #c9483b; box-shadow: 0 0 0 2px var(--panel); }
    .bottom-nav button.primary-nav {
      color: var(--control-on-green);
      background: var(--control-green);
      border-color: var(--control-green-border);
      font-weight: 700;
      box-shadow: none;
    }
    .bottom-nav button.primary-nav.active { color: var(--control-on-green); }
    .chat-command-row { margin-top: 0; }
    .upload-policy-note { margin: 0; color: var(--muted); font-size: .625rem; line-height: 1.35; }
    .nav-glyph { line-height: 1; display: grid; place-items: center; }
    .nav-glyph svg { width: 17px; height: 17px; display: block; }
    .overlay {
      position: fixed;
      inset: 0;
      z-index: 60;
      display: grid;
      place-items: end center;
      background: rgba(0,0,0,.52);
      padding: 14px;
    }
    .sheet {
      width: min(100%, 620px);
      max-height: calc(100dvh - 28px);
      overflow: auto;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: color-mix(in srgb, var(--bg2) 94%, black);
      box-shadow: var(--shadow);
      padding: 16px;
    }
    .login {
      position: fixed;
      inset: 0;
      z-index: 80;
      display: grid;
      place-items: center;
      padding: 18px;
      background: var(--bg);
    }
    .login .card { width: min(100%, 430px); padding: 18px; border-radius: 8px; box-shadow: var(--shadow); }
    .login-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
    .login h2 { margin: 0 0 8px; font-size: 1.625rem; letter-spacing: 0; }
    .empty { color: var(--soft); font-size: .8125rem; }
    .today-desktop-layout,
    .today-side-stack { display: contents; }
    @media (min-width: 700px) {
      .two { grid-template-columns: minmax(0,1.1fr) minmax(300px,.8fr); }
      .three { grid-template-columns: repeat(3, minmax(0,1fr)); }
      .metric-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
      .split { grid-template-columns: minmax(0,1fr) auto; align-items: center; }
      .triple { grid-template-columns: minmax(0,1.1fr) minmax(118px,.5fr) minmax(118px,.5fr); }
      .data-toolbar { grid-template-columns: minmax(220px,1fr) auto; align-items: center; }
      .table-wrap { display: block; }
      .contact-cards { display: none; }
      .crm-contact-cards { display: grid; }
      .contact-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .contact-detail-grid .wide { grid-column: 1 / -1; }
      .overlay { place-items: center; }
    }
    @media (min-width: 1000px) {
      .shell { grid-template-columns: 205px minmax(0,1fr); padding-bottom: 20px; }
      .sidebar {
        display: grid;
        gap: 6px;
        position: sticky;
        top: 82px;
        align-self: start;
      }
      .sidebar button {
        min-height: 36px;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: var(--panel);
        color: var(--soft);
        text-align: start;
        padding: 0 10px;
        cursor: pointer;
        font-weight: 700;
      }
      .sidebar button.active { color: var(--ink); border-color: var(--line-strong); background: var(--panel3); }
	      .bottom-nav { display: none; }
	      .task-fab {
	        right: max(28px, calc((100vw - 1500px) / 2 + 28px));
	        bottom: 32px;
	      }
      #screen-chat.active { height: calc(100dvh - 92px); min-height: 540px; }
      .today-desktop-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr);
        gap: 10px;
        align-items: start;
      }
      .today-side-stack {
        display: grid;
        gap: 10px;
      }
      .today-due-card { min-height: 100%; }
    }

    /* Compact production layer. DOM ids and route bindings remain unchanged. */
    :root { --hairline: color-mix(in srgb, var(--line) 58%, transparent); }
    body {
      font-size: .75rem;
      background: var(--bg);
    }
    html[data-theme="light"] body,
    body[data-theme="light"] {
      background: var(--bg);
    }
    .app,
    [data-theme="light"].app { background: transparent; }
    .topbar {
      padding: calc(7px + env(safe-area-inset-top)) 10px 7px;
      background: color-mix(in srgb, var(--bg) 91%, transparent);
      border-bottom-color: var(--line);
    }
    .topbar-inner { max-width: 1500px; }
    .mark { width: 34px; height: 34px; border-radius: 9px; box-shadow: none; }
    h1 {
      font-size: 1rem;
      letter-spacing: 0;
    }
    .top-actions { gap: 5px; }
    .icon-btn {
      width: 30px;
      min-height: 30px;
      background: color-mix(in srgb, var(--panel2) 72%, transparent);
      border-color: var(--line);
    }
    .icon { width: 17px; height: 17px; }
    .shell {
      max-width: 1500px;
      gap: 7px;
      padding: 7px 7px calc(69px + env(safe-area-inset-bottom));
    }
    .screen { gap: 7px; }
    .content {
      position: relative;
      isolation: isolate;
    }
    .content::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: -7px;
      width: 1px;
      background: var(--hairline);
      opacity: .8;
      pointer-events: none;
    }
    .hero {
      min-height: 30px;
      padding: 6px 9px 6px 12px;
      border-radius: 0;
      border: 0;
      border-bottom: 1px solid var(--line-strong);
      background: transparent;
    }
    .hero::before {
      top: 6px;
      bottom: 6px;
      width: 1px;
      background: var(--clarinda-accent);
    }
    .hero h2 {
      font-size: .8125rem;
      letter-spacing: 0;
      text-transform: uppercase;
    }
    .hero p {
      display: none;
    }
    .grid { gap: 7px; }
    .card {
      position: relative;
      border-radius: 0;
      border: 0;
      border-top: 1px solid var(--line);
      background: var(--panel);
      box-shadow: none;
      padding: 7px;
    }
    .card::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: var(--hairline);
      pointer-events: none;
    }
    .card-head {
      min-height: 24px;
      margin-bottom: 6px;
      padding-bottom: 5px;
      border-bottom-color: var(--hairline);
    }
    .card h3 {
      font-size: .6875rem;
      letter-spacing: .075em;
      text-transform: uppercase;
      color: var(--ink);
      font-weight: 700;
    }
    .screen:not(#screen-settings) .card-head .chip,
    .screen:not(#screen-settings) .card-head .status.live {
      display: none;
    }
    .muted, .meta { font-size: .65625rem; color: var(--soft); }
    .btn, .icon-btn, input, textarea, select {
      border-radius: 4px;
    }
    .btn {
      min-height: 30px;
      padding: 0 8px;
      font-size: .6875rem;
      font-weight: 700;
      background: color-mix(in srgb, var(--panel2) 72%, transparent);
    }
    .btn.slim {
      min-height: 25px;
      padding: 0 7px;
      font-size: .65625rem;
    }
    .btn.primary {
      background: var(--control-green);
      color: var(--control-on-green);
      border-color: var(--control-green-border);
      font-weight: 700;
    }
    [data-theme="light"] .btn.primary {
      background: var(--control-green);
      color: var(--control-on-green);
      border-color: var(--control-green-border);
    }
    .btn.ghost {
      background: color-mix(in srgb, var(--panel) 58%, transparent);
    }
    input, textarea, select {
      min-height: 31px;
      padding: 6px 7px;
      background: var(--input-bg);
      border-color: var(--hairline);
      font-size: .71875rem;
    }
    textarea { min-height: 70px; }
    input:focus, textarea:focus, select:focus {
      border-color: var(--clarinda-accent);
      box-shadow: 0 0 0 2px color-mix(in srgb, var(--clarinda-accent) 52%, transparent);
    }
    .metric-grid,
    .today-summary-grid,
    .today-analytics-grid,
    .analytics-cards {
      gap: 5px;
    }
    .metric {
      min-height: 42px;
      padding: 6px 7px;
      border-radius: 0;
      border-color: var(--hairline);
      background: var(--panel2);
    }
    .metric strong {
      font-size: 1rem;
      color: var(--ink);
    }
    .metric span { font-size: .625rem; }
    .today-summary-grid .metric,
    .today-analytics-grid .metric {
      min-height: 38px;
      padding: 5px 6px;
      border-radius: 0;
    }
    .dense-list,
    .system-table,
    .table-wrap {
      border-radius: 0;
      border-color: var(--hairline);
      background: var(--panel2);
    }
    .dense-category {
      padding: 5px 7px;
      background: color-mix(in srgb, var(--clarinda-accent) 7%, var(--panel2));
      letter-spacing: .09em;
      font-size: .59375rem;
      color: color-mix(in srgb, var(--accent) 76%, var(--soft));
    }
    .compact-row {
      min-height: 32px;
      grid-template-columns: 20px 18px 18px minmax(0, 1fr) 26px 26px;
      padding: 3px 5px;
      border-bottom-color: var(--hairline);
    }
    .compact-row.note-row {
      grid-template-columns: 20px 26px minmax(0, 1fr) auto 26px;
    }
    .compact-row.task-row {
      grid-template-columns: 20px 18px 18px minmax(0, 1fr) 82px 26px 26px;
      align-items: center;
    }
    .compact-row.task-row .compact-sn {
      align-self: center;
      display: flex;
      align-items: center;
      height: 100%;
      line-height: 1;
    }
    .task-sort-toggle {
      display: inline-flex;
      gap: 2px;
      padding: 2px;
      border: 1px solid var(--line-strong);
      background: var(--panel2);
    }
    .task-sort-toggle .btn {
      min-height: 24px;
      padding: 3px 7px;
      border: 0;
      font-size: .625rem;
    }
    .task-sort-toggle .btn.is-active {
      background: var(--control-green);
      color: var(--control-on-green);
      font-weight: 700;
      text-shadow: none;
    }
    .calendar-view-toggle { border-color: var(--line-strong); }
    .calendar-view-toggle .btn:not(.is-active),
    .task-sort-toggle .btn:not(.is-active) {
      background: var(--panel2);
      color: var(--ink);
    }
    .task-due-wrap {
      position: relative;
      min-width: 0;
      height: 24px;
      display: grid;
      place-items: center;
      border: 1px solid var(--hairline);
      border-radius: 4px;
      color: var(--muted);
      background: color-mix(in srgb, var(--panel) 60%, transparent);
      font-size: .59375rem;
      font-weight: 700;
      overflow: hidden;
    }
    .task-due-label {
      max-width: 100%;
      padding: 0 4px;
      pointer-events: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .task-due-input {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer;
    }
    .drag-handle.sort-disabled {
      opacity: .28;
      cursor: not-allowed;
    }
    .note-type-chip {
      justify-self: end;
      max-width: 92px;
      padding: 3px 6px;
      border: 1px solid var(--hairline);
      color: var(--muted);
      font-size: .59375rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .06em;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .compact-title {
      font-size: .71875rem;
      font-weight: 600;
    }
    .compact-check {
      width: 15px;
      height: 15px;
    }
    .drag-handle,
    .icon-action {
      width: 26px;
      height: 26px;
      min-height: 26px;
      border-radius: 4px;
    }
    .task-detail {
      padding: 7px 7px 8px 76px;
      background: color-mix(in srgb, var(--panel2) 84%, transparent);
    }
    .item,
    .contact-card,
    .completed-time-row,
    .result {
      border-radius: 0;
      border-color: var(--hairline);
      background: var(--panel2);
      padding: 7px;
    }
    .chip {
      border-radius: 4px;
      padding: 3px 6px;
      font-size: .625rem;
      background: color-mix(in srgb, var(--panel2) 72%, transparent);
    }
    .clock {
      font-size: 2.625rem;
      color: var(--accent);
      font-weight: 700;
    }
    .today-pomodoro-card {
      background: var(--panel2);
    }
    .today-pomodoro-layout {
      grid-template-columns: auto minmax(0,1fr) auto;
      gap: 7px;
    }
    .today-phase-row .btn {
      min-height: 24px;
      font-size: .59375rem;
    }
    .today-pomo-actions {
      grid-template-columns: repeat(3, 28px);
    }
    .today-pomo-actions .btn {
      width: 28px;
      height: 28px;
      min-height: 28px;
    }
    @media (max-width: 520px) {
      .compact-row.task-row {
        grid-template-columns: 20px 18px 18px minmax(0, 1fr) 68px 26px 26px;
      }
      .task-due-wrap {
        font-size: .5625rem;
      }
    }
    #screen-chat.active {
      height: calc(100dvh - 58px - 69px - env(safe-area-inset-bottom));
      grid-template-rows: minmax(0,1fr);
      gap: 0;
    }
    #screen-chat .grid {
      min-height: 0;
    }
    #screen-chat .chat-card {
      height: 100%;
      padding: 0;
      border-top: 0;
      background: transparent;
      grid-template-rows: minmax(0,1fr) auto;
    }
    #screen-chat .chat-card::after { display: none; }
    .chat-shell {
      gap: 6px;
      min-height: 0;
    }
    .chat-log {
      gap: 7px;
      padding: 7px 1px 4px;
    }
    .bubble {
      max-width: min(84%, 760px);
      padding: 8px 9px;
      border-radius: 6px;
      border-color: var(--hairline);
      font-size: .75rem;
      line-height: 1.36;
    }
    .bubble.user {
      border-bottom-right-radius: 2px;
      box-shadow: none;
    }
    .bubble.agent {
      border-bottom-left-radius: 2px;
    }
    .bubble pre {
      border-radius: 0;
      background: var(--clarinda-dark-surface);
    }
    .composer {
      border-radius: 0;
      border-color: var(--line-strong);
      background: color-mix(in srgb, var(--input-bg) 92%, transparent);
      padding: 6px;
    }
    .composer textarea {
      min-height: 36px;
      padding: 7px;
      font-size: .75rem;
    }
    .chat-command-row {
      gap: 5px;
      margin-top: 0;
    }
    .bar {
      grid-template-columns: 92px minmax(0,1fr) 38px;
      font-size: .65625rem;
      color: var(--soft);
    }
    .track {
      height: 6px;
      border-radius: 0;
      border-color: var(--hairline);
      background: rgba(255,255,255,.035);
    }
    .data-table th,
    .data-table td {
      padding: 6px 7px;
      font-size: .65625rem;
      border-bottom-color: var(--hairline);
    }
    .data-table th {
      background: color-mix(in srgb, var(--panel2) 92%, #000 8%);
      color: var(--accent);
    }
    .bottom-nav {
      gap: 3px;
      padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
      background: color-mix(in srgb, var(--bg) 93%, transparent);
      border-top-color: var(--line);
    }
    .bottom-nav button {
      min-height: 45px;
      border-radius: 0;
      gap: 2px;
      font-size: .59375rem;
      color: var(--muted);
    }
    .bottom-nav button.active {
      background: color-mix(in srgb, var(--clarinda-accent) 10%, var(--panel2));
      border-color: var(--line-strong);
      color: var(--ink);
    }
    .bottom-nav button.primary-nav {
      background: var(--control-green);
      color: var(--control-on-green);
      box-shadow: none;
    }
    [data-theme="light"] .bottom-nav button.primary-nav,
    [data-theme="light"] .bottom-nav button.primary-nav.active {
      background: var(--control-green);
      color: var(--control-on-green);
      border-color: var(--control-green-border);
    }
    .nav-glyph svg {
      width: 16px;
      height: 16px;
    }
    .sidebar {
      border-inline-end: 1px solid var(--hairline);
      padding-inline-end: 7px;
    }
    .sidebar button {
      border-radius: 0;
      border: 0;
      border-inline-start: 1px solid transparent;
      background: transparent;
      min-height: 31px;
      padding: 0 8px;
      font-size: .6875rem;
      color: var(--muted);
    }
    .sidebar button.active {
      color: var(--ink);
      border-inline-start-color: var(--clarinda-accent);
      background: color-mix(in srgb, var(--clarinda-accent) 8%, transparent);
    }
    .overlay {
      background: rgba(0,0,0,.66);
    }
    .sheet {
      border-radius: 0;
      background: color-mix(in srgb, var(--bg2) 96%, black);
    }
    .login .card {
      border-radius: 0;
      background: color-mix(in srgb, var(--panel2) 88%, transparent);
    }
    @media (min-width: 700px) {
      .two { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
      #screen-work > .grid:first-of-type,
      #screen-crm > .card,
      #screen-settings > .card {
        grid-column: 1 / -1;
      }
      .analytics-cards { grid-template-columns: repeat(4, minmax(0,1fr)); }
    }
    @media (max-width: 699px) {
      .setup-steps { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .access-journey, .plan-choice-grid { grid-template-columns: 1fr; }
      .connection-grid { grid-template-columns: 1fr; }
    }
    @media (min-width: 1000px) {
      .shell {
        grid-template-columns: 154px minmax(0,1fr);
        gap: 11px;
        padding: 10px 12px 18px;
      }
      .sidebar {
        top: 68px;
        --sidebar-brand-offset: clamp(2px, calc(50cqi - 748px), 12px);
      }
      .sidebar button {
        width: calc(100% + var(--sidebar-brand-offset));
        margin-inline-start: calc(0px - var(--sidebar-brand-offset));
        font-size: 1.03125rem;
      }
      .screen { gap: 9px; }
      #screen-chat.active {
        height: calc(100dvh - 78px);
      }
      .card { padding: 8px 9px; }
      .data-toolbar { grid-template-columns: minmax(0,1fr) auto; }
    }
    @media (max-width: 520px) {
      .top-actions { gap: 4px; }
      .icon-btn { width: 29px; min-height: 29px; }
      .shell { padding-inline-start: 6px; padding-inline-end: 6px; }
      .content::before { display: none; }
      .hero h2 { font-size: .75rem; }
      .card { padding: 6px; }
      .calendar-toolbar {
        grid-template-columns: auto minmax(0,1fr) auto auto;
      }
      .calendar-view-toggle {
        grid-column: 1 / -1;
        width: 100%;
      }
      .calendar-view-toggle .btn {
        flex: 1 1 0;
      }
      .today-pomodoro-layout {
        grid-template-columns: minmax(0,1fr) auto;
      }
      .today-clock { grid-column: 1; grid-row: 1; }
      .today-phase-row {
        grid-column: 1 / -1;
        grid-row: 2;
        display: grid;
        grid-template-columns: repeat(3,minmax(0,1fr));
        justify-content: flex-start;
        min-width: 0;
        width: 100%;
      }
      .today-phase-row .btn {
        width: 100%;
        min-width: 0;
        padding: 0 5px;
        font-size: .59375rem;
      }
      .today-pomo-actions { grid-column: 2; grid-row: 1; }
      .bubble {
        max-width: 92%;
      }
      .bottom-nav button {
        min-height: 44px;
      }
    }

    /* Screenshot-derived production layout. Renderers and data paths are unchanged. */
    html[data-theme="light"] body,
    body[data-theme="light"] {
      background: var(--bg);
    }
    h1, .hero h2, .login h2 { letter-spacing: 0; }
    .app-notice {
      max-width: 1220px;
      margin: 6px auto 0;
      padding: 7px 9px;
      border: 1px solid color-mix(in srgb, var(--danger) 34%, var(--line));
      border-radius: 6px;
      background: color-mix(in srgb, var(--panel2) 92%, var(--danger) 8%);
      color: var(--ink);
      font-size: .6875rem;
    }
    .app-notice.info { border-color: var(--line-strong); }
    .update-consent-prompt {
      width: min(1120px, calc(100% - 24px));
      margin: 10px auto 0;
      padding: 12px 14px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px;
      border: 1px solid var(--clarinda-accent);
      border-radius: var(--radius-card);
      background: var(--selection-bg);
      box-shadow: 0 10px 28px rgba(25,35,32,.1);
    }
    .update-consent-prompt strong,
    .update-consent-prompt span { display: block; }
    .update-consent-prompt span { margin-top: 3px; color: var(--muted); font-size: .8125rem; }
    .update-consent-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
    .mark { border-radius: 8px; }
    .hero {
      min-height: 48px;
      border: 0;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      background: transparent;
      padding: 8px 10px 8px 14px;
    }
    .hero::before {
      top: 8px;
      bottom: 8px;
      background: var(--clarinda-accent);
    }
    .hero h2 {
      font-size: .9375rem;
      text-transform: uppercase;
    }
    .hero p { color: var(--muted); }
    .card,
    .bubble,
    .sheet,
    .login .card { border-radius: 6px; }
    .login { background: var(--bg); }
    .login .card { background: var(--panel2); }
    .quick-add-actions { display: grid; gap: 7px; }
    .quick-add-actions .btn { min-height: 42px; justify-content: flex-start; }
    .task-batch-editor { display: grid; gap: 7px; margin-bottom: 8px; }
    .task-batch-edit-row {
      display: grid;
      grid-template-columns: minmax(0, 1.45fr) minmax(90px, .72fr) minmax(92px, .7fr) 32px;
      gap: 6px;
      align-items: center;
    }
    .task-batch-edit-row input { min-width: 0; }
    .task-batch-footer { margin-top: 10px; }
    .approval-bubble { width: min(92%, 540px); }
    .task-approval-list { display: grid; gap: 5px; margin: 8px 0; }
    .task-approval-row {
      display: grid;
      grid-template-columns: 17px minmax(0, 1fr);
      gap: 7px;
      align-items: start;
      padding: 6px;
      border: 1px solid var(--line);
      border-radius: 5px;
      background: color-mix(in srgb, var(--panel2) 88%, var(--bg2));
    }
    .task-preview-check {
      width: 14px;
      height: 14px;
      margin-top: 1px;
      border: 1px solid var(--line-strong);
      border-radius: 3px;
      background: var(--input-bg);
    }
    .task-approval-row strong,
    .task-approval-row small { display: block; }
    .task-approval-row small { margin-top: 2px; color: var(--muted); font-size: .625rem; }
    .goals-summary-top {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 5px;
    }
    .goals-summary-top .metric { min-height: 50px; padding: 7px 6px; }
    .goals-summary-top .metric strong { font-size: .9375rem; white-space: nowrap; }
    .goals-summary-top .metric span { font-size: .5625rem; }
    .crm-section-intro { margin: 0 0 7px; color: var(--soft); font-size: .65625rem; }
    .crm-followup-panel { display: grid; gap: 7px; }
    .crm-lead-title-button { display: grid; gap: 2px; }
    .crm-lead-title-button .meta {
      max-width: 42ch;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .crm-lead-top-controls { display: grid; grid-template-columns: auto; grid-template-rows: repeat(2, minmax(0, auto)); gap: 3px; }
    .crm-lead-top-controls .chip { min-height: 21px; padding: 0 6px; font-size: .5625rem; }
    .crm-lead-edit-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(132px, .8fr);
      gap: 6px;
      padding-top: 7px;
    }
    .crm-pipeline-type-head { color: var(--ink); background: color-mix(in srgb, var(--clarinda-accent) 8%, var(--panel2)); }
    .crm-contact-open { min-width: 52px; }
    @media (max-width: 699px) {
      .update-consent-prompt { grid-template-columns: 1fr; width: calc(100% - 16px); margin-top: 8px; padding: 10px; }
      .update-consent-actions { justify-content: stretch; }
      .update-consent-actions .btn { flex: 1 1 130px; }
      .brand-wordmark--header { width: 82px; height: 26px; }
      .shell { gap: 6px; padding-top: 6px; }
      .screen { gap: 6px; }
      .card { padding: 6px; }
      .bottom-nav { background: color-mix(in srgb, var(--bg) 97%, transparent); }
      .bottom-nav button { border-radius: 0; }
      .bottom-nav button.active { background: var(--panel2); color: var(--ink); border-color: var(--line-strong); }
      .bottom-nav button.primary-nav.active { background: var(--panel2); color: var(--ink); border-color: var(--line-strong); }
      .bottom-nav button[data-screen="crm"].active { background: var(--ink); color: var(--panel2); border-color: var(--ink); }
      #screen-chat .card-head .chip { display: none; }
      .calendar-toolbar { grid-template-columns: 36px minmax(0, 1fr) 36px; }
      #calendarPrevBtn,
      #calendarNextBtn { width: 36px; padding: 0; font-size: 0; }
      #calendarPrevBtn::after { content: "‹"; font-size: 1.125rem; }
      #calendarNextBtn::after { content: "›"; font-size: 1.125rem; }
      #calendarTodayBtn { display: none; }
      .calendar-view-toggle { grid-column: 1 / -1; width: 100%; justify-self: stretch; }
      .calendar-view-toggle .btn { flex: 1 1 0; }
      .calendar-options-row { grid-template-columns: 1fr; }
      .calendar-grid { height: calc(100dvh - 274px); max-height: none; min-height: 320px; }
      .calendar-event { box-shadow: none; border-radius: 5px; }
      .work-day-layout { display: grid; gap: 7px; }
      .today-side-stack { display: contents; }
      .today-due-card { order: 1; }
      .work-inbox-card { order: 2; }
      .today-side-stack > .card:nth-child(3) { order: 3; }
      .today-side-stack > .card:first-child { order: 4; }
      .today-pomodoro-card { padding: 7px; }
      .goal-home-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
      .goal-progress-grid { grid-template-columns: 1fr; }
      .goal-progress-card { min-height: 96px; }
      #goalsExerciseCue,
      .goal-progress-card > .row:last-child { display: none; }
      #screen-crm > .card { padding: 6px; }
      .crm-followup-panel { display: none; }
      .crm-followup-panel.is-open { display: grid; }
      #crmPipelineResult { display: none; }
      .crm-followup-item { grid-template-columns: 1fr; }
      .crm-pipeline-board { gap: 6px; margin-top: 6px; }
      .crm-pipeline-type,
      .crm-pipeline-grid { gap: 5px; }
      .crm-pipeline-type-head { min-height: 28px; padding: 6px 7px; font-size: .59375rem; }
      .crm-lead-summary { padding: 7px; }
      #crmSourceLine,
      #peopleSyncResult,
      #peopleScopeChip { display: none; }
      .contact-filter-mobile-trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-top: 7px;
      }
      .contact-filter-mobile-trigger .btn { flex: 0 0 auto; }
      .contact-filter-overlay {
        position: fixed;
        inset: 0;
        z-index: 70;
        display: none;
        place-items: end center;
        padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
        background: rgba(0, 0, 0, .58);
      }
      .contact-filter-overlay.is-open { display: grid; }
      .contact-sort-panel {
        width: min(100%, 520px);
        max-height: calc(100dvh - 24px);
        overflow: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: end;
        margin: 0;
        padding: 12px;
        border: 1px solid var(--line-strong);
        border-radius: 8px 8px 0 0;
        background: var(--bg2);
        box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
      }
      .contact-sort-panel-head {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
      }
      .contact-sort-panel-head h3 { margin: 0; }
      .contact-sort-actions { position: sticky; bottom: 0; padding-top: 4px; background: var(--bg2); }
      .crm-contact-action-rail {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
        padding-top: 0;
        border-top: 0;
      }
      .crm-contact-action-rail .quick-action {
        min-width: 0;
        padding: 0 4px;
        justify-content: flex-start;
        text-align: start;
        white-space: nowrap;
      }
      .crm-contact-summary { grid-template-columns: minmax(0, 1fr) auto; gap: 4px; }
      .crm-contact-summary-name { font-size: .71875rem; }
      .crm-contact-summary-meta { font-size: .59375rem; }
      .crm-contact-card-body { grid-template-columns: minmax(0, 1fr) 104px; gap: 6px; }
      .contact-card.crm-contact-card { grid-template-columns: minmax(0, 1fr); padding: 0; }
      .task-batch-edit-row { grid-template-columns: minmax(0, 1fr) 32px; }
      .task-batch-edit-row [data-task-batch-category],
      .task-batch-edit-row [data-task-batch-due] { grid-column: span 1; }
      .task-batch-edit-row [data-task-batch-title] { grid-column: 1 / -1; }
      .task-batch-edit-row [data-task-batch-remove] { grid-column: 2; grid-row: 2; }
    }
    @media (min-width: 700px) {
      .crm-followup-panel { display: grid !important; }
      #crmFollowupsToggle { display: none; }
      .goals-summary-top { max-width: 680px; }
    }
    @media (min-width: 700px) and (max-width: 999px) {
      .shell { max-width: 720px; }
    }
    @media (min-width: 1000px) {
      #screen-chat .grid {
        width: min(100%, 980px);
        margin: 0 auto;
      }
    }
    .settings-screen {
      width: min(100%, 1100px);
      margin: 0 auto;
      gap: 8px;
    }
    .settings-tabs {
      display: flex;
      gap: 4px;
      width: 100%;
      overflow-x: auto;
      padding: 3px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel2);
      scrollbar-width: none;
    }
    .settings-tabs::-webkit-scrollbar { display: none; }
    .settings-tab {
      flex: 1 0 auto;
      min-height: 34px;
      padding: 7px 14px;
      border: 1px solid transparent;
      border-radius: 6px;
      background: transparent;
      color: var(--text);
      font: inherit;
      font-size: .6875rem;
      font-weight: 700;
      letter-spacing: 0;
      cursor: pointer;
    }
    .settings-tab[aria-selected="true"] {
      border-color: var(--control-green-border);
      background: var(--control-green);
      color: var(--control-on-green);
    }
    .settings-screen .btn.primary {
      border-color: var(--control-green-border);
      background: var(--control-green);
      color: var(--control-on-green);
      box-shadow: none;
      text-shadow: none;
    }
    .settings-tab:focus-visible,
    .settings-item-toggle:focus-visible,
    .settings-disclosure > summary:focus-visible {
      outline: 2px solid var(--clarinda-accent);
      outline-offset: 2px;
    }
    .settings-panel { display: grid; gap: 8px; }
    .settings-panel[hidden] { display: none !important; }
    .settings-band {
      min-width: 0;
      padding: 9px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel);
      box-shadow: none;
    }
    .settings-band-head,
    .settings-summary-line {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .settings-band-head h3,
    .settings-summary-line h3 { margin: 0; }
    .settings-band-copy {
      margin: 4px 0 0;
      color: var(--soft);
      font-size: .6875rem;
      line-height: 1.45;
    }
    .settings-account-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(190px, .7fr) auto;
      gap: 7px;
      align-items: end;
      margin-top: 9px;
    }
    .settings-account-grid label {
      display: grid;
      gap: 4px;
      min-width: 0;
      color: var(--soft);
      font-size: .5625rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0;
    }
    .settings-account-email {
      min-height: 34px;
      display: flex;
      align-items: center;
      padding: 7px 9px;
      border: 1px solid var(--line);
      background: var(--panel2);
      color: var(--text);
      font-size: .6875rem;
      font-weight: 600;
      text-transform: none;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .settings-inline-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
    .settings-notice {
      padding: 8px 9px;
      border-inline-start: 3px solid var(--clarinda-accent);
      background: color-mix(in srgb, var(--clarinda-accent) 7%, var(--panel2));
      color: var(--text);
      font-size: .6875rem;
      line-height: 1.4;
    }
    .settings-notice[hidden] { display: none; }
    .settings-item-list {
      margin-top: 8px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel2);
      overflow: hidden;
    }
    .settings-item { border-bottom: 1px solid var(--line); }
    .settings-item:last-child { border-bottom: 0; }
    .settings-item-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 7px;
      align-items: center;
      min-height: 58px;
      padding: 7px;
    }
    .settings-item-toggle {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
      align-items: center;
      gap: 7px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--text);
      text-align: start;
      cursor: pointer;
    }
    .settings-item-title { min-width: 0; }
    .settings-item-title strong,
    .settings-item-title span { display: block; }
    .settings-item-title strong { font-size: .75rem; }
    .settings-item-title span {
      margin-top: 2px;
      color: var(--soft);
      font-size: .625rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .settings-chevron {
      color: var(--soft);
      font-size: .875rem;
      line-height: 1;
      transition: transform .16s ease;
    }
    [aria-expanded="true"] > .settings-chevron { transform: rotate(180deg); }
    .settings-item-body {
      padding: 0 9px 9px;
      border-top: 1px solid var(--line);
    }
    .settings-item-body[hidden] { display: none; }
    .settings-item-body .meta { margin-top: 8px; }
    .settings-disclosure {
      margin-top: 8px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--panel2);
      overflow: hidden;
    }
    .settings-disclosure > summary {
      min-height: 56px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto auto;
      align-items: center;
      gap: 8px;
      padding: 8px 9px;
      cursor: pointer;
      list-style: none;
    }
    .settings-disclosure > summary::-webkit-details-marker { display: none; }
    .settings-disclosure[open] > summary { border-bottom: 1px solid var(--line); }
    .settings-disclosure[open] > summary .settings-chevron { transform: rotate(180deg); }
    .settings-disclosure-body { padding: 9px; }
    .settings-screen .setup-steps {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0;
      margin-top: 8px;
      border: 1px solid var(--line);
      border-radius: 8px;
      overflow: hidden;
    }
    .settings-screen .setup-step {
      width: 100%;
      min-height: 48px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 8px;
      padding: 7px 9px;
      border: 0;
      border-bottom: 1px solid var(--line);
      border-radius: 0;
      background: transparent;
      color: var(--text);
      text-align: start;
      cursor: pointer;
    }
    .settings-screen .setup-step:last-child { border-bottom: 0; }
    .settings-screen .setup-step.done { border-color: color-mix(in srgb, var(--ok) 55%, var(--line)); box-shadow: inset 3px 0 0 var(--ok); }
    .settings-screen .setup-step .title { margin: 0; font-size: .6875rem; }
    .settings-screen .setup-step .meta { margin: 2px 0 0; font-size: .625rem; }
    .settings-step-state { color: var(--soft); font-size: .5625rem; font-weight: 700; text-transform: uppercase; }
    .settings-plan-summary {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 7px;
      margin-top: 9px;
    }
    .settings-plan-stat {
      min-width: 0;
      padding: 8px;
      border: 1px solid var(--line);
      background: var(--panel2);
    }
    .settings-plan-stat span,
    .settings-plan-stat strong { display: block; }
    .settings-plan-stat span { color: var(--soft); font-size: .5625rem; font-weight: 700; text-transform: uppercase; }
    .settings-plan-stat strong { margin-top: 4px; font-size: .75rem; overflow-wrap: anywhere; }
    .settings-plan-message { margin-top: 8px; color: var(--soft); font-size: .625rem; }
    .settings-plan-summary > .settings-plan-message { grid-column: 1 / -1; margin-top: 0; }
    .settings-screen .plan-choice-grid { margin-top: 0; }
    .settings-screen .pwa-diagnostics { margin-top: 0; }
    .schedule-disclosure .settings-disclosure-body { padding-top: 7px; }
    .schedule-disclosure .schedule-row {
      display: block;
      padding: 0;
      border: 0;
    }
    .schedule-disclosure .schedule-controls { justify-content: flex-start; margin-top: 8px; }
    .schedule-disclosure .schedule-main > .title,
    .schedule-disclosure .schedule-main > .meta { display: none; }
    @media (max-width: 699px) {
      .settings-screen { gap: 6px; }
      .settings-tabs { border-radius: 6px; }
      .settings-tab { flex: 0 0 auto; min-width: 82px; padding-inline: 11px; }
      .settings-band { padding: 7px; border-radius: 6px; }
      .settings-account-grid { grid-template-columns: minmax(0, 1fr) auto; }
      .settings-account-grid .settings-account-identity { grid-column: 1 / -1; }
      .settings-account-grid label { min-width: 0; }
      .settings-plan-summary { grid-template-columns: 1fr; }
      .settings-item-row { grid-template-columns: minmax(0, 1fr) auto; min-height: 54px; }
      .settings-item-row > .btn { min-width: 76px; }
      .settings-disclosure > summary { min-height: 52px; }
      .schedule-controls input[type="time"],
      .schedule-controls select { flex: 1 1 110px; }
    }
    @media (prefers-reduced-motion: reduce) {
      .settings-chevron { transition: none; }
    }

    /* Clarinda monochrome pastel system */
    :root {
      --radius-control: 10px;
      --radius-card: 14px;
      --radius-summary: 16px;
      --radius-sheet: 18px;
    }
    body { font-size: .875rem; line-height: 1.42; }
    button, input, textarea, select, .btn { font-size: .875rem; }
    .btn.slim, .kicker, .chip, .tag-chip, .note-type-chip, .settings-step-state { font-size: .75rem; }
    .bottom-nav button { font-size: .75rem; }
    .meta, .muted, .settings-band-copy, .result, .crm-section-intro { font-size: .8125rem; }
    .title, strong { font-size: inherit; }
    button:focus-visible,
    a:focus-visible,
    input:focus-visible,
    textarea:focus-visible,
    select:focus-visible,
    summary:focus-visible {
      outline: 2px solid var(--clarinda-accent);
      outline-offset: 2px;
    }
    .topbar-screen-title,
    .sheet > .card-head h3,
    .screen > .card > .card-head h3,
    .settings-band-head h3,
    .guide-title,
    .major-empty-title {
      font-family: "XCharter Clarinda", Charter, Georgia, serif;
      font-weight: 700;
      letter-spacing: 0;
    }
    .topbar-screen-title { font-size: 1rem; text-transform: none; }
    .sheet > .card-head h3, .guide-title { font-size: 1.375rem; }
    .settings-band-head h3 { font-size: 1.125rem; }
    .card, .settings-band, .settings-tabs, .contact-card, .item, .result { border-radius: var(--radius-card); }
    .metric-grid, .goals-summary-top, .settings-plan-summary { border-radius: var(--radius-summary); }
    .sheet, .compact-sheet { border-radius: var(--radius-sheet); }
    .btn, .icon-btn, input, textarea, select, .segmented, .settings-tab { border-radius: var(--radius-control); }
    .icon-btn { position: relative; }
    .icon-btn[data-badge]::after { content: ""; position: absolute; top: 3px; right: 3px; width: 7px; height: 7px; border-radius: 50%; background: var(--clarinda-accent); border: 1px solid var(--panel); }
    .chip, .tag-chip, .status { border-radius: 999px; }
    .item, .contact-card, .completed-time-row, .result { border-radius: var(--radius-card); }
    .btn.primary,
    [data-theme="light"] .btn.primary,
    .settings-screen .btn.primary,
    .task-fab { background: var(--primary-control); color: var(--primary-control-text); border-color: var(--primary-control); }
    .task-fab { border-radius: var(--radius-control); box-shadow: 0 8px 20px rgba(45,50,51,.14); }
    .calendar-view-toggle .btn.is-active,
    .task-sort-toggle .btn.is-active,
    .work-add-mode .btn.is-active,
    .work-inbox-tabs .btn.is-active,
    .segmented button.active,
    .settings-tab[aria-selected="true"],
    .text-size-option[aria-pressed="true"],
    .goal-tab.active,
    .crm-followup-filters .btn.is-active,
    .crm-followup-count.active {
      background: var(--selection-bg);
      color: var(--selection-text);
      border-color: var(--clarinda-accent);
    }
    .crm-followup-count {
      min-height: 64px;
      display: grid;
      align-content: center;
      gap: 4px;
      padding: 8px;
      border-color: var(--line);
      border-radius: var(--radius-control);
      background: var(--panel);
      color: var(--ink);
    }
    .crm-followup-count strong { font-size: 1rem; line-height: 1; color: var(--ink); }
    .crm-followup-count span { margin-top: 0; color: var(--muted); font-size: .75rem; line-height: 1.15; white-space: normal; }
    .crm-followup-count.active { background: var(--selection-bg); border-color: var(--clarinda-accent); color: var(--selection-text); }
    .crm-followup-count.active strong,
    .crm-followup-count.active span { color: var(--selection-text); }
    .crm-pipeline-type-head { border-radius: var(--radius-control); }
    .crm-pipeline-type-head-copy { display: inline-flex; align-items: center; gap: 7px; }
    .crm-pipeline-chevron { display: inline-block; font-size: 1rem; line-height: 1; transform: rotate(0deg); }
    .crm-pipeline-type.is-open .crm-pipeline-chevron { transform: rotate(90deg); }
    .crm-lead-summary { min-height: 44px; height: 44px; padding: 5px 8px; }
    .crm-lead-title-button { grid-template-rows: minmax(0, 1fr); align-items: center; }
    .crm-lead-top-controls { display: flex; grid-template: none; gap: 4px; }
    .crm-lead-expanded > .crm-lead-action { padding-top: 7px; }
    .contact-card.crm-contact-card { border-radius: var(--radius-card); }
    .crm-contact-summary { border-radius: var(--radius-card); }
    .crm-contact-card.is-open .crm-contact-summary { border-radius: var(--radius-card) var(--radius-card) 0 0; }
    .crm-contact-level { display: inline-flex; align-items: center; gap: 5px; color: var(--accent); font-weight: 700; white-space: nowrap; }
    .contact-page-footer .btn[hidden] { display: none !important; }
    .crm-contact-desktop-field { display: none; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8125rem; color: var(--muted); }
    .crm-contact-context { display: grid; gap: 7px; padding-top: 8px; border-top: 1px solid var(--line); }
    .crm-contact-context-row { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 8px; font-size: .8125rem; }
    .crm-contact-context-row span:first-child { color: var(--muted); }
    .crm-contact-context-row > :last-child { min-width: 0; overflow-wrap: anywhere; }
    .relationship-actions { display: flex; flex-wrap: wrap; gap: 6px; }
    .relationship-queue-groups, .interaction-list { display: grid; gap: 10px; }
    .relationship-queue-group { display: grid; gap: 6px; }
    .relationship-queue-item, .interaction-item { padding: 10px; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--panel2); }
    .relationship-level-grid { display: grid; gap: 6px; }
    .relationship-level-option { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px; align-items: start; padding: 9px; border: 1px solid var(--line); border-radius: var(--radius-control); }
    .relationship-level-option strong, .relationship-level-option span { display: block; }
    .relationship-level-option span { color: var(--muted); font-size: .8125rem; }
    .text-size-control { display: grid; gap: 8px; margin-top: 9px; }
    .text-size-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
    .text-size-preview { display: grid; gap: 3px; padding: 10px; border: 1px solid var(--line); border-radius: var(--radius-control); background: var(--panel2); }
    .text-size-preview strong { font-family: "XCharter Clarinda", Charter, Georgia, serif; font-size: 1.125rem; }
    .text-size-preview span { font-size: .875rem; }
    .text-size-preview small { color: var(--muted); font-size: .75rem; }
    .color-theme-control { display: grid; gap: 8px; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
    .color-theme-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
    .color-theme-option { position: relative; min-width: 0; min-height: 36px; display: flex; gap: 5px; align-items: center; padding: 4px 21px 4px 6px; border: 1px solid var(--line); border-radius: var(--radius-control); background: var(--panel2); color: var(--ink); font: inherit; font-size: .75rem; text-align: start; cursor: pointer; }
    .color-theme-option[aria-pressed="true"] { border-color: var(--clarinda-accent); background: var(--selection-bg); }
    .color-theme-swatch { width: 13px; height: 13px; flex: 0 0 13px; border: 1px solid color-mix(in srgb, var(--theme-swatch) 72%, var(--line)); border-radius: 50%; background: var(--theme-swatch); }
    .color-theme-check { position: absolute; right: 6px; top: 50%; translate: 0 -50%; visibility: hidden; color: var(--ink); font-weight: 700; text-align: center; }
    .color-theme-option[aria-pressed="true"] .color-theme-check { visibility: visible; }
    body.guide-active { overflow: hidden; }
    body.guide-active #app,
    #app.guide-inert { visibility: hidden; }
    .guide-tour-overlay { z-index: 1200; inset: 0; padding: max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); place-items: center; background: var(--bg) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; pointer-events: auto; }
    .guide-tour-panel { position: relative; z-index: 1203; width: min(100%, 440px); max-height: min(760px, calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))); display: grid; grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; padding: 0; pointer-events: auto; border-color: var(--line-strong); box-shadow: 0 18px 52px rgba(18, 26, 24, .16); }
    .guide-panel-header { padding: 13px 14px 0; border-bottom: 1px solid var(--line); }
    .guide-panel-scroll { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 10px 14px; scrollbar-gutter: stable; }
    .guide-spotlight { position: fixed; z-index: 1201; display: none; pointer-events: none; border: 3px solid var(--clarinda-accent); border-radius: var(--radius-control); box-shadow: 0 0 0 5px color-mix(in srgb, var(--clarinda-accent) 18%, transparent); transition: left .18s ease, top .18s ease, width .18s ease, height .18s ease; }
    .guide-target-label { position: fixed; z-index: 1202; display: none; max-width: min(260px, calc(100vw - 24px)); padding: 5px 8px; pointer-events: none; border: 1px solid var(--clarinda-accent); border-radius: var(--radius-control); background: var(--clarinda-primary); color: var(--clarinda-white); font-size: .75rem; font-weight: 700; line-height: 1.2; box-shadow: var(--shadow); }
    .guide-target-label::before { content: ""; position: absolute; left: 18px; width: 8px; height: 8px; border-inline-start: 1px solid var(--clarinda-accent); border-top: 1px solid var(--clarinda-accent); background: var(--clarinda-primary); }
    .guide-target-label[data-side="below"]::before { top: -5px; transform: rotate(45deg); }
    .guide-target-label[data-side="above"]::before { bottom: -5px; transform: rotate(225deg); }
    .guide-kicker { margin: 0 0 4px; color: var(--muted); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
    .guide-progress { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; margin: 10px 0 14px; }
    .guide-progress span { height: 4px; border-radius: 999px; background: var(--line); }
    .guide-progress span.active { background: var(--selection-bg); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--clarinda-primary) 28%, transparent); }
    .guide-body { margin: 0 0 12px; font-size: 1rem; }
    .guide-body h3 { margin: 0 0 7px; }
    .guide-body p { margin: 0; color: var(--muted); line-height: 1.5; }
    .guide-power-tips { display: grid; gap: 6px; margin: 10px 0; padding-inline-start: 20px; color: var(--ink); font-size: .8125rem; line-height: 1.35; }
    .guide-power-tips li::marker { color: var(--clarinda-primary); }
    .guide-requirement { margin: 8px 0; padding: 9px 10px; border-inline-start: 3px solid var(--clarinda-accent); background: var(--panel2); color: var(--muted); font-size: .8125rem; line-height: 1.35; }
    .guide-requirement.ready { border-inline-start-color: var(--control-green); }
    .guide-requirement.warning { border-inline-start-color: var(--warn); }
    .guide-practice-status { margin: 8px 0 0; padding: 7px 9px; border: 1px solid var(--line); border-radius: var(--radius-control); color: var(--muted); font-size: .8125rem; line-height: 1.3; }
    .guide-practice-status.done { border-color: var(--control-green-border); background: color-mix(in srgb, var(--control-green) 9%, var(--panel)); color: var(--ink); }
    .guide-setup-list { display: grid; gap: 6px; margin: 12px 0; }
    .guide-setup-row { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 9px; align-items: start; padding: 10px; border: 1px solid var(--line); border-radius: var(--radius-control); background: var(--panel2); color: var(--muted); }
    .guide-setup-row.current { border-color: var(--clarinda-accent); background: var(--selection-bg); color: var(--ink); }
    .guide-setup-row.done { padding-block: 7px; color: var(--ink); }
    .guide-setup-mark { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line-strong); font-size: .75rem; font-weight: 700; }
    .guide-setup-row.done .guide-setup-mark { border-color: var(--control-green-border); background: var(--control-green); color: white; }
    .guide-setup-row strong { display: block; }
    .guide-setup-row span:last-child { min-width: 0; overflow-wrap: anywhere; }
    .guide-footer { display: grid; gap: 8px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: var(--panel); }
    .guide-footer-row { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; }
    .guide-footer-row .btn.primary { grid-column: 1 / -1; grid-row: 1; width: 100%; min-width: 0; }
    .guide-footer-row #guideBackBtn { grid-column: 1; grid-row: 2; justify-self: start; }
    .guide-footer-row .guide-more { grid-column: 2; grid-row: 2; }
    .guide-more { position: relative; }
    .guide-more > summary { width: 40px; height: 40px; display: grid; place-items: center; cursor: pointer; list-style: none; border: 1px solid var(--line); border-radius: var(--radius-control); background: var(--panel2); font-size: 1.2rem; }
    .guide-more > summary::-webkit-details-marker { display: none; }
    .guide-more-menu { position: absolute; right: 0; bottom: calc(100% + 7px); z-index: 4; width: min(220px, calc(100vw - 32px)); display: grid; gap: 5px; padding: 8px; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--panel); box-shadow: var(--shadow); }
    .guide-more-menu .btn { width: 100%; justify-content: flex-start; }
    .guide-detail-list { display: grid; gap: 0; border: 1px solid var(--line); border-radius: var(--radius-summary); overflow: hidden; }
    .guide-detail-list details { padding: 0 10px; border-bottom: 1px solid var(--line); }
    .guide-detail-list details:last-child { border-bottom: 0; }
    .guide-detail-list summary { min-height: 48px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-weight: 700; }
    .guide-detail-list p { color: var(--muted); }
    .guide-focus { outline: 3px solid var(--clarinda-accent) !important; outline-offset: 4px; scroll-margin: 110px; }
    @media (max-width: 999px) {
      .guide-tour-overlay { padding: 0; }
      .guide-tour-panel { position: fixed; inset: 0; width: 100vw; height: 100dvh; max-height: 100dvh; box-sizing: border-box; border: 0; border-radius: 0; box-shadow: none; padding-top: env(safe-area-inset-top); }
      .guide-body { font-size: .9375rem; }
      .guide-power-tips { font-size: .75rem; }
    }
    @media (min-width: 1000px) {
      .guide-tour-panel { width: 440px; max-height: calc(100dvh - 48px); }
    }
    body.guide-active #projectSheet:not(.hidden),
    body.guide-active #milestoneSheet:not(.hidden),
    body.guide-active #taskSheet:not(.hidden),
    body.guide-active #calendarBlockSheet:not(.hidden) { z-index: 1300; background: var(--bg); }
    @media (prefers-reduced-motion: reduce) {
      .guide-spotlight { transition: none; }
    }
    .outreach-audience { display: grid; gap: 7px; padding: 9px; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--clarinda-quiet); }
    .outreach-contact-list { max-height: 240px; overflow: auto; display: grid; gap: 4px; }
    .outreach-contact { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 8px; align-items: center; min-height: 44px; padding: 5px 7px; border-radius: var(--radius-control); background: var(--panel); }
    .outreach-contact > span:nth-child(2) { display: grid; min-width: 0; gap: 1px; }
    .outreach-contact > span:nth-child(2) strong,
    .outreach-contact > span:nth-child(2) .meta { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    @media (max-width: 999px) {
      .bottom-nav {
        left: 10px;
        right: 10px;
        bottom: calc(8px + env(safe-area-inset-bottom));
        width: auto;
        padding: 5px;
        border: 1px solid var(--line);
        border-radius: 20px;
        background: color-mix(in srgb, var(--panel) 96%, transparent);
        box-shadow: 0 10px 28px rgba(45,50,51,.12);
      }
      .bottom-nav button,
      .bottom-nav button.primary-nav,
      .bottom-nav button.active,
      .bottom-nav button.primary-nav.active,
      .bottom-nav button[data-screen="crm"].active,
      [data-theme="light"] .bottom-nav button.primary-nav,
      [data-theme="light"] .bottom-nav button.primary-nav.active {
        border-color: transparent;
        border-radius: var(--radius-summary);
        background: transparent;
        color: var(--muted);
      }
      .bottom-nav button.active,
      .bottom-nav button.primary-nav.active,
      .bottom-nav button[data-screen="crm"].active,
      [data-theme="light"] .bottom-nav button.primary-nav.active {
        background: var(--selection-bg);
        color: var(--clarinda-ink);
      }
      .task-fab { bottom: calc(91px + env(safe-area-inset-bottom)); }
    }
    @media (max-width: 699px) {
      .top-actions { gap: 4px; }
      .text-size-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .color-theme-options { grid-template-columns: repeat(3,minmax(0,1fr)); }
      #screen-crm > .card:first-child .card-head { display: grid; grid-template-columns: minmax(0,1fr); align-items: stretch; }
      .crm-pipeline-head-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; }
      .crm-pipeline-head-actions .btn { width: 100%; min-width: 0; padding-inline: 3px; font-size: .6875rem; }
      .crm-contact-context-row { grid-template-columns: minmax(82px,30%) minmax(0,1fr); gap: 6px; }
    }
    @media (max-width: 429px) {
    }
    @media (min-width: 700px) {
      .crm-contact-summary-copy { grid-template-columns: minmax(140px,1.2fr) minmax(110px,1fr) minmax(100px,1fr) minmax(100px,.8fr) minmax(100px,1fr); align-items: center; gap: 10px; }
      .crm-contact-summary-meta { display: none; }
      .crm-contact-desktop-field:nth-of-type(3),
      .crm-contact-desktop-field:nth-of-type(4),
      .crm-contact-desktop-field:nth-of-type(5),
      .crm-contact-desktop-field:nth-of-type(7) { display: block; }
    }
    @media (min-width: 1100px) {
      .crm-contact-summary-copy { grid-template-columns: minmax(130px,1.2fr) repeat(3,minmax(90px,.8fr)) repeat(5,minmax(96px,1fr)); }
      .crm-contact-desktop-field { display: block !important; }
      .crm-contact-columns {
        display: grid;
        grid-template-columns: minmax(0,1fr) 18px;
        gap: 8px;
        padding: 0 9px 5px;
        color: var(--muted);
        font-size: .625rem;
        font-weight: 700;
      }
      .crm-contact-columns-copy {
        display: grid;
        grid-template-columns: minmax(130px,1.2fr) repeat(3,minmax(90px,.8fr)) repeat(5,minmax(96px,1fr));
        gap: 10px;
        min-width: 0;
      }
      .crm-contact-columns-copy span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    }
    @media (min-width: 1000px) {
      .shell { grid-template-columns: 184px minmax(0,1fr); }
      .sidebar {
        gap: 4px;
        padding: 2px 10px 2px 0;
        border-inline-end: 1px solid var(--line);
      }
      .sidebar button {
        width: 100%;
        min-height: 44px;
        margin-inline-start: 0;
        display: grid;
        grid-template-columns: 18px minmax(0,1fr);
        gap: 10px;
        align-items: center;
        padding: 0 11px;
        border: 0;
        border-radius: var(--radius-control);
        background: transparent;
        color: var(--muted);
        font-family: "XCharter Clarinda", Charter, Georgia, serif;
        font-size: 1.03125rem;
        font-weight: 700;
      }
      .sidebar button .nav-glyph,
      .sidebar button .nav-glyph svg { width: 18px; height: 18px; }
      .sidebar button.active { border: 0; background: var(--selection-bg); color: var(--selection-text); }
      .sidebar-divider { height: 1px; margin: 8px 8px 4px; background: var(--line); }
    }

    /* Clarinda v96 semantic desktop typography. Calendar content density stays unchanged. */
    @media (min-width: 1000px) {
      :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) {
        --desktop-type-utility: .6875rem;
        --desktop-type-supporting: .75rem;
        --desktop-type-body: .8125rem;
        --desktop-type-emphasized: .9375rem;
        --desktop-type-section: 1.0625rem;
        --desktop-type-major: 1.25rem;
        --desktop-type-display: 2.75rem;
      }
      html[data-text-size="large"] :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) {
        --desktop-type-utility: .75rem;
        --desktop-type-supporting: .8125rem;
        --desktop-type-body: .875rem;
        --desktop-type-emphasized: 1rem;
        --desktop-type-section: 1.125rem;
        --desktop-type-major: 1.375rem;
        --desktop-type-display: 3rem;
      }
      html[data-text-size="extra_large"] :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) {
        --desktop-type-utility: .875rem;
        --desktop-type-supporting: .9375rem;
        --desktop-type-body: 1rem;
        --desktop-type-emphasized: 1.125rem;
        --desktop-type-section: 1.3125rem;
        --desktop-type-major: 1.5625rem;
        --desktop-type-display: 3.375rem;
      }
      html[data-text-size="maximum"] :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) {
        --desktop-type-utility: 1rem;
        --desktop-type-supporting: 1.0625rem;
        --desktop-type-body: 1.125rem;
        --desktop-type-emphasized: 1.3125rem;
        --desktop-type-section: 1.5rem;
        --desktop-type-major: 1.8125rem;
        --desktop-type-display: 3.75rem;
      }
      :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) {
        font-size: var(--desktop-type-body);
      }
      :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) :where(button, input, textarea, select, .btn, .bubble, .item, .result, .empty, .data-table th, .data-table td) {
        font-size: var(--desktop-type-body);
      }
      :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) :where(.btn, input, textarea, select) {
        min-height: 40px;
      }
      :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) :where(
        .btn.slim, .kicker, .chip, .tag-chip, .status, .note-type-chip, .settings-step-state,
        .dense-category, .compact-sn, .completed-time-unit, .task-due-wrap, .goal-state-chip,
        .evidence-chip, .goal-progress-card .kicker, .goal-detail-panel .kicker,
        .settings-plan-stat span, .crm-lead-top-controls .chip, .crm-followup-filters .btn,
        .task-sort-toggle .btn, .work-inbox-tabs .btn, .today-phase-row .btn,
        .contact-detail-grid label, .crm-lead-form label, .pwa-diagnostic span,
        .crm-contact-detail-label, .metric span, .donut-center span, .category-table,
        .field-label, .exercise-classification
      ) {
        font-size: var(--desktop-type-utility);
      }
      :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) :where(
        .meta, .muted, small, .settings-band-copy, .settings-plan-message, .settings-screen .setup-step .meta,
        .crm-section-intro, .crm-contact-summary-meta, .crm-contact-desktop-field,
        .crm-contact-context-row, .crm-contact-empty-details, .crm-lead-action, .crm-followup-meta,
        .goal-progress-card .proof-line, .goal-progress-card .secondary-metric, .goal-proof-row,
        .task-approval-row small, .upload-policy-note, .upload-status-meta, .install-hint,
        .pwa-diagnostic strong, .contact-filter-summary, .bar, .contact-detail-meta,
        .relationship-level-option span,
        .milestone-progress, .deadline-task-context, .routine-stats
      ) {
        font-size: var(--desktop-type-supporting);
      }
      :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) :where(
        .title, .chat-section-title, .goal-progress-card .title, .settings-item-title strong,
        .upload-status-title, .crm-followup-count strong, .metric strong,
        .text-size-preview strong, .donut-center strong, .project-title,
        .milestone-title-line strong, .routine-stats strong
      ) {
        font-size: var(--desktop-type-emphasized);
      }
      :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) :where(.card h3, .card-head h3, .settings-band-head h3, .goal-progress-section-head h4, .pipeline-title) {
        font-size: var(--desktop-type-section);
        letter-spacing: 0;
      }
      :is(
        .desktop-readable-screen,
        html:is([data-active-screen="work"], [data-active-screen="chat"], [data-active-screen="health"], [data-active-screen="crm"], [data-active-screen="settings"]) .overlay
      ) :where(.sheet > .card-head h3, .guide-title, .major-empty-title) {
        font-size: var(--desktop-type-major);
      }
      .desktop-readable-screen .card-head { min-height: 38px; }
      .desktop-readable-screen .btn.slim { min-height: 34px; }
      #screen-work .compact-row { min-height: 44px; padding: 5px 7px; }
      #screen-work .compact-row.task-row {
        grid-template-columns: 22px 20px 22px minmax(0,1fr) 96px 36px 36px;
      }
      #screen-work .compact-row.note-row { grid-template-columns: 22px 36px minmax(0,1fr) auto 36px; }
      #screen-work .compact-title { font-size: var(--desktop-type-body); line-height: 1.35; }
      :is(.desktop-readable-screen, .overlay) :where(.crm-contact-detail-value, .crm-contact-detail-row, .crm-contact-action-rail .quick-action, .settings-plan-stat strong) { font-size: var(--desktop-type-body); }
      #screen-work .compact-title-btn { min-height: 36px; }
      #screen-work .task-due-wrap { height: 34px; }
      #screen-work .drag-handle,
      #screen-work .icon-action { width: 34px; height: 34px; min-height: 34px; }
      #screen-work .task-sort-toggle .btn,
      #screen-work .today-phase-row .btn { min-height: 34px; }
      #screen-work .today-clock { font-size: var(--desktop-type-display); }
      #screen-work .today-pomo-actions { grid-template-columns: repeat(3, 36px); }
      #screen-work .today-pomo-actions .btn { width: 36px; height: 36px; min-height: 36px; }
      #screen-chat .bubble { padding: 12px 14px; line-height: 1.5; }
      #screen-chat .composer textarea { min-height: 48px; }
      #screen-health .goal-tab,
      #screen-settings .settings-tab { min-height: 42px; font-size: var(--desktop-type-body); }
      #screen-health .goal-progress-card .primary-metric { font-size: var(--desktop-type-section); }
      #screen-health .goal-progress-card { min-height: 132px; }
      #screen-crm .crm-followup-count { min-height: 74px; }
      #screen-crm .crm-followup-count span { font-size: var(--desktop-type-utility); }
      #screen-crm .crm-pipeline-type-head { min-height: 44px; font-size: var(--desktop-type-body); }
      #screen-crm .crm-lead-summary { height: auto; min-height: 52px; }
      #screen-crm .crm-lead-identity,
      #screen-crm .crm-contact-summary-name { font-size: var(--desktop-type-body); }
      #screen-crm .crm-contact-summary { min-height: 58px; }
      #screen-settings .settings-item-row { min-height: 64px; }
      #screen-settings .color-theme-option { min-height: 40px; font-size: var(--desktop-type-utility); }
      :is(#screen-work, #screen-chat, #screen-health, #screen-crm, #screen-settings) label {
        font-size: var(--desktop-type-utility);
      }
      #screen-work .today-pomodoro-status,
      #screen-work .chart-card .chart-note,
      #screen-crm .pipeline-status,
      #screen-settings #setupSummaryText,
      #screen-settings .setup-step .meta,
      #screen-settings .settings-disclosure > summary > span:not(.settings-chevron) {
        font-size: var(--desktop-type-supporting);
      }
      #screen-settings .settings-disclosure > summary .settings-item-title > span {
        font-size: var(--desktop-type-supporting);
      }
      #screen-work .chart-card .chart-title,
      #screen-work .chart-days :is(strong, span),
      #screen-health .goal-progress-section-head span,
      #screen-crm .crm-contact-columns-copy span {
        font-size: var(--desktop-type-utility);
      }
      #screen-settings .setup-step .title,
      #screen-settings .settings-account-email,
      #screen-settings .text-size-preview-body {
        font-size: var(--desktop-type-body);
      }
      .task-fab { font-size: var(--desktop-type-body); }
    }
    @media (max-width: 999px) {
      .topbar-screen-title { font-size: calc(1rem / var(--app-text-scale)); }
      .topbar .icon-btn { font-size: calc(.875rem / var(--app-text-scale)); }
      .app-notice { font-size: calc(.6875rem / var(--app-text-scale)); }
      .bottom-nav button { font-size: calc(.75rem / var(--app-text-scale)); }
    }
    @media (min-width: 1000px) {
      .topbar-screen-title { font-size: 1rem; }
      .topbar .icon-btn { font-size: .875rem; }
      .app-notice { font-size: .6875rem; }
      .sidebar button { font-size: 1.03125rem; }
    }
    @media (min-width: 1000px) and (max-width: 1249px) {
      #screen-work .today-desktop-layout { grid-template-columns: 1fr; }
      #screen-work .today-side-stack { grid-template-columns: repeat(2,minmax(0,1fr)); }
      #screen-crm .crm-contact-summary-copy,
      #screen-crm .crm-contact-columns-copy {
        grid-template-columns: minmax(170px,1.25fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr);
      }
      #screen-crm .crm-contact-desktop-field { display: none !important; }
      #screen-crm .crm-contact-desktop-field:nth-of-type(3),
      #screen-crm .crm-contact-desktop-field:nth-of-type(4),
      #screen-crm .crm-contact-desktop-field:nth-of-type(5) { display: block !important; }
      #screen-crm .crm-contact-columns-copy span { display: none; }
      #screen-crm .crm-contact-columns-copy span:nth-child(1),
      #screen-crm .crm-contact-columns-copy span:nth-child(2),
      #screen-crm .crm-contact-columns-copy span:nth-child(3),
      #screen-crm .crm-contact-columns-copy span:nth-child(4) { display: block; }
    }
    @media (min-width: 1250px) and (max-width: 1599px) {
      #screen-crm .crm-contact-summary-copy,
      #screen-crm .crm-contact-columns-copy {
        grid-template-columns: minmax(170px,1.25fr) repeat(3,minmax(130px,1fr)) minmax(170px,1.15fr);
      }
      #screen-crm .crm-contact-desktop-field { display: none !important; }
      #screen-crm .crm-contact-desktop-field:nth-of-type(3),
      #screen-crm .crm-contact-desktop-field:nth-of-type(4),
      #screen-crm .crm-contact-desktop-field:nth-of-type(5),
      #screen-crm .crm-contact-desktop-field:nth-of-type(9) { display: block !important; }
      #screen-crm .crm-contact-columns-copy span { display: none; }
      #screen-crm .crm-contact-columns-copy span:nth-child(1),
      #screen-crm .crm-contact-columns-copy span:nth-child(2),
      #screen-crm .crm-contact-columns-copy span:nth-child(3),
      #screen-crm .crm-contact-columns-copy span:nth-child(4),
      #screen-crm .crm-contact-columns-copy span:nth-child(8) { display: block; }
    }
    /* End Clarinda v96 semantic desktop typography. */

    /* Responsive body density. Navigation chrome intentionally stays fixed. */
    html {
      --body-space-1: 3.2px;
      --body-space-2: 4.8px;
      --body-space-3: 6.4px;
      --body-space-4: 8px;
      --body-space-5: 12.8px;
      --body-chip-h: 16px;
      --body-control-sm-h: 27.2px;
      --body-control-h: 32px;
      --body-task-row-h: 35.2px;
      --body-row-lg-h: 41.6px;
      --body-contact-row-h: 46.4px;
      --body-settings-row-h: 51.2px;
      --body-panel-h: 59.2px;
      --body-goal-card-h: 105.6px;
      --body-contact-label-w: 46.4px;
      --body-task-date-w: 76.8px;
      --body-action-h: 27.2px;
      --body-fab-h: 33.6px;
      --body-fab-w: 86.4px;
      --body-radius-control: 8px;
      --body-radius-card: 11.2px;
      --body-check-size: 12px;
    }
    html[data-text-size="large"] {
      --body-space-1: 4px;
      --body-space-2: 6px;
      --body-space-3: 8px;
      --body-space-4: 10px;
      --body-space-5: 16px;
      --body-chip-h: 20px;
      --body-control-sm-h: 34px;
      --body-control-h: 40px;
      --body-task-row-h: 44px;
      --body-row-lg-h: 52px;
      --body-contact-row-h: 58px;
      --body-settings-row-h: 64px;
      --body-panel-h: 74px;
      --body-goal-card-h: 132px;
      --body-contact-label-w: 58px;
      --body-task-date-w: 96px;
      --body-action-h: 34px;
      --body-fab-h: 42px;
      --body-fab-w: 108px;
      --body-radius-control: 10px;
      --body-radius-card: 14px;
      --body-check-size: 15px;
    }
    html[data-text-size="extra_large"] {
      --body-space-1: 4.6px;
      --body-space-2: 6.9px;
      --body-space-3: 9.2px;
      --body-space-4: 11.5px;
      --body-space-5: 18.4px;
      --body-chip-h: 23px;
      --body-control-sm-h: 39.1px;
      --body-control-h: 46px;
      --body-task-row-h: 50.6px;
      --body-row-lg-h: 59.8px;
      --body-contact-row-h: 66.7px;
      --body-settings-row-h: 73.6px;
      --body-panel-h: 85.1px;
      --body-goal-card-h: 151.8px;
      --body-contact-label-w: 66.7px;
      --body-task-date-w: 110.4px;
      --body-action-h: 39.1px;
      --body-fab-h: 48.3px;
      --body-fab-w: 124.2px;
      --body-radius-control: 11.5px;
      --body-radius-card: 16.1px;
      --body-check-size: 17.3px;
    }
    html[data-text-size="maximum"] {
      --body-space-1: 5.2px;
      --body-space-2: 7.8px;
      --body-space-3: 10.4px;
      --body-space-4: 13px;
      --body-space-5: 20.8px;
      --body-chip-h: 26px;
      --body-control-sm-h: 44.2px;
      --body-control-h: 52px;
      --body-task-row-h: 57.2px;
      --body-row-lg-h: 67.6px;
      --body-contact-row-h: 75.4px;
      --body-settings-row-h: 83.2px;
      --body-panel-h: 96.2px;
      --body-goal-card-h: 171.6px;
      --body-contact-label-w: 75.4px;
      --body-task-date-w: 124.8px;
      --body-action-h: 44.2px;
      --body-fab-h: 54.6px;
      --body-fab-w: 140.4px;
      --body-radius-control: 13px;
      --body-radius-card: 18.2px;
      --body-check-size: 19.5px;
    }
    @media (max-width: 999px) {
      html {
        --body-space-1: 3px;
        --body-space-2: 5px;
        --body-space-3: 6px;
        --body-space-4: 7px;
        --body-space-5: 12px;
        --body-chip-h: 20px;
        --body-control-sm-h: 28px;
        --body-control-h: 32px;
        --body-task-row-h: 32px;
        --body-row-lg-h: 42px;
        --body-contact-row-h: 52px;
        --body-settings-row-h: 54px;
        --body-panel-h: 64px;
        --body-goal-card-h: 96px;
        --body-contact-label-w: 58px;
        --body-task-date-w: 68px;
        --body-action-h: 26px;
        --body-fab-h: 42px;
        --body-fab-w: 108px;
        --body-radius-control: 10px;
        --body-radius-card: 14px;
        --body-check-size: 15px;
      }
      html[data-text-size="large"] {
        --body-space-1: 3.4px;
        --body-space-2: 5.7px;
        --body-space-3: 6.8px;
        --body-space-4: 7.9px;
        --body-space-5: 13.6px;
        --body-chip-h: 22.6px;
        --body-control-sm-h: 31.7px;
        --body-control-h: 36.2px;
        --body-task-row-h: 36.2px;
        --body-row-lg-h: 47.5px;
        --body-contact-row-h: 58.8px;
        --body-settings-row-h: 61px;
        --body-panel-h: 72.3px;
        --body-goal-card-h: 108.5px;
        --body-contact-label-w: 65.6px;
        --body-task-date-w: 76.9px;
        --body-action-h: 29.4px;
        --body-fab-h: 47.5px;
        --body-fab-w: 122.1px;
        --body-radius-control: 11.3px;
        --body-radius-card: 15.8px;
        --body-check-size: 17px;
      }
      html[data-text-size="extra_large"] {
        --body-space-1: 3.8px;
        --body-space-2: 6.3px;
        --body-space-3: 7.6px;
        --body-space-4: 8.8px;
        --body-space-5: 15.1px;
        --body-chip-h: 25.2px;
        --body-control-sm-h: 35.3px;
        --body-control-h: 40.3px;
        --body-task-row-h: 40.3px;
        --body-row-lg-h: 53px;
        --body-contact-row-h: 65.6px;
        --body-settings-row-h: 68.1px;
        --body-panel-h: 80.7px;
        --body-goal-card-h: 121px;
        --body-contact-label-w: 73.1px;
        --body-task-date-w: 85.7px;
        --body-action-h: 32.8px;
        --body-fab-h: 53px;
        --body-fab-w: 136.2px;
        --body-radius-control: 12.6px;
        --body-radius-card: 17.7px;
        --body-check-size: 18.9px;
      }
      html[data-text-size="maximum"] {
        --body-space-1: 4.2px;
        --body-space-2: 7px;
        --body-space-3: 8.3px;
        --body-space-4: 9.7px;
        --body-space-5: 16.7px;
        --body-chip-h: 27.8px;
        --body-control-sm-h: 39px;
        --body-control-h: 44.5px;
        --body-task-row-h: 44.5px;
        --body-row-lg-h: 58.4px;
        --body-contact-row-h: 72.3px;
        --body-settings-row-h: 75.1px;
        --body-panel-h: 89px;
        --body-goal-card-h: 133.6px;
        --body-contact-label-w: 80.7px;
        --body-task-date-w: 94.6px;
        --body-action-h: 36.2px;
        --body-fab-h: 58.4px;
        --body-fab-w: 150.3px;
        --body-radius-control: 13.9px;
        --body-radius-card: 19.5px;
        --body-check-size: 20.9px;
      }
    }

    :is(.content, .overlay, .login) :where(.screen, .grid, .list, .chat-shell, .chat-log, .bars) {
      gap: var(--body-space-3);
    }
    :is(.content, .overlay, .login) :where(.card, .settings-band, .settings-tabs, .contact-card, .item, .result, .sheet) {
      border-radius: var(--body-radius-card);
    }
    :is(.content, .overlay, .login) :where(.card, .settings-band, .item, .result) {
      padding: var(--body-space-3);
    }
    :is(.content, .overlay, .login) .card-head {
      min-height: var(--body-control-sm-h);
      gap: var(--body-space-3);
      margin-bottom: var(--body-space-2);
      padding-bottom: var(--body-space-2);
    }
    :is(.content, .overlay, .login) :where(.btn, input, textarea, select) {
      min-height: var(--body-control-h);
      border-radius: var(--body-radius-control);
    }
    :is(.content, .overlay, .login) .btn { padding-inline: var(--body-space-4); gap: var(--body-space-3); }
    :is(.content, .overlay, .login) .btn.slim { min-height: var(--body-control-sm-h); padding-inline: var(--body-space-3); }
    :is(.content, .overlay, .login) :where(input, textarea, select) { padding: var(--body-space-2) var(--body-space-3); }
    :is(.content, .overlay, .login) :where(.chip, .tag-chip) {
      min-height: var(--body-chip-h);
      padding: var(--body-space-1) var(--body-space-2);
      border-radius: var(--body-radius-control);
    }
    #screen-work .compact-row {
      min-height: var(--body-task-row-h);
      padding: var(--body-space-1) var(--body-space-2);
    }
    #screen-work .compact-row.task-row {
      grid-template-columns: var(--body-action-h) var(--body-check-size) var(--body-check-size) minmax(0,1fr) var(--body-task-date-w) var(--body-action-h) var(--body-action-h);
      gap: var(--body-space-1);
    }
    #screen-work .compact-row.routine-row {
      grid-template-columns: var(--body-action-h) var(--body-check-size) var(--body-check-size) minmax(0,1fr) max-content var(--body-action-h) var(--body-action-h);
      gap: var(--body-space-1);
    }
    #screen-work .compact-row.note-row {
      grid-template-columns: var(--body-action-h) var(--body-action-h) minmax(0,1fr) auto var(--body-action-h);
    }
    #screen-work :where(.task-due-wrap, .task-sort-toggle .btn, .today-phase-row .btn) {
      min-height: var(--body-action-h);
    }
    #screen-work .compact-row .compact-title-btn { min-height: var(--body-action-h); }
    #screen-work .task-due-wrap { height: var(--body-action-h); }
    #screen-work .compact-row .drag-handle,
    #screen-work .compact-row .icon-action {
      width: var(--body-action-h);
      height: var(--body-action-h);
      min-height: var(--body-action-h);
      padding: 0;
    }
    #screen-work .compact-row .compact-check {
      width: var(--body-check-size);
      height: var(--body-check-size);
      min-height: var(--body-check-size);
    }
    #screen-work .today-pomo-actions { grid-template-columns: repeat(3, var(--body-action-h)); }
    #screen-work .today-pomo-actions .btn { width: var(--body-action-h); height: var(--body-action-h); min-height: var(--body-action-h); }
    #screen-chat .bubble {
      padding: var(--body-space-3) var(--body-space-4);
      border-radius: var(--body-radius-control);
    }
    #screen-chat .composer { padding: var(--body-space-2); }
    #screen-chat .composer textarea { min-height: var(--body-row-lg-h); padding: var(--body-space-2); }
    #screen-health .goal-progress-card { min-height: var(--body-goal-card-h); }
    #screen-health .goal-tab,
    #screen-settings .settings-tab { min-height: var(--body-row-lg-h); }
    #screen-crm .crm-followup-count { min-height: var(--body-panel-h); }
    #screen-crm .crm-pipeline-type-head { min-height: var(--body-task-row-h); padding: var(--body-space-2) var(--body-space-3); }
    #screen-crm .crm-lead-summary { min-height: var(--body-row-lg-h); padding: var(--body-space-2) var(--body-space-3); }
    #screen-crm .crm-contact-summary {
      height: auto;
      min-height: var(--body-contact-row-h);
      padding: var(--body-space-2) var(--body-space-3);
      border-radius: var(--body-radius-card);
    }
    #screen-crm .crm-contact-card.is-open .crm-contact-summary { border-radius: var(--body-radius-card) var(--body-radius-card) 0 0; }
    #screen-crm .crm-contact-card-body {
      gap: var(--body-space-4);
      padding: var(--body-space-3);
    }
    #screen-crm .crm-contact-main { gap: var(--body-space-3); }
    #screen-crm .crm-contact-detail-row {
      grid-template-columns: var(--body-contact-label-w) minmax(0,1fr);
      gap: var(--body-space-3);
    }
    #screen-crm .crm-contact-context { gap: var(--body-space-2); padding-top: var(--body-space-3); }
    #screen-crm .crm-contact-context-row {
      grid-template-columns: var(--body-contact-label-w) minmax(0,1fr);
      gap: var(--body-space-3);
    }
    #screen-crm .crm-contact-action-rail { gap: var(--body-space-2); }
    #screen-crm .crm-contact-action-rail .quick-action { min-height: var(--body-control-sm-h); padding-inline: var(--body-space-3); }
    #screen-settings .settings-item-row { min-height: var(--body-settings-row-h); padding: var(--body-space-3); }
    #screen-settings .settings-disclosure > summary { min-height: var(--body-row-lg-h); padding: var(--body-space-3); }
    #screen-settings :where(.settings-band, .settings-disclosure-body, .text-size-preview) { padding: var(--body-space-3); }
    #screen-settings :where(.settings-panel, .settings-item-list, .text-size-control, .color-theme-control) { gap: var(--body-space-3); }
    .overlay:not(.guide-tour-overlay) { padding: var(--body-space-4); }
    .sheet { padding: var(--body-space-5); border-radius: var(--body-radius-card); }
    .task-fab {
      min-width: var(--body-fab-w);
      height: var(--body-fab-h);
      padding-inline: var(--body-space-5);
      border-radius: var(--body-radius-control);
      font-size: .75rem;
    }

    @media (max-width: 699px) {
      #screen-crm .crm-contact-context-row { grid-template-columns: minmax(82px,30%) minmax(0,1fr); gap: 6px; }
    }
    .project-board { display: grid; gap: 10px; }
    .project-card { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: color-mix(in srgb, var(--panel) 94%, var(--panel-2)); }
    .project-head { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; background: var(--panel-2); cursor: pointer; }
    .project-summary-toggle { min-width: 0; min-height: 36px; display: grid; grid-template-columns: minmax(0,1fr) 36px; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; color: inherit; text-align: start; cursor: pointer; }
    .project-summary-toggle:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 8px; }
    .milestone-toggle { border: 0; background: transparent; color: inherit; cursor: pointer; padding: 4px; min-height: 30px; }
    .project-title-line, .milestone-title-line { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
    .project-title { font-size: var(--desktop-type-emphasized, 1rem); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
    .project-progress-ring {
      --project-progress-angle: calc(var(--project-progress, 0) * 3.6deg);
      position: relative;
      display: inline-grid;
      place-items: center;
      flex: 0 0 36px;
      inline-size: 36px;
      block-size: 36px;
      border-radius: 50%;
      background: conic-gradient(var(--accent) var(--project-progress-angle), var(--line) 0);
      color: var(--ink);
      font-size: .5625rem;
      font-weight: 700;
      font-variant-numeric: tabular-nums;
      line-height: 1;
    }
    .project-progress-ring::before {
      content: "";
      position: absolute;
      inset: 4px;
      border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
      border-radius: 50%;
      background: var(--panel2);
    }
    .project-progress-ring > span { position: relative; z-index: 1; }
    .project-actions { display: flex; flex-wrap: nowrap; gap: 5px; justify-content: flex-end; }
    .milestone-list { display: grid; gap: 0; }
    .milestone { margin-inline-start: 16px; border-inline-start: 3px solid color-mix(in srgb, var(--accent) 48%, var(--line)); }
    .milestone-head { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 8px; align-items: center; padding: 8px 10px; border-top: 1px solid var(--line); }
    .milestone .dense-list { margin: 0 8px 8px; }
    .milestone .dense-list > .dense-category { display: none; }
    .milestone-progress { font-variant-numeric: tabular-nums; color: var(--muted); font-size: var(--desktop-type-supporting, .78rem); }
    .project-inbox { border: 1px dashed var(--line); border-radius: 10px; overflow: hidden; }
    .project-inbox > .dense-category { display: block; }
    .deadline-task-context { display: block; margin-top: 2px; color: var(--muted); font-size: var(--desktop-type-supporting, .72rem); font-weight: 600; line-height: 1.2; }
    .routine-streak { white-space: nowrap; color: var(--accent); font-weight: 700; font-variant-numeric: tabular-nums; }
    .routine-streak-pill { display: inline-flex; align-items: center; justify-content: center; justify-self: end; inline-size: max-content; width: max-content; min-width: 34px; min-height: 26px; padding: 2px 7px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--panel); font-size: var(--desktop-type-utility, .72rem); line-height: 1; }
    .routine-stats { margin: -1px 8px 7px 66px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel-2); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; font-size: var(--desktop-type-supporting, .78rem); }
    .routine-stats strong { display: block; font-size: var(--desktop-type-emphasized, .95rem); }
    .health-pulse { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 12px; }
    .health-pulse-card { align-self: start; min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
    .health-water-card { grid-column: 1 / -1; }
    .health-pulse-card .pulse-value { font-size: var(--desktop-type-major, 1.45rem); font-weight: 700; margin: 7px 0; }
    .health-water-actions { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
    .health-water-target-form { display: flex; flex-wrap: nowrap; align-items: center; gap: 5px; min-width: 0; }
    .health-water-target-form > span { white-space: nowrap; }
    .health-water-target-input { width: 6.5ch; min-width: 0; flex: 0 0 6.5ch; padding-inline: 5px !important; text-align: end; font-size: .875rem; font-weight: 700; font-variant-numeric: tabular-nums; }
    .health-water-target-form .btn { flex: 0 0 auto; padding-inline: 7px !important; }
    .health-trends { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
    .health-trend-card { border: 1px solid var(--line); border-radius: 9px; padding: 10px; }
    .contact-age-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 28px; padding: 3px 8px; border-radius: 999px; background: var(--panel-2); color: var(--ink); font-size: var(--desktop-type-utility, .78rem); font-weight: 700; font-variant-numeric: tabular-nums; }
    @media (max-width: 899px) {
      .health-pulse, .health-trends { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .routine-stats { grid-template-columns: repeat(2,minmax(0,1fr)); margin-inline-start: 42px; }
      .topbar-inner {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        row-gap: 5px;
      }
      .topbar-screen-title {
        position: static;
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: center;
        max-width: 100%;
        transform: none;
        padding: 2px 0 1px;
      }
      .brand { grid-column: 1; grid-row: 1; }
      .top-actions { grid-column: 2; grid-row: 1; }
      .top-actions .icon-btn[hidden] { display: none !important; }
      .settings-account-row { grid-template-columns: 78px minmax(0, 1fr); }
    }
    
    :root {
      --ds-font-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --ds-font-display: "XCharter Clarinda", Charter, Georgia, serif;
      --ds-font-data: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
      --ds-space-1: 4px;
      --ds-space-2: 8px;
      --ds-space-3: 12px;
      --ds-space-4: 16px;
      --ds-space-6: 24px;
      --ds-space-8: 32px;
      --ds-radius-control: 10px;
      --ds-radius-surface: 14px;
      --ds-radius-overlay: 20px;
      --ds-radius-dock: 24px;
      --ds-line: color-mix(in srgb, var(--clarinda-line) 84%, transparent);
      --ds-line-strong: color-mix(in srgb, var(--clarinda-primary) 30%, var(--clarinda-line));
      --ds-surface: var(--clarinda-surface);
      --ds-surface-muted: color-mix(in srgb, var(--clarinda-quiet) 52%, var(--clarinda-surface));
      --ds-raised: color-mix(in srgb, var(--clarinda-surface) 96%, var(--clarinda-quiet));
      --ds-selected: var(--clarinda-selected);
      --ds-selected-text: var(--clarinda-ink);
      --ds-control: var(--clarinda-selected);
      --ds-control-text: var(--clarinda-ink);
      --ds-focus: color-mix(in srgb, var(--clarinda-accent) 74%, white);
      --ds-glass-tint: color-mix(in srgb, var(--clarinda-selected) 13%, transparent);
      --ds-glass-regular-fill: color-mix(in srgb, var(--clarinda-surface) 72%, transparent);
      --ds-glass-thick-fill: color-mix(in srgb, var(--clarinda-surface) 84%, transparent);
      --ds-glass-regular-fallback: color-mix(in srgb, var(--clarinda-surface) 94%, var(--clarinda-quiet));
      --ds-glass-thick-fallback: color-mix(in srgb, var(--clarinda-surface) 97%, var(--clarinda-quiet));
      --ds-rim-light: rgba(255,255,255,.76);
      --ds-rim-mid: rgba(255,255,255,.28);
      --ds-rim-dark: color-mix(in srgb, var(--clarinda-primary) 18%, rgba(32,42,39,.18));
      --ds-shadow-contact: 0 2px 3px rgba(25,35,32,.09);
      --ds-shadow-ambient: 0 14px 42px rgba(25,35,32,.09);
      --ds-shadow-float: 0 24px 70px rgba(25,35,32,.14);
      --ds-surface-shadow: 0 1px 2px rgba(25,35,32,.045), 0 10px 30px rgba(25,35,32,.04);
      --ds-raised-shadow: 0 2px 4px rgba(25,35,32,.06), 0 20px 52px rgba(25,35,32,.08);
      --ds-motion-fast: 140ms;
      --ds-motion-standard: 200ms;
      --ds-motion-sheet: 220ms;
      --ds-ease: cubic-bezier(.2,.8,.2,1);
      --ds-ease-sheet: cubic-bezier(.22,.9,.3,1);
    }

    
    html { --app-text-scale: 1; font-size: 100%; }
    html[data-text-size="standard"] { --app-text-scale: 0.93; }
    html[data-text-size="large"] { --app-text-scale: 1; }
    html[data-text-size="extra_large"] { --app-text-scale: 1.15; }
    html[data-text-size="maximum"] { --app-text-scale: 1.3; }
    @media (max-width: 999px) {
      html[data-text-size="standard"] { font-size: 92.857%; }
      html[data-text-size="large"] { font-size: 100%; }
      html[data-text-size="extra_large"] { font-size: 114.286%; }
      html[data-text-size="maximum"] { font-size: 128.571%; }
    }
    @media (min-width: 1000px) {
      html { font-size: 100%; }
    }
  
    html { background: var(--clarinda-canvas); }

    *, *::before, *::after { box-sizing: border-box; text-rendering: optimizeLegibility; }
    body { isolation: isolate; }
    body::before,
    body::after {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
    }
    body::before {
      z-index: -2;
      background:
        radial-gradient(ellipse 78% 52% at 12% -8%, color-mix(in srgb, var(--clarinda-selected) 24%, transparent), transparent 72%),
        radial-gradient(ellipse 68% 46% at 92% 8%, color-mix(in srgb, var(--clarinda-quiet) 30%, transparent), transparent 76%),
        var(--clarinda-canvas);
    }
    body::after {
      z-index: -1;
      opacity: .02;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");
      background-size: 96px 96px;
      mix-blend-mode: multiply;
    }
    button, input, select, textarea { font-family: var(--ds-font-body); font-weight: 400; }
    button, a, input, select, textarea, [role="button"], [role="tab"] { -webkit-tap-highlight-color: transparent; }
    button, a, [role="button"], [role="tab"] {
      transition: color var(--ds-motion-fast) var(--ds-ease), background-color var(--ds-motion-fast) var(--ds-ease), border-color var(--ds-motion-fast) var(--ds-ease), box-shadow var(--ds-motion-standard) var(--ds-ease), opacity var(--ds-motion-fast) var(--ds-ease), transform var(--ds-motion-fast) var(--ds-ease);
    }
    :where(button, a, input, select, textarea, [role="button"], [role="tab"]):focus-visible {
      outline: 3px solid var(--ds-focus) !important;
      outline-offset: 2px !important;
    }
    :where(button, [role="button"], [role="tab"]):active:not(:disabled) { transform: scale(.98); }
    ::selection { color: var(--clarinda-ink); background: var(--clarinda-selected); }

    .surface,
    .Surface {
      border: 1px solid var(--ds-line);
      border-radius: var(--ds-radius-surface);
      background: var(--ds-surface);
      box-shadow: var(--ds-surface-shadow);
    }
    .raised-surface,
    .RaisedSurface {
      border: 1px solid var(--ds-line);
      border-radius: var(--ds-radius-surface);
      background: var(--ds-raised);
      box-shadow: var(--ds-raised-shadow);
    }
    .glass-regular,
    .GlassRegular,
    .glass-toolbar,
    .GlassToolbar,
    .glass-tab-bar,
    .GlassTabBar {
      border: 1px solid var(--ds-rim-dark);
      background:
        linear-gradient(148deg, var(--ds-rim-light) 0%, var(--ds-rim-mid) 17%, transparent 43%),
        linear-gradient(170deg, var(--ds-glass-tint), transparent 58%),
        var(--ds-glass-regular-fill);
      box-shadow: inset 0 1px 0 var(--ds-rim-light), inset 0 -1px 0 var(--ds-rim-dark), var(--ds-shadow-contact), var(--ds-shadow-ambient);
      -webkit-backdrop-filter: blur(24px) saturate(122%);
      backdrop-filter: blur(24px) saturate(122%);
    }
    .glass-thick,
    .GlassThick,
    .glass-popover,
    .GlassPopover,
    .glass-sheet,
    .GlassSheet {
      border: 1px solid var(--ds-rim-dark);
      background:
        linear-gradient(145deg, var(--ds-rim-light) 0%, var(--ds-rim-mid) 14%, transparent 38%),
        linear-gradient(165deg, var(--ds-glass-tint), transparent 62%),
        var(--ds-glass-thick-fill);
      box-shadow: inset 0 1px 0 var(--ds-rim-light), inset 0 -1px 0 var(--ds-rim-dark), var(--ds-shadow-contact), var(--ds-shadow-float);
      -webkit-backdrop-filter: blur(32px) saturate(128%);
      backdrop-filter: blur(32px) saturate(128%);
    }
    .glass-button,
    .GlassButton {
      border: 1px solid var(--ds-rim-dark);
      border-radius: var(--ds-radius-control);
      background: linear-gradient(155deg, var(--ds-rim-light), transparent 42%), var(--ds-glass-regular-fill);
      box-shadow: inset 0 1px 0 var(--ds-rim-light), inset 0 -1px 0 var(--ds-rim-dark), var(--ds-shadow-contact);
      -webkit-backdrop-filter: blur(18px) saturate(120%);
      backdrop-filter: blur(18px) saturate(120%);
    }
    .badge,
    .Badge { border: 1px solid var(--ds-line); border-radius: 999px; background: var(--ds-surface-muted); }
    .divider-group,
    .DividerGroup { border: 0; background: transparent; box-shadow: none; }
    .divider-group > * + *,
    .DividerGroup > * + * { border-top: 1px solid var(--ds-line); }

    html[data-scroll-state="raised"] .scroll-material {
      border-color: var(--ds-rim-dark);
      box-shadow: inset 0 1px 0 var(--ds-rim-light), inset 0 -1px 0 var(--ds-rim-dark), var(--ds-shadow-contact), var(--ds-shadow-float);
    }

    @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
      .glass-regular, .GlassRegular, .glass-toolbar, .GlassToolbar, .glass-tab-bar, .GlassTabBar, .glass-button, .GlassButton { background: var(--ds-glass-regular-fallback) !important; }
      .glass-thick, .GlassThick, .glass-popover, .GlassPopover, .glass-sheet, .GlassSheet { background: var(--ds-glass-thick-fallback) !important; }
    }
    @media (prefers-contrast: more), (forced-colors: active) {
      :root { --ds-line: currentColor; --ds-line-strong: currentColor; --ds-rim-dark: currentColor; }
      body::before, body::after { display: none; }
      .glass-regular, .GlassRegular, .glass-toolbar, .GlassToolbar, .glass-tab-bar, .GlassTabBar, .glass-button, .GlassButton { background: var(--ds-glass-regular-fallback) !important; box-shadow: none; }
      .glass-thick, .GlassThick, .glass-popover, .GlassPopover, .glass-sheet, .GlassSheet { background: var(--ds-glass-thick-fallback) !important; box-shadow: none; }
    }
    @media (prefers-reduced-transparency: reduce) {
      body::before, body::after { display: none; }
      .glass-regular, .GlassRegular, .glass-toolbar, .GlassToolbar, .glass-tab-bar, .GlassTabBar, .glass-button, .GlassButton { background: var(--ds-glass-regular-fallback) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
      .glass-thick, .GlassThick, .glass-popover, .GlassPopover, .glass-sheet, .GlassSheet { background: var(--ds-glass-thick-fallback) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    }
  
    
    select:not([multiple]):not([data-clarinda-native-select]) { display: none !important; }
    .clarinda-inline-picker {
      width: 100%;
      min-width: 0;
      display: inline-grid;
      gap: 4px;
      align-self: start;
      color: var(--input-text, var(--admin-ink, #29312f));
      font-family: var(--ds-font-body, ui-sans-serif, sans-serif);
      font-weight: 400;
      text-align: start;
    }
    .clarinda-inline-picker-trigger {
      width: 100%;
      min-width: 0;
      min-height: 44px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: center;
      padding: 8px 10px;
      border: 1px solid var(--line, var(--admin-line, #d7dedc));
      border-radius: var(--ds-radius-control, 10px);
      background: var(--input-bg, var(--admin-surface, #fff));
      color: inherit;
      cursor: pointer;
      font: inherit;
      line-height: 1.25;
      text-align: start;
    }
    .clarinda-inline-picker-trigger:disabled { cursor: not-allowed; opacity: .52; }
    .clarinda-inline-picker-trigger[aria-expanded="true"] {
      border-color: var(--accent2, var(--admin-primary, #536762));
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent2, var(--admin-primary, #536762)) 14%, transparent);
    }
    .clarinda-inline-picker-title {
      min-width: 0;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow-wrap: anywhere;
    }
    .clarinda-inline-picker-chevron {
      color: var(--soft, var(--admin-muted, #626d6a));
      font-size: .8rem;
      transition: transform var(--ds-motion-fast, 140ms) var(--ds-ease, ease);
    }
    .clarinda-inline-picker-trigger[aria-expanded="true"] .clarinda-inline-picker-chevron { transform: rotate(180deg); }
    .clarinda-inline-picker-panel {
      width: 100%;
      min-width: 0;
      max-height: min(38dvh, 260px);
      display: grid;
      grid-template-rows: auto minmax(0, 1fr);
      overflow: hidden;
      border: 1px solid var(--line, var(--admin-line, #d7dedc));
      border-radius: var(--ds-radius-control, 10px);
      background: var(--input-bg, var(--admin-surface, #fff));
      box-shadow: var(--ds-shadow-contact, 0 2px 3px rgba(25,35,32,.09));
    }
    .clarinda-inline-picker-panel[hidden] { display: none !important; }
    .clarinda-inline-picker-search {
      width: auto;
      min-width: 0;
      min-height: 40px;
      margin: 8px;
      padding: 7px 9px;
      border: 1px solid var(--line, var(--admin-line, #d7dedc));
      border-radius: 8px;
      background: var(--input-bg, var(--admin-surface, #fff));
      color: inherit;
      font: inherit;
    }
    .clarinda-inline-picker-search[hidden] { display: none !important; }
    .clarinda-inline-picker-list { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
    .clarinda-inline-picker-group {
      padding: 8px 10px 5px;
      color: var(--soft, var(--admin-muted, #626d6a));
      font-size: .6875rem;
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    .clarinda-inline-picker-option {
      width: 100%;
      min-height: 44px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: center;
      padding: 8px 10px;
      border: 0;
      border-top: 1px solid var(--line, var(--admin-line, #d7dedc));
      border-radius: 0;
      background: transparent;
      color: inherit;
      cursor: pointer;
      font: inherit;
      line-height: 1.25;
      text-align: start;
    }
    .clarinda-inline-picker-group + .clarinda-inline-picker-option { border-top: 0; }
    .clarinda-inline-picker-option.is-active { box-shadow: inset 3px 0 0 var(--accent2, var(--admin-primary, #536762)); }
    .clarinda-inline-picker-option[aria-selected="true"] { background: var(--selection-bg, var(--admin-selected, #cdd9d6)); color: var(--selection-text, var(--admin-ink, #29312f)); }
    .clarinda-inline-picker-option:disabled { cursor: not-allowed; opacity: .48; }
    .clarinda-inline-picker-option-copy { min-width: 0; display: grid; gap: 2px; }
    .clarinda-inline-picker-option-title {
      min-width: 0;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow-wrap: anywhere;
    }
    .clarinda-inline-picker-option-context {
      min-width: 0;
      overflow: hidden;
      color: var(--soft, var(--admin-muted, #626d6a));
      font-size: .75rem;
      line-height: 1.2;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .clarinda-inline-picker-check { visibility: hidden; color: var(--accent2, var(--admin-primary, #536762)); font-weight: 700; }
    .clarinda-inline-picker-option[aria-selected="true"] .clarinda-inline-picker-check { visibility: visible; }
    .clarinda-inline-picker-empty { padding: 12px 10px; color: var(--soft, var(--admin-muted, #626d6a)); font-size: .8rem; }
    .calendar-datetime-field.is-all-day .clarinda-inline-picker { display: none; }
    :where(.card-head, .toolbar, .schedule-controls, .market-radar-search, .crm-followup-actions, .crm-lead-top-controls, .performance-analysis-controls) > .clarinda-inline-picker {
      width: auto;
      min-width: min(180px, 100%);
      flex: 1 1 160px;
    }
    .clarinda-inline-picker[data-source-class~="market-equity-group-select"] { width: min(100%, 180px); font-size: .75rem; }
    .clarinda-inline-picker[data-source-class~="health-range-select"] { min-width: 0; }
    @media (max-width: 699px) {
      .clarinda-inline-picker-trigger, .clarinda-inline-picker-option { min-height: 44px; }
    }
  
    
    html, body { background: transparent; }
    body { color: var(--ink); font-family: var(--ds-font-body); line-height: 1.45; }
    .app { min-height: 100dvh; background: transparent; }
    [data-theme="dark"] {
      --ds-line: color-mix(in srgb, var(--clarinda-dark-line) 82%, transparent);
      --ds-line-strong: color-mix(in srgb, var(--clarinda-dark-accent) 34%, var(--clarinda-dark-line));
      --ds-surface: var(--clarinda-dark-surface);
      --ds-surface-muted: color-mix(in srgb, var(--clarinda-dark-raised) 78%, var(--clarinda-dark-surface));
      --ds-raised: var(--clarinda-dark-raised);
      --ds-selected: var(--clarinda-dark-selected);
      --ds-selected-text: var(--clarinda-ink);
      --ds-control: var(--clarinda-dark-selected);
      --ds-control-text: var(--clarinda-ink);
      --ds-focus: var(--clarinda-dark-accent);
      --ds-glass-tint: color-mix(in srgb, var(--clarinda-dark-accent) 9%, transparent);
      --ds-glass-regular-fill: color-mix(in srgb, var(--clarinda-dark-surface) 68%, transparent);
      --ds-glass-thick-fill: color-mix(in srgb, var(--clarinda-dark-raised) 82%, transparent);
      --ds-glass-regular-fallback: color-mix(in srgb, var(--clarinda-dark-surface) 94%, var(--clarinda-dark-raised));
      --ds-glass-thick-fallback: color-mix(in srgb, var(--clarinda-dark-raised) 96%, var(--clarinda-dark-surface));
      --ds-rim-light: rgba(255,255,255,.14);
      --ds-rim-mid: rgba(255,255,255,.055);
      --ds-rim-dark: rgba(0,0,0,.42);
      --ds-shadow-contact: 0 2px 4px rgba(0,0,0,.32);
      --ds-shadow-ambient: 0 16px 48px rgba(0,0,0,.25);
      --ds-shadow-float: 0 28px 80px rgba(0,0,0,.38);
      --ds-surface-shadow: 0 1px 2px rgba(0,0,0,.2), 0 12px 34px rgba(0,0,0,.13);
      --ds-raised-shadow: 0 2px 5px rgba(0,0,0,.28), 0 24px 60px rgba(0,0,0,.24);
    }
    [data-theme="dark"] body::before {
      background:
        radial-gradient(ellipse 76% 48% at 12% -8%, color-mix(in srgb, var(--clarinda-dark-selected) 10%, transparent), transparent 72%),
        radial-gradient(ellipse 66% 44% at 92% 8%, color-mix(in srgb, var(--clarinda-dark-accent) 7%, transparent), transparent 76%),
        var(--clarinda-dark-canvas);
    }
    [data-theme="dark"] body::after { opacity: .035; mix-blend-mode: screen; }

    .topbar,
    .sidebar,
    .bottom-nav,
    .segmented,
    .settings-tabs,
    .goal-rail,
    .crm-followup-filters,
    .calendar-toolbar {
      border: 1px solid var(--ds-rim-dark);
      background: linear-gradient(148deg, var(--ds-rim-light) 0%, var(--ds-rim-mid) 17%, transparent 43%), linear-gradient(170deg, var(--ds-glass-tint), transparent 58%), var(--ds-glass-regular-fill);
      box-shadow: inset 0 1px 0 var(--ds-rim-light), inset 0 -1px 0 var(--ds-rim-dark), var(--ds-shadow-contact), var(--ds-shadow-ambient);
      -webkit-backdrop-filter: blur(24px) saturate(122%);
      backdrop-filter: blur(24px) saturate(122%);
    }
    .topbar { border-width: 0 0 1px; }
    html[data-scroll-state="raised"] .topbar,
    html[data-scroll-state="raised"] .bottom-nav { box-shadow: inset 0 1px 0 var(--ds-rim-light), inset 0 -1px 0 var(--ds-rim-dark), var(--ds-shadow-contact), var(--ds-shadow-float); }
    .topbar-inner { padding-inline: clamp(12px,2.2vw,28px); }
    .topbar-screen-title,
    .card h3,
    .card-head h3,
    .settings-band-head h3,
    .pipeline-title,
    .guide-title,
    .sheet > .card-head h3 { color: var(--ink); font-family: var(--ds-font-display); font-weight: 700; letter-spacing: 0; text-transform: none; }
    .brand { gap: var(--ds-space-3); }
    .mark { border-radius: 12px; box-shadow: inset 0 1px 0 var(--ds-rim-light), 0 5px 16px color-mix(in srgb, var(--clarinda-primary) 16%, transparent); }
    .icon-btn,
    .btn:not(.primary):not(.danger),
    .calendar-date-picker {
      border: 1px solid var(--ds-rim-dark);
      border-radius: var(--ds-radius-control);
      background: linear-gradient(155deg, var(--ds-rim-light), transparent 42%), var(--ds-glass-regular-fill);
      box-shadow: inset 0 1px 0 var(--ds-rim-light), inset 0 -1px 0 var(--ds-rim-dark), var(--ds-shadow-contact);
      color: var(--ink);
      -webkit-backdrop-filter: blur(18px) saturate(120%);
      backdrop-filter: blur(18px) saturate(120%);
    }
    .icon-btn:hover:not(:disabled), .btn:hover:not(:disabled) { border-color: var(--ds-line-strong); transform: translateY(-1px); box-shadow: inset 0 1px 0 var(--ds-rim-light), inset 0 -1px 0 var(--ds-rim-dark), var(--ds-shadow-contact), 0 10px 24px rgba(25,35,32,.1); }
    .app-notice,
    .composer,
    .sheet,
    .compact-sheet,
    .guide-card,
    .task-fab {
      border: 1px solid var(--ds-rim-dark);
      background: linear-gradient(145deg, var(--ds-rim-light) 0%, var(--ds-rim-mid) 14%, transparent 38%), linear-gradient(165deg, var(--ds-glass-tint), transparent 62%), var(--ds-glass-thick-fill);
      box-shadow: inset 0 1px 0 var(--ds-rim-light), inset 0 -1px 0 var(--ds-rim-dark), var(--ds-shadow-contact), var(--ds-shadow-float);
      -webkit-backdrop-filter: blur(32px) saturate(128%);
      backdrop-filter: blur(32px) saturate(128%);
    }

    .content { min-width: 0; }
    .screen { animation: ds-screen-in var(--ds-motion-standard) var(--ds-ease); }
    @keyframes ds-screen-in { from { opacity:.72; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
    .card,
    .settings-band,
    .health-pulse-card,
    .project-card,
    .project-inbox,
    .crm-contact-card,
    .contact-card,
    .chat-message,
    .message,
    .crm-pipeline-lead,
    .crm-contact-summary,
    .health-trend-card,
    .metric,
    .analytics-card {
      border-color: var(--ds-line);
      border-radius: var(--ds-radius-surface);
      background: var(--ds-surface);
      box-shadow: var(--ds-surface-shadow);
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
    }
    .card::after { display:none; }
    .card-head { min-height:38px; padding-bottom:var(--ds-space-2); border-bottom-color:var(--ds-line); }
    .kicker, .field-label, .dense-category, .settings-label, .crm-contact-column-label, .data-table th { color:var(--muted); font-weight:600; letter-spacing:.035em; }
    .title, strong, .status, .crm-contact-summary-name, .crm-lead-identity { font-weight:700; }
    .muted, .meta, .upload-policy-note { color:var(--muted); }
    .result, .chip, .tag-chip, .note-type-chip, .status, .badge {
      border-color:var(--ds-line);
      border-radius:var(--ds-radius-control);
      background:var(--ds-surface-muted);
      color:var(--ink);
      box-shadow:inset 0 1px 0 var(--ds-rim-light);
    }
    .btn { border-radius:var(--ds-radius-control); font-weight:700; }
    .btn.primary {
      border-color:color-mix(in srgb,var(--clarinda-primary) 58%,var(--ds-line));
      background:var(--ds-control);
      color:var(--ds-control-text);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.52),inset 0 -1px 0 color-mix(in srgb,var(--clarinda-primary) 24%,transparent),var(--ds-shadow-contact),0 12px 30px color-mix(in srgb,var(--clarinda-primary) 14%,transparent);
    }
    .btn.ghost { background:transparent; box-shadow:none; }
    .btn.danger { color:var(--danger); }
    .btn:disabled, .icon-btn:disabled { opacity:.46; box-shadow:none; }

    input:not([type="checkbox"]):not([type="radio"]), select, textarea {
      border:1px solid var(--ds-line);
      border-radius:var(--ds-radius-control);
      background:color-mix(in srgb,var(--ds-surface) 96%,var(--ds-surface-muted));
      box-shadow:inset 0 1px 2px rgba(31,43,39,.04);
      color:var(--ink);
    }
    input:not([type="checkbox"]):not([type="radio"]):hover, select:hover, textarea:hover { border-color:var(--ds-line-strong); }
    input:not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus { border-color:var(--clarinda-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--clarinda-accent) 16%,transparent),inset 0 1px 2px rgba(31,43,39,.03); }
    input::placeholder, textarea::placeholder { color:var(--placeholder); opacity:.72; }

    .segmented, .settings-tabs, .goal-rail, .crm-followup-filters { padding:3px; gap:3px; border-radius:calc(var(--ds-radius-control) + 2px); }
    .segmented button, .settings-tab, .goal-tab, .crm-followup-filters button { border:0 !important; border-radius:var(--ds-radius-control) !important; background:transparent; box-shadow:none; }
    .segmented button.active,
    .settings-tab[aria-selected="true"],
    .goal-tab.active,
    .crm-followup-filters button.active,
    .text-size-option[aria-pressed="true"],
    .color-theme-option[aria-pressed="true"] {
      background:var(--ds-selected) !important;
      color:var(--ds-selected-text) !important;
      box-shadow:inset 0 1px 0 var(--ds-rim-light),inset 0 -1px 0 var(--ds-rim-dark),0 3px 10px rgba(31,43,39,.1) !important;
      animation:ds-materialize var(--ds-motion-standard) var(--ds-ease);
    }
    @keyframes ds-materialize { from { opacity:.72; transform:scale(.97); } to { opacity:1; transform:scale(1); } }

    .composer { border-radius:calc(var(--ds-radius-control) + 6px); }
    .composer textarea { background:transparent; box-shadow:none; }
    .chat-log { scrollbar-color:var(--ds-line-strong) transparent; }
    .calendar-toolbar { border-radius:var(--ds-radius-surface); }
    .calendar-grid { border-color:var(--ds-line); background:var(--ds-surface); }
    .calendar-event, .calendar-block { border-radius:7px; box-shadow:0 2px 8px rgba(31,43,39,.06); }
    .project-head, .milestone-head, .dense-category, .crm-pipeline-group-head { border-color:var(--ds-line); background:var(--ds-surface-muted); }
    .project-progress .track, .goal-progress-card .track, .health-pulse-card .track { background:color-mix(in srgb,var(--clarinda-quiet) 72%,var(--ds-line)); }
    .project-progress .fill, .goal-progress-card .fill, .health-pulse-card .fill { background:var(--ds-selected); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--clarinda-primary) 28%,transparent); }
    .crm-followup-summary > *, .crm-followup-count { border-color:var(--ds-line); background:var(--ds-surface); }
    .crm-contact-summary:hover, .crm-pipeline-lead:hover { background:var(--ds-surface-muted); }
    .crm-pipeline-group-head { border-radius:var(--ds-radius-control); }
    .settings-tabs { position:sticky; top:calc(var(--header-h) + 8px); z-index:8; }
    .settings-item, .settings-disclosure, .connection-row, .schedule-row { border-color:var(--ds-line); background:transparent; box-shadow:none; }
    .color-theme-option, .text-size-option { border-color:var(--ds-line); background:var(--ds-surface); }
    .color-theme-swatch { box-shadow:0 0 0 1px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5); }

    .overlay { background:color-mix(in srgb,var(--ink) 24%,transparent); -webkit-backdrop-filter:blur(8px) saturate(108%); backdrop-filter:blur(8px) saturate(108%); }
    .sheet, .compact-sheet, .guide-card { border-radius:var(--ds-radius-overlay); animation:ds-sheet-in var(--ds-motion-sheet) var(--ds-ease-sheet); }
    @keyframes ds-sheet-in { from { opacity:.55; transform:translateY(10px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
    .sheet > .card-head, .compact-sheet > .card-head { border-bottom-color:var(--ds-line); }
    .task-fab {
      border-radius:16px;
      background:var(--ds-control);
      color:var(--ds-control-text);
    }
    .task-fab:hover { transform:translateY(-2px); }
    .login { background:transparent; }
    .login:not(.hidden) + .app { visibility:hidden; pointer-events:none; }
    .login .card { border:1px solid var(--ds-line); border-radius:var(--ds-radius-overlay); background:var(--ds-raised); box-shadow:var(--ds-raised-shadow); }
    .login input, .login .btn { min-height:44px; }
    .login .result { min-height:42px; display:flex; align-items:center; }
    .login-brand { margin-bottom:var(--ds-space-4); }

    @media (min-width:1000px) {
      .shell { gap:clamp(18px,2vw,30px); }
      .sidebar { padding:6px; border-radius:16px; }
      .sidebar button { min-height:46px; border:0; border-radius:11px; background:transparent; }
      .sidebar button:hover { background:var(--ds-surface-muted); }
      .sidebar button.active { background:var(--ds-selected); color:var(--ds-selected-text); box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 4px 12px rgba(31,43,39,.09); }
      .sidebar-divider { background:var(--ds-line); }
    }
    @media (max-width:999px) {
      .content { padding-bottom:calc(92px + env(safe-area-inset-bottom)); }
      .bottom-nav { left:10px; right:10px; bottom:calc(8px + env(safe-area-inset-bottom)); padding:6px; border-radius:var(--ds-radius-dock); -webkit-backdrop-filter:blur(32px) saturate(130%); backdrop-filter:blur(32px) saturate(130%); }
      .bottom-nav button { min-height:58px; border:0 !important; border-radius:18px !important; background:transparent !important; }
      .bottom-nav button.active, .bottom-nav button.primary-nav.active, .bottom-nav button[data-screen="crm"].active { background:var(--ds-selected) !important; color:var(--ds-selected-text) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 4px 12px rgba(31,43,39,.1); }
      .task-fab { bottom:calc(86px + env(safe-area-inset-bottom)); }
      .settings-tabs { top:calc(var(--header-h) + 6px); }
    }
    @media (max-width:560px) {
      .topbar-inner { padding-inline:10px; }
      .top-actions { gap:5px; }
      .icon-btn { width:36px; min-height:36px; }
      .card { padding:12px; }
      .calendar-card { padding:8px; }
      .sheet, .compact-sheet { border-radius:20px 20px 0 0; }
      .settings-tabs { margin-inline:-2px; }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) .crm-pipeline-head-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) .crm-pipeline-head-actions .btn:first-child { grid-column:1 / -1; }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) .crm-pipeline-head-actions .btn { min-height:42px; padding-inline:8px; }
    }
    @supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
      .topbar, .sidebar, .bottom-nav, .segmented, .settings-tabs, .goal-rail, .crm-followup-filters, .calendar-toolbar, .icon-btn, .btn:not(.primary), .calendar-date-picker { background:var(--ds-glass-regular-fallback) !important; }
      .app-notice, .composer, .sheet, .compact-sheet, .guide-card { background:var(--ds-glass-thick-fallback) !important; }
      .task-fab { background:var(--ds-control) !important; color:var(--ds-control-text) !important; }
    }
    @media (prefers-contrast:more), (forced-colors:active), (prefers-reduced-transparency:reduce) {
      .topbar, .sidebar, .bottom-nav, .segmented, .settings-tabs, .goal-rail, .crm-followup-filters, .calendar-toolbar, .icon-btn, .btn:not(.primary), .calendar-date-picker { background:var(--ds-glass-regular-fallback) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
      .app-notice, .composer, .sheet, .compact-sheet, .guide-card { background:var(--ds-glass-thick-fallback) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
      .task-fab { background:var(--ds-control) !important; color:var(--ds-control-text) !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
    }
  
    /* v99: authoritative mobile density, Health leaflets, and consistent hierarchy. */
    :is(
      .calendar-view-toggle .btn,
      .task-sort-toggle .btn,
      .work-inbox-tabs .btn,
      .pomodoro-phase-btn,
      .segmented .btn,
      .task-type-option,
      .health-summary-card,
      .settings-tab,
      .appearance-mode-option,
      .text-size-option,
      .color-theme-option,
      .mobile-nav button,
      .sidebar button
    ):is(.active, .is-active, [aria-selected="true"], [aria-pressed="true"], [aria-current="page"]) {
      color: var(--selection-text) !important;
      background: var(--ds-selected) !important;
      border-color: color-mix(in srgb, var(--clarinda-primary) 62%, var(--line)) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 0 0 1px color-mix(in srgb, var(--clarinda-primary) 32%, transparent) !important;
      font-weight: 700 !important;
    }
    .health-command-tabs {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
      padding: 3px 2px 10px;
    }
    .health-summary-card {
      display: grid;
      grid-template-rows: minmax(0, 1fr) auto;
      gap: 6px;
      min-width: 0;
      min-height: 132px;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: var(--panel);
      color: var(--muted);
      text-align: start;
    }
    .health-summary-select { display: grid; gap: 3px; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; text-align: start; cursor: pointer; }
    .health-summary-select > span:not(.health-summary-title) { display: flex; justify-content: space-between; gap: 5px; min-width: 0; }
    .health-summary-spacer { display: none !important; }
    .health-summary-card strong { color: var(--ink); }
    .health-summary-title { display: flex; align-items: center; gap: 7px; font-family: var(--ds-font-display); font-size: 1.125rem; line-height: 1.2; font-weight: 700; color: var(--ink); }
    .health-summary-title svg { width: 22px; height: 22px; flex: 0 0 auto; }
    #screen-health .health-section-title,
    #screen-health .health-water-card .card-head h3,
    #healthPanelBody .health-pulse-card > strong:first-child { margin: 0; font-family: var(--ds-font-display); font-size: 1rem; line-height: 1.2; font-weight: 700; color: var(--ink); }
    .health-encouragement { padding-top: 4px; border-top: 1px solid var(--line); font-style: italic; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .health-range-select { width: 100%; min-width: 0; min-height: 30px; padding-block: 3px; }
    @media (max-width: 1024px) {
      #screen-health .health-range-select { min-height: 44px; }
    }
    .health-command-panels > [data-health-panel][hidden] { display: none !important; }
    .health-command-panels > [data-health-panel] { display: grid; gap: 12px; }
    .health-water-layout { display: grid; grid-template-columns: 92px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin: 8px 0; }
    .health-water-drop { width: 80px; height: 104px; overflow: visible; }
    .health-drop-shell { fill: var(--panel2); }
    .health-drop-fill { fill: var(--ds-selected); transition: y 180ms ease, height 180ms ease; }
    .health-drop-rim { fill: none; stroke: color-mix(in srgb, var(--clarinda-primary) 72%, var(--line)); stroke-width: 2.5; }
    .health-drop-percent {
      fill: var(--ink);
      stroke: color-mix(in srgb, var(--panel) 88%, transparent);
      stroke-width: 2.5px;
      paint-order: stroke fill;
      font-size: 1.25rem;
      font-weight: 700;
      font-variant-numeric: tabular-nums;
      text-anchor: middle;
      dominant-baseline: middle;
      pointer-events: none;
    }
    .health-fluid-form { display: grid; gap: 8px; }
    .health-fluid-estimates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .health-fluid-guidance { width: 100%; }
    .health-water-actions { display: grid; gap: 6px; justify-items: stretch; }
    .health-fluid-form .result.hidden { display: none !important; }
    .routine-activity-disclosure { border-top: 1px solid var(--line); }
    .routine-activity-disclosure > summary { cursor: pointer; list-style: none; padding: 6px 0; font-weight: 700; }
    .routine-activity-disclosure > summary::-webkit-details-marker { display: none; }
    .routine-activity-disclosure > summary::after { content: "⌄"; float: right; color: var(--muted); }
    .routine-activity-disclosure[open] > summary::after { content: "⌃"; }
    .health-fluid-list, .health-section-history, .routine-activity-history { display: grid; gap: 0; margin-top: 4px; }
    .health-fluid-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 0; border-top: 1px solid var(--line); }
    .health-section-heading { margin: 10px 0 0; color: var(--muted); font-size: .625rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
    .health-record-row, .routine-activity-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px; min-height: 36px; padding: 4px 0; border-top: 1px solid var(--line); }
    .health-record-copy { display: flex; align-items: baseline; min-width: 0; overflow: hidden; white-space: nowrap; }
    .health-record-title { min-width: 0; overflow: hidden; color: var(--ink); font-size: .71875rem; font-weight: 600; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
    .health-record-meta { flex: 0 0 auto; color: var(--muted); font-size: .6875rem; white-space: nowrap; }
    .health-record-actions { display: flex; flex-wrap: nowrap; gap: 4px; }
    .health-record-actions .btn { min-width: 0; padding-inline: 6px; }
    .health-day-history { border-top: 1px solid var(--line); }
    .health-day-history > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; min-height: 38px; padding: 5px 0; color: var(--ink); cursor: pointer; list-style: none; }
    .health-day-history > summary::-webkit-details-marker { display: none; }
    .health-day-history > summary::after { content: "⌄"; color: var(--muted); font-size: .75rem; }
    .health-day-history[open] > summary::after { content: "⌃"; }
    .health-day-date { overflow: hidden; font-size: .71875rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
    .health-day-total { color: var(--muted); font-size: .6875rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
    .health-day-details { padding-inline-start: 10px; border-inline-start: 2px solid var(--line); }
    .health-sheet .sheet { max-height: calc(100dvh - 28px); overflow-y: auto; overscroll-behavior: contain; }
    .health-sheet .result { margin-top: 2px; }
    html:is([data-text-size="extra_large"], [data-text-size="maximum"]) .health-exercise-form .compact-fields { grid-template-columns: 1fr; }
    @media (max-width: 1024px) {
      #healthExerciseSheet .health-exercise-form :is(button, input, select, textarea) { min-height: 44px; }
      #healthExerciseSheet #healthExerciseCloseBtn { width: 44px; min-width: 44px; min-height: 44px; }
      #healthExerciseSheet .health-exercise-form #exerciseDistanceUnit {
        min-height: 44px;
        padding: 6px 28px 6px 8px;
        border: 1px solid var(--line);
        background: var(--panel);
        font-size: .75rem;
      }
    }
    .routine-activity-row > div:first-child { display: grid; min-width: 0; }
    .health-pulse-card > .card-head { min-height: 36px; margin: 0 0 6px; padding-bottom: 6px; }
    .health-pulse-card > .card-head .btn { min-height: 32px; padding-block: 3px; }
    .health-sleep-summary { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin-top: 10px; }
    .health-sleep-summary span { display: grid; gap: 3px; color: var(--muted); }
    .health-sleep-summary strong { color: var(--ink); font-size: var(--desktop-type-emphasized, 1rem); }
    @media (min-width: 1000px) {
      #screen-health .health-record-title { font-size: var(--desktop-type-body); }
      #screen-health :where(.health-record-meta, .health-day-total) { font-size: var(--desktop-type-supporting); }
      #screen-health .health-day-date { font-size: var(--desktop-type-body); }
    }
    .settings-account-actions { display: flex; align-items: center; gap: 6px; }
    .settings-account-rows { display: grid; gap: 2px; }
    .settings-account-row { display: grid; grid-template-columns: minmax(70px, .35fr) minmax(0, 1fr); align-items: center; gap: 12px; min-height: 48px; padding: 4px 0; border-bottom: 1px solid var(--line); }
    .settings-account-row:last-child { border-bottom: 0; }
    .settings-account-row > span { color: var(--muted); font-weight: 600; }
    .settings-account-email { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: end; color: var(--ink); }
    .settings-account-row select { width: 100%; }
    .appearance-mode-options,
    .text-size-options { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(118px, 1fr); grid-template-columns: none !important; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 2px; }
    .appearance-mode-options::-webkit-scrollbar,
    .text-size-options::-webkit-scrollbar { display: none; }
    .crm-followup-panel { display: grid !important; gap: 10px; }
    .crm-followup-toolbar { align-items: center; }
    .crm-contact-mobile-line { display: none; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
    .crm-lead-recency { min-width: 48px; justify-content: center; }
    @media (min-width: 700px) {
      #screen-work .work-analytics-head {
        display: grid;
        grid-template-columns: max-content 160px;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
      }
      #screen-work .work-analytics-head h3 { white-space: nowrap; }
      #screen-work .work-analytics-head select { width: 160px; min-width: 160px; justify-self: end; }
      #screen-health { --health-content-surface: var(--ds-selected); row-gap: 0; }
      #screen-health .health-command-tabs {
        position: relative;
        z-index: 2;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        margin: 0 0 -1px;
        padding: 3px 2px 0;
        align-items: stretch;
      }
      #screen-health .health-summary-card {
        position: relative;
        align-self: stretch;
        border-radius: 14px 14px 0 0;
        opacity: .72;
        transition: opacity 160ms ease, background 160ms ease;
      }
      #screen-health .health-summary-card.active {
        z-index: 3;
        opacity: 1;
        border-color: color-mix(in srgb, var(--clarinda-primary) 42%, var(--line)) !important;
        border-bottom-color: transparent !important;
        background-color: var(--health-content-surface) !important;
      }
      #screen-health .health-command-panels {
        position: relative;
        z-index: 1;
        margin: 0 2px;
        padding: 12px;
        border: 1px solid color-mix(in srgb, var(--clarinda-primary) 42%, var(--line));
        border-top-color: transparent;
        border-radius: 0 0 18px 18px;
        background: var(--health-content-surface);
      }
      #screen-health .health-command-panels > [data-health-panel] { padding: 0; border: 0; }
      #screen-crm .crm-contact-main { gap: 5px; align-content: start; }
      #screen-crm .crm-contact-details { gap: 3px; }
      #screen-crm .crm-contact-detail-row { line-height: 1.2; }
      #screen-crm .crm-contact-context { gap: 3px; padding-top: 5px; }
      #screen-crm .crm-contact-context-row {
        grid-template-columns: max-content minmax(0, 1fr);
        gap: 8px;
        align-items: start;
        line-height: 1.2;
      }
      #screen-crm .crm-contact-context-row > span:first-child { white-space: nowrap; }
    }
    @media (max-width: 899px) {
      .screen .card > .card-head > h3,
      #exerciseTodayGrid .exercise-today-heading > h3 {
        font-family: var(--ds-font-display) !important;
        font-size: 1.125rem !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
      }
      .bottom-nav .nav-glyph svg { width: 24px !important; height: 24px !important; }
      .topbar-inner {
        display: grid !important;
        grid-template-columns: auto minmax(54px, 1fr) auto !important;
        grid-template-rows: auto !important;
        gap: 7px !important;
        align-items: center !important;
      }
      .topbar .brand { grid-column: 1; grid-row: 1; min-width: 0; gap: 6px; }
      .topbar .top-actions { grid-column: 3; grid-row: 1; }
      .topbar-screen-title {
        display: block !important;
        position: static !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        transform: none !important;
        padding: 0 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      .top-actions .icon-btn[hidden] { display: none !important; }
      .topbar .brand-wordmark--header { max-width: 112px; }
      .work-mobile-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 8px; align-items: stretch; }
      .work-mobile-top > .card, .work-mobile-top .work-routines-card { min-height: 232px; height: 232px; }
      .today-pomodoro-card { display: grid; grid-template-rows: auto auto; align-content: center; justify-items: stretch; padding: 9px !important; overflow: hidden; }
      .today-pomodoro-layout { display: grid !important; grid-template-columns: 1fr !important; grid-template-rows: auto repeat(3, auto) auto !important; gap: 5px !important; align-content: center; text-align: center; }
      .today-clock { grid-column: 1 !important; grid-row: 1; justify-self: center; min-width: 0; font-size: min(2.5rem, 8.2vw) !important; line-height: .95; white-space: nowrap; }
      .today-phase-row { grid-row: 2 / 5; display: contents !important; }
      .today-phase-row .btn { width: 100%; min-width: 0; min-height: 32px; padding: 4px 3px; }
      .today-phase-row .btn:nth-child(1) { grid-row: 2; }
      .today-phase-row .btn:nth-child(2) { grid-row: 3; }
      .today-phase-row .btn:nth-child(3) { grid-row: 4; }
      .today-pomo-actions { grid-column: 1 !important; grid-row: 5; display: grid !important; grid-template-columns: repeat(3, 34px); justify-content: center; gap: 4px; }
      .today-pomo-actions .btn { min-width: 0; min-height: 34px; padding: 4px; }
      .today-pomodoro-status { margin-top: 7px; overflow: visible; overflow-wrap: anywhere; text-align: center; text-overflow: clip; white-space: normal; }
      .work-routines-card { display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; }
      .work-routines-card > .routine-scroll-region { min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
      .work-routines-card .dense-list { gap: 0; }
      .work-routines-card .dense-category { display: none !important; }
      #screen-work .work-routines-card .compact-row.routine-row { grid-template-columns: 22px 16px 15px minmax(0, 1fr) max-content 26px 26px; gap: 2px; }
      .work-routines-card .routine-row { min-height: 30px; padding: 2px 3px; }
      #screen-work .work-routines-card .routine-row .drag-handle { width: 22px; height: 26px; min-height: 26px; display: grid; }
      #screen-work .work-routines-card .routine-row .compact-check { width: 16px; height: 16px; }
      #screen-work .work-routines-card .routine-row .icon-action { width: 26px; height: 26px; min-height: 26px; }
      .work-routines-card .routine-streak-pill { min-width: 26px; min-height: 22px; padding-inline: 3px; font-size: .625rem; }
      .work-routines-card .compact-title { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: break-word; font-size: .6875rem; }
      .work-routines-card .routine-stats { grid-column: 1 / -1; }
      .work-routines-card .routine-stats-expanded { display: block; padding: 5px 7px; }
      .work-routines-card .routine-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; }
      .work-routines-card .routine-stat-grid span { min-width: 0; gap: 1px; padding: 3px 1px; text-align: center; font-size: .625rem; }
      .work-routines-card .routine-stat-grid strong { font-size: .75rem; white-space: nowrap; }
      .work-routines-card .routine-activity-form { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 4px 0 7px; }
      .work-routines-card .routine-activity-form [name="details"],
      .work-routines-card .routine-activity-form .routine-complete-option { grid-column: 1 / -1; }
      #screen-work .today-due-card > .card-head h3 { font-size: 1.125rem !important; }
      #screen-work .project-head { grid-template-columns: minmax(0, 1fr) auto; gap: 1px; padding: 3px; }
      #screen-work .project-summary-toggle { min-height: 28px; grid-template-columns: minmax(0, 1fr) 30px; gap: 2px; padding: 0 1px; }
      #screen-work .project-title-line { min-width: 0; flex-wrap: wrap; gap: 2px; }
      #screen-work .project-title-line > .chip { display: none; }
      #screen-work .project-title { overflow-wrap: anywhere; font-size: var(--desktop-type-body, .875rem); }
      #screen-work .project-progress-ring { inline-size: 30px; block-size: 30px; flex-basis: 30px; justify-self: end; }
      #screen-work .project-head > .project-actions { grid-column: 2; flex-wrap: nowrap; gap: 1px; min-width: 0; justify-content: flex-end; }
      #screen-work .project-head > .project-actions .btn { width: 28px; min-width: 28px; min-height: 28px; padding: 1px; font-size: .6875rem; }
      #screen-work .project-head > .project-actions [data-milestone-add] { width: auto; min-width: 0; padding-inline: 2px; white-space: nowrap; }
      html[data-text-size="extra_large"] #screen-work .project-head > .project-actions .btn { width: 32px; min-width: 32px; min-height: 32px; font-size: .8125rem; }
      html[data-text-size="maximum"] #screen-work .project-head > .project-actions .btn { width: 36px; min-width: 36px; min-height: 36px; font-size: .9375rem; }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .project-head > .project-actions [data-milestone-add] { width: auto; min-width: 0; }
      #screen-work .milestone-head { grid-template-columns: 20px minmax(0, 1fr) auto; gap: 3px; padding: 4px 5px; overflow: hidden; }
      #screen-work .milestone-title-line { min-width: 0; flex-wrap: nowrap; overflow: hidden; }
      #screen-work .milestone-title-line strong, #screen-work .milestone-progress { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
      #screen-work .milestone-head .project-actions { grid-column: 3; flex-wrap: nowrap; gap: 2px; min-width: 0; }
      #screen-work .milestone-head .project-actions .btn { width: 28px; min-width: 28px; min-height: 28px; padding: 2px; font-size: .6875rem; }
      #screen-work .milestone-head .project-actions [data-project-task-add] { width: auto; min-width: 52px; padding-inline: 4px; }
      .work-context-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; }
      .work-context-form .btn { width: 42px; padding-inline: 0; }
      #screen-health { --health-content-surface: var(--ds-selected); row-gap: 0; }
      .health-command-tabs { position: relative; z-index: 2; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0 0 -1px; padding: 3px 2px 0; align-items: stretch; }
      .health-summary-card { position: relative; align-self: stretch; height: auto; min-height: 0; padding: 7px 6px; border-radius: 14px 14px 0 0; opacity: .68; transform: none; transition: opacity 160ms ease, background 160ms ease; }
      #screen-health .health-summary-card.active { z-index: 3; opacity: 1; border-color: color-mix(in srgb, var(--clarinda-primary) 42%, var(--line)) !important; border-bottom-color: transparent !important; background-color: var(--ds-selected) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important; }
      .health-summary-select { grid-template-rows: auto repeat(5, minmax(1em, auto)); align-content: start; font-size: .6875rem; line-height: 1.15; }
      .health-summary-title { gap: 4px; font-size: 1.125rem; }
      .health-summary-title svg { width: 48px; height: 48px; }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-health .health-summary-title { font-size: 1rem; }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-health .health-summary-title svg { width: 30px; height: 30px; }
      .health-summary-select > span:not(.health-summary-title) { gap: 3px; }
      .health-summary-select > span:not(.health-summary-title) strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
      .health-range-select { font-size: .6875rem; }
      .health-summary-spacer { display: flex !important; visibility: hidden; pointer-events: none; }
      .health-command-panels { position: relative; z-index: 1; margin: 0 2px; padding: 12px 8px 8px; border: 1px solid color-mix(in srgb, var(--clarinda-primary) 42%, var(--line)); border-top-color: transparent; border-radius: 0 0 18px 18px; background-color: var(--health-content-surface); box-shadow: none !important; }
      .health-command-panels > [data-health-panel] { padding: 0; border: 0; }
      .health-pulse, .health-trends { grid-template-columns: 1fr; }
      .health-water-layout { grid-template-columns: 82px minmax(0, 1fr) auto; gap: 9px; }
      .health-water-actions { min-width: 76px; }
      .health-water-actions .btn { width: 100%; padding-inline: 5px; }
      .health-fluid-form .compact-fields { grid-template-columns: 1fr; }
      .health-exercise-form .compact-fields,
      .health-exercise-form .exercise-notes-row { grid-template-columns: 1fr; }
      .health-exercise-form .exercise-notes-row input[type="date"] { width: 100%; }
      .contact-detail-grid { gap: 5px; }
      .contact-detail-grid label {
        grid-template-columns: 18px minmax(84px, 30%) minmax(0, 1fr);
        align-items: center;
        column-gap: 7px;
        row-gap: 3px;
        min-height: 44px;
      }
      .contact-field-icon { display: grid; place-items: center; width: 18px; height: 18px; color: var(--muted); }
      .contact-field-icon svg { width: 18px; height: 18px; }
      .contact-detail-grid label > .contact-field-title { grid-column: 2; }
      .contact-detail-grid label > :is(input, select, textarea) { grid-column: 3; min-width: 0; width: 100%; }
      .contact-detail-grid textarea { min-height: 64px; }
      html[data-text-size="maximum"] .contact-detail-grid label { grid-template-columns: 18px minmax(100px, 34%) minmax(0, 1fr); }
      .health-fluid-form .health-fluid-estimates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .health-sleep-summary { grid-template-columns: repeat(3, minmax(0,1fr)); }
      .settings-account-row { grid-template-columns: 78px minmax(0,1fr); }
      #screen-crm .crm-pipeline-heading { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
      #screen-crm .crm-pipeline-heading .crm-section-intro { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
      #screen-crm .crm-lead-card.is-collapsed .crm-lead-summary { min-height: 36px; padding: 3px 6px; }
      #screen-crm .crm-lead-card.is-collapsed .crm-lead-title-button { min-height: 30px; }
      #screen-crm .crm-lead-top-controls { gap: 4px; }
      #screen-crm .crm-lead-top-controls .chip { min-height: 28px; padding: 3px 6px; }
      #screen-crm .crm-pipeline-board, #screen-crm .crm-contact-cards { gap: 4px; }
      #screen-crm .crm-contact-summary { min-height: 42px; height: 42px; padding: 4px 7px; }
      #screen-crm .crm-contact-summary-copy { display: block; min-width: 0; }
      #screen-crm .crm-contact-mobile-line { display: block; font-size: .75rem; }
      #screen-crm .crm-contact-summary-name,
      #screen-crm .crm-contact-summary-meta,
      #screen-crm .crm-contact-desktop-field { display: none !important; }
      #screen-crm .crm-contact-summary-icons { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
      #screen-crm .contact-age-badge { min-width: 44px; text-align: end; }
      #screen-crm .contact-filter-mobile-trigger { display: flex; align-items: center; gap: 8px; }
      #screen-crm .contact-filter-mobile-trigger #contactFilterOpenBtn { display: none; }
      #screen-crm .crm-followup-toolbar { display: grid; grid-template-columns: minmax(0,1fr); }
      #screen-crm .crm-followup-filters,
      #screen-crm #crmFollowupTypeFilter { grid-column: 1 / -1; width: 100%; max-width: 100%; min-width: 0; }
      #screen-crm .crm-followup-filters { grid-template-columns: repeat(5,minmax(62px,1fr)); overflow-x: auto; }
    }
    @media (max-width: 350px) {
      #screen-work .work-mobile-top { grid-template-columns: minmax(0, 1fr); }
    }
    @media (max-width: 320px) {
      #screen-crm .crm-followup-filters { grid-template-columns: repeat(3,minmax(0,1fr)); overflow-x: visible; }
    }
    @media (max-width: 699px) {
      #screen-health { --health-content-surface: var(--ds-selected); row-gap: 0; }
      #screen-health .health-command-tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        margin: 0 0 -1px;
        padding: 3px 2px 0;
        overflow: visible;
        align-items: stretch;
      }
      #screen-health .health-summary-card {
        min-width: 0;
        min-height: 0;
        padding: 6px 4px;
        border-radius: 12px 12px 0 0;
      }
      #screen-health .health-summary-card.active {
        opacity: 1;
        border-color: color-mix(in srgb, var(--clarinda-primary) 42%, var(--line)) !important;
        border-bottom-color: transparent !important;
        border-radius: 12px 12px 0 0;
        background-color: var(--health-content-surface) !important;
      }
      #screen-health .health-summary-select {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto repeat(5, minmax(1em, auto));
        gap: 2px;
        align-content: start;
        font-size: clamp(.5625rem, 2.45vw, .6875rem);
        line-height: 1.12;
      }
      #screen-health .health-summary-title { grid-column: auto; gap: 3px; font-size: clamp(.8125rem, 3.6vw, 1rem); }
      #screen-health .health-summary-title svg,
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-health .health-summary-title svg {
        width: clamp(28px, 9vw, 42px);
        height: clamp(28px, 9vw, 42px);
      }
      #screen-health .health-summary-select > span:not(.health-summary-title) { min-height: 0; gap: 2px; }
      #screen-health .health-summary-spacer { display: flex !important; visibility: hidden; pointer-events: none; }
      #screen-health .health-range-select { min-height: 44px; margin-top: 4px; font-size: .6875rem; }
      #screen-health .health-command-panels {
        margin: 0 2px;
        padding: 10px 8px 8px;
        border: 1px solid color-mix(in srgb, var(--clarinda-primary) 42%, var(--line));
        border-top-color: transparent;
        border-radius: 0 0 18px 18px;
        background-color: var(--health-content-surface);
        box-shadow: none !important;
      }
    }
    @media (max-width: 520px) {
      .topbar .brand-wordmark--header { max-width: 96px; }
      .topbar-inner { padding-inline: 10px !important; }
      html[data-text-size="maximum"] #screen-crm .crm-contact-summary { height: auto; min-height: 58px; }
      html[data-text-size="maximum"] #screen-crm .crm-contact-mobile-line { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
      #screen-health .health-water-layout { grid-template-columns: 72px minmax(0, 1fr); grid-template-rows: auto auto; gap: 7px; }
      #screen-health .health-water-drop { width: 68px; height: 88px; }
      #screen-health .health-water-actions { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; margin-top: 0; }
      #screen-health .health-water-target-form { gap: 3px; }
      #screen-health #healthWaterCurrent { font-size: 1.125rem; }
      #screen-health .health-water-target-form > span:not(#healthWaterCurrent) { font-size: .75rem; }
      #screen-health .health-water-target-input { width: 7ch; flex-basis: 7ch; padding-inline: 3px !important; font-size: .75rem; }
      #screen-health .health-water-target-form .btn { padding-inline: 4px !important; font-size: .6875rem; }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .work-mobile-top > .card,
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .work-mobile-top .work-routines-card { height: auto; min-height: 232px; }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .compact-row.task-row {
        min-height: auto;
        grid-template-columns: var(--body-action-h) var(--body-check-size) var(--body-check-size) minmax(0,1fr) var(--body-action-h) var(--body-action-h);
        grid-template-rows: auto auto;
        align-items: center;
      }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .compact-row.task-row .drag-handle {
        grid-column: 1;
        grid-row: 1;
      }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .compact-row.task-row .compact-check {
        grid-column: 2;
        grid-row: 1;
      }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .compact-row.task-row .compact-sn {
        grid-column: 3;
        grid-row: 1;
      }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .compact-row.task-row .compact-title-btn {
        grid-column: 4 / -1;
        grid-row: 1;
        min-width: 0;
        text-align: start;
      }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .compact-row.task-row .compact-title {
        white-space: normal;
        overflow-wrap: anywhere;
      }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .compact-row.task-row .task-due-wrap {
        grid-column: 4;
        grid-row: 2;
        width: 100%;
      }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .compact-row.task-row [data-task-urgent] {
        grid-column: 5;
        grid-row: 2;
      }
      html:is([data-text-size="extra_large"], [data-text-size="maximum"]) #screen-work .compact-row.task-row [data-task-delete] {
        grid-column: 6;
        grid-row: 2;
      }
    }
    @media (max-width: 370px) {
      .topbar .brand-wordmark--header { display: none !important; }
    }
    .bubble.is-preformatted {
      width: min(100%, 760px);
      max-width: 100%;
    }
    .app-notice:has(#clientUpdateBtn) { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .bubble pre {
      max-width: 100%;
      background: var(--panel2);
      color: var(--ink);
      overscroll-behavior-inline: contain;
    }
    @media (max-width: 760px) {
      .completed-time-row { grid-template-columns: minmax(0, 1fr) minmax(92px, 104px); }
      .completed-time-minutes { gap: 8px; padding-inline: 9px; }
    }
    @media (max-width: 999px) {
      html[data-active-screen="chat"],
      html[data-active-screen="chat"] body {
        width: 100%;
        height: 100%;
        overflow: hidden;
        overscroll-behavior: none;
      }
      html[data-active-screen="chat"] .app {
        width: 100%;
        height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
      }
      html[data-active-screen="chat"] .shell {
        height: 100%;
        min-height: 0;
        overflow: hidden;
        padding-bottom: 0;
      }
      html[data-active-screen="chat"] .content {
        height: 100%;
        min-height: 0;
        overflow: hidden;
        padding-bottom: calc(92px + env(safe-area-inset-bottom));
      }
      html[data-active-screen="chat"] #screen-chat.active,
      html[data-active-screen="chat"] #screen-chat .grid,
      html[data-active-screen="chat"] #screen-chat .chat-card,
      html[data-active-screen="chat"] #screen-chat .chat-shell {
        height: 100%;
        min-height: 0;
        overflow: hidden;
      }
      html[data-active-screen="chat"] #screen-chat.active { min-height: 0; }
      html[data-active-screen="chat"] .chat-log {
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
      }
      html[data-active-screen="chat"] .composer textarea { overscroll-behavior: contain; }
    }
    .chat-add-menu { position: relative; width: fit-content; margin: 0; align-self: end; }
    .chat-add-menu > summary {
      list-style: none;
      width: 40px;
      min-height: var(--body-control-h);
      display: grid;
      place-items: center;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius-control);
      background: var(--panel2);
      color: var(--ink);
      cursor: pointer;
      font-size: 1.25rem;
      line-height: 1;
    }
    .chat-add-menu > summary::-webkit-details-marker { display: none; }
    .chat-add-menu[open] > summary { background: var(--selection-bg); color: var(--selection-text); }
    @media (min-width: 1000px) {
      .chat-add-menu > summary { min-height: 40px; }
    }
    .chat-add-popover {
      position: absolute;
      z-index: 32;
      left: 0;
      bottom: calc(100% + 8px);
      width: min(260px, calc(100vw - 28px));
      display: grid;
      grid-template-columns: repeat(2, minmax(0,1fr));
      gap: 6px;
      padding: 8px;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius-card);
      background: var(--panel);
      box-shadow: var(--shadow);
    }
    .chat-add-popover .btn { width: 100%; justify-content: flex-start; }
    .overlay.email-overlay {
      z-index: 95;
      place-items: stretch center;
      padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
      background: var(--bg);
    }
    .email-composer {
      width: min(100%, 820px);
      height: 100%;
      max-height: none;
      display: grid;
      grid-template-rows: auto minmax(0,1fr) auto;
      overflow: hidden;
      padding: 0;
      border-radius: 14px;
      background: var(--panel);
    }
    .email-composer-head,
    .email-composer-foot {
      display: grid;
      grid-template-columns: auto minmax(0,1fr) auto;
      align-items: center;
      gap: 10px;
      padding: 12px;
      border-bottom: 1px solid var(--line);
    }
    .email-composer-head h2 {
      margin: 0;
      font-family: "XCharter Clarinda", Charter, Georgia, serif;
      font-size: 1.35rem;
      text-align: center;
    }
    .email-composer-foot {
      grid-template-columns: minmax(0,1fr) minmax(180px, 320px);
      border-top: 1px solid var(--line);
      border-bottom: 0;
      padding-bottom: max(12px, env(safe-area-inset-bottom));
    }
    .email-save-state { min-width: 0; color: var(--muted); font-size: .75rem; overflow-wrap: anywhere; }
    .email-composer-scroll {
      min-height: 0;
      overflow-y: auto;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      padding: 10px 14px 18px;
    }
    .email-letter {
      min-height: 100%;
      display: grid;
      align-content: start;
      gap: 0;
      background: var(--input-bg);
      border: 1px solid var(--line);
    }
    .email-field-line {
      min-width: 0;
      display: grid;
      grid-template-columns: 58px minmax(0,1fr) auto;
      align-items: start;
      gap: 8px;
      padding: 10px 12px;
      border-bottom: 1px solid var(--hairline);
    }
    .email-field-line > label,
    .email-field-label { padding-top: 8px; color: var(--muted); font-size: .75rem; font-weight: 700; }
    .email-field-line input {
      min-width: 0;
      min-height: 36px;
      padding: 5px 4px;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    .email-from { align-self: center; min-width: 0; padding-block: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .email-recipient-editor { min-width: 0; display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
    :is(#emailToChips, #emailCcChips, #emailBccChips) { display: contents; }
    .email-recipient-editor input { flex: 1 1 150px; }
    .email-recipient-chip {
      max-width: 100%;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 5px 7px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: var(--panel2);
      font-size: .75rem;
    }
    .email-recipient-chip span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .email-recipient-chip button { border: 0; background: transparent; color: var(--muted); cursor: pointer; }
    .email-recipient-toggle { border: 0; background: transparent; color: var(--accent); min-height: 36px; cursor: pointer; }
    .email-subject-line { grid-template-columns: 58px minmax(0,1fr); }
    .email-format-details { border-bottom: 1px solid var(--hairline); }
    .email-format-details > summary { list-style: none; cursor: pointer; padding: 8px 12px; color: var(--muted); font-size: .75rem; }
    .email-format-details > summary::-webkit-details-marker { display: none; }
    .email-format-toolbar { display: flex; flex-wrap: wrap; gap: 5px; padding: 0 10px 9px; }
    .email-format-toolbar button { min-width: 36px; min-height: 34px; padding: 4px 8px; }
    .email-body {
      min-height: 270px;
      padding: 22px clamp(14px, 5vw, 48px) 34px;
      outline: none;
      color: var(--ink);
      font-size: 1rem;
      line-height: 1.55;
      overflow-wrap: anywhere;
    }
    .email-body:empty::before { content: attr(data-placeholder); color: var(--muted); }
    .email-attachments { display: grid; gap: 7px; padding: 0 12px 12px; }
    .email-attachment {
      display: grid;
      grid-template-columns: minmax(0,1fr) auto;
      gap: 7px;
      align-items: center;
      padding: 8px;
      border: 1px solid var(--line);
      background: var(--panel2);
    }
    .email-attachment strong,
    .email-attachment small { display: block; overflow-wrap: anywhere; }
    .email-attachment small { color: var(--muted); margin-top: 2px; }
    .email-attachment select { margin-top: 6px; width: min(100%, 220px); }
    .email-attachment-menu { position: relative; padding: 0 12px 12px; }
    .email-attachment-menu > summary { list-style: none; width: fit-content; cursor: pointer; color: var(--accent); font-weight: 700; }
    .email-attachment-menu > summary::-webkit-details-marker { display: none; }
    .email-attachment-options {
      width: min(100%, 300px);
      display: grid;
      gap: 6px;
      margin-top: 8px;
      padding: 8px;
      border: 1px solid var(--line);
      background: var(--panel2);
    }
    .email-attachment-options .btn { justify-content: flex-start; }
    .email-warning { margin: 0 12px 12px; border-color: color-mix(in srgb, var(--warn) 50%, var(--line)); }
    .email-more { position: relative; }
    .email-more > summary { list-style: none; cursor: pointer; }
    .email-more > summary::-webkit-details-marker { display: none; }
    .email-more-menu {
      position: absolute;
      z-index: 2;
      right: 0;
      top: calc(100% + 6px);
      width: 180px;
      display: grid;
      gap: 6px;
      padding: 8px;
      border: 1px solid var(--line);
      background: var(--panel);
      box-shadow: var(--shadow);
    }
    .email-draft-list { display: grid; gap: 8px; }
    .email-draft-row { width: 100%; display: grid; gap: 4px; text-align: start; padding: 12px; border: 1px solid var(--line); background: var(--panel2); color: var(--ink); cursor: pointer; }
    .email-draft-row span { color: var(--muted); font-size: .75rem; }
    .email-source-list { display: grid; gap: 7px; max-height: 50dvh; overflow: auto; }
    .email-source-row { width: 100%; display: grid; gap: 3px; text-align: start; padding: 10px; border: 1px solid var(--line); background: var(--panel2); color: var(--ink); cursor: pointer; }
    .email-signature-editor { min-height: 110px; padding: 10px; border: 1px solid var(--line); background: var(--input-bg); color: var(--ink); overflow-wrap: anywhere; }
    @media (max-width: 699px) {
      .overlay.email-overlay { padding: 0; }
      .email-composer { width: 100%; border: 0; border-radius: 0; }
      .email-composer-head { padding-top: max(10px, env(safe-area-inset-top)); }
      .email-composer-scroll { padding: 0; }
      .email-letter { border-inline: 0; }
      .email-field-line { grid-template-columns: 40px minmax(0,1fr) auto; padding-inline: 10px; }
      .email-subject-line { grid-template-columns: 40px minmax(0,1fr); }
      .email-body { min-height: 42dvh; padding: 18px 14px 28px; }
      .email-composer-foot { grid-template-columns: minmax(0,1fr) minmax(150px, 45%); padding-inline: 10px; }
    }
    #screen-crm .crm-contact-cards { gap: 0; margin-top: 0; }
    #screen-crm .contact-card.crm-contact-card {
      border: 0;
      border-radius: 0;
      background: transparent;
      overflow: visible;
    }
    #screen-crm .contact-card.crm-contact-card + .contact-card.crm-contact-card { border-top: 1px solid var(--hairline); }
    #screen-crm .crm-contact-summary,
    #screen-crm .crm-contact-card.is-open .crm-contact-summary { border-radius: 0; }
    #screen-chat .chat-card { grid-template-rows: minmax(0, 1fr); }
    #screen-chat .chat-composer-dock {
      display: grid;
      grid-template-rows: auto auto auto;
      gap: 7px;
      min-width: 0;
      min-height: 0;
    }
    .chat-attachment-tray { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
    .chat-attachment-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 6px 8px; border: 1px solid var(--line); background: var(--panel2); color: var(--ink); font-size: .75rem; }
    .chat-attachment-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .chat-attachment-chip button { appearance: none; border: 0; background: transparent; color: var(--muted); cursor: pointer; font: inherit; padding: 0 2px; }
    .money-screen { gap: 10px; }
    .money-toolbar, .money-status-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
    .money-nav-card { padding: 6px; }
    .money-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; width: 100%; }
    .money-tabs .money-tab { min-width: 0; white-space: nowrap; }
    #screen-chat .chat-shell { grid-template-rows:auto auto minmax(0,1fr) auto; }
    #chatToday { grid-row:1; border-bottom:1px solid var(--line);padding:6px 8px;min-width:0; }
    #chatToday[hidden], #chatToday [hidden] { display:none!important; }
    .chat-load-earlier {grid-row:2;} #chatLog {grid-row:3;} .chat-composer-dock {grid-row:4;min-height:0;}
    .today-heading {display:flex;align-items:center;gap:8px;flex-wrap:wrap;} .today-heading strong {margin-inline-end:auto;}
    .today-compact {display:grid;gap:3px;} .today-item {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:start;border:0;background:transparent;color:var(--ink);font:inherit;padding:5px 2px;cursor:pointer;min-width:0;}
    .today-item span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .today-item small {white-space:nowrap;color:var(--muted);}
    .today-details {max-height:35dvh;overflow:auto;overscroll-behavior:contain;} .today-details h4 {margin:10px 0 3px;} .today-details .today-item span {white-space:normal;overflow-wrap:anywhere;}
    .today-capture {position:relative;} .today-capture summary {cursor:pointer;padding:5px;} .today-capture>div {position:absolute;inset-inline-end:0;top:100%;display:grid;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;z-index:8;min-width:150px;box-shadow:var(--shadow);}
    #chatToday.is-composing .today-compact,.is-composing .today-details,.is-composing [data-today-action="refresh"],.is-composing .today-capture {display:none;}
    #crmWizardForm .check-row {display:flex;align-items:center;gap:10px;}
    #crmWizardForm .check-row input[type="checkbox"] {width:20px;height:20px;min-width:20px;margin:0;}
    .money-hidden-bridge { display: none !important; }
    @media (max-width: 420px) { #healthSleepForm .compact-fields:first-of-type { grid-template-columns: repeat(2,minmax(0,1fr)); } #healthSleepForm label:has(#healthSleepDate) { grid-column: 1 / -1; } }
    .money-tab[aria-selected="true"] { background: var(--selection-bg); color: var(--ink); border-color: var(--line-strong); }
    .money-screen .table-wrap { display: block; }
    .money-table { min-width: 940px; table-layout: fixed; }
    #moneyReceiptsPanel .money-table { min-width: 1160px; }
    #moneyReceiptsPanel .money-table th, #moneyReceiptsPanel .money-table td { height: 52px; max-height: 52px; padding-block: 5px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    #moneyReceiptsPanel .money-table th:nth-child(3), #moneyReceiptsPanel .money-table td:nth-child(3) { width: 96px; }
    #moneyReceiptsPanel .money-table th:nth-child(4), #moneyReceiptsPanel .money-table td:nth-child(4) { width: 160px; }
    #moneyReceiptsPanel .money-table th:nth-child(5), #moneyReceiptsPanel .money-table td:nth-child(5) { width: 190px; }
    #moneyReceiptsPanel .money-table th:nth-child(12), #moneyReceiptsPanel .money-table td:nth-child(12) { width: 118px; }
    #moneyReceiptsPanel .money-table th:nth-child(13), #moneyReceiptsPanel .money-table td:nth-child(13) { width: 68px; }
    #moneyReceiptsPanel .money-table th:nth-child(2), #moneyReceiptsPanel .money-table td:nth-child(2){width:44px;text-align:center}
    .money-table button.money-cell-button { appearance: none; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; font-weight: 700; padding: 0; text-align: start; }
    .money-fx-row td { background: var(--panel2); }
    .money-fx-editor { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: end; gap: 8px; }
    .money-fx-editor label, .money-form-grid label { display: grid; gap: 5px; min-width: 0; }
    .money-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
    .money-form-grid .wide { grid-column: 1 / -1; }
    .money-claim-list { display: grid; gap: 0; border: 1px solid var(--line); }
    .money-claim-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; align-items: center; padding: 10px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: inherit; text-align: start; cursor: pointer; }
    .money-claim-row:last-child { border-bottom: 0; }
    .money-claim-row.active { background: var(--selection-bg); }
    .money-claim-row strong, .money-claim-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .money-final-total { display: flex; justify-content: flex-end; align-items: baseline; gap: 10px; padding: 12px 4px 2px; font-variant-numeric: tabular-nums; }
    .money-storage-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
    .money-storage-grid > div { display: grid; gap: 3px; min-width: 0; padding: 9px 10px; border: 1px solid var(--hairline); background: var(--panel2); }
    .money-storage-grid strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .88rem; }
    .money-filter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: 7px 10px; margin: 7px 0 9px; }
    .money-filter-grid label, .money-storage-choice, .money-storage-move, #moneyBulkSheet label, .money-selection-actions label { display: grid; gap: 5px; min-width: 0; }
    .money-filter-grid label { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 7px; font-size: .75rem; font-weight: 700; }
    .money-filter-grid input, .money-filter-grid select { min-width: 0; min-height: 36px !important; height: 36px; padding-block: 4px; }
    .money-filter-grid .clarinda-inline-picker-trigger { min-height: 36px !important; height: 36px; padding-block: 4px; }
    .money-utility-row, .money-selection-actions, .money-page-footer { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 8px 0; }
    .money-utility-row { justify-content: space-between; padding: 0; }
    .money-utility-links { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
    .money-selection-actions { border-block: 1px solid var(--hairline); }
    .money-selection-actions label { grid-template-columns:auto minmax(180px, 280px); align-items:center; }
    .money-select-all-link { padding: 6px 0 2px; }
    .money-page-footer { justify-content: space-between; }
    #moneyReceiptsPanel .money-table th:first-child, #moneyReceiptsPanel .money-table td:first-child { width: 68px; text-align: center; }
    #moneyReceiptsPanel .money-table input[type="checkbox"] { width: 16px; height: 16px; min-height: 16px !important; max-height: 16px; padding: 0 !important; }
    .money-receipt-state { color: var(--muted); font-size: .72rem; font-weight: 600; }
    .money-description-cell { display: flex; align-items: center; gap: 5px; min-width: 0; }
    .money-description-cell > span { overflow: hidden; text-overflow: ellipsis; }
    .money-drive-icon { flex: 0 0 auto; text-decoration: none; font-weight: 700; }
    .money-row-action { min-height: 28px !important; height: 28px; padding: 3px 7px !important; font-size: .6875rem; }
    .money-report-indicator { border: 0; background: transparent; color: var(--accent); text-decoration: underline; cursor: pointer; font: inherit; font-size: .6875rem; padding: 0; }
    .money-source-filters { display: flex; align-items: end; gap: 8px; margin: 6px 0 9px; }
    .money-source-filters label { display: grid; grid-template-columns: auto minmax(150px, 240px); align-items: center; gap: 7px; font-size: .75rem; font-weight: 700; }
    .money-source-table { min-width: 780px; }
    .money-source-table th, .money-source-table td { height: 52px; padding-block: 5px; vertical-align: middle; }
    .money-source-table td:first-child { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .money-source-actions { display: flex; gap: 5px; white-space: nowrap; }
    .money-speed-dial { position: fixed; right: calc(28px + env(safe-area-inset-right)); bottom: calc(96px + env(safe-area-inset-bottom)); z-index: 19; display: grid; justify-items: end; gap: 7px; }
    .money-speed-dial.hidden { display: none; }
    .money-speed-dial .money-fab { position: static; }
    .money-speed-actions { display: grid; justify-items: end; gap: 6px; opacity: 0; transform: translateY(8px) scale(.98); pointer-events: none; transition: opacity .14s ease, transform .14s ease; }
    .money-speed-actions[aria-hidden="false"] { opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
    .money-speed-actions .btn { min-height: 36px; padding: 6px 12px; border-color: var(--line-strong); background: var(--panel); box-shadow: 0 7px 18px rgba(45,50,51,.13); font-weight: 700; }
    .money-upload-list { display: grid; gap: 8px; }
    .money-upload-row { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px; border: 1px solid var(--hairline); background: var(--panel2); }
    .money-upload-row img { width: 64px; height: 64px; object-fit: cover; background: var(--panel); }
    .money-upload-row strong, .money-upload-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
    .money-storage-choice { padding: 10px 0; }
    .money-divider { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; color: var(--muted); margin: 4px 0 12px; }
    .money-divider::before, .money-divider::after { content: ""; border-top: 1px solid var(--hairline); }
    .money-receipt-image { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 10px; align-items: center; margin-top: 10px; padding: 9px; border: 1px solid var(--hairline); background: var(--panel2); }
    .money-receipt-image img { width: 96px; height: 96px; object-fit: contain; background: var(--panel); }
    #moneyReceiptManualReview:not(.hidden) { display: grid; gap: 10px; white-space: normal; }
    #moneyReceiptManualReview p { margin: 0; }
    #moneyReceiptManualReview label { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 9px; align-items: center; min-height: 44px; }
    #moneyReceiptManualReview input[type="checkbox"] { width: 20px; min-width: 20px; max-width: 20px; height: 20px; min-height: 20px; margin: 0; padding: 0; }
    #moneyReceiptReviewConfirmBtn { justify-self: start; }
    .money-extraction-status { display: grid; gap: 7px; margin: 4px 0 12px; padding: 10px 0; border-block: 1px solid var(--hairline); }
    .money-extraction-status strong { font-family: var(--font-display); font-size: 1rem; }
    .money-extraction-status.failed strong { color: var(--danger); }
    .money-extraction-status.needs-review strong { color: var(--warning); }
    .money-extraction-actions { display: flex; flex-wrap: wrap; gap: 7px; }
    @media (max-width: 699px) {
      .money-form-grid, .money-fx-editor { grid-template-columns: 1fr; }
      .money-form-grid .wide { grid-column: auto; }
      .money-storage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .money-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .money-filter-grid { gap: 6px; }
      .money-filter-grid label { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px; }
      .money-filter-grid input, .money-filter-grid select, .money-filter-grid .clarinda-inline-picker-trigger { min-height: var(--body-control-sm-h) !important; height: var(--body-control-sm-h); padding: var(--body-space-1) 5px; font-size: .6875rem; white-space: nowrap; }
      #moneyReceiptsPanel .money-table th, #moneyReceiptsPanel .money-table td { height: var(--body-task-row-h); max-height: var(--body-task-row-h); padding-block: var(--body-space-1); }
      .money-tabs .money-tab { padding-inline: 5px; font-size: .6875rem; }
      .money-utility-row { align-items:flex-start; }
      .money-selection-actions { align-items:stretch; }
      .money-selection-actions label { width:100%; grid-template-columns:1fr; }
      .money-upload-row { grid-template-columns: 54px minmax(0, 1fr); }
      .money-upload-row img { width: 54px; height: 54px; }
      .money-upload-row > span:last-child { grid-column: 2; }
      .money-speed-dial { right: calc(18px + env(safe-area-inset-right)); }
    }
    #screen-chat .composer { align-items: center; }
    #screen-chat .chat-add-menu,
    #screen-chat #chatVoiceBtn,
    #screen-chat #chatSubmit { align-self: center; }
    #screen-crm .crm-pipeline-board,
    #screen-crm #crmPipelineBoard,
    #screen-crm .crm-pipeline-type,
    #screen-crm .crm-pipeline-grid { gap: 0; }
    #screen-crm .crm-pipeline-board { margin-top: 0; }
    #screen-crm #crmPipelineBoard { display: grid; }
    #screen-crm .crm-pipeline-type + .crm-pipeline-type { border-top: 1px solid var(--hairline); }
    #screen-crm .crm-pipeline-type-head {
      border: 0;
      border-radius: 0;
      background: transparent;
    }
    #screen-crm .crm-pipeline-grid { border-top: 1px solid var(--hairline); }
    #screen-crm .crm-lead-card {
      border: 0;
      border-radius: 0;
      background: transparent;
      overflow: visible;
    }
    #screen-crm .crm-lead-card + .crm-lead-card { border-top: 1px solid var(--hairline); }
    #screen-crm .crm-lead-summary {
      appearance: none;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: inherit;
      font: inherit;
      text-align: start;
      cursor: pointer;
    }
    #screen-crm .crm-lead-summary:hover,
    #screen-crm .crm-pipeline-type-head:hover { background: color-mix(in srgb, var(--clarinda-accent) 6%, transparent); }
    #screen-crm .crm-lead-top-controls .chip.due,
    #screen-crm .crm-lead-top-controls .chip.overdue {
      border-color: color-mix(in srgb, var(--clarinda-accent) 58%, var(--line));
      color: var(--ink);
      background: color-mix(in srgb, var(--clarinda-accent) 12%, transparent);
    }
    #screen-crm .crm-lead-linked-contact .crm-contact-card-body {
      padding-inline: 0;
      border-top-color: var(--hairline);
    }
    #screen-crm .crm-lead-contact-missing {
      padding: 8px;
      border-inline-start: 3px solid var(--line-strong);
      background: color-mix(in srgb, var(--panel2) 70%, transparent);
      color: var(--muted);
      font-size: .75rem;
    }
    #healthPanelMind:not(.mind-unlocked)>:not(#mindGateScreen):not(#lifeGuideMind):not(#eventLog){display:none!important}
    .urgent-row{display:grid;grid-template-columns:24px 20px 22px minmax(0,1fr) 32px 32px;gap:5px;align-items:center;padding:8px 0}.urgent-row .drag-handle{touch-action:none}.urgent-project{display:block;font-weight:normal}.urgent-row .compact-check{width:16px;height:16px}.mind-write-float{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));float:right;z-index:20}.money-table tbody tr[data-money-edit-row]{cursor:pointer}
    .event-tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.event-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:var(--panel2)}.event-tag button{border:0;background:transparent;color:inherit;cursor:pointer;padding:2px 4px}.event-timezone-label{font-size:.8rem}#eventTagEditor[hidden]{display:none!important}
    #eventFilters{display:grid;grid-template-columns:minmax(125px,150px) minmax(125px,150px) minmax(0,1fr) auto;gap:12px;align-items:end}
    #eventFilters label{display:grid;gap:5px;min-width:0;margin:0;align-self:start}
    #eventFilters input,#eventFilters select,#eventFilters .clarinda-inline-picker{width:100%;min-width:0;box-sizing:border-box}
    #eventFilters input[type="date"]{min-height:44px;padding-inline:4px}
    .event-date-control{position:relative;min-width:0;display:block}.event-date-display{display:none}
    @media(max-width:760px){#eventFilters .clarinda-inline-picker-trigger{min-height:56px}.event-date-display{display:grid;align-content:center;min-height:56px;box-sizing:border-box;padding:4px;border:1px solid var(--line);border-radius:var(--ds-radius-control,10px);background:var(--input-bg,var(--panel));font:inherit;line-height:1.25;text-align:start}.event-date-control input[type="date"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.event-date-control:focus-within{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--ds-radius-control,10px)}}
    #eventExport{white-space:nowrap;margin:0}
    #eventListStatus:empty{display:none}
    #eventLog [hidden],#eventOverlay [hidden]{display:none!important}
    @media(max-width:760px){#eventFilters{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#eventFilters .event-filter-search{grid-column:1 / -1}#eventExport{grid-column:1 / -1;justify-self:start}}
    /* Selected-period Work Analytics uses the existing Clarinda surfaces. */
    #analyticsSummary.work-report-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .work-report-summary .metric { min-width:0; }
    .work-report-summary .metric strong { display:block; overflow-wrap:anywhere; }
    .work-report-charts { display:grid; grid-template-columns: minmax(0,1fr); gap:18px; margin:14px 0; }
    .work-report-charts > section { min-width:0; }
    .work-report-charts h4 { margin:0 0 10px; }
    .work-report-category { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,40%) minmax(0,1fr) minmax(0,.7fr); align-items:center; gap:8px; padding:8px 0; border-bottom:1px solid var(--line); }
    .work-report-category > * { min-width:0; overflow-wrap:anywhere; }
    .work-report-category .work-report-duration, .work-report-category .work-report-tasks { text-align:end; }
    .work-report-category .work-report-meter { margin:0; width:100%; }
    .work-report-category .row { gap:8px; align-items:baseline; }
    .work-report-category strong { overflow-wrap:anywhere; }
    .work-report-category .meta { margin:5px 0 0; }
    .work-report-meter { height:5px; background:var(--line); border-radius:5px; overflow:hidden; margin-top:7px; }
    .work-report-meter span { display:block; height:100%; background:var(--control-green); }
    .work-report-values summary { cursor:pointer; padding:8px 0; }
    .work-report-value-list { max-height:280px; overflow:auto; }
    .work-report-value-list .row { border-bottom:1px solid var(--line); padding:7px 0; gap:12px; }
    .work-report-record { display:block; width:100%; margin-top:8px; text-align:start; white-space:normal; }
    .bottom-nav button[data-screen="chat"] .nav-glyph svg { transform:translateY(1.5px); }
    #screen-health .health-water-layout { display:grid; grid-template-columns:70px minmax(0,1fr) max-content; grid-template-rows:auto; align-items:center; gap:8px; }
    #screen-health .health-water-drop { width:70px; height:98px; align-self:center; }
    #screen-health .health-water-actions { grid-column:3; grid-row:1; display:grid; grid-template-columns:1fr; grid-template-rows:repeat(3,minmax(0,1fr)); height:98px; gap:2px; margin:0; align-self:center; min-width:0; }
    #screen-health .health-water-actions .btn { height:100%; min-height:0; padding-block:0; padding-inline:7px; white-space:nowrap; }
    #screen-health .health-water-layout > div:not(.health-water-actions) { min-width:0; }
    #screen-health .health-water-target-form { min-width:0; flex-wrap:wrap; }
    #screen-health .health-water-target-input { min-width:0; max-width:100%; }
    @media(max-width:700px){
      .work-report-charts { grid-template-columns:1fr; gap:18px; }
      .work-report-category { grid-template-columns:minmax(0,1.2fr) minmax(0,24%) minmax(0,1fr) minmax(0,.7fr); }
      #analyticsSummary.work-report-summary { gap:6px; }
      .work-report-summary .metric { padding:9px 7px; }
    }
    @media(max-width:360px){
      #analyticsSummary.work-report-summary { grid-template-columns:1fr; }
      .work-report-summary .metric { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
      #screen-health .health-water-layout { grid-template-columns:61.6px minmax(0,1fr) max-content; gap:5px; }
      #screen-health .health-water-drop { width:61.6px; }
      #screen-health .health-water-actions .btn { padding-inline:5px; }
    }

    /* Compact Health history and Work controls share the active text-size tokens. */
    .health-history-controls { display:flex; align-items:center; gap:8px; margin-top:12px; }
    .health-history-controls select { width:auto; min-width:0; }
    .health-history-chart { display:block; width:100%; height:110px; }
    .health-history-chart .dot { fill:var(--ink); stroke:none; }
    .health-history-chart .trend-line { stroke:var(--ink); }
    .health-history-chart text { fill:var(--muted); font-size:.625rem; }
    .health-history-disclosure summary { cursor:pointer; padding:8px 0; font-weight:600; }
    .health-history-rows { --history-row-h: max(36px, var(--body-task-row-h)); height:calc(7 * var(--history-row-h)); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
    .health-history-day { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; height:var(--history-row-h); min-height:var(--history-row-h); box-sizing:border-box; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); font:inherit; padding:0 5px; cursor:pointer; }
    .health-history-day:disabled { opacity:1; color:var(--muted); cursor:default; }
    .health-history-day:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
    #screen-work .urgent-list { --urgent-fixed-space:calc(3 * var(--body-action-h) + 2 * var(--body-check-size) + 6 * var(--body-space-1)); display:grid; padding-inline:var(--body-space-2); grid-template-columns:var(--body-action-h) var(--body-check-size) var(--body-check-size) minmax(0,1fr) fit-content(min(40%, max(0px, calc(100% - var(--urgent-fixed-space) - 24px)))) var(--body-action-h) var(--body-action-h); column-gap:var(--body-space-1); }
    #screen-work .compact-row.urgent-row { grid-column:1 / -1; padding-inline:0; grid-template-columns:subgrid; gap:var(--body-space-1); }
    #screen-work .urgent-row .compact-title-btn { grid-column:4 / span 2; display:grid; grid-template-columns:subgrid; align-items:center; gap:var(--body-space-1); min-width:0; overflow:visible; }
    #screen-work .urgent-row .compact-title { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    #screen-work .urgent-project { display:block; max-width:none; margin:0; text-align:start; min-width:0; white-space:normal; overflow-wrap:anywhere; overflow:visible; text-overflow:clip; }
    #healthPanelMind #lifeGuideMind.thought-card {border-inline-start:4px solid var(--clarinda-primary);background:var(--clarinda-quiet);padding:20px;scroll-margin-top:16px;}
    html[data-theme="dark"] #healthPanelMind #lifeGuideMind.thought-card {background:var(--clarinda-dark-raised);border-inline-start-color:var(--clarinda-dark-selected);}
    #lifeGuideMind.thought-card [hidden]{display:none!important}
    #lifeGuideMind.thought-card figure {margin:12px 0 0;}
    #lifeGuideMind.thought-card blockquote {margin:0;font-family:"XCharter Clarinda",Charter,Georgia,serif;font-size:1.5rem;line-height:1.45;overflow-wrap:anywhere;text-wrap:pretty;}
    #lifeGuideMind.thought-card figcaption {margin-top:12px;}
    #lifeGuideMind.thought-card.thought-enter {animation:clarinda-thought-enter 600ms ease-out;}
    @keyframes clarinda-thought-enter {from{box-shadow:0 0 0 3px var(--clarinda-accent);}to{box-shadow:0 0 0 0 transparent;}}
    @media(min-width:1000px){#lifeGuideMind.thought-card blockquote{font-size:calc(1.5rem * var(--app-text-scale));}}
    @media(max-width:600px){#healthPanelMind #lifeGuideMind.thought-card{padding:16px;}}
    @media(prefers-reduced-motion:reduce){#lifeGuideMind.thought-card.thought-enter{animation:none;}}
    #healthPanelMind .card-head { flex-wrap:wrap; }
    #healthPanelMind .performance-analysis-controls { min-width:0; max-width:100%; }
    #mindHistory .card-head > .row { min-width:0; max-width:100%; flex-wrap:wrap; }
    #mindHistory .card-head .btn { min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
    #mindFilters .mind-filter-line { display:grid; grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr); gap:5px; align-items:center; }
    #mindFilters .mind-filter-line label { font-size:inherit; white-space:nowrap; }
    #mindFilters .mind-filter-line :is(input,select) { min-width:0; width:100%; padding-inline:3px; box-sizing:border-box; }
    #mindFilters .clarinda-inline-picker { align-self:center; }
    #mindFilters .clarinda-inline-picker-trigger { min-height:var(--body-control-h); padding:var(--body-space-2) 3px; gap:3px; }
    #mindFilters .clarinda-inline-picker-title { display:block; white-space:nowrap; text-overflow:ellipsis; }
    #healthPanelMind { padding-bottom:calc(var(--body-fab-h) + 24px); }
    #mindFloatingWrite { display:none; }
    body:has(#screen-health.active #healthPanelMind.mind-unlocked:not([hidden])) #mindFloatingWrite { display:inline-flex; }
    body:has(.overlay:not(.hidden)) #mindFloatingWrite { visibility:hidden; }
  @media(max-width:350px){.bottom-nav button{font-size:.6875rem}}
  @media(max-width:420px){.bottom-nav{left:4px;right:4px;padding:5px 1px;gap:0}.bottom-nav button,.bottom-nav a{min-height:62px;height:auto}.top-actions{gap:3px}.top-actions .icon-btn{min-width:32px;width:32px}}

    /* One viewport and one bottom-edge contract across mobile screens. */
    #screen-chat .chat-shell { display:flex; flex-direction:column; }
    #screen-chat :is(#chatToday,.chat-load-earlier,.chat-composer-dock) { flex:none; }
    .chat-transcript { flex:1; position:relative; min-height:0; overflow:hidden; display:grid; }
    .chat-transcript .chat-jump-bottom { bottom:8px; }
    .health-chart-row { display:grid; grid-template-columns:minmax(0,1fr) max-content; align-items:center; gap:8px; direction:ltr; }
    .health-chart-row > * { min-width:0; }
    .health-chart-row .health-history-controls { display:grid; gap:4px; margin:0; justify-items:start; }
    .health-history-controls :is(select,.clarinda-inline-picker,.clarinda-inline-picker-trigger) { width:max-content; max-width:100%; min-width:0; }
    .health-history-controls .clarinda-inline-picker-trigger { padding-inline:7px; }
    .reading-capture { display:grid; grid-template-columns:minmax(0,1fr) clamp(44px,16vw,64px) auto clamp(44px,16vw,64px) auto; align-items:center; gap:4px; }
    .reading-capture input { min-width:0; width:100%; padding-inline:4px; }
    .reading-capture input[type="number"] { appearance:textfield; -moz-appearance:textfield; }
    .reading-capture input[type="number"]::-webkit-inner-spin-button, .reading-capture input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
    .reading-capture .btn { justify-self:end; }
    #readingSaveStatus:empty, #readingSuggestions:empty { display:none; }
    #exerciseHistoryDisclosure > summary { cursor:pointer; font-weight:700; min-height:36px; display:list-item; }
    .client-update-notice { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; padding:8px 12px; background:var(--panel); border-top:1px solid var(--line); font-size:.9rem; }
    #exerciseStrengthFields:not(.hidden) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    #exerciseStrengthFields label,#exerciseStrengthFields input { min-width:0; width:100%; }
    #exerciseStrengthFields .field-label { align-content:start; }
    #exerciseHistoryRows .exercise-compact-row, .exercise-compact-row, #eventRows .event-compact-row { display:flex; align-items:center; gap:6px; min-width:0; padding:4px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; box-shadow:none; background:transparent; }
    .exercise-row-summary,.session-summary,#eventRows .event-row-summary { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:start; }
    .exercise-history-actions { display:flex; flex:none; gap:4px; }
    .exercise-compact-row .btn { min-width:44px; min-height:44px; padding:6px; flex:none; }
    #eventRows { gap:0; }
    #eventRows .event-compact-row { min-height:var(--body-task-row-h); padding:var(--body-space-1) var(--body-space-2); gap:var(--body-space-1); }
    #eventRows .event-compact-row:last-child { border-bottom:0; }
    #eventRows .event-row-summary { min-height:var(--body-action-h); font-size:.71875rem; font-weight:600; line-height:1.25; }
    #eventRows .event-row-summary .meta { font-size:inherit; }
    #eventRows .icon-action { flex:none; width:var(--body-action-h); height:var(--body-action-h); min-width:var(--body-action-h); min-height:var(--body-action-h); padding:0; }
    #eventRows [data-event-edit] { font-size:.875rem; }
    @media (min-width:1000px) {
      #eventRows .event-row-summary { font-size:var(--desktop-type-body); line-height:1.35; }
    }
    #eventRows [data-event-retry] { display:none; }
    .exercise-progress-list { max-height:240px; overflow:auto; }
    .exercise-progress-row { display:block; width:100%; text-align:start; border-bottom:1px solid var(--line); }
    .session-lap-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px; align-items:end; gap:8px; }
    .session-lap-row input { width:100%; min-width:0; }
    #exerciseSessionForm .session-member { display:grid; grid-template-columns:20px minmax(0,1fr); align-items:center; gap:8px; min-height:44px; }
    #exerciseSessionForm .session-member input { width:20px; min-height:20px; height:20px; margin:0; padding:0; }
    #exerciseSessionForm [hidden] { display:none!important; }
    .client-update-notice[hidden], .app-refresh-indicator[hidden] { display:none; }
    .app-refresh-indicator { position:fixed; z-index:90; top:calc(var(--app-content-top,66px) + 6px); inset-inline-start:50%; transform:translateX(-50%); display:flex; gap:8px; align-items:center; max-width:calc(100vw - 24px); padding:8px 14px; border:1px solid var(--line); border-radius:24px; background:var(--panel); color:var(--ink); box-shadow:0 3px 12px #0002; pointer-events:none; }
    .app-refresh-indicator button { pointer-events:auto; }
    :is(#settingsUpdateBtn,#clientUpdateReturn,#appRefreshRetry)[hidden] { display:none!important; }
    [dir=rtl] .app-refresh-indicator { transform:translateX(50%); }
    .keyboard-open :is(.task-fab,.money-speed-dial) { visibility:hidden; }
    .fab-at-end { visibility:hidden; pointer-events:none; }
    @media(max-width:999px) {
      html:has(.app:not(.hidden)), html:has(.app:not(.hidden)) body { height:100%; overflow:hidden; overscroll-behavior:none; }
      .app { height:100dvh; min-height:0; overflow:hidden; }
      .shell, html[data-active-screen="chat"] .shell { position:fixed; top:var(--app-content-top,66px); bottom:var(--app-nav-clearance,88px); left:0; right:0; height:auto; min-height:0; overflow:hidden; padding:0 6px; display:block; }
      .content, html[data-active-screen="chat"] .content { height:100%; min-height:0; overflow:auto; overscroll-behavior:contain; padding:0; }
      .screen.active { min-height:0; margin-bottom:0; padding-bottom:0; align-content:start; }
      #healthPanelMind { padding-bottom:0; }
      html[data-active-screen="calendar"] .content { overflow:hidden; }
      #screen-calendar.active, #screen-chat.active { height:100%; min-height:0; }
      #screen-calendar.active { display:block; }
      #screen-calendar .calendar-card { height:100%; display:flex; flex-direction:column; padding:0; border-bottom:0; }
      #screen-calendar .calendar-toolbar, #screen-calendar .calendar-status, #screen-calendar .calendar-all-day { flex:none; }
      #screen-calendar .calendar-grid { flex:1; min-height:0; height:auto; max-height:none; }
      #screen-calendar .calendar-toolbar { grid-template-columns:36px minmax(0,1fr) 36px; }
      #screen-calendar #calendarTodayBtn { display:none; }
      #screen-calendar .calendar-view-toggle { grid-column:1/-1; width:100%; }
      .task-fab, .money-speed-dial { right:calc(18px + env(safe-area-inset-right)); bottom:calc(96px + env(safe-area-inset-bottom)); }
      .money-speed-dial .money-fab { position:static; }
    }

    /* Peer section headings use the same treatment, independent of wrappers. */
    .screen :is(.card,.health-pulse-card) .card-head h3, #chatToday .today-heading > strong { font-family:var(--ds-font-display)!important; font-size:var(--desktop-type-section,1.125rem)!important; line-height:1.2!important; font-weight:700!important; letter-spacing:0; }
    @media(max-width:899px){.screen :is(.card,.health-pulse-card) .card-head h3, #chatToday .today-heading > strong{font-size:1.125rem!important;}}
    .health-chart-row { align-items:start; }
    .health-chart-row .health-history-controls { padding-top:24px; }
    .health-history-chart { height:151px!important; min-height:151px; width:100%; overflow:visible; }
    .health-history-chart text {font:12px var(--ds-font-body);fill:var(--muted);}
    .health-history-chart .history-bar {fill:var(--clarinda-primary);opacity:.85;}
    .health-history-chart .history-missing {fill:var(--line);}
    .health-history-chart .trend-line {stroke:var(--clarinda-primary);stroke-width:1.5;}
    .health-history-chart .dot {fill:var(--clarinda-primary);}
    .health-history-chart .grid-line {stroke:var(--line);stroke-width:1;opacity:.45;}
    .health-history-chart .axis-line {stroke:var(--muted);stroke-width:1;}
    .health-history-chart [tabindex]:focus {outline:none;stroke:var(--ink);stroke-width:2;}
    .health-chart-value {min-height:2.4em;margin:4px 0;}
    #moneyReceiptsPanel .table-wrap {overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y pinch-zoom;}
    #moneyReceiptsPanel .money-table, #moneyReceiptsPanel .money-table * {touch-action:auto;}
    .money-source-storage {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;}
    .money-source-storage > .meta {flex-basis:100%;}
    .chat-add-popover {max-height:min(65dvh,540px);overflow-y:auto;}
    .chat-menu-group {grid-column:1 / -1;font-size:.75rem; margin:5px 0 0;}
    #chatToday .today-item {border:1px solid var(--ds-rim-dark);border-radius:var(--ds-radius-control);background:var(--panel);box-shadow:var(--ds-shadow-contact);padding:8px 10px;}
    #chatToday button:active {transform:translateY(1px);}
    #chatToday button:focus-visible {outline:2px solid var(--accent);outline-offset:2px;}
    .search-filter-row {display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
    #lifeSearchForm .search-filter-row label {display:flex;align-items:center;gap:8px;min-width:0;}
    #lifeSearchForm .search-query {flex:1 1 210px;}
    #lifeSearchForm .search-query input {flex:1;min-width:90px;width:0;}
    #lifeSearchForm .search-category {flex:0 0 auto;max-width:100%;}
    #lifeSearchForm .search-category :is(select,.clarinda-inline-picker,.clarinda-inline-picker-trigger){width:max-content;max-width:100%;min-width:0;}
    #lifeSearchForm .search-date {flex:1 1 180px;}
    #lifeSearchForm .search-date input {flex:1;min-width:120px;width:0;}