/* Intake, refined look (2026-10-30; owner: "modern, crisp, elegant, formal and compact with appropriate icons. calm and
   professional"). Applies only under <html data-skin="refined">; the classic look is app.css alone (header palette button).
   Inter (SIL OFL) self-hosted; icons: Lucide subset (ISC) in icons.svg, placed by ui/skin.js. */
@font-face { font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap; src:url(fonts/inter-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap; src:url(fonts/inter-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap; src:url(fonts/inter-cyrillic.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116 }

/* ---------- tokens ---------- */
:root[data-skin="refined"] {
  --bg:#f6f7f9; --panel:#ffffff; --panel-2:#fafbfc; --ink:#111827; --ink-2:#374151; --muted:#6b7280; --faint:#9ca3af;
  --line:#e5e7eb; --line-2:#eef0f3; --accent:#2f5bb7; --accent-ink:#ffffff; --accent-soft:#eef3fc; --ring:0 0 0 3px rgba(47,91,183,.18);
  --status-proposed:#3a63b5; --status-attention:#b7791f; --status-unsupported:#c0392b; --status-accepted:#2f855a; --status-committed:#276749;
  --status-rejected:#8a94a6; --status-unrouted:#6b5bb5; --conf-high:#2f855a; --conf-mid:#b7791f; --conf-low:#c0392b;
  --type-task:#3b6fb6; --type-event:#7a5ea8; --type-deadline:#b2475d; --type-decision:#8a6a2f; --type-policy:#4a6fa5; --type-strategy:#2f7d6d;
  --type-requirement:#5b5fb0; --type-reference:#4d7c4f; --type-question:#8457a8; --type-idea:#b0622d; --type-risk:#b3452f; --type-opinion:#7a6a58;
  --type-contact:#8a7a2a; --type-progress:#3f7a8c; --type-instruction:#5a6b7d; --type-new:#2f855a; --type-other:#8a94a6;
  --radius:10px; --r-ctl:7px; --shadow:0 1px 2px rgba(16,24,40,.04); --shadow-pop:0 12px 32px rgba(16,24,40,.12), 0 2px 6px rgba(16,24,40,.06);
  --font:"Inter", ui-sans-serif, -apple-system, "Segoe UI Variable", "Segoe UI", Roboto, "Noto Sans Hebrew", "Arial Hebrew", sans-serif;
  --mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}
:root[data-skin="refined"][data-theme="dark"] {
  --bg:#0e1116; --panel:#151a21; --panel-2:#11161c; --ink:#e6e9ef; --ink-2:#c9cfd8; --muted:#97a1af; --faint:#6b7480;
  --line:#252c36; --line-2:#1d232c; --accent:#7ea2ec; --accent-ink:#0e1116; --accent-soft:#1a2436; --ring:0 0 0 3px rgba(126,162,236,.25);
  --shadow:none; --shadow-pop:0 16px 40px rgba(0,0,0,.5);
}

/* ---------- base ---------- */
[data-skin="refined"] body { font:14px/1.5 var(--font); font-feature-settings:"cv11","ss01"; -webkit-font-smoothing:antialiased; letter-spacing:-.003em; background:var(--bg) }
[data-skin="refined"] :where(code, .fn, .s3k) { font-family:var(--mono); font-size:.8em; background:var(--line-2); border-radius:4px }
[data-skin="refined"] :where(a) { color:var(--accent); text-underline-offset:2px }
[data-skin="refined"] h1.ph { font-size:1.15rem; font-weight:650; letter-spacing:-.015em; margin:.4rem 0 .9rem }
[data-skin="refined"] h1.ph .n { color:var(--faint); font-weight:500 }
[data-skin="refined"] h2.sh, [data-skin="refined"] .vs-h { font-size:.78rem; font-weight:650; text-transform:uppercase; letter-spacing:.06em; color:var(--muted) }
[data-skin="refined"] .muted { color:var(--muted) }
[data-skin="refined"] svg.ic { width:16px; height:16px; flex:none; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; vertical-align:-3px }
[data-skin="refined"] ::selection { background:color-mix(in srgb, var(--accent) 22%, transparent) }

/* ---------- controls ---------- */
/* generic element rules use :where() (no added specificity) so component rules such as ".fp-back { display:none }" still win */
:where([data-skin="refined"]) button, :where([data-skin="refined"]) .btn {
  font-family:var(--font); font-size:13px; font-weight:500; line-height:1.25; min-height:30px; padding:0 .7rem; border-radius:var(--r-ctl); border:1px solid var(--line); background:var(--panel);
  color:var(--ink-2); display:inline-flex; align-items:center; gap:.4rem; box-shadow:var(--shadow); transition:background .12s, border-color .12s, color .12s }
[data-skin="refined"] button:hover, [data-skin="refined"] .btn:hover { background:var(--panel-2); border-color:color-mix(in srgb, var(--ink) 18%, var(--line)); color:var(--ink) }
[data-skin="refined"] button:focus-visible, [data-skin="refined"] .btn:focus-visible, [data-skin="refined"] input:focus, [data-skin="refined"] select:focus, [data-skin="refined"] textarea:focus { outline:none; box-shadow:var(--ring); border-color:var(--accent) }
[data-skin="refined"] button.primary, [data-skin="refined"] .btn.primary { background:var(--accent); border-color:var(--accent); color:var(--accent-ink) }
[data-skin="refined"] button.primary:hover, [data-skin="refined"] .btn.primary:hover { background:color-mix(in srgb, var(--accent) 88%, #000); color:var(--accent-ink) }
[data-skin="refined"] button.danger { background:var(--status-unsupported); border-color:var(--status-unsupported); color:#fff }
[data-skin="refined"] button.ghost, [data-skin="refined"] .btn.ghost { background:transparent; box-shadow:none }
[data-skin="refined"] button.small, [data-skin="refined"] .btn.small, [data-skin="refined"] button.tiny, [data-skin="refined"] .btn.tiny { min-height:26px; padding:0 .55rem; font-size:12.5px }
[data-skin="refined"] button.tiny, [data-skin="refined"] .btn.tiny { min-height:24px; font-size:12px }
[data-skin="refined"] button.link { height:auto; padding:0; border:0; background:none; box-shadow:none; color:var(--accent) }
[data-skin="refined"] .danger-text { color:var(--status-unsupported) !important }
[data-skin="refined"] button:disabled { opacity:.45; cursor:not-allowed }
[data-skin="refined"] :where(input, select, textarea) {
  font:400 13.5px/1.4 var(--font); border:1px solid var(--line); background:var(--panel); color:var(--ink); border-radius:var(--r-ctl); padding:0 .65rem; height:32px }
[data-skin="refined"] textarea { height:auto; padding:.5rem .65rem }
[data-skin="refined"] select { padding-right:1.6rem }
[data-skin="refined"] input[type=checkbox], [data-skin="refined"] input[type=radio] { height:auto; accent-color:var(--accent) }
[data-skin="refined"] input::placeholder, [data-skin="refined"] textarea::placeholder { color:var(--faint) }

/* icon-only buttons: quiet squares */
[data-skin="refined"] button.icon, [data-skin="refined"] a.icon, [data-skin="refined"] button.info, [data-skin="refined"] .iacts button {
  width:30px; height:30px; padding:0; justify-content:center; border-color:transparent; background:transparent; box-shadow:none; color:var(--muted) }
[data-skin="refined"] button.icon:hover, [data-skin="refined"] a.icon:hover, [data-skin="refined"] button.info:hover, [data-skin="refined"] .iacts button:hover { background:var(--line-2); color:var(--ink) }
[data-skin="refined"] .iacts button { width:26px; height:26px } [data-skin="refined"] .iacts .idel:hover { color:var(--status-unsupported) }
[data-skin="refined"] button.info.big { width:30px; height:30px }

/* ---------- header ---------- */
[data-skin="refined"] .top { padding:0 1rem; height:52px; gap:1.4rem; background:var(--panel); border-bottom:1px solid var(--line); flex-wrap:nowrap }
[data-skin="refined"] .brand { gap:.5rem; color:var(--ink); text-decoration:none; font-size:15px } [data-skin="refined"] .brand b { font-weight:650; letter-spacing:-.01em }
[data-skin="refined"] .brand .logo { color:var(--accent); display:inline-flex } [data-skin="refined"] .brand .logo svg.ic { width:20px; height:20px; stroke-width:2 }
[data-skin="refined"] .tabs { gap:.15rem; height:100%; align-items:stretch }
[data-skin="refined"] .tabs a { position:relative; display:inline-flex; align-items:center; gap:.45rem; height:100%; padding:0 .7rem; border-radius:0; background:transparent !important;
  color:var(--muted); font-size:13.5px; font-weight:500 }
[data-skin="refined"] .tabs a:hover { color:var(--ink) }
[data-skin="refined"] .tabs a.on { color:var(--ink); font-weight:600 }
[data-skin="refined"] .tabs a.on::after { content:""; position:absolute; left:.6rem; right:.6rem; bottom:-1px; height:2px; border-radius:2px; background:var(--accent) }
[data-skin="refined"] .tabs .ti { display:inline-flex; color:inherit } [data-skin="refined"] .tabs a:not(.on) .ti { color:var(--faint) }
[data-skin="refined"] .tabs .n:not(:empty) { margin-left:.1rem; font-size:11px; font-weight:600; background:var(--line-2); color:var(--ink-2); border-radius:999px; padding:1px 6px; min-width:18px; text-align:center }
[data-skin="refined"] .tabs a.on .n:not(:empty) { background:var(--accent-soft); color:var(--accent) }
[data-skin="refined"] .status { height:28px; padding:0 .65rem; border:1px solid var(--line); border-radius:999px; font-size:12px; color:var(--muted); background:var(--panel); box-shadow:none; gap:.45rem }
[data-skin="refined"] .status .dot { width:7px; height:7px }
[data-skin="refined"] .actions { gap:.1rem } [data-skin="refined"] .actions .icon { color:var(--muted) }

/* ---------- popovers, toasts, dialogs, drawer ---------- */
[data-skin="refined"] .popover { border-radius:12px; border:1px solid var(--line); box-shadow:var(--shadow-pop); font-size:13px; top:3.6rem }
[data-skin="refined"] .popover dl { font-size:13px } [data-skin="refined"] .popover b { font-weight:650 }
[data-skin="refined"] .toast, [data-skin="refined"] #toast { border-radius:8px; font-size:13px; padding:.55rem .9rem; box-shadow:var(--shadow-pop) }
[data-skin="refined"] dialog.dlg { border-radius:14px; border:1px solid var(--line); box-shadow:var(--shadow-pop) }
[data-skin="refined"] dialog.dlg::backdrop { background:rgba(15,20,30,.38); backdrop-filter:blur(2px) }
[data-skin="refined"] .dlg-body { padding:1.15rem 1.25rem 1.1rem; gap:.75rem } [data-skin="refined"] .dlg-body h3 { font-size:15px; font-weight:650; letter-spacing:-.01em }
[data-skin="refined"] .dlg-body p { margin:0; line-height:1.5 } [data-skin="refined"] .fld span { font-size:12px; font-weight:500; color:var(--muted) }
[data-skin="refined"] .drawer { border-left:1px solid var(--line); box-shadow:var(--shadow-pop); padding:1.1rem 1.25rem; font-size:13.5px }
[data-skin="refined"] .drawer dl dt { color:var(--muted); font-weight:500 }

/* ---------- pills, chips ---------- */
[data-skin="refined"] .pill { border-color:transparent !important; background:color-mix(in srgb, currentColor 11%, transparent); font-size:11.5px; font-weight:550; padding:2px 8px; line-height:1.4; letter-spacing:.005em }
[data-skin="refined"] .pill.normalised, [data-skin="refined"] .pill.noitems { color:var(--muted); background:var(--line-2) }
[data-skin="refined"] .pill.gone { text-decoration:none; color:var(--faint); background:var(--line-2) }
[data-skin="refined"] .tchip { background:transparent !important; color:var(--ink-2) !important; border:1px solid var(--line) !important; font-weight:500; font-size:11.5px; border-radius:6px; padding:1px 7px 1px 6px; gap:.35rem }
[data-skin="refined"] .tchip > span[aria-hidden] { display:none }
[data-skin="refined"] .tchip::before { content:""; width:7px; height:7px; border-radius:2px; background:var(--tc, var(--type-other)); flex:none }
[data-skin="refined"] .tchip.t-other::before { background:transparent; border:1px dashed var(--type-other) }
[data-skin="refined"] .stance { font-size:11px; font-weight:550; border-width:1px; padding:1px 7px }
[data-skin="refined"] .s-decided { background:color-mix(in srgb, var(--status-accepted) 12%, transparent); color:var(--status-accepted); border-color:transparent }
[data-skin="refined"] .spill, [data-skin="refined"] .achip, [data-skin="refined"] .vpill, [data-skin="refined"] .cstat { font-size:11px; font-weight:500; border-radius:6px }
[data-skin="refined"] .achip { border-style:solid; border-color:color-mix(in srgb, var(--status-attention) 35%, transparent); background:color-mix(in srgb, var(--status-attention) 7%, transparent) }
[data-skin="refined"] .pchip { font-size:12px; font-weight:500; border-radius:6px; padding:1px 8px; background:var(--panel) }
[data-skin="refined"] .warnchip { font-size:11px; border-radius:6px; border-style:solid; padding:0 6px; background:color-mix(in srgb, var(--status-attention) 8%, transparent); border-color:transparent }
[data-skin="refined"] .avatar { width:28px !important; height:28px !important; font-size:10.5px; font-weight:600; letter-spacing:.02em; filter:saturate(.5) brightness(1.08) }

/* ---------- Files (Inbox) ---------- */
[data-skin="refined"] .ipage { max-width:1320px }
[data-skin="refined"] .ibar { padding:.75rem 1.25rem .65rem; border-bottom:1px solid var(--line); background:var(--bg) }
[data-skin="refined"] .buckets { gap:0; border:1px solid var(--line); border-radius:8px; padding:2px; background:var(--line-2) }
[data-skin="refined"] .bk { min-height:28px; border:0 !important; border-radius:6px; padding:0 .7rem; font-size:12.5px; font-weight:500; color:var(--muted); background:transparent; box-shadow:none }
[data-skin="refined"] .bk:hover { color:var(--ink); background:transparent }
[data-skin="refined"] .bk.on { background:var(--panel) !important; color:var(--ink); box-shadow:0 1px 2px rgba(16,24,40,.08) }
[data-skin="refined"] .bk .n { color:var(--faint); font-weight:500; font-size:11.5px; margin-left:.3rem }
[data-skin="refined"] .bk.b-review:not(.on) .n { color:var(--status-proposed); font-weight:600 } [data-skin="refined"] .bk.b-failed .n { color:var(--status-unsupported); font-weight:600 }
[data-skin="refined"] .itools input[type=search] { width:min(300px,60vw); padding-left:2rem; background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat .65rem 50% }
[data-skin="refined"] .itools select { height:32px; font-size:13px }
[data-skin="refined"] .imain { padding:.2rem 1.25rem 4rem }
[data-skin="refined"] .iday { font-size:11px; font-weight:600; letter-spacing:.07em; color:var(--faint); padding:1.1rem .25rem .45rem }
[data-skin="refined"] .irow { grid-template-columns:28px minmax(0,1fr) auto 4.2rem auto; gap:.8rem; padding:.55rem .85rem; border-color:var(--line); border-top-color:var(--line-2); background:var(--panel); transition:background .1s }
/* one list per day: rows joined, hairline dividers (the light-grey theme made each row its own card) */
[data-skin="refined"] .irow, [data-skin="refined"] .iday + .irow, [data-skin="refined"] .irow:has(+ .iday), [data-skin="refined"] .irow:last-child,
[data-skin="refined"] .iday + .irow:has(+ .iday), [data-skin="refined"] .iday + .irow:last-child {
  margin:0; border:1px solid var(--line); border-top:0; border-bottom-color:var(--line-2); border-radius:0; box-shadow:none }
[data-skin="refined"] .iday + .irow { border-top:1px solid var(--line); border-radius:10px 10px 0 0 }
[data-skin="refined"] .irow:has(+ .iday), [data-skin="refined"] .irow:last-child { border-bottom-color:var(--line); border-radius:0 0 10px 10px; box-shadow:var(--shadow) }
[data-skin="refined"] .iday + .irow:has(+ .iday), [data-skin="refined"] .iday + .irow:last-child { border-radius:10px; border-bottom-color:var(--line) }
[data-skin="refined"] .irow:hover { background:var(--panel-2) }
[data-skin="refined"] .irow.sel, [data-skin="refined"] .irow.sel:last-child, [data-skin="refined"] .irow.sel:has(+ .iday) { background:var(--accent-soft); box-shadow:inset 2px 0 0 var(--accent) }
[data-skin="refined"] .irow.new .ititle b::after { font-size:10px; font-weight:600; border:0; background:var(--accent-soft); color:var(--accent); padding:1px 6px }
[data-skin="refined"] .ititle { gap:.45rem; align-items:center } [data-skin="refined"] .ititle b { font-weight:550; font-size:13.5px; color:var(--ink) }
[data-skin="refined"] .ititle .kind, [data-skin="refined"] .kind { color:var(--faint); display:inline-flex; margin:0 } [data-skin="refined"] .ititle .kind svg.ic { width:15px; height:15px }
[data-skin="refined"] .isub { font-size:12px; color:var(--muted); margin-top:1px } [data-skin="refined"] .isub .who { color:var(--ink-2); font-weight:500 }
[data-skin="refined"] .isub .sep { margin:0 .4rem; opacity:.4 } [data-skin="refined"] .isub svg.ic { width:12px; height:12px; vertical-align:-1px; color:var(--faint) }
[data-skin="refined"] .isub .fn { font-size:11px; padding:0 4px; background:transparent; color:var(--muted) }
[data-skin="refined"] .itime { font-size:12px; color:var(--faint) }
[data-skin="refined"] .iacts { gap:0; opacity:.0; transition:opacity .12s } [data-skin="refined"] .irow:hover .iacts, [data-skin="refined"] .irow.sel .iacts, [data-skin="refined"] .iacts:focus-within { opacity:1 }
[data-skin="refined"] a.btn.rv { height:24px; padding:0 .55rem; font-size:12px; font-weight:550; border-color:color-mix(in srgb, var(--status-proposed) 35%, transparent); background:var(--accent-soft); color:var(--status-proposed); box-shadow:none }
[data-skin="refined"] a.btn.rv b { background:var(--status-proposed); font-size:10.5px; padding:0 5px }

/* side panel (lineage) */
[data-skin="refined"] .fpanel { border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); padding:.9rem 1.1rem 1.1rem; background:var(--panel) }
[data-skin="refined"] .fp-head { gap:.5rem; padding-bottom:.7rem; margin-bottom:.2rem; border-bottom:1px solid var(--line-2) }
[data-skin="refined"] .fp-title { display:flex; align-items:center; gap:.45rem; min-width:0 } [data-skin="refined"] .fp-title b { font-size:14px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
[data-skin="refined"] .fp-title .kind svg.ic { width:16px; height:16px; color:var(--muted) }
[data-skin="refined"] .fp-acts { gap:.3rem } [data-skin="refined"] .fp-empty { color:var(--muted); font-size:13px }
[data-skin="refined"] .ln-st { gap:.8rem; padding-bottom:1rem } [data-skin="refined"] .ln-h b { font-size:13.5px; font-weight:600 } [data-skin="refined"] .ln-sub { font-size:12px; color:var(--muted) }
[data-skin="refined"] .ln-dot { width:22px; height:22px; border-width:1.5px; font-size:11px }
[data-skin="refined"] .ln-dot svg.ic { width:12px; height:12px; stroke-width:2.5 }
[data-skin="refined"] .s3row { font-size:12.5px; gap:.5rem } [data-skin="refined"] .s3l { font-weight:550; color:var(--ink-2) }
[data-skin="refined"] .ln-arr { border-radius:8px; background:var(--panel-2); border:1px solid var(--line-2) }
[data-skin="refined"] .fp-manage { border-radius:10px; border-color:var(--line); background:var(--panel-2); padding:.6rem .7rem; gap:.4rem }

/* ---------- Review, document review ---------- */
[data-skin="refined"] .it { border-radius:10px; border:1px solid var(--line); border-left:3px solid var(--cc, var(--line)); padding:.65rem .85rem; box-shadow:var(--shadow) }
[data-skin="refined"] .it.compact { border-radius:8px; padding:.4rem .65rem; margin:.2rem 0; box-shadow:none; border-left-width:2px }
[data-skin="refined"] .it.compact:hover { background:var(--panel-2) }
[data-skin="refined"] .it-title { font-size:14px; font-weight:550; letter-spacing:-.005em } [data-skin="refined"] .it.compact .it-title { font-size:13px; font-weight:500 }
[data-skin="refined"] .qdetail .it-title { font-size:16px; font-weight:600; letter-spacing:-.01em }
[data-skin="refined"] .it-body { font-size:13.5px; line-height:1.55; color:var(--ink-2) }
[data-skin="refined"] .it-quote { font-size:13px; border-left-width:2px; background:var(--panel-2); border-radius:0 6px 6px 0; color:var(--ink-2) }
[data-skin="refined"] .it-actions button { min-height:28px; font-size:12.5px }
[data-skin="refined"] .qgrp { font-size:12.5px } [data-skin="refined"] .qdoc { font-weight:600 }
[data-skin="refined"] .qrow.focus, [data-skin="refined"] .it.focus { box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent) }
[data-skin="refined"] .qdetail .it.focus { box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, var(--line)), 0 6px 20px rgba(16,24,40,.06) }
/* segmented controls (Review: Open/Decided/All, By document/Most urgent) like the Files buckets */
[data-skin="refined"] .seg { background:var(--line-2); border:1px solid var(--line); border-radius:8px; padding:2px; gap:0 }
[data-skin="refined"] .seg button, [data-skin="refined"] .seg button:first-child, [data-skin="refined"] .seg button:last-child { min-height:26px; margin:0; border:0; border-radius:6px; background:transparent; box-shadow:none; font-size:12.5px; color:var(--muted) }
[data-skin="refined"] .seg button.on { background:var(--panel); color:var(--ink); box-shadow:0 1px 2px rgba(16,24,40,.08) }
[data-skin="refined"] .qcount b { font-weight:650 }
[data-skin="refined"] .qbar select, [data-skin="refined"] .qfilters select { height:30px; font-size:12.5px }
[data-skin="refined"] .fchk { font-size:12.5px; color:var(--ink-2) }
[data-skin="refined"] .conf { font-variant-numeric:tabular-nums; font-size:12px }

/* ---------- Projects, Types, Content, Versions ---------- */
[data-skin="refined"] .page { max-width:1240px; padding:1rem 1.25rem 3rem }
[data-skin="refined"] .pgrid { gap:.75rem }
[data-skin="refined"] .pcard { border:1px solid var(--line); border-left:3px solid var(--pc); border-radius:10px; padding:.85rem 1rem; box-shadow:var(--shadow); gap:.4rem; transition:box-shadow .12s, border-color .12s }
[data-skin="refined"] .pcard:hover { box-shadow:0 4px 14px rgba(16,24,40,.07); border-color:var(--line); border-left-color:var(--pc) }
[data-skin="refined"] .pcard { color:var(--ink) } [data-skin="refined"] .pcard b { color:var(--ink); font-size:14px; font-weight:600; letter-spacing:-.01em } [data-skin="refined"] .pc-one { font-size:12.5px; line-height:1.5 }
[data-skin="refined"] .pc-counts { font-size:12.5px; color:var(--muted) } [data-skin="refined"] .pc-counts b { color:var(--ink); font-weight:600 }
[data-skin="refined"] .pc-foot { font-size:11.5px; color:var(--faint) }
[data-skin="refined"] .tp-card, [data-skin="refined"] .trow, [data-skin="refined"] .crow, [data-skin="refined"] .vs-card, [data-skin="refined"] .vs-head, [data-skin="refined"] .vs-list, [data-skin="refined"] .vs-det {
  border-radius:10px; border-color:var(--line); box-shadow:var(--shadow) }
[data-skin="refined"] .vs-card { border-left:3px solid var(--status-attention) }
[data-skin="refined"] .vs-v { border-radius:8px; font-size:13px } [data-skin="refined"] .vs-seg { border-radius:6px; font-size:12px; border-left-width:3px }
[data-skin="refined"] .doc { font-size:14.5px; line-height:1.65; color:var(--ink) }

/* ---------- viewer ---------- */
[data-skin="refined"] .viewer { background:var(--bg) } [data-skin="refined"] .v-head { border-bottom:1px solid var(--line); background:var(--panel); gap:.6rem }
[data-skin="refined"] .v-title b { font-size:14px; font-weight:600 } [data-skin="refined"] .v-title small { font-size:12px }

/* ---------- sign-in ---------- */
[data-skin="refined"] body.login { background:var(--bg) }
[data-skin="refined"] .login-card { border-radius:14px; box-shadow:var(--shadow-pop); padding:2rem 1.75rem; width:min(380px,92vw) }
[data-skin="refined"] .login-card h1 { font-size:18px; font-weight:650; letter-spacing:-.015em }
[data-skin="refined"] .login-card input, [data-skin="refined"] .login-card button { height:38px; font-size:14px }
[data-skin="refined"] .login-card button { justify-content:center }

/* ---------- phones ---------- */
@media (max-width:720px) {
  [data-skin="refined"] .top { height:48px; padding:0 .75rem; gap:.5rem }
  [data-skin="refined"] .tabs { height:auto; background:var(--panel); border-top:1px solid var(--line); box-shadow:0 -1px 0 rgba(16,24,40,.02) }
  [data-skin="refined"] .tabs { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr) }   /* one column per tab, however many (7 since Settings) */
  [data-skin="refined"] .tabs a { height:auto; flex-direction:column; gap:2px; padding:.5rem 0 .45rem; font-size:10.5px; font-weight:500 }
  [data-skin="refined"] .tabs a.on::after { top:0; bottom:auto; left:30%; right:30% }
  [data-skin="refined"] .tabs .ti svg.ic { width:20px; height:20px }
  [data-skin="refined"] .tabs .n:not(:empty) { background:var(--status-unsupported); color:#fff; font-size:9.5px; min-width:15px; padding:0 4px }
  [data-skin="refined"] .ibar { padding:.6rem .75rem .5rem } [data-skin="refined"] .buckets { width:auto; max-width:100% }
  [data-skin="refined"] .imain { padding:.2rem .6rem 2rem }
  [data-skin="refined"] .irow { grid-template-columns:28px minmax(0,1fr) auto; padding:.6rem .7rem }
  [data-skin="refined"] .iacts { opacity:1 }
}
[data-skin="refined"] .login-card button { background:var(--accent); border-color:var(--accent); color:var(--accent-ink); font-weight:550 }
[data-skin="refined"] .login-card button:hover { background:color-mix(in srgb, var(--accent) 88%, #000); color:var(--accent-ink) }
/* Files: a checkbox column for bulk actions (2026-10-30) */
[data-skin="refined"] .irow { grid-template-columns:22px 28px minmax(0,1fr) auto 4.2rem auto }
@media (max-width:720px) { [data-skin="refined"] .irow { grid-template-columns:22px 28px minmax(0,1fr) auto } }
@media (max-width:720px) { [data-skin="refined"] .irow { grid-template-columns:28px minmax(0,1fr) auto } }