/* AuraKeyRealty Work Dashboard v3, on Atomic Framework v2.3.1 tokens.
   Dark theme in neutral charcoal (Adobe Spectrum style greys), AKR gold for accents.
   Merriweather headings, Inter Tight body. No logo: a text wordmark.
   Decisions: 1 "AKR" gold mark plus serif title  2 Merriweather + Inter Tight  3 tabs, bottom
   bar on phones  4 sticky header, tool bars and table headers  5 tables on wide screens,
   stacked cards on phones  6 status as icon plus text. Every pair proven with a contrast run. */

:root{
  --bg-body: #f4f4f4;
  --bg-surface: #ffffff;
  --surface-2: #ececec;
  --surface-3: #e2e2e2;
  --border-color: #d6d6d6;
  --heading-color: #1a1a1a;
  --text-color: #2c2c2c;
  --muted-foreground: #595959;
  --bar-bg: #ffffff;
  --bar-text: #1a1a1a;
  --bar-muted: #595959;
  --bar-border: #d6d6d6;
  --accent-fill: #c99c43;
  --on-accent-fill: #1a1a1a;
  --accent-text: #7a5710;
  --accent-soft: #f6ecd6;
  --link: #1557c0;
  --chip-doing: #1d5bbf;
  --chip-blocked: #b3261e;
  --chip-ok: #1e7340;
  --chip-late: #8a5300;
  --row-hover: #f7f7f7;
  --font-body: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Merriweather', Georgia, 'Times New Roman', serif;
  --tap: 2.75rem;
  --tabbar-h: 4rem;
  --head-h: 6.25rem;
  --toolbar-h: 0px;
  --focus-ring-color: #1a1a1a;
  --focus-ring-contrast: #ffffff;
}
[data-theme="dark"]{
  --bg-body: #1b1b1b;
  --bg-surface: #252525;
  --surface-2: #2f2f2f;
  --surface-3: #383838;
  --border-color: #3d3d3d;
  --heading-color: #f2f2f2;
  --text-color: #dadada;
  --muted-foreground: #a9a9a9;
  --bar-bg: #141414;
  --bar-text: #f2f2f2;
  --bar-muted: #a9a9a9;
  --bar-border: #333333;
  --accent-fill: #d9ae57;
  --on-accent-fill: #141414;
  --accent-text: #e6c072;
  --accent-soft: #3a3121;
  --link: #8ab4ff;
  --chip-doing: #8ab4ff;
  --chip-blocked: #ff9a8f;
  --chip-ok: #74d39b;
  --chip-late: #f0c264;
  --row-hover: #2b2b2b;
  --focus-ring-color: #e6c072;
  --focus-ring-contrast: #141414;
}

*{box-sizing:border-box;margin:0;padding:0;}
@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;transition-duration:0.01ms !important;}}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{
  outline:2px solid var(--focus-ring-color);outline-offset:2px;box-shadow:0 0 0 2px var(--focus-ring-contrast);border-radius:var(--radius-xs);
}
html{scroll-padding-top:calc(var(--head-h) + 16px);}
body{font-family:var(--font-body);font-size:var(--text-m);line-height:1.5;color:var(--text-color);background:var(--bg-body);-webkit-font-smoothing:antialiased;}
svg{display:block;flex-shrink:0;}
h1,h2,h3{font-family:var(--font-heading);color:var(--heading-color);font-weight:700;line-height:1.25;letter-spacing:-0.01em;}
a{color:var(--link);text-underline-offset:2px;}
[hidden]{display:none !important;}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.skip-link{position:absolute;left:16px;top:-60px;background:var(--bg-surface);color:var(--heading-color);padding:8px 12px;border-radius:var(--radius-m);font-weight:700;z-index:var(--z-tooltip);}
.skip-link:focus{top:12px;}
.wrap{max-width:1320px;margin:0 auto;padding:0 16px;}

/* Header and tabs (sticky) */
.bar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--bar-bg);color:var(--bar-text);border-bottom:1px solid var(--bar-border);}
.bar__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:3.5rem;}
.brand{display:flex;align-items:center;gap:10px;min-width:0;}
.brand__mark{display:grid;place-items:center;height:30px;padding:0 8px;border-radius:6px;background:var(--accent-fill);color:var(--on-accent-fill);font-family:var(--font-heading);font-weight:900;font-size:.8rem;letter-spacing:.06em;}
.brand__title{font-size:1.05rem;color:var(--bar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.brand__who{font-family:var(--font-body);font-size:var(--text-s);font-weight:600;color:var(--bar-muted);margin-left:6px;}
.bar__right{display:flex;align-items:center;gap:8px;min-width:0;}
.bar__meta{font-size:var(--text-s);color:var(--bar-muted);white-space:nowrap;}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:var(--tap);height:var(--tap);padding:0 10px;border-radius:var(--radius-m);border:1px solid var(--bar-border);background:transparent;color:var(--bar-text);font:inherit;font-size:var(--text-s);font-weight:600;cursor:pointer;}
.icon-btn:hover{background:var(--surface-2);}
.icon-btn.is-spinning svg{animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

.tabs{background:var(--bar-bg);}
.tabs__inner{display:flex;gap:2px;}
.tab{position:relative;display:flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 14px;color:var(--bar-muted);text-decoration:none;font-weight:600;font-size:var(--text-s);border-bottom:3px solid transparent;}
.tab:hover{color:var(--bar-text);}
.tab[aria-current="page"]{color:var(--bar-text);border-bottom-color:var(--accent-fill);}
.tab__badge{min-width:1.4rem;height:1.4rem;padding:0 5px;border-radius:999px;background:var(--accent-fill);color:var(--on-accent-fill);font-size:var(--text-xs);display:inline-grid;place-items:center;}
@media (max-width:759px){
  .tabs{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--bar-border);}
  .tabs__inner{padding:0;}
  .tab{flex:1;flex-direction:column;justify-content:center;gap:2px;min-height:var(--tabbar-h);padding:6px 2px;border-bottom:0;border-top:3px solid transparent;font-size:var(--text-xs);}
  .tab[aria-current="page"]{border-top-color:var(--accent-fill);}
  .tab__badge{position:absolute;top:6px;left:calc(50% + 6px);}
  body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px);}
  .bar__meta,.brand__who,.icon-btn__label{display:none;}
}

.status-line{font-size:var(--text-s);color:var(--muted-foreground);padding-top:10px;}
.status-line.is-stale{color:var(--chip-late);font-weight:600;}
.notice{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:12px 14px;border-radius:var(--radius-m);border:1px solid var(--accent-fill);background:var(--accent-soft);color:var(--heading-color);font-size:var(--text-s);}
.notice b{font-weight:700;}
.signin{margin-top:12px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-l);}
.signin label{display:block;font-size:var(--text-s);}
.signin label b{display:block;font-family:var(--font-heading);font-size:1.05rem;color:var(--heading-color);margin-bottom:4px;}
.signin__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
input[type="password"],input[type="search"],textarea{font:inherit;color:var(--text-color);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-m);}
.signin input{flex:1 1 14rem;min-width:0;height:var(--tap);padding:0 12px;}
.signin .save-state{margin-top:6px;}

/* View heads and sticky tool bars */
.main{padding-top:12px;padding-bottom:40px;}
.toolbar{position:sticky;top:var(--head-h);z-index:50;background:var(--bg-body);padding:8px 0 10px;margin-bottom:6px;border-bottom:1px solid var(--border-color);}
.toolbar__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px;}
.toolbar__row + .toolbar__row{margin-top:8px;}
@media (max-width:759px){.toolbar{top:3.5rem;}}
.view__title{font-size:1.45rem;}
.view__sub{font-size:1.15rem;margin:24px 0 4px;}
.view__lead{color:var(--muted-foreground);font-size:var(--text-s);margin:4px 0 12px;max-width:70ch;}
.search{display:flex;flex-direction:column;gap:3px;flex:1 1 16rem;max-width:28rem;}
.search__label,.filter-row__label{font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);}
.search input{height:var(--tap);padding:0 12px;}
.filter-row{display:flex;align-items:center;gap:10px;margin-top:8px;min-width:0;}
.filter-row__label{flex-shrink:0;width:3.5rem;}
.filter-row__items{min-width:0;flex:1;}
.toggle{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);font-size:var(--text-s);font-weight:600;color:var(--heading-color);cursor:pointer;}
.toggle input{width:24px;height:24px;accent-color:var(--accent-fill);}

/* Segmented control */
.seg{display:inline-flex;border:1px solid var(--border-color);border-radius:var(--radius-m);overflow:hidden;}
.seg button{min-height:2.5rem;padding:0 14px;border:0;background:var(--bg-surface);color:var(--heading-color);font:inherit;font-size:var(--text-s);font-weight:600;cursor:pointer;}
.seg button + button{border-left:1px solid var(--border-color);}
.seg button[aria-pressed="true"]{background:var(--accent-fill);color:var(--on-accent-fill);}

/* Number cards */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;}
@media (max-width:759px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
.kpi{display:block;padding:14px 16px;border-radius:var(--radius-l);background:var(--bg-surface);border:1px solid var(--border-color);text-decoration:none;color:var(--text-color);}
a.kpi:hover{border-color:var(--accent-fill);}
.kpi__label{display:block;font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);}
.kpi__n{display:block;margin-top:4px;font-family:var(--font-heading);font-size:2rem;font-weight:900;line-height:1.1;color:var(--heading-color);font-variant-numeric:tabular-nums;}
.kpi__sub{display:block;margin-top:2px;font-size:var(--text-s);color:var(--muted-foreground);}
.kpi--accent{border-color:var(--accent-fill);background:var(--accent-soft);}
.kpi--accent .kpi__n{color:var(--accent-text);}

/* Panels */
.cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
@media (min-width:960px){.cols{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);}}
.col{display:grid;gap:12px;align-content:start;min-width:0;}
.panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-l);padding:16px;min-width:0;}
.panel__title{font-size:1.05rem;margin-bottom:4px;}
.panel__hint{font-size:var(--text-s);color:var(--muted-foreground);margin-bottom:6px;}
.panel__sub{font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);margin:14px 0 4px;}
.panel__sub:first-child{margin-top:4px;}

/* Rows (lists) */
.rows{list-style:none;}
.row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--border-color);min-width:0;}
.rows > .row:first-child{border-top:0;}
.row__main{flex:1;min-width:0;}
.row__title{color:var(--heading-color);overflow-wrap:anywhere;font-weight:500;}
.row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:3px;font-size:var(--text-s);color:var(--muted-foreground);}
.row__alt{margin-top:4px;font-size:var(--text-s);color:var(--text-color);}
.row__alt b{color:var(--heading-color);font-weight:700;}
.ref{font-variant-numeric:tabular-nums;font-weight:700;color:var(--heading-color);margin-right:6px;white-space:nowrap;}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:1px;background:var(--muted-foreground);}

.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;border:1px solid currentColor;font-size:var(--text-xs);font-weight:700;line-height:1.5;white-space:nowrap;}
.chip svg{width:12px;height:12px;}
.chip--doing{color:var(--chip-doing);}
.chip--blocked{color:var(--chip-blocked);}
.chip--ok{color:var(--chip-ok);}
.chip--late{color:var(--chip-late);}
.chip--plain{color:var(--muted-foreground);}
.band{font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);}

/* Tables: sticky headers on wide screens, stacked cards on phones */
.tbl-wrap{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-l);}
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-s);}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--border-color);}
.tbl thead th{position:sticky;top:calc(var(--head-h) + var(--toolbar-h));z-index:5;background:var(--surface-2);color:var(--muted-foreground);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;}
.tbl thead th:first-child{border-top-left-radius:var(--radius-l);}
.tbl thead th:last-child{border-top-right-radius:var(--radius-l);}
.tbl tbody tr:hover td{background:var(--row-hover);}
.tbl tbody tr:last-child td{border-bottom:0;}
.tbl .tbl__section th{position:static;background:var(--bg-surface);color:var(--heading-color);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding-top:14px;}
.tbl td.num,.tbl th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.tbl td.nowrap{white-space:nowrap;}
.tbl td.title{color:var(--heading-color);font-weight:500;min-width:16rem;}
.tbl td.tick-cell{width:44px;padding:4px 0 4px 6px;}
.tbl .sort{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;min-height:24px;}
.tbl .sort[aria-sort] span{color:var(--accent-text);}
@media (max-width:899px){
  .tbl-wrap{background:transparent;border:0;}
  .tbl thead{display:none;}
  .tbl,.tbl tbody,.tbl tr,.tbl td,.tbl th{display:block;width:100%;}
  .tbl tbody tr{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-m);margin-bottom:8px;padding:6px 0;}
  .tbl tbody tr.tbl__section{background:transparent;border:0;padding:0;margin:14px 0 4px;}
  .tbl td{border:0;padding:4px 12px;}
  .tbl td[data-label]::before{content:attr(data-label);display:block;font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);}
  .tbl td.title::before,.tbl td.tick-cell::before{display:none;}
  .tbl td.tick-cell{float:left;width:auto;padding:4px 0 0 6px;}
  .tbl td.num{text-align:left;}
  .tbl td.title{min-width:0;}
}

/* Ticks */
.tick{display:grid;place-items:center;width:var(--tap);height:var(--tap);margin:-8px 0 -8px -8px;border:0;border-radius:var(--radius-m);background:transparent;cursor:pointer;flex-shrink:0;}
.tbl .tick{margin:0;}
.tick:hover{background:var(--surface-2);}
.tick__box{display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--muted-foreground);border-radius:6px;color:var(--on-accent-fill);}
.tick[aria-checked="true"] .tick__box{background:var(--accent-fill);border-color:var(--accent-fill);}
.tick__box svg{width:14px;height:14px;opacity:0;}
.tick[aria-checked="true"] .tick__box svg{opacity:1;}
.save-state{font-size:var(--text-xs);color:var(--muted-foreground);}
.save-state--bad{color:var(--chip-blocked);font-weight:700;}

/* Notes and answers */
.note{margin-top:6px;}
.note summary{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);margin:-8px 0;font-size:var(--text-s);font-weight:600;color:var(--link);cursor:pointer;list-style:none;}
.note summary::-webkit-details-marker{display:none;}
.note__list{list-style:none;margin-top:4px;display:grid;gap:6px;}
.note__item{padding:8px 10px;border-radius:var(--radius-s);background:var(--surface-2);font-size:var(--text-s);overflow-wrap:anywhere;}
.note__item b{display:block;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:2px;}
.note__item--answer{background:var(--accent-soft);border-left:3px solid var(--accent-fill);}
.note__field{display:block;margin-top:8px;}
.note__field span{display:block;font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:4px;}
.note textarea{width:100%;min-height:5rem;padding:8px;resize:vertical;}
.note__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;}
.note--open{margin-top:8px;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:0 16px;border-radius:var(--radius-m);border:1px solid transparent;font:inherit;font-weight:700;font-size:var(--text-s);cursor:pointer;text-decoration:none;}
.btn-primary{background:var(--accent-fill);color:var(--on-accent-fill);}
.btn-primary:hover{filter:brightness(1.06);}
.btn-ghost{background:transparent;border-color:var(--border-color);color:var(--heading-color);}
.btn-ghost:hover{background:var(--surface-2);}

/* Week */
.obj{padding:8px 0;border-top:1px solid var(--border-color);}
.obj:first-child{border-top:0;}
.obj__head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;}
.obj__count{font-size:var(--text-s);color:var(--muted-foreground);white-space:nowrap;}
.bar-track{height:6px;margin-top:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;}
.bar-fill{height:100%;border-radius:999px;background:var(--accent-fill);}
.callout{padding:10px 12px;border-radius:var(--radius-m);background:var(--surface-2);font-size:var(--text-s);color:var(--text-color);}
.callout b{color:var(--heading-color);}
.plist{list-style:none;counter-reset:p;}
.plist li{position:relative;padding:6px 0 6px 28px;border-top:1px solid var(--border-color);font-size:var(--text-s);overflow-wrap:anywhere;}
.plist li:first-child{border-top:0;}
.plist li::before{counter-increment:p;content:counter(p);position:absolute;left:0;top:7px;width:20px;height:20px;border-radius:50%;background:var(--surface-3);color:var(--heading-color);font-size:var(--text-xs);font-weight:700;display:grid;place-items:center;}

/* Pills */
.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin;}
.pill{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;min-height:2.5rem;padding:0 12px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--heading-color);font:inherit;font-size:var(--text-s);font-weight:600;cursor:pointer;}
.pill[aria-pressed="true"]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent-fill);}
.pill .n{font-variant-numeric:tabular-nums;opacity:.85;}

/* Content board */
.board{display:grid;grid-template-columns:repeat(5,minmax(15rem,1fr));gap:10px;overflow-x:auto;padding-bottom:6px;}
.lane{background:var(--surface-2);border-radius:var(--radius-l);padding:10px;min-width:0;}
.lane__head{display:flex;justify-content:space-between;align-items:baseline;margin:0 2px 8px;}
.lane__head h3{font-size:.95rem;}
.lane__head span{font-size:var(--text-s);color:var(--muted-foreground);font-weight:700;}
.cards{display:grid;gap:8px;}
.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-m);padding:10px;}
.card__title{color:var(--heading-color);font-weight:600;overflow-wrap:anywhere;}
.card__meta{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:4px;font-size:var(--text-xs);color:var(--muted-foreground);}
.stage-row{display:none;}
@media (max-width:1099px){
  .stage-row.is-board{display:flex;}
  .board{display:block;}
  .lane{display:none;}
  .lane.is-current{display:block;}
}

/* Task groups */
.group{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-l);margin-bottom:10px;}
.group > summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:3.25rem;padding:10px 16px;cursor:pointer;list-style:none;border-radius:var(--radius-l);}
.group > summary:hover{background:var(--row-hover);}
.group > summary::-webkit-details-marker{display:none;}
.group > summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--muted-foreground);border-bottom:2px solid var(--muted-foreground);transform:rotate(-45deg);transition:transform .15s;}
.group[open] > summary::before{transform:rotate(45deg);}
.group__name{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--heading-color);}
.group__count{font-size:var(--text-s);color:var(--muted-foreground);}
.group__chips{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto;}
.group__body{padding:0 8px 8px;}
.group__body .tbl-wrap{border:0;}

/* Day End */
.report{border-top:1px solid var(--border-color);}
.report:first-child{border-top:0;}
.report summary{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:var(--tap);cursor:pointer;color:var(--heading-color);font-weight:700;}
.report summary span:last-child{font-weight:500;font-size:var(--text-s);color:var(--muted-foreground);}
.report__body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-s);line-height:1.6;padding-bottom:12px;max-height:24rem;overflow:auto;}

/* Links */
.link-group + .link-group{margin-top:12px;}
.link-group h4{font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:6px;}
.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:6px;}
.link-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:var(--tap);padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--radius-m);color:var(--heading-color);text-decoration:none;font-size:var(--text-s);font-weight:600;overflow-wrap:anywhere;}
.link-btn:hover{border-color:var(--accent-fill);}
.link-btn small{display:block;font-weight:500;color:var(--muted-foreground);}
.link-btn svg{width:14px;height:14px;color:var(--muted-foreground);}

/* States */
.empty{padding:10px 0;font-size:var(--text-s);color:var(--muted-foreground);}
.empty b{display:block;color:var(--heading-color);font-size:var(--text-m);margin-bottom:2px;}
.empty .btn{margin-top:8px;}
.error-box{padding:12px;border-radius:var(--radius-m);border:1px solid var(--chip-blocked);color:var(--heading-color);font-size:var(--text-s);}
.error-box .btn{margin-top:8px;}
.skeleton{height:14px;margin:10px 0;border-radius:var(--radius-s);background:var(--surface-2);animation:pulse 1.2s ease-in-out infinite;}
.skeleton:nth-child(2){width:80%;}.skeleton:nth-child(3){width:60%;}
@keyframes pulse{50%{opacity:.5;}}
.more{margin-top:8px;}

.toast{position:fixed;left:16px;right:16px;bottom:16px;max-width:30rem;margin:0 auto;z-index:var(--z-toast);display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-m);background:var(--heading-color);color:var(--bg-body);box-shadow:var(--shadow-l);font-size:var(--text-s);}
.toast button{background:transparent;border:1px solid currentColor;color:inherit;border-radius:var(--radius-s);min-height:2.25rem;padding:0 10px;font:inherit;font-weight:700;cursor:pointer;}
@media (max-width:759px){.toast{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px);}}