/* ── style/00-tokens.css ── */
:root{
    --color-page:#FFFFFF;
  --color-well:#EEF3F6;
  --color-soft:#EAF0F4;
  --color-rail:#F1F5F8;
  --color-rail-on:#DDE7ED;
--color-line:#D5DEE4;
  --color-edge:#7D8F9C;
--color-ink:#0B1B26;
  --color-ink-2:#3F5260;
  --color-ink-3:#56687A;
--color-navy:#0E2A3B;
  --color-navy-2:#16384C;
  --color-navy-3:#24506A;
  --color-navy-4:#2A5873;
  --color-on-navy:#FFFFFF;
  --color-on-navy-2:#B9CCD8;
    --color-navy-rule:rgba(255,255,255,0.14);
--color-lemon:#F5D547;
  --color-lemon-hover:#F9E27C;
  --color-lemon-press:#FBEA9E;
    --color-lemon-deep:#E0B814;
--color-urgent:#8E1A12;
  --color-urgent-mark:#D93A2B;
  --color-urgent-tint:#FDECEA;
  --color-soon:#734100;
  --color-soon-mark:#B47B00;
  --color-soon-tint:#FFF0CC;
  --color-done:#105634;
  --color-done-mark:#18794E;
  --color-done-tint:#E7F5EE;
    --color-on-mark:#FFFFFF;
--color-stage-new:var(--color-lemon);
  --color-stage-contacted:#8DBBD3;
  --color-stage-showing:#3F86AD;
  --color-stage-offer:var(--color-navy-3);
  --color-stage-closed:var(--color-done-mark);
  --color-stage-lost:#B3C0C9;
--color-press:#D5E0E8;
  --color-veil:rgba(11,27,38,0.06);
  --color-veil-2:rgba(11,27,38,0.12);
  --color-glow:rgba(255,255,255,0.10);
  --color-glow-2:rgba(255,255,255,0.18);
--color-focus:#0E7490;
  --color-scrim:rgba(11,27,38,0.44);
--color-ios-ground:#F2F2F7;
  --color-ios-ink:#000000;
  --color-ios-ink-2:#5E5E63;
  --color-ios-ink-3:#6C6C70;
    --color-ios-sep:#C6C6C8;
  --color-ios-press:#E5E5EA;
  --color-ios-fill:#E3E3E8;
    --color-ios-edge:#768794;
    --color-ios-tint:#0A5C8A;
  --color-ios-tint-2:#1A6E9E;
  --color-ios-tint-3:#2A7DAE;
  --color-ios-tint-soft:#E3EEF5;
  --color-ios-tint-soft-2:#CFE1EC;
  --color-ios-urgent:#B3261E;
  --color-ios-urgent-mark:#FF3B30;
  --color-ios-soon:#8A5300;
  --color-ios-soon-mark:#B47B00;
  --color-ios-done:#1E7B34;
  --color-ios-done-mark:#248A3D;
    --color-ios-toast:#1C1C1E;
    --color-ios-call:#1E7B34;
  --color-ios-call-press:#17642A;
--font-sans:"Plus Jakarta Sans", "Plus Jakarta Sans fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-log:ui-monospace, SFMono-Regular, Menlo, monospace;
    --font-phone:-apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-heavy:800;
--text-11:11px;
  --text-12:12px;
  --text-13:13px;
  --text-14:14px;
  --text-15:15px;
  --text-16:16px;
  --text-17:17px;
  --text-18:18px;
  --text-20:20px;
  --text-22:22px;
  --text-28:28px;
  --text-34:34px;
  --text-38:38px;
  --text-44:44px;
--leading-41:41px;
  --leading-34:34px;
  --leading-28:28px;
  --leading-25:25px;
  --leading-22:22px;
  --leading-20:20px;
  --leading-18:18px;
  --leading-16:16px;
  --leading-13:13px;
--space-4:4px;
  --space-8:8px;
  --space-12:12px;
  --space-16:16px;
  --space-20:20px;
  --space-24:24px;
  --space-32:32px;
--radius-6:6px;
    --radius-8:8px;
  --radius-10:10px;
  --radius-12:12px;
  --radius-14:14px;
  --radius-20:20px;
  --radius-pill:999px;
  --radius-round:50%;
--shadow-edge:inset 0 0 0 1px var(--color-line);
  --shadow-ring:inset 0 0 0 1.5px var(--color-navy);
  --shadow-check:inset 0 0 0 2.5px currentColor;
  --shadow-check-ios:inset 0 0 0 2px currentColor;
    --shadow-tag:inset 0 0 0 1.5px var(--color-ink-3);
  --shadow-radio:inset 0 0 0 2px var(--color-ink-3);
  --shadow-radio-on:inset 0 0 0 6px var(--color-lemon);
  --shadow-rail:1px 0 0 var(--color-line);
    --shadow-tabbar:0 -0.5px 0 var(--color-navy-rule);
  --shadow-bar:0 0.5px 0 var(--color-ios-sep);
  --shadow-thumb-ring:0 1px 3px rgba(0,0,0,0.12), inset 0 0 0 1px var(--color-ios-ink-3);
  --shadow-thumb-ring-2:0 1px 3px rgba(0,0,0,0.12), inset 0 0 0 2px var(--color-ios-ink-3);
  --shadow-row-focus:inset 3px 0 0 var(--color-ios-tint);
  --shadow-face-urgent:0 0 0 2px var(--color-page), 0 0 0 4px var(--color-ios-urgent-mark);
    --shadow-asheet-rule:inset 0 -0.5px 0 var(--color-ios-sep);
  --shadow-asheet-sep:inset 0 0.5px 0 var(--color-ios-sep);
  --shadow-switch:inset 0 0 0 1.5px var(--color-ios-ink-3);
    --shadow-tag-ios:inset 0 0 0 1.5px var(--color-ios-ink-3);
  --shadow-tag-tint:inset 0 0 0 1.5px var(--color-ios-tint);
  --shadow-notice-attend:inset 4px 0 0 var(--color-ios-urgent-mark);
  --shadow-knob:0 3px 8px rgba(0,0,0,0.15), 0 1px 1px rgba(0,0,0,0.16);
  --shadow-field-focus:0 0 0 3px rgba(14,116,144,0.2);
  --shadow-sheet:0 -8px 40px rgba(11,27,38,0.28);
  --shadow-dialog:0 16px 48px rgba(11,27,38,0.26);
  --shadow-toast:0 8px 24px rgba(11,27,38,0.24);
    --shadow-head-rule:inset 0 -1px 0 var(--color-line);
    --shadow-head-rule-ios:inset 0 -0.5px 0 var(--color-ios-sep);
--duration-120:120ms;
  --duration-240:240ms;
  --duration-420:420ms;
  --duration-1000:1s;
  --ease-out:cubic-bezier(0.2,0.8,0.2,1);
  --ease-sheet:cubic-bezier(0.18,0.9,0.28,1.08);
--z-raised:1;
  --z-focus:10;
  --z-nav:20;
  --z-toast:30;
--topbar-h:52px;
  --rail-w:104px;
  --sidebar-w:240px;
    --content-narrow:44rem;
    --content-table:64rem;
    --band-top:48px;
  --gutter:16px;
    --bar-h:44px;
  --tab-h:50px;
  --tab-foot:12px;
  --control-h:44px;
  --control-lg:50px;
  --row-y:11px;
--bp-big:1599px;         --bp-board:1359px;       --bp-sidebar:1099px;     --bp-phone:767px;        --bp-narrow:640px;       --bp-big-phone:413px;    --bp-single:380px;       --bp-small-phone:374px; }
@media (min-width: 414px) and (max-width: 767px){
  :root{--gutter:20px}
}
@media (min-width: 768px){
  :root{--gutter:28px}
}
@media (min-width: 1100px){
  :root{--gutter:36px}
}
/* ── style/05-faces.css ── */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/plus-jakarta-sans-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Plus Jakarta Sans fallback";font-style:normal;font-weight:400;src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Liberation Sans"),local("LiberationSans");size-adjust:104.42%;ascent-override:99.41%;descent-override:21.26%;line-gap-override:0%}
@font-face{font-family:"Plus Jakarta Sans fallback";font-style:normal;font-weight:500;src:local("Arial"),local("ArialMT"),local("Helvetica"),local("Liberation Sans"),local("LiberationSans");size-adjust:105.49%;ascent-override:98.40%;descent-override:21.04%;line-gap-override:0%}
@font-face{font-family:"Plus Jakarta Sans fallback";font-style:normal;font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Helvetica-Bold"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Arial");size-adjust:101.12%;ascent-override:102.65%;descent-override:21.95%;line-gap-override:0%}
@font-face{font-family:"Plus Jakarta Sans fallback";font-style:normal;font-weight:800;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Bold"),local("Helvetica-Bold"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Arial");size-adjust:102.18%;ascent-override:101.59%;descent-override:21.73%;line-gap-override:0%}
/* ── style/10-base.css ── */
*,::after,::before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
:where(html){-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
:where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}
:where(b,strong){font-weight:bolder}
:where(code,kbd,samp,pre){font-family:var(--font-log);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
:where(table){text-indent:0;border-color:inherit;border-collapse:collapse}
:where(ol,ul,menu){list-style:none}
:where(img,svg,video,canvas,audio,iframe,embed,object){vertical-align:middle;display:block}
:where(img,video){max-width:100%;height:auto}
:where(button,input,select,optgroup,textarea){font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0;margin-inline-end:4px;appearance:button}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
  ::placeholder{color:currentColor}
  @supports (color:color-mix(in lab, red, red)){
    ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
  }
}
:where(textarea){resize:vertical}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex;padding-block:0}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
:where(button,input:where([type=button],[type=reset],[type=submit])){appearance:button}
:where([hidden]:not([hidden=until-found])){display:none!important}
*{border-color:var(--color-line)}
:where(html){font-family:var(--font-sans);font-size:var(--text-16);background-color:var(--color-page)}
:where(body){min-height:100svh;background-color:var(--color-page);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-17);line-height:1.45;font-variant-numeric:tabular-nums;word-spacing:0.04em}
:where(#root){display:contents}
:where(a){color:var(--color-navy);text-decoration:none}
:where(:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}
@media (hover: hover) and (pointer: fine){
  :where(a:hover){text-decoration:underline;text-underline-offset:3px}
}
/* ── style/15-motion.css ── */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes dialog-in{from{opacity:0;transform:scale(0.95)}}
@keyframes dialog-out{to{opacity:0;transform:scale(0.95)}}
@keyframes fade-in{from{opacity:0}}
@keyframes fade-out{to{opacity:0}}
@keyframes sheet-in{from{transform:translateY(100%)}}
@keyframes sheet-pop{from{opacity:0;transform:scale(0.97)}}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
/* ── style/20-atoms.css ── */
.num{font-variant-numeric:tabular-nums}
.fi{flex:none;width:1.1em;height:1.1em}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* ── style/30-buttons.css ── */
:where(.btn){display:inline-flex;flex-shrink:0;touch-action:manipulation;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-14);font-weight:var(--weight-bold);line-height:1.25;white-space:nowrap;transition-property:background-color,box-shadow,color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out);-webkit-user-select:none;user-select:none}
:where(.btn--primary){background-color:var(--color-navy);color:var(--color-on-navy)}
:where(.btn--outline){background-color:var(--color-page);box-shadow:var(--shadow-edge);color:var(--color-navy)}
:where(.btn--md){min-height:44px;padding-inline:16px;font-size:var(--text-16)}
:where(.btn--sm){min-height:36px;min-width:44px;padding-inline:14px;border-radius:var(--radius-pill);font-size:var(--text-15)}
:where(.btn--quiet){min-height:40px;border-radius:var(--radius-10);padding-inline:8px;font-size:var(--text-15);font-weight:var(--weight-medium);color:var(--color-ink-2);text-decoration-line:underline;text-decoration-color:var(--color-edge);text-underline-offset:3px}
:where(.btn--segment){min-height:44px;border-radius:0;background-color:var(--color-page);padding-inline:8px;font-size:var(--text-15);color:var(--color-ink-2)}
@media (hover: hover) and (pointer: fine){
  :where(.btn--primary:hover){background-color:var(--color-navy-2)}
  :where(.btn--outline:hover){box-shadow:var(--shadow-ring)}
  :where(.btn--quiet:hover){color:var(--color-ink);background-color:var(--color-veil)}
  :where(.btn--segment:hover){background-image:linear-gradient(var(--color-veil),var(--color-veil))}
}
:where(.btn--primary:active){background-color:var(--color-navy-3)}
:where(.btn--outline:active){background-color:var(--color-press);box-shadow:none}
:where(.btn--quiet:active){background-color:var(--color-veil-2)}
:where(.btn--segment:active){background-image:none;background-color:var(--color-soft)}
:where(.btn:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}
:where(.btn:active:not([aria-haspopup])){scale:0.97}
:where(.btn:disabled){pointer-events:none;color:var(--color-ink-3)}
:where(.btn--primary:disabled){background-color:var(--color-soft);box-shadow:none}
:where(.btn--outline[aria-expanded=true]){box-shadow:var(--shadow-ring)}
:where(.btn--segment[aria-current=true]){background-color:var(--color-navy);color:var(--color-on-navy)}
@media (hover: hover) and (pointer: fine){
  :where(.btn--segment[aria-current=true]:hover){background-image:none;background-color:var(--color-navy-2)}
}
:where(.btn--segment[aria-current=true]:active){background-image:none;background-color:var(--color-navy-3)}
@media (pointer: coarse){
  :where(.btn--md,.btn--segment){min-height:48px}
  :where(.btn--sm,.btn--quiet){min-height:44px}
  :where(.btn--sm,.btn--quiet,.btn--segment){font-size:var(--text-16)}
}
:where(.btn svg){pointer-events:none;flex-shrink:0;width:1.15em;height:1.15em}
:where(.btn-group){display:flex;width:fit-content;align-items:stretch}
:where(.btn-group > :focus-visible){position:relative;z-index:var(--z-focus)}
:where(.tabs){display:flex;flex-direction:column;gap:8px}
:where(.tabs-list){display:inline-flex;width:fit-content;gap:4px;padding:4px;border-radius:var(--radius-pill);background-color:var(--color-well)}
:where(.tab){display:inline-flex;min-height:40px;align-items:center;border-radius:var(--radius-pill);padding-inline:16px;font-size:var(--text-15);font-weight:var(--weight-bold);white-space:nowrap;color:var(--color-ink-2);transition-property:color,background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
@media (hover: hover) and (pointer: fine){
  :where(.tab:hover){background-color:var(--color-veil);color:var(--color-ink);text-decoration:none}
}
:where(.tab:active){background-color:var(--color-veil-2)}
:where(.tab:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px}
:where(.tab[aria-current=page]){background-color:var(--color-navy);color:var(--color-on-navy)}
@media (hover: hover) and (pointer: fine){
  :where(.tab[aria-current=page]:hover){background-color:var(--color-navy-2);color:var(--color-on-navy)}
}
:where(.tab[aria-current=page]:active){background-color:var(--color-navy-3)}
@media (pointer: coarse){
  :where(.tab){min-height:44px;font-size:var(--text-16)}
}
@media (max-width: 767px){
  :where(.btn){gap:6px;border-radius:var(--radius-10);font-weight:var(--weight-semibold);line-height:var(--leading-22)}
  :where(.btn--md){min-height:var(--control-h);padding-inline:var(--space-16);font-size:var(--text-17)}
  :where(.btn--sm){min-height:var(--control-h);min-width:var(--control-h);padding-inline:var(--space-12);border-radius:var(--radius-pill);font-size:var(--text-15)}
  :where(.btn--primary){background-color:var(--color-ios-tint);color:var(--color-page)}
  :where(.btn--outline){background-color:var(--color-ios-tint-soft);box-shadow:none;color:var(--color-ios-tint)}
  :where(.btn--quiet){min-height:var(--control-h);padding-inline:var(--space-8);font-size:var(--text-17);font-weight:var(--weight-regular);color:var(--color-ios-tint);text-decoration-line:none}
  :where(.btn--primary:active){background-color:var(--color-ios-tint-3)}
  :where(.btn--outline:active){background-color:var(--color-ios-tint-soft-2)}
  :where(.btn--quiet:active){background-color:var(--color-veil-2)}
  :where(.btn:focus-visible){outline-color:var(--color-ios-tint)}
  :where(.btn:disabled){color:var(--color-ios-ink-2)}
  :where(.btn--primary:disabled){background-color:var(--color-ios-fill)}
  :where(.btn--outline[aria-expanded=true]){box-shadow:none;background-color:var(--color-ios-tint-soft-2)}
  :where(.tabs-list){display:grid;grid-auto-columns:minmax(0, 1fr);grid-auto-flow:column;width:100%;gap:2px;padding:2px;border-radius:var(--radius-10);background-color:var(--color-ios-fill)}
  :where(.tab){position:relative;justify-content:center;min-height:40px;padding-inline:var(--space-4);border-radius:var(--radius-8);color:var(--color-ios-ink);font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-regular)}
  :where(.tab)::after{content:"";position:absolute;inset:-2px -1px}
  :where(.tab:active){background-color:var(--color-veil-2)}
  :where(.tab[aria-current=page]){background-color:var(--color-page);box-shadow:var(--shadow-thumb-ring);color:var(--color-ios-ink);font-weight:var(--weight-semibold)}
  :where(.tab[aria-current=page]:active){background-color:var(--color-page);box-shadow:var(--shadow-thumb-ring-2)}
  :where(.tab:focus-visible){outline-color:var(--color-ios-tint);outline-offset:1px}
}
@media (max-width: 767px) and (hover: hover) and (pointer: fine){
  :where(.btn--primary:hover){background-color:var(--color-ios-tint-2)}
  :where(.btn--outline:hover){box-shadow:none;background-color:var(--color-ios-tint-soft-2)}
  :where(.btn--quiet:hover){background-color:var(--color-veil);color:var(--color-ios-tint)}
  :where(.tab:hover){background-color:var(--color-veil);color:var(--color-ios-ink)}
  :where(.tab[aria-current=page]:hover){background-color:var(--color-page);box-shadow:var(--shadow-thumb-ring-2);color:var(--color-ios-ink)}
}
/* ── style/32-fields.css ── */
:where(.control){width:100%;min-width:0;min-height:44px;border-radius:var(--radius-10);border:1px solid var(--color-edge);background-color:var(--color-page);padding:9px 12px;font-size:var(--text-16);line-height:1.4;color:var(--color-ink);transition-property:border-color,box-shadow,background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out);outline-style:none}
:where(.control)::placeholder{color:var(--color-ink-3)}
:where(.control--area){resize:vertical;line-height:1.5}
:where(.control--select){cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:36px}
:where(.control--sm){min-height:36px;padding-top:4px;padding-bottom:4px;font-size:var(--text-15)}
@media (hover: hover) and (pointer: fine){
  :where(.control--select:hover){border-color:var(--color-navy);background-image:linear-gradient(var(--color-veil),var(--color-veil))}
}
:where(.control:focus-visible){border-color:var(--color-focus);outline-style:none;box-shadow:var(--shadow-field-focus)}
:where(.control--select:active){background-image:linear-gradient(var(--color-veil-2),var(--color-veil-2))}
:where(.control:disabled){pointer-events:none;opacity:0.55}
:where(.control[aria-invalid=true]){border-color:var(--color-urgent-mark)}
@media (pointer: coarse){
  :where(.control){min-height:48px;font-size:var(--text-16);line-height:1.5}
}
:where(.select){position:relative;width:fit-content}
:where(.select:has(select:disabled)){opacity:0.55}
:where(.select-caret){pointer-events:none;position:absolute;top:50%;right:12px;width:16px;height:16px;translate:0 -50%;color:var(--color-navy);-webkit-user-select:none;user-select:none}
:where(.select-option){background-color:var(--color-page);color:var(--color-ink)}
:where(input[type=file])::file-selector-button{font:inherit;font-size:var(--text-15);font-weight:var(--weight-bold);color:var(--color-navy);background:var(--color-page);border:1px solid var(--color-line);border-radius:var(--radius-pill);padding:6px 14px;margin-right:12px;cursor:pointer}
:where(.field){display:flex;width:100%;flex-direction:column;gap:6px;margin-bottom:16px}
:where(.field-label){display:flex;align-items:center;gap:8px;font-size:var(--text-15);line-height:1.35;font-weight:var(--weight-bold);color:var(--color-ink-2);-webkit-user-select:none;user-select:none}
:where(.field > *){width:100%}
@media (max-width: 767px){
  :where(.control){min-height:var(--control-h);border-color:var(--color-ios-edge);border-radius:var(--radius-10);padding:10px 12px;font-size:var(--text-17);line-height:var(--leading-22);color:var(--color-ios-ink)}
  :where(.control)::placeholder{color:var(--color-ios-ink-3)}
  :where(.control[aria-invalid=true]){border-color:var(--color-ios-urgent-mark)}
  :where(.control:focus-visible){border-color:var(--color-ios-tint);box-shadow:none;outline:2px solid var(--color-ios-tint);outline-offset:0}
  :where(.control--sm){min-height:var(--control-h);font-size:var(--text-17)}
  :where(.select-caret){color:var(--color-ios-ink-3)}
  :where(.field-label){font-size:var(--text-13);line-height:var(--leading-18);font-weight:var(--weight-regular);color:var(--color-ios-ink-2)}
  :where(.field){gap:var(--space-4)}
  :where(input[type=file])::file-selector-button{font-size:var(--text-17);font-weight:var(--weight-semibold);color:var(--color-ios-tint);background:var(--color-ios-tint-soft);border:0;border-radius:var(--radius-10);padding:10px 14px}
}
/* ── style/34-tags.css ── */
:where(.badge){display:inline-flex;width:fit-content;flex-shrink:0;align-items:center;gap:4px;border-radius:var(--radius-6);padding:3px 7px;font-size:var(--text-12);line-height:1.1;font-weight:var(--weight-heavy);letter-spacing:0.05em;white-space:nowrap;text-transform:uppercase;background-color:var(--color-soft);color:var(--color-ink-2)}
:where(.badge--new){background-color:var(--color-navy);color:var(--color-lemon)}
:where(.badge--closed){background-color:var(--color-done-tint);color:var(--color-done)}
:where(.badge--lost){background-color:transparent;box-shadow:var(--shadow-edge);color:var(--color-ink-3)}
:where(.badge--warn){background-color:var(--color-soon-tint);color:var(--color-soon)}
:where(.avatar){position:relative;display:flex;width:52px;height:52px;flex-shrink:0;border-radius:var(--radius-round);-webkit-user-select:none;user-select:none}
:where(.avatar--sm){width:40px;height:40px}
:where(.avatar-initials){display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:var(--radius-round);background-color:var(--color-soft);font-size:var(--text-17);font-weight:var(--weight-heavy);letter-spacing:0.02em;color:var(--color-navy)}
:where(.avatar--sm .avatar-initials){font-size:var(--text-14)}
:where(.spinner){width:24px;height:24px;color:var(--color-navy);animation:spin var(--duration-1000) linear infinite}
@media (max-width: 767px){
  :where(.badge){padding:0 5px;border-radius:var(--radius-6);background-color:transparent;box-shadow:var(--shadow-tag-ios);font-size:var(--text-12);line-height:var(--leading-16);font-weight:var(--weight-semibold);letter-spacing:0.03em;text-transform:none;color:var(--color-ios-ink-2)}
  :where(.badge--new){box-shadow:var(--shadow-tag-tint);color:var(--color-ios-tint)}
  :where(.badge--closed){color:var(--color-ios-done)}
  :where(.badge--lost){box-shadow:var(--shadow-tag-ios);color:var(--color-ios-ink-2)}
  :where(.badge--warn){color:var(--color-ios-soon)}
  :where(.avatar-initials){background-color:var(--color-ios-ink-3);color:var(--color-page);font-weight:var(--weight-semibold)}
}
/* ── style/36-surfaces.css ── */
:where(.surface){display:flex;flex-direction:column;border-radius:var(--radius-20);border:1px solid var(--color-line);background-color:var(--color-page);color:var(--color-ink)}
:where(.notice){margin:0 0 16px;display:flex;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-radius:var(--radius-14);border-left:4px solid var(--color-edge);background-color:var(--color-well);padding:12px 14px;text-align:left;font-size:var(--text-16);color:var(--color-ink-2)}
:where(.notice--attend){border-left-color:var(--color-urgent-mark);background-color:var(--color-urgent-tint);color:var(--color-ink)}
:where(.notice-text){min-width:0}
:where(.notice-actions){display:flex;flex-shrink:0;align-items:center;gap:8px}
:where(.empty){display:flex;width:100%;min-width:0;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 16px 44px;text-align:center;text-wrap:balance}
:where(.empty-icon){display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:-6px;border-radius:var(--radius-round);background-color:var(--color-soft);color:var(--color-navy)}
:where(.empty-icon .fi){width:24px;height:24px}
:where(.empty-head){display:flex;max-width:26rem;flex-direction:column;align-items:center;gap:4px}
:where(.empty-title){font-size:var(--text-20);font-weight:var(--weight-heavy);color:var(--color-ink)}
:where(.empty-text){font-size:var(--text-16);color:var(--color-ink-2)}
:where(.empty-actions){margin-top:8px;display:flex;width:100%;max-width:26rem;min-width:0;flex-direction:column;align-items:center;gap:10px;font-size:var(--text-16);text-wrap:balance}
:where(.dialog[open]){position:fixed;inset:auto;top:50%;left:50%;margin:0;display:grid;width:calc(100% - 32px);max-width:22rem;translate:-50% -50%;gap:16px;overflow:visible;border-radius:var(--radius-20);border:0;background-color:var(--color-page);padding:20px;color:var(--color-ink);box-shadow:var(--shadow-dialog);outline-style:none;animation:dialog-in var(--duration-120) ease}
:where(.dialog[data-closing]){animation:dialog-out var(--duration-120) ease forwards}
:where(.dialog)::backdrop{background-color:var(--color-scrim);animation:fade-in var(--duration-120) ease}
:where(.dialog[data-closing])::backdrop{animation:fade-out var(--duration-120) ease forwards}
:where(.dialog-head){display:grid;grid-template-rows:auto 1fr;place-items:center;gap:6px;text-align:center}
:where(.dialog-title){font-size:var(--text-20);line-height:1.3;font-weight:var(--weight-heavy);color:var(--color-ink)}
:where(.dialog-text){font-size:var(--text-16);text-wrap:balance;color:var(--color-ink-2)}
:where(.dialog-foot){margin:0 -20px -20px;display:flex;flex-direction:column-reverse;gap:8px;border-bottom-right-radius:var(--radius-20);border-bottom-left-radius:var(--radius-20);border-top:1px solid var(--color-line);background-color:var(--color-well);padding:16px 20px}
@media (min-width: 641px){
  :where(.dialog[open]){max-width:26rem}
  :where(.dialog-head){place-items:start;text-align:left}
  :where(.dialog-text){text-wrap:pretty}
  :where(.dialog-foot){flex-direction:row;justify-content:flex-end}
}
:where(.table-wrap){position:relative;width:100%;overflow-x:auto}
@media (max-width: 767px){
  :where(.surface){border:0;border-radius:var(--radius-12)}
  :where(.notice){margin:var(--space-16) 0 0;border-left:0;border-radius:var(--radius-12);background-color:var(--color-page);padding:var(--space-12) var(--space-16);font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink)}
  :where(.notice--attend){box-shadow:var(--shadow-notice-attend);color:var(--color-ios-urgent)}
  :where(.empty){gap:var(--space-12);padding:var(--space-32) var(--space-16)}
  :where(.empty-icon){background-color:var(--color-page);color:var(--color-ios-ink-3)}
  :where(.empty-title){font-size:var(--text-20);line-height:var(--leading-25);font-weight:var(--weight-bold);color:var(--color-ios-ink)}
  :where(.empty-text){font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
}
/* ── style/38-ios.css ── */
:where(.ios-sec){margin-top:var(--space-24);padding:0 var(--gutter)}
:where(.ios-sec-h){display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12);margin:0 0 var(--space-8);padding:0 var(--space-4);font-size:var(--text-20);line-height:var(--leading-25);font-weight:var(--weight-bold);color:var(--color-ios-ink)}
:where(.ios-sec-note){font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-regular);color:var(--color-ios-ink-2)}
:where(.ios-sec-foot){margin-top:var(--space-8);padding:0 var(--space-16);font-size:var(--text-13);line-height:var(--leading-18);color:var(--color-ios-ink-2)}
:where(.ios-group){display:block;overflow:hidden;border-radius:var(--radius-12);background:var(--color-page)}
:where(.ios-cell){position:relative;display:block;background:var(--color-page)}
:where(.ios-row){position:relative;display:flex;align-items:center;gap:var(--space-12);min-height:var(--control-h);padding:var(--row-y) var(--space-16);transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
:where(.ios-cell + .ios-cell) > :where(.ios-row, .ios-swipe, .ios-pick, .ios-frow)::before{content:"";position:absolute;z-index:var(--z-raised);top:0;right:0;left:var(--space-16);height:0.5px;background:var(--color-ios-sep);pointer-events:none}
:where(.ios-cell + .ios-cell:has(.ios-lead)) > :where(.ios-row, .ios-swipe)::before{left:calc(var(--space-16) + 40px + var(--space-12))}
:where(.ios-group) > :where(* + .ios-frow)::before,:where(.ios-group) > :where(.ios-frow + .ios-cell) > :where(.ios-row)::before{content:"";position:absolute;z-index:var(--z-raised);top:0;right:0;left:var(--space-16);height:0.5px;background:var(--color-ios-sep);pointer-events:none}
:where(.ios-row:has(.ios-link:active)){background-color:var(--color-ios-press)}
:where(.ios-row:has(.ios-link:focus-visible)){outline:2px solid var(--color-ios-tint);outline-offset:-2px}
:where(.ios-lead){position:relative;z-index:var(--z-raised);flex:none;display:grid;place-items:center;min-width:40px;align-self:center}
:where(.ios-body){flex:1;min-width:0}
:where(.ios-title){display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);color:var(--color-ios-ink);text-align:left}
:where(.ios-title--wrap){white-space:normal}
:where(.ios-link){position:static;width:100%;text-decoration:none}
:where(.ios-link)::after{content:"";position:absolute;inset:0}
:where(.ios-link:focus-visible){outline:none}
:where(.ios-eyebrow){display:block;margin-bottom:2px;font-size:var(--text-13);line-height:var(--leading-18);color:var(--color-ios-ink-2)}
:where(.ios-sub){display:block;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
:where(.ios-trail){position:relative;z-index:var(--z-raised);flex:none;display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2);pointer-events:none}
:where(.ios-trail) > :where(a, button, input, label){pointer-events:auto}
:where(.ios-value){max-width:50vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-17);line-height:var(--leading-22);color:var(--color-ios-ink-2)}
:where(.ios-chev){flex:none;margin-right:-4px;color:var(--color-ios-ink-3)}
:where(.ios-acts){display:flex;flex-wrap:wrap;gap:var(--space-8);padding:0 var(--space-16) var(--space-12) calc(var(--space-16) + 40px + var(--space-12))}
:where(.ios-cell:not(:has(.ios-lead))) > :where(.ios-acts){padding-left:var(--space-16)}
:where(.ios-row--action, .ios-row--destructive){justify-content:center}
:where(.ios-row--action .ios-title, .ios-row--destructive .ios-title){font-weight:var(--weight-regular);text-align:center}
:where(.ios-row--action .ios-title){color:var(--color-ios-tint)}
:where(.ios-row--destructive .ios-title){color:var(--color-ios-urgent)}
:where(.ios-row--link .ios-title){font-weight:var(--weight-regular);color:var(--color-ios-tint)}
:where(.ios-cell.is-past) :where(.ios-title, .day-time){color:var(--color-ios-ink-3)}
@media (hover: hover) and (pointer: fine){
  :where(.ios-row:has(.ios-link:hover)){background-color:var(--color-ios-press)}
  :where(.ios-link:hover){text-decoration:none}
}
:where(.ios-btn){position:relative;z-index:var(--z-raised);display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;min-width:var(--control-h);min-height:var(--control-h);padding:0 var(--space-16);border-radius:var(--radius-10);background-color:var(--color-ios-tint-soft);color:var(--color-ios-tint);font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);white-space:nowrap;text-decoration:none;transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
:where(.ios-btn--fill){background-color:var(--color-ios-tint);color:var(--color-page)}
:where(.ios-btn--icon){padding:0;width:var(--control-h)}
:where(.ios-btn--plain){background-color:transparent}
:where(.ios-btn:active){background-color:var(--color-ios-tint-soft-2)}
:where(.ios-btn--fill:active){background-color:var(--color-ios-tint-3)}
:where(.ios-btn--plain:active){background-color:var(--color-veil-2)}
:where(.ios-btn:disabled){opacity:0.5;pointer-events:none}
:where(.ios-btn:focus-visible){outline:2px solid var(--color-ios-tint);outline-offset:2px}
@media (hover: hover) and (pointer: fine){
  :where(.ios-btn:hover){background-color:var(--color-ios-tint-soft-2);text-decoration:none}
  :where(.ios-btn--fill:hover){background-color:var(--color-ios-tint-2)}
  :where(.ios-btn--plain:hover){background-color:var(--color-veil)}
}
:where(.ios-seg){display:grid;grid-auto-columns:minmax(0, 1fr);grid-auto-flow:column;gap:2px;min-height:var(--control-h);padding:2px;border-radius:var(--radius-10);background-color:var(--color-ios-fill)}
:where(.ios-seg-opt){position:relative;display:grid;place-items:center;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-8);color:var(--color-ios-ink);font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-regular);white-space:nowrap;text-align:center;text-decoration:none;cursor:pointer;transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
:where(.ios-seg-opt)::after{content:"";position:absolute;inset:-2px -1px}
:where(.ios-seg-opt input){position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
:where(.ios-seg-opt:active){background-color:var(--color-veil-2)}
:where(.ios-seg-opt[aria-current=page], .ios-seg-opt:has(input:checked)){background-color:var(--color-page);box-shadow:var(--shadow-thumb-ring);font-weight:var(--weight-semibold)}
:where(.ios-seg-opt[aria-current=page]:active, .ios-seg-opt:has(input:checked):active){background-color:var(--color-page);box-shadow:var(--shadow-thumb-ring-2)}
:where(.ios-seg-opt:focus-visible, .ios-seg-opt:has(input:focus-visible)){outline:2px solid var(--color-ios-tint);outline-offset:1px;z-index:var(--z-focus)}
@media (hover: hover) and (pointer: fine){
  :where(.ios-seg-opt:hover){background-color:var(--color-veil);text-decoration:none}
  :where(.ios-seg-opt[aria-current=page]:hover, .ios-seg-opt:has(input:checked):hover){background-color:var(--color-page);box-shadow:var(--shadow-thumb-ring-2)}
}
:where(.ios-frow){position:relative;display:flex;align-items:center;gap:var(--space-12);min-height:var(--control-h);padding:0 var(--space-16);background-color:var(--color-page)}
:where(.ios-frow--stack){flex-direction:column;align-items:stretch;gap:var(--space-4);padding-top:var(--row-y);padding-bottom:var(--row-y)}
:where(.ios-frow-label){flex:none;width:7.5rem;font-size:var(--text-17);line-height:var(--leading-22);color:var(--color-ios-ink)}
:where(.ios-frow--stack .ios-frow-label){width:auto;font-size:var(--text-13);line-height:var(--leading-18);color:var(--color-ios-ink-2)}
:where(.ios-frow:focus-within){box-shadow:var(--shadow-row-focus)}
:where(.ios-input){flex:1;width:100%;min-width:0;min-height:var(--control-h);padding:0;border:0;border-radius:0;background:transparent;font-size:var(--text-17);line-height:var(--leading-22);color:var(--color-ios-ink);-webkit-appearance:none;appearance:none}
:where(.ios-input)::placeholder{color:var(--color-ios-ink-3)}
:where(.ios-input:focus-visible){outline:none}
:where(.ios-input--area){min-height:88px;padding:var(--space-4) 0;resize:none}
:where(.ios-input[type=date]){color:var(--color-ios-ink-2)}
:where(.ios-pick-wrap){position:relative;display:flex;flex:1;align-items:center;min-width:0}
:where(.ios-select){padding-right:24px;color:var(--color-ios-ink-2);text-align:right;text-align-last:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
:where(.ios-select-chev){position:absolute;right:0;color:var(--color-ios-ink-3);pointer-events:none}
:where(.ios-frow .ios-seg){flex:1;min-height:36px;margin:var(--space-4) 0}
:where(.ios-frow .ios-seg-opt){min-height:32px}
:where(.ios-frow .ios-seg-opt)::after{inset:-6px -1px}
:where(.ios-search){position:relative;display:flex;align-items:center}
:where(.ios-search-input){width:100%;min-height:var(--control-h);padding:0 var(--space-12) 0 40px;border:1px solid var(--color-ios-edge);border-radius:var(--radius-10);background-color:var(--color-page);font-size:var(--text-17);color:var(--color-ios-ink);-webkit-appearance:none;appearance:none}
:where(.ios-search-input)::placeholder{color:var(--color-ios-ink-2)}
:where(.ios-search-input:focus-visible){border-color:var(--color-ios-tint);outline:2px solid var(--color-ios-tint);outline-offset:0}
:where(.ios-search-icon){position:absolute;left:12px;color:var(--color-ios-ink-2);pointer-events:none}
:where(html:has(.ios-asheet[open], .ios-sheet[open])){overflow:hidden}
:where(.ios-asheet){position:fixed;inset:auto 0 0 0;width:100%;max-width:none;max-height:none;margin:0;padding:0 var(--space-8) calc(var(--space-8) + env(safe-area-inset-bottom, 0px));border:0;background:transparent;color:var(--color-ios-ink);font-family:var(--font-phone)}
:where(.ios-asheet)::backdrop{background-color:var(--color-scrim)}
:where(.ios-asheet[open]){animation:sheet-in var(--duration-240) var(--ease-out)}
:where(.ios-asheet-form:focus){outline:none}
:where(.ios-asheet-group){overflow:hidden;border-radius:var(--radius-14);background-color:var(--color-page)}
:where(.ios-asheet-group + .ios-asheet-group){margin-top:var(--space-8)}
:where(.ios-asheet-head){display:grid;gap:2px;padding:var(--space-12) var(--space-16);font-size:var(--text-13);line-height:var(--leading-18);text-align:center;color:var(--color-ios-ink-2);box-shadow:var(--shadow-asheet-rule)}
:where(.ios-asheet-head b){font-weight:var(--weight-semibold)}
:where(.ios-asheet-btn){display:grid;place-items:center;width:100%;min-height:56px;padding:0 var(--space-16);background-color:var(--color-page);font-size:var(--text-20);line-height:var(--leading-25);color:var(--color-ios-tint);transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
:where(.ios-asheet-btn + .ios-asheet-btn){box-shadow:var(--shadow-asheet-sep)}
:where(.ios-asheet-btn:active){background-color:var(--color-ios-press)}
:where(.ios-asheet-btn--destructive){color:var(--color-ios-urgent)}
:where(.ios-asheet-btn--cancel){font-weight:var(--weight-semibold)}
:where(.ios-asheet-btn:focus-visible){outline:2px solid var(--color-ios-tint);outline-offset:-3px}
@media (hover: hover) and (pointer: fine){
  :where(.ios-asheet-btn:hover){background-color:var(--color-ios-press)}
}
:where(.ios-sheet){position:fixed;inset:auto 0 0 0;width:100%;max-width:none;max-height:92dvh;margin:0;padding:0;overflow:auto;border:0;border-radius:var(--radius-20) var(--radius-20) 0 0;background-color:var(--color-ios-ground);color:var(--color-ios-ink);font-family:var(--font-phone);box-shadow:var(--shadow-sheet)}
:where(.ios-sheet)::backdrop{background-color:var(--color-scrim)}
:where(.ios-sheet[open]){animation:sheet-in var(--duration-420) var(--ease-sheet)}
:where(.ios-sheet-form){padding-bottom:calc(var(--space-24) + env(safe-area-inset-bottom, 0px))}
:where(.ios-grab){width:36px;height:5px;margin:6px auto 0;border-radius:var(--radius-pill);background-color:var(--color-ios-sep)}
:where(.ios-sheet-bar){display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;min-height:var(--bar-h);padding:0 calc(var(--gutter) - 10px)}
:where(.ios-sheet-bar > :first-child){justify-self:start}
:where(.ios-sheet-bar > :last-child){justify-self:end}
:where(.ios-sheet-title){font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);text-align:center}
:where(.ios-sheet-title:focus){outline:none}
:where(.ios-sheet-btn){display:inline-grid;place-items:center;min-width:var(--control-h);min-height:var(--control-h);padding:0 10px;border-radius:var(--radius-pill);color:var(--color-ios-tint);font-size:var(--text-17);line-height:var(--leading-22);transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
:where(.ios-sheet-btn--done){font-weight:var(--weight-semibold)}
:where(.ios-sheet-btn:active){background-color:var(--color-veil-2)}
:where(.ios-sheet-btn:disabled){color:var(--color-ios-ink-3)}
:where(.ios-sheet-btn:focus-visible){outline:2px solid var(--color-ios-tint);outline-offset:-2px}
:where(.ios-sheet-lede){padding:var(--space-8) var(--gutter) 0}
:where(.ios-sheet-lede h2){font-size:var(--text-22);line-height:var(--leading-28);font-weight:var(--weight-bold);color:var(--color-ios-ink)}
:where(.ios-sheet-lede h2:focus){outline:none}
:where(.ios-sheet-lede p){font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
:where(.ios-sheet-body .ios-sec){margin-top:var(--space-20)}
:where(.ios-sheet-body .ios-sec-h){font-size:var(--text-13);line-height:var(--leading-18);font-weight:var(--weight-regular);letter-spacing:0.04em;text-transform:uppercase;color:var(--color-ios-ink-2);padding:0 var(--space-16);margin-bottom:var(--space-4)}
:where(.ios-sheet-body .notice){margin:var(--space-16) var(--gutter) 0}
@media (hover: hover) and (pointer: fine){
  :where(.ios-sheet-btn:hover){background-color:var(--color-veil)}
}
:where(.ios-pick){position:relative;display:flex;align-items:center;gap:var(--space-12);min-height:var(--control-h);padding:var(--row-y) var(--space-16);color:var(--color-ios-ink);font-size:var(--text-17);line-height:var(--leading-22);text-decoration:none;cursor:pointer;transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
:where(.ios-pick input){position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
:where(.ios-pick-count){margin-left:auto;font-size:var(--text-17);line-height:var(--leading-22);color:var(--color-ios-ink-2)}
:where(.ios-pick-check){flex:none;margin-left:auto;color:var(--color-ios-tint);visibility:hidden}
:where(.ios-pick-count + .ios-pick-check){margin-left:0}
:where(.ios-pick:has(input:checked), .ios-pick[aria-current=true]) :where(.ios-pick-check){visibility:visible}
:where(.ios-pick:active){background-color:var(--color-ios-press)}
:where(.ios-pick:has(input:focus-visible), .ios-pick:focus-visible){outline:2px solid var(--color-ios-tint);outline-offset:-2px}
@media (hover: hover) and (pointer: fine){
  :where(.ios-pick:hover){background-color:var(--color-ios-press);text-decoration:none}
}
:where(.ios-card){display:grid;justify-items:center;gap:var(--space-8);padding:var(--space-8) var(--gutter) var(--space-16);text-align:center}
:where(.ios-card-face){display:grid;place-items:center;width:76px;height:76px;border-radius:var(--radius-round);background-color:var(--color-ios-ink-3);color:var(--color-page);font-size:var(--text-28);line-height:var(--leading-34);font-weight:var(--weight-semibold);letter-spacing:0.02em}
:where(.ios-card.is-urgent .ios-card-face){box-shadow:var(--shadow-face-urgent)}
:where(.ios-card-name){max-width:100%;overflow-wrap:anywhere;font-size:var(--text-28);line-height:var(--leading-34);font-weight:var(--weight-bold);color:var(--color-ios-ink)}
:where(.ios-card-sub){font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
:where(.ios-tiles){display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--space-8);padding:0 var(--gutter)}
:where(.ios-tile){display:grid;justify-items:center;align-content:center;gap:2px;min-height:60px;border-radius:var(--radius-10);background-color:var(--color-page);color:var(--color-ios-tint);font-size:var(--text-12);line-height:var(--leading-16);font-weight:var(--weight-semibold);text-decoration:none;transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
:where(.ios-tile:active){background-color:var(--color-ios-press)}
:where(.ios-tile:disabled){color:var(--color-ios-ink-3);pointer-events:none}
:where(.ios-tile:focus-visible){outline:2px solid var(--color-ios-tint);outline-offset:2px}
@media (hover: hover) and (pointer: fine){
  :where(.ios-tile:hover){background-color:var(--color-ios-press);text-decoration:none}
}
:where(.ios-swipe){position:relative;overflow:hidden;touch-action:pan-y}
:where(.ios-swipe > .ios-row){z-index:var(--z-raised);background-color:var(--color-page);-webkit-user-select:none;user-select:none;transition-property:transform,background-color;transition-duration:var(--duration-240),var(--duration-120);transition-timing-function:var(--ease-out)}
:where(.ios-swipe[data-dragging] > .ios-row){transition-property:background-color}
:where(.ios-swipe-acts){position:absolute;top:0;right:0;bottom:0;display:flex}
:where(.ios-cell + .ios-cell) > :where(.ios-swipe)::before{z-index:var(--z-focus)}
:where(.ios-swipe-btn){display:grid;justify-items:center;align-content:center;gap:2px;width:74px;color:var(--color-page);font-size:var(--text-12);line-height:var(--leading-16);font-weight:var(--weight-semibold);text-decoration:none}
:where(.ios-swipe-btn--call){background-color:var(--color-ios-call)}
:where(.ios-swipe-btn--call:active){background-color:var(--color-ios-call-press)}
:where(.ios-swipe-btn--text){background-color:var(--color-ios-tint)}
:where(.ios-swipe-btn--text:active){background-color:var(--color-ios-tint-2)}
:where(.ios-swipe-btn--archive){background-color:var(--color-ios-ink-3)}
:where(.ios-swipe-btn--archive:active){background-color:var(--color-ios-ink-2)}
:where(.ios-swipe-btn:focus-visible){outline:3px solid var(--color-ios-ink);outline-offset:-3px}
@media (hover: hover) and (pointer: fine){
  :where(.ios-swipe-btn--call:hover){background-color:var(--color-ios-call-press);text-decoration:none}
  :where(.ios-swipe-btn--text:hover){background-color:var(--color-ios-tint-2);text-decoration:none}
  :where(.ios-swipe-btn--archive:hover){background-color:var(--color-ios-ink-2);text-decoration:none}
}
:where(.ios-switch){position:relative;z-index:var(--z-raised);flex:none;width:51px;height:31px;margin:0;border-radius:var(--radius-pill);background-color:var(--color-ios-fill);box-shadow:var(--shadow-switch);-webkit-appearance:none;appearance:none;cursor:pointer;transition-property:background-color;transition-duration:var(--duration-240);transition-timing-function:var(--ease-out)}
:where(.ios-switch)::before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:var(--radius-round);background-color:var(--color-page);box-shadow:var(--shadow-knob);transition-property:translate;transition-duration:var(--duration-240);transition-timing-function:var(--ease-out)}
:where(.ios-switch)::after{content:"";position:absolute;inset:-7px -4px}
:where(.ios-switch:checked){background-color:var(--color-ios-done-mark);box-shadow:none}
:where(.ios-switch:checked)::before{translate:20px 0}
:where(.ios-switch:focus-visible){outline:2px solid var(--color-ios-tint);outline-offset:2px}
:where(.ios-switch:disabled){opacity:0.5}
:where(.ios-glyph){display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-8);background-color:var(--color-ios-tint);color:var(--color-page)}
:where(.ios-cell + .ios-cell:has(.ios-glyph)) > :where(.ios-row)::before{left:calc(var(--space-16) + 40px + var(--space-12))}
/* ── style/40-shell.css ── */
.top{position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:calc(var(--topbar-h) + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top, 0px) var(--gutter) 0;background:var(--color-navy);color:var(--color-on-navy)}
.brand{position:relative;display:inline-flex;align-items:center;gap:10px;min-width:0;min-height:44px;margin-left:-8px;padding:0 8px;border-radius:var(--radius-10);color:var(--color-on-navy);font-size:var(--text-15);font-weight:var(--weight-heavy);white-space:nowrap}
.brand-mark{flex:none;width:22px;height:22px;fill:var(--color-lemon)}
.brand-name{overflow:hidden;text-overflow:ellipsis}
.top-acts{display:flex;align-items:center;gap:4px;flex:none;margin-right:-10px}
.bar-lead,.bar-title{display:none}
@media (hover: hover) and (pointer: fine){
  .brand:hover{text-decoration:none;background:var(--color-glow)}
}
.brand:active{background:var(--color-glow-2)}
.brand:focus-visible{outline-color:var(--color-lemon);outline-offset:-2px}
.top:not(:has(+ .shell)) .top-acts{display:none}
.nav{position:fixed;z-index:var(--z-nav);left:0;bottom:0}
.nav-brand,.nav-more{display:none}
.nav-tabs,.nav-rest{display:contents}
.nav-item.nav-item--more,.more-title,.nav-signed{display:none}
.nav-item,.nav-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:44px;padding:0 4px;color:var(--color-on-navy-2);font-size:var(--text-12);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:0.01em;white-space:nowrap;transition-property:background-color,color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out);-webkit-user-select:none;user-select:none}
.nav-item .fi{width:24px;height:24px}
.nav-label{overflow:hidden;text-overflow:ellipsis;max-width:100%}
.nav-item[aria-current=page]{color:var(--color-on-navy)}
.nav-item[aria-current=page] .fi{color:var(--color-lemon)}
.nav-add-dot{display:grid;place-items:center;width:30px;height:30px;margin:-3px 0;border-radius:var(--radius-round);background:var(--color-lemon);color:var(--color-navy)}
.nav-add-dot .fi{width:20px;height:20px}
@media (hover: hover) and (pointer: fine){
  .nav-item:hover,.nav-add:hover{background:var(--color-glow);color:var(--color-on-navy);text-decoration:none}
  .nav-add:hover .nav-add-dot{background:var(--color-lemon-hover)}
}
.nav-item:active,.nav-add:active{background:var(--color-glow-2)}
.nav-add:active .nav-add-dot{background:var(--color-lemon-press)}
.nav-item:focus-visible,.nav-add:focus-visible{outline-offset:-3px}
.main{display:block;min-width:0;padding-bottom:40px}
.main.fill{display:flex;flex-direction:column;height:calc(100svh - var(--topbar-h) - env(safe-area-inset-top, 0px));padding-bottom:0;overflow:hidden}
.content{padding:24px var(--gutter) 0}
.content.content--narrow{max-width:var(--content-narrow)}
.content.content--table{max-width:var(--content-table)}
.pending{display:flex;justify-content:center;padding-top:48px}
.band{padding:4px var(--gutter) 24px;background:var(--color-navy);color:var(--color-on-navy)}
.band-in{display:grid;grid-template-columns:minmax(0, 1fr) auto;grid-template-rows:var(--band-top) auto auto auto;grid-template-areas:"back acts" "kicker kicker" "title title" "sum sum";column-gap:16px}
.band.band--narrow .band-in{max-width:calc(var(--content-narrow) - 2 * var(--gutter))}
.band-back{grid-area:back;align-self:center;justify-self:start;display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:44px;margin-left:-8px;padding:0 10px 0 6px;border-radius:var(--radius-10);color:var(--color-on-navy-2);font-size:var(--text-15);font-weight:var(--weight-bold);white-space:nowrap}
.band-back > span{overflow:hidden;text-overflow:ellipsis}
.band-back .fi{flex:none;width:18px;height:18px}
.band-kicker{grid-area:kicker;height:1lh;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-14);font-weight:var(--weight-heavy);line-height:1.4;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-lemon)}
.band-title{grid-area:title;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-34);font-weight:var(--weight-heavy);line-height:1.2;letter-spacing:-0.01em;color:var(--color-on-navy)}
.band-sum{grid-area:sum;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:2lh;overflow:hidden;margin-top:8px;max-width:34em;font-size:var(--text-17);line-height:1.4;color:var(--color-on-navy-2)}
.band-acts{grid-area:acts;align-self:center;display:flex;gap:8px}
@media (hover: hover) and (pointer: fine){
  .band-back:hover{background:var(--color-glow);color:var(--color-on-navy);text-decoration:none}
}
.band-back:active{background:var(--color-glow-2)}
.band-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;min-height:48px;padding:0 14px;border-radius:var(--radius-14);background:var(--color-navy-2);color:var(--color-on-navy);font-size:var(--text-16);font-weight:var(--weight-bold);line-height:1.25;white-space:nowrap;transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
.band-btn--primary{background:var(--color-lemon);color:var(--color-navy)}
.band-btn:disabled{opacity:0.55;pointer-events:none}
@media (hover: hover) and (pointer: fine){
  .band-btn:hover{background:var(--color-navy-3);text-decoration:none}
  .band-btn--primary:hover{background:var(--color-lemon-hover)}
}
.band-btn:active{background:var(--color-navy-4)}
.band-btn--primary:active{background:var(--color-lemon-press)}
.band-btn:focus-visible,.band-back:focus-visible{outline-color:var(--color-lemon)}
.center-page{display:flex;min-height:calc(100svh - var(--topbar-h));align-items:center;justify-content:center;padding:24px var(--gutter)}
.center-msg{text-align:center}
.msg-title{font-size:var(--text-20);font-weight:var(--weight-heavy)}
.msg-text{font-size:var(--text-16);color:var(--color-ink-2)}
.center-msg .msg-title{margin-bottom:4px}
.center-msg .msg-text{margin-bottom:20px}
.login{width:min(24rem,100%);padding:28px 24px 24px;text-align:center}
.login h1{margin-bottom:6px;font-size:var(--text-22);font-weight:var(--weight-heavy);color:var(--color-ink)}
.login p{margin-bottom:20px;font-size:var(--text-16);color:var(--color-ink-2)}
.submit{margin-top:4px;width:100%}
.submit--gap{margin-bottom:16px}
.signout-form{display:contents}
.ios-chev,.ios-select-chev{width:18px;height:18px}
.ios-btn .fi,.ios-search-icon,.ios-pick-check{width:20px;height:20px}
.ios-tile .fi{width:24px;height:24px}
.ios-swipe-btn .fi{width:22px;height:22px}
.ios-glyph .fi{width:18px;height:18px}
@media (max-width: 767px){
  html{background-color:var(--color-ios-ground);scroll-padding-top:calc(var(--bar-h) + env(safe-area-inset-top, 0px));scroll-padding-bottom:calc(var(--tab-h) + var(--tab-foot) + var(--space-8))}
  body{background-color:var(--color-ios-ground);color:var(--color-ios-ink);font-family:var(--font-phone);font-size:var(--text-17);line-height:var(--leading-22);word-spacing:0}
  :focus-visible{outline-color:var(--color-ios-tint)}
.top{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:0;min-height:calc(var(--bar-h) + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top, 0px) calc(var(--gutter) - 10px) 0;background:var(--color-ios-ground);color:var(--color-ios-ink);transition-property:box-shadow;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
  html[data-scrolled] .top{box-shadow:var(--shadow-bar)}
  .top:not(:has(+ .shell)){display:flex;padding-left:var(--gutter)}
  .top:has(+ .shell) .brand{display:none}
  .brand{color:var(--color-ios-ink);font-size:var(--text-17);font-weight:var(--weight-semibold)}
  .brand:focus-visible{outline-color:var(--color-ios-tint)}
  .top:has(+ .shell) .bar-lead{grid-column:1;display:flex;align-items:center;justify-self:start;min-width:0;max-width:42vw}
  .top:has(+ .shell) .bar-title{grid-column:2;display:block;justify-self:center;max-width:100%;padding:0 var(--space-4);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);opacity:0;transition-property:opacity;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
  html[data-scrolled] .top:has(+ .shell) .bar-title{opacity:1}
  .top-acts{grid-column:3;justify-self:end;gap:0;margin-right:0}
  .bar-trail{display:flex;align-items:center}
    .bar-lead .band-back{gap:2px;max-width:100%;min-height:var(--control-h);margin:0;padding:0 10px 0 4px;border-radius:var(--radius-pill);color:var(--color-ios-tint);font-size:var(--text-17);font-weight:var(--weight-regular)}
  .bar-lead .band-back .fi{width:26px;height:26px;margin-right:-2px}
  .bar-trail .band-btn,.top-add{display:inline-grid;place-items:center;min-width:var(--control-h);min-height:var(--control-h);padding:0 10px;border-radius:var(--radius-pill);background:transparent;color:var(--color-ios-tint);font-size:var(--text-17);font-weight:var(--weight-regular);line-height:var(--leading-22);transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
  .bar-trail .band-btn--primary{background:transparent;color:var(--color-ios-tint);font-weight:var(--weight-semibold)}
  .bar-trail .band-btn .fi,.top-add .fi{width:24px;height:24px}
  .bar-trail .band-btn .band-btn-label{display:none}
  .bar-trail .band-btn[data-bar="text"] .band-btn-label{display:inline}
  .bar-trail .band-btn[data-bar="text"] .fi{display:none}
  .bar-trail .band-btn[data-bar="pull"]{display:inline-flex;flex-direction:row-reverse;gap:2px;padding:0 var(--space-8)}
  .bar-trail .band-btn[data-bar="pull"] .band-btn-label{display:inline}
  .bar-trail .band-btn[data-bar="pull"] .fi{width:16px;height:16px}
  .bar-trail .band-btn:disabled,.bar-trail .band-btn[aria-disabled="true"]{opacity:1;color:var(--color-ios-ink-3)}
  .top-add[aria-current=page]{display:none}
  .bar-lead .band-back:active,.bar-trail .band-btn:active,.top-add:active{background:var(--color-veil-2)}
  .bar-lead .band-back:focus-visible,.bar-trail .band-btn:focus-visible,.top-add:focus-visible{outline-color:var(--color-ios-tint);outline-offset:-2px}
.band{padding:var(--space-4) var(--gutter) var(--space-16);background:var(--color-ios-ground);color:var(--color-ios-ink)}
  .band-in{grid-template-columns:minmax(0, 1fr);grid-template-rows:none;grid-template-areas:"title" "kicker" "sum"}
  .band .band-back,.band .band-acts{display:none}
  .bar-lead .band-back{display:inline-flex}
  .band-title{margin-top:0;font-size:var(--text-34);line-height:var(--leading-41);font-weight:var(--weight-bold);letter-spacing:0.01em;color:var(--color-ios-ink)}
  .band-kicker{height:auto;font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-semibold);letter-spacing:0;text-transform:none;color:var(--color-ios-ink-2)}
  .band-sum{display:block;height:auto;margin-top:var(--space-4);max-width:none;font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .band-kicker:empty,.band-sum:empty{display:none}
.main{padding-bottom:calc(var(--tab-h) + var(--tab-foot) + var(--space-32))}
  .main.fill{height:calc(100svh - var(--bar-h) - env(safe-area-inset-top, 0px) - var(--tab-h) - var(--tab-foot));padding-bottom:0}
  .content{padding:var(--space-8) var(--gutter) 0}
  .center-page{min-height:calc(100svh - var(--bar-h) - env(safe-area-inset-top, 0px))}
  .msg-title{font-size:var(--text-20);line-height:var(--leading-25);font-weight:var(--weight-semibold)}
  .msg-text{font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .login{padding:var(--space-24) var(--space-20) var(--space-20);border:0;border-radius:var(--radius-12)}
  .login h1{font-size:var(--text-22);line-height:var(--leading-28);font-weight:var(--weight-bold);color:var(--color-ios-ink)}
  .login p{font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
.nav{position:static;display:block;padding:0;background:none;box-shadow:none}
  .nav-brand,.nav-add,.nav-rest,.nav-more{display:none}
  .nav-tabs{position:fixed;z-index:var(--z-nav);left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5, minmax(min-content, 1fr));height:calc(var(--tab-h) + var(--tab-foot));padding:0 2px var(--tab-foot);background:var(--color-navy);box-shadow:var(--shadow-tabbar)}
  .nav-tabs .nav-item{position:relative;gap:2px;min-width:var(--control-h);min-height:var(--control-h);padding:2px 2px 0;border-radius:var(--radius-10);color:var(--color-on-navy-2);font-size:var(--text-11);line-height:var(--leading-13);font-weight:var(--weight-semibold);letter-spacing:0}
  .nav-tabs .nav-item .fi{width:26px;height:26px;stroke-width:1.85}
  .nav-tabs .nav-label{overflow:visible}
  .nav-tabs .nav-item--more{display:flex}
  .nav-tabs .nav-item[aria-current]{color:var(--color-on-navy)}
  .nav-tabs .nav-item[aria-current] .fi{color:var(--color-lemon);stroke-width:2.3}
  .nav-tabs .nav-item[aria-current]::before{content:"";position:absolute;top:0;left:50%;width:28px;height:3px;margin-left:-14px;border-radius:0 0 var(--radius-pill) var(--radius-pill);background:var(--color-lemon)}
  .nav-tabs .nav-item:active{background:var(--color-glow-2)}
  .nav-tabs .nav-item:focus-visible{outline-color:var(--color-lemon);outline-offset:-2px}
  .top:has(.top-add[aria-current=page]) + .shell .nav-tabs,html[data-modal] .nav-tabs,html[data-modal] .top-add{display:none}
  .top:has(.top-add[aria-current=page]) + .shell .main,html[data-modal] .main{padding-bottom:var(--space-32)}
.nav:has(.nav-item--more[aria-current=page]) .more-title{display:block;padding:var(--space-4) var(--gutter) var(--space-16);font-size:var(--text-34);line-height:var(--leading-41);font-weight:var(--weight-bold);letter-spacing:0.01em;color:var(--color-ios-ink)}
  .nav:has(.nav-item--more[aria-current=page]) .nav-rest,.nav:has(.nav-item--more[aria-current=page]) .nav-more{display:flex;flex-direction:column;margin:var(--space-8) var(--gutter) 0}
  .nav:has(.nav-item--more[aria-current=page]) .nav-more{margin-top:var(--space-24)}
  .nav-rest .nav-item,.nav-more .nav-item{position:relative;flex-direction:row;justify-content:flex-start;gap:var(--space-12);min-height:var(--control-h);padding:var(--row-y) var(--space-16);border-radius:0;background:var(--color-page);color:var(--color-ios-ink);font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-regular);letter-spacing:0;white-space:normal;text-align:left}
  .nav-rest .nav-item .fi,.nav-more .nav-item .fi{box-sizing:content-box;width:18px;height:18px;padding:6px;border-radius:var(--radius-8);background:var(--color-ios-tint);color:var(--color-page);stroke-width:2.25}
  .nav-rest .nav-item::after,.nav-more .nav-item:not([data-more])::after{content:"";flex:none;width:8px;height:8px;margin:0 4px 0 auto;border-top:2.5px solid var(--color-ios-ink-3);border-right:2.5px solid var(--color-ios-ink-3);rotate:45deg}
  .nav-rest .nav-item + .nav-item::before,.nav-more [data-nav="logs"]::before{content:"";position:absolute;top:0;right:0;left:calc(var(--space-16) + 30px + var(--space-12));height:0.5px;background:var(--color-ios-sep);pointer-events:none}
  .nav-rest .nav-item:first-child{border-radius:var(--radius-12) var(--radius-12) 0 0}
  .nav-rest .nav-item:last-child{border-radius:0 0 var(--radius-12) var(--radius-12)}
  .nav-rest .nav-item:only-child{border-radius:var(--radius-12)}
  .nav-more [data-nav="settings"]{order:1;border-radius:var(--radius-12) var(--radius-12) 0 0}
  .nav-more [data-nav="logs"]{order:2;border-radius:0 0 var(--radius-12) var(--radius-12)}
  .nav-more [data-more="site"]{order:3;margin-top:var(--space-24);border-radius:var(--radius-12)}
  .nav-more [data-more="signout"]{order:4;justify-content:center;margin-top:var(--space-24);border-radius:var(--radius-12);color:var(--color-ios-urgent)}
  .nav-more [data-more="signout"] .fi{display:none}
  .nav:has(.nav-item--more[aria-current=page]) .nav-signed{order:5;display:block;margin-top:var(--space-8);padding:0 var(--space-16);font-size:var(--text-13);line-height:var(--leading-18);color:var(--color-ios-ink-2)}
  .nav-rest .nav-item:active,.nav-more .nav-item:active{background:var(--color-ios-press)}
  .nav-rest .nav-item:focus-visible,.nav-more .nav-item:focus-visible{outline-color:var(--color-ios-tint);outline-offset:-2px}
}
@media (max-width: 767px) and (hover: hover) and (pointer: fine){
  .bar-lead .band-back:hover,.bar-trail .band-btn:hover,.top-add:hover{background:var(--color-veil);text-decoration:none}
  .nav-tabs .nav-item:hover{background:var(--color-glow);color:var(--color-on-navy-2)}
  .nav-tabs .nav-item[aria-current]:hover{color:var(--color-on-navy)}
  .nav-rest .nav-item:hover,.nav-more .nav-item:hover{background:var(--color-ios-press);color:var(--color-ios-ink)}
}
@media (max-width: 767px) and (display-mode: standalone){
  .nav-tabs{height:calc(var(--tab-h) + max(var(--tab-foot), env(safe-area-inset-bottom, 0px)));padding-bottom:max(var(--tab-foot), env(safe-area-inset-bottom, 0px))}
  .main{padding-bottom:calc(var(--tab-h) + max(var(--tab-foot), env(safe-area-inset-bottom, 0px)) + var(--space-32))}
}
@media (min-width: 641px) and (max-width: 767px){
  .band.band--day .band-in{max-width:640px;margin-inline:auto}
}
@media (min-width: 768px){
  .top:has(+ .shell){display:none}
    .nav{top:0;right:auto;width:var(--rail-w);height:auto;padding:16px 0 12px;display:flex;flex-direction:column;align-items:stretch;gap:4px;overflow-y:auto;background:var(--color-rail);box-shadow:var(--shadow-rail);scrollbar-width:none}
  .nav-brand{display:grid;place-items:center;order:-2;min-height:52px;margin:0 8px 8px;border-radius:var(--radius-14);color:var(--color-ink);font-size:var(--text-15);font-weight:var(--weight-heavy)}
  .nav-brand .brand-name{display:none}
  .nav-brand .brand-mark{width:26px;height:26px}
  .nav-item,.nav-add{flex:none;min-height:60px;margin:0 8px;border-radius:var(--radius-14);color:var(--color-ink-2)}
  .nav-add{order:-1;margin-bottom:12px;color:var(--color-ink)}
  .nav-item[aria-current=page]{background:var(--color-rail-on);color:var(--color-ink)}
  .nav-item[aria-current=page] .fi{color:var(--color-navy)}
  .nav-more{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:16px}
  .nav-more .nav-item{min-height:52px}
  .band{padding:calc(20px + env(safe-area-inset-top, 0px)) var(--gutter) 32px}
  .main{margin-left:var(--rail-w);padding-bottom:48px}
  .main.fill{height:100svh}
  .center-page{min-height:calc(100svh - var(--topbar-h))}
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine){
  .nav-item:hover,.nav-add:hover,.nav-brand:hover{background:var(--color-veil);color:var(--color-ink);text-decoration:none}
  .nav-item[aria-current=page]:hover{background:var(--color-rail-on);background-image:linear-gradient(var(--color-veil),var(--color-veil))}
  .nav-add:hover .nav-add-dot{background:var(--color-lemon)}
}
@media (min-width: 768px){
  .nav-item:active,.nav-add:active,.nav-brand:active{background:var(--color-veil-2)}
    .nav-add:active .nav-add-dot{background:var(--color-lemon-deep)}
  .nav-item[aria-current=page]:active{background:var(--color-rail-on);background-image:linear-gradient(var(--color-veil-2),var(--color-veil-2))}
}
@media (min-width: 1100px){
  .nav{width:var(--sidebar-w);padding:20px 12px 16px}
  .nav-brand{display:flex;justify-content:flex-start;gap:10px;margin:0 0 8px;padding:0 12px}
  .nav-brand .brand-name{display:inline}
  .nav-item,.nav-add{flex-direction:row;justify-content:flex-start;gap:12px;min-height:44px;margin:0;padding:0 12px;font-size:var(--text-15);line-height:1.3}
  .nav-item .fi{width:20px;height:20px}
  .nav-add{margin-bottom:16px}
  .nav-add-dot{width:28px;height:28px;margin:0 0 0 -4px}
  .nav-more .nav-item{min-height:44px}
  .main{margin-left:var(--sidebar-w)}
  .band-title{font-size:var(--text-38)}
}
/* ── style/45-panels.css ── */
.crm-chip{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:var(--text-15);font-weight:var(--weight-bold);line-height:1;color:var(--color-ink-2);background:var(--color-page);box-shadow:var(--shadow-edge);border-radius:var(--radius-pill);cursor:pointer;font-family:inherit;transition-property:background-color,box-shadow,color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
.crm-chip::after{content:"";position:absolute;inset:-6px -2px}
.crm-chip-n{font-variant-numeric:tabular-nums;color:var(--color-ink-3);font-weight:var(--weight-medium)}
.crm-chip.on{background:var(--color-navy);box-shadow:none;color:var(--color-on-navy)}
.crm-chip.on .crm-chip-n{color:var(--color-on-navy-2)}
.crm-chip.on[data-level="warn"]{background:var(--color-soon)}
.crm-chip.on[data-level="error"]{background:var(--color-urgent)}
@media (pointer: coarse){
  .crm-chip{min-height:44px;font-size:var(--text-16)}
}
@media (hover: hover) and (pointer: fine){
  .crm-chip:hover{box-shadow:var(--shadow-ring);color:var(--color-ink);text-decoration:none}
  .crm-chip.on:hover{background:var(--color-navy-2);box-shadow:none;color:var(--color-on-navy)}
  .crm-chip.on[data-level="warn"]:hover{background:var(--color-soon) linear-gradient(var(--color-glow),var(--color-glow))}
  .crm-chip.on[data-level="error"]:hover{background:var(--color-urgent) linear-gradient(var(--color-glow),var(--color-glow))}
}
.crm-chip:active{background:var(--color-press);box-shadow:none}
.crm-chip.on:active{background:var(--color-navy-3)}
.crm-chip.on[data-level="warn"]:active{background:var(--color-soon) linear-gradient(var(--color-glow-2),var(--color-glow-2))}
.crm-chip.on[data-level="error"]:active{background:var(--color-urgent) linear-gradient(var(--color-glow-2),var(--color-glow-2))}
.crm-chips{display:flex;gap:8px;overflow-x:auto;margin:0 calc(-1 * var(--gutter)) 16px;padding:4px var(--gutter);scrollbar-width:none}
.crm-chips::-webkit-scrollbar{display:none}
.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr));gap:12px;margin-bottom:20px}
.card{padding:16px 18px;display:flex;flex-direction:column;margin:0;min-width:0}
.chead{display:flex;align-items:center;gap:10px;min-width:0}
.cicon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:var(--radius-round);background:var(--color-soft);color:var(--color-navy)}
.cicon .fi{width:17px;height:17px}
.clbl{font-size:var(--text-15);font-weight:var(--weight-bold);color:var(--color-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cval{display:flex;align-items:flex-end;gap:10px;margin:12px 0 4px;min-width:0}
.card b{display:block;font-size:var(--text-28);font-weight:var(--weight-heavy);color:var(--color-ink);letter-spacing:-0.02em;line-height:1.05;font-variant-numeric:proportional-nums}
.card .csub{font-size:var(--text-14);color:var(--color-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdelta{display:inline-flex;align-items:center;gap:2px;vertical-align:bottom;font-size:var(--text-14);font-weight:var(--weight-bold);color:var(--color-ink-2);white-space:nowrap}
.cdelta .fi{width:0.95em;height:0.95em}
.cdelta[data-dir="up"]{color:var(--color-done)}
.spark{display:block;margin-left:auto;flex:none;width:88px;height:32px}
.spark svg{display:block;width:100%;height:100%;overflow:visible}
.spark-area{fill:var(--color-soft);stroke:none}
.spark-line{fill:none;stroke:var(--color-navy);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.spark-dot{fill:var(--color-lemon);stroke:var(--color-navy);stroke-width:1.5}
.card.ok b,.card.ok .cicon{color:var(--color-done)}
.card.live b{color:var(--color-soon)}
.card.live .cicon{background:var(--color-soon-tint);color:var(--color-soon)}
.card.warned b,.card.warned .cicon{color:var(--color-urgent)}
.card.muted b{color:var(--color-ink-3)}
.card--link{color:var(--color-ink);transition-property:box-shadow,background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
@media (hover: hover) and (pointer: fine){
  .card--link:hover{text-decoration:none;box-shadow:var(--shadow-ring)}
}
.card--link:active{background:var(--color-press)}
.panel{padding:0;gap:0;margin-bottom:20px;display:flex;flex-direction:column;overflow:hidden}
.phead{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--color-line);flex:none;min-height:56px}
.picon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:var(--radius-round);background:var(--color-soft);color:var(--color-navy)}
.picon .fi{width:17px;height:17px}
.ptitle{margin:0;font-size:var(--text-18);font-weight:var(--weight-heavy);color:var(--color-ink);line-height:1.25}
.pcount{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;padding:0 8px;border-radius:var(--radius-pill);background:var(--color-soft);font-size:var(--text-13);font-weight:var(--weight-heavy);color:var(--color-ink-2);font-variant-numeric:tabular-nums}
.lbl{color:var(--color-ink-2);font-size:var(--text-12);font-weight:var(--weight-heavy);text-transform:uppercase;letter-spacing:0.08em}
.plink{position:relative;margin-left:auto;font-size:var(--text-15);font-weight:var(--weight-bold);white-space:nowrap}
.plink a{display:inline-flex;align-items:center;gap:4px}
.plink .fi{width:0.95em;height:0.95em}
a.plink::after{content:"";position:absolute;inset:-14px -8px}
.pbody{padding:18px}
.pnote{padding:16px 18px;color:var(--color-ink-2);font-size:var(--text-15);margin:0}
.pfoot{margin:12px 0 0;font-size:var(--text-15);color:var(--color-ink-2)}
.pbody > .pfoot:first-child{margin-top:0}
.pfoot ol{list-style:decimal;padding-left:1.2em;margin:0}
.pfoot ul{list-style:disc;padding-left:1.2em;margin:0}
.pfoot li + li{margin-top:0.25em}
.pfoot + .field{margin-top:14px}
.ctable{width:100%;border-collapse:collapse;font-size:var(--text-15);caption-side:bottom}
.ctable th{text-align:left;color:var(--color-ink-2);font-weight:var(--weight-heavy);font-size:var(--text-12);text-transform:uppercase;letter-spacing:0.07em;padding:10px 10px;border-bottom:1px solid var(--color-line);white-space:nowrap;height:auto}
.ctable td{padding:12px 10px;border-bottom:1px solid var(--color-line);vertical-align:middle;font-variant-numeric:tabular-nums;white-space:nowrap}
.ctable th:first-child,.ctable td:first-child{padding-left:18px}
.ctable th:last-child,.ctable td:last-child{padding-right:18px}
.ctable tr{border-bottom:0}
.ctable tr:last-child > td,.ctable tr:last-child > th{border-bottom:0}
.ctable .rnum{text-align:right}
.tdim{color:var(--color-ink-3)}
.cell-sub{margin-top:2px;font-size:var(--text-14);color:var(--color-ink-2);white-space:normal}
.ctable--kv th{width:38%;white-space:normal;text-transform:uppercase}
.ctable--kv td{white-space:normal;overflow-wrap:break-word}
.statuscell{white-space:normal;min-width:6.5rem}
.val-big{font-size:var(--text-18);font-weight:var(--weight-heavy);letter-spacing:-0.01em}
.amt{font-weight:var(--weight-bold)}
.tr-quiet td{color:var(--color-ink-2)}
.tr-quiet .amt{font-weight:var(--weight-regular)}
.oknote{color:var(--color-done);font-weight:var(--weight-bold)}
.yr{font-weight:var(--weight-bold)}
.crm-statall td{font-weight:var(--weight-heavy);border-top:2px solid var(--color-line)}
.lrows{display:flex;width:100%;flex-direction:column}
.lrow{position:relative;display:flex;width:100%;flex-wrap:nowrap;align-items:center;gap:14px;padding:12px 18px;min-height:64px;border:0;border-bottom:1px solid var(--color-line);border-radius:0;font-size:var(--text-15);line-height:1.35;outline-style:none;transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
.lrow:last-child{border-bottom:0}
.lrow-main{flex:1;min-width:0;display:block}
.lrow-name{display:block;font-weight:var(--weight-bold);font-size:var(--text-17);color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lrow-name::after{content:"";position:absolute;inset:0}
.lrow:has(.lrow-name:focus-visible){outline:2px solid var(--color-focus);outline-offset:-2px}
.lrow-name:focus-visible{outline:none}
.lrow-meta,.crm-meta{display:flex;align-items:center;flex-wrap:wrap;column-gap:6px;row-gap:2px;margin-top:3px;font-size:var(--text-15);color:var(--color-ink-2)}
.lrow-age{flex:none;font-size:var(--text-14);font-weight:var(--weight-bold);color:var(--color-ink-2);white-space:nowrap}
.lrow-note{display:none;margin-top:3px;font-size:var(--text-15);color:var(--color-ink-2)}
.lrow-actions{display:flex;flex-shrink:0;align-items:center;gap:8px}
.lrow-chev{width:20px;height:20px;color:var(--color-ink-3)}
.crm-dot{color:var(--color-ink-3)}
@media (hover: hover) and (pointer: fine){
  .lrow:hover{background:var(--color-veil)}
  .lrow-name:hover{text-decoration:underline}
}
.lrow:has(.lrow-name:active){background:var(--color-veil-2)}
.rowbtn{position:relative;z-index:var(--z-raised);flex:none}
.rowbtn::after{content:"";position:absolute;inset:-4px -2px}
.psub{padding:8px 18px;font-size:var(--text-12);font-weight:var(--weight-heavy);text-transform:uppercase;letter-spacing:0.08em;color:var(--color-ink-2);background:var(--color-well);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}
.phead + .psub{border-top:0}
.lrow:has(+ .psub),.pnote:has(+ .psub){border-bottom:0}
@media (max-width: 767px){
  .cards{grid-template-columns:1fr 1fr;gap:10px}
  .card{padding:14px}
  .card b{font-size:var(--text-22)}
  .lrow,.phead,.psub{padding-left:14px;padding-right:14px}
  .pbody{padding:14px}
  .lrow-actions .btn-label{display:none}
  .ctable th:first-child,.ctable td:first-child{padding-left:14px}
}
@media (max-width: 767px){
  .panel{margin:var(--space-24) 0 0;border:0;border-radius:0;background:transparent;overflow:visible}
  .panel > :not(.phead){background-color:var(--color-page)}
  .panel > .phead + *,.panel > :first-child:not(.phead){border-top-left-radius:var(--radius-12);border-top-right-radius:var(--radius-12)}
  .panel > :last-child:not(.phead){border-bottom-left-radius:var(--radius-12);border-bottom-right-radius:var(--radius-12)}
  .panel > .table-wrap,.panel > .lrows{overflow:hidden}
  .phead{min-height:0;gap:var(--space-12);padding:0 var(--space-4) var(--space-8);border-bottom:0}
  .picon{display:none}
  .ptitle{font-size:var(--text-20);line-height:var(--leading-25);font-weight:var(--weight-bold);color:var(--color-ios-ink)}
  .pcount{min-width:0;height:auto;padding:0;background:transparent;font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-regular);color:var(--color-ios-ink-2)}
  .plink{font-size:var(--text-15);font-weight:var(--weight-regular)}
  .plink a{color:var(--color-ios-tint)}
  .pbody{padding:var(--space-16)}
  .pnote{padding:var(--space-12) var(--space-16);font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .pfoot{font-size:var(--text-13);line-height:var(--leading-18);color:var(--color-ios-ink-2)}
  .psub{padding:var(--space-16) var(--space-16) var(--space-4);border:0;background:var(--color-page);font-size:var(--text-13);line-height:var(--leading-18);font-weight:var(--weight-regular);letter-spacing:0;text-transform:none;color:var(--color-ios-ink-2)}
  .lbl{font-size:var(--text-13);line-height:var(--leading-18);font-weight:var(--weight-regular);letter-spacing:0;text-transform:none;color:var(--color-ios-ink-2)}
.lrow{gap:var(--space-12);min-height:var(--control-h);padding:var(--row-y) var(--space-16);border-bottom:0;font-size:var(--text-15);line-height:var(--leading-20)}
  .lrow + .lrow::before{content:"";position:absolute;top:0;right:0;left:var(--space-16);height:0.5px;background:var(--color-ios-sep);pointer-events:none}
  .lrow:has(.lthumb) + .lrow::before,.lrow:has(.avatar) + .lrow::before,.lrow:has(.picon) + .lrow::before{left:calc(var(--space-16) + 40px + var(--space-12))}
  .lrow-name{font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);color:var(--color-ios-ink)}
  .lrow:has(.lrow-name:focus-visible){outline-color:var(--color-ios-tint)}
  .lrow-meta,.crm-meta{column-gap:var(--space-4);margin-top:2px;font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .lrow-age{font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-regular);color:var(--color-ios-ink-2)}
  .lrow-chev{width:18px;height:18px;margin-right:-4px;color:var(--color-ios-ink-3)}
  .crm-dot{color:var(--color-ios-ink-2)}
  .lrow:has(.lrow-name:active){background:var(--color-ios-press)}
.ctable{font-size:var(--text-15);line-height:var(--leading-20)}
  .ctable th{padding:var(--space-8) var(--space-12);border-bottom:0;box-shadow:var(--shadow-head-rule-ios);font-size:var(--text-13);line-height:var(--leading-18);font-weight:var(--weight-regular);letter-spacing:0;text-transform:none;color:var(--color-ios-ink-2)}
  .ctable td{padding:var(--row-y) var(--space-12);border-bottom:0;box-shadow:var(--shadow-head-rule-ios);color:var(--color-ios-ink)}
  .ctable tr:last-child > td,.ctable tr:last-child > th{box-shadow:none}
  .ctable th:first-child,.ctable td:first-child{padding-left:var(--space-16)}
  .ctable th:last-child,.ctable td:last-child{padding-right:var(--space-16)}
  .ctable--kv tr{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-12);min-height:var(--control-h);padding:var(--row-y) var(--space-16);box-shadow:var(--shadow-head-rule-ios)}
  .ctable--kv tr:last-child{box-shadow:none}
  .ctable.ctable--kv th,.ctable.ctable--kv td{width:auto;padding:0;box-shadow:none;font-size:var(--text-17);line-height:var(--leading-22)}
  .ctable--kv th{flex:none;max-width:45%;color:var(--color-ios-ink);text-transform:none}
  .ctable--kv td{flex:1;min-width:0;text-align:right;color:var(--color-ios-ink-2)}
  .ctable--kv td .cell-sub{font-size:var(--text-13);line-height:var(--leading-18)}
  .cell-sub{font-size:var(--text-13);line-height:var(--leading-18);color:var(--color-ios-ink-2)}
  .tdim{color:var(--color-ios-ink-3)}
  .val-big{font-size:var(--text-17);font-weight:var(--weight-semibold);letter-spacing:0;color:var(--color-ios-ink)}
.content .ios-sec{padding:0}
  .cards{gap:var(--space-8);margin:var(--space-16) 0 0}
  .card{gap:0;padding:var(--space-12) var(--space-16);border-radius:var(--radius-12)}
  .cicon{display:none}
  .clbl{font-size:var(--text-13);line-height:var(--leading-18);font-weight:var(--weight-regular);color:var(--color-ios-ink-2)}
  .cval{margin:var(--space-4) 0 0}
  .card b{font-size:var(--text-22);line-height:var(--leading-28);font-weight:var(--weight-bold);letter-spacing:0}
  .card .csub{font-size:var(--text-13);line-height:var(--leading-18);color:var(--color-ios-ink-2)}
}
@media (max-width: 767px) and (hover: hover) and (pointer: fine){
  .lrow:hover{background:var(--color-veil)}
  .lrow-name:hover{text-decoration:none}
}
@media (max-width: 380px){
  .cards{grid-template-columns:1fr}
}
@media (min-width: 768px){
  .lrow-note{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
    .cards--fc{grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:28px}
}
/* ── style/50-dashboard.css ── */
.day-cols{display:flex;flex-direction:column;gap:32px;padding:32px var(--gutter) 0}
.day-cols.is-caught{padding-top:0}
.day-col{display:contents}
.day-sec[data-sec="next"]{order:1}
.day-sec[data-sec="reply"]{order:2}
.day-sec[data-sec="deadlines"]{order:3}
.day-sec[data-sec="due"]{order:4}
.day-sec[data-sec="today"]{order:5}
.day-sec[data-sec="touch"]{order:6}
.day-sec[data-sec="prospecting"]{order:7}
.day-sec{min-width:0}
.day-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:var(--text-22);font-weight:var(--weight-heavy);line-height:1.27;color:var(--color-ink)}
.day-sec-note{font-size:var(--text-16);font-weight:var(--weight-regular);color:var(--color-ink-2)}
.day-rows{display:flex;flex-direction:column;gap:8px}
.day-sec[data-sec="next"]{margin:-32px calc(-1 * var(--gutter)) 0;padding:0 var(--gutter) 24px;background:var(--color-navy);border-radius:0 0 var(--radius-20) var(--radius-20)}
.day-sec[data-sec="next"] .day-sec-h{margin-bottom:12px;padding-top:16px;border-top:1px solid var(--color-navy-rule);font-size:var(--text-14);line-height:1.4;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-lemon)}
.day-next{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:16px;align-items:start}
.day-next-time{display:grid}
.day-next-what{min-width:0}
.day-next-clock{font-size:var(--text-44);font-weight:var(--weight-heavy);line-height:1;letter-spacing:-0.02em;font-variant-numeric:proportional-nums;color:var(--color-on-navy)}
.day-next-ampm{margin-top:4px;font-size:var(--text-15);font-weight:var(--weight-bold);color:var(--color-on-navy-2)}
.day-next-kind{font-size:var(--text-16);font-weight:var(--weight-bold);line-height:1.38;color:var(--color-on-navy-2)}
.day-next-in{color:var(--color-lemon)}
.day-next-title{font-size:var(--text-18);font-weight:var(--weight-bold);line-height:1.33;color:var(--color-on-navy)}
.day-next-who{margin-top:2px;font-size:var(--text-16);line-height:1.38;color:var(--color-on-navy-2)}
.day-next-acts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px}
.day-row{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);grid-template-areas:"lead main" "acts acts";column-gap:12px;align-items:start;padding:16px;border-radius:var(--radius-14);background:var(--color-well);transition-property:opacity,background-color;transition-duration:var(--duration-240);transition-timing-function:var(--ease-out)}
.day-row:not(:has(.day-row-lead)){grid-template-columns:minmax(0, 1fr);grid-template-areas:"main" "acts"}
.day-row.is-urgent{background:var(--color-urgent-tint)}
.day-row.is-soon{background:var(--color-soon-tint)}
.day-row.is-done{background:var(--color-done-tint)}
.day-row[data-leaving]{opacity:0}
.day-row-lead{grid-area:lead}
.day-row-main{grid-area:main;display:block;min-width:0;min-height:44px;border-radius:var(--radius-10);color:inherit}
.day-row-acts{grid-area:acts;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.day-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.day-row-name,.day-row-title{font-size:var(--text-18);font-weight:var(--weight-bold);line-height:1.33;color:var(--color-ink)}
.day-row-msg{margin-top:2px;font-size:var(--text-17);line-height:1.41;color:var(--color-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.day-row-meta{margin-top:2px;font-size:var(--text-16);line-height:1.38;color:var(--color-ink-2)}
@media (hover: hover) and (pointer: fine){
  .day-row-main:hover{text-decoration:none}
  .day-row-main:hover .day-row-name,.day-row-main:hover .day-row-title{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
}
.day-row:has(.day-row-main:active){background-image:linear-gradient(var(--color-veil-2),var(--color-veil-2))}
.day-sec[data-sec="today"] .day-rows{gap:0}
.day-row--appt{padding:12px 0;border-radius:0;background:transparent}
.day-row--appt + .day-row--appt{border-top:1px solid var(--color-line)}
.day-row--appt.is-past .day-row-title,.day-row--appt.is-past .day-time{color:var(--color-ink-3)}
.day-row--appt:has(.day-row-main:active){background-image:linear-gradient(var(--color-veil-2),var(--color-veil-2))}
.day-when{flex:none;font-size:var(--text-16);font-weight:var(--weight-heavy);line-height:1.38;color:var(--color-ink);white-space:nowrap}
.day-when--urgent,.day-when--soon{display:inline-flex;align-items:center;gap:6px}
.day-when--urgent::before,.day-when--soon::before{content:"";flex:none;width:10px;height:10px;border-radius:var(--radius-round)}
.day-when--urgent{color:var(--color-urgent)}
.day-when--urgent::before{background:var(--color-urgent-mark)}
.day-when--soon{color:var(--color-soon)}
.day-when--soon::before{background:var(--color-soon-mark)}
.day-when--done{color:var(--color-done)}
.day-tag{display:inline-block;padding:0 6px;border-radius:var(--radius-6);box-shadow:var(--shadow-tag);font-size:var(--text-12);font-weight:var(--weight-heavy);line-height:1.5;letter-spacing:0.04em;color:var(--color-ink);vertical-align:1px}
.day-face{display:grid;place-items:center;width:40px;height:40px;margin-top:-2px;border-radius:var(--radius-round);background:var(--color-page);color:var(--color-navy);font-size:var(--text-15);font-weight:var(--weight-heavy);letter-spacing:0.02em}
.is-urgent .day-face{background:var(--color-urgent-mark);color:var(--color-on-mark)}
.day-date{display:grid;justify-items:center;align-content:center;width:52px;min-height:52px;border-radius:var(--radius-14);background:var(--color-page);color:var(--color-ink)}
.day-date-dow{font-size:var(--text-12);font-weight:var(--weight-heavy);line-height:1.2;letter-spacing:0.04em;text-transform:uppercase;color:var(--color-ink-2)}
.day-date-d{font-size:var(--text-22);font-weight:var(--weight-heavy);line-height:1.1}
.is-urgent .day-date-dow,.is-urgent .day-date-d{color:var(--color-urgent)}
.day-time{display:block;width:64px;font-size:var(--text-20);font-weight:var(--weight-heavy);line-height:1.2;color:var(--color-ink)}
.day-time small{display:block;font-size:var(--text-13);font-weight:var(--weight-bold);line-height:1.25;letter-spacing:0.02em;color:var(--color-ink-2)}
.day-now{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:var(--text-13);font-weight:var(--weight-heavy);line-height:1.25;color:var(--color-urgent)}
.day-now::after{content:"";flex:1;height:2px;border-radius:var(--radius-pill);background:var(--color-urgent-mark)}
.day-badge{display:inline-block;margin-left:6px;padding:0 6px;border-radius:var(--radius-6);background:var(--color-navy);color:var(--color-lemon);font-size:var(--text-12);font-weight:var(--weight-heavy);line-height:1.5;vertical-align:2px}
.day-check{display:grid;place-items:center;width:44px;height:44px;margin:-8px 0 0 -8px;border-radius:var(--radius-round);color:var(--color-navy)}
.is-urgent .day-check{color:var(--color-urgent)}
.day-check-ring{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-round);background:var(--color-page);box-shadow:var(--shadow-check);transition-property:background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
.day-check-ring .fi{width:15px;height:15px;color:var(--color-on-mark);opacity:0}
.day-check[aria-pressed=true] .day-check-ring{background:var(--color-done-mark);color:var(--color-done-mark)}
.day-check[aria-pressed=true] .day-check-ring .fi{opacity:1}
@media (hover: hover) and (pointer: fine){
  .day-check:hover .day-check-ring{background:var(--color-press)}
}
.day-check:active .day-check-ring{background:var(--color-press) linear-gradient(var(--color-veil-2),var(--color-veil-2))}
.day-act{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:0 16px;border-radius:var(--radius-pill);background:var(--color-page);color:var(--color-navy);font-size:var(--text-16);font-weight:var(--weight-bold);line-height:1.25;white-space:nowrap;transition-property:background-color,box-shadow;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
.day-act--primary{background:var(--color-navy);color:var(--color-on-navy)}
.day-act:disabled{opacity:0.55;pointer-events:none}
@media (hover: hover) and (pointer: fine){
  .day-act:hover{box-shadow:var(--shadow-ring);text-decoration:none}
  .day-act--primary:hover{background:var(--color-navy-2);box-shadow:none}
}
.day-act:active{background:var(--color-press);box-shadow:none}
.day-act--primary:active{background:var(--color-navy-3)}
.day-act--wide{flex:1 0 100%}
.day-row--reply .day-act:not(.day-act--wide){flex:1 1 0}
.day-line{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 16px;border-radius:var(--radius-14);background:var(--color-well);color:var(--color-ink)}
.day-line-main{flex:1;min-width:0;font-size:var(--text-16);line-height:1.38}
.day-line-main b{font-size:var(--text-18);font-weight:var(--weight-bold);color:var(--color-ink)}
.day-line-note{color:var(--color-ink-2)}
.day-line-chev{color:var(--color-ink-3)}
.day-quiet{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:8px;padding:0 8px;margin-left:-8px;border-radius:var(--radius-10);font-size:var(--text-16);color:var(--color-ink-2)}
.day-quiet .fi{width:16px;height:16px}
@media (hover: hover) and (pointer: fine){
  .day-line:hover{text-decoration:none;background-image:linear-gradient(var(--color-veil),var(--color-veil))}
  .day-line:hover b{text-decoration:underline;text-underline-offset:3px}
  .day-quiet:hover{background:var(--color-veil);color:var(--color-ink)}
}
.day-line:active{background-image:linear-gradient(var(--color-veil-2),var(--color-veil-2))}
.day-quiet:active{background:var(--color-veil-2)}
.day-caught{display:grid;justify-items:start;gap:12px;padding:32px 0}
.day-caught-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-round);background:var(--color-navy);color:var(--color-lemon)}
.day-caught-mark .fi{width:30px;height:30px}
.day-caught h2{font-size:var(--text-28);font-weight:var(--weight-heavy);line-height:1.2;color:var(--color-ink)}
.day-caught p{font-size:var(--text-17);color:var(--color-ink-2)}
.day-after{width:100%;margin-top:12px;padding-top:16px;border-top:1px solid var(--color-line)}
.day-rule{margin-top:6px;font-size:var(--text-14);color:var(--color-ink-2)}
.day-rule summary{cursor:pointer;width:max-content;margin-left:-6px;padding:2px 6px;border-radius:var(--radius-6);font-weight:var(--weight-bold);color:var(--color-navy)}
@media (hover: hover) and (pointer: fine){
  .day-rule summary:hover{background:var(--color-veil)}
}
.day-rule summary:active{background:var(--color-veil-2)}
@media (pointer: coarse){
  .day-rule summary{padding-block:12px}
}
.day-rule p{margin-top:4px;line-height:1.5}
html:has(.day-sheet[open]){overflow:hidden}
.day-sheet{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;max-height:92dvh;padding:0;border:0;overflow:auto;background:var(--color-page);color:var(--color-ink);border-radius:var(--radius-20) var(--radius-20) 0 0;box-shadow:var(--shadow-sheet)}
.day-sheet::backdrop{background:var(--color-scrim)}
.day-sheet[open]{animation:sheet-in var(--duration-420) var(--ease-sheet)}
.day-sheet-form{display:grid;gap:20px;padding:8px var(--gutter) calc(20px + env(safe-area-inset-bottom, 0px))}
.day-sheet-form fieldset{min-width:0}
.day-sheet-form .notice{margin:0}
.day-sheet-grab{justify-self:center;width:36px;height:5px;margin-bottom:4px;border-radius:var(--radius-pill);background:var(--color-line)}
.day-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.day-sheet-kicker{font-size:var(--text-16);font-weight:var(--weight-medium);line-height:1.38;color:var(--color-ink-2)}
.day-sheet-title{margin-top:2px;font-size:var(--text-28);font-weight:var(--weight-heavy);line-height:1.2;color:var(--color-ink)}
.day-sheet-title:focus{outline:none}
.day-sheet-close{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:-6px -6px 0 0;border-radius:var(--radius-round);color:var(--color-ink-2)}
.day-legend{margin-bottom:8px;padding:0;font-size:var(--text-16);font-weight:var(--weight-bold);line-height:1.38;color:var(--color-ink-2)}
.day-choices{display:grid;gap:8px}
.day-choice,.day-chip{position:relative;display:block}
.day-choice input,.day-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.day-choice span,.day-chip span{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;border-radius:var(--radius-14);background:var(--color-page);box-shadow:var(--shadow-edge);font-size:var(--text-16);font-weight:var(--weight-bold);line-height:1.25;color:var(--color-ink);transition-property:background-color,box-shadow;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
.day-choice span::before{content:"";flex:none;width:20px;height:20px;border-radius:var(--radius-round);box-shadow:var(--shadow-radio)}
.day-chip span{display:inline-flex;min-height:44px;border-radius:var(--radius-pill)}
.day-choice input:checked + span,.day-chip input:checked + span{background:var(--color-navy);box-shadow:none;color:var(--color-on-navy)}
.day-choice input:checked + span::before{box-shadow:var(--shadow-radio-on)}
.day-choice input:focus-visible + span,.day-chip input:focus-visible + span{outline:2px solid var(--color-focus);outline-offset:2px}
.day-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.day-sheet-form .control{margin-top:0}
.day-chips + .control{margin-top:12px}
.day-sheet-acts{display:grid;grid-template-columns:1fr 2fr;gap:8px}
@media (hover: hover) and (pointer: fine){
  .day-choice:hover span,.day-chip:hover span{box-shadow:var(--shadow-ring)}
  .day-choice:hover input:checked + span,.day-chip:hover input:checked + span{background:var(--color-navy-2);box-shadow:none}
  .day-sheet-close:hover{background:var(--color-veil)}
}
.day-choice:active span,.day-chip:active span{background:var(--color-press);box-shadow:none}
.day-choice:active input:checked + span,.day-chip:active input:checked + span{background:var(--color-navy-3)}
.day-sheet-close:active{background:var(--color-veil-2)}
.day-toast{position:fixed;z-index:var(--z-toast);left:50%;bottom:40px;display:flex;align-items:center;gap:12px;min-height:48px;max-width:calc(100% - 32px);padding:0 6px 0 16px;border-radius:var(--radius-14);background:var(--color-ink);color:var(--color-on-navy);box-shadow:var(--shadow-toast);font-size:var(--text-15);font-weight:var(--weight-bold);opacity:0;pointer-events:none;transform:translate(-50%, 12px);transition-property:opacity,transform;transition-duration:var(--duration-240);transition-timing-function:var(--ease-out)}
.day-toast[data-on]{opacity:1;pointer-events:auto;transform:translate(-50%, 0)}
.day-toast-undo{min-height:44px;padding:0 12px;border-radius:var(--radius-10);font-size:var(--text-15);font-weight:var(--weight-heavy);color:var(--color-lemon)}
@media (hover: hover) and (pointer: fine){
  .day-toast-undo:hover{background:var(--color-glow)}
}
.day-toast-undo:active{background:var(--color-glow-2)}
@media (max-width: 767px){
  .day-cols{gap:var(--space-24);padding:var(--space-8) var(--gutter) 0}
  .content .day-sec{margin-top:var(--space-24)}
  .day-cols.is-caught{padding-top:0}
  .day-sec-h{margin-bottom:var(--space-8);padding:0 var(--space-4);font-size:var(--text-20);line-height:var(--leading-25);font-weight:var(--weight-bold);color:var(--color-ios-ink)}
  .day-sec-note{font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .day-rows{gap:0;overflow:hidden;border-radius:var(--radius-12);background:var(--color-page)}
.day-sec[data-sec="next"]{margin:0;padding:var(--space-16);border-radius:var(--radius-12);background:var(--color-page)}
  .day-sec[data-sec="next"] .day-sec-h{margin-bottom:var(--space-8);padding:0;border-top:0;font-size:var(--text-13);line-height:var(--leading-18);font-weight:var(--weight-semibold);letter-spacing:0.06em;color:var(--color-ios-ink-2)}
  .day-next{gap:var(--space-16)}
  .day-next-clock{font-size:var(--text-28);line-height:var(--leading-34);font-weight:var(--weight-bold);letter-spacing:-0.01em;color:var(--color-ios-ink)}
  .day-next-ampm{margin-top:0;font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-semibold);color:var(--color-ios-ink-2)}
  .day-next-kind{font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-regular);color:var(--color-ios-ink-2)}
  .day-next-in{font-weight:var(--weight-semibold);color:var(--color-ios-urgent)}
  .day-next-title{font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);color:var(--color-ios-ink)}
  .day-next-who{margin-top:0;font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .day-next-acts .band-btn{gap:6px;min-width:var(--control-h);min-height:var(--control-h);padding:0 var(--space-8);border-radius:var(--radius-10);background:var(--color-ios-tint-soft);color:var(--color-ios-tint);font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold)}
  .day-next-acts .band-btn .fi{width:20px;height:20px}
  .day-next-acts .band-btn--primary{background:var(--color-ios-tint);color:var(--color-page)}
  .day-next-acts .band-btn:active{background:var(--color-ios-tint-soft-2)}
  .day-next-acts .band-btn--primary:active{background:var(--color-ios-tint-3)}
  .day-next-acts .band-btn:focus-visible{outline-color:var(--color-ios-tint)}
.day-row,.day-row.is-urgent,.day-row.is-soon,.day-row.is-done,.day-row--appt{grid-template-areas:"lead main" ". acts";column-gap:var(--space-12);padding:var(--row-y) var(--space-16);border-radius:0;background:var(--color-page)}
  .day-row:not(:has(.day-row-lead)){grid-template-areas:"main" "acts"}
  .day-row + .day-row::before,.day-row + .day-now::before{content:"";position:absolute;top:0;right:0;left:var(--space-16);height:0.5px;background:var(--color-ios-sep);pointer-events:none}
  .day-row--appt + .day-row--appt{border-top:0}
  .day-row:has(.day-face)::before,.day-row:has(.day-check)::before{left:calc(var(--space-16) + 40px + var(--space-12))}
  .day-row:has(.day-date)::before{left:calc(var(--space-16) + 44px + var(--space-12))}
  .day-row:has(.day-time)::before{left:calc(var(--space-16) + 64px + var(--space-12))}
  .day-row-main{min-height:0;border-radius:0}
  .day-row-lead{align-self:center}
  .day-row:has(.day-row-msg) .day-row-lead,.day-row--reply .day-row-lead{align-self:start}
  .day-row-top{gap:var(--space-8)}
  .day-row-name,.day-row-title{font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);color:var(--color-ios-ink)}
  .day-row-msg{margin-top:2px;font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink)}
  .day-row-meta{margin-top:2px;font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .day-row-acts{gap:var(--space-8);margin-top:var(--space-8)}
  .day-row:has(.day-row-main:active){background-image:none;background-color:var(--color-ios-press)}
  .day-row--appt:has(.day-row-main:active){background-image:none;background-color:var(--color-ios-press)}
  .day-row--appt.is-past .day-row-title,.day-row--appt.is-past .day-time{color:var(--color-ios-ink-3)}
.day-when{font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-semibold);color:var(--color-ios-ink-2)}
  .day-when--urgent,.day-when--soon{gap:5px}
  .day-when--urgent::before,.day-when--soon::before{width:8px;height:8px}
  .day-when--urgent{color:var(--color-ios-urgent)}
  .day-when--urgent::before{background:var(--color-ios-urgent-mark)}
  .day-when--soon{color:var(--color-ios-soon)}
  .day-when--soon::before{background:var(--color-ios-soon-mark)}
  .day-when--done{color:var(--color-ios-done)}
  .day-tag{padding:0 5px;box-shadow:var(--shadow-tag-ios);font-size:var(--text-12);line-height:var(--leading-16);font-weight:var(--weight-semibold);letter-spacing:0.03em;color:var(--color-ios-ink-2)}
  .day-badge{padding:0 5px;background:transparent;box-shadow:var(--shadow-tag-tint);color:var(--color-ios-tint);font-size:var(--text-12);line-height:var(--leading-16);font-weight:var(--weight-semibold)}
.day-face,.is-urgent .day-face{width:40px;height:40px;margin-top:0;background:var(--color-ios-ink-3);color:var(--color-page);font-size:var(--text-15);font-weight:var(--weight-semibold)}
  .is-urgent .day-face{box-shadow:var(--shadow-face-urgent)}
  .day-date{width:44px;min-height:0;border-radius:0;background:transparent}
  .day-date-dow{font-size:var(--text-12);line-height:var(--leading-16);font-weight:var(--weight-semibold);color:var(--color-ios-ink-2)}
  .day-date-d{font-size:var(--text-22);line-height:var(--leading-28);font-weight:var(--weight-regular);color:var(--color-ios-ink)}
  .is-urgent .day-date-dow{color:var(--color-ios-urgent)}
  .is-urgent .day-date-d{color:var(--color-ios-ink)}
  .day-time{width:64px;font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);color:var(--color-ios-ink)}
  .day-time small{font-size:var(--text-13);line-height:var(--leading-18);font-weight:var(--weight-regular);letter-spacing:0;color:var(--color-ios-ink-2)}
  .day-now{padding:0 var(--space-16);height:18px;font-size:var(--text-13);line-height:var(--leading-18);font-weight:var(--weight-semibold);color:var(--color-ios-urgent);background:var(--color-page);position:relative}
  .day-now::after{background:var(--color-ios-urgent-mark)}
  .day-check{width:44px;height:44px;margin:-10px -2px;color:var(--color-ios-ink-3)}
  .is-urgent .day-check{color:var(--color-ios-urgent-mark)}
  .day-check-ring{width:24px;height:24px;box-shadow:var(--shadow-check-ios)}
  .day-check-ring .fi{width:14px;height:14px}
  .day-check[aria-pressed=true] .day-check-ring{background:var(--color-ios-done-mark);color:var(--color-ios-done-mark)}
  .day-check:active .day-check-ring{background:var(--color-ios-press)}
.day-act{gap:6px;min-height:var(--control-h);padding:0 var(--space-16);border-radius:var(--radius-10);background:var(--color-ios-tint-soft);color:var(--color-ios-tint);font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold)}
  .day-act .fi{width:20px;height:20px}
  .day-act--primary{background:var(--color-ios-tint);color:var(--color-page)}
  .day-act[data-after]:not(.day-act--wide){width:var(--control-h);padding:0}
  .day-act[data-after]:not(.day-act--wide) > span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .day-act:active{background:var(--color-ios-tint-soft-2)}
  .day-act--primary:active{background:var(--color-ios-tint-3)}
  .day-act:focus-visible{outline-color:var(--color-ios-tint)}
  .day-act--wide{flex:1 1 auto}
  .day-row-acts:has(.day-act--wide + .day-act--wide) .day-act--wide{flex:1 0 100%}
  .day-row--reply .day-act:not(.day-act--wide){flex:none}
.day-line{min-height:var(--control-h);padding:var(--row-y) var(--space-16);border-radius:var(--radius-12);background:var(--color-page);color:var(--color-ios-ink)}
  .day-line-main{font-size:var(--text-15);line-height:var(--leading-20)}
  .day-line-main b{font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);color:var(--color-ios-ink)}
  .day-line-note{color:var(--color-ios-ink-2)}
  .day-line-chev{width:18px;height:18px;color:var(--color-ios-ink-3)}
  .day-line:active{background-image:none;background-color:var(--color-ios-press)}
  .day-quiet{min-height:var(--control-h);margin:var(--space-8) 0 0;padding:0 var(--space-16);border-radius:var(--radius-10);font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .day-quiet .fi{width:18px;height:18px}
  .day-quiet:active{background:var(--color-veil-2)}
  .day-caught{gap:var(--space-8);padding:var(--space-24) 0}
  .day-caught-mark{width:52px;height:52px;background:var(--color-ios-done-mark);color:var(--color-page)}
  .day-caught h2{font-size:var(--text-22);line-height:var(--leading-28);font-weight:var(--weight-bold);color:var(--color-ios-ink)}
  .day-caught p{font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .day-after{border-top:0;padding-top:var(--space-8)}
.day-chips{gap:var(--space-8);margin-top:var(--space-12)}
  .day-chip span{min-height:var(--control-h);padding:0 var(--space-16);background:var(--color-page);box-shadow:none;font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-semibold);color:var(--color-ios-ink)}
  .day-chip input:checked + span{background:var(--color-ios-tint);color:var(--color-page)}
  .day-chip:active span{background:var(--color-ios-press)}
  .day-chip:active input:checked + span{background:var(--color-ios-tint-3)}
  .day-chip input:focus-visible + span{outline-color:var(--color-ios-tint)}
  .day-chips + .control{margin-top:var(--space-12)}
.day-toast{bottom:calc(var(--tab-h) + var(--tab-foot) + var(--space-12));min-height:48px;border-radius:var(--radius-10);background:var(--color-ios-toast);box-shadow:var(--shadow-toast);font-size:var(--text-15);line-height:var(--leading-20);font-weight:var(--weight-semibold)}
  .day-toast-undo{min-height:var(--control-h);border-radius:var(--radius-8);font-size:var(--text-15);font-weight:var(--weight-semibold)}
}
@media (max-width: 767px) and (hover: hover) and (pointer: fine){
  .day-next-acts .band-btn:hover{background:var(--color-ios-tint-soft-2)}
  .day-next-acts .band-btn--primary:hover{background:var(--color-ios-tint-2)}
  .day-act:hover{box-shadow:none;background:var(--color-ios-tint-soft-2)}
  .day-act--primary:hover{background:var(--color-ios-tint-2)}
  .day-row-main:hover .day-row-name,.day-row-main:hover .day-row-title{text-decoration:none}
  .day-row:has(.day-row-main:hover){background-color:var(--color-ios-press)}
  .day-line:hover{background-image:none;background-color:var(--color-ios-press)}
  .day-line:hover b{text-decoration:none}
  .day-quiet:hover{background:var(--color-veil);color:var(--color-ios-ink-2)}
  .day-check:hover .day-check-ring{background:var(--color-ios-press)}
  .day-chip:hover span{box-shadow:none;background:var(--color-ios-press)}
  .day-chip:hover input:checked + span{background:var(--color-ios-tint-2)}
}
@media (max-width: 374px){
  .day-act--wide{flex:1 0 100%}
}
@media (min-width: 641px) and (max-width: 767px){
  .day-cols{width:100%;max-width:calc(640px + 2 * var(--gutter));margin-inline:auto}
}
@media (min-width: 768px){
  .day-cols{display:grid;grid-template-columns:minmax(0, 1fr) minmax(280px, 0.78fr);column-gap:32px;align-items:start;padding-top:32px}
  .day-cols.is-caught{grid-template-columns:minmax(0, 560px)}
  .day-col{display:flex;flex-direction:column;gap:32px;min-width:0}
  .day-sec[data-sec="next"]{margin:0;padding:20px;border-radius:var(--radius-20)}
  .day-sec[data-sec="next"] .day-sec-h{padding-top:0;border-top:0}
  .day-next-clock{font-size:var(--text-38)}
  .day-toast{bottom:24px}
  .day-sheet{inset:0;margin:auto;width:min(480px, calc(100% - 64px));height:fit-content;border-radius:var(--radius-20)}
  .day-sheet[open]{animation:sheet-pop var(--duration-240) var(--ease-out)}
  .day-sheet-grab{display:none}
  .day-sheet-form{padding:24px}
}
@media (min-width: 1100px){
  .day-cols{grid-template-columns:minmax(0, 1fr) minmax(320px, 360px);column-gap:40px}
  .day-act--wide,.day-row--reply .day-act:not(.day-act--wide){flex:0 0 auto}
}
@media (min-width: 1600px){
  .day-cols{grid-template-columns:minmax(0, 2fr) minmax(0, 1fr)}
  .day-cols > .day-col:first-child{display:block;columns:2;column-gap:40px}
  .day-cols > .day-col:first-child > .day-sec{break-inside:avoid;margin-bottom:32px}
}
/* ── style/52-settings.css ── */
.set-state{display:flex;align-items:baseline;gap:10px;font-size:var(--text-17);line-height:1.45;color:var(--color-ink)}
.set-dot{flex:none;width:10px;height:10px;border-radius:var(--radius-round);background:var(--color-done-mark);translate:0 -1px}
.set-state[data-state="off"] .set-dot{background:var(--color-ink-3)}
.set-state[data-state="held"] .set-dot{background:var(--color-soon-mark)}
.set-state[data-state="bad"] .set-dot{background:var(--color-urgent-mark)}
.set-state + .btn,.set-state + .set-error + .btn{margin-top:14px}
.set-go{margin-top:14px}
.set-error{margin-top:10px;font-size:var(--text-15);font-weight:var(--weight-bold);color:var(--color-urgent)}
.set-more .picon{flex:none}
.set-signout{display:flex;justify-content:center;margin-bottom:24px}
@media (max-width: 767px){
  .ios-signout{width:100%}
  .set-state{font-size:var(--text-17);line-height:var(--leading-22);color:var(--color-ios-ink)}
  .set-error{font-size:var(--text-15);color:var(--color-ios-urgent)}
}
/* ── style/55-crm.css ── */
.crm-search{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;max-width:46rem}
.crm-qbox{position:relative;display:flex;flex:1 1 12rem;min-width:0}
.crm-qbox input{flex:1;min-width:0;padding-left:40px}
.crm-qicon{position:absolute;left:14px;top:50%;translate:0 -50%;width:18px;height:18px;color:var(--color-ink-3);pointer-events:none}
.crm-search .select{flex:none;max-width:11rem}
.crm-due{white-space:nowrap}
.crm-due.on{color:var(--color-soon);font-weight:var(--weight-bold)}
.crm-cols,.crm-col{display:contents}
.crm-facts{margin:0 0 16px}
.crm-listing{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:10px 14px;background:var(--color-soft);border-radius:var(--radius-14);font-size:var(--text-15)}
.crm-listing-lbl{color:var(--color-ink-2);font-weight:var(--weight-bold);font-size:var(--text-12);text-transform:uppercase;letter-spacing:0.07em}
.crm-listing a{display:inline-flex;align-items:center;gap:6px;color:var(--color-navy);font-weight:var(--weight-bold)}
.crm-listing a .fi{width:0.85em;height:0.85em}
.crm-stages{display:grid;grid-template-columns:repeat(3, 1fr);gap:1px;width:100%;background:var(--color-line);border:1px solid var(--color-line);border-radius:var(--radius-14);overflow:hidden}
.crm-stages > *{border-radius:0!important;border:0!important}
.crm-stages--2{grid-template-columns:repeat(2, 1fr)}
.frow{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0 10px}
.frow--3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.crm-board{display:flex;gap:10px;overflow-x:auto;align-items:flex-start;padding-bottom:8px}
.crm-bcol{flex:1;min-width:13.5rem;background:var(--color-well);border-radius:var(--radius-20)}
.crm-bhead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 6px}
.crm-bhead .lbl{display:inline-flex;align-items:center;gap:8px}
.crm-bhead[data-stage] .lbl::before{content:"";width:10px;height:10px;border-radius:var(--radius-round);background:var(--color-stage-lost)}
.crm-bhead[data-stage="new"] .lbl::before{background:var(--color-stage-new)}
.crm-bhead[data-stage="contacted"] .lbl::before{background:var(--color-stage-contacted)}
.crm-bhead[data-stage="showing"] .lbl::before{background:var(--color-stage-showing)}
.crm-bhead[data-stage="offer"] .lbl::before{background:var(--color-stage-offer)}
.crm-bhead[data-stage="closed"] .lbl::before{background:var(--color-stage-closed)}
.crm-bbody{padding:6px 8px 8px;display:flex;flex-direction:column;gap:8px;min-height:3rem}
.crm-bcard{display:block;background:var(--color-page);border-radius:var(--radius-14);padding:12px 14px;color:var(--color-ink);transition-property:box-shadow,background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
.crm-bcard:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.crm-bname{display:block;font-weight:var(--weight-bold);font-size:var(--text-16);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crm-bmeta{display:block;margin-top:2px;font-size:var(--text-14);color:var(--color-ink-2)}
.crm-bempty{margin:0;padding:8px 6px;font-size:var(--text-14);color:var(--color-ink-3);text-align:center}
@media (hover: hover) and (pointer: fine){
  .crm-bcard:hover{text-decoration:none;box-shadow:var(--shadow-ring)}
}
.crm-bcard:active{background:var(--color-press)}
.crm-note-add{display:flex;gap:8px;align-items:flex-start;padding:14px 18px;border-bottom:1px solid var(--color-line)}
.crm-note-add textarea{flex:1;min-width:0;resize:vertical;line-height:1.45}
.crm-ev{padding:12px 18px;border-bottom:1px solid var(--color-line)}
.crm-ev:last-child{border-bottom:0}
.crm-ev-meta{display:flex;align-items:baseline;gap:8px;font-size:var(--text-13);color:var(--color-ink-3)}
.crm-ev-kind{font-weight:var(--weight-heavy);text-transform:uppercase;letter-spacing:0.06em;color:var(--color-ink-2)}
.crm-ev-kind--enquiry{color:var(--color-navy)}
.crm-ev-kind--system{color:var(--color-ink-3)}
.crm-ev-body{margin-top:4px;font-size:var(--text-16);line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word}
.crm-int{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 18px;border-bottom:1px solid var(--color-line);font-size:var(--text-15)}
.crm-int a,.crm-int > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crm-int-add{display:flex;gap:8px;padding:14px 18px}
.crm-int-add .select{flex:1;min-width:0}
.crm-quick{display:flex;flex-direction:column;gap:8px}
.crm-quick-row{display:flex;align-items:center;gap:8px}
.crm-quick-lbl{flex:1;min-width:0;font-size:var(--text-15);color:var(--color-ink-2)}
.crm-danger{text-align:center;margin-top:20px}
@media (min-width: 768px){
  .crm-cols{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:0 28px;align-items:start}
  .crm-col{display:block;min-width:0}
}
@media (min-width: 1360px){
  .crm-bcol{min-width:0}
}
.ios-bar-tools{display:grid;gap:var(--space-12);padding:0 var(--gutter)}
.ios-empty{padding:0 var(--gutter)}
.ios-notices{padding:0 var(--gutter)}
.ios-tabs{padding:var(--space-16) var(--gutter) 0}
.ios-pad{padding:var(--space-12) var(--gutter) 0}
.ios-pad .notice{margin:0 0 var(--space-12)}
.ios-wide{width:100%;min-height:var(--control-lg)}
.ios-cell--event .ios-title{font-weight:var(--weight-regular);white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width: 767px){
    .crm-stages{gap:2px;padding:2px;border:0;border-radius:var(--radius-10);background:var(--color-ios-fill)}
  .crm-stages > .btn--segment::after{content:"";position:absolute;inset:-2px -1px}
  .crm-stages > .btn--segment{position:relative;min-height:40px;border-radius:var(--radius-8)!important;background:transparent;color:var(--color-ios-ink);font-size:var(--text-15);font-weight:var(--weight-regular)}
  .crm-stages > .btn--segment[aria-current=true]{background:var(--color-page);box-shadow:var(--shadow-thumb-ring);color:var(--color-ios-ink);font-weight:var(--weight-semibold)}
  .crm-stages > .btn--segment:active{background:var(--color-veil-2)}
  .crm-stages > .btn--segment[aria-current=true]:active{background:var(--color-page);box-shadow:var(--shadow-thumb-ring-2)}
}
/* ── style/60-listings.css ── */
.lthumb{flex:none;width:68px;height:48px;border-radius:var(--radius-10);object-fit:cover;background:var(--color-soft)}
span.lthumb{display:inline-flex;align-items:center;justify-content:center;color:var(--color-ink-3)}
.lprice{font-weight:var(--weight-bold);color:var(--color-ink)}
.lphoto-main{display:block;width:100%;max-width:22rem;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-14);background:var(--color-soft)}
div.lphoto-main{display:flex;align-items:center;justify-content:center;color:var(--color-ink-3);font-size:var(--text-15)}
.lphoto-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.lphoto-form input[type="file"]{flex:1 1 12rem;min-width:0;font-size:var(--text-15);color:var(--color-ink);height:auto;min-height:44px;padding:6px 8px;border:1px dashed var(--color-edge);border-radius:var(--radius-10);background:none}
.lgallery{display:grid;grid-template-columns:repeat(auto-fill, minmax(7.5rem, 1fr));gap:10px;margin-top:14px}
.lg-item img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-10);background:var(--color-soft)}
.lg-item > div{margin-top:2px;text-align:center}
.lg-item .btn{min-height:32px;font-size:var(--text-14)}
@media (max-width: 767px){
  .ios-lead .lthumb{width:56px;height:40px;border-radius:var(--radius-8)}
  .lphoto-main{border-radius:var(--radius-10)}
  .lphoto-form input[type="file"]{font-size:var(--text-17);border-color:var(--color-ios-edge)}
  .lg-item .btn{min-height:var(--control-h);font-size:var(--text-15)}
}
/* ── style/65-foreclosures.css ── */
@media (min-width: 1100px) and (hover: hover) and (pointer: fine){
  .main--cap{height:100svh;padding-bottom:0;overflow:hidden;display:flex;flex-direction:column}
    .main--cap .content{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:20px}
  .main--cap .content > *{flex:none}
  .main--cap .content > .panel{flex:0 1 auto;min-height:0;margin-bottom:0}
  .main--cap .panel .table-wrap{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-edge) transparent}
  .main--cap thead th{position:sticky;top:0;z-index:var(--z-raised);background:var(--color-page);border-bottom:0;box-shadow:var(--shadow-head-rule)}
}
.fc-photo{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--color-soft)}
.pcap{padding:8px 18px;font-size:var(--text-13);color:var(--color-ink-2);border-bottom:1px solid var(--color-line)}
.fc-tabwrap{overflow-x:auto;scrollbar-width:none;margin-bottom:16px}
.fc-tabwrap::-webkit-scrollbar{display:none}
.spec-strip{display:flex;flex-wrap:wrap;gap:14px 24px;padding:14px 18px;border-bottom:1px solid var(--color-line)}
.spec{display:flex;align-items:center;gap:10px}
.spec .fi{width:20px;height:20px;color:var(--color-navy)}
.spec b{display:block;font-size:var(--text-18);font-weight:var(--weight-heavy);line-height:1.1;letter-spacing:-0.01em;font-variant-numeric:tabular-nums}
.spec span{display:block;font-size:var(--text-12);text-transform:uppercase;letter-spacing:0.07em;color:var(--color-ink-2);font-weight:var(--weight-heavy);margin-top:2px}
.upload{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:14px;padding:24px 16px 22px;border:1.5px dashed var(--color-edge);border-radius:var(--radius-20);background:var(--color-well);text-align:center;cursor:pointer;transition-property:border-color,background-color;transition-duration:var(--duration-120);transition-timing-function:var(--ease-out)}
.upload[data-over],.upload[data-chosen]{border-color:var(--color-navy);background:var(--color-soft)}
.upload:has(.upload-input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}
.upload-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:4px;border-radius:var(--radius-round);background:var(--color-page);color:var(--color-navy)}
.upload-icon .fi{width:20px;height:20px}
.upload-text{font-size:var(--text-16);font-weight:var(--weight-bold);color:var(--color-ink);overflow-wrap:anywhere}
.upload-hint{font-size:var(--text-14);color:var(--color-ink-2)}
.upload-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
@media (hover: hover) and (pointer: fine){
  .upload:hover{border-color:var(--color-navy);background-image:linear-gradient(var(--color-veil),var(--color-veil))}
}
.upload:active{background-image:linear-gradient(var(--color-veil-2),var(--color-veil-2))}
.steps{list-style:none;margin:0;padding:0;counter-reset:step;display:flex;flex-direction:column;gap:12px}
.steps li{position:relative;counter-increment:step;padding-left:38px;min-height:26px;font-size:var(--text-16);line-height:1.5;color:var(--color-ink-2)}
.steps li::before{content:counter(step);position:absolute;left:0;top:-1px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-round);background:var(--color-navy);font-size:var(--text-13);font-weight:var(--weight-heavy);color:var(--color-on-navy)}
.steps b{color:var(--color-ink)}
@media (max-width: 767px){
  .upload{border-radius:var(--radius-12);border-color:var(--color-ios-edge);background:var(--color-page)}
  .upload[data-over],.upload[data-chosen]{border-color:var(--color-ios-tint);background:var(--color-ios-tint-soft)}
  .upload-icon{background:var(--color-ios-tint-soft);color:var(--color-ios-tint)}
  .upload-text{font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);color:var(--color-ios-ink)}
  .upload-hint{font-size:var(--text-13);line-height:var(--leading-18);color:var(--color-ios-ink-2)}
  .steps li{font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .steps li::before{background:var(--color-ios-tint);font-size:var(--text-13);font-weight:var(--weight-semibold)}
  .steps b{color:var(--color-ios-ink)}
  .pcap{padding:var(--space-8) var(--space-16);border-bottom:0;font-size:var(--text-13);line-height:var(--leading-18);color:var(--color-ios-ink-2)}
  .spec-strip{padding:var(--space-12) var(--space-16);border-bottom:0}
  .spec .fi{color:var(--color-ios-tint)}
  .spec b{font-size:var(--text-17);font-weight:var(--weight-semibold)}
  .spec span{font-size:var(--text-12);font-weight:var(--weight-regular);letter-spacing:0;text-transform:none;color:var(--color-ios-ink-2)}
  .fc-tabwrap{overflow:visible;margin:var(--space-16) 0 0}
}
/* ── style/67-newsletter.css ── */
.nl-rows{display:flex;flex-direction:column}
.nl-row{padding:16px 18px;border-bottom:1px solid var(--color-line)}
.nl-row:last-child{border-bottom:0}
.nl-head{display:flex;align-items:flex-start;gap:16px}
.nl-main{flex:1;min-width:0}
.nl-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:var(--text-17);font-weight:var(--weight-bold);color:var(--color-ink)}
.nl-dev{padding:1px 8px;border-radius:var(--radius-6);background:var(--color-soft);font-size:var(--text-13);font-weight:var(--weight-bold);color:var(--color-ink-2)}
.nl-note{margin-top:3px;font-size:var(--text-15);line-height:1.45;color:var(--color-ink-2)}
.nl-links{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0 -8px}
.nl-act{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.nl-why{font-size:var(--text-14);color:var(--color-ink-3)}
.nl-frames{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}
.nl-fig{display:flex;flex-direction:column;gap:6px;max-width:100%}
.nl-frame{display:block;height:44rem;border:0;border-radius:var(--radius-14);box-shadow:var(--shadow-edge);background:var(--color-page)}
.nl-frame--phone{width:375px}
.nl-frame--wide{width:640px;max-width:100%}
.nl-cap{font-size:var(--text-14);color:var(--color-ink-3)}
@media (max-width: 767px){
  .nl-row{padding:var(--row-y) var(--space-16);border-bottom:0;position:relative}
  .nl-row + .nl-row::before{content:"";position:absolute;top:0;right:0;left:var(--space-16);height:0.5px;background:var(--color-ios-sep);pointer-events:none}
  .nl-head{flex-direction:row;align-items:center;gap:var(--space-12)}
  .nl-act{align-items:flex-end;width:auto}
  .nl-name{font-size:var(--text-17);line-height:var(--leading-22);font-weight:var(--weight-semibold);color:var(--color-ios-ink)}
  .nl-note{margin-top:2px;font-size:var(--text-15);line-height:var(--leading-20);color:var(--color-ios-ink-2)}
  .nl-links{margin:var(--space-4) 0 0 calc(-1 * var(--space-8))}
  .nl-links .btn--quiet{font-size:var(--text-15)}
  .nl-act .btn{border-radius:var(--radius-pill);min-height:var(--control-h);padding-inline:var(--space-16);font-size:var(--text-15)}
  .nl-act .btn .fi{display:none}
  .nl-why{font-size:var(--text-13);line-height:var(--leading-18);color:var(--color-ios-ink-2)}
  .nl-dev{background:transparent;box-shadow:var(--shadow-tag-ios);font-size:var(--text-12);color:var(--color-ios-ink-2)}
  .nl-frame--phone{width:100%}
  .nl-cap{font-size:var(--text-13);color:var(--color-ios-ink-2)}
}
/* ── style/70-logs.css ── */
.lhead{flex-wrap:wrap;row-gap:6px;background:var(--color-page);border-bottom:1px solid var(--color-line)}
.live-tag{display:inline-flex;align-items:center;gap:6px;margin-right:6px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--color-done-tint);font-size:var(--text-13);font-weight:var(--weight-heavy);color:var(--color-done)}
.live-dot{width:8px;height:8px;border-radius:var(--radius-round);background:var(--color-done-mark)}
.lsep{width:1px;height:24px;background:var(--color-line);margin:0 2px;flex:none}
.fchips{display:flex;gap:6px}
.logbody{flex:1;min-height:0;overflow-y:auto;padding:12px 18px;font-family:var(--font-log);font-size:var(--text-13);line-height:1.6;background:var(--color-well);overflow-wrap:break-word;scrollbar-width:thin;scrollbar-color:var(--color-edge) transparent}
.lhead,.logbody{padding-left:var(--gutter)}
.logbody::-webkit-scrollbar{width:8px}
.logbody::-webkit-scrollbar-thumb{background:var(--color-edge);border-radius:var(--radius-6)}
.logline{margin:0 -8px;padding:0 8px;border-radius:var(--radius-6);color:var(--color-ink-2)}
@media (hover: hover) and (pointer: fine){
  .logline:hover{background:var(--color-veil)}
}
.logline .lts{color:var(--color-ink-3)}
.logline .lsrc{color:var(--color-navy)}
.logline.warn{color:var(--color-soon)}
.logline.error{color:var(--color-urgent)}
.log-source{max-width:18ch}
@media (max-width: 767px){
  .ios-log-tools{padding-bottom:var(--space-12)}
  .logbody{padding:var(--space-12) var(--gutter);font-size:var(--text-13);line-height:var(--leading-20);background:var(--color-page)}
  .logline{color:var(--color-ios-ink-2)}
  .logline .lts{color:var(--color-ios-ink-3)}
  .logline .lsrc{color:var(--color-ios-tint)}
  .logline.warn{color:var(--color-ios-soon)}
  .logline.error{color:var(--color-ios-urgent)}
}
/* ── style/90-design-system.css ── */
.ds-toc{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:1rem;font-size:var(--text-14);font-weight:var(--weight-bold)}
.ds-tokens{display:grid;grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr));margin:0 -1px -1px 0}
.ds-tokens--text{grid-template-columns:minmax(0, 1fr)}
.ds-token{display:flex;flex-direction:column;gap:0.5rem;min-width:0;padding:0.75rem 0.95rem;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}
.ds-tokens--text .ds-token{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.3fr);align-items:center;gap:0.4rem 1.5rem}
.ds-token-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.ds-token-name{font-size:var(--text-14);font-weight:var(--weight-bold)}
.ds-token-value{font-size:var(--text-14);color:var(--color-ink-2);overflow-wrap:anywhere}
.ds-token-note{margin-top:4px;font-size:var(--text-14);line-height:1.5;color:var(--color-ink-2)}
.ds-uses{font-size:var(--text-13);color:var(--color-ink-3)}
.ds-uses summary{cursor:pointer;width:max-content;border-radius:var(--radius-6)}
@media (hover: hover) and (pointer: fine){
  .ds-uses summary:hover{background:var(--color-veil)}
}
.ds-uses summary:active{background:var(--color-veil-2)}
.ds-uses p{margin-top:4px;line-height:1.6;overflow-wrap:anywhere}
.ds-swatch{display:block;height:2.6rem;border:1px solid var(--color-line);border-radius:var(--radius-20)}
.ds-sample{display:block;line-height:1.3;color:var(--color-ink)}
.ds-box{display:block;width:4rem;height:2.6rem;border:1px solid var(--color-edge);background:var(--color-page)}
.ds-pair{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:1.9rem;border:1px solid var(--color-line);border-radius:var(--radius-6);font-weight:var(--weight-bold)}
.ctable .ds-wrap{white-space:normal}
.ds-specimens{display:flex;flex-direction:column;gap:1.1rem}
.ds-spec{display:flex;flex-direction:column;gap:0.5rem}
.ds-spec-body{display:flex;flex-wrap:wrap;align-items:center;gap:0.6rem}
.ds-wide{width:100%}
.ds-band{margin-bottom:20px;padding:20px;border-radius:var(--radius-20);background:var(--color-navy)}
.ds-bands{display:grid;gap:16px;margin-bottom:20px}
.ds-bands .band{border-radius:var(--radius-20)}
.ds-phone{max-width:390px;margin-bottom:20px;padding:16px 0 24px;border-radius:var(--radius-20);background:var(--color-ios-ground);color:var(--color-ios-ink);font-family:var(--font-phone)}
.ds-phone .ios-sec,.ds-phone .ios-bar-tools,.ds-phone .ios-tiles,.ds-phone .ios-pad{padding-left:16px;padding-right:16px}
.ds-gap{margin-top:16px}
.ds-phone .day-face{background:var(--color-ios-ink-3);color:var(--color-page)}