/* GrantDesk 2.0 — дизайн-система (D, 02.10.2026). Не редагуйте app.css вручну: docs/design/ds.css + tokens.py → python3 docs/design/build_css.py (контраст WCAG AA перевіряється).
   Шрифт: Inter Variable 4.1 (SIL OFL 1.1, static/fonts/Inter-OFL.txt), підмножина латиниця+кирилиця, wght 400–700, opsz 14–32. Документація: docs/DESIGN.md */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/InterVariable-uk.woff2?v=3bf26488eb") format("woff2-variations"),url("fonts/InterVariable-uk.woff2?v=3bf26488eb") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2000-206F,U+20AC,U+20B4,U+2116,U+2122,U+2190-2199,U+2212,U+2215,U+2248,U+2260,U+2264-2265,U+2318,U+2325,U+2303,U+21E7,U+23CE,U+2713,U+2715,U+FEFF,U+FFFD}
:root{--bg:oklch(0.977 0.003 265);--surface:oklch(1 0 0);--surface-2:oklch(0.965 0.004 265);--surface-3:oklch(0.93 0.006 265);--border:oklch(0.915 0.006 265);--border-strong:oklch(0.855 0.009 265);--text:oklch(0.205 0.014 268);--text-2:oklch(0.43 0.016 268);--text-3:oklch(0.52 0.016 268);--accent:oklch(0.525 0.2 272);--accent-hover:oklch(0.47 0.19 272);--accent-soft:oklch(0.955 0.02 272);--accent-text:oklch(0.49 0.2 272);--on-accent:oklch(1 0 0);--ring:oklch(0.6 0.19 272);--pos:oklch(0.62 0.15 155);--pos-text:oklch(0.46 0.105 155);--pos-bg:oklch(0.965 0.03 155);--warn:oklch(0.78 0.15 75);--warn-text:oklch(0.5 0.12 60);--warn-bg:oklch(0.972 0.028 85);--neg:oklch(0.58 0.21 25);--neg-text:oklch(0.5 0.19 25);--neg-bg:oklch(0.965 0.014 20);--on-neg:oklch(1 0 0);--info:oklch(0.6 0.13 240);--info-text:oklch(0.47 0.12 245);--info-bg:oklch(0.965 0.014 240);--sh-xs:0 1px 2px oklch(0.25 0.02 270/.06);--sh-sm:0 1px 2px oklch(0.25 0.02 270/.06),0 1px 3px oklch(0.25 0.02 270/.05);--sh-md:0 1px 2px oklch(0.25 0.02 270/.05),0 4px 8px -2px oklch(0.25 0.02 270/.07),0 12px 24px -8px oklch(0.25 0.02 270/.08);--sh-lg:0 2px 4px oklch(0.25 0.02 270/.04),0 12px 24px -6px oklch(0.25 0.02 270/.12),0 24px 48px -12px oklch(0.25 0.02 270/.16);--sh-ring:inset 0 0 0 1px var(--border);--hl:inset 0 1px 0 oklch(1 0 0/.16);--overlay:oklch(0.2 0.02 270/.38);--glass:oklch(0.977 0.003 265/.8);--glass-strong:oklch(0.99 0.002 265/.92);--tone-none:oklch(0.86 0.008 265);color-scheme:light}
:root[data-theme="dark"]{--bg:oklch(0.16 0.006 272);--surface:oklch(0.195 0.007 272);--surface-2:oklch(0.235 0.008 272);--surface-3:oklch(0.275 0.009 272);--border:oklch(0.27 0.008 272);--border-strong:oklch(0.34 0.01 272);--text:oklch(0.965 0.003 272);--text-2:oklch(0.8 0.01 272);--text-3:oklch(0.69 0.012 272);--accent:oklch(0.56 0.19 272);--accent-hover:oklch(0.5 0.19 272);--accent-soft:oklch(0.27 0.06 272);--accent-text:oklch(0.79 0.1 272);--on-accent:oklch(1 0 0);--ring:oklch(0.7 0.15 272);--pos:oklch(0.72 0.15 155);--pos-text:oklch(0.8 0.13 155);--pos-bg:oklch(0.25 0.04 155);--warn:oklch(0.8 0.14 80);--warn-text:oklch(0.84 0.12 80);--warn-bg:oklch(0.26 0.04 75);--neg:oklch(0.57 0.19 25);--neg-text:oklch(0.8 0.1 25);--neg-bg:oklch(0.26 0.05 25);--on-neg:oklch(1 0 0);--info:oklch(0.72 0.12 240);--info-text:oklch(0.82 0.09 240);--info-bg:oklch(0.26 0.04 240);--sh-xs:0 1px 2px oklch(0 0 0/.3);--sh-sm:0 1px 2px oklch(0 0 0/.35);--sh-md:0 4px 12px -2px oklch(0 0 0/.45);--sh-lg:0 16px 40px -8px oklch(0 0 0/.6);--sh-ring:inset 0 0 0 1px var(--border);--hl:inset 0 1px 0 oklch(1 0 0/.12);--overlay:oklch(0.08 0.01 270/.62);--glass:oklch(0.16 0.006 272/.8);--glass-strong:oklch(0.18 0.007 272/.94);--tone-none:oklch(0.38 0.01 272);color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:oklch(0.16 0.006 272);--surface:oklch(0.195 0.007 272);--surface-2:oklch(0.235 0.008 272);--surface-3:oklch(0.275 0.009 272);--border:oklch(0.27 0.008 272);--border-strong:oklch(0.34 0.01 272);--text:oklch(0.965 0.003 272);--text-2:oklch(0.8 0.01 272);--text-3:oklch(0.69 0.012 272);--accent:oklch(0.56 0.19 272);--accent-hover:oklch(0.5 0.19 272);--accent-soft:oklch(0.27 0.06 272);--accent-text:oklch(0.79 0.1 272);--on-accent:oklch(1 0 0);--ring:oklch(0.7 0.15 272);--pos:oklch(0.72 0.15 155);--pos-text:oklch(0.8 0.13 155);--pos-bg:oklch(0.25 0.04 155);--warn:oklch(0.8 0.14 80);--warn-text:oklch(0.84 0.12 80);--warn-bg:oklch(0.26 0.04 75);--neg:oklch(0.57 0.19 25);--neg-text:oklch(0.8 0.1 25);--neg-bg:oklch(0.26 0.05 25);--on-neg:oklch(1 0 0);--info:oklch(0.72 0.12 240);--info-text:oklch(0.82 0.09 240);--info-bg:oklch(0.26 0.04 240);--sh-xs:0 1px 2px oklch(0 0 0/.3);--sh-sm:0 1px 2px oklch(0 0 0/.35);--sh-md:0 4px 12px -2px oklch(0 0 0/.45);--sh-lg:0 16px 40px -8px oklch(0 0 0/.6);--sh-ring:inset 0 0 0 1px var(--border);--hl:inset 0 1px 0 oklch(1 0 0/.12);--overlay:oklch(0.08 0.01 270/.62);--glass:oklch(0.16 0.006 272/.8);--glass-strong:oklch(0.18 0.007 272/.94);--tone-none:oklch(0.38 0.01 272);color-scheme:dark}}
.ts-light{--bg:oklch(0.977 0.003 265);--surface:oklch(1 0 0);--surface-2:oklch(0.965 0.004 265);--surface-3:oklch(0.93 0.006 265);--border:oklch(0.915 0.006 265);--border-strong:oklch(0.855 0.009 265);--text:oklch(0.205 0.014 268);--text-2:oklch(0.43 0.016 268);--text-3:oklch(0.52 0.016 268);--accent:oklch(0.525 0.2 272);--accent-hover:oklch(0.47 0.19 272);--accent-soft:oklch(0.955 0.02 272);--accent-text:oklch(0.49 0.2 272);--on-accent:oklch(1 0 0);--ring:oklch(0.6 0.19 272);--pos:oklch(0.62 0.15 155);--pos-text:oklch(0.46 0.105 155);--pos-bg:oklch(0.965 0.03 155);--warn:oklch(0.78 0.15 75);--warn-text:oklch(0.5 0.12 60);--warn-bg:oklch(0.972 0.028 85);--neg:oklch(0.58 0.21 25);--neg-text:oklch(0.5 0.19 25);--neg-bg:oklch(0.965 0.014 20);--on-neg:oklch(1 0 0);--info:oklch(0.6 0.13 240);--info-text:oklch(0.47 0.12 245);--info-bg:oklch(0.965 0.014 240);--sh-xs:0 1px 2px oklch(0.25 0.02 270/.06);--sh-sm:0 1px 2px oklch(0.25 0.02 270/.06),0 1px 3px oklch(0.25 0.02 270/.05);--sh-md:0 1px 2px oklch(0.25 0.02 270/.05),0 4px 8px -2px oklch(0.25 0.02 270/.07),0 12px 24px -8px oklch(0.25 0.02 270/.08);--sh-lg:0 2px 4px oklch(0.25 0.02 270/.04),0 12px 24px -6px oklch(0.25 0.02 270/.12),0 24px 48px -12px oklch(0.25 0.02 270/.16);--sh-ring:inset 0 0 0 1px var(--border);--hl:inset 0 1px 0 oklch(1 0 0/.16);--overlay:oklch(0.2 0.02 270/.38);--glass:oklch(0.977 0.003 265/.8);--glass-strong:oklch(0.99 0.002 265/.92);--tone-none:oklch(0.86 0.008 265);color-scheme:light;background:var(--bg);color:var(--text)}
.ts-dark{--bg:oklch(0.16 0.006 272);--surface:oklch(0.195 0.007 272);--surface-2:oklch(0.235 0.008 272);--surface-3:oklch(0.275 0.009 272);--border:oklch(0.27 0.008 272);--border-strong:oklch(0.34 0.01 272);--text:oklch(0.965 0.003 272);--text-2:oklch(0.8 0.01 272);--text-3:oklch(0.69 0.012 272);--accent:oklch(0.56 0.19 272);--accent-hover:oklch(0.5 0.19 272);--accent-soft:oklch(0.27 0.06 272);--accent-text:oklch(0.79 0.1 272);--on-accent:oklch(1 0 0);--ring:oklch(0.7 0.15 272);--pos:oklch(0.72 0.15 155);--pos-text:oklch(0.8 0.13 155);--pos-bg:oklch(0.25 0.04 155);--warn:oklch(0.8 0.14 80);--warn-text:oklch(0.84 0.12 80);--warn-bg:oklch(0.26 0.04 75);--neg:oklch(0.57 0.19 25);--neg-text:oklch(0.8 0.1 25);--neg-bg:oklch(0.26 0.05 25);--on-neg:oklch(1 0 0);--info:oklch(0.72 0.12 240);--info-text:oklch(0.82 0.09 240);--info-bg:oklch(0.26 0.04 240);--sh-xs:0 1px 2px oklch(0 0 0/.3);--sh-sm:0 1px 2px oklch(0 0 0/.35);--sh-md:0 4px 12px -2px oklch(0 0 0/.45);--sh-lg:0 16px 40px -8px oklch(0 0 0/.6);--sh-ring:inset 0 0 0 1px var(--border);--hl:inset 0 1px 0 oklch(1 0 0/.12);--overlay:oklch(0.08 0.01 270/.62);--glass:oklch(0.16 0.006 272/.8);--glass-strong:oklch(0.18 0.007 272/.94);--tone-none:oklch(0.38 0.01 272);color-scheme:dark;background:var(--bg);color:var(--text)}

:root,.ts-light,.ts-dark{
  --font:"Inter","Inter Fallback",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
  --fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:15px;--fs-xl:17px;--fs-2xl:20px;--fs-3xl:24px;--fs-4xl:30px;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;
  --r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-full:999px;
  --dur-fast:120ms;--dur:180ms;--ease:cubic-bezier(.2,.8,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --h-sm:32px;--h-md:36px;--h-lg:44px;--side-w:244px;--rail-w:64px;--top-h:56px;--bnav-h:60px;--content-max:1240px;
  --neu:var(--text-3);--neu-text:var(--text-2);--neu-bg:var(--surface-2);
  --on-crit:var(--on-neg);--sev-critical:var(--neg);--sev-crit-bg:var(--neg-bg);--sev-crit-text:var(--neg-text);
  --sev-warn:var(--warn-text);--sev-warn-bg:var(--warn-bg);--sev-warn-line:var(--warn);
  --e1:var(--sh-xs);--e2:var(--sh-md);--e3:var(--sh-lg);
  --c0:var(--text-3);--c1:var(--accent);--c2:oklch(0.62 0.11 210);--c3:oklch(0.55 0.17 285);--c4:oklch(0.56 0.18 305);--c5:oklch(0.7 0.13 85);--c6:oklch(0.62 0.16 45);--c7:oklch(0.6 0.18 350);--c8:oklch(0.52 0.02 60);
  --brand-grad:linear-gradient(135deg,oklch(0.58 0.2 268),oklch(0.5 0.22 292));
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:72px;touch-action:manipulation}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.5 var(--font);font-feature-settings:"cv05";font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-rendering:optimizeLegibility}
a{color:var(--accent-text);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.011em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
b,strong{font-weight:600}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer}
img,svg{max-width:100%}
::selection{background:color-mix(in oklch,var(--accent) 24%,transparent)}
:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
[hidden]{display:none!important}
.sr,.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--text-3)}
.small{font-size:var(--fs-sm);line-height:18px}
.num,.kpi-v,.cnt,td.n,.fact b,.nl,.res b,.badge,time,.tnum{font-variant-numeric:tabular-nums}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
kbd,.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;font:500 11px/1 var(--font);border:1px solid var(--border);border-radius:var(--r-xs);color:var(--text-3);background:var(--surface-2);box-shadow:inset 0 -1px 0 var(--border)}
code{font-family:var(--mono);font-size:.92em}
hr{border:0;height:1px;background:var(--border);margin:16px 0}
.skip{position:absolute;left:8px;top:-60px;z-index:100;background:var(--accent);color:var(--on-accent);padding:10px 14px;border-radius:var(--r-sm);font-weight:500}
.skip:focus{top:8px}
mark{background:color-mix(in oklch,oklch(0.85 0.17 95) 50%,transparent);color:var(--text);border-radius:3px;padding:0 1px}
:root[data-theme="dark"] mark{background:color-mix(in oklch,oklch(0.85 0.17 95) 28%,transparent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) mark{background:color-mix(in oklch,oklch(0.85 0.17 95) 28%,transparent)}}
.th-d{display:none}
:root[data-theme="dark"] .th-l{display:none}:root[data-theme="dark"] .th-d{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .th-l{display:none}:root:not([data-theme="light"]) .th-d{display:block}}
.sp{flex:1}
.stack{display:flex;flex-direction:column;gap:var(--sp-3)}
.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
.lnk{display:inline;min-height:0;padding:0;border:0;background:none;color:var(--accent-text);font:inherit;font-weight:500;text-decoration:underline;text-decoration-color:color-mix(in oklch,currentColor 35%,transparent);text-underline-offset:3px;cursor:pointer}
.lnk:hover{text-decoration-color:currentColor}
.prose{font-size:var(--fs-md);line-height:22px;white-space:pre-line;overflow-wrap:anywhere}
.quote{margin:14px 0 0;padding:10px 14px;border-left:3px solid var(--border-strong);color:var(--text-2);background:var(--surface-2);border-radius:0 var(--r-sm) var(--r-sm) 0}
.code{white-space:pre-wrap;font:12px/1.5 var(--mono);background:var(--surface-2);border-radius:var(--r-xs);padding:8px 10px;margin:6px 0 0;overflow-wrap:anywhere}
.help{max-width:760px;font-size:var(--fs-lg);line-height:24px}
.help h3{font-size:var(--fs-xl);line-height:24px;margin:22px 0 8px}.help h3:first-child{margin-top:0}
.help p{margin:0 0 10px}.help ul{margin:0 0 10px;padding-left:20px}.help li{margin:4px 0}
.help code{font-size:13px;background:var(--surface-2);padding:1px 5px;border-radius:4px}.help a{text-decoration:underline}
.logo{display:inline-block;width:28px;height:28px;border-radius:8px;flex:none;background:var(--brand-grad);box-shadow:var(--hl),0 1px 2px oklch(0.4 0.2 280/.35);position:relative}
.logo::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22.2 11.4A7.6 7.6 0 1 0 23.6 16.6H17'/%3E%3Ccircle cx='24.6' cy='7.6' r='1.5' fill='white' stroke='none'/%3E%3C/svg%3E") center/100% no-repeat}
.brand{display:flex;align-items:center;gap:10px;padding:6px 8px;color:var(--text);font-weight:600;font-size:15px;line-height:18px;letter-spacing:-.01em;min-width:0}
.brand small{display:block;font-weight:400;font-size:12px;color:var(--text-3);letter-spacing:0}
.brand:hover{text-decoration:none}
.app{min-height:100vh;min-height:100dvh}
.side{display:none}
.col{min-width:0}
.page{max-width:var(--content-max);margin:0 auto;padding:16px 16px calc(var(--bnav-h) + 28px + env(safe-area-inset-bottom));outline:0}
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:6px;min-height:var(--top-h);padding:calc(env(safe-area-inset-top) + 6px) 8px 6px 16px;background:var(--glass);-webkit-backdrop-filter:saturate(1.8) blur(16px);backdrop-filter:saturate(1.8) blur(16px);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease)}
.topbar.scrolled,.topbar:has(~ * .x){border-bottom-color:var(--border)}
.tb-t{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.tb-t h1{font-size:var(--fs-xl);line-height:22px;font-weight:600;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-sub{font-size:var(--fs-xs);line-height:16px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-sub .org-short{display:inline}.tb-sub .org-full{display:none}
.tb-a{display:flex;align-items:center;gap:2px;flex:none}
.tb-pa{display:flex;align-items:center;gap:6px;flex:none}
.tb-pa:empty{display:none}
.topbar.wrap{flex-wrap:wrap;row-gap:0}
.topbar.wrap .tb-pa{order:9;flex:1 1 100%;justify-content:flex-end;padding:0 0 4px}
.tb-logo{display:flex;align-items:center;justify-content:center;width:40px;height:44px;margin-left:-6px;flex:none}
.tb-back{display:flex;align-items:center;justify-content:center;width:40px;height:44px;margin-left:-10px;color:var(--text-2);border-radius:var(--r-sm);flex:none}
.tb-back:hover{color:var(--text);background:var(--surface-2);text-decoration:none}
.tb-back+.tb-logo{display:none}
.tb-search{display:none}
.acct>summary{width:44px;height:44px;padding:0;border-radius:var(--r-full)}
.acct>summary .av{width:30px;height:30px;font-size:11px}
.acct .menu-p{min-width:248px}
@media (max-width:639px){.topbar .bell-p,.topbar .acct .menu-p{position:fixed;left:12px;right:12px;top:calc(var(--top-h) + env(safe-area-inset-top) + 2px);width:auto;min-width:0;max-height:calc(var(--vvh,100dvh) - var(--top-h) - 24px);overflow-y:auto}}
.acct-h{display:flex!important;align-items:center;gap:10px;padding:8px 10px 10px!important;min-height:0!important;border-bottom:1px solid var(--border);border-radius:0!important;margin-bottom:4px;cursor:default}
.acct-h:hover{background:none!important}
.acct-h b{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}
.acct-h small{display:block;font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}
.menu-p .theme-seg{display:grid!important;margin:6px 4px 4px;padding:3px;min-height:0;width:auto}
.menu-p .theme-seg button{min-height:30px;padding:0;justify-content:center}
.bnav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);min-height:calc(var(--bnav-h) + env(safe-area-inset-bottom));padding:4px max(6px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(6px,env(safe-area-inset-right));background:var(--glass-strong);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-top:1px solid var(--border)}
.bn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:52px;padding-top:8px!important;border:0;background:none;color:var(--text-3);font-size:11px;line-height:14px;font-weight:500;border-radius:var(--r-md);-webkit-tap-highlight-color:transparent;padding:0}
.bn .i{width:22px;height:22px;padding:0;box-sizing:content-box;border-radius:var(--r-full);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.bn::before{content:"";position:absolute;top:4px;left:50%;width:56px;height:30px;margin-left:-28px;border-radius:var(--r-full);background:transparent;transition:background-color var(--dur) var(--ease),transform var(--dur) var(--ease-out);transform:scaleX(.6)}
.bn[aria-current]{color:var(--accent-text)}
.bn[aria-current]::before{background:var(--accent-soft);transform:none}
.bn>*{position:relative}
.bn:hover{text-decoration:none;color:var(--text)}
.bn .nv-l{flex:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.nv-wrap{display:flex;flex-direction:column;gap:14px}
.nv-g{display:flex;flex-direction:column;gap:1px}
.nv-gt{font-size:11px;font-weight:500;color:var(--text-3);padding:0 10px 4px;letter-spacing:.02em}
.nv,.ml{position:relative;display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border-radius:var(--r-sm);color:var(--text-2);font-weight:500;font-size:var(--fs-md)}
.nv .i,.ml .i{color:var(--text-3);width:18px;height:18px}
.nv:hover,.ml:hover{background:var(--surface-2);color:var(--text);text-decoration:none}
.nv[aria-current],.ml[aria-current]{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm),var(--sh-ring)}
.nv[aria-current] .i,.ml[aria-current] .i{color:var(--accent-text)}
.nv-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nv-s{display:none}
@media (min-width:640px){.tb-sub .org-short{display:none}.tb-sub .org-full{display:inline}}
@media (min-width:1024px){
  body{font-size:var(--fs-md);line-height:1.5}
  .app{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);transition:grid-template-columns var(--dur) var(--ease)}
  .side{display:flex;flex-direction:column;gap:12px;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:12px 10px;background:var(--bg);border-right:1px solid var(--border)}
  .side>*{flex-shrink:0}
  .side-top{display:flex;align-items:center;gap:4px;min-height:40px}
  .side-top .brand{flex:1;padding:4px 6px}
  .side-col{width:32px;height:32px;color:var(--text-3)}
  .bnav,.tb-logo{display:none}
  .topbar{min-height:60px;padding:8px 24px 8px 32px}
  .tb-t h1{font-size:var(--fs-2xl);line-height:26px;letter-spacing:-.018em}
  .tb-sub{font-size:var(--fs-sm);line-height:18px}
  .tb-search{display:inline-flex;align-items:center;gap:8px;width:clamp(180px,22vw,280px);height:36px;padding:0 6px 0 10px;margin-right:6px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text-3);font-size:var(--fs-sm);box-shadow:var(--sh-xs);transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
  .tb-search:hover{border-color:var(--border-strong);color:var(--text-2)}
  .tb-search span{flex:1;text-align:left}
  .tb-search .i{width:16px;height:16px}
  .tb-a .tb-search-m{display:none}
  .page{padding:24px 32px 64px}
  .banner{margin:16px 32px 0}
  .toast{bottom:24px}
  :root[data-side="mini"] .app{grid-template-columns:var(--rail-w) minmax(0,1fr)}
  :root[data-side="mini"] .side{padding:12px 8px;align-items:stretch;overflow:visible;z-index:50}
  :root[data-side="mini"] .side .brand>span:not(.logo),:root[data-side="mini"] .nv-gt,:root[data-side="mini"] .nv .nv-l,:root[data-side="mini"] .orgsw-t,:root[data-side="mini"] .orgsw .chev{display:none}
  :root[data-side="mini"] .side-top{flex-direction:column;gap:6px}
  :root[data-side="mini"] .side-top .brand{padding:4px}
  :root[data-side="mini"] .nv{justify-content:center;padding:0;min-height:40px}
  :root[data-side="mini"] .nv-g+.nv-g{border-top:1px solid var(--border);padding-top:10px}
  :root[data-side="mini"] .menu.orgsw>summary{justify-content:center;padding:4px;min-height:44px;border-color:transparent;box-shadow:none;background:none}
  :root[data-side="mini"] .side-col .i{transform:scaleX(-1)}
  :root[data-side="mini"] .nv:hover .nv-tip,:root[data-side="mini"] .nv:focus-visible .nv-tip{opacity:1;transform:translate(0,-50%)}
}
@media (min-width:1024px){
  .topbar{padding-left:calc(max(0px,(100% - var(--content-max)) / 2) + 32px);padding-right:calc(max(0px,(100% - var(--content-max)) / 2) + 24px)}
  .banner{margin-left:calc(max(0px,(100% - var(--content-max)) / 2) + 32px);margin-right:calc(max(0px,(100% - var(--content-max)) / 2) + 32px)}
}
.nv-tip{position:absolute;left:calc(100% + 10px);top:50%;z-index:60;padding:5px 9px;border-radius:var(--r-xs);background:var(--text);color:var(--bg);font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-4px,-50%);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);box-shadow:var(--sh-md)}
.side{scrollbar-color:var(--border) transparent}
.orgsw{position:relative}
.menu.orgsw>summary{list-style:none;justify-content:flex-start;height:auto;color:var(--text);display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-xs);cursor:pointer;transition:border-color var(--dur-fast) var(--ease)}
.orgsw>summary::-webkit-details-marker{display:none}
.menu.orgsw>summary:hover,.menu.orgsw[open]>summary{border-color:var(--border-strong);background:var(--surface)}
.orgsw-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.orgsw-t b{font-size:13px;line-height:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orgsw-t small{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;color:var(--text-3);white-space:nowrap;overflow:hidden}
.orgsw .menu-p{left:0;right:auto;min-width:240px;width:max(100%,240px)}
.av-sq{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;flex:none;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,oklch(0.62 0.13 200),oklch(0.55 0.15 250));box-shadow:var(--hl)}
@media (min-width:768px) and (max-width:1023px) and (min-height:600px){
  :root{--rail-w:84px}
  .app{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr)}
  .side{display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;scrollbar-width:none;padding:calc(env(safe-area-inset-top) + 10px) 6px 10px calc(env(safe-area-inset-left) + 6px);background:var(--bg);border-right:1px solid var(--border)}
  .side::-webkit-scrollbar{display:none}
  .side>*{flex-shrink:0}
  .side-top{display:flex;justify-content:center;min-height:44px}
  .side-top .brand{justify-content:center;padding:4px 0}
  .side .brand>span:not(.logo),.side-col,.orgsw,.nv-gt,.nv-tip{display:none}
  .nv-wrap{gap:0}
  .nv-g+.nv-g{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}
  .nv{flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:6px 2px;border-radius:var(--r-md);font-size:11px;line-height:13px;font-weight:500;text-align:center}
  .nv .i{width:22px;height:22px}
  .nv .nv-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .nv .nv-s{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bnav,.tb-logo{display:none}
  .topbar{padding-left:24px;padding-right:12px}
  .page{padding:20px 24px 40px}
  .banner{margin:12px 24px 0}
  .toast{bottom:24px}
}
@media (max-height:500px) and (orientation:landscape) and (max-width:1023px){
  :root{--bnav-h:48px;--top-h:48px}
  .topbar{min-height:48px;padding-top:calc(env(safe-area-inset-top) + 2px);padding-bottom:2px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}
  .tb-sub{display:none}
  .page{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .bn{flex-direction:row;justify-content:center;gap:6px;min-height:44px;padding-top:0!important}.bn::before{top:7px;height:30px;width:100%;left:0;margin-left:0}
}
.banner{display:flex;gap:10px;align-items:flex-start;margin:12px 16px 0;padding:10px 12px;border-radius:var(--r-md);background:var(--neg-bg);color:var(--neg-text);border:1px solid color-mix(in oklch,var(--neg) 22%,transparent);font-size:var(--fs-md);line-height:20px}
.banner .i{margin-top:1px;flex:none}
.banner>div{flex:1;min-width:0;overflow-wrap:anywhere}
.banner a{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:600}
.banner.ok{background:var(--pos-bg);color:var(--pos-text);border-color:color-mix(in oklch,var(--pos) 25%,transparent)}
.banner.info{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in oklch,var(--accent) 20%,transparent)}
.banner.warn{background:var(--warn-bg);color:var(--warn-text);border-color:color-mix(in oklch,var(--warn) 35%,transparent)}
.banner .ib-sm{width:44px;height:44px;margin:-12px -10px -12px 0;color:inherit}
.banner .lnk{color:inherit}
.inl{display:inline}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--h-md);padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:var(--fs-md);line-height:20px;font-weight:500;white-space:nowrap;box-shadow:var(--sh-xs);text-decoration:none;position:relative;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
.btn:hover{background:var(--surface-2);text-decoration:none}
.btn:active{transform:translateY(.5px);box-shadow:none}
.btn .i{width:16px;height:16px;margin:0 -1px}
.btn-p,.btn.btn-p{background:var(--accent);border-color:transparent;color:var(--on-accent);box-shadow:var(--hl),0 1px 2px oklch(0.35 0.2 272/.3)}
.btn-p:hover{background:var(--accent-hover)}
.btn-g{border-color:transparent;background:transparent;color:var(--text-2);box-shadow:none}
.btn-g:hover{background:var(--surface-2);color:var(--text)}
.btn-s{background:var(--surface-2);border-color:transparent;box-shadow:none}
.btn-s:hover{background:var(--surface-3)}
.btn-danger{background:var(--neg);border-color:transparent;color:var(--on-neg);box-shadow:var(--hl),0 1px 2px oklch(0.35 0.2 25/.3)}
.btn-danger:hover{background:color-mix(in oklch,var(--neg) 88%,black)}
.fm-del{color:var(--neg-text);border-color:color-mix(in oklch,var(--neg) 35%,transparent)}
.fm-del:hover{background:var(--neg-bg)}
.btn-sm{min-height:var(--h-sm);padding:0 10px;font-size:var(--fs-sm);border-radius:var(--r-sm)}
.btn-lg{min-height:var(--h-lg);padding:0 18px;font-size:var(--fs-lg);border-radius:var(--r-md)}
.btn-block{width:100%}
.btn-icon{padding:0;width:var(--h-md)}
.btn[aria-pressed="true"]{background:var(--accent-soft);border-color:color-mix(in oklch,var(--accent) 35%,transparent);color:var(--accent-text)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.btn.is-busy{cursor:progress;color:transparent!important}
.btn.is-busy::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid var(--text-2);border-right-color:transparent;animation:rot .7s linear infinite}
.btn-p.is-busy::after,.btn-danger.is-busy::after{border-color:var(--on-accent);border-right-color:transparent}
a.is-busy{opacity:.7;pointer-events:none;cursor:progress}
@keyframes rot{to{transform:rotate(360deg)}}
.ib{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-sm);border:0;background:transparent;color:var(--text-2);flex:none;padding:0;position:relative}
.ib:hover{background:var(--surface-2);color:var(--text);text-decoration:none}
.ib:active{background:var(--surface-3)}
.ib:disabled{opacity:.5;cursor:not-allowed}
.ib-del{color:var(--neg-text)}
.ib-sm{width:32px;height:32px}
.fm{display:block;min-width:0}
.fm-f{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;min-width:0}
.fm-l{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-md);line-height:20px;font-weight:500;color:var(--text)}
.fm-lrow{display:flex;align-items:center;gap:8px;min-height:20px}
.fm-l-a{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;margin-top:-12px;margin-bottom:-12px;font-size:var(--fs-sm);font-weight:500}
.fm-req{font-style:normal;color:var(--neg-text);margin-left:-4px}
.fm-h{font-size:var(--fs-sm);line-height:18px;color:var(--text-3)}
.fm-h code{font-size:12px;padding:1px 4px;border-radius:4px;background:var(--surface-2);color:var(--text-2)}
.fm-f .fm-h:empty{display:none}
.fm-e{display:flex;gap:6px;align-items:flex-start;font-size:var(--fs-sm);line-height:18px;font-weight:500;color:var(--neg-text)}
.fm-gerr{display:flex;gap:8px;align-items:flex-start;margin:4px 0 14px;padding:10px 12px;border-radius:var(--r-sm);background:var(--neg-bg);color:var(--neg-text);font-size:var(--fs-md);border:1px solid color-mix(in oklch,var(--neg) 20%,transparent)}
.fm-gerr .i{flex:none;margin-top:1px}
.fm-cnt{font-size:12px;color:var(--text-3);margin-left:auto;font-variant-numeric:tabular-nums;font-weight:400}
.input{display:block;width:100%;height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:var(--fs-md);line-height:20px;box-shadow:var(--sh-xs);-webkit-appearance:none;appearance:none;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}
.input::placeholder{color:var(--text-3);opacity:1}
.input:hover:not(:focus):not(:disabled){border-color:color-mix(in oklch,var(--border-strong) 60%,var(--text-3))}
.input:focus,.input:focus-visible{outline:0;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 22%,transparent)}
.input:disabled,.input[readonly]{background:var(--surface-2);color:var(--text-2);box-shadow:none}
.input:disabled{opacity:.7;cursor:not-allowed}
.fm-f.bad .input,.input[aria-invalid="true"]{border-color:var(--neg);box-shadow:0 0 0 3px color-mix(in oklch,var(--neg) 16%,transparent)}
.fm-ta,textarea.input{height:auto;min-height:92px;padding:10px 12px;line-height:22px;resize:vertical}
.fm-ta[data-rules]{font-family:var(--mono);font-size:13px;line-height:20px;white-space:pre;overflow-wrap:normal;overflow-x:auto}
select.input{padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23858a99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;text-overflow:ellipsis;cursor:pointer}
.input[type=date],.input[type=time],.input[type=datetime-local]{min-width:0;max-width:100%}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.input-ic{position:relative;display:block}
.input-ic>.i{position:absolute;left:11px;top:50%;margin-top:-8px;width:16px;height:16px;color:var(--text-3);pointer-events:none}
.input-ic>.input{padding-left:34px}
.fm-g2{display:grid;grid-template-columns:minmax(0,1fr);column-gap:16px}
@media (min-width:640px){.fm-g2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fm-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.fm-bar .sp{flex:1}
.pw-wrap{position:relative}.pw-wrap .input{padding-right:48px}
.pw-eye{position:absolute;right:0;top:50%;margin-top:-22px;width:44px;height:44px;color:var(--text-3)}
.pw-eye[aria-pressed="true"]{color:var(--accent-text)}
.fm-seg{display:flex;flex-wrap:wrap;gap:6px}
.fm-seg label{position:relative;display:inline-flex}
.fm-seg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:pointer}
.fm-seg span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text-2);font-size:var(--fs-md);font-weight:500;user-select:none;box-shadow:var(--sh-xs)}
.fm-seg span:hover{background:var(--surface-2)}
.fm-seg input:checked+span{background:var(--accent-soft);border-color:color-mix(in oklch,var(--accent) 45%,transparent);color:var(--accent-text)}
.fm-seg input:checked+span::before{content:"";width:5px;height:9px;margin:-3px 8px 0 0;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fm-seg input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}
.fm-sw{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fm-sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:pointer}
.fm-sw-t{position:relative;flex:none;width:36px;height:22px;border-radius:var(--r-full);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--border-strong);transition:background-color var(--dur) var(--ease)}
.fm-sw-t::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px oklch(0 0 0/.25),0 0 0 .5px oklch(0 0 0/.06);transition:transform var(--dur) var(--ease-out)}
.fm-sw input:checked+.fm-sw-t{background:var(--accent);box-shadow:none}
.fm-sw input:checked+.fm-sw-t::after{transform:translateX(14px)}
.fm-sw input:focus-visible+.fm-sw-t{outline:2px solid var(--ring);outline-offset:2px}
.fm-sw input:disabled+.fm-sw-t{opacity:.5}
.fm-sw-l{display:flex;flex-direction:column;font-size:var(--fs-md);line-height:20px;font-weight:500}
.fm-sw-l small{font-size:var(--fs-sm);line-height:18px;font-weight:400;color:var(--text-3)}
.fm-sw.sm{min-height:44px;min-width:44px;justify-content:center;gap:0}
.cb{position:relative;display:inline-flex;align-items:flex-start;gap:10px;min-height:44px;padding:11px 0;cursor:pointer;font-size:var(--fs-md);line-height:20px}
.cb input{position:absolute;opacity:0;width:20px;height:20px;margin:0;left:0;top:11px;cursor:pointer}
.cb-b{flex:none;width:18px;height:18px;margin-top:1px;border:1.5px solid var(--border-strong);border-radius:5px;background:var(--surface);box-shadow:var(--sh-xs);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}
.cb input[type=radio]+.cb-b{border-radius:50%}
.cb input:checked+.cb-b{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--accent)}
.cb input[type=radio]:checked+.cb-b{background:var(--surface);border:5px solid var(--accent)}
.cb input:focus-visible+.cb-b{outline:2px solid var(--ring);outline-offset:2px}
.cb small{display:block;color:var(--text-3);font-size:var(--fs-sm)}
.rc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media (min-width:640px){.rc-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rc{position:relative;display:flex}
.rc input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:pointer}
.rc-b{display:flex;gap:12px;align-items:flex-start;width:100%;min-height:56px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-xs);transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}
.rc-b .i{color:var(--text-3);width:20px;height:20px;margin-top:1px}
.rc-b b{display:block;font-size:var(--fs-md);font-weight:600}.rc-b small{display:block;font-size:var(--fs-sm);line-height:18px;color:var(--text-3);margin-top:2px}
.rc-b::after{content:"";flex:none;width:18px;height:18px;margin:1px 0 0 auto;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface)}
.rc:hover .rc-b{border-color:color-mix(in oklch,var(--border-strong) 50%,var(--text-3))}
.rc input:checked+.rc-b{border-color:var(--accent);background:color-mix(in oklch,var(--accent-soft) 60%,var(--surface));box-shadow:inset 0 0 0 1px var(--accent)}
.rc input:checked+.rc-b::after{border:5px solid var(--accent)}
.rc input:checked+.rc-b .i{color:var(--accent-text)}
.rc input:focus-visible+.rc-b{outline:2px solid var(--ring);outline-offset:2px}
.rc input:disabled+.rc-b{opacity:.5}
.dd{position:relative;min-width:0}
.dd-native{position:absolute!important;opacity:0;pointer-events:none;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0)}
.dd-btn{display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;padding-right:10px}
.dd-btn>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-btn>.ph{color:var(--text-3)}
.dd-btn .chev{color:var(--text-3)}
.dd-btn[aria-expanded="true"]{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 22%,transparent)}
.dd-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:70;min-width:100%;width:max-content;max-width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-lg);overflow:hidden;animation:pop var(--dur) var(--ease-out)}
.dd-pop.up{top:auto;bottom:calc(100% + 6px)}
.dd-pop.right{left:auto;right:0}
.dd-q{display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--border)}
.dd-q .i{width:16px;height:16px;color:var(--text-3)}
.dd-q input{flex:1;min-width:0;height:40px;border:0;background:none;outline:0;font-size:var(--fs-md)}
.dd-list{list-style:none;margin:0;padding:4px;max-height:300px;overflow-y:auto;overscroll-behavior:contain}
.dd-opt{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border-radius:var(--r-xs);font-size:var(--fs-md);line-height:20px;cursor:pointer;color:var(--text)}
.dd-opt[aria-selected="true"]{font-weight:600}
.dd-opt[aria-selected="true"]::after{content:"";width:5px;height:9px;margin:-3px 2px 0 auto;border:solid var(--accent-text);border-width:0 2px 2px 0;transform:rotate(45deg);flex:none}
.dd-opt.act{background:var(--surface-2)}
.dd-opt.ph{color:var(--text-3)}
.dd-empty{padding:14px 12px;font-size:var(--fs-sm);color:var(--text-3)}
.dd-h{display:none}
@keyframes pop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:767px){
  .dd-pop{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;max-height:min(80dvh,calc(var(--vvh,100dvh) - 24px));border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding-bottom:env(safe-area-inset-bottom);animation:sheetup var(--dur) var(--ease-out);z-index:96}
  .dd-pop.up{bottom:0}
  .dd-h{display:flex;align-items:center;gap:8px;padding:6px 8px 2px 16px}
  .dd-h b{flex:1;font-size:var(--fs-lg);font-weight:600}
  .dd-list{max-height:none;flex:1;padding:4px 8px 8px}
  .dd-opt{min-height:48px;font-size:var(--fs-lg)}
  .dd-q input{height:48px;font-size:16px}
  .dd-scrim{position:fixed;inset:0;z-index:95;background:var(--overlay);animation:fade var(--dur) var(--ease)}
}
@keyframes sheetup{from{transform:translateY(100%)}to{transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;box-shadow:var(--sh-xs);min-width:0}
.panel+.panel{margin-top:12px}
.panel-h{display:flex;align-items:center;gap:8px;margin:-2px 0 12px;min-width:0}
.panel-h :is(h2,h3){font-size:var(--fs-lg);line-height:22px;font-weight:600;display:flex;align-items:center;gap:8px;min-width:0}
.panel-h .i{color:var(--text-3)}
.panel-h .sp{flex:1}
.panel.danger{border-color:color-mix(in oklch,var(--neg) 35%,var(--border))}
.panel.flat{box-shadow:none;background:var(--surface-2);border-color:transparent}
@media (min-width:1024px){.panel{padding:18px 20px}}
.card{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;box-shadow:var(--sh-xs);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.card:hover{border-color:var(--border-strong);box-shadow:var(--sh-md)}
.card:has(h3 a:active){transform:scale(.995)}
.card h3{font-size:var(--fs-lg);line-height:21px;font-weight:600;overflow-wrap:anywhere;letter-spacing:-.006em}
.card h3 a{color:var(--text)}
.card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.card h3 a:hover{color:var(--text);text-decoration:none}
.card h3 a:focus-visible{outline:0}
.card:has(h3 a:focus-visible){outline:2px solid var(--ring);outline-offset:2px}
.card>a,.card button,.card .card-top a,.card .card-meta a,.card-why a,.card .row-s a,.card form,.card details{position:relative;z-index:1}
.card h3 a{position:static}
.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-2)}
.card-top .sp{flex:1}
.card-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--fs-sm);color:var(--text-3)}
.card-meta>span{display:inline-flex;align-items:center;gap:5px;min-width:0}
.card-meta .i{width:15px;height:15px}
.card-why{font-size:var(--fs-sm);line-height:19px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
*:has(>.kpis){container-type:inline-size}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kpi{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}
.kpi:hover{border-color:var(--border-strong);box-shadow:var(--sh-md)}
.kpi-h{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);line-height:18px;color:var(--text-2);font-weight:500;min-width:0}
.kpi-h span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kpi-h .i{width:16px;height:16px;color:var(--text-3)}
.kpi-v{font-size:28px;line-height:34px;font-weight:600;letter-spacing:-.025em;color:var(--text);margin-top:2px}
.kpi-v:hover{text-decoration:none;color:var(--text)}
.kpi-v.sm{font-size:22px;line-height:30px}
.kpi-sub{position:relative;z-index:1;font-size:var(--fs-xs);line-height:16px;color:var(--text-3)}
.kpi-sub a{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px}
.kpi-warn{border-color:var(--border)}
.kpi-warn::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--neg)}
.kpi-warn .kpi-v{color:var(--neg-text)}
.kpi:focus-within{border-color:var(--ring)}
.kpi-v.stretch:focus-visible{outline:0}
.kpi:has(.stretch:focus-visible){outline:2px solid var(--ring);outline-offset:2px}
.stretch::after{content:"";position:absolute;inset:0;border-radius:inherit}
.kpi-d{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:500;color:var(--pos-text)}.kpi-d.dn{color:var(--neg-text)}
@container (min-width:600px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container (min-width:480px){.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis.k3>:first-child{grid-column:auto}}
@container (max-width:479.98px){.kpis.k3{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis.k3>:first-child{grid-column:1/-1}}
.kpis.k4{grid-template-columns:repeat(2,minmax(0,1fr))}
@container (min-width:720px){.kpis.k4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sec{margin:0 0 32px}
.sec-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;min-height:32px}
.sec-h h2{display:flex;align-items:center;gap:8px;font-size:var(--fs-xl);line-height:24px;font-weight:600;letter-spacing:-.014em}
.sec-h h2 .i{color:var(--text-3)}
.sec-sub{font-size:var(--fs-sm);color:var(--text-3)}
.sec-a{margin-left:auto;font-size:var(--fs-sm)}
.sec-a a{display:inline-flex;align-items:center;gap:2px;min-height:32px;font-weight:500;padding:0 4px;color:var(--text-2);border-radius:var(--r-xs)}
.sec-a a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}
.sec-a .i{width:15px;height:15px}
@media (max-width:639px){.sec-h:has(.sec-a) .sec-sub{display:none}}
.page>.sec:last-child{margin-bottom:0}
.grid2{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.grid2>.panel+.panel{margin-top:0}
@media (min-width:900px){.grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}}
.today{display:flex;flex-direction:column}
.today>*,.sec{min-width:0}
.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--r-xs);font-size:12px;line-height:22px;font-weight:500;white-space:nowrap;background:var(--surface-2);color:var(--text-2);box-shadow:inset 0 0 0 1px color-mix(in oklch,currentColor 10%,transparent)}
.badge .i{width:13px;height:13px;stroke-width:2}
.b-crit,.t-neg.badge{background:var(--neg-bg);color:var(--neg-text)}
.b-warn{background:var(--warn-bg);color:var(--warn-text)}
.b-info{background:var(--info-bg);color:var(--info-text)}
.b-neutral{background:var(--surface-2);color:var(--text-2)}
.b-accent{background:var(--accent-soft);color:var(--accent-text)}
.b-ok{background:var(--pos-bg);color:var(--pos-text)}
.b-outline{background:transparent;box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text-2)}
a.badge:hover{text-decoration:none;filter:brightness(.97)}
.badge.b-stage{text-transform:none}
.badge.live .i{animation:rot 1.4s linear infinite}
.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:var(--r-full);font-size:12px;font-weight:500;background:var(--surface);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border);white-space:nowrap}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pill.ok{color:var(--pos-text)}.pill.warn{color:var(--warn-text)}.pill.crit{color:var(--neg-text)}.pill.accent{color:var(--accent-text)}.pill.info{color:var(--info-text)}
.pill.live::before{animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.t-neg{color:var(--neg-text)}
.ok-t{color:var(--pos-text)}.crit-t{color:var(--neg-text)}
.cnt{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-full);background:var(--surface-3);color:var(--text-2);font-size:11px;font-weight:600;margin-left:2px}
.cnt-crit{background:var(--neg-bg);color:var(--neg-text)}
.dot{width:8px;height:8px;border-radius:50%;flex:none;margin-top:6px;background:var(--text-3)}
.dot.crit{background:var(--neg)}.dot.warn{background:var(--warn)}.dot.ok{background:var(--pos)}
.status{display:inline-flex;align-items:center;gap:6px}
.status i{width:8px;height:8px;border-radius:50%;background:var(--pos);box-shadow:0 0 0 3px color-mix(in oklch,var(--pos) 18%,transparent)}
.status.warn i{background:var(--warn);box-shadow:0 0 0 3px color-mix(in oklch,var(--warn) 22%,transparent)}
.status.bad i{background:var(--neg);box-shadow:0 0 0 3px color-mix(in oklch,var(--neg) 18%,transparent)}
.status.off i{background:var(--text-3);box-shadow:none}
.chip{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);color:var(--text-2);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;box-shadow:var(--sh-xs)}
.chip:hover{color:var(--text);text-decoration:none;border-color:var(--border-strong)}
.chip .i{width:15px;height:15px}
.chip.on{background:var(--text);border-color:var(--text);color:var(--bg);box-shadow:none}
.chip.on .cnt{background:color-mix(in oklch,var(--bg) 22%,transparent);color:var(--bg)}
.chip .cnt{margin-left:0;height:18px;min-width:18px;padding:0 5px;font-size:11px}
.chip.x{padding-right:8px}.chip.x .i{width:16px;height:16px;opacity:.8}
.chip .chev{margin-right:-2px;color:inherit;opacity:.75}
.fchips{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 14px;padding:2px 16px 4px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 16px),transparent)}
.fchips::-webkit-scrollbar{display:none}
@media (min-width:1024px){.fchips{flex-wrap:wrap;margin:0 0 16px;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}}
.segc{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-md);background:var(--surface-2);max-width:100%;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--border) 60%,transparent)}
.segc a,.segc button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border:0;border-radius:7px;background:none;color:var(--text-2);font-size:var(--fs-sm);font-weight:500;white-space:nowrap}
.segc a:hover,.segc button:hover{color:var(--text);text-decoration:none}
.segc a.on,.segc [aria-current],.segc [aria-pressed="true"]{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm),var(--sh-ring)}
.theme-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;background:var(--surface-2);border-radius:var(--r-sm)}
.theme-seg button{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;border:0;border-radius:6px;background:none;color:var(--text-3);font-size:12px;font-weight:500}
.theme-seg button[aria-checked="true"]{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm),var(--sh-ring)}
.theme-seg .i{width:15px;height:15px}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.toolbar .sp{flex:1}
.toolbar .segc{max-width:100%}
.toolbar .chip .cnt{margin-left:4px}
@media (max-width:639px){.toolbar .segc{flex:1 1 100%;display:flex;overflow-x:auto;scrollbar-width:none}.toolbar .segc::-webkit-scrollbar{display:none}}
.res{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 10px;font-size:var(--fs-sm);color:var(--text-3)}
.res b{color:var(--text);font-weight:600}
.res .segc{margin-left:auto}
.tabs{position:relative;display:flex;gap:4px;overflow-x:auto;margin:0 -16px 16px;padding:0 16px;scrollbar-width:none;border-bottom:1px solid var(--border);-webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 16px),transparent)}
.tabs::-webkit-scrollbar{display:none}
.tabs a,.tabs button{position:relative;display:inline-flex;align-items:center;gap:7px;flex:none;min-height:44px;padding:0 10px;border:0;background:none;color:var(--text-3);font-size:var(--fs-md);font-weight:500;white-space:nowrap;border-radius:var(--r-xs) var(--r-xs) 0 0}
.tabs a:hover,.tabs button:hover{color:var(--text);text-decoration:none}
.tabs a::after,.tabs button::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:transparent;transition:background-color var(--dur) var(--ease)}
.tabs a[aria-current],.tabs [aria-selected="true"]{color:var(--text)}
.tabs a[aria-current]::after,.tabs [aria-selected="true"]::after{background:var(--accent)}
.tabs a[aria-current] .i{color:var(--accent-text)}
.tabs .i{width:16px;height:16px}
.tabs a.t-danger{color:var(--neg-text)}
@media (min-width:1024px){.tabs{margin:0 0 20px;padding:0;-webkit-mask-image:none;mask-image:none;flex-wrap:wrap}}
.sec-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:1024px){
  .sec-grid{grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
  .sec-grid .tabs{flex-direction:column;align-items:stretch;border-bottom:0;gap:1px;position:sticky;top:76px}
  .sec-grid .tabs a{min-height:36px;padding:0 10px;border-radius:var(--r-sm);color:var(--text-2)}
  .sec-grid .tabs a::after{display:none}
  .sec-grid .tabs a:hover{background:var(--surface-2)}
  .sec-grid .tabs a[aria-current]{background:var(--surface);box-shadow:var(--sh-sm),var(--sh-ring);color:var(--text)}
}
.rows{display:flex;flex-direction:column}
.row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--border);min-width:0}
.row:first-child{border-top:0;padding-top:2px}
.sec .rows .row:first-child{border-top:0}
.row-m{flex:1;min-width:0}
.row-t{display:block;color:var(--text);font-size:var(--fs-md);line-height:20px;font-weight:500;overflow-wrap:anywhere}
a.row-t:hover{color:var(--accent-text);text-decoration:none}
.row-s{font-size:12px;line-height:16px;color:var(--text-3);margin-top:3px;display:flex;gap:4px 8px;flex-wrap:wrap;align-items:center}
.row-s a,.row-s span,.row-t{overflow-wrap:anywhere;min-width:0}
.row-a{display:flex;gap:4px;flex:none;align-items:center}
.row .num{white-space:nowrap}
.row.muted .row-t{color:var(--text-3)}
.kv{margin:0;display:flex;flex-direction:column}
.kv>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:10px 0;border-top:1px solid var(--border)}
.kv>div:first-child{border-top:0;padding-top:0}
.kv dt{font-size:var(--fs-sm);color:var(--text-3)}
.kv dd{margin:0;font-size:var(--fs-md);font-weight:500;overflow-wrap:anywhere}
.kv dd a{overflow-wrap:anywhere}
@media (min-width:640px){.kv>div{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px}}
.kv.inline>div{grid-template-columns:140px minmax(0,1fr);gap:8px}
.tblp{padding:0;overflow:hidden}
.tbl-s{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dt{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-md)}
.dt th,.dt td{padding:10px 12px;border-top:1px solid var(--border);text-align:left;vertical-align:middle}
.dt thead th{border-top:0;border-bottom:1px solid var(--border);background:var(--surface-2);font-size:12px;font-weight:500;color:var(--text-3);white-space:nowrap;position:sticky;top:0;z-index:1}
.dt thead tr+tr th,.dt tbody tr:first-child>*{border-top:0}
.dt tbody tr{transition:background-color var(--dur-fast) var(--ease)}
.dt tbody tr:hover{background:color-mix(in oklch,var(--surface-2) 60%,transparent)}
.dt .n{text-align:right;white-space:nowrap}
.dt tbody th{font-weight:500;min-width:0}
.dt tbody th a{color:var(--text);font-weight:500;display:block;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt tbody th small,.dt td small{display:block;font-size:12px;color:var(--text-3);font-weight:400}
.dt thead button{display:inline-flex;align-items:center;gap:4px;min-height:32px;border:0;background:none;color:inherit;font:inherit;padding:0}
.dt th .small{font-weight:400}
.dt .trunc{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt tr[hidden]{display:none!important}
.dt.sm th,.dt.sm td{padding:6px 8px;font-size:13px}
@media (max-width:639px){
  .dt-cards,.dt-cards tbody,.dt-cards tr,.dt-cards td,.dt-cards tbody th{display:block;width:100%}
  .dt-cards thead{display:none}
  .dt-cards tr{padding:12px 14px;border-top:1px solid var(--border)}
  .dt-cards tbody tr:first-child{border-top:0}
  .dt-cards td,.dt-cards tbody th{padding:3px 0;border:0;text-align:left!important;display:flex;gap:12px;justify-content:space-between}
  .dt-cards td[data-label]::before{content:attr(data-label);color:var(--text-3);font-size:12px;flex:none}
  .dt-cards tbody th{font-size:var(--fs-lg);padding-bottom:6px}
  .dt-cards tbody th a{max-width:none;white-space:normal}
}
.nl{font-weight:600;color:var(--text)}
.nl.z{color:var(--text-3);font-weight:400}
a.nl{text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px}
a.nl:hover{color:var(--accent-text);text-decoration-color:currentColor}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
@media (min-width:640px){.facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.menu{position:relative}
.menu>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm);color:var(--text-2);cursor:pointer}
.menu>summary::-webkit-details-marker{display:none}
.menu>summary:hover,.menu[open]>summary{background:var(--surface-2);color:var(--text)}
.menu-p{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:220px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-lg);animation:pop var(--dur) var(--ease-out);transform-origin:top right}
.menu-p>*,.menu-p form>button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:var(--r-xs);background:none;color:var(--text);font-size:var(--fs-md);text-align:left}
.menu-p form{display:block}
.menu-p form>button:hover,.menu-p>*:hover{background:var(--surface-2);text-decoration:none}
.menu-p [aria-current]{background:var(--surface-2);font-weight:500}
.menu-p .i{width:16px;height:16px;color:var(--text-3)}
.menu-p hr{min-height:0;height:1px;padding:0;margin:4px 0;background:var(--border);border:0}
.menu-lab{font-size:11px!important;color:var(--text-3)!important;min-height:26px!important;padding-top:4px!important;cursor:default}.menu-lab:hover{background:none!important}
.chev{width:16px;height:16px;flex:none;color:var(--text-3);transition:transform var(--dur) var(--ease)}
details[open]>summary>.chev,[aria-expanded="true"]>.chev{transform:rotate(180deg)}
summary{border-radius:var(--r-sm)}
body.locked{overflow:hidden}
.sheet-wrap{position:fixed;inset:0;z-index:80}
.sheet-bg{position:absolute;inset:0;background:var(--overlay);opacity:0;transition:opacity var(--dur) var(--ease);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.open .sheet-bg{opacity:1}
.sheet{position:absolute;left:0;right:0;bottom:0;max-height:min(88dvh,calc(var(--vvh,100dvh) - 24px));display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-2xl) var(--r-2xl) 0 0;box-shadow:var(--sh-lg);transform:translateY(100%);transition:transform 260ms var(--ease-out);padding-bottom:env(safe-area-inset-bottom)}
.open .sheet{transform:none}
.grab{width:36px;height:5px;border-radius:3px;background:var(--border-strong);margin:8px auto 2px;flex:none}
.sheet-h{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 20px;flex:none}
.sheet-h b{flex:1;font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em}
.sheet>nav,.sheet .ml-list{overflow-y:auto;padding:0 8px 8px}
.sheet-body{overflow-y:auto;padding:4px 20px 20px}
.sheet-body .fm-f{margin-bottom:14px}
.sheet-body .fm-bar{margin-top:4px}
.ml{min-height:48px;font-size:var(--fs-lg)}
.sheet-sec{padding:12px 20px;border-top:1px solid var(--border)}
.sheet-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.who{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);line-height:17px;min-width:0}
.who b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who small{color:var(--text-3)}
@media (min-width:768px){
  .sheet{left:50%;right:auto;bottom:auto;top:12vh;width:min(480px,92vw);max-height:calc(var(--vvh,100dvh) - 12vh - 16px);border-radius:var(--r-xl);transform:translate(-50%,8px) scale(.98);opacity:0;transition:transform var(--dur) var(--ease-out),opacity var(--dur) var(--ease);padding-bottom:0}
  .open .sheet{transform:translate(-50%,0);opacity:1}
  .sheet .grab{display:none}
  .sheet-h{padding:14px 12px 6px 20px}
  .sheet.wide{width:min(720px,92vw)}
}
@media (min-width:768px) and (max-height:500px){.sheet{top:6px;max-height:calc(var(--vvh,100dvh) - 12px)}}
.toast{position:fixed;left:50%;bottom:calc(var(--bnav-h) + env(safe-area-inset-bottom) + 14px);z-index:95;transform:translate(-50%,16px) scale(.98);opacity:0;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--r-md);background:oklch(0.22 0.012 272);color:oklch(0.97 0 0);font-size:var(--fs-md);font-weight:500;box-shadow:var(--sh-lg);transition:transform 220ms var(--ease-out),opacity var(--dur) var(--ease)}
.toast::before{content:"";width:8px;height:8px;border-radius:50%;background:oklch(0.75 0.15 155);flex:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast.err::before{background:oklch(0.7 0.19 25)}
.toast.info::before{background:oklch(0.75 0.12 272)}
:root[data-theme="dark"] .toast{background:oklch(0.3 0.012 272);box-shadow:var(--sh-lg),0 0 0 1px oklch(1 0 0/.08)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .toast{background:oklch(0.3 0.012 272)}}
@media (max-width:1023px){
  .page:has(.actbar){padding-bottom:calc(var(--bnav-h) + 92px + env(safe-area-inset-bottom))}
  body:has(.page .actbar) .toast,body:has(.fm-bar.sticky) .toast{bottom:calc(var(--bnav-h) + 84px + env(safe-area-inset-bottom))}
}
.actbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
@media (max-width:767px){
  .actbar{position:fixed;left:0;right:0;bottom:calc(var(--bnav-h) + env(safe-area-inset-bottom));z-index:44;margin:0;padding:10px 16px;flex-wrap:nowrap;background:var(--glass-strong);-webkit-backdrop-filter:saturate(1.8) blur(16px);backdrop-filter:saturate(1.8) blur(16px);border-top:1px solid var(--border)}
  .actbar .btn{flex:1 1 0;min-width:0;min-height:44px;white-space:normal;line-height:1.2;text-align:center;padding:4px 10px}
  .app-onb~* .actbar,.no-bnav .actbar{bottom:env(safe-area-inset-bottom)}
}
.cmdk-wrap{position:fixed;inset:0;z-index:90}
.cmdk-bg{position:absolute;inset:0;background:var(--overlay);animation:fade var(--dur) var(--ease)}
.cmdk{position:absolute;left:50%;top:min(14vh,120px);width:min(620px,calc(100vw - 24px));transform:translateX(-50%);display:flex;flex-direction:column;max-height:min(520px,calc(var(--vvh,100dvh) - 32px));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);overflow:hidden;animation:pop var(--dur) var(--ease-out)}
.cmdk-q{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--border)}
.cmdk-q .i{color:var(--text-3)}
.cmdk-q input{flex:1;min-width:0;height:54px;border:0;outline:0;background:none;font-size:16px}
.cmdk-l{overflow-y:auto;padding:6px;overscroll-behavior:contain}
.cmdk-g{padding:8px 10px 4px;font-size:11px;font-weight:500;color:var(--text-3);letter-spacing:.02em}
.cmdk-i{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-md);cursor:pointer}
.cmdk-i .i{color:var(--text-3);width:18px;height:18px}
.cmdk-i small{margin-left:auto;color:var(--text-3);font-size:12px;white-space:nowrap}
.cmdk-i span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmdk-i.act{background:var(--surface-2)}
.cmdk-i.act .i{color:var(--accent-text)}
.cmdk-i:hover{text-decoration:none}
.cmdk-e{padding:24px;text-align:center;color:var(--text-3);font-size:var(--fs-sm)}
.cmdk-f{display:flex;gap:14px;align-items:center;padding:8px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3)}
.cmdk-f span{display:inline-flex;align-items:center;gap:4px}
@media (max-width:767px){.cmdk{top:8px;max-height:calc(var(--vvh,100dvh) - 16px)}.cmdk-f{display:none}.cmdk-i{min-height:48px}}
.empty{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:color-mix(in oklch,var(--surface) 70%,transparent);color:var(--text-2)}
.empty-i{width:40px;height:40px;padding:10px;border-radius:12px;background:var(--surface);color:var(--text-3);flex:none;box-shadow:var(--sh-sm),var(--sh-ring)}
.empty-t{font-weight:600;color:var(--text);font-size:var(--fs-lg);line-height:22px}
.empty p{font-size:var(--fs-md);margin-top:2px;color:var(--text-2)}
.empty-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.empty.ok{border-style:solid;border-color:color-mix(in oklch,var(--pos) 25%,transparent);background:var(--pos-bg)}
.empty.ok .empty-i{color:var(--pos-text)}
.empty.ok .empty-t{color:var(--pos-text)}
.empty-lg{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 20px;border:1px dashed var(--border-strong);border-radius:var(--r-xl);background:color-mix(in oklch,var(--surface) 70%,transparent)}
.empty-lg .illus{width:132px;height:96px;margin-bottom:8px;color:var(--accent)}
.empty-lg :is(h2,h3){font-size:var(--fs-xl);line-height:24px}
.empty-lg p{max-width:420px;color:var(--text-2);font-size:var(--fs-md)}
.empty-lg .empty-a{justify-content:center;margin-top:14px}
.illus .f1{fill:var(--accent-soft)}.illus .f2{fill:var(--surface)}.illus .s1{stroke:var(--border-strong)}.illus .s2{stroke:var(--accent)}.illus .f3{fill:var(--accent)}
.kb-empty{padding:12px;border:1px dashed var(--border);border-radius:var(--r-md);color:var(--text-3);font-size:var(--fs-sm);text-align:center}
.skel{display:block;border-radius:var(--r-xs);background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 40%,var(--surface-2) 80%);background-size:300% 100%;animation:shim 1.4s ease-in-out infinite;color:transparent!important;user-select:none}
.skel.t{height:12px;margin:6px 0}.skel.h{height:20px;width:55%;margin:4px 0 10px}.skel.c{height:96px;border-radius:var(--r-lg)}.skel.av{width:32px;height:32px;border-radius:50%}
.sk{pointer-events:none}
@keyframes shim{from{background-position:100% 0}to{background-position:-100% 0}}
.prog{height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden;margin-top:8px}
.prog i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width 400ms var(--ease-out)}
.prog.warn i{background:var(--warn)}.prog.bad i{background:var(--neg)}.prog.ok i{background:var(--pos)}
.prog.live i{background:linear-gradient(90deg,var(--accent) 0 60%,color-mix(in oklch,var(--accent) 45%,transparent) 100%);background-size:200% 100%;animation:flow 1.6s linear infinite}
@keyframes flow{from{background-position:200% 0}to{background-position:0 0}}
.stepper{display:flex;gap:6px;margin:0 0 20px;padding:0;list-style:none}
.stepper li{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:14px;color:var(--text-3);font-weight:500}
.stepper li i{display:block;height:4px;border-radius:2px;background:var(--surface-3)}
.stepper li.done i{background:var(--pos)}.stepper li.cur i{background:var(--accent)}.stepper li.skip i{background:var(--warn)}
.stepper li.cur{color:var(--text)}.stepper li.done{color:var(--text-2)}
.stepper li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stepper li a{color:inherit;display:block;min-height:44px;margin-top:-10px;padding-top:10px}
.stepper li a:hover{text-decoration:none;color:var(--text)}
@media (max-width:639px){.stepper li:not(.cur) span{display:none}.stepper li.cur{flex:4}}
.av{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface-3);color:var(--text-2);font-size:12px;font-weight:600;flex:none;letter-spacing:.01em}
.av.c{color:#fff;background:linear-gradient(135deg,oklch(0.62 0.15 var(--h,272)),oklch(0.52 0.17 calc(var(--h,272) + 30)));box-shadow:var(--hl)}
.av.sm{width:24px;height:24px;font-size:10px}.av.lg{width:44px;height:44px;font-size:15px}
.avs{display:flex}.avs .av{box-shadow:0 0 0 2px var(--surface);margin-left:-6px}.avs .av:first-child{margin-left:0}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;margin:0 0 10px;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--text-3)}
.crumbs li{display:inline-flex;align-items:center;gap:2px;min-width:0}
.crumbs li+li::before{content:"";width:14px;height:14px;background:currentColor;opacity:.6;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/100% no-repeat}
.crumbs a{color:var(--text-2);display:inline-flex;align-items:center;min-height:28px;padding:0 4px;border-radius:var(--r-xs)}
.crumbs a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}
.crumbs [aria-current]{color:var(--text);font-weight:500;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-tip]{position:relative}
.tip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--surface-2);color:var(--text-3);font-size:11px;font-weight:600;cursor:help}
@media (max-width:1023px),(pointer:coarse){
  .btn,.btn-sm,.chip,.fm-seg span,.input,select.input{min-height:44px}
  .input{height:44px;font-size:16px}
  .fm-ta,textarea.input,.fm-ta[data-rules]{font-size:16px}
  .ib,.menu>summary{width:44px;height:44px}
  .ib-sm{width:44px;height:44px}
  .segc a,.segc button,.res .segc a,.theme-seg button,.nv,.menu-p>*,.menu-p form>button,.sec-a a,.dt thead button,.tabs a{min-height:44px}
  .row-s a,.kpi-sub a{display:inline-flex;align-items:center;min-height:32px}
  button.lnk{display:inline-flex;align-items:center;min-height:44px}
  a.badge,.rule{position:relative}
  a.badge::after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:44px;transform:translateY(-50%)}
  a.nl{padding:14px 6px;margin:0 -6px}
  a.row-t{display:flex;align-items:center;min-height:44px}
  .dt tbody th a{padding:12px 0;margin:-12px 0}
  .hint a,.kv dd a,.fm-h a{display:inline-block;padding:12px 0;margin:-12px 0}
  .crumbs a{min-height:44px}
}
.btn,.chip,.ib,.segc a,.menu>summary,.menu-p>*,.menu-p form>button,.nv,.ml,.bn,.theme-seg button,a.badge,.input,.kpi,.tabs a,.orgsw>summary{transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}
.bn,.chip,.btn,.ib,.segc a,.nv,.ml,.theme-seg button,.sheet-h,.grab{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.segc a:focus-visible,.fchips .chip:focus-visible,.menu-p>*:focus-visible,.menu-p form>button:focus-visible,.theme-seg button:focus-visible,.nv:focus-visible,.ml:focus-visible,.bn:focus-visible,.tabs a:focus-visible,.cmdk-i:focus-visible{outline-offset:-2px}
@media (max-width:359px){
  .bnav{padding-left:2px;padding-right:2px}
  .bn{font-size:10.5px;letter-spacing:-.01em}
  .page{padding-left:12px;padding-right:12px}
  .fchips,.tabs{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}
  .btn{white-space:normal;text-align:center;max-width:100%;padding-top:8px;padding-bottom:8px;line-height:1.25}
  .kv.inline>div{grid-template-columns:100px minmax(0,1fr)}
  .topbar{padding-left:12px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}
@media print{
  @page{size:A4;margin:14mm 12mm}
  :root,:root[data-theme="dark"],:root:not([data-theme="light"]){--bg:#fff;--surface:#fff;--surface-2:#f4f4f6;--text:#18181b;--text-2:#3f3f46;--text-3:#52525b;--border:#d4d4d8;color-scheme:light}
  body{background:#fff!important}
  .side,.bnav,.topbar,.skip,.sheet-wrap,.toast,.cmdk-wrap,.actbar{display:none!important}
  .app,.col{display:block!important}
  .page{padding:0!important;max-width:none!important}
  .panel,.kpi,.card,.row,tr{break-inside:avoid;box-shadow:none!important}
  a{color:inherit!important;text-decoration:none!important}
  .badge,.dot{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ---- parts/calls.css ---- */
/* D4 (05.10.2026): картка конкурсу — блок «Оголошення» (8 розділів) і «Повний текст оголошення» абзацами.
   Лінії — 1px var(--border), як у решті дизайн-системи; без «коробок у коробках»: розділи розділені волосяною лінією зверху. */
.an .cd-h{margin-bottom:4px}
.an-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px}
.an-s{min-width:0;padding:14px 0 12px;border-top:1px solid var(--border)}
.an-s>h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:var(--fs-sm);line-height:20px;font-weight:600;color:var(--text-2)}
.an-s>h3 .i{width:16px;height:16px;flex:none;color:var(--text-3)}
.an-l{list-style:none;margin:0;padding:0}
.an-l>li{position:relative;margin:6px 0 0;padding-left:16px;font-size:var(--fs-md);line-height:21px;overflow-wrap:anywhere}
.an-l>li:first-child{margin-top:0}
.an-l>li::before{content:"";position:absolute;left:3px;top:8px;width:5px;height:5px;border-radius:var(--r-full);background:var(--text-3)}
.an-l>li>b{font-weight:500;color:var(--text-2)}
.an-l>li>a{overflow-wrap:anywhere}
.an-l>li .badge{vertical-align:1px}
.an-l.an-neg>li::before{background:var(--neg)}
.an-sub{display:flex;align-items:center;gap:6px;margin:10px 0 4px;font-size:var(--fs-xs);line-height:16px;font-weight:600;color:var(--pos-text)}
.an-sub:first-of-type{margin-top:0}
.an-sub .i{width:14px;height:14px}
.an-sub.an-sub-neg{color:var(--neg-text)}
.an-s .cd-elig{margin-top:10px}
.an-miss{display:flex;gap:8px;margin:4px 0 0;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-sm);line-height:20px;color:var(--text-2)}
.an-miss .i{flex:none;width:16px;height:16px;margin-top:2px;color:var(--text-3)}
.an .cd-more{border-top:1px solid var(--border);margin-top:12px;padding-top:2px}
.an-foot{margin-top:10px}
.an-text{max-width:72ch;margin-top:6px;font-size:var(--fs-md);line-height:23px;color:var(--text);overflow-wrap:anywhere;hyphens:auto}
.an-text>p{margin:0 0 12px}
.an-text>h3{margin:20px 0 6px;font-size:var(--fs-lg);line-height:22px;font-weight:600;letter-spacing:-.005em}
.an-text>h3:first-child{margin-top:4px}
.an-text>:is(ul,ol){margin:0 0 12px;padding-left:22px}
.an-text>:is(ul,ol)>li{margin:4px 0;padding-left:2px}
.an-text>ul>li::marker{color:var(--text-3)}
.an-text>ol>li::marker{color:var(--text-3);font-variant-numeric:tabular-nums}
.an-text>:last-child{margin-bottom:0}
@media (min-width:900px){
 .an-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .an-s.an-about,.an-s.an-links{grid-column:1/-1}
}
@media (max-width:767px){
 .an-l>li{font-size:15px;line-height:22px}
 .an-text{font-size:15px;line-height:24px}
}
.an-miss a,.an-foot a,.an-full .hint a,.an-l>li>a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.an-miss.an-warn{background:var(--warn-bg);color:var(--warn-text)}
.an-miss.an-warn .i{color:var(--warn-text)}

/* ---- parts/n3.css ---- */
/* N3: лічильник «Сьогодні», відкладене запрошення, «не знаю напрями», липкі панелі ≤ 20 % (SE), QGV-006 */
.td-hello .n3-left .td-left{margin:6px 0 0;color:var(--text-2)}.td-hello .n3-left b{color:var(--text)}
.n3-auto{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;padding:0 14px;border:1px dashed var(--border);border-radius:999px;font-size:var(--fs-sm);color:var(--text-2);cursor:pointer}
.n3-auto:has(input:checked){border-style:solid;border-color:var(--accent);color:var(--accent-text)}.n3-auto input{width:18px;height:18px;accent-color:var(--accent)}
.n3-held .n3-ways{margin:8px 0 12px;padding-left:20px;display:grid;gap:6px;font-size:var(--fs-sm)}
.kpi-v.n3-kv{font-size:var(--fs-lg)}.n3-pl-go{flex:1 1 auto;display:flex}.n3-pl-go .btn{flex:1}
html body .w9-done>summary,html body .w9-live-d>summary{min-height:44px;display:flex;align-items:center;gap:6px}
@media (max-width:767px){html body .actbar{padding-top:6px;padding-bottom:6px}html body .topbar,html body .w9-tabs{transition:transform .2s var(--ease)}html body.tb-hide .topbar{transform:translateY(-110%)}html body.tb-hide .w9-tabs{transform:translateY(calc(-100% - var(--top-h)))}}
@media (max-width:767px) and (max-height:640px){html:root{--bnav-h:52px}html body .bnav{padding-top:2px}html body .actbar{padding-top:4px;padding-bottom:4px}}
@media (prefers-reduced-motion:reduce){html body .topbar,html body .w9-tabs{transition:none}}
.td-hello .n3-left a{text-decoration:underline;text-underline-offset:2px}.badge.cs-badge{max-width:100%;white-space:normal;height:auto;min-height:22px}

/* ---- parts/nb.css ---- */
.how-info p,.how-info .how-q{margin:0 0 6px}
.sbm-ck.todo{border-style:dashed;border-color:var(--warn)}

/* ---- parts/onb_d5.css ---- */
/* D5 (05.10.2026): профіль підбору — кроки «Хто ви → Що робите → Де → Масштаб і бюджет», пояснення впливу, прев'ю, крок на екран на телефоні */
.fit-h{display:flex;gap:10px;align-items:flex-start}
.fit-n{flex:0 0 26px;height:26px;display:grid;place-items:center;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-text);font-size:var(--fs-sm);font-weight:600}
.fit-t{font-size:var(--fs-lg);font-weight:600;line-height:26px;outline:0}
.fit-of{display:none;font-weight:400;color:var(--text-3)}
.fit-why{display:flex;gap:6px;margin-top:2px;font-size:var(--fs-sm);line-height:18px;color:var(--text-2)}
.fit-why .i{flex:0 0 14px;width:14px;height:14px;margin-top:2px;color:var(--accent-text)}
.fit-step{padding:20px 0;border-top:1px solid var(--border)}
.onb2-main .fit-step>.fit-h{margin-bottom:12px}
.onb2-main .fit-step:first-of-type{border-top:0;padding-top:4px}
.fgrp.fit-step{padding:18px 0}
.fit-who{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:var(--fs-sm);color:var(--text-2)}
.fit-who .i{width:16px;height:16px}
.fit-who a{margin-left:auto}
.fit-opt{margin:-4px 0 8px}
.fit-kinds .rc-b{min-height:56px}
.fit-biz{border:0;margin:8px 0 0;padding:12px 0 0;min-width:0;border-top:1px dashed var(--border)}
.fit-biz-l{padding:0;margin-bottom:8px;font-size:var(--fs-md);color:var(--text)}
.fit-biz-l .muted{font-size:var(--fs-sm)}
.fit-pv{padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);font-size:var(--fs-sm);color:var(--text-2);transition:opacity var(--dur-fast) var(--ease)}
.fit-pv.is-busy{opacity:.6}
.fit-pv-n{display:flex;align-items:baseline;gap:8px;line-height:20px}
.fit-pv-n b{font-size:var(--fs-4xl);line-height:34px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.fit-pv-cur:empty{display:none}
@media (min-width:768px){.fit-pv-cur{display:none}}
.fit-pv-cur{margin-top:4px;color:var(--accent-text);font-weight:500}
.fit-pv-f{list-style:none;margin:12px 0 0;padding:0}
.fit-pv-f li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid var(--border)}
.fit-pv-f li b{color:var(--text);font-variant-numeric:tabular-nums}
.fit-pv-f li.is-cur{color:var(--accent-text);font-weight:600}
.fit-pv-s,.fit-pv-ex,.fit-pv-note{margin-top:10px}
.fit-pv-note{font-size:var(--fs-xs);line-height:16px;color:var(--text-3)}
.fit-pv-ex summary{cursor:pointer;color:var(--accent-text);font-weight:500}
.fit-pv-ex ul{list-style:none;margin:6px 0 0;padding:0}
.fit-pv-ex li{padding:6px 0;border-top:1px solid var(--border);line-height:18px}
.fit-pv-ex li b{display:block;color:var(--text);font-weight:500}
.fit-pv-bar{margin-bottom:8px;background:var(--surface-2)}
@media (min-width:1024px){.fit-pv-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:4px 24px}.fit-pv-bar .fit-pv-f{grid-row:1/span 3;grid-column:2;margin:0}.fit-pv-bar .fit-pv-f li:first-child{border-top:0}}
.fit-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.fit-nav [data-pw-next]{margin-left:auto}
.pw-on .fit-step:not(.is-cur){display:none}
.pw-on .fit-step{border-top:0;padding-top:4px}
.pw-on .fit-of{display:inline}
@media (max-width:767px){.fit-pv-f,.fit-pv-s,.fit-pv-note{display:none}.fit-pv{padding:12px 14px}.fit-pv-n b{font-size:var(--fs-3xl);line-height:28px}}

/* ---- parts/p2d.css ---- */
/* P2-D: «Підбірка» з ярусом «перевірте», «Нові»/«Відсіяні» сторінками з фільтром позначки/причини, відсіяні без прозорості (axe) */
.cc-chk{border-left:3px solid var(--warn)}
.p2-tier{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:14px 0 2px;font-size:var(--fs-md);line-height:22px;font-weight:600;color:var(--text)}
.p2-tier .i{width:16px;height:16px;color:var(--warn-text)}
.p2-tier small{flex-basis:100%;font-size:var(--fs-sm);font-weight:400;color:var(--text-2)}
.p2-fl{margin-top:-6px}
.p2-fl-h{flex:none;align-self:center;font-size:var(--fs-sm);color:var(--text-2)}
.p2-pg{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:16px 0 4px}
.p2-pg-n{font-size:var(--fs-sm);color:var(--text-2);font-variant-numeric:tabular-nums}
.cd-tier{display:flex;gap:8px;margin:0 0 10px;padding:10px 12px;border-radius:var(--r-md);background:var(--warn-bg);color:var(--warn-text);font-size:var(--fs-sm);line-height:20px}
.cd-tier .i{flex:none;margin-top:2px}
.cd-tier b{color:inherit}
.pr-q{font-style:italic;overflow-wrap:anywhere}
.pr-note>span{min-width:0;overflow-wrap:anywhere}
@media (max-width:767px),(pointer:coarse){.p2-fl .chip,.p2-pg .btn{min-height:44px}}

/* ---- parts/pd.css ---- */
/* P-D: позначки підбірки (P-A) і рішення про спосіб подання (P-B) — картка, сторінка конкурсу, «Як подати» */
.cc-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cc-fl .i{width:14px;height:14px}
.cc-flt{margin:4px 0 0;font-size:var(--fs-sm);line-height:19px;color:var(--warn-text,var(--text-2));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cc-ev,.cd-ev{font-style:italic}
.banner.cd-flag,.banner.pr-check{margin:0 0 10px}
.cd-h3{display:flex;align-items:center;gap:6px;margin:14px 0 4px;font-size:var(--fs-md);font-weight:600}
.cd-verify{margin:0 0 0 18px;padding:0}.cd-verify li{margin:4px 0;line-height:22px}
.pr-m{min-width:0;flex:1}.pr-m p{margin:0 0 6px}
.pr-t{color:var(--text)}
.pr-ga{overflow-wrap:anywhere}
.pr-note{display:flex;gap:8px;margin:8px 0;font-size:var(--fs-sm);line-height:20px;color:var(--text-2)}.pr-note .i{flex:none;margin-top:2px}
.pr-cands summary{display:inline-flex;align-items:center;gap:6px;min-height:36px;cursor:pointer;color:var(--text)}
.pr-cl{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}
.pr-c{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:baseline}
.pr-ct{min-width:0;flex:1 1 220px;overflow-wrap:anywhere;color:var(--text)}
.pr-ct small{display:block;color:var(--text-2);line-height:18px}
@media (max-width:767px),(pointer:coarse){.pr-cands>summary{min-height:44px}.pr-ct a{display:inline-block;min-height:44px;line-height:44px}}
.pr-check .badge,.cc-fl{white-space:normal;height:auto;min-height:22px;text-align:left;overflow-wrap:anywhere}
.pr-note a,.pr-g a{text-decoration:underline;text-underline-offset:2px}

/* ---- parts/qb3.css ---- */
/* QB3 (QA фаза B, 03.10.2026): доступність і стабільність макета. */
:is(p,li,dd,label,figcaption,blockquote,.hint,.small,.fm-h,.lp-foot,.banner div)>a:not([class]):not(nav a),
.legal a:not([class]),.prose a:not([class]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
  text-decoration-color:color-mix(in oklch,currentColor 60%,transparent)}
:is(p,li,dd,label,figcaption,blockquote,.hint,.small,.fm-h,.lp-foot,.banner div)>a:not([class]):not(nav a):hover{text-decoration-color:currentColor}
.fm-f.reg-agree label{line-height:28px}
.fm-f.reg-agree label a{display:inline-block;min-height:24px;line-height:24px;padding:0;margin:0}
@media (pointer:coarse){
  a.skip{min-height:44px;box-sizing:border-box}
  .tb-logo,.tb-back{min-width:44px;min-height:44px}
  .auth-top .brand,.lp-h .brand,.lp-foot .brand{min-height:44px}
  details>summary.small{min-height:44px;align-content:center}
  .btn-sm:has(>svg:only-child){min-width:44px}
  .segc a,.segc button{min-width:44px}
  .w9-seg a{min-height:44px}
}
@media (max-width:479px) and (max-height:480px){
  .topbar{position:static;-webkit-backdrop-filter:none;backdrop-filter:none}
  .actbar,.app-onb .onb2 .actbar{position:static;margin-top:16px;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none}
  .bnav{position:static;grid-template-columns:repeat(5,minmax(0,1fr))}
  .bnav .bn{min-width:0}.bnav .nv-l{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body .w9-seg,body .lst-h{position:static}   
  .page,.page:has(.actbar),.app-onb .page:has(.actbar){padding-bottom:24px}
  .w9-qbar,.fm-bar.sticky{position:static}
  body:has(.page .actbar) .toast,body:has(.fm-bar.sticky) .toast{bottom:12px}
}
.ro-off{opacity:.55;cursor:not-allowed}
.ro-off :is(button,input,select,textarea){cursor:not-allowed}

/* ---- parts/qf5.css ---- */
/* QF5-C: QF3-014/015/016, QF3-005, QF3-012 (опис — build/qf/QF5_C_REPORT.md) */
@media (max-width:767px){.topbar .tb-pa .qf5-tap,.page .qf5-tap{min-width:44px;min-height:44px;justify-content:center}}
.cmdk .cmdk-q:focus-within{box-shadow:inset 0 -2px 0 var(--ring)}
.cmdk-q .vc-wrap>input{width:100%}
.cmdk .cmdk-q input:focus-visible{outline:2px solid var(--ring);outline-offset:-2px;border-radius:var(--r-xs)}
@media (max-width:767px),(pointer:coarse){.v1-jump .chip,.v1-jump a.chip{min-height:44px}body .w9-seg a{min-height:44px}.tgl.tgl::after{inset:-10px -6px}}
.lr :is(.lr-s,.lr-b) a.badge::before{content:"";position:absolute;inset:-11px -4px}
.tm-up{text-decoration:none;white-space:nowrap}
.tm-up:hover{text-decoration:none}
.tb-pa .tm-up{margin-left:6px}
@media (max-width:767px){.tm-up{min-height:44px;padding:0 12px}.actbar .tm-up{flex:0 1 auto;min-height:44px;padding:0 12px;white-space:normal;line-height:1.2;text-align:center;justify-content:center}}
@media (max-width:767px) and (max-height:640px){html{scroll-padding-top:12px}body .topbar{position:relative;top:auto}body .w9-tabs,body .w9-seg{position:relative;top:auto}body .ntf-day{top:0}.actbar{padding-top:6px;padding-bottom:6px}.w9-sec{scroll-margin-top:12px}}

/* ---- parts/qg.css ---- */
/* QG-C: «Як подаємо» (L1), стан заявки, лічильники, цілі дотику, фокус під липкими панелями — build/qg/QG_C_REPORT.md */
.how{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px}
.how-l{font-size:var(--fs-xs);font-weight:500;color:var(--text-3)}
.how-c{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer}
.how-c:hover{border-color:var(--border-strong);text-decoration:none}
.how-c span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.how-c .i{flex:none;width:16px;height:16px;color:var(--text-3)}
.how-c.warn{border-color:var(--warn);background:var(--warn-bg);color:var(--warn-text)}
.how-c.bad,.how-warn{border-color:var(--neg);background:var(--neg-bg);color:var(--neg-text)}
.how-c:is(.warn,.bad) .i{color:currentColor}
.how-sum,.how-why,.how-warn,.sbm-ai,.td-left,.tm-sp,.ai-where{display:flex;gap:8px;align-items:flex-start}
.how-sum{margin-top:8px;font-size:var(--fs-sm);color:var(--text-2)}
:is(.how-sum,.how-why,.how-warn,.sbm-ai,.td-left,.tm-sp,.ai-where)>.i{flex:none;margin-top:2px}
.how-q{margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--border-strong);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--surface-2);font-size:var(--fs-sm);color:var(--text-2)}
.how-opts{display:grid;gap:2px;margin:8px 0;padding:0;border:0}
.how-expl ul{display:grid;gap:6px;margin:6px 0 10px;padding-left:18px;font-size:var(--fs-sm)}
.how-warn{margin:8px 0;padding:10px 12px;border:1px solid;border-radius:var(--r-md);font-size:var(--fs-sm)}
.sbm-ai,.ai-where,.tm-sp{margin:8px 0;font-size:var(--fs-sm);color:var(--text-2)}
.sbm-wt{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--neg-text)}
.sbm-wt .i{width:15px;height:15px}
.vc-sub{display:block;margin:4px 0 8px;font-size:var(--fs-xs);color:var(--text-3)}
.vc-act{margin:8px 0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}
.vc-act-q{margin:0 0 8px;font-weight:600}
.fm-cnt-l{display:block;margin-top:4px;font-size:var(--fs-xs);color:var(--text-3);text-align:right;font-variant-numeric:tabular-nums}
.fm-cnt-l.warn{color:var(--warn-text)}
.td-left{margin:8px 0;font-size:var(--fs-sm)}
.co-bud{display:none;margin-top:12px}
.co-budget:has(input[name=budget_inst]:checked) .co-bud{display:grid}
.w9-dlb .w9-dlw{font-size:var(--fs-sm)}
.kb-touch{display:none}
@media (pointer:coarse){.kb-pc{display:none}.kb-touch{display:inline}
}
@media (max-width:767px),(pointer:coarse){.btn,.btn-sm,.how-c,:is(.w9-live-d,.sect,.sbm-ev,.cd-more)>summary{min-height:44px!important}a.kpi-v{display:block;min-height:44px}
 :is(.tb-pa .btn-sm,.tb-pa .segc a,.sec-a a,.topbar .tb-back,.topbar .tb-logo){min-width:44px!important}.auth-top .brand{min-height:44px}.vc-btn{width:44px!important;height:44px!important}
 :is(.lr-s,.v1-prof,.how-sum,.ai-where,.sbm-ai,.sbm-addr,.reg-agree) a:not(.badge),a.lr-t,.qa-ref,.qg-tap,:is(.w9-kc h3,.cc-t) a{display:inline-block!important;padding:14px 0!important;margin:-14px 0!important}
 :is(.cc-tags,.lr-b,.lr-s) a.badge{height:auto!important;border:solid transparent!important;border-width:11px 0!important;background-clip:padding-box;margin:-11px 0!important}}
.how-sum a,.sbm-ai a,.ai-where a{text-decoration:underline}
@media (max-width:767px){body:has(details.kebab[open]) :is(.bnav,.actbar){visibility:hidden}}
@media (max-width:1023px){.topbar:not(.wrap){height:calc(var(--top-h) + env(safe-area-inset-top))}}
.nmx-cw{display:contents}

/* ---- parts/ux.css ---- */
/* ===== UX (раунд 3, 03.10.2026): повний прохід усіх екранів на 2.0 — перекомпонування, не перефарбування.
   Що тут: утиліти замість inline-стилів (умова строгої CSP), заголовок сторінки .ph, сучасні рядки списку .lr,
   «⋯»-меню .kebab (телефон — шторка знизу), плитки типів файлів .ft, налаштування (ліва навігація / перемикач-шторка),
   липка «Зберегти» при змінах, підтвердження шторкою, сторінки помилок, компактні банери, журнал входів, адмін-таблиця. */
.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:16px!important}.mt-6{margin-top:24px!important}
.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:16px!important}.mb-6{margin-bottom:24px!important}
.p-0{padding:0!important}.pad-3{padding:12px}
.w-auto{width:auto!important}.w-full{width:100%}.maxw-sm{max-width:560px}.maxw-md{max-width:720px}
.flex-1{flex:1 1 220px;min-width:0}.nowrap{white-space:nowrap}.ta-r{text-align:right}.va-top{align-items:flex-start!important}
.gap-2{gap:8px!important}.wrap{flex-wrap:wrap}
.b-0{border:0!important}
fieldset.plain{border:0;margin:0;padding:0;min-width:0}
fieldset.plain>legend{padding:0;margin-bottom:8px}
.dt-empty{padding:12px;color:var(--text-3);font-size:var(--fs-sm)}
.ph{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 16px;margin:0 0 20px;min-width:0}
.ph-m{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:6px}
.ph-lead{color:var(--text-2);font-size:var(--fs-md);line-height:21px;max-width:760px;text-wrap:pretty}
.ph-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:var(--fs-sm);color:var(--text-3)}
.ph-a{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:none}
@media (max-width:767px){.ph{margin-bottom:16px}.ph-a:empty{display:none}}
.lst{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);min-width:0}
.lst+.lst{margin-top:12px}
.lst-h{display:flex;align-items:center;gap:8px;padding:10px 16px 8px;font-size:12px;font-weight:500;color:var(--text-3);letter-spacing:.02em;border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--surface-2) 55%,transparent);border-radius:var(--r-lg) var(--r-lg) 0 0}
.lst-h+.lr{border-top:0}
.lst-h .sp{flex:1}
.lst>.lst-h:not(:first-child){border-radius:0;border-top:1px solid var(--border)}
.lr{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 16px;border-top:1px solid var(--border);min-width:0;transition:background-color var(--dur-fast) var(--ease)}
.lr:first-child{border-top:0;border-radius:var(--r-lg) var(--r-lg) 0 0}
.lr:last-child{border-radius:0 0 var(--r-lg) var(--r-lg)}
.lr:only-child{border-radius:var(--r-lg)}
.lr:hover{background:color-mix(in oklch,var(--surface-2) 55%,transparent)}
.lr:has(.lr-t:focus-visible){outline:2px solid var(--ring);outline-offset:-2px}
.lr-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surface-2);color:var(--text-2);box-shadow:inset 0 0 0 1px color-mix(in oklch,currentColor 10%,transparent)}
.lr-ic .i{width:18px;height:18px}
.lr-ic.t-acc{background:var(--accent-soft);color:var(--accent-text)}.lr-ic.t-ok{background:var(--pos-bg);color:var(--pos-text)}
.lr-ic.t-warn{background:var(--warn-bg);color:var(--warn-text)}.lr-ic.t-neg{background:var(--neg-bg);color:var(--neg-text)}.lr-ic.t-info{background:var(--info-bg);color:var(--info-text)}
.lr-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lr-t{display:block;color:var(--text);font-size:var(--fs-md);line-height:20px;font-weight:500;overflow-wrap:anywhere}
a.lr-t:hover{text-decoration:none;color:var(--accent-text)}
a.lr-t::after{content:"";position:absolute;inset:0;border-radius:inherit}
a.lr-t:focus-visible{outline:0}
.lr-s{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:12px;line-height:17px;color:var(--text-3);min-width:0}
.lr-s>*{min-width:0;overflow-wrap:anywhere}
.lr-s .i{width:13px;height:13px;vertical-align:-2px}
.lr-x{font-size:var(--fs-sm);line-height:19px;color:var(--text-2);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lr-b{flex:none;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.lr-a{flex:none;display:flex;align-items:center;gap:2px;position:relative;z-index:1}
.lr-a form{display:inline-flex}
.lr :is(.lr-s a,.lr-b a,.lr-x a){position:relative;z-index:1}
.lr.unread .lr-t{font-weight:600}
.lr.unread::before{content:"";position:absolute;left:5px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--accent)}
.lr.off .lr-t{color:var(--text-3)}
.lr.off .lr-ic{opacity:.6}
@media (max-width:639px){
  .lr{align-items:flex-start;padding:12px 12px 12px 14px;gap:10px}
  .lr-ic{width:32px;height:32px;border-radius:var(--r-sm)}
  .lr-b.dk{display:none}
  .lr-a{margin:-6px -6px -6px 0}
}
@media (min-width:640px){.lr-b.mb{display:none}}
.kebab>summary{width:36px;height:36px;color:var(--text-3)}
.kebab>summary .i{width:18px;height:18px}
.kebab .menu-p{min-width:220px}
.kebab .menu-p form{display:block}
.kebab .menu-p .danger,.kebab .menu-p .danger .i{color:var(--neg-text)}
.kebab .menu-h{display:none}
@media (max-width:1023px),(pointer:coarse){.kebab>summary{width:44px;height:44px}}
@media (max-width:767px){
  .kebab[open]::before{content:"";position:fixed;inset:0;z-index:84;background:var(--overlay);animation:fade var(--dur) var(--ease)}
  .kebab .menu-p{position:fixed;left:0;right:0;top:auto;bottom:0;z-index:85;min-width:0;width:auto;padding:8px 8px calc(10px + env(safe-area-inset-bottom));border-radius:var(--r-2xl) var(--r-2xl) 0 0;animation:sheetup var(--dur) var(--ease-out);max-height:80dvh;overflow-y:auto}
  .kebab .menu-p>:not(hr),.kebab .menu-p form>button{min-height:48px;font-size:var(--fs-lg)}
  .kebab .menu-h{display:flex!important;align-items:center;min-height:40px!important;padding:4px 10px!important;font-weight:600;color:var(--text-2)!important;font-size:var(--fs-sm)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}
  .kebab .menu-h:hover{background:none!important}
}
.ft{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:40px;border-radius:8px;font:600 10px/1 var(--font);letter-spacing:.03em;background:var(--surface-2);color:var(--text-2);box-shadow:inset 0 0 0 1px color-mix(in oklch,currentColor 14%,transparent);position:relative}
.ft::before{content:"";position:absolute;top:0;right:0;width:10px;height:10px;border-radius:0 8px 0 4px;background:color-mix(in oklch,currentColor 16%,transparent)}
.ft.pdf{background:var(--neg-bg);color:var(--neg-text)}.ft.doc{background:var(--info-bg);color:var(--info-text)}
.ft.xls{background:var(--pos-bg);color:var(--pos-text)}.ft.img{background:var(--accent-soft);color:var(--accent-text)}.ft.zip{background:var(--warn-bg);color:var(--warn-text)}
@media (max-width:639px){.ft{width:32px;height:36px}}
.bn-s{display:none}
@media (max-width:639px){
  .banner.cmp{align-items:center;padding:8px 10px 8px 12px;font-size:var(--fs-sm);line-height:18px}
  .banner.cmp .bn-l{display:none}
  .banner.cmp .bn-s{display:inline}
  .banner.cmp>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .banner.cmp a{margin-left:auto;display:inline-flex;align-items:center;min-height:32px}
}
.set-sw{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 12px;margin:0 0 14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-xs);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.set-sw .lr-ic{width:32px;height:32px}
.set-sw b{display:block;font-weight:600;font-size:var(--fs-lg);line-height:20px}
.set-sw small{display:block;font-size:12px;color:var(--text-3);line-height:16px}
.set-sw>span:nth-child(2){flex:1;min-width:0}
.set-sw .chev{color:var(--text-3)}
.set-sw:hover{border-color:var(--border-strong)}
.set-nav-l{padding:0 8px 8px}
.set-nav-l .ml small{display:block;font-size:12px;font-weight:400;color:var(--text-3);line-height:16px}
.set-nav-l .ml>span{flex:1;min-width:0}
.set-nav-l .ml.t-danger,.set-nav-l .ml.t-danger .i{color:var(--neg-text)}
.sec-grid>.tabs.set-tabs{display:none}
@media (min-width:1024px){.set-sw{display:none}.sec-grid>.tabs.set-tabs{display:flex}}
.set-hero{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;margin:0 0 12px;border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(135deg,color-mix(in oklch,var(--accent-soft) 70%,var(--surface)),var(--surface) 70%);box-shadow:var(--sh-xs)}
.set-hero .av-sq{width:44px;height:44px;border-radius:12px;font-size:15px}
.set-hero-m{flex:1 1 220px;min-width:0}
.set-hero-m b{display:block;font-size:var(--fs-xl);line-height:24px;font-weight:600;overflow-wrap:anywhere}
.set-hero-m small{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:var(--fs-sm);color:var(--text-3);margin-top:4px}
.fgrp{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 24px;padding:18px 0;border-top:1px solid var(--border)}
.fgrp:first-of-type{border-top:0;padding-top:4px}
.fgrp-h b{display:block;font-size:var(--fs-md);font-weight:600}
.fgrp-h p{font-size:var(--fs-sm);line-height:18px;color:var(--text-3);margin-top:2px}
@media (min-width:1200px){.fgrp{grid-template-columns:220px minmax(0,1fr)}.fgrp-h{padding-top:2px}}
.fgrp .fm-f:last-child{margin-bottom:0}
.tchips{display:flex;flex-wrap:wrap;gap:6px}
.tchips label{position:relative;display:inline-flex}
.tchips input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:pointer}
.tchips span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface);color:var(--text-2);font-size:var(--fs-sm);font-weight:500;user-select:none;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.tchips label:hover span{border-color:color-mix(in oklch,var(--border-strong) 50%,var(--text-3));color:var(--text)}
.tchips input:checked+span{background:var(--accent-soft);border-color:color-mix(in oklch,var(--accent) 45%,transparent);color:var(--accent-text)}
.tchips input:checked+span::before{content:"";width:5px;height:9px;margin:-3px 2px 0 0;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tchips input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}
@media (max-width:1023px),(pointer:coarse){.tchips span{min-height:44px;padding:0 14px}}
.fm .dirty-l{display:none;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--text-2);font-weight:500}
.fm .dirty-l::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--warn)}
.fm.dirty>.fm-bar,.fm.dirty .fm-bar.savebar{position:sticky;bottom:12px;z-index:30;padding:10px 12px;margin:12px -4px 0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--glass-strong);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);box-shadow:var(--sh-lg);animation:pop var(--dur) var(--ease-out)}
.fm.dirty .dirty-l{display:inline-flex}
.fm.dirty>.fm-bar .dirty-l{margin-right:auto}
@media (max-width:1023px){.fm.dirty>.fm-bar,.fm.dirty .fm-bar.savebar{bottom:calc(var(--bnav-h) + env(safe-area-inset-bottom) + 8px)}}
@media (max-width:639px){.fm.dirty>.fm-bar{flex-wrap:nowrap}.fm.dirty>.fm-bar .dirty-l{display:none}.fm.dirty>.fm-bar .btn{flex:1 1 0}}
.fm-f .fm-e.live{animation:pop var(--dur-fast) var(--ease-out)}
.cfm-body{padding:2px 20px 20px;display:flex;flex-direction:column;gap:14px}
.cfm-ic{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-text)}
.cfm-ic.neg{background:var(--neg-bg);color:var(--neg-text)}
.cfm-ic .i{width:22px;height:22px}
.cfm-t{font-size:var(--fs-lg);line-height:23px;color:var(--text);overflow-wrap:anywhere}
.cfm-b{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:767px){.cfm-b{flex-direction:column-reverse}.cfm-b .btn{width:100%;min-height:48px}}
.err{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:560px;margin:4vh auto 0;padding:8px 4px 24px}
.err .illus{width:176px;height:128px;color:var(--accent)}
.err-code{font:600 13px/1 var(--font);letter-spacing:.12em;color:var(--accent-text);padding:6px 10px;border-radius:var(--r-full);background:var(--accent-soft)}
.err h2{font-size:26px;line-height:32px;letter-spacing:-.022em}
.err p{color:var(--text-2);font-size:var(--fs-lg);line-height:24px;max-width:460px}
.err-a{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}
.err-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border);width:100%;font-size:var(--fs-sm)}
.err-links a{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--text-2);font-weight:500}
.err-links a:hover{color:var(--text);text-decoration:none}
.err-links .i{width:16px;height:16px;color:var(--text-3)}
.err-id{font:500 12px/1 var(--mono);color:var(--text-3)}
.auth-card.err{margin-top:0;align-items:flex-start;text-align:left;padding:0}
.auth-card.err .err-a,.auth-card.err .err-links{justify-content:flex-start}
@media (max-width:639px){.err{margin-top:2vh}.err h2{font-size:22px;line-height:28px}.err-a .btn{flex:1 1 auto}}
.doc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media (min-width:1100px){.doc-grid{grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.doc-side{position:sticky;top:84px}}
.doc-drop{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);background:color-mix(in oklch,var(--surface) 70%,transparent);color:var(--text-2);font-size:var(--fs-sm);line-height:18px;cursor:pointer;width:100%;text-align:left;font:inherit}
.doc-drop:hover{border-color:var(--accent);background:color-mix(in oklch,var(--accent-soft) 40%,var(--surface))}
.doc-drop .lr-ic{background:var(--accent-soft);color:var(--accent-text)}
.doc-drop b{display:block;color:var(--text);font-size:var(--fs-md)}
.doc-drop>span:last-child{flex:1;min-width:0}
.facts-side .fact-list{grid-template-columns:minmax(0,1fr)!important}
.kchips{margin-bottom:14px}
.doc-sec{scroll-margin-top:84px}
.role-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.role-c{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.role-c b{display:block;font-size:var(--fs-md);font-weight:600}.role-c small{display:block;font-size:var(--fs-sm);line-height:18px;color:var(--text-3);margin-top:2px}
.role-c .lr-ic{width:32px;height:32px}
.seat{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-3)}
.seat .prog{flex:1 1 120px;margin:0;max-width:240px}
.lr .tgl{margin:0}
.src-tools{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.ntf-day{position:sticky;top:var(--top-h);z-index:2}
@media (min-width:1024px){.ntf-day{top:60px}}
.alog .lr{min-height:54px}
.alog .lr-ic{width:32px;height:32px}
.alog-more{display:flex;justify-content:center;padding:8px}
.adt{font-size:var(--fs-sm)}
.adt th,.adt td{padding:8px 10px}
.adt tbody th a{max-width:280px}
.adt .org-n small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.adt td .badge{height:20px;line-height:20px;font-size:11px;padding:0 6px}
.adt .act{text-align:right;white-space:nowrap}
@media (min-width:1400px){
  .tblp.st{overflow:visible}.tblp.st .tbl-s{overflow:visible}
  .tblp.st thead th{top:60px;z-index:3}
  .tblp.st thead th:first-child{border-top-left-radius:var(--r-lg)}.tblp.st thead th:last-child{border-top-right-radius:var(--r-lg)}
}
@media (max-width:639px){.adt .act{justify-content:flex-start!important}}
.atabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
.atabs::-webkit-scrollbar{display:none}
@media (min-width:1024px){.atabs{margin:0 0 20px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}}
.org-sheet .sheet-body h4{font-size:var(--fs-sm);font-weight:600;color:var(--text-2);margin:14px 0 8px}
.org-sheet .sheet-body h4:first-child{margin-top:0}
.org-sheet .org-f .input{flex:1 1 120px}
.qbar{display:flex;flex-direction:column;gap:2px;min-width:90px}
.qbar .prog{margin-top:2px;height:4px}
.kbd-l{display:flex;flex-direction:column;padding:0 20px 20px}
.kbd-r{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;border-top:1px solid var(--border);font-size:var(--fs-md)}
.kbd-r:first-child{border-top:0}
.kbd-r span:last-child{display:inline-flex;gap:4px;flex:none}
.skw-35{width:35%}.skw-60{width:60%}.skw-70{width:70%}.skw-78{width:78%}.skw-85{width:85%}.skw-92{width:92%}
.mono-s{font:500 11px/1.4 var(--mono);color:var(--text-3);overflow-wrap:anywhere}
.danger-z{border-color:color-mix(in oklch,var(--neg) 35%,var(--border))}
.danger-z .panel-h :is(h2,h3,.i){color:var(--neg-text)}
.ex-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 14px}
@media (min-width:640px){.ex-kv{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ex-kv>div{padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2)}
.ex-kv dt{font-size:12px;color:var(--text-3)}.ex-kv dd{margin:2px 0 0;font-size:var(--fs-xl);font-weight:600;font-variant-numeric:tabular-nums}
.ntf-tabs{margin-bottom:12px}
.dk-only{display:none!important}@media (min-width:768px){.dk-only{display:inline-flex!important}.mb-only{display:none!important}}
.doc-drop.drag{border-color:var(--accent);background:var(--accent-soft)}
.pw-0{width:0%}.pw-1{width:1%}.pw-2{width:2%}.pw-3{width:3%}.pw-4{width:4%}.pw-5{width:5%}.pw-6{width:6%}.pw-7{width:7%}.pw-8{width:8%}.pw-9{width:9%}.pw-10{width:10%}.pw-11{width:11%}.pw-12{width:12%}.pw-13{width:13%}.pw-14{width:14%}.pw-15{width:15%}.pw-16{width:16%}.pw-17{width:17%}.pw-18{width:18%}.pw-19{width:19%}.pw-20{width:20%}.pw-21{width:21%}.pw-22{width:22%}.pw-23{width:23%}.pw-24{width:24%}.pw-25{width:25%}.pw-26{width:26%}.pw-27{width:27%}.pw-28{width:28%}.pw-29{width:29%}.pw-30{width:30%}.pw-31{width:31%}.pw-32{width:32%}.pw-33{width:33%}.pw-34{width:34%}.pw-35{width:35%}.pw-36{width:36%}.pw-37{width:37%}.pw-38{width:38%}.pw-39{width:39%}.pw-40{width:40%}.pw-41{width:41%}.pw-42{width:42%}.pw-43{width:43%}.pw-44{width:44%}.pw-45{width:45%}.pw-46{width:46%}.pw-47{width:47%}.pw-48{width:48%}.pw-49{width:49%}.pw-50{width:50%}.pw-51{width:51%}.pw-52{width:52%}.pw-53{width:53%}.pw-54{width:54%}.pw-55{width:55%}.pw-56{width:56%}.pw-57{width:57%}.pw-58{width:58%}.pw-59{width:59%}.pw-60{width:60%}.pw-61{width:61%}.pw-62{width:62%}.pw-63{width:63%}.pw-64{width:64%}.pw-65{width:65%}.pw-66{width:66%}.pw-67{width:67%}.pw-68{width:68%}.pw-69{width:69%}.pw-70{width:70%}.pw-71{width:71%}.pw-72{width:72%}.pw-73{width:73%}.pw-74{width:74%}.pw-75{width:75%}.pw-76{width:76%}.pw-77{width:77%}.pw-78{width:78%}.pw-79{width:79%}.pw-80{width:80%}.pw-81{width:81%}.pw-82{width:82%}.pw-83{width:83%}.pw-84{width:84%}.pw-85{width:85%}.pw-86{width:86%}.pw-87{width:87%}.pw-88{width:88%}.pw-89{width:89%}.pw-90{width:90%}.pw-91{width:91%}.pw-92{width:92%}.pw-93{width:93%}.pw-94{width:94%}.pw-95{width:95%}.pw-96{width:96%}.pw-97{width:97%}.pw-98{width:98%}.pw-99{width:99%}.pw-100{width:100%}
.av.c.hue-0{--h:0}.av.c.hue-1{--h:30}.av.c.hue-2{--h:60}.av.c.hue-3{--h:90}.av.c.hue-4{--h:120}.av.c.hue-5{--h:150}.av.c.hue-6{--h:180}.av.c.hue-7{--h:210}.av.c.hue-8{--h:240}.av.c.hue-9{--h:270}.av.c.hue-10{--h:300}.av.c.hue-11{--h:330}
.src-off-s{min-height:44px;display:flex;align-items:center;padding:10px 14px;cursor:pointer;font-weight:600}.src-actions{display:flex;gap:6px;align-items:center}.src-actions .ib{min-width:44px;min-height:44px}.adm-src-tools{flex-wrap:wrap;gap:8px}.fm-checks{display:flex;flex-wrap:wrap;gap:6px 14px}.fm-checks .chk{display:inline-flex;align-items:center;gap:2px;min-height:44px;cursor:pointer}.fm-checks input{appearance:none;-webkit-appearance:none;width:44px;height:44px;margin:0;border:0;background:none;cursor:pointer;position:relative}.fm-checks input::before{content:"";position:absolute;left:12px;top:12px;width:18px;height:18px;border:1.5px solid var(--border,#9aa);border-radius:5px;background:var(--surface,#fff)}.fm-checks input:checked::before{background:var(--accent,#2563eb);border-color:var(--accent,#2563eb)}.fm-checks input:checked::after{content:"";position:absolute;left:19px;top:15px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.fm-checks input:focus-visible{outline:2px solid var(--accent,#2563eb);outline-offset:-6px;border-radius:8px}.tabs-sm a{min-height:44px}@media(max-width:600px){.src-row{flex-wrap:wrap}.src-row .row-a{width:100%;justify-content:flex-end}}
.w-64{width:64px!important}.w-76{width:76px!important}.w-90{width:90px!important}.w-100{width:100px!important}.w-120{width:120px!important}.w-150{width:150px!important}.w-160{width:160px!important}.w-180{width:180px!important}
.maxw-220{max-width:220px!important}.maxw-260{max-width:260px!important}.d-block{display:block!important}.m-in{margin:8px 12px 12px!important}
.ty-30{font-size:30px;line-height:36px;font-weight:600;letter-spacing:-.03em}.ty-24{font-size:24px;line-height:30px;font-weight:600;letter-spacing:-.022em}.ty-20{font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.016em}.ty-17{font-size:17px;font-weight:600}
.g-280{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}
.bar-t i.neg{background:var(--neg)}
.swc-bg{background:var(--bg)}.swc-surface{background:var(--surface)}.swc-surface-2{background:var(--surface-2)}.swc-surface-3{background:var(--surface-3)}.swc-border{background:var(--border)}.swc-border-strong{background:var(--border-strong)}.swc-text{background:var(--text)}.swc-text-2{background:var(--text-2)}.swc-text-3{background:var(--text-3)}.swc-accent{background:var(--accent)}.swc-accent-soft{background:var(--accent-soft)}.swc-accent-text{background:var(--accent-text)}.swc-pos{background:var(--pos)}.swc-pos-bg{background:var(--pos-bg)}.swc-warn{background:var(--warn)}.swc-warn-bg{background:var(--warn-bg)}.swc-neg{background:var(--neg)}.swc-neg-bg{background:var(--neg-bg)}.swc-info{background:var(--info)}.swc-info-bg{background:var(--info-bg)}
.kpi-v small{font-size:var(--fs-sm);font-weight:500;letter-spacing:0}
.dk-flex{display:none!important}.mb-only-flex{display:flex}
@media (min-width:768px){.dk-flex{display:flex!important}.mb-only-flex{display:none!important}}
.ev-filt-f>*{width:100%;margin-bottom:12px}
@media (min-width:768px){.actbar.stk{position:sticky;bottom:16px;z-index:30;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--glass-strong);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);box-shadow:var(--sh-lg)}}
.w9-asg-f{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}
@media (max-width:399px){.w9-asg-f .input{min-width:0;flex:1 1 100%}}
@media (min-width:1024px){.atabs{gap:0}.atabs a{padding:0 9px}.atabs a .i{display:none}}

/* ---- parts/v1.css ---- */
/* V1 · джерела: групи за типом донора на /sources, «Чому вам», матриця покриття /admin/coverage */
.v1-prof{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
.v1-prof-l{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:var(--fs-sm);font-weight:500;margin-right:2px}
.v1-prof-l .i{width:15px;height:15px}
.v1-prof-a{margin-left:auto;font-size:var(--fs-sm);min-height:32px;display:inline-flex;align-items:center}
.v1-jump{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.v1-jump .chip{min-height:36px}
.v1-jump.v1-wrap{flex-wrap:wrap;overflow:visible;min-width:0}
.v1-grp{margin:0 0 var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-xs);scroll-margin-top:calc(var(--top-h) + 8px)}
.v1-grp>.lst{border:0;border-top:1px solid var(--border);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:none}
.v1-grp-s{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:48px;padding:8px 14px;cursor:pointer;list-style:none;border-radius:var(--r-lg)}
.v1-grp-s::-webkit-details-marker{display:none}
.v1-grp-s::before{content:"";width:8px;height:8px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:rotate(-45deg);transition:transform var(--dur-fast) var(--ease);flex:none}
.v1-grp[open]>.v1-grp-s::before{transform:rotate(45deg)}
.v1-grp-s:focus-visible{outline:none;box-shadow:var(--sh-ring)}
.v1-grp-t{font-weight:600;font-size:var(--fs-md);color:var(--text)}
.v1-grp-on{margin-left:auto;color:var(--text-3);font-size:var(--fs-sm)}
.v1-why{display:flex;align-items:flex-start;gap:6px;margin:2px 0 4px;color:var(--accent-text);font-size:var(--fs-sm);line-height:1.4}
.v1-why .i{width:14px;height:14px;flex:none;margin-top:2px}
.v1-cov-f{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:var(--sp-4)}
.v1-cov-fl{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-sm);color:var(--text-2);min-width:180px;flex:1 1 180px;max-width:280px}
.v1-cov-f .btn{min-height:40px}
.v1-appl{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
@media (max-width:640px){.v1-appl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v1-appl-c{padding:10px 12px}}
.v1-appl-c{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-xs)}
.v1-appl-c.bad{border-color:var(--warn);box-shadow:inset 3px 0 0 var(--warn)}
.v1-appl-c .badge{align-self:flex-start}
.v1-appl-t{font-weight:600;color:var(--text)}
.v1-appl-n{font-size:var(--fs-sm);color:var(--text-2);font-variant-numeric:tabular-nums}
.v1-appl-s{font-size:var(--fs-xs);color:var(--text-3)}
.v1-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:8px;font-size:var(--fs-xs);color:var(--text-2)}
.v1-lg{display:inline-flex;align-items:center;gap:6px}
.v1-lg::before{content:"";width:12px;height:12px;border-radius:3px;border:1px solid var(--border)}
.v1-lg.c0::before{background:var(--neg-bg);border-color:var(--neg)}
.v1-lg.c1::before{background:var(--warn-bg);border-color:var(--warn)}
.v1-lg.c2::before{background:var(--surface-2)}
.v1-lg.c3::before{background:var(--pos-bg);border-color:var(--pos)}
.v1-cov-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);-webkit-overflow-scrolling:touch}
.v1-cov-wrap:focus-visible{outline:none;box-shadow:var(--sh-ring)}
.v1-cov{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
.v1-cov th,.v1-cov td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}
.v1-cov thead th{position:sticky;top:0;background:var(--surface-2);color:var(--text-2);font-weight:500;font-size:var(--fs-xs);z-index:1}
.v1-cov thead th small{display:block;font-weight:400;color:var(--text-3)}
.v1-cov .v1-cov-h0{position:sticky;left:0;background:var(--surface);text-align:left;font-weight:500;color:var(--text);min-width:150px;z-index:2;border-right:1px solid var(--border)}
.v1-cov thead .v1-cov-h0{background:var(--surface-2);z-index:3}
.v1-cov .v1-cov-h0 small{display:block;color:var(--text-3);font-weight:400;font-size:var(--fs-xs)}
.v1-cov td b{display:block;font-size:var(--fs-md);font-weight:600;color:var(--text)}
.v1-cov td span{display:block;font-size:var(--fs-xs);color:var(--text-3)}
.v1-cov td.c0{background:var(--neg-bg)}
.v1-cov td.c0 b{color:var(--neg-text)}
.v1-cov td.c1{background:var(--warn-bg)}
.v1-cov td.c1 b{color:var(--warn-text)}
.v1-cov td.c3{background:var(--pos-bg)}
.v1-cov td.c3 b{color:var(--pos-text)}
.v1-cov tbody tr:last-child th,.v1-cov tbody tr:last-child td{border-bottom:0}
.v1-donors{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:640px){
 .v1-prof-a{margin-left:0}
 .v1-cov-fl{max-width:none}
 .v1-grp-on{display:none}
 .v1-cov .v1-cov-h0{min-width:118px}
}

/* ---- parts/v2b.css ---- */
/* V2B: мультизавантаження (.up), сценарій подання (.sbm), перевірка (.vfy), карта форми (.fm-*, .fmf), закладка (.bm-*, .cap-*).
   Лише токени дизайн-системи 2.0; телефон — пріоритет (цілі ≥ 44 px, sticky-дії через .actbar, без горизонтального скролу від 320 px). */
.up{display:flex;flex-direction:column;gap:10px;min-width:0}
.up-zone{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px;border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface-2);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}
.up-zone.drag,.up-zone:focus-within{border-color:var(--accent);background:var(--accent-soft)}
.up-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-md);background:var(--surface);color:var(--accent-text);box-shadow:var(--sh-xs);flex:none}
.up-ic .i{width:20px;height:20px}
.up-zt{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0}
.up-zt b{font-weight:600;color:var(--text)}
.up-zt small{color:var(--text-2);font-size:var(--fs-sm);line-height:1.4}
.up-kbd kbd,.vfy-how kbd,.fm-steps kbd,.bm-grid kbd,.bm-b kbd{font:inherit;font-size:12px;padding:1px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--r-xs);background:var(--surface);color:var(--text)}
.up-btns{display:flex;gap:8px;flex-wrap:wrap}
.up-btns .btn{min-height:44px;cursor:pointer}
.up-btns label.btn:focus-within{box-shadow:0 0 0 3px var(--ring)}
@media (min-width:768px) and (hover:hover) and (pointer:fine){.up-cam{display:none!important}.up-zone{padding:20px}}
@media (max-width:767px),(hover:none){.up-kbd{display:none!important}}
.up-uz{margin:0}
.up-sum{margin:0;color:var(--text-2)}
.up-q{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.up-q:empty{display:none}
.up-it{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-xs);min-width:0}
.up-it[data-st="err"]{border-color:var(--neg);background:var(--neg-bg)}
.up-it[data-st="ok"] .up-s{color:var(--pos-text)}
.up-it[data-st="err"] .up-s{color:var(--neg-text)}
.up-it[data-st="cancel"]{opacity:.7}
.up-th{width:48px;height:48px;border-radius:var(--r-sm);overflow:hidden;flex:none;background:var(--surface-3);display:flex;align-items:center;justify-content:center}
.up-th img{width:100%;height:100%;object-fit:cover}
.up-th-x{font-size:11px;font-weight:600;color:var(--text-2);letter-spacing:.02em}
.up-m{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}
.up-n{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.up-s{color:var(--text-2);font-size:var(--fs-sm)}
.up-pr{width:100%;height:6px;-webkit-appearance:none;appearance:none;border:0;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}
.up-pr::-webkit-progress-bar{background:var(--surface-3);border-radius:var(--r-full)}
.up-pr::-webkit-progress-value{background:var(--accent);border-radius:var(--r-full);transition:width var(--dur) var(--ease)}
.up-pr::-moz-progress-bar{background:var(--accent);border-radius:var(--r-full)}
.up-note{display:block;margin-top:2px}
.up-note .input{width:100%;min-height:40px}
.up-a{display:flex;flex-direction:column;gap:6px;flex:none}
.up-a .btn{min-height:40px}
.up-it-s{align-items:center}
.up-done{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;color:var(--pos-text);font-size:var(--fs-sm)}
.up-done .i{width:16px;height:16px}
.up-done .lnk{min-height:44px}
.up-form .up-zone{padding:14px}
.w9-upl{margin-top:14px}
@media (max-width:479px){
  .up-zone{gap:10px;padding:14px}
  .up-btns{width:100%}.up-btns .btn{flex:1 1 0;justify-content:center}
  .up-it{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 12px}.up-a{grid-column:1/-1;flex-direction:row;justify-content:flex-end}
}
@media (max-width:767px){.up-a .btn{min-height:44px}}
.sbm{display:flex;flex-direction:column;gap:16px;padding:18px}
.sbm-h{display:flex;align-items:flex-start;gap:14px;min-width:0}
.sbm-ic{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r-lg);background:var(--accent-soft);color:var(--accent-text);flex:none}
.sbm-ic .i{width:22px;height:22px}
.sbm-ic.tq,.sbm-ic.t0{background:var(--warn-bg);color:var(--warn-text)}
.sbm-ic.t7{background:var(--info-bg);color:var(--info-text)}
.sbm-ht{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.sbm-eyebrow{margin:0;font-size:var(--fs-xs);font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}
.sbm-ht b{font-size:var(--fs-xl);line-height:1.25;font-weight:600;letter-spacing:-.01em}
.sbm-subt{font-weight:500;color:var(--text-2);font-size:var(--fs-md)}
.sbm-ht small{color:var(--text-2);font-size:var(--fs-sm)}
.sbm-chg{flex:none;min-height:44px}
.sbm-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sbm-addr{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;padding:2px 2px 2px 10px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-2);font-size:var(--fs-sm)}
.sbm-addr>.i{width:15px;height:15px;color:var(--text-3);flex:none}
.sbm-addr .trunc{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sbm-addr .ib{width:36px;height:36px}
@media (hover:none),(pointer:coarse),(max-width:1023px){.sbm-addr .ib{width:44px;height:44px}}
.sbm-ev summary{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:var(--text-2);cursor:pointer}
.sbm-ev ul{margin:4px 0 0;padding-left:18px;color:var(--text-2)}
.sbm-warn{margin:0!important}
.sbm-next{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid color-mix(in oklch,var(--accent) 22%,transparent)}
.sbm-next-l{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-text)}
.sbm-next b{flex:1 1 200px;min-width:0;font-weight:600}
.sbm-next .btn{min-height:44px}
.sbm-next.ok{background:var(--pos-bg);border-color:transparent;color:var(--pos-text)}
.sbm-next.ok .i{width:18px;height:18px}
.sbm-cols{display:grid;grid-template-columns:1fr;gap:18px}
@media (min-width:1100px){.sbm-cols{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
.sbm-col{min-width:0}
.sbm-sys{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.sbm-sys li{display:flex;gap:10px;align-items:flex-start;color:var(--text-2);font-size:var(--fs-md);line-height:1.4}
.sbm-sys li.ok{color:var(--text)}
.sbm-sd{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--surface-3);color:var(--text-3);flex:none;margin-top:1px}
.sbm-sd .i{width:13px;height:13px}
.sbm-sys li.ok .sbm-sd{background:var(--pos-bg);color:var(--pos-text)}
.sbm-fm{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:56px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);text-decoration:none}
.sbm-fm:hover{border-color:var(--border-strong);background:var(--surface)}
.sbm-fm>span{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.sbm-fm small{color:var(--text-2)}
.sbm-fm>.i{flex:none;color:var(--text-3)}
.sbm-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;counter-reset:s}
.sbm-steps>li{display:flex;gap:12px;padding:10px 0;position:relative}
.sbm-steps>li:not(:last-child)::after{content:"";position:absolute;left:13px;top:42px;bottom:-4px;width:2px;background:var(--border)}
.sbm-n{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--surface);font-size:var(--fs-sm);font-weight:600;color:var(--text-2);flex:none;position:relative;z-index:1}
.sbm-n .i{width:15px;height:15px}
.sbm-steps>li.done .sbm-n{background:var(--pos);border-color:var(--pos);color:var(--on-accent)}
.sbm-steps>li.cur .sbm-n{border-color:var(--accent);color:var(--accent-text);box-shadow:0 0 0 4px var(--accent-soft)}
.sbm-st{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}
.sbm-st>b{font-weight:600;line-height:1.35}
.sbm-steps>li.done .sbm-st>b{color:var(--text-2)}
.sbm-st>small{color:var(--text-2);font-size:var(--fs-sm);line-height:1.4}
.sbm-btns{display:flex;gap:8px;flex-wrap:wrap}
.sbm-btns{align-items:center}
.sbm-btns .btn,.sbm-btns form .btn{min-height:44px}
.sbm-btns .sbm-ckf{margin:0}
.sbm-ways{display:flex;flex-wrap:wrap;gap:6px}
.sbm-ways .chip{white-space:normal;min-height:30px;font-size:var(--fs-xs)}
.sbm-ckf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.sbm-note{max-width:220px;min-height:44px}
.sbm-ck{display:inline-flex;align-items:flex-start;gap:10px;min-height:44px;padding:8px 12px 8px 8px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;max-width:100%}
.sbm-ck:hover:not(:disabled){border-color:var(--border-strong)}
.sbm-ck:disabled{cursor:default;opacity:.75}
.sbm-box{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--r-xs);border:1.5px solid var(--border-strong);background:var(--surface);color:transparent;flex:none;margin-top:2px;transition:background var(--dur-fast) var(--ease)}
.sbm-box .i{width:15px;height:15px}
.sbm-ck[aria-pressed="true"] .sbm-box{background:var(--pos);border-color:var(--pos);color:var(--on-accent)}
.sbm-ck[aria-pressed="true"]{background:var(--pos-bg);border-color:transparent}
.sbm-ck.warn[aria-pressed="false"]{border-color:var(--neg)}
.sbm-ckt{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.35;padding-top:3px}
.sbm-ckt small{color:var(--text-2);font-size:var(--fs-xs)}
.sbm-st .sbm-ck{align-self:flex-start;min-height:40px;padding:6px 12px 6px 8px;font-size:var(--fs-sm)}
.sbm-st .sbm-box{width:22px;height:22px;margin-top:0}
.sbm-st .sbm-ckt{padding-top:1px}
@media (max-width:1023px),(pointer:coarse){.sbm-st .sbm-ck{min-height:44px}}
.w9-actbar .w9-more-m{min-width:44px}
.sbm-chk{border-top:1px solid var(--border);padding-top:16px}
.sbm-cl{display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:900px){.sbm-cl{grid-template-columns:1fr 1fr}}
.sbm-cl .sbm-ckf,.sbm-cl .sbm-ck{width:100%}
.sbm-ex{display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}
.sbm-ex>.i{flex:none;width:16px;height:16px;margin-top:2px;color:var(--text-3)}
.sbm-q p{margin:0 0 6px}
.sbm-pick{display:flex;flex-direction:column;gap:14px}
.sbm-pk{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px;min-width:0}
@media (min-width:640px){.sbm-pk{grid-template-columns:1fr 1fr}}
.sbm-pc{display:flex;gap:12px;align-items:flex-start;padding:12px;min-height:44px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;position:relative;min-width:0}
.sbm-pc:hover{border-color:var(--border-strong)}
.sbm-pc input{position:absolute;opacity:0;width:1px;height:1px}
.sbm-pc:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.sbm-pc:has(input:focus-visible){box-shadow:0 0 0 3px var(--ring)}
.sbm-pci{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);background:var(--surface-2);color:var(--text-2);flex:none}
.sbm-pct{display:flex;flex-direction:column;gap:2px;min-width:0}
.sbm-pct small{color:var(--text-2);font-size:var(--fs-sm);line-height:1.35}
.sbm-pct em{font-style:normal;color:var(--text-3);font-size:var(--fs-xs);line-height:1.35}
@media (max-width:479px){.sbm{padding:14px;gap:14px}.sbm-ic{width:40px;height:40px}.sbm-ht b{font-size:var(--fs-lg)}.sbm-h{flex-wrap:wrap}.sbm-chg{margin-left:auto}}
.vfy{display:flex;flex-direction:column;gap:14px;padding:18px}
.vfy-how{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--text-2);line-height:1.5}
.vfy-how b{color:var(--text)}
.vfy-pd{display:flex;gap:8px;align-items:flex-start;margin:0}
.vfy-pd .i{flex:none;width:15px;height:15px;margin-top:2px}
.vfy-sum{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);text-decoration:none}
.vfy-sum:hover{border-color:var(--border-strong)}
.vfy-n{display:flex;flex-direction:column;justify-content:center;padding:8px 14px;border-radius:var(--r-sm);background:var(--surface);min-width:96px;flex:1 1 0}
.vfy-n b{font-size:var(--fs-2xl);line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums}
.vfy-n small{color:var(--text-2);font-size:var(--fs-xs)}
.vfy-n.crit b{color:var(--neg-text)}.vfy-n.warn b{color:var(--warn-text)}.vfy-n.ok b{color:var(--pos-text)}
.vfy-go{display:inline-flex;align-items:center;gap:4px;padding:0 10px;min-height:44px;align-self:center;color:var(--accent-text);font-weight:500}
.vfy-kpi{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.vfy-kpi .vfy-n{border:1px solid var(--border);box-shadow:var(--sh-xs)}
.vfy-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vfy-r{padding:14px 16px;border:1px solid var(--border);border-left-width:4px;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-xs);min-width:0}
.vfy-r.crit{border-left-color:var(--neg)}.vfy-r.warn{border-left-color:var(--warn)}.vfy-r.ok{border-left-color:var(--pos)}
.vfy-rh{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.vfy-rh b{flex:1 1 220px;min-width:0;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.vfy-cmp{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
@media (min-width:768px){.vfy-cmp{grid-template-columns:1fr 1fr}}
.vfy-cmp>div{padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2);min-width:0}
.vfy-cmp small{display:block;color:var(--text-3);font-size:var(--fs-xs);margin-bottom:4px}
.vfy-cmp p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-sm)}
.vfy-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.vfy-a .btn{min-height:44px}
.fm-kpis{margin-bottom:16px}
.fm-how{padding:18px;margin-bottom:12px}
.fm-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;line-height:1.5;color:var(--text-2)}
.fm-steps b{color:var(--text)}
.fm-ways{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:900px){.fm-ways{grid-template-columns:1fr 1fr}.fm-ways>.fm-way:first-child{grid-column:1/-1}}
.fm-way{padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.fm-way .w9-h3{margin:0}
.fm-way .hint{margin:0}
.fm-way .btn{align-self:flex-start;min-height:44px}
.fm-quota{display:flex;gap:6px;align-items:flex-start}
.fm-caps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.fm-cap{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden;box-shadow:var(--sh-xs);min-width:0}
.fm-cap-i{display:block;aspect-ratio:3/4;background:var(--surface-3);overflow:hidden}
.fm-cap-i img{width:100%;height:100%;object-fit:cover;object-position:top}
.fm-cap-f{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-2);font-weight:600;text-decoration:none}
.fm-cap-f .i{width:28px;height:28px}
.fm-cap-m{display:flex;flex-direction:column;padding:8px 10px 0;min-width:0}
.fm-cap-m small{color:var(--text-2);font-size:var(--fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-cap-a{display:flex;justify-content:space-between;padding:4px}
.fm-cap-a .ib{width:44px;height:44px}
.fm-page{margin-bottom:20px}
.fm-ph{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:var(--fs-md);font-weight:600;margin:0 0 10px;color:var(--text)}
.fm-ph small{margin-left:auto;color:var(--text-3);font-weight:400;font-size:var(--fs-sm)}
.fmf-list{display:flex;flex-direction:column;gap:10px}
.fmf{padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-xs);display:flex;flex-direction:column;gap:8px;min-width:0;scroll-margin-top:calc(var(--top-h) + 16px)}
.fmf.need{border-left:4px solid var(--neg)}
.fmf.sus{border-color:var(--warn);background:var(--warn-bg)}
.fmf-h{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.fmf-k{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 6px;border-radius:6px;background:var(--surface-3);color:var(--text-2);font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;flex:none}
.fmf-l{flex:1 1 200px;min-width:0;margin:0;font-size:var(--fs-md);font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.fmf-m{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fmf-m .chip{min-height:26px;padding:0 10px;font-size:var(--fs-xs);white-space:normal}
.fmf-src{font-size:var(--fs-xs);color:var(--text-3)}
.fmf-src::before{content:"·";margin-right:6px}
.fmf-src.low{color:var(--warn-text)}
.fmf-help{margin:0}
.fmf-opts{margin:0;padding-left:18px;color:var(--text-2);font-size:var(--fs-sm);columns:2 220px;column-gap:24px}
.fmf-sus{margin:0!important}
.fmf-ans{padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2);display:flex;flex-direction:column;gap:8px}
.fmf-ans.over{background:var(--neg-bg)}
.fmf-at{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-md);line-height:1.5}
.fmf-aa{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}
.fmf-aa:empty{display:none}
.fmf-cnt{font-size:var(--fs-xs);color:var(--text-2);font-variant-numeric:tabular-nums}
.fmf-ans.over .fmf-cnt{color:var(--neg-text);font-weight:600}
.fmf-copy{min-height:44px}
.fmf-edit summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--accent-text);cursor:pointer}
.fmf-ef{display:flex;flex-direction:column;gap:10px;padding-top:6px}
.fmf-row{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:560px){.fmf-row{grid-template-columns:1.4fr 1fr 1fr}}
.fmf-live{display:block;margin-top:4px;color:var(--text-2);font-size:var(--fs-xs)}
.fmf-live.over{color:var(--neg-text);font-weight:600}
.fm-pgs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.fm-pgs a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600;text-decoration:none}
.fm-pgs a.done{background:var(--pos-bg);border-color:transparent;color:var(--pos-text)}
.fm-pgs a[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.fm-pt{font-size:var(--fs-lg);margin:0 0 12px}
.fm-stepbar,.fm-bar-c{margin-top:18px}
@media (max-width:767px){.fm-stepbar .btn,.fm-bar-c .btn{min-height:48px}.fm-bar-c>form{display:flex;flex:2 1 0;min-width:0}.fm-bar-c>form .btn{flex:1 1 0}}
.bm-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}
@media (min-width:900px){.bm-grid{grid-template-columns:1fr 1fr}}
.bm-grid>.panel{padding:18px;min-width:0}
.bm-drag{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 12px}
.bm-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:var(--r-full);background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none;box-shadow:var(--sh-md),var(--hl);cursor:grab;max-width:100%}
.bm-link:hover{background:var(--accent-hover);color:var(--on-accent)}
.bm-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bm-br{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:900px){.bm-br{grid-template-columns:1fr 1fr}}
.bm-b{padding:0 16px}
.bm-b summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;cursor:pointer}
.bm-b p{margin:0 0 14px;color:var(--text-2);line-height:1.5}
.bm-code{font-size:12px;word-break:break-all;min-height:88px}
.bm-trust{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:768px){.bm-trust{grid-template-columns:1fr 1fr}}
.bm-trust>.panel{padding:16px}
.bm-trust ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;color:var(--text-2)}
.cap-wrap{max-width:860px}
.cap-prev,.cap-form,.cap-paste{padding:18px;margin-bottom:14px}
.cap-h{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.cap-h b{font-size:var(--fs-lg);overflow-wrap:anywhere}
.cap-h small{color:var(--text-2)}
.cap-list{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto}
.cap-fm{display:flex;flex-direction:column;min-width:0}
.cap-fm b{font-weight:500;overflow-wrap:anywhere}
.cap-fm small{color:var(--text-2);font-size:var(--fs-xs)}
.cap-paste .w9-h3{margin-bottom:4px}
.cap-paste .btn{min-height:44px}

/* ---- parts/v2c.css ---- */
/* V2C/D2 — голос: мікрофон у полі (voice.js), стани, рядок стану, приватність, картка рішень */
.vc-wrap{position:relative;display:block;min-width:0}
.vc-wrap.vc-fx{flex:1 1 auto}
.vc-wrap>.vc-has,.vc-has-ic>.input{padding-right:42px}
.vc-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--r-full);background:transparent;color:var(--text-2);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.vc-ta>.vc-btn{top:auto;bottom:6px;right:6px;transform:none}
.vc-btn .i,.vc-chips-btn .i,.vc-dec-btn .i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.vc-chips-btn .i,.vc-dec-btn .i{width:16px;height:16px}
.vc-btn .vc-i-stop{fill:currentColor;stroke:none}
.vc-i-stop,.vc-i-spin,[data-state=listen]>.i:not(.vc-i-stop),[data-state=proc]>.i:not(.vc-i-spin){display:none}
[data-state=listen]>.vc-i-stop,[data-state=proc]>.vc-i-spin{display:block}
.vc-btn:hover{background:var(--surface-2);color:var(--text)}
.vc-btn:focus-visible{outline:none;box-shadow:var(--sh-ring)}
.vc-btn.on,.vc-btn[data-state=listen]{background:var(--neg);color:var(--on-neg)}
.vc-btn[data-state=proc]{color:var(--accent-text);background:var(--surface-2)}
.vc-btn[data-lvl="2"],.vc-btn[data-lvl="3"]{box-shadow:0 0 0 5px var(--neg-bg)}
.vc-btn[data-state=deny],.vc-btn[data-state=unsup]{color:var(--text-3)}
.vc-chips-btn{margin:0 0 8px}
.vc-chips-btn[data-state=listen]{background:var(--neg-bg);color:var(--neg-text);border-color:var(--neg)}
.vc-st{min-height:0;margin-top:4px;font-size:var(--fs-sm);line-height:18px;color:var(--text-2)}
.vc-st:empty{margin:0}
.vc-st.bad{color:var(--neg-text)}
.vc-st-tm{font-variant-numeric:tabular-nums;color:var(--neg-text);font-weight:500}
.vc-st-i{color:var(--text-3);font-style:italic;overflow-wrap:anywhere}
.vc-priv{margin-top:8px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--info-bg);color:var(--text);font-size:var(--fs-sm);line-height:19px}
.vc-priv p{margin:0 0 10px}
.vc-priv-a{display:flex;flex-wrap:wrap;gap:8px}
.vc-dec{margin:4px 0 12px}
.vc-dec-btn.on,.vc-dec-btn[data-state=listen]{background:var(--neg-bg);color:var(--neg-text);border-color:var(--neg)}
.vc-card{margin-top:10px;padding:14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}
.vc-dec-h{margin:10px 0 6px;font-weight:600}
.vc-dec-l{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.vc-dec-i{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;padding:10px 12px;border-radius:var(--r-md);background:var(--surface-2)}
.vc-dec-q{flex-basis:100%;font-size:var(--fs-sm);color:var(--text-2)}
.vc-dec-o{font-weight:600}
.vc-dec-a{color:var(--text)}
.vc-dec-n{flex-basis:100%;color:var(--warn-text)}
.vc-chip{white-space:nowrap}
.vc-conf{flex-basis:100%;margin-top:4px;padding:8px 10px;border-left:3px solid var(--warn);border-radius:var(--r-sm);background:var(--warn-bg)}
.vc-conf p{margin:0 0 2px;color:var(--warn-text);font-weight:500}
.vc-conf .cb{min-height:36px;padding:6px 0;margin-right:16px}
.vc-block{margin:8px 0 0}
.vc-dec-m{margin:8px 0 0;font-size:var(--fs-sm);color:var(--warn-text)}
.vc-dec-m:empty{display:none}
.vc-dec-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.vc-dec-legal{margin:10px 0 0}
.cmdk-q .vc-wrap{flex:1}
@media (pointer:coarse){.vc-btn{width:44px;height:44px;right:2px}.vc-wrap>.vc-has,.vc-has-ic>.input{padding-right:50px}.vc-ta>.vc-btn{bottom:4px;right:4px}}
@media (prefers-reduced-motion:no-preference){.vc-btn[data-state=listen]:not([data-lvl]){animation:vcpulse 1.4s ease-in-out infinite}[data-state=proc]>.vc-i-spin{animation:vcspin .9s linear infinite}}
@keyframes vcspin{to{transform:rotate(360deg)}}
@keyframes vcpulse{0%,100%{box-shadow:0 0 0 0 var(--neg-bg)}50%{box-shadow:0 0 0 6px var(--neg-bg)}}

/* ---- parts/v4.css ---- */
/* V4 (03.10.2026): тестування заповнення й UX на телефоні/планшеті/десктопі — дрібні правки цілей і станів. */
@media (pointer: coarse) {
  .w9-secs .sect > summary { min-height: 44px; }
  .tb-search { min-height: 44px; }
}
.vc-st.near .vc-st-t { color: var(--warn-text); font-weight: 500; }
.vc-retry { margin-left: var(--sp-2); vertical-align: middle; }
@media (pointer: coarse) { .vc-retry { min-height: 44px; } }
@media (max-width: 1023px) {
  html { scroll-padding-bottom: calc(var(--bnav-h) + 76px + env(safe-area-inset-bottom)); }
}
.bm-link:focus-visible { outline: 3px solid var(--ring); outline-offset: 3px; }
.bm-code:focus-visible { outline: 3px solid var(--ring); outline-offset: 2px; }
.bm-phone { margin: 0 0 var(--sp-4); }
.bm-phone .btn, .bm-phone .btn:hover { text-decoration: none; }
.bm-phone .btn-p { color: var(--on-accent); }

/* ---- parts/w4.css ---- */
/* W4: онбординг, «Сьогодні», демо, конкурси, воронка. Збирається docs/design/build_css.py. Лише токени дизайн-системи 2.0. */
.w4-mob{display:block}.w4-desk{display:none!important}
@media (min-width:768px){.w4-mob{display:none!important}.w4-desk{display:inline-flex!important}}
.ring{position:relative;flex:none;display:inline-grid;place-items:center;width:44px;height:44px;color:var(--text-3)}
.ring svg{position:absolute;inset:0;width:100%;height:100%}
.ring circle{fill:none;stroke-width:4}
.ring .ring-t{stroke:var(--surface-3)}
.ring .ring-v{stroke:currentColor;stroke-linecap:round;transition:stroke-dasharray .5s var(--ease-out)}
.ring b{position:relative;font-size:var(--fs-md);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}
.ring.hi{color:var(--pos)}.ring.mid{color:var(--accent)}.ring.lo{color:var(--warn)}.ring.na b{color:var(--text-3)}
.ring.lg{width:64px;height:64px}.ring.lg b{font-size:var(--fs-xl)}
.ring.lg circle{stroke-width:3.5}
.cd{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:var(--fs-sm);font-weight:500;color:var(--text-2);font-variant-numeric:tabular-nums}
.cd .i{width:14px;height:14px;color:var(--text-3)}
.cd small{font-weight:400;color:var(--text-3)}
.cd.warn{color:var(--warn-text)}.cd.warn .i{color:var(--warn-text)}
.cd.crit{color:var(--neg-text)}.cd.crit .i{color:var(--neg-text)}
.cd.over{color:var(--text-3);text-decoration:line-through}.cd.none{color:var(--text-3)}
.cc-list{display:flex;flex-direction:column;gap:8px}
.cc{position:relative;display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}
.cc:hover{border-color:var(--border-strong);box-shadow:var(--sh-md)}
.cc:focus-within{outline:2px solid var(--ring);outline-offset:2px}
.cc-no{border-left:3px solid var(--neg)}
.cc-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.cc-t{font-size:var(--fs-lg);line-height:22px;font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere}
.cc-t a{color:var(--text);text-decoration:none;outline:0}
.cc-meta{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:var(--fs-sm);color:var(--text-2)}
.cc-donor{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.cc-amt{font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}
.cc-why{font-size:var(--fs-sm);line-height:19px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cc-why.crit{color:var(--neg-text)}
.cc-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cc-tags .cc-app,.cc-act,.cc-act .btn{position:relative;z-index:1}
.cc-src{font-size:var(--fs-xs);color:var(--text-3)}
.cc-act{margin-top:2px}
@media (max-width:639px){.cc{padding:12px 14px;gap:12px}.cc-t{font-size:var(--fs-md);line-height:20px}}
.onb2{max-width:1040px;margin:0 auto}
.onb2-top{max-width:640px;margin:0 0 20px}
.onb2-steps{display:flex;gap:8px;margin:0;padding:0;list-style:none}
.onb2-steps li{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:44px;border-top:3px solid var(--surface-3);padding-top:8px;color:var(--text-3);font-size:var(--fs-sm);font-weight:500}
.onb2-steps li.done{border-color:var(--pos);color:var(--text-2)}
.onb2-steps li.cur{border-color:var(--accent);color:var(--text)}
.onb2-steps a{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:44px;margin:-8px 0 0;padding-top:8px;color:inherit;text-decoration:none}
.onb2-steps a:hover{color:var(--text);text-decoration:none}
.onb2-n{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--surface-3);color:var(--text-2);font-size:12px;font-weight:600}
.onb2-n .i{width:13px;height:13px}
.onb2-steps li.done .onb2-n{background:var(--pos-bg);color:var(--pos-text)}
.onb2-steps li.cur .onb2-n{background:var(--accent);color:var(--on-accent)}
.onb2-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onb2-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:10px;font-size:var(--fs-xs);color:var(--text-3)}
.onb2-saved{display:inline-flex;align-items:center;gap:4px}
.onb2-saved .i{width:13px;height:13px}
.onb2-saved.saving{color:var(--text-2)}.onb2-saved.saved{color:var(--pos-text)}.onb2-saved.err{color:var(--warn-text)}
.onb2-top.later{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.onb2-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:var(--fs-sm);font-weight:500;color:var(--text-2);text-decoration:none}
.onb2-back:hover{color:var(--text);text-decoration:none}
.onb2-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:1024px){.onb2-grid{grid-template-columns:minmax(0,640px) minmax(0,300px);gap:40px;align-items:start}.onb2-aside{position:sticky;top:calc(var(--top-h) + 16px)}}
.onb2-main{min-width:0}
.onb2-h{font-size:var(--fs-3xl);line-height:36px;font-weight:600;letter-spacing:-.025em;margin-bottom:8px}
.onb2-lead{color:var(--text-2);font-size:var(--fs-lg);line-height:24px;margin-bottom:22px;max-width:60ch}
@media (max-width:639px){.onb2-h{font-size:var(--fs-2xl);line-height:30px}.onb2-lead{font-size:var(--fs-md);line-height:22px;margin-bottom:18px}}
.onb2-kinds{gap:10px;border:0;margin:0;padding:0;min-width:0}
.onb2-kinds .rc-b{min-height:64px;align-items:center}
.onb2-kinds .rc-b .i{width:22px;height:22px;margin:0}
.onb2-kinds .rc-b::after{margin-top:0}
form.is-going .rc input:checked+.rc-b{background:var(--accent-soft)}
.onb2-aside{display:flex;flex-direction:column;gap:12px}
.onb2-tip{padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-xs);font-size:var(--fs-sm);line-height:20px;color:var(--text-2)}
.onb2-tip b{display:flex;align-items:center;gap:8px;color:var(--text);font-size:var(--fs-md);margin-bottom:6px}
.onb2-tip b .i{color:var(--accent-text)}
.onb2-tip ol{margin:6px 0 8px 18px;padding:0}.onb2-tip li{margin:3px 0}
.onb2-tip p+*{margin-top:10px}
.onb2-tip.muted-tip{background:transparent;box-shadow:none}
.onb2-docform.is-busy{opacity:.7;pointer-events:none}
.onb2-file{position:relative;margin-top:10px;overflow:hidden}
.onb2-file .sr-file{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.onb2-file:focus-within{outline:2px solid var(--ring);outline-offset:2px}
.onb2-docform .btn-s{margin-top:8px}
.js [data-nojs]{display:none}
.onb2-edr{padding:16px 18px;margin-bottom:18px;background:linear-gradient(180deg,var(--accent-soft),var(--surface) 70%);border-color:color-mix(in oklch,var(--accent) 22%,var(--border))}
.onb2-edr-row{display:flex;gap:8px;margin-top:6px}
.onb2-edr-row .input{flex:1;min-width:0;font-size:20px;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.onb2-edr-row .btn{flex:none}
.input-lg{height:48px}
.onb2-edr-msg{margin-top:8px;font-size:var(--fs-sm);color:var(--text-3);min-height:20px}
.onb2-edr-msg.ok{color:var(--pos-text)}.onb2-edr-msg.bad{color:var(--neg-text)}
.onb2-found{margin-top:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);animation:pop var(--dur) var(--ease-out)}
.onb2-found.warn{border-color:var(--warn)}
.onb2-found-h{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-md);line-height:20px}
.onb2-found-h .i{flex:none;color:var(--pos-text);margin-top:1px}
.onb2-found.warn .onb2-found-h .i{color:var(--warn-text)}
.onb2-found-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:10px 0 0}
.onb2-found-kv dt{font-size:var(--fs-xs);color:var(--text-3)}.onb2-found-kv dd{margin:0;font-size:var(--fs-sm);color:var(--text);overflow-wrap:anywhere}
.onb2-doc-ok{margin:0 0 16px}
.onb2-fields .fm-f.is-filled .input{box-shadow:0 0 0 3px color-mix(in oklch,var(--pos) 25%,transparent);border-color:var(--pos);transition:box-shadow .3s var(--ease)}
.onb2-np{display:flex;align-items:flex-end}
.onb2-np .fm-sw{min-height:44px}
.onb2-more{margin:6px 0 4px;border-top:1px solid var(--border);padding-top:6px}
.onb2-more>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font-size:var(--fs-sm);font-weight:500;color:var(--text-2)}
.onb2-more>summary::-webkit-details-marker{display:none}
.onb2-more>summary .chev{width:16px;height:16px;transition:transform var(--dur-fast) var(--ease)}
.onb2-more[open]>summary .chev{transform:rotate(180deg)}
.onb2-more>.fm-g2,.onb2-more>.onb2-chips{margin-top:8px}
.onb2-chips{display:flex;flex-wrap:wrap;gap:8px}
.onb2-chip{position:relative;display:inline-flex}
.onb2-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:1;cursor:pointer}
.onb2-chip span{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface);font-size:var(--fs-sm);font-weight:500;color:var(--text-2);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.onb2-chip:hover span{border-color:var(--text-3);color:var(--text)}
.onb2-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.onb2-chip input:checked+span::before{content:"✓";font-weight:700}
.onb2-chip input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}
.onb2-chips.sm .onb2-chip span{min-height:36px;padding:6px 12px}
@media (pointer:coarse){.onb2-chip span,.onb2-chips.sm .onb2-chip span{min-height:44px}}
.onb2-helper{margin:-6px 0 4px}
@media (min-width:768px){.onb2 .actbar{justify-content:flex-start;position:sticky;bottom:0;z-index:20;margin:16px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--glass-strong);-webkit-backdrop-filter:saturate(1.8) blur(16px);backdrop-filter:saturate(1.8) blur(16px);border-top:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0}
 .onb2 .actbar .onb2-next{order:2;margin-left:auto}.onb2 .actbar .onb2-backbtn{order:1}}
@media (max-width:767px){.onb2 .actbar .onb2-backbtn{flex:0 0 auto}.onb2-aside{order:2}.app-onb .onb2 .actbar{bottom:env(safe-area-inset-bottom)}.app-onb .page:has(.actbar){padding-bottom:calc(84px + env(safe-area-inset-bottom))}}
@media (max-width:399px){.onb2-steps li:not(.cur) .onb2-t{display:none}}
.onb4-drop{min-height:168px;margin-bottom:16px;border-width:2px}
.onb4-drop.has{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}
.onb4-kind{border:0;padding:0;margin:0 0 4px;min-width:0}
.onb4-kind>.fm-l{margin-bottom:8px;padding:0}
.onb4-more{border-top:0;margin-top:2px;padding-top:0}.onb4-more>.onb2-chips{margin-top:4px}
.onb4-facts{margin-bottom:24px;padding:16px 18px;border:1px solid color-mix(in oklch,var(--accent) 28%,var(--border));border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-md)}
.onb4-flist{display:flex;flex-direction:column}
.onb4-up.is-secondary{padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}
.onb4-up.is-secondary .onb4-drop{min-height:112px}
.onb4-h{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);font-weight:600;margin-bottom:12px}
.onb4-sec{margin-top:24px}
.onb4-what{list-style:none;margin:8px 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}
.onb4-what li{display:flex;gap:8px;align-items:flex-start;color:var(--text)}
.onb4-what .i{flex:none;width:15px;height:15px;margin-top:2px;color:var(--pos-text)}
.onb5-form{padding:16px 18px}
@media (max-width:639px){.onb4-facts,.onb4-up.is-secondary,.onb5-form{padding:14px}.onb4-drop{min-height:140px}}
@media (max-width:767px){.app-onb .onb2 .actbar{bottom:calc(env(safe-area-inset-bottom) + var(--kb,0px));transition:bottom .12s var(--ease)}
 .app-onb .onb2{scroll-padding-bottom:96px}html.kb-open .app-onb .onb2-meta{display:none}}
.td-hello{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}
.td-hello h2{font-size:var(--fs-2xl);line-height:30px;font-weight:600;letter-spacing:-.022em}
.td-hello p{color:var(--text-2);font-size:var(--fs-md);margin-top:2px}
.td-hello .td-primary{flex:none}
.td-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 24px}
@media (min-width:1100px){.td-grid{grid-template-columns:minmax(0,1fr) 340px}}
.td-main,.td-side{min-width:0}
.td-start{position:relative;overflow:hidden;padding:20px 22px;margin-bottom:24px}
.td-start-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;position:relative;z-index:1}
.td-start-h h3{font-size:var(--fs-xl);line-height:26px;font-weight:600;letter-spacing:-.015em}
.td-pct{position:relative;flex:none;display:inline-grid;place-items:center;width:52px;height:52px;color:var(--pos)}
.td-pct svg{position:absolute;inset:0;width:100%;height:100%}
.td-pct circle{fill:none;stroke-width:4}.td-pct .ring-t{stroke:var(--surface-3)}.td-pct .ring-v{stroke:currentColor;stroke-linecap:round}
.td-pct b{position:relative;font-size:var(--fs-sm);font-weight:600;color:var(--text)}
.td-steps{list-style:none;margin:0;padding:0;position:relative;z-index:1;max-width:620px}
.td-steps li{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--border)}
.td-steps li:first-child{border-top:0}
.td-step-i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}
.td-step-i .i{width:17px;height:17px}
.td-steps li.next .td-step-i{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in oklch,var(--accent) 30%,transparent)}
.td-steps li.done .td-step-i{background:var(--pos-bg);color:var(--pos-text);border-color:transparent}
.td-step-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.td-step-m b{font-size:var(--fs-md);font-weight:600}
.td-step-m span{font-size:var(--fs-sm);line-height:19px;color:var(--text-2)}
.td-steps li.done .td-step-m b{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--border-strong);font-weight:500}
.td-step-a{flex:none}
.td-start-art{display:none}
@media (min-width:900px){.td-start-art{display:block;position:absolute;right:18px;bottom:12px;width:150px;height:110px;color:var(--accent);opacity:.9;pointer-events:none}.td-start-art .illus{width:100%;height:100%}.td-steps{max-width:calc(100% - 170px)}}
@media (max-width:639px){.td-start{padding:16px}.td-steps li{flex-wrap:wrap;gap:10px 12px}.td-step-a{margin-left:50px}.td-steps li .td-step-m{flex:1 1 calc(100% - 50px)}}
.td-start-f{position:relative;z-index:1;margin-top:8px;padding-top:10px;border-top:1px dashed var(--border)}
.td-start-f a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:500}
.td-list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);overflow:hidden}
.td-item{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 16px;border-top:1px solid var(--border);color:var(--text);text-decoration:none}
.td-item:first-child{border-top:0}
.td-item:hover{background:var(--surface-2);text-decoration:none}
.td-item-i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2)}
.td-item.crit .td-item-i{background:var(--neg-bg);color:var(--neg-text)}.td-item.warn .td-item-i{background:var(--warn-bg);color:var(--warn-text)}
.td-item-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.td-item-m b{font-size:var(--fs-md);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-item-m small{font-size:var(--fs-sm);color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-item-a{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-sm);font-weight:500;color:var(--accent-text)}
.td-item-a .i{width:15px;height:15px}
@media (max-width:479px){.td-item-a{font-size:0;gap:0}.td-item-a .i{width:18px;height:18px}}
.td-date{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:44px;border-radius:var(--r-sm);background:var(--surface-2);line-height:1}
.td-date b{font-size:var(--fs-lg);font-weight:600;font-variant-numeric:tabular-nums}.td-date small{font-size:11px;color:var(--text-3);margin-top:2px}
.td-calm{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px dashed var(--border-strong);border-radius:var(--r-lg);font-size:var(--fs-sm);color:var(--text-2)}
.td-calm .i{flex:none;color:var(--pos-text)}
.td-wait{padding:14px 16px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}
.td-wait p{display:flex;align-items:center;gap:6px;margin-top:8px}
.td-plan{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.td-plan-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.td-plan-h b{font-size:var(--fs-xl);font-weight:600;font-variant-numeric:tabular-nums}
.td-sample{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:500}
@media (min-width:1100px){.td-side .sec:first-child{margin-top:0}}
.dm-welcome{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;padding:14px 16px;border-radius:var(--r-lg);background:var(--brand-grad,var(--accent));color:var(--on-accent);box-shadow:var(--sh-md);animation:pop var(--dur) var(--ease-out)}
.dm-welcome .i{flex:none;margin-top:2px}
.dm-welcome b{font-weight:600}
.dm-steps{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:0;list-style:none}
.dm-steps li{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 12px 4px 4px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border);font-size:var(--fs-sm);font-weight:500;color:var(--text-3)}
.dm-steps li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-3);font-size:12px;font-weight:600;color:var(--text-2)}
.dm-steps li>span .i{width:13px;height:13px}
.dm-steps li.done{color:var(--text-2)}.dm-steps li.done>span{background:var(--pos-bg);color:var(--pos-text)}
.dm-steps li.cur{color:var(--text);border-color:color-mix(in oklch,var(--accent) 40%,var(--border))}.dm-steps li.cur>span{background:var(--accent);color:var(--on-accent)}
.dm-st-t{font-style:normal}
.dm-mt{margin-top:10px}.dm-prog0{width:35%}
@media (max-width:767px){.dm-best-a>.dm-main{display:none}}
@media (max-width:479px){.dm-steps{flex-wrap:nowrap}.dm-steps li{flex:0 1 auto;min-width:0;padding-right:10px}.dm-steps li.cur{flex:1 1 auto}.dm-steps li:not(.cur) .dm-st-t{display:none}.dm-steps li:not(.cur){padding-right:4px}}
.dm-wait{display:flex;flex-direction:column;gap:14px;padding:20px}
.dm-wait-h{display:flex;gap:14px;align-items:flex-start}
.dm-wait-h h3{font-size:var(--fs-xl);font-weight:600}
.dm-spin{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text)}
.dm-spin .i{animation:rot 1.6s linear infinite}
.dm-wait-a{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--r-md);background:var(--accent-soft)}
.dm-wait-a>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.dm-wait-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:var(--fs-sm);color:var(--text-3)}
.dm-wait-l li{display:flex;gap:8px;align-items:center}.dm-wait-l li.done{color:var(--text-2)}.dm-wait-l li.done .i{color:var(--pos-text)}
.dm-wait-l li.cur{color:var(--text)}.dm-wait-l li.cur .i{color:var(--accent-text);animation:rot 1.6s linear infinite}
.dm-best{padding:20px 22px;margin-bottom:24px;border-color:color-mix(in oklch,var(--accent) 28%,var(--border));box-shadow:var(--sh-md)}
.dm-best-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.dm-kick{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.dm-best-hero{display:flex;gap:16px;align-items:flex-start}
.dm-best-hero h2{font-size:var(--fs-2xl);line-height:30px;font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}
.dm-best-hero h2 a{color:var(--text)}
.dm-best-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:var(--fs-sm);color:var(--text-2)}
.dm-best-meta span{display:inline-flex;align-items:center;gap:6px}.dm-best-meta .i{width:15px;height:15px;color:var(--text-3)}
.dm-why{margin-top:18px;padding:14px 16px;border-radius:var(--r-md);background:var(--pos-bg)}
.dm-why h3{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);font-weight:600;color:var(--pos-text);margin-bottom:6px}
.dm-why ul{margin:0 0 0 18px;padding:0}.dm-why li{margin:4px 0;font-size:var(--fs-md);line-height:22px;color:var(--text)}
.dm-elig{display:flex;gap:8px;margin-top:12px;font-size:var(--fs-sm);line-height:20px;color:var(--text-2)}.dm-elig .i{flex:none;color:var(--text-3);margin-top:2px}
.dm-crit,.cd-more{margin-top:10px}
.dm-crit>summary,.cd-more>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font-size:var(--fs-sm);font-weight:500;color:var(--text-2)}
.dm-crit>summary::-webkit-details-marker,.cd-more>summary::-webkit-details-marker{display:none}
.dm-crit>summary .chev,.cd-more>summary .chev{width:16px;height:16px;transition:transform var(--dur-fast) var(--ease)}
.dm-crit[open]>summary .chev,.cd-more[open]>summary .chev{transform:rotate(180deg)}
.dm-crit-g{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:6px}
@media (min-width:640px){.dm-crit-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dm-crit-g>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;font-size:var(--fs-sm)}
.dm-crit-g>div .prog{grid-column:1/-1}.dm-crit-g small{grid-column:1/-1;color:var(--text-3);line-height:18px}
.dm-best-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px}
.dm-best .hint{margin-top:10px}
@media (max-width:639px){.dm-best{padding:16px}.dm-kick{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.dm-best-hero{gap:12px}.dm-best-hero h2{font-size:var(--fs-xl);line-height:26px}.dm-best-a>form,.dm-best-a>form .btn{width:100%}}
.dm-sample{position:relative;display:flex;align-items:center;gap:16px;margin-top:24px;color:var(--text);text-decoration:none}
.dm-sample:hover{text-decoration:none;border-color:var(--border-strong);box-shadow:var(--sh-md)}
.dm-sample>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dm-sample b{font-size:var(--fs-md);font-weight:600}.dm-sample small{font-size:var(--fs-sm);color:var(--text-2);line-height:19px}
.dm-sample-art{flex:none;width:72px;height:54px;color:var(--accent)}.dm-sample-art .illus{width:100%;height:100%}
.dm-sample>.i{flex:none;color:var(--text-3)}
.smp{max-width:1080px}
.smp-pub{padding-top:24px;padding-bottom:48px}
.smp-pub .smp{margin:0 auto}
.smp-note{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:10px 12px;border-radius:var(--r-md);background:var(--info-bg);color:var(--info-text);font-size:var(--fs-sm);line-height:20px}
.smp-note .i{flex:none;margin-top:1px}
.smp-hero{padding:22px 24px;margin-bottom:24px;border-color:color-mix(in oklch,var(--accent) 24%,var(--border));box-shadow:var(--sh-md)}
.smp-hero-m{display:flex;gap:16px;align-items:flex-start}
.smp-hero-t{min-width:0}
.smp-kicker{font-size:var(--fs-sm);color:var(--text-3);margin-bottom:4px}
.smp-hero h1{font-size:var(--fs-2xl);line-height:30px;font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}
.smp-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:10px;font-size:var(--fs-sm);color:var(--text-2)}
.smp-meta>span:first-child{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--text)}
.smp-hero-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.smp-why{margin:0 0 16px;padding:12px 14px;border-radius:var(--r-md);background:var(--pos-bg)}
.smp-why h3{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);font-weight:600;color:var(--pos-text);margin:0 0 4px}
.smp-why ul{margin:0 0 0 18px}.smp-why li{margin:4px 0;line-height:22px}
.smp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 24px}
@media (min-width:1024px){.smp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}}
.smp-files{display:flex;flex-direction:column;padding:4px 16px}
.smp-file{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}
.smp-file:first-child{border-top:0}
.smp-file>span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}
.smp-file b{font-weight:600}.smp-file small{font-size:var(--fs-sm);color:var(--text-3)}
.smp-file-i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-text)}
.smp-file-i.ok{background:var(--pos-bg);color:var(--pos-text)}
.smp-sub{display:flex;align-items:center;gap:8px;font-size:var(--fs-md);font-weight:600;margin:18px 0 10px}
.prose.smp-doc{white-space:normal}
.prose.smp-doc>h3{font-size:var(--fs-lg);font-weight:600;margin:16px 0 6px}.prose.smp-doc>.smp-why{margin:0 0 4px}.prose.smp-doc>.smp-why ul{margin:0 0 0 18px}.prose.smp-doc>.smp-why h3{margin:0 0 4px}
.smp-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;padding:20px 22px;background:linear-gradient(135deg,var(--accent-soft),var(--surface))}
.smp-cta h2{font-size:var(--fs-xl);font-weight:600}
@media (max-width:767px){.smp-hero-a .btn,.smp-cta .btn{display:none}.smp-hero-a{border-top:0;padding-top:0;margin-top:12px}
 .smp-pub{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.lp .actbar{bottom:env(safe-area-inset-bottom)}}
@media (max-width:639px){.smp-hero{padding:16px}.smp-hero-m{gap:12px}.smp-hero h1{font-size:var(--fs-xl);line-height:26px}}
.cl-bar{display:flex;gap:8px;margin:0 0 12px}
.cl-q{flex:1;min-width:0}
.cl-q .input{width:100%}
.cl-bar .btn.on{border-color:var(--accent);color:var(--accent-text)}
@media (min-width:1024px){.cl-bar{max-width:640px}}
.cdp{max-width:1200px}
.cd-hero{padding:20px 22px;margin-bottom:20px}
.cd-hero-top{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.cd-hero-m{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px 18px;align-items:start}
.cd-hero-t h2{font-size:var(--fs-2xl);line-height:30px;font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere}
.cd-hero-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:var(--fs-md);color:var(--text-2)}
.cd-hero-meta span{display:inline-flex;align-items:center;gap:6px}.cd-hero-meta .i{width:16px;height:16px;color:var(--text-3)}
.cd-count{grid-column:1/-1;display:flex;align-items:baseline;gap:8px;padding:10px 14px;border-radius:var(--r-md);background:var(--surface-2)}
.cd-count b{font-size:var(--fs-3xl);line-height:1;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.cd-count b.warn{color:var(--warn-text)}.cd-count b.crit{color:var(--neg-text)}.cd-count b.over{font-size:var(--fs-xl);color:var(--text-3)}
.cd-count span{font-size:var(--fs-sm);color:var(--text-2)}
@media (min-width:900px){.cd-hero-m{grid-template-columns:auto minmax(0,1fr) auto}.cd-count{grid-column:auto;flex-direction:column;align-items:flex-end;gap:4px;min-width:140px;text-align:right}}
@media (max-width:767px){.cd-hero-a{display:none!important}.td-step-next{display:none!important}}
.cd-hero-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}
.cd-alt{margin-left:auto;display:inline-flex;align-items:center;min-height:44px}
.cd-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px 24px}
@media (min-width:1024px){.cd-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.cd-side{position:sticky;top:calc(var(--top-h) + 16px)}}
.cd-main,.cd-side{min-width:0;display:flex;flex-direction:column;gap:16px}
.cd-block :is(h2,h3){display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fs-lg);font-weight:600;margin-bottom:10px}
.cd-block :is(h2,h3) .i{color:var(--text-3)}
.cd-why{margin:0 0 0 18px;padding:0}.cd-why li{margin:4px 0;line-height:22px}
.cd-angle{display:flex;gap:8px;margin-top:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--accent-soft);font-size:var(--fs-sm);line-height:20px}
.cd-angle .i{flex:none;color:var(--accent-text);margin-top:2px}
.cd-stops{margin-top:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--warn-bg);font-size:var(--fs-sm)}
.cd-stops b{display:flex;align-items:center;gap:6px;color:var(--warn-text)}.cd-stops ul{margin:4px 0 0 18px}
.cd-why-no{margin:0}
.cd-kv{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0}
.cd-kv>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
.cd-kv dt{font-size:var(--fs-xs);color:var(--text-3);text-transform:none}
.cd-kv dd{margin:0;font-size:var(--fs-md);overflow-wrap:anywhere}
@media (min-width:640px){.cd-kv>div{grid-template-columns:160px minmax(0,1fr);gap:12px}.cd-kv dt{font-size:var(--fs-sm)}}
.cd-elig{display:flex;gap:8px;margin-top:12px;color:var(--text-2)}.cd-elig .i{flex:none;margin-top:2px;color:var(--text-3)}
.cd-files{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.cd-file{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);text-decoration:none}
.cd-file:hover{border-color:var(--border-strong);background:var(--surface-2);text-decoration:none}
.cd-file>span{flex:1;min-width:0;display:flex;flex-direction:column}.cd-file b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-file small{font-size:var(--fs-xs);color:var(--text-3)}
.cd-file .i{flex:none;color:var(--text-3)}
.cd-raw{margin:0}
.actbar .cd-take{flex:1.6 1 0;display:flex;min-width:0}.actbar .cd-take .btn{flex:1}
@media (max-width:639px){.cd-hero{padding:16px}.cd-hero-t h2{font-size:var(--fs-xl);line-height:26px}}
.fn-bar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:16px}
.fn-kpis{margin-bottom:24px}
.fn-list{list-style:none;margin:0;padding:6px 16px}
.fn-row{display:grid;grid-template-columns:28px minmax(0,1fr) 64px 48px;gap:4px 12px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}
.fn-row:first-child{border-top:0}
.fn-i{color:var(--text-3)}.fn-t{font-weight:500;line-height:20px;overflow-wrap:anywhere}
.fn-b{grid-column:2/3;grid-row:2}
.fn-n{grid-row:1/3;grid-column:3;display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}
.fn-n b{font-size:var(--fs-lg);font-weight:600}.fn-n small{font-size:var(--fs-xs);color:var(--text-3)}
.fn-d{grid-row:1/3;grid-column:4;text-align:right;font-size:var(--fs-sm);color:var(--text-3);font-variant-numeric:tabular-nums}
.fn-row.bad .fn-d{color:var(--neg-text);font-weight:600}
@media (min-width:900px){.fn-row{grid-template-columns:28px 220px minmax(0,1fr) 72px 64px}.fn-b{grid-column:3;grid-row:1}.fn-n,.fn-d{grid-row:1}.fn-n{grid-column:4}.fn-d{grid-column:5}}
.w4-mt6{margin-top:6px}.w4-mt8{margin-top:8px}.w4-mt10{margin-top:10px}.w4-mb10{margin-bottom:10px}

/* ---- parts/w5.css ---- */
/* ===== W5: білінг 2.0 (тариф, пакети, оплата, рахунок), юридичні сторінки, згода, адмінка білінгу. Лише токени 2.0; без inline-стилів. ===== */
.bl{min-width:0}
.bl .banner{margin:0 0 12px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em;letter-spacing:.01em;word-break:break-all}
.t-pos{color:var(--pos-text)}.t-warn{color:var(--warn-text)}
.t-warn .i{width:15px;height:15px;vertical-align:-2px;margin-right:4px}
.bl-hero{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:20px;margin:0 0 16px;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-sm),var(--sh-ring);position:relative;overflow:hidden}
.bl-hero::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}
.bl-hero-m{flex:1 1 320px;min-width:0}
.bl-eyebrow{margin:0 0 4px;font-size:var(--fs-sm);font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}
.bl-hero h2{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0;font-size:var(--fs-3xl);line-height:1.15;font-weight:600;letter-spacing:-.02em;color:var(--text)}
.bl-hero-s{margin:8px 0 0;color:var(--text-2);font-size:var(--fs-md);line-height:1.5}
.bl-hero-a{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:767px){.bl-hero{padding:16px 16px 16px 20px}.bl-hero h2{font-size:var(--fs-2xl)}.bl-hero-a{display:none}}
.bl-kpis{margin:0 0 20px}
.bl-kpis .kpi-v small{font-size:var(--fs-lg);font-weight:500;color:var(--text-3);margin-left:2px}
.bl-kpis .prog{margin-top:8px}
.bl-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){.bl-grid{grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}}
.bl-main,.bl-side{min-width:0;display:grid;gap:16px;align-content:start}
.bl-side .panel{margin:0}
.bl-docs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bl-doc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:14px 16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-xs),var(--sh-ring)}
.bl-doc-m{min-width:0}
.bl-doc-t{margin:0;font-weight:600;color:var(--text);font-size:var(--fs-md);line-height:1.35;overflow-wrap:anywhere}
.bl-doc-s{display:flex;flex-wrap:wrap;gap:2px 12px;margin:4px 0 0;font-size:var(--fs-sm);color:var(--text-3)}
.bl-doc-s span:empty{display:none}
.bl-doc-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.bl-amt{font-size:var(--fs-lg);font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.bl-doc-a{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.bl-doc-a form{margin:0}
.bl-note{display:flex;gap:6px;align-items:flex-start;margin:10px 0 0}
.bl-note .i{flex:none;width:16px;height:16px;margin-top:2px}
@media (max-width:639px){.bl-doc{grid-template-columns:minmax(0,1fr)}.bl-doc-r{flex-direction:row;align-items:center;justify-content:space-between;text-align:left}}
.bl-more{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-xs),var(--sh-ring)}
.bl-more>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;cursor:pointer;font-weight:500;color:var(--text);list-style:none}
.bl-more>summary::-webkit-details-marker{display:none}
.bl-more>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease)}
.bl-more[open]>summary::after{transform:rotate(-135deg)}
.bl-more>summary .i{width:18px;height:18px;color:var(--text-3)}
.bl-more>summary .muted{font-weight:400}
.bl-more>*:not(summary){margin:0 16px 16px}
.bl-more .tbl-s{margin:0 0 12px}
.bl-pays{list-style:none;padding:0;display:grid;gap:0}
.bl-pays li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 0;border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-2)}
.bl-pays li b{margin-left:auto;color:var(--text);font-variant-numeric:tabular-nums}
.bl-kv{margin:0;display:grid;gap:0}
.bl-kv>div{display:grid;grid-template-columns:minmax(110px,40%) minmax(0,1fr);gap:4px 12px;padding:9px 0;border-top:1px solid var(--border)}
.bl-kv>div:first-child{border-top:0}
.bl-kv dt{color:var(--text-3);font-size:var(--fs-sm)}
.bl-kv dd{margin:0;color:var(--text);overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
@media (max-width:479px){.bl-kv>div{grid-template-columns:minmax(0,1fr)}}
.bl-side-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.bl-side-a form{margin:0}
.bl-trust{padding:16px}
.bl-trust-h{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-weight:600;color:var(--text)}
.bl-trust-h .i{width:18px;height:18px;color:var(--pos)}
.bl-trust-l{display:flex;flex-wrap:wrap;gap:0 16px;margin:8px 0 0;font-size:var(--fs-sm)}
.bl-trust-l a{display:inline-flex;align-items:center;min-height:44px}
.pay-bdg{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0}
.pay-bdg li{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:var(--r-xs);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.pay-bdg .pb-visa{font-style:italic;letter-spacing:.04em}
.pay-bdg .pb-iban{font-weight:500}
@media (min-width:768px){.bl>.actbar,.co>.actbar{display:none}}
.bl-plans-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 20px}
.bl-lead{margin:0;max-width:62ch;color:var(--text-2);font-size:var(--fs-md);line-height:1.55}
.bl-plans{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:768px){.bl-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.bl-plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}
.bl-plan{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-sm),var(--sh-ring);min-width:0}
.bl-plan.rec{box-shadow:inset 0 0 0 2px var(--accent),var(--sh-md)}
.bl-plan.cur{background:color-mix(in oklch,var(--pos-bg) 35%,var(--surface))}
.bl-plan-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bl-plan-h h2{margin:0;font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em;color:var(--text)}
.bl-plan-who{margin:0;color:var(--text-3);font-size:var(--fs-sm)}
.bl-price{margin:10px 0 0;display:flex;align-items:baseline;gap:4px;color:var(--text)}
.bl-price b{font-size:var(--fs-4xl);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.bl-price span{color:var(--text-3);font-size:var(--fs-md)}
.bl-price-s{margin:0 0 8px;color:var(--text-3);font-size:var(--fs-sm)}
.bl-plan-cta{margin:4px 0 8px}
.bl-plan-cta .btn{min-height:44px}
.bl-feats{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--border);display:grid;gap:8px}
.bl-feats li{display:flex;gap:8px;align-items:flex-start;font-size:var(--fs-sm);line-height:1.45;color:var(--text-2)}
.bl-feats li .i{flex:none;width:16px;height:16px;margin-top:2px;color:var(--pos)}
.bl-feats li.no{color:var(--text-3)}.bl-feats li.no .i{color:var(--text-3)}
.bl-ngo{display:flex;gap:10px;align-items:flex-start;margin:20px 0 0;padding:12px 16px;border-radius:var(--r-lg);background:var(--accent-soft);color:var(--text);font-size:var(--fs-sm);line-height:1.5}
.bl-ngo .i{flex:none;width:18px;height:18px;margin-top:1px;color:var(--accent-text)}
.bl-trust-row{display:grid;gap:12px;margin:20px 0 0;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.bl-trust-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.bl-trust-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bl-tr{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-xs),var(--sh-ring)}
.bl-tr>.i{flex:none;width:20px;height:20px;margin-top:1px;color:var(--accent-text)}
.bl-tr b{display:block;color:var(--text);font-size:var(--fs-md)}
.bl-tr p{margin:4px 0 0;color:var(--text-3);font-size:var(--fs-sm);line-height:1.45}
.bl-pay-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px 0 0}
.bl-pay-row .pay-bdg{margin:0}
.bl-pay-row p{margin:0}
.co-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1024px){.co-grid{grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}}
.co-main{min-width:0;display:grid;gap:16px;align-content:start}
.co-step{padding:20px;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-xs),var(--sh-ring);min-width:0}
.co-step h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:var(--fs-lg);font-weight:600;color:var(--text)}
.co-n{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-size:var(--fs-sm);font-weight:600}
.co-step .hint{margin:10px 0 0}
.co-step .rc-grid{display:grid;gap:8px}
.co-test{display:flex;gap:6px;align-items:flex-start}.co-test .i{flex:none;width:16px;height:16px;margin-top:2px}
.co-buyer{display:none}
.co:has(input[name=provider][value=manual]:checked) .co-buyer{display:block}
.co-fields{display:grid;gap:0 16px;grid-template-columns:minmax(0,1fr);margin-top:12px}
@media (min-width:640px){.co-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
.co-promo{border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-xs),var(--sh-ring)}
.co-promo>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;cursor:pointer;color:var(--accent-text);font-weight:500;list-style:none}
.co-promo>summary::-webkit-details-marker{display:none}
.co-promo>summary .i{width:18px;height:18px}
.co-promo-b{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0 12px;padding:0 16px 12px}
.co-promo-b .fm-f{flex:1 1 220px;margin:0}
.co-promo-b .btn{margin-top:26px}
@media (max-width:479px){.co-promo-b .btn{margin-top:0;width:100%}}
.co-sum{min-width:0;display:grid;gap:12px}
@media (min-width:1024px){.co-sum{position:sticky;top:calc(var(--top-h) + 16px)}}
.co-card{padding:20px;margin:0}
.co-sum-h{margin:0 0 12px;font-size:var(--fs-lg);font-weight:600;color:var(--text)}
.co-item{margin:0;font-weight:500;color:var(--text);line-height:1.4}
.co-meta{margin:4px 0 0;color:var(--text-3);font-size:var(--fs-sm);line-height:1.45}
.co-lines{margin:12px 0 0;display:grid;gap:6px}
.co-lines>div{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-sm);color:var(--text-2)}
.co-lines dd{margin:0;text-align:right}
.co-disc dd{color:var(--pos-text);font-weight:500}
.co-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--border);color:var(--text-2)}
.co-total b{font-size:var(--fs-3xl);font-weight:600;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.co-rate{margin:2px 0 0;text-align:right;color:var(--text-3);font-size:var(--fs-xs)}
.co-next{margin:10px 0 0;color:var(--text-3);font-size:var(--fs-sm);line-height:1.45}
.co-go{margin:16px 0 0}
.co-legal{margin:10px 0 0;color:var(--text-3);font-size:var(--fs-xs);line-height:1.5}
.co-trust{padding:0 4px;color:var(--text-3);font-size:var(--fs-sm)}
.co-trust>p:first-child{display:flex;gap:8px;align-items:flex-start;margin:0}
.co-trust>p:first-child .i{flex:none;width:16px;height:16px;margin-top:2px;color:var(--pos)}
.co-trust .small{margin:10px 0 0}
.co .co-usd{display:none}
.co:has(input[name=provider][value=paddle]:checked) .co-usd{display:inline}
.co:has(input[name=provider][value=paddle]:checked) p.co-usd{display:block}
.co:has(input[name=provider][value=paddle]:checked) .co-uah{display:none}
.co .lb-inv,.co .lb-test{display:none}
.co:has(input[name=provider][value=manual]:checked) .lb-card,.co:has(input[name=provider][value=test]:checked) .lb-card{display:none}
.co:has(input[name=provider][value=manual]:checked) .lb-inv,.co:has(input[name=provider][value=test]:checked) .lb-test{display:inline-flex}
.co-btn span{display:inline-flex;align-items:center;gap:8px}
.co-bar-sum{display:flex;flex-direction:column;flex:none;line-height:1.15;color:var(--text)}
.co-bar-sum small{font-size:var(--fs-xs);color:var(--text-3)}
.co-bar-sum b{font-size:var(--fs-lg);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:767px){.co-go{display:none}.co>.actbar .btn{flex:1 1 auto}}
.bl-ret .bl-grid{margin-top:16px}
.bl-state{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:var(--r-xl);background:var(--surface);box-shadow:var(--sh-sm),var(--sh-ring)}
.bl-state h2{margin:0;font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.015em;color:var(--text)}
.bl-state p{margin:6px 0 0;color:var(--text-2);line-height:1.5}
.bl-state-i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--info-bg);color:var(--info-text)}
.bl-state-i .i{width:22px;height:22px}
.bl-state.ok .bl-state-i{background:var(--pos-bg);color:var(--pos-text)}
.bl-state.bad .bl-state-i{background:var(--neg-bg);color:var(--neg-text)}
.bl-state.wait .bl-state-i{background:var(--warn-bg);color:var(--warn-text)}
.bl-sub{margin:18px 0 6px;font-size:var(--fs-md);font-weight:600;color:var(--text)}
.bl-req dd .ib{margin:-10px 0}
.bl-ret-a{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.bl-ret-a form{margin:0}
.lg-banner a{font-weight:600}
.lg-banner-f .btn{min-height:44px}
.lg-meta{display:flex;flex-wrap:wrap;gap:4px 8px}
.lg-old{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:var(--warn-bg);color:var(--warn-text);font-size:var(--fs-md)}
.lg-old .i{flex:none;width:18px;height:18px;margin-top:2px}
.lg-body{min-width:0;overflow-wrap:anywhere}
.lg-body h2{scroll-margin-top:88px}
.lg-body ul{padding-left:1.2em}
.lg-body li+li{margin-top:4px}
.lg-ph{background:var(--warn-bg);color:var(--warn-text);padding:0 4px;border-radius:4px;font-weight:500}
.lg-tbl{margin:16px 0;border-radius:var(--r-lg);box-shadow:var(--sh-ring),var(--sh-xs);background:var(--surface);overflow:hidden}
.lg-tbl table{width:100%;border-collapse:collapse;font-size:var(--fs-md);line-height:1.5}
.lg-tbl th,.lg-tbl td{text-align:left;vertical-align:top;padding:10px 14px;border-top:1px solid var(--border)}
.lg-tbl thead th{border-top:0;background:var(--surface-2);color:var(--text);font-weight:600;font-size:var(--fs-sm)}
.lg-tbl td{color:var(--text-2)}
@media (max-width:719px){
 .lg-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .lg-tbl tr{display:block;padding:10px 14px;border-top:1px solid var(--border)}
 .lg-tbl tbody tr:first-child{border-top:0}
 .lg-tbl td{display:block;padding:2px 0;border:0}
 .lg-tbl td::before{content:attr(data-label);display:block;font-size:var(--fs-xs);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-top:6px}
 .lg-tbl td:first-child{color:var(--text);font-weight:600}
 .lg-tbl td:first-child::before{display:none}
}
.lg-req{margin:12px 0 0;display:grid;gap:0;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-ring),var(--sh-xs);padding:4px 16px}
.lg-req>div{display:grid;grid-template-columns:minmax(120px,34%) minmax(0,1fr);gap:4px 16px;padding:10px 0;border-top:1px solid var(--border)}
.lg-req>div:first-child{border-top:0}
.lg-req dt{color:var(--text-3);font-size:var(--fs-sm)}
.lg-req dd{margin:0;color:var(--text)}
.lg-req dd a{display:inline-flex;align-items:center;min-height:32px}
@media (max-width:479px){.lg-req>div{grid-template-columns:minmax(0,1fr)}}
.lg-note{margin:12px 0;padding:12px 14px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text-2)}
.lg-arch{margin:32px 0 0;border-top:1px solid var(--border);padding-top:12px}
.lg-arch>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:var(--accent-text);font-weight:500}
.lg-arch ul{margin:8px 0 0}
.lg-arch li a{display:inline-flex;align-items:center;min-height:44px}
.lg-arch-note{margin:32px 0 0;padding-top:16px;border-top:1px solid var(--border);color:var(--text-3);font-size:var(--fs-sm)}
.lp-doc .pay-bdg{margin:12px 0}
.reg-agree .cb{align-items:flex-start}
.reg-agree .cb>span:last-child{line-height:1.5}
.reg-agree a{font-weight:500;text-decoration:underline;text-underline-offset:2px}
.ab-tabs{margin:0 0 16px}
.ab .kpis{margin:0 0 16px}
.ab-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ab-checks li{display:flex;gap:8px;align-items:flex-start;color:var(--text-2);font-size:var(--fs-md)}
.ab-checks li .i{flex:none;width:18px;height:18px;margin-top:2px}
.ab-checks li.ok .i{color:var(--pos)}.ab-checks li.no .i{color:var(--warn)}
.ab-mini{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:0}
.ab-mini li{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px;border-top:1px solid var(--border);font-size:var(--fs-sm)}
.ab-mini li:first-child{border-top:0}
.ab-pend.hot{box-shadow:inset 0 0 0 2px var(--pos),var(--sh-sm)}
.ab-act{align-items:flex-end}
.ab-inl{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin:0}
.ab-lbl{display:grid;gap:4px;font-size:var(--fs-xs);color:var(--text-3)}
.ab-lbl .input{min-height:36px;width:auto;min-width:150px}
.ab-ref{display:inline-block}
.ab-ref>summary{list-style:none;cursor:pointer}
.ab-ref>summary::-webkit-details-marker{display:none}
.ab-ref[open]{display:block;width:100%}
.ab-ref[open] form{margin-top:8px;padding:12px;border-radius:var(--r-md);background:var(--surface-2)}
.ab-off{opacity:.65}
.ab-form .fm-f{margin-bottom:12px}
.ab-form .cb{margin:4px 0 10px}
.ab-2{display:grid;gap:0 12px;grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){.ab-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ab-legal{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.ab-legal{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ab-legal .panel{margin:0;padding:16px}
.ab-legal-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.ab-legal-h h3{margin:0;font-size:var(--fs-md)}
.ab-legal-h h3 a{display:inline-flex;align-items:center;min-height:32px}
.ab-legal p{margin:8px 0 0}
.lg-disc code,.ab code{font-size:.92em;padding:1px 5px;border-radius:4px;background:var(--surface-3)}
.ab-exp{display:grid;gap:4px;margin-bottom:12px}
.ab-exp .btn{justify-self:start}
.ab-exp-l{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ab-exp-l li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border)}
.ab-exp-l li>div{display:grid;gap:2px;min-width:0}
.bl-more-t{flex:1;min-width:0}
.lg-banner-f{display:block;margin:10px 0 0}
.reg-agree a,.bl-tr p a,.co-legal a,.bl-pay-row p a,.bl-ngo a{display:inline-block;padding:14px 0;margin:-14px 0}
@media (max-width:639px){.lg-banner.cmp .lg-banner-f{display:inline-flex;margin:0 0 0 auto}.lg-banner.cmp .lg-banner-f .btn{min-height:44px}}

/* ---- parts/w6.css ---- */
/* ===== W6: публічні сторінки — лендинг, пакети, «як це працює», безпека, документи, статус; аналітика в адмінці =====
   Префікс .lp-*; лише токени дизайн-системи (var(--…)), без hex у шаблонах; рух ≤ 200 мс; prefers-reduced-motion вимикає все. */
.lp{background:var(--bg);font-family:"Inter","Inter Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans"),local("Roboto");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0%;size-adjust:107.12%}
.lp main{display:block;outline:0}
.lp-w{max-width:1160px;margin:0 auto;padding:0 16px}
@media (min-width:768px){.lp-w{padding:0 32px}}
.lp-narrow{max-width:860px}
.lp .btn-lg{min-height:48px;padding:0 20px;font-size:16px}
.lp .ib{min-width:44px;min-height:44px}
.lp-h{position:sticky;top:0;z-index:30;background:var(--glass);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease)}
.lp-h.is-sc{border-bottom-color:var(--border)}
.lp-h-in{display:flex;align-items:center;gap:12px;height:64px}
.lp-h .brand{padding:6px 0;flex:none}
.lp-nav{display:none;gap:2px;margin-left:20px}
.lp-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-md);font-weight:500}
.lp-nav a:hover,.lp-nav a[aria-current=page]{color:var(--text);background:var(--surface-2);text-decoration:none}
.lp-h-a{margin-left:auto;display:flex;align-items:center;gap:6px}
.lp-h-cta{display:none}
.lp-login{min-height:44px}
.lp-menu{position:relative}
.lp-menu>summary{list-style:none}
.lp-menu>summary::-webkit-details-marker{display:none}
.lp-menu .lp-x{display:none}.lp-menu[open] .lp-x{display:block}.lp-menu[open] .lp-burger{display:none}
.lp-menu-p{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 32px));padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);display:flex;flex-direction:column;gap:2px;animation:lp-pop var(--dur) var(--ease-out)}
.lp-menu-p a:not(.btn){display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:var(--r-sm);color:var(--text);font-weight:500}
.lp-menu-p a:not(.btn):hover{background:var(--surface-2);text-decoration:none}
.lp-menu-p a .i{color:var(--text-3)}
.lp-menu-p .btn{margin-top:6px}
@media (min-width:960px){.lp-nav{display:flex}.lp-menu{display:none}.lp-h-cta{display:inline-flex}}
@media (max-width:359px){.lp-theme{display:none}}
.lp-hero{position:relative;overflow:hidden;padding:36px 0 56px;isolation:isolate}
.lp-hero::before{content:"";position:absolute;left:-10%;right:-10%;top:0;bottom:0;z-index:-1;-webkit-mask-image:linear-gradient(transparent,#000 160px,#000 calc(100% - 120px),transparent);mask-image:linear-gradient(transparent,#000 160px,#000 calc(100% - 120px),transparent);background:radial-gradient(45% 55% at 78% 30%,color-mix(in oklch,var(--accent) 22%,transparent),transparent 70%),radial-gradient(40% 50% at 8% 0%,color-mix(in oklch,oklch(0.7 0.14 220) 18%,transparent),transparent 70%)}
.lp-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.6;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:48px 48px;background-position:16px 36px;-webkit-mask-image:radial-gradient(60% 70% at 70% 45%,#000 10%,transparent 72%);mask-image:radial-gradient(60% 70% at 70% 45%,#000 10%,transparent 72%)}
@media (min-width:768px){.lp-hero::after{background-position:32px 36px}}
@media (min-width:1024px){.lp-hero::after{background-position:32px 72px}}
@media (min-width:1160px){.lp-hero::after{background-position:calc(50% - 524px) 72px}}
.lp-hero-in{display:grid;gap:40px;align-items:center}
@media (min-width:1024px){.lp-hero{padding:72px 0 96px}}
@media (min-width:1180px){.lp-hero-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}}
@media (min-width:768px) and (max-width:1179px){.lp-hero-t{max-width:760px}.lp-mock{max-width:760px}}
.lp-hero-t{min-width:0}
.lp-hero-t>*{animation:lp-up .2s var(--ease-out) both}
.lp-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 10px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-xs);font-size:var(--fs-sm);line-height:18px;color:var(--text-2);font-weight:500;max-width:100%}
.lp-eb-x{display:none}
@media (min-width:520px){.lp-eb-x{display:inline}}
.lp-eyebrow .dot{width:8px;height:8px;margin:0;border-radius:50%;background:var(--pos);box-shadow:0 0 0 3px color-mix(in oklch,var(--pos) 22%,transparent);flex:none}
.lp-hero h1{margin-top:18px;font-size:clamp(34px,6.6vw,58px);line-height:1.06;letter-spacing:-.035em;font-weight:600;overflow-wrap:break-word}
.lp-lead{margin-top:14px;font-size:var(--fs-xl);line-height:1.55;color:var(--text-2);max-width:62ch}
.lp-hero .lp-lead{font-size:clamp(16px,1.9vw,19px);margin-top:18px}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.lp-cta .btn .i{transition:transform var(--dur-fast) var(--ease)}
.lp-cta .btn:hover .i{transform:translateX(2px)}
@media (max-width:519px){.lp-cta .btn{width:100%}}
@media (max-width:359px){.lp-cta .btn-lg{padding:0 12px;font-size:15px}}
.lp-micro{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--text-3);font-size:var(--fs-sm)}
.lp-micro li{display:inline-flex;align-items:center;gap:6px}
.lp-micro .i{width:16px;height:16px;color:var(--pos)}
.lp-hero-s{padding:36px 0 20px}
@media (min-width:1024px){.lp-hero-s{padding:64px 0 28px}}
.lp-hero-s h1{max-width:22ch}
.lp-mock{position:relative;min-width:0;margin-bottom:24px;border-radius:var(--r-xl);background:var(--surface);font-size:13px;line-height:1.4;border:1px solid var(--border);box-shadow:0 30px 60px -24px oklch(0.3 0.08 270/.3),0 12px 24px -12px oklch(0.3 0.05 270/.16);animation:lp-up .2s var(--ease-out) both .06s}
@media (min-width:1180px){.lp-mock{margin-bottom:0}}
.lp-mock-bar{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-bottom:1px solid var(--border);color:var(--text-3);font-size:12px}
.lp-mock-bar i{width:10px;height:10px;border-radius:50%;background:var(--surface-3)}
.lp-mock-bar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-mock-body{display:grid;grid-template-columns:minmax(0,1fr);border-radius:0 0 calc(var(--r-xl) - 1px) calc(var(--r-xl) - 1px);overflow:hidden}
@media (min-width:640px){.lp-mock-body{grid-template-columns:148px minmax(0,1fr)}}
.lp-mock-side{display:none;flex-direction:column;gap:2px;padding:12px 10px;background:var(--bg);border-right:1px solid var(--border)}
@media (min-width:640px){.lp-mock-side{display:flex}}
.lp-ms-org{display:flex;align-items:center;gap:8px;padding:2px 6px 10px;font-weight:500;font-size:12px;white-space:nowrap;min-width:0}.lp-ms-org>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.lp-ms-org b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--brand-grad);color:var(--on-accent);font-size:10px;flex:none}
.lp-ms-i{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border-radius:var(--r-sm);color:var(--text-2)}
.lp-ms-i .i{width:15px;height:15px}
.lp-ms-i.on{background:var(--surface);color:var(--text);box-shadow:var(--sh-xs),inset 0 0 0 1px var(--border);font-weight:500}
.lp-ms-i em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;color:var(--accent-text);background:var(--accent-soft);border-radius:999px;padding:0 6px;line-height:18px}
.lp-mock-main{padding:16px 16px 64px;min-width:0;display:flex;flex-direction:column;gap:12px}
.lp-mock-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.lp-mock-h b{font-size:16px;font-weight:600}
.lp-mock-h .pill{height:22px;font-size:11px;min-width:0;overflow:hidden}
.lp-mock-h .pill::before{background:var(--pos)}
.lp-mock-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.lp-mock-kpis div{padding:8px 10px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);min-width:0}
.lp-mock-kpis small{display:block;color:var(--text-3);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-mock-kpis b{font-size:20px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.lp-mock-kpis .w b{color:var(--warn-text)}
.lp-mock-l{display:flex;flex-direction:column;border-radius:var(--r-md);border:1px solid var(--border);overflow:hidden}
.lp-mock-r{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--surface);min-width:0}
.lp-mock-r+.lp-mock-r{border-top:1px solid var(--border)}
.lp-mock-r:first-child{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.lp-sc{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);background:var(--pos-bg);color:var(--pos-text);font-weight:600;font-size:13px;flex:none;font-variant-numeric:tabular-nums}
.lp-sc.m{background:var(--warn-bg);color:var(--warn-text)}
.lp-mr-t{min-width:0;flex:1}
.lp-mr-t b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-mr-t small{display:block;color:var(--text-3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-dl{flex:none;font-size:11.5px;color:var(--text-2);background:var(--surface-2);border-radius:6px;padding:2px 6px;white-space:nowrap}
.lp-mock-why{padding:10px 12px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--text-2);font-size:12px;line-height:1.45}
.lp-mock-why b{color:var(--accent-text);font-weight:600}
.lp-mock-pack{position:absolute;left:16px;right:16px;bottom:-24px;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-lg);animation:lp-up .2s var(--ease-out) both .14s}
@media (min-width:640px){.lp-mock-pack{left:auto;right:16px;max-width:340px}}
.lp-pk-i{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);background:var(--pos-bg);color:var(--pos-text);flex:none}
.lp-mock-pack>span:last-child{min-width:0}
.lp-mock-pack b{display:block;font-size:13px;font-weight:600}
.lp-mock-pack small{display:block;font-size:11.5px;color:var(--text-3)}
.lp-trust{border-block:1px solid var(--border);background:var(--surface)}
.lp-trust-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.lp-trust-in>div{position:relative;padding:20px 0;display:flex;flex-direction:column;gap:2px;min-width:0}
.lp-trust-in b{font-size:30px;line-height:1.1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.lp-trust-in span{font-size:var(--fs-sm);color:var(--text-2);line-height:1.4}
.lp-trust-in>div::before{content:"";position:absolute;top:0;bottom:0;left:-16px;border-left:1px solid var(--border)}
@media (max-width:899px){.lp-trust-in>div:nth-child(2n+1)::before{display:none}.lp-trust-in>div:nth-child(n+3){border-top:1px solid var(--border)}.lp-trust-in>div:nth-child(4)::after{content:"";position:absolute;top:-1px;left:-32px;width:32px;border-top:1px solid var(--border)}}
@media (min-width:900px){.lp-trust-in{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:56px}.lp-trust-in>div{padding:28px 0}.lp-trust-in>div::before{left:-28px}.lp-trust-in>div:first-child::before{display:none}}
.lp-sec{padding:56px 0}
@media (min-width:768px){.lp-sec{padding:88px 0}}
.lp-sec-tight{padding-top:16px}
.lp-sec-alt{background:var(--surface);border-block:1px solid var(--border)}
.lp-sec-h{max-width:720px;margin-bottom:32px}
.lp-kicker{font-size:var(--fs-sm);font-weight:600;color:var(--accent-text);letter-spacing:.01em;margin-bottom:10px}
.lp-sec h2{font-size:clamp(26px,4.2vw,38px);line-height:1.15;letter-spacing:-.028em}
.lp-h3{font-size:var(--fs-2xl)!important;letter-spacing:-.015em!important;margin-bottom:14px}
.lp-foot{margin-top:16px;font-size:var(--fs-sm);line-height:1.5;color:var(--text-3)}
.lp-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:900px){.lp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.lp-step,.lp-card{position:relative;padding:24px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);min-width:0}
@media (hover:hover){.lp-step:hover,.lp-card:hover,.lp-plan:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--sh-md)}.lp-plan.is-pop:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),var(--sh-md)}}
.lp-step-n{position:absolute;top:18px;right:22px;font-size:48px;line-height:1;font-weight:600;letter-spacing:-.04em;color:color-mix(in oklch,var(--text) 9%,transparent)}
.lp-step-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-text);margin-bottom:18px}
.lp-step-ic .i{width:22px;height:22px}
.lp-step h3,.lp-card h3{font-size:var(--fs-xl);margin-bottom:8px}
.lp-step p,.lp-card p{color:var(--text-2);font-size:var(--fs-lg);line-height:1.55}
.lp-cards3,.lp-cards2{display:grid;gap:16px}
@media (min-width:700px){.lp-cards3,.lp-cards2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.lp-cards3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lp-card>.i{width:40px;height:40px;padding:10px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-text);margin-bottom:14px}
.lp-card-l h2{font-size:var(--fs-2xl)!important;letter-spacing:-.015em!important;margin-bottom:2px}
.lp-split{display:grid;gap:32px;align-items:center}
@media (min-width:1024px){.lp-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px}}
.lp-split-t{min-width:0}
.lp-checks{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.lp-checks li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.lp-checks .i{color:var(--pos);margin-top:2px}
.lp-checks-s{margin-top:12px;gap:10px}
.lp-checks-s li{font-size:var(--fs-md);color:var(--text-2)}
.lp-zip{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-md);overflow:hidden;min-width:0}
.lp-sec-alt .lp-zip{background:var(--bg)}
.lp-zip-h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}
.lp-zip-h>.i{color:var(--accent-text);width:22px;height:22px}
.lp-zip-h>span{min-width:0}
.lp-zip-h b{display:block;font-size:var(--fs-md);font-weight:600;overflow-wrap:anywhere}
.lp-zip-h small{color:var(--text-3);font-size:var(--fs-sm)}
.lp-zip-l{list-style:none;margin:0;padding:6px}
.lp-zip-l li{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r-sm);transition:background-color var(--dur-fast) var(--ease)}
.lp-zip-l li:hover{background:var(--surface-2)}
.lp-zip-l li>span:last-child{min-width:0}
.lp-zip-l b{display:block;font-weight:500;font-size:var(--fs-md);overflow-wrap:anywhere}
.lp-zip-l small{display:block;color:var(--text-3);font-size:var(--fs-sm)}
.lp-ft{flex:none;display:inline-grid;place-items:center;width:42px;height:26px;border-radius:6px;font-size:10px;font-weight:600;letter-spacing:.04em;background:var(--surface-3);color:var(--text-2)}
.lp-ft.p{background:var(--neg-bg);color:var(--neg-text)}
.lp-ft.d{background:var(--info-bg);color:var(--info-text)}
.lp-ft.x{background:var(--pos-bg);color:var(--pos-text)}
.lp-zip-f{display:flex;gap:8px;align-items:flex-start;padding:12px 16px;border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-2)}
.lp-zip-f .i{width:16px;height:16px;margin-top:1px;color:var(--text-3)}
.lp-cmp,.lp-mx{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-sm);overflow:hidden}
.lp-sec-alt .lp-mx{background:var(--bg)}
.lp-cmp-r{display:grid;grid-template-columns:1.05fr 1fr 1fr 1.25fr}
.lp-mx-r{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr))}
.lp-mx-3 .lp-mx-r{grid-template-columns:1fr 1fr 1.2fr}
.lp-cmp-r>span,.lp-mx-r>span{padding:14px 16px;font-size:var(--fs-md);line-height:1.45;color:var(--text-2);border-top:1px solid var(--border);min-width:0}
.lp-cmp-head>span,.lp-mx-head>span{border-top:0;font-weight:600;color:var(--text)}
.lp-cmp-r>span[role=rowheader],.lp-mx-r>span[role=rowheader]{color:var(--text);font-weight:500}
.lp-cmp .is-gd{background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--text)}
.lp-cmp-head .is-gd{color:var(--accent-text)}
@media (max-width:767px){
  .lp-cmp,.lp-mx{background:none!important;box-shadow:none;border:0;border-radius:0;display:flex;flex-direction:column;gap:12px;overflow:visible}
  .lp-cmp-head,.lp-mx-head{display:none!important}
  .lp-cmp-r,.lp-mx-r,.lp-mx-3 .lp-mx-r{grid-template-columns:minmax(0,1fr);background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden}
  .lp-cmp-r>span,.lp-mx-r>span{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:8px 14px;font-size:var(--fs-sm)}
  .lp-cmp-r>span[role=rowheader],.lp-mx-r>span[role=rowheader]{display:block;border-top:0;font-weight:600;padding-top:12px}
  .lp-cmp-r>span[data-l]::before,.lp-mx-r>span[data-l]::before{content:attr(data-l);color:var(--text-3);font-size:var(--fs-sm)}
}
.lp-pr-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}
.lp-seg{display:inline-flex;padding:4px;border-radius:var(--r-full);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}
.lp-seg button{min-height:40px;padding:0 16px;border:0;border-radius:var(--r-full);background:transparent;color:var(--text-2);font-weight:500;font-size:var(--fs-md);display:inline-flex;align-items:center;gap:6px;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.lp-seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--sh-xs),inset 0 0 0 1px var(--border)}
@media (pointer:coarse){.lp-seg button{min-height:44px}}
.lp-save{font-size:11px;font-weight:600;color:var(--pos-text);background:var(--pos-bg);padding:1px 6px;border-radius:999px}
.lp-pr-rate{font-size:var(--fs-sm);color:var(--text-3)}
.lp-pr-grid{display:grid;gap:20px 16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:640px){.lp-pr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.lp-pr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lp-plan{position:relative;display:flex;flex-direction:column;gap:4px;padding:24px 20px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);min-width:0}
.lp-sec-alt .lp-plan{background:var(--bg)}
.lp-plan.is-pop{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),var(--sh-md)}
.lp-plan-tag{position:absolute;top:-11px;left:20px;height:22px;padding:0 10px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:600;line-height:22px}
.lp-plan h3{font-size:var(--fs-xl)}
.lp-plan-who{font-size:var(--fs-sm);line-height:18px;color:var(--text-3);min-height:36px}
.lp-price{display:flex;align-items:baseline;gap:4px;margin-top:10px}
.lp-price b{font-size:40px;line-height:1;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.lp-price span{color:var(--text-3);font-size:var(--fs-md)}
.lp-price-sub{font-size:var(--fs-sm);color:var(--text-3);margin-bottom:16px;font-variant-numeric:tabular-nums}
.lp-y{display:none!important}
.lp-pr[data-per=y] .lp-m{display:none!important}
.lp-pr[data-per=y] .lp-price.lp-y{display:flex!important}
.lp-pr[data-per=y] .lp-price-sub.lp-y{display:block!important}
.lp-feats{list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}
.lp-feats li{display:flex;gap:8px;font-size:var(--fs-md);line-height:1.45;color:var(--text-2)}
.lp-feats .i{width:16px;height:16px;margin-top:2px;color:var(--accent-text)}
.lp-pr-note{margin-top:20px;font-size:var(--fs-sm);color:var(--text-3);text-align:center}
.lp-secu{display:grid;gap:32px;padding:28px 20px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-sm)}
@media (min-width:768px){.lp-secu{padding:40px}}
@media (min-width:1024px){.lp-secu{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:48px;gap:56px}}
.lp-secu-t{min-width:0}
.lp-secu-t .btn{margin-top:24px;min-height:44px}
.lp-secu-l{list-style:none;margin:0;padding:0;display:grid;gap:22px}
@media (min-width:640px){.lp-secu-l{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lp-secu-l li{display:flex;gap:14px;align-items:flex-start;font-size:var(--fs-md);line-height:1.5;color:var(--text-2);min-width:0}
.lp-secu-l li>.i{width:40px;height:40px;padding:10px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-text)}
.lp-secu-l b{display:block;color:var(--text);font-weight:600;font-size:var(--fs-lg);margin-bottom:2px}
.lp-faq{display:flex;flex-direction:column;gap:10px}
.lp-faq-i{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}
.lp-sec-alt .lp-faq-i{background:var(--bg)}
.lp-faq-i>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 18px;font-weight:500;font-size:var(--fs-lg);line-height:1.4;cursor:pointer;border-radius:var(--r-lg)}
.lp-faq-i>summary::-webkit-details-marker{display:none}
.lp-faq-i>summary:hover{color:var(--accent-text)}
.lp-faq-x{transition:transform var(--dur) var(--ease);color:var(--text-3)}
.lp-faq-i[open] .lp-faq-x{transform:rotate(45deg)}
.lp-faq-i p{padding:0 18px 18px;color:var(--text-2);line-height:1.6;font-size:var(--fs-lg)}
.lp-band{position:relative;overflow:hidden;isolation:isolate;padding:44px 20px;border-radius:var(--r-xl);color:#fff;text-align:center;background:radial-gradient(120% 90% at 100% 0%,oklch(0.62 0.2 300/.9),transparent 60%),radial-gradient(90% 80% at 0% 100%,oklch(0.6 0.16 220/.85),transparent 60%),linear-gradient(160deg,oklch(0.42 0.2 275),oklch(0.3 0.14 270))}
.lp-band::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(oklch(1 0 0/.5) 1px,transparent 1px),linear-gradient(90deg,oklch(1 0 0/.5) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000,transparent);mask-image:radial-gradient(80% 70% at 50% 30%,#000,transparent)}
@media (min-width:768px){.lp-band{padding:64px 48px}}
.lp-band h2{font-size:clamp(26px,4vw,38px);letter-spacing:-.03em;color:#fff}
.lp-band p{margin:12px auto 0;max-width:56ch;color:oklch(1 0 0/.86);font-size:var(--fs-xl);line-height:1.5}
.lp-band .lp-cta{justify-content:center}
.lp-btn-w,.lp-btn-w:hover{background:#fff;color:oklch(0.32 0.14 275);border-color:transparent}
.lp-btn-w:hover{background:oklch(0.96 0.02 275)}
.lp-btn-o{background:oklch(1 0 0/.1);color:#fff;border-color:oklch(1 0 0/.4);box-shadow:none}
.lp-btn-o:hover{background:oklch(1 0 0/.18)}
.lp-tl{list-style:none;margin:0;padding:0}
.lp-tl-i{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding-bottom:32px}
.lp-tl-i:not(:last-child)::before{content:"";position:absolute;left:21px;top:52px;bottom:6px;width:2px;border-radius:2px;background:var(--border)}
.lp-tl-n{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-text)}
.lp-tl-b{min-width:0}
.lp-tl-b h3{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:var(--fs-2xl);letter-spacing:-.015em}
.lp-tl-k{display:block;width:100%;font-size:var(--fs-sm);color:var(--text-3);font-weight:500;letter-spacing:0}
.lp-tl-g{display:grid;gap:10px;margin-top:14px}
@media (min-width:768px){.lp-tl-g{grid-template-columns:1fr 1fr}}
.lp-tl-g p{padding:14px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);color:var(--text-2);line-height:1.5;font-size:var(--fs-md)}
.lp-tl-g b{display:flex;align-items:center;gap:6px;color:var(--text);font-weight:600;margin-bottom:4px}
.lp-tl-g b .i{width:16px;height:16px}
.lp-tl-g p:first-child b{color:var(--accent-text)}
.lp-legal{display:grid;gap:24px}
@media (min-width:960px){.lp-legal{grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}}
.lp-legal-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.lp-legal-nav::-webkit-scrollbar{display:none}
.lp-legal-nav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:var(--r-sm);color:var(--text-2);font-weight:500;font-size:var(--fs-md);white-space:nowrap;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.lp-legal-nav a:hover{text-decoration:none;color:var(--text)}
.lp-legal-nav a[aria-current=page]{color:var(--accent-text);background:var(--accent-soft);box-shadow:none}
@media (min-width:960px){.lp-legal-nav{flex-direction:column;gap:2px;position:sticky;top:88px;overflow:visible}.lp-legal-nav a{background:none;box-shadow:none;white-space:normal;min-height:40px}}
.lp-doc{max-width:72ch;min-width:0;font-size:var(--fs-lg);line-height:1.65;color:var(--text-2)}
.lp-doc h2{font-size:var(--fs-2xl)!important;letter-spacing:-.015em!important;color:var(--text);margin:32px 0 10px}
.lp-doc p+p{margin-top:12px}
.lp-doc .banner{margin-bottom:20px;font-size:var(--fs-md)}
.lp-doc code{overflow-wrap:anywhere}
.lp-doc-meta{font-size:var(--fs-sm);color:var(--text-3)}
.lp-st-sum{display:flex;gap:16px;align-items:flex-start;margin-top:18px;padding:20px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-sm)}
.lp-st-sum>.i{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--pos-bg);color:var(--pos-text)}
.lp-st-sum.is-warn>.i{background:var(--warn-bg);color:var(--warn-text)}
.lp-st-sum.is-down>.i{background:var(--neg-bg);color:var(--neg-text)}
.lp-st-sum>div{min-width:0}
.lp-hero .lp-st-sum h1{margin:0;font-size:clamp(24px,4vw,32px);letter-spacing:-.025em}
.lp-st-sum p{margin-top:6px;color:var(--text-2);line-height:1.5}
.lp-st{list-style:none;margin:0;padding:0;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);overflow:hidden}
.lp-st li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 18px}
.lp-st li+li{border-top:1px solid var(--border)}
.lp-st-t{min-width:0}
.lp-st-t b{display:block;font-weight:500}
.lp-st-t small{display:block;color:var(--text-3);font-size:var(--fs-sm)}
.lp-f{border-top:1px solid var(--border);background:var(--surface);padding:48px 0 32px;font-size:var(--fs-md)}
.lp-f-top{display:grid;gap:28px 16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lp-f-brand{grid-column:1/-1}
@media (min-width:768px){.lp-f-top{grid-template-columns:2fr 1fr 1fr;gap:32px}.lp-f-brand{grid-column:auto}}
.lp-f-brand .brand{padding:0}
.lp-f-brand p{margin-top:12px;color:var(--text-2);max-width:42ch;line-height:1.55}
.lp-f-col{display:flex;flex-direction:column;align-items:flex-start}
.lp-f-col h2{font-size:var(--fs-sm);color:var(--text-3);font-weight:600;margin-bottom:4px}
.lp-f-col a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-2)}
@media (min-width:768px){.lp-f-col a{min-height:36px}}
.lp-f-bot{margin-top:28px;padding-top:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;color:var(--text-3);font-size:var(--fs-sm);line-height:1.5}
.lp-f-bot a{color:var(--text-2)}
.lp-sticky{display:none}
@media (max-width:767px){
  html.js .lp-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);transform:translateY(110%);visibility:hidden;transition:transform var(--dur) var(--ease),visibility 0s linear var(--dur)}
  html.js .lp-sticky.is-on{transform:none;visibility:visible;transition:transform var(--dur) var(--ease)}
  html.js .lp-f{padding-bottom:96px}
}
.w6-pad{padding:12px}
.w6-fn{display:flex;flex-direction:column;gap:10px}
.w6-fn-r{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:4px 12px;align-items:center;font-size:var(--fs-sm)}
.w6-fn-l{grid-column:1/-1;color:var(--text-2)}
.w6-fn-v{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (min-width:768px){.w6-fn-r{grid-template-columns:220px minmax(0,1fr) 120px}.w6-fn-l{grid-column:auto}}
.w6-w0{width:0}.w6-w5{width:5%}.w6-w10{width:10%}.w6-w15{width:15%}.w6-w20{width:20%}.w6-w25{width:25%}.w6-w30{width:30%}.w6-w35{width:35%}.w6-w40{width:40%}.w6-w45{width:45%}.w6-w50{width:50%}
.w6-w55{width:55%}.w6-w60{width:60%}.w6-w65{width:65%}.w6-w70{width:70%}.w6-w75{width:75%}.w6-w80{width:80%}.w6-w85{width:85%}.w6-w90{width:90%}.w6-w95{width:95%}.w6-w100{width:100%}
@keyframes lp-up{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes lp-pop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lp *,.lp *::before,.lp *::after{animation:none!important;transition:none!important}}

/* ---- parts/w9.css ---- */
/* ===== W9: операції відділу — картка заявки 2.0, канбан, вичитка, портфель, допомога/підтримка. Лише токени 2.0; без inline-стилів. ===== */
.w9-mb{margin-bottom:16px}.w9-mt{margin-top:10px}.w9-pad{padding:12px 16px 4px}
.w9-h3{display:flex;align-items:center;gap:8px;font-size:var(--fs-lg);line-height:22px;font-weight:600;margin:0 0 10px}
.w9-h3 .muted{font-weight:500;font-size:var(--fs-sm)}
.w9-dot{color:var(--text-3)}
.w9-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.w9-toolbar .sp{flex:1}
.w9-narrow{max-width:760px}
.w9-av{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;font-size:10.5px;font-weight:600;letter-spacing:.02em;color:#fff;box-shadow:0 0 0 2px var(--surface);vertical-align:middle;background:oklch(0.56 0.14 272)}
.w9-av.h1{background:oklch(0.56 0.13 200)}.w9-av.h2{background:oklch(0.55 0.13 150)}.w9-av.h3{background:oklch(0.58 0.14 60)}.w9-av.h4{background:oklch(0.56 0.15 20)}
.w9-av.h5{background:oklch(0.55 0.14 320)}.w9-av.h6{background:oklch(0.54 0.12 240)}.w9-av.h7{background:oklch(0.55 0.11 100)}
.w9-ring{position:relative;display:inline-grid;place-items:center;flex:none;color:var(--text)}
.w9-ring svg{display:block;width:40px;height:40px;transform:rotate(-90deg)}
.w9-ring .t{fill:none;stroke:var(--surface-3);stroke-width:3.6}
.w9-ring .v{fill:none;stroke:var(--accent);stroke-width:3.6;stroke-linecap:round;transition:stroke-dasharray .5s var(--ease-out)}
.w9-ring.ok .v{stroke:var(--pos)}.w9-ring.lo .v{stroke:var(--warn)}
.w9-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.w9-ring.lg svg{width:56px;height:56px}.w9-ring.lg b{font-size:13px}
.w9-ring.sm svg{width:22px;height:22px}.w9-ring.sm .t,.w9-ring.sm .v{stroke-width:5}.w9-ring.sm b{display:none}
.w9-bar{display:block;width:100%;height:6px;border-radius:var(--r-full);overflow:hidden;margin-top:6px}
.w9-bar .t{fill:var(--surface-3)}.w9-bar .v{fill:var(--accent)}
.w9-bar.ok .v{fill:var(--pos)}.w9-bar.warn .v{fill:var(--warn)}.w9-bar.bad .v{fill:var(--neg)}
.w9-dl{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:var(--r-xs);font-size:12px;font-weight:500;white-space:nowrap;background:var(--surface-2);color:var(--text-2);font-variant-numeric:tabular-nums}
.w9-dl .i{width:13px;height:13px}
.w9-dl.soon{background:var(--warn-bg);color:var(--warn-text)}.w9-dl.hot,.w9-dl.over{background:var(--neg-bg);color:var(--neg-text)}
.w9-cd{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:108px;padding:10px 14px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border)}
.w9-cd b{font-size:30px;line-height:32px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text)}
.w9-cd span{font-size:12px;line-height:16px;color:var(--text-2);font-weight:500}
.w9-cd small{font-size:11px;line-height:14px;color:var(--text-3)}
.w9-cd.won{background:var(--pos-bg);border-color:transparent}.w9-cd.won b,.w9-cd.won span{color:var(--pos-text)}
.w9-cd.soon{background:var(--warn-bg);border-color:transparent}.w9-cd.soon b,.w9-cd.soon span{color:var(--warn-text)}
.w9-cd.hot,.w9-cd.over{background:var(--neg-bg);border-color:transparent}.w9-cd.hot b,.w9-cd.hot span,.w9-cd.over b,.w9-cd.over span{color:var(--neg-text)}
.w9-dlb{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:48px;height:44px;border-radius:var(--r-md);background:var(--surface-2);line-height:1}
.w9-dlb b{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.w9-dlb small{font-size:10.5px;color:var(--text-3);margin-top:2px}
.w9-dlb.soon{background:var(--warn-bg)}.w9-dlb.soon b{color:var(--warn-text)}.w9-dlb.hot{background:var(--neg-bg)}.w9-dlb.hot b{color:var(--neg-text)}
.w9-tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:var(--r-xs);font-size:11.5px;font-weight:500;background:var(--surface-2);color:var(--text-2);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;flex:none}
.w9-tag.ok{background:var(--pos-bg);color:var(--pos-text)}.w9-tag.crit{background:var(--neg-bg);color:var(--neg-text)}
.w9-hero{display:flex;flex-direction:column;gap:14px;margin:0 0 14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-sm);min-width:0}
.w9-hero-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:24px}
.w9-hero-top .sp{flex:1}
.w9-hero-main{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:center}
.w9-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;font-size:var(--fs-sm);line-height:18px;color:var(--text-2);font-weight:500;min-width:0}
.w9-eyebrow .i{width:15px;height:15px;color:var(--text-3)}
.w9-eyebrow>span{min-width:0;overflow-wrap:anywhere}
.w9-title{margin:6px 0 0;font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.018em;overflow-wrap:anywhere;color:var(--text)}
.w9-hint{margin:6px 0 0;font-size:var(--fs-sm);line-height:19px;color:var(--text-3)}
.w9-hero-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.w9-hero-kpi>:only-child{grid-column:1/-1}
.w9-rd{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 14px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border)}
.w9-rd>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.w9-rd small{font-size:12px;color:var(--text-2);font-weight:500}
.w9-rd em{font-style:normal;font-size:11.5px;line-height:15px;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.w9-steps{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.w9-steps li{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:14px;color:var(--text-3);font-weight:500}
.w9-steps li i{display:block;height:4px;border-radius:2px;background:var(--surface-3)}
.w9-steps li.done i{background:color-mix(in oklch,var(--pos) 70%,var(--surface-3))}.w9-steps li.done{color:var(--text-2)}
.w9-steps li.cur i{background:var(--accent)}.w9-steps li.cur{color:var(--text);font-weight:600}
.w9-steps li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w9-status-t{flex:1 1 200px;min-width:0}
.w9-status-e{flex:1 1 100%;margin:0}
.w9-pulse{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--border-strong)}
.w9-pulse.on{background:var(--accent);box-shadow:0 0 0 0 color-mix(in oklch,var(--accent) 50%,transparent);animation:w9p 1.6s ease-out infinite}
@keyframes w9p{0%{box-shadow:0 0 0 0 color-mix(in oklch,var(--accent) 45%,transparent)}100%{box-shadow:0 0 0 8px transparent}}
.w9-note{margin:0}
.w9-actbar{margin:0}
.w9-actbar>form{display:flex;min-width:0}
.w9-act-hint{font-size:12px;color:var(--text-3)}
@media (max-width:767px){
  .w9-actbar>form{flex:2 1 0}.w9-actbar>form .btn,.w9-actbar>.btn-p{flex:1 1 0}
  .w9-actbar>a.btn-p,.w9-actbar>button.btn-p{flex:2 1 0}
  .w9-actbar .w9-more-m{flex:0 0 auto;padding:4px 14px}.w9-actbar .w9-more-m.only{flex:1 1 0}
  .w9-actbar .w9-more-m:not(.only) span{font-size:13px}
  .w9-steps li:not(.cur) span{display:none}.w9-steps li.cur{flex:3}
  .w9-hero{padding:14px;gap:12px;border-radius:var(--r-lg)}
  .w9-title{font-size:18px;line-height:24px}
  .w9-cd{min-width:0;padding:8px 12px}.w9-cd b{font-size:24px;line-height:28px}
  .w9-rd{padding:8px 12px}.w9-rd .w9-ring.lg svg{width:44px;height:44px}.w9-rd .w9-ring.lg b{font-size:11.5px}
}
@media (min-width:768px){
  .w9-hero{padding:20px 22px}
  .w9-hero-kpi{display:flex}
  .w9-title{font-size:22px;line-height:28px}
  .w9-actbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
}
.w9-tabs{position:sticky;top:calc(var(--top-h) + env(safe-area-inset-top));z-index:20;display:flex;gap:2px;overflow-x:auto;margin:0 -16px 16px;padding:0 16px;background:color-mix(in oklch,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--border);scrollbar-width:none}
.w9-tabs::-webkit-scrollbar{display:none}
.w9-tabs a{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none;min-height:44px;padding:0 10px;color:var(--text-3);font-size:var(--fs-md);font-weight:500;white-space:nowrap}
.w9-tabs a .i{width:16px;height:16px}
.w9-tabs a:hover{color:var(--text);text-decoration:none}
.w9-tabs a::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:transparent}
.w9-tabs a[aria-current]{color:var(--text)}.w9-tabs a[aria-current]::after{background:var(--accent)}.w9-tabs a[aria-current] .i{color:var(--accent-text)}
.w9-tabs .cnt{height:18px;font-size:11px}
@media (min-width:1024px){.w9-tabs{margin:0 0 18px;padding:0 4px}}
.w9-sec{margin:0 0 28px;min-width:0;scroll-margin-top:calc(var(--top-h) + 56px)}
.w9-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.w9-main{min-width:0}
.w9-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.w9-side .panel+.panel{margin-top:0}
@media (min-width:1100px){.w9-grid{grid-template-columns:minmax(0,1fr) 320px;gap:24px}}   
.w9-facts dl{display:flex;flex-direction:column;margin:0}
.w9-facts dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:8px 0;border-top:1px solid var(--border);font-size:13px;line-height:19px}
.w9-facts dl>div:first-child{border-top:0;padding-top:0}
.w9-facts dt{color:var(--text-3)}.w9-facts dd{margin:0;color:var(--text);overflow-wrap:anywhere;min-width:0}
.w9-facts dd .w9-av{width:22px;height:22px;font-size:9.5px;margin-right:4px}
.w9-check ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.w9-check li{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:18px;color:var(--text-2)}
.w9-check li .i{width:16px;height:16px;flex:none;color:var(--text-3);margin-top:1px}
.w9-check li.ok{color:var(--text)}.w9-check li.ok .i{color:var(--pos-text)}
.w9-calm{display:flex;gap:12px;align-items:flex-start}
.w9-calm>.i{width:20px;height:20px;color:var(--pos-text);flex:none;margin-top:1px}
.w9-calm b{display:block;font-weight:600}.w9-calm p{margin:2px 0 0}
.w9-more-list{margin-top:6px}
.w9-secs .sect>summary{gap:10px}
.w9-sn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:6px;background:var(--surface-2);font-size:11.5px;font-weight:600;color:var(--text-3);font-variant-numeric:tabular-nums}
.w9-st{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.w9-calltext .fm-f{margin-top:8px}
.w9-outcome{border-left:3px solid var(--border-strong)}
.w9-outcome.won{border-left-color:var(--pos);background:color-mix(in oklch,var(--pos-bg) 55%,var(--surface))}
.w9-outcome.lost{border-left-color:var(--neg)}
.w9-oc-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.w9-oc-h b{font-size:var(--fs-xl);font-weight:600}
.w9-oc-h .i{width:20px;height:20px;color:var(--text-3)}.w9-outcome.won .w9-oc-h .i{color:var(--pos-text)}
.w9-oc-sum{margin-left:auto;font-size:var(--fs-xl);font-weight:600;font-variant-numeric:tabular-nums}
.w9-oc-sum small{font-size:12px;color:var(--text-3);font-weight:500}
.w9-oc-empty{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.w9-oc-empty>div{display:flex;gap:12px;align-items:flex-start;min-width:0;flex:1 1 260px}
.w9-oc-empty>div>.i{width:20px;height:20px;color:var(--warn-text);flex:none;margin-top:2px}
.w9-ocf .rc-grid{margin-bottom:12px}
.w9-ocf .w9-oc-won,.w9-ocf .w9-oc-lost{display:none}
.w9-ocf:has(input[name=result][value=won]:checked) .w9-oc-won{display:block}
.w9-ocf:has(input[name=result][value=lost]:checked) .w9-oc-lost{display:block}
.w9-row2{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px}
@media (max-width:479px){.w9-ocf .rc-grid.c3{grid-template-columns:minmax(0,1fr)}}
.w9-menu{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.w9-menu form{display:contents}
.w9-menu>a,.w9-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 10px;border:0;border-radius:var(--r-md);background:none;color:var(--text);font:inherit;font-size:var(--fs-md);text-align:left;cursor:pointer}
.w9-menu>a:hover,.w9-menu button:hover{background:var(--surface-2);text-decoration:none}
.w9-menu .i{width:18px;height:18px;color:var(--text-3);flex:none}
.w9-menu span{display:flex;flex-direction:column;min-width:0}
.w9-menu small{font-size:12px;color:var(--text-3);line-height:16px}
.w9-menu .danger{color:var(--neg-text)}.w9-menu .danger .i{color:var(--neg-text)}
.w9-menu hr{border:0;border-top:1px solid var(--border);margin:6px 0}
.w9-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.w9-tl li{position:relative;display:flex;gap:12px;padding:0 0 12px}
.w9-tl li::before{content:"";position:absolute;left:4px;top:14px;bottom:-2px;width:1px;background:var(--border)}
.w9-tl li:last-child::before{display:none}
.w9-tl-d{flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 2px var(--border-strong)}
.w9-tl li.approve .w9-tl-d{box-shadow:inset 0 0 0 5px var(--pos)}.w9-tl li.return .w9-tl-d{box-shadow:inset 0 0 0 5px var(--warn)}.w9-tl li.edit .w9-tl-d{box-shadow:inset 0 0 0 5px var(--accent)}
.w9-tl b{display:block;font-size:13px;font-weight:500;color:var(--text);line-height:19px}
.w9-tl p{margin:2px 0;font-size:13px;line-height:19px;color:var(--text-2);overflow-wrap:anywhere}
.w9-tl small{font-size:12px;color:var(--text-3)}
.w9-tl>li>div{min-width:0}
.w9-seg{display:none}
.w9-board{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.w9-col{flex:1 1 0;min-width:212px;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--r-lg);background:color-mix(in oklch,var(--surface-2) 60%,transparent);border:1px solid color-mix(in oklch,var(--border) 60%,transparent)}
.w9-col-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:2px 4px 4px}
.w9-col-h h2{font-size:var(--fs-sm);font-weight:600;color:var(--text);line-height:18px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w9-col-h .cnt{height:18px;font-size:11px}
.w9-col-h small{grid-column:1/-1;font-size:11.5px;line-height:15px;color:var(--text-3)}
.w9-col-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}
.c-work .w9-col-dot{background:var(--accent)}.c-you .w9-col-dot{background:var(--neg)}.c-approved .w9-col-dot{background:var(--pos)}.c-submitted .w9-col-dot{background:var(--info,var(--accent))}.c-done .w9-col-dot{background:var(--text-3)}
.w9-col-l{display:flex;flex-direction:column;gap:8px;min-width:0}
.w9-col-e{padding:12px;border:1px dashed var(--border);border-radius:var(--r-md);font-size:12.5px;line-height:17px;color:var(--text-3);text-align:center}
.w9-kc{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-xs);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.w9-kc:hover{border-color:var(--border-strong);box-shadow:var(--sh-md);transform:translateY(-1px)}
.w9-kc:has(.stretch:focus-visible){outline:2px solid var(--ring);outline-offset:2px}
.w9-kc.you{box-shadow:inset 3px 0 0 var(--neg),var(--sh-xs)}
.w9-kc-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.w9-kc-sub{min-width:0;font-size:11.5px;font-weight:500;line-height:16px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.w9-kc-sub.crit{color:var(--neg-text)}.w9-kc-sub.live{color:var(--accent-text)}
.w9-kc h3{margin:0;font-size:13.5px;line-height:19px;font-weight:600;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.w9-kc h3 a{color:var(--text)}.w9-kc h3 a:hover{text-decoration:none}
.w9-kc-d{margin:0;font-size:12px;line-height:16px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w9-kc-f{display:flex;align-items:center;gap:6px;min-width:0;margin-top:2px}
.w9-kc-f .sp{flex:1}
.w9-kc-m{font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.w9-kc .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.w9-kc-p{display:inline-flex}
@media (min-width:768px){
  .w9-col.is-empty{flex:0 0 132px;min-width:132px}
  .w9-col.is-empty .w9-col-h small{display:none}
  .w9-col.is-empty .w9-col-h{grid-template-columns:auto minmax(0,1fr)}.w9-col.is-empty .w9-col-h .cnt{display:none}   
  .w9-col.is-empty .w9-col-h h2{white-space:normal;overflow:visible}
}
@media (min-width:1280px){.w9-hero-main{grid-template-columns:minmax(0,1fr) auto}.w9-col{min-width:0}.w9-col.is-empty{flex:0 0 148px;min-width:148px}}
@media (max-width:767px){
  .w9-seg{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 10px;padding:2px 16px 4px;scrollbar-width:none;position:sticky;top:calc(var(--top-h) + env(safe-area-inset-top));z-index:15;background:color-mix(in oklch,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .w9-seg::-webkit-scrollbar{display:none}
  .w9-seg a{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:500;white-space:nowrap}
  .w9-seg a:hover{text-decoration:none}
  .w9-seg a[aria-current]{background:var(--text);color:var(--bg);border-color:var(--text)}
  .w9-seg a[aria-current] .cnt{background:color-mix(in oklch,var(--bg) 22%,transparent);color:var(--bg)}
  .w9-board{gap:12px;margin:0 -16px;padding:0 16px 8px;scroll-snap-type:x mandatory;scroll-padding:0 16px;overscroll-behavior-x:contain;scrollbar-width:none}
  .w9-board::-webkit-scrollbar{display:none}
  .w9-col{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;padding:0;background:none;border:0}
  .w9-col-h{padding:0 2px 2px}
  .w9-kc{padding:14px}.w9-kc h3{font-size:15px;line-height:21px}
}
@media (max-width:359px){.w9-tabs{margin:0 -12px 16px;padding:0 12px}.w9-actbar .w9-more-m:not(.only) span{display:none}.w9-actbar .w9-more-m:not(.only){padding:4px 12px}.w9-actbar{padding-left:12px;padding-right:12px}.w9-board{margin:0 -12px;padding:0 12px 8px}.w9-seg{margin:0 -12px 10px;padding:2px 12px 4px}}
.w9-qq .rows{gap:0}
.w9-qr{display:flex;align-items:center;gap:14px;padding:12px 4px;border-top:1px solid var(--border);min-width:0;border-radius:var(--r-sm)}
.w9-qr:first-child{border-top:0}
.w9-qr.is-cur{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}
.w9-sla{flex:none;width:124px;font-size:12px;line-height:16px}
.w9-sla b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-2)}
.w9-sla.over b{color:var(--neg-text)}.w9-sla.soon b{color:var(--warn-text)}
.w9-qr-m{flex:1 1 auto;min-width:0}
.w9-qr-t{display:block;font-weight:600;font-size:var(--fs-md);line-height:20px;color:var(--text);overflow-wrap:anywhere}
.w9-qr-t:hover{text-decoration:none;color:var(--accent-text)}
.w9-qr .row-s{margin-top:4px}
.w9-qr-a{display:flex;align-items:center;gap:8px;flex:none}
.w9-qr-a form{display:flex}
@media (max-width:767px){
  .w9-qr{flex-wrap:wrap;gap:8px 12px;padding:14px 0}
  .w9-sla{width:100%;display:flex;align-items:center;gap:10px}.w9-sla .w9-bar{margin-top:0;flex:1}
  .w9-qr-a{width:100%}.w9-qr-a .btn{flex:1 1 0;min-height:44px}
}
.w9-sla-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:var(--r-full);font-size:12px;font-weight:500;background:var(--surface-2);color:var(--text-2);white-space:nowrap}
.w9-sla-chip .i{width:14px;height:14px}
.w9-sla-chip.soon{background:var(--warn-bg);color:var(--warn-text)}.w9-sla-chip.over{background:var(--neg-bg);color:var(--neg-text)}
.w9-qh{gap:10px}
.w9-qmeta{margin-top:2px}
.w9-qmeta a{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px}
.w9-asg{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border);font-size:13px;color:var(--text-2)}
.w9-asg form{display:flex;gap:6px;align-items:center}
.w9-asg-f .input{width:auto;min-width:180px;max-width:100%}
.w9-qgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.w9-toc{display:none}
.w9-qmain{min-width:0;display:flex;flex-direction:column;gap:12px}
.w9-qsum{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--text-2)}
.w9-qsum .i{width:16px;height:16px;color:var(--text-3)}
.w9-qs{scroll-margin-top:calc(var(--top-h) + 16px);margin:0!important}
.w9-qs>summary{display:flex;align-items:center;gap:10px;min-height:40px;font-size:var(--fs-lg);font-weight:600;cursor:pointer;list-style:none;flex-wrap:wrap}
.w9-qs>summary::-webkit-details-marker{display:none}
.w9-qs>summary .chev{margin-left:auto;color:var(--text-3);transition:transform var(--dur) var(--ease)}
.w9-qs[open]>summary .chev{transform:rotate(180deg)}
.w9-qs.changed{border-color:color-mix(in oklch,var(--accent) 35%,var(--border))}
.w9-qs.is-cur{box-shadow:inset 0 0 0 2px var(--ring),var(--sh-sm)}
.w9-decide{display:flex;flex-direction:column;gap:12px;min-width:0}
.w9-decide .panel+.panel{margin-top:0}
.w9-dec .btn kbd{margin-left:4px;background:color-mix(in oklch,var(--surface) 20%,transparent);color:inherit;border-color:color-mix(in oklch,currentColor 25%,transparent);box-shadow:none}
.w9-dec form{display:flex;flex-direction:column;gap:8px;min-width:0}
.w9-dec .input{width:100%;min-width:0}
.w9-dec>summary{display:flex;align-items:center;gap:8px;min-height:44px;font-weight:600;cursor:pointer;list-style:none}
.w9-dec>summary::-webkit-details-marker{display:none}
.w9-dec>summary .chev{margin-left:auto}
.w9-or{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:12px;color:var(--text-3)}
.w9-or::before,.w9-or::after{content:"";flex:1;height:1px;background:var(--border)}
.w9-tpls{display:flex;flex-wrap:wrap;gap:6px}
.w9-tpls .chip{min-height:30px;font-size:12px;padding:0 10px;cursor:pointer}
.w9-tpls .chip.used{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text)}
.w9-cform .w9-cform-r{display:flex;gap:6px;min-width:0}
.w9-cform .w9-cform-r .input{flex:1}
.w9-cform .btn{min-height:44px;flex:none}
.w9-cform .input{min-height:44px}
.w9-qbar{display:none}
@media (max-width:767px){.w9-qbar{display:flex}.w9-qbar .btn{flex:1 1 0}}
@media (min-width:1024px){.w9-qgrid{grid-template-columns:minmax(0,1fr) 340px;gap:20px}.w9-decide{position:sticky;top:calc(var(--top-h) + 16px);max-height:calc(100dvh - var(--top-h) - 32px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:4px}}
@media (min-width:1280px){
  .w9-qgrid{grid-template-columns:200px minmax(0,1fr) 340px}
  .w9-toc{display:flex;flex-direction:column;gap:1px;position:sticky;top:calc(var(--top-h) + 16px)}
  .w9-toc-h{display:flex;align-items:center;gap:6px;padding:0 8px 8px;font-size:12px;font-weight:600;color:var(--text-3)}
  .w9-toc a{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 8px;border-radius:var(--r-sm);font-size:13px;color:var(--text-2)}
  .w9-toc a:hover{background:var(--surface-2);text-decoration:none;color:var(--text)}
  .w9-toc a[aria-current]{background:var(--surface);box-shadow:var(--sh-xs),var(--sh-ring);color:var(--text)}
  .w9-toc .w9-st{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .w9-toc .w9-sn{width:20px;height:20px;font-size:11px}
  .w9-toc-k{margin:10px 8px 0;justify-content:flex-start;gap:6px;display:inline-flex;align-items:center}
}
.w9-dotc,.w9-dotb{flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent)}.w9-dotb{background:var(--neg)}
.w9-kbd{display:flex;flex-direction:column;margin:0}
.w9-kbd>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--border);font-size:13px;align-items:center}
.w9-kbd>div:first-child{border-top:0}
.w9-kbd dd{margin:0;color:var(--text-2)}
.w9-pf{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.w9-pf-main{min-width:0}
.w9-pf-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.w9-pf-side .panel+.panel{margin-top:0}
@media (min-width:1100px){.w9-pf{grid-template-columns:minmax(0,1fr) 320px;gap:24px}}
.w9-pf-row{align-items:center}
.w9-pf-row .btn{flex:none}
.w9-q{margin:8px 0 12px}
.w9-q-h{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--text-2)}
.w9-q-h b{font-variant-numeric:tabular-nums;color:var(--text)}
.w9-help-hero{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-bottom:16px;background:linear-gradient(135deg,color-mix(in oklch,var(--accent-soft) 70%,var(--surface)),var(--surface) 70%)}
.w9-help-hero>div{flex:1 1 320px;min-width:0}
.w9-help-hero h2{font-size:var(--fs-2xl,20px);font-weight:600;letter-spacing:-.016em;margin:0 0 4px}
.w9-help-q{flex:1 1 280px;min-width:0}
.w9-help-q .input-ic{display:block}
.w9-kb{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:28px}
@media (min-width:640px){.w9-kb{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.w9-kb{grid-template-columns:repeat(3,minmax(0,1fr))}}
.w9-kb-c{display:flex;gap:12px;align-items:flex-start;min-width:0;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs);color:var(--text);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease)}
.w9-kb-c:hover{text-decoration:none;border-color:var(--border-strong);box-shadow:var(--sh-md)}
.w9-kb-c b{display:block;font-weight:600;font-size:var(--fs-md);line-height:20px}
.w9-kb-c small{display:block;margin-top:3px;font-size:12.5px;line-height:17px;color:var(--text-3)}
.w9-kb-c>span{min-width:0}
.w9-kb-i{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-text)}
.w9-kb-i .i{width:18px;height:18px}
.w9-art{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
@media (min-width:1024px){.w9-art{grid-template-columns:minmax(0,720px) 300px;gap:24px}}
.w9-art-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.w9-art-side .panel+.panel{margin-top:0}
.w9-prose{font-size:15px;line-height:24px;color:var(--text)}
.w9-prose h2{font-size:var(--fs-xl);line-height:26px;margin:22px 0 8px;font-weight:600}
.w9-prose h3{font-size:var(--fs-lg);margin:18px 0 6px;font-weight:600}
.w9-prose p{margin:0 0 12px}.w9-prose .lead{font-size:16.5px;line-height:26px;color:var(--text-2);margin-bottom:16px}
.w9-prose ul,.w9-prose ol{margin:0 0 12px;padding-left:22px}.w9-prose li{margin:4px 0}
.w9-prose .tbl-s{margin:8px 0 16px}
.w9-art-nav{display:flex;flex-direction:column;gap:1px}
.w9-art-nav a{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 6px;border-radius:var(--r-sm);font-size:13px;color:var(--text-2)}
.w9-art-nav a:hover{background:var(--surface-2);text-decoration:none;color:var(--text)}
.w9-art-nav .i{width:16px;height:16px;color:var(--text-3);flex:none}
.w9-tk{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
@media (min-width:1024px){.w9-tk{grid-template-columns:minmax(0,1fr) 320px;gap:24px}}
.w9-tk-main{min-width:0}
.w9-tk-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.w9-tk-side .panel+.panel{margin-top:0}
.w9-tk-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}
.w9-tk-h .w9-title{flex:1 1 100%;margin:2px 0 0}
.w9-tk-h .hint{flex:1 1 100%;margin:0}
.w9-thread{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px}
.w9-thread li{display:flex}
.w9-thread li.staff,.w9-thread li.client{justify-content:flex-start}
.w9-thread li.me{justify-content:flex-end}
.w9-bub{max-width:min(620px,92%);padding:12px 14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-xs);min-width:0}
.w9-thread li.me .w9-bub{background:var(--accent-soft);border-color:color-mix(in oklch,var(--accent) 25%,transparent)}
.w9-thread li.staff .w9-bub{border-left:3px solid var(--accent)}
.w9-thread li.internal .w9-bub{background:var(--warn-bg);border-color:transparent}
.w9-bub-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:4px;font-size:13px}
.w9-bub-h small{color:var(--text-3);font-size:12px}
.w9-bub-b{white-space:pre-wrap;font-size:14px;line-height:21px;overflow-wrap:anywhere}
.w9-bub a{display:inline-flex;align-items:center;gap:4px;margin-top:6px}
.w9-reply .fm-f{margin-bottom:10px}
.w9-dl2{display:flex;flex-direction:column;margin:0}
.w9-dl2>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid var(--border);font-size:13px}
.w9-dl2>div:first-child{border-top:0;padding-top:0}
.w9-dl2 dt{color:var(--text-3)}.w9-dl2 dd{margin:0;overflow-wrap:anywhere;min-width:0}
.w9-stf{display:flex;gap:8px;align-items:center}.w9-stf .input{flex:1;min-width:0}
.w9-sq .input{min-width:220px}
@media (max-width:639px){.w9-sq{flex:1 1 100%}.w9-sq .input{min-width:0;width:100%}}
@media (prefers-reduced-motion:reduce){.w9-pulse.on{animation:none}.w9-kc{transition:none}.w9-kc:hover{transform:none}}
body:not(:has(.bnav)) .w9-qbar{bottom:env(safe-area-inset-bottom)}
.w9-kbd-l{display:none}@media (min-width:1024px){.w9-kbd-l{display:inline-flex}}
.w9-show-m{display:none}@media (max-width:639px){.w9-show-m{display:inline-flex;width:100%;justify-content:center}.w9-hide-m{display:none}}
.w9-done{margin-top:8px}.w9-done>summary,.w9-req>summary{display:flex;align-items:center;gap:6px;min-height:36px;cursor:pointer;list-style:none;color:var(--text-2)}
.w9-done>summary::-webkit-details-marker,.w9-req>summary::-webkit-details-marker{display:none}
.w9-req>summary .w9-h3{margin:0}.w9-req>summary .chev,.w9-done>summary .chev{margin-left:auto;color:var(--text-3)}
.w9-done[open]>summary .chev,.w9-req[open]>summary .chev{transform:rotate(180deg)}
.w9-live{display:flex;flex-direction:column;gap:10px;padding:14px 16px}
.w9-live[data-status=error],.w9-live[data-status=blocked]{border-color:color-mix(in oklch,var(--warn) 45%,var(--border))}
.w9-live-h{display:flex;align-items:flex-start;gap:10px}
.w9-live-h .w9-pulse{margin-top:7px}
.w9-live-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.w9-live-t>b{font-size:var(--fs-md);font-weight:600;line-height:22px;color:var(--text);overflow-wrap:anywhere}
.w9-live-t small{font-size:12.5px;line-height:17px;color:var(--text-3);overflow-wrap:anywhere}
.w9-live-t small [data-prog-step]{color:var(--accent-text);font-weight:600;margin-right:6px}
.w9-live-c{flex:none;font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;padding-top:3px}
.w9-live-c b{font-size:var(--fs-lg);font-weight:650;color:var(--text)}
.w9-live-b{flex:none;margin-top:1px}
.w9-live-d>summary{display:flex;align-items:center;gap:6px;min-height:40px;cursor:pointer;list-style:none;color:var(--text-2);border-top:1px solid var(--border);padding-top:6px}
.w9-live-d>summary::-webkit-details-marker{display:none}
.w9-live-d>summary .chev{margin-left:auto;color:var(--text-3);transition:transform var(--dur-fast) var(--ease)}
.w9-live-d[open]>summary .chev{transform:rotate(180deg)}
.w9-live-l{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column}
.w9-live-l li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:0 10px;align-items:start;padding:0 0 14px}
.w9-live-l li:last-child{padding-bottom:2px}
.w9-live-l li:not(:last-child)::before{content:"";position:absolute;left:13px;top:28px;bottom:2px;width:2px;border-radius:1px;background:var(--surface-3)}
.w9-live-l li.done:not(:last-child)::before{background:color-mix(in oklch,var(--pos) 55%,var(--surface-3))}
.w9-live-l i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:600;color:var(--text-3);background:var(--surface-2);border:1.5px solid var(--border)}
.w9-live-l i .ic{width:15px;height:15px}
.w9-live-l li.done i{background:var(--pos-bg);border-color:color-mix(in oklch,var(--pos) 45%,transparent);color:var(--pos-text)}
.w9-live-l li.cur i{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 0 0 0 color-mix(in oklch,var(--accent) 45%,transparent);animation:w9p 1.6s ease-out infinite}
.w9-live-l li.err i{background:var(--warn-bg);border-color:color-mix(in oklch,var(--warn) 50%,transparent);color:var(--warn-text)}
.w9-live-l li.tail i{border-style:dashed}.w9-live-l li.tail.on i{border-style:solid;background:var(--accent-soft);border-color:color-mix(in oklch,var(--accent) 40%,transparent);color:var(--accent-text)}
.w9-live-l li>div{min-width:0;display:flex;flex-direction:column;gap:1px;padding-top:4px}
.w9-live-l b{font-size:var(--fs-sm);font-weight:600;line-height:19px;color:var(--text-2)}
.w9-live-l li.cur b,.w9-live-l li.err b,.w9-live-l li.tail b{color:var(--text)}
.w9-live-l li.todo b{color:var(--text-3);font-weight:500}
.w9-live-l small{font-size:12px;line-height:16px;color:var(--text-3)}
.w9-live-s{font-size:11.5px;line-height:28px;color:var(--text-3);white-space:nowrap}
.w9-live-l li.cur .w9-live-s{color:var(--accent-text);font-weight:600}.w9-live-l li.err .w9-live-s{color:var(--warn-text);font-weight:600}
.w9-live-runs{margin-top:10px}
.w9-live-runs .rows{list-style:none;margin:0;padding:0}
.w9-live-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-text);font-size:12px;font-weight:600;white-space:nowrap}
.w9-live-chip:hover{text-decoration:none}
.w9-live-chip .w9-pulse{margin-top:0}
@media (max-width:767px){.w9-live{padding:12px 14px}.w9-live-b{display:none}.w9-live-s{display:none}.w9-live-l li{grid-template-columns:28px minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.w9-live-l li.cur i{animation:none}}
.w9-at-q{display:flex;gap:8px;align-items:center;margin:0 0 10px}
.w9-at-q .input-ic{flex:1;min-width:0}.w9-at-q .input-ic .input{width:100%}
.w9-at-f{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.w9-at-res{display:grid;gap:12px;margin:0 0 16px}
.w9-at-row{align-items:center}
.w9-at-acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.w9-at-bulk{display:flex;flex-direction:column;gap:10px;padding:14px 16px;margin:0 0 16px}
.w9-at-bh{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.w9-at-bh h3{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-md);font-weight:600}
.w9-at-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px 12px}
.w9-at-grid .fm-f{margin:0}
.w9-at-wide{grid-column:1/-1}
.w9-at-bulk [data-for][hidden]{display:none}
.w9-at-orgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}
.w9-at-orgs>.panel,.w9-at-res>.panel{margin:0}
.w9-at-org{display:flex;flex-direction:column;gap:10px;padding:14px 16px;min-width:0}
.w9-at-oh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:start}
.w9-at-oh .cb{margin-top:1px}
.w9-at-on{min-width:0}.w9-at-on b{display:block;font-weight:600;line-height:20px;overflow-wrap:anywhere}
.w9-at-on .row-s{flex-wrap:wrap}
.w9-at-b{grid-column:2;display:flex;flex-wrap:wrap;gap:4px}
.w9-at-qt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.w9-at-qt span{display:flex;flex-direction:column;padding:6px 8px;border-radius:var(--r-md);background:var(--surface-2);min-width:0}
.w9-at-qt small{font-size:11px;color:var(--text-3)}.w9-at-qt b{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w9-at-d>summary{display:flex;align-items:center;gap:6px;min-height:40px;cursor:pointer;list-style:none;color:var(--text-2);border-top:1px solid var(--border)}
.w9-at-d>summary::-webkit-details-marker{display:none}
.w9-at-d>summary .chev{margin-left:auto;color:var(--text-3)}.w9-at-d[open]>summary .chev{transform:rotate(180deg)}
.w9-at-qf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;padding-top:4px}
.w9-at-qf .fm-f{margin:0}.w9-at-qf .fm-bar{margin-top:4px;flex-wrap:wrap}
.w9-at-oa{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:639px){.w9-at-qf{grid-template-columns:minmax(0,1fr)}.w9-at-qt b{font-size:12px}.w9-at-row{flex-wrap:wrap}.w9-at-acts{width:100%;justify-content:flex-start}}