@import url('/brand.css?v=0.68.0');
/* PIXEL · mode: DASHBOARD/APP · macrostructure: catalogue · tone: brutally-minimal · nav: NAV-4 side rail · footer: FT-2 colophon */
:root {
  --navy: var(--ruo-navy);
  --deep: var(--ruo-navy);
  --blue: var(--ruo-blue);
  --pale: var(--ruo-wash);
  --red: oklch(0.55 0.21 18);
  --paper: var(--ruo-white);
  --surface: var(--ruo-wash);
  --brand-tile: oklch(0.89 0.009 245);
  --line: var(--ruo-line);
  --ink: var(--ruo-navy);
  --muted: var(--ruo-muted);
  --white: var(--ruo-white);
  --success: oklch(0.57 0.15 157);
  --display: "Sora", sans-serif;
  --body: "Manrope", sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --r: 6px;
  --rl: 14px;
  --shadow: 0 24px 70px oklch(0.12 0.04 252/0.18);
  --fast: 120ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* PIXEL · mode: COMMERCE · macrostructure: Long Document · tone: Editorial · nav: Document Index · footer: Reference */
.legal-body{--legal-bg:oklch(.975 .009 90);--legal-paper:oklch(.995 .004 90);--legal-ink:oklch(.145 .014 255);--legal-muted:oklch(.45 .018 255);--legal-line:oklch(.84 .013 88);--legal-accent:oklch(.43 .13 248);--legal-wash:oklch(.93 .025 248);--legal-alert:oklch(.94 .035 72);--legal-serif:"Instrument Serif",serif;--legal-sans:"Plus Jakarta Sans",sans-serif;background:var(--legal-bg);color:var(--legal-ink);font-family:var(--legal-sans);overflow-x:clip}.legal-body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(var(--legal-line) .55px,transparent .55px);background-size:7px 7px}.legal-body>header,.legal-body>main,.legal-body>footer{position:relative}.legal-body ::selection{background:var(--legal-wash)}
.legal-masthead{padding:clamp(72px,9vw,148px) clamp(20px,7vw,116px) clamp(56px,7vw,104px);border-bottom:1px solid var(--legal-line);background:linear-gradient(135deg,var(--legal-paper),var(--legal-bg))}.legal-kicker{font:700 .69rem/1.4 var(--legal-sans);letter-spacing:.1em;color:var(--legal-accent);text-transform:uppercase}.legal-masthead h1{max-width:12ch;margin:18px 0 24px;font:400 clamp(3.5rem,8.4vw,8.2rem)/.88 var(--legal-serif);letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere}.legal-masthead>p:not(.legal-kicker){max-width:64ch;color:var(--legal-muted);font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.75}.legal-masthead dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:970px;margin:52px 0 0;border-top:1px solid var(--legal-line)}.legal-masthead dl div{padding:18px 22px 0 0}.legal-masthead dt{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--legal-muted)}.legal-masthead dd{margin:7px 0;font-size:.88rem;font-weight:600}.legal-masthead a,.legal-document a{color:var(--legal-accent)}
.legal-shell{display:grid;grid-template-columns:272px minmax(0,900px);gap:clamp(48px,7vw,112px);max-width:1320px;margin:auto;padding:clamp(56px,7vw,104px) clamp(20px,4vw,56px)}.legal-rail{position:sticky;top:108px;height:max-content;max-height:calc(100vh - 132px);overflow:auto;padding-right:18px}.legal-rail>p{margin:0 0 12px;font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--legal-muted)}.legal-rail nav{display:flex;flex-direction:column;border-top:1px solid var(--legal-line)}.legal-rail nav a{min-height:44px;display:grid;grid-template-columns:27px 1fr;align-items:center;border-bottom:1px solid var(--legal-line);color:var(--legal-muted);font-size:.78rem;font-weight:600;text-decoration:none;transition:color 120ms cubic-bezier(.16,1,.3,1),padding-left 120ms cubic-bezier(.16,1,.3,1),background 120ms cubic-bezier(.16,1,.3,1)}.legal-rail nav a span{font-variant-numeric:tabular-nums;font-size:.62rem;color:var(--legal-accent)}.legal-rail nav a:hover,.legal-rail nav a[aria-current]{padding-left:5px;color:var(--legal-ink);background:var(--legal-paper)}.legal-rail nav a:focus-visible,.privacy-choice-link:focus-visible,.choice-actions a:focus-visible,.legal-document a:focus-visible{outline:3px solid var(--legal-accent);outline-offset:2px}.privacy-choice-link{min-height:44px;margin-top:20px;display:flex;align-items:center;justify-content:center;background:var(--legal-ink);color:var(--legal-paper);font-size:.75rem;font-weight:700;text-decoration:none}
.legal-content{min-width:0}.legal-notice{padding:28px 32px;border-left:4px solid var(--legal-accent);background:var(--legal-alert);margin-bottom:80px}.legal-notice>p:first-child{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--legal-accent)}.legal-notice h2{margin:7px 0 12px;font:400 clamp(1.8rem,3vw,2.6rem)/1.05 var(--legal-serif)}.legal-notice p:last-child{max-width:70ch;margin-bottom:0;color:var(--legal-muted);line-height:1.7}.legal-document{scroll-margin-top:90px;margin-bottom:clamp(96px,12vw,164px)}.legal-document>header{position:static;height:auto;padding:0 0 32px;background:transparent;border-bottom:2px solid var(--legal-ink);display:block}.legal-document h2{max-width:17ch;margin:12px 0 18px;font:400 clamp(2.65rem,5vw,5rem)/.98 var(--legal-serif);letter-spacing:-.035em;text-wrap:balance}.legal-lead{max-width:64ch;margin:0;color:var(--legal-muted);font-size:1.06rem;line-height:1.75}.legal-document>section{padding:32px 0 8px;border-bottom:1px solid var(--legal-line)}.legal-document h3{max-width:38ch;margin:0 0 17px;font:700 clamp(1.05rem,2vw,1.28rem)/1.35 var(--legal-sans)}.legal-document>section p{max-width:72ch;margin:0 0 20px;color:var(--legal-muted);font-size:.94rem;line-height:1.85}.legal-document>footer{display:flex;justify-content:space-between;gap:24px;padding-top:18px;font-size:.72rem;font-weight:700}
.privacy-choices,.legal-archive{scroll-margin-top:90px;margin:0 0 112px;padding:clamp(28px,5vw,48px);background:var(--legal-paper);border:1px solid var(--legal-line)}.privacy-choices h2,.legal-archive h2{margin:10px 0 16px;font:400 clamp(2.3rem,5vw,4.6rem)/1 var(--legal-serif)}.privacy-choices>p:not(.legal-kicker),.legal-archive>p{max-width:68ch;color:var(--legal-muted);line-height:1.75}.choice-status{display:flex;justify-content:space-between;gap:24px;margin:30px 0;padding:18px 0;border-block:1px solid var(--legal-line);font-size:.82rem}.choice-status strong{text-align:right}.choice-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.choice-actions .btn{min-height:48px}.choice-fineprint{font-size:.72rem}.legal-archive{background:transparent}.legal-archive table{width:100%;margin:28px 0;border-collapse:collapse;font-size:.8rem}.legal-archive th,.legal-archive td{padding:16px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--legal-line)}.legal-archive th{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--legal-muted)}
@media(max-width:900px){.legal-shell{grid-template-columns:1fr}.legal-rail{position:static;max-height:none;padding:0}.legal-rail nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-choice-link{max-width:280px}.legal-masthead dl{grid-template-columns:1fr}.legal-masthead dl div{padding:15px 0;border-bottom:1px solid var(--legal-line)}}@media(max-width:520px){.legal-masthead{padding-top:56px}.legal-masthead h1{font-size:clamp(3rem,16vw,4.4rem)}.legal-shell{padding-inline:18px}.legal-rail nav{grid-template-columns:1fr}.legal-notice{padding:24px 20px}.legal-document>footer,.choice-status{flex-direction:column}.choice-status strong{text-align:left}.choice-actions{align-items:stretch;flex-direction:column}.choice-actions .btn,.choice-actions .under{width:100%;text-align:center}.privacy-choices,.legal-archive{padding:24px 18px}.legal-archive{overflow-x:auto}.legal-archive table{min-width:560px}}@media(prefers-reduced-motion:reduce){.legal-rail nav a{transition:none}}

/* PIXEL · mode: dashboard/app · macrostructure: legal app shell · tone: RUO laboratory minimal · nav: shared primary + document rail · footer: shared reference */
.legal-body{--legal-bg:var(--paper);--legal-paper:var(--white);--legal-ink:var(--ink);--legal-muted:var(--muted);--legal-line:var(--line);--legal-accent:var(--blue);--legal-wash:var(--pale);--legal-alert:var(--surface);--legal-serif:var(--display);--legal-sans:var(--body);background:var(--paper);color:var(--ink);font-family:var(--body)}
.legal-body:before{opacity:.018;background-image:linear-gradient(var(--deep) 1px,transparent 1px),linear-gradient(90deg,var(--deep) 1px,transparent 1px);background-size:48px 48px}
.legal-masthead{padding:clamp(72px,8vw,128px) clamp(20px,7vw,120px) clamp(48px,6vw,82px);border-color:var(--line);background:radial-gradient(circle at 84% 18%,oklch(.8 .07 252/.22),transparent 31%),linear-gradient(118deg,var(--paper),var(--pale))}
.legal-masthead h1{max-width:17ch;margin:16px 0 22px;font:600 clamp(2.8rem,6.2vw,6.6rem)/.98 var(--display);letter-spacing:-.055em}
.legal-masthead>p:not(.legal-kicker){color:var(--muted);font-size:clamp(1rem,1.35vw,1.18rem)}
.legal-masthead dl{margin-top:40px;border-color:var(--line)}.legal-masthead dl div{padding-top:15px}.legal-masthead dt{font:700 .64rem var(--mono);color:var(--muted)}.legal-masthead dd{font-size:.84rem}
.legal-shell{grid-template-columns:minmax(0,920px);justify-content:center;padding-top:64px}.legal-rail{display:none}
.privacy-choice-link{border-radius:var(--r);background:var(--navy);color:var(--white)}
.legal-notice{margin-bottom:72px;border-left-color:var(--blue);background:var(--surface);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.legal-notice h2{font:600 clamp(1.55rem,2.8vw,2.3rem)/1.12 var(--display);letter-spacing:-.03em}
.legal-document{margin-bottom:clamp(80px,9vw,126px)}.legal-document[hidden]{display:none}.legal-document>header{border-bottom-color:var(--navy)}.legal-document h2{max-width:22ch;font:600 clamp(2rem,4vw,3.8rem)/1.02 var(--display);letter-spacing:-.045em}.legal-lead{font-size:1rem}.legal-document h3{font:650 clamp(1rem,1.6vw,1.18rem)/1.35 var(--display);letter-spacing:-.015em}.legal-document>section{padding-top:28px}.legal-document>section p{font-size:.93rem;line-height:1.78}.legal-document>footer{font-family:var(--mono)}
.privacy-choices,.legal-archive{border-radius:var(--r);background:var(--white)}.privacy-choices h2,.legal-archive h2{font:600 clamp(2rem,4vw,3.6rem)/1.05 var(--display);letter-spacing:-.045em}.legal-archive{background:transparent}
.legal-index-toggle{display:none}
@media(max-width:900px){.legal-shell{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:32px}.legal-rail{position:relative;top:auto;max-height:none;overflow:visible;padding:0;display:block}.legal-index-toggle{width:100%;min-height:64px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--ink);font-family:var(--body);text-align:left}.legal-index-toggle span{font:700 .62rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.legal-index-toggle strong{font-size:.84rem}.legal-index-toggle:after{content:"+";flex:none;font:600 1.35rem var(--display);color:var(--blue)}.legal-index-toggle[aria-expanded="true"]:after{content:"−"}.legal-index-toggle:focus-visible{outline:3px solid var(--pale);outline-offset:2px;border-color:var(--blue)}.legal-index-panel{display:none;margin-top:8px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);box-shadow:var(--shadow)}.legal-index-panel[data-open]{display:block}.legal-index-panel>p{margin:0 0 8px;font:700 .62rem var(--mono);letter-spacing:.09em;color:var(--muted)}.legal-rail nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-notice{margin-bottom:56px}.legal-document>section p{font-size:1rem;line-height:1.82}}
@media(max-width:520px){.legal-masthead{padding:48px 18px 36px}.legal-masthead h1{font-size:clamp(2.45rem,12vw,3.45rem);line-height:1.02}.legal-masthead>p:not(.legal-kicker){font-size:1rem;line-height:1.65}.legal-masthead dl{margin-top:28px}.legal-shell{padding:20px 18px 64px;gap:28px}.legal-rail nav{grid-template-columns:minmax(0,1fr)}.legal-index-panel{max-height:min(68vh,620px);overflow:auto}.legal-notice{padding:22px 18px;margin-bottom:48px}.legal-notice h2{font-size:1.55rem}.legal-notice p:last-child{font-size:.93rem;line-height:1.65}.legal-document{margin-bottom:72px;scroll-margin-top:20px}.legal-document>header{padding-bottom:24px}.legal-document h2{max-width:none;font-size:clamp(2rem,10vw,2.8rem);line-height:1.06;overflow-wrap:anywhere}.legal-lead{font-size:1rem;line-height:1.65}.legal-document>section{padding:26px 0 6px}.legal-document h3{max-width:none;font-size:1.08rem;line-height:1.38}.legal-document>section p{max-width:none;font-size:1.02rem;line-height:1.78}.legal-document>footer,.choice-status{flex-direction:column}.legal-document>footer a{min-height:44px;display:flex;align-items:center}.choice-status strong{text-align:left}.choice-actions{align-items:stretch;flex-direction:column}.choice-actions .btn,.choice-actions .under{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}.privacy-choices,.legal-archive{padding:24px 18px;margin-bottom:64px}.legal-archive{overflow:visible}.legal-archive table,.legal-archive thead,.legal-archive tbody,.legal-archive tr,.legal-archive th,.legal-archive td{display:block;min-width:0}.legal-archive thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.legal-archive tr{padding:14px 0;border-bottom:1px solid var(--line)}.legal-archive td{padding:4px 0;border:0}.legal-archive td:first-child{font:700 .72rem var(--mono);color:var(--blue)}.legal-archive td:nth-child(2){font-size:.75rem;color:var(--muted)}}

/* MULTI-PAGE SYSTEM · editorial index + canonical record */
nav a[aria-current="page"] { color: var(--navy); box-shadow: inset 0 -2px var(--blue); }
.page-hero { min-height: 64vh; padding: clamp(96px,12vw,180px) clamp(20px,9vw,160px); display:flex; flex-direction:column; justify-content:center; background:radial-gradient(circle at 82% 22%,oklch(0.80 0.07 252/.3),transparent 30%),linear-gradient(118deg,var(--paper),var(--pale)); position:relative; border-bottom:1px solid var(--line); }
.page-hero:after { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(var(--deep) 1px,transparent 1px),linear-gradient(90deg,var(--deep) 1px,transparent 1px); background-size:52px 52px; opacity:.022; }
.page-hero>* { position:relative; z-index:1; }
.page-hero h1 { max-width:980px; font-size:clamp(3rem,7vw,7.5rem); margin-bottom:28px; }
.page-hero>p:not(.eyebrow) { max-width:760px; color:var(--muted); font-size:clamp(1.05rem,1.6vw,1.35rem); }
.page-hero .btn { align-self:flex-start; margin-top:24px; }
.detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
.detail-grid article { padding:44px clamp(20px,4vw,64px); border-top:1px solid var(--line); display:grid; grid-template-columns:56px minmax(0,1fr); column-gap:20px; }
.detail-grid article:nth-child(odd) { border-right:1px solid var(--line); }
.detail-grid article>span { grid-row:1/4; font:600 13px var(--mono); color:var(--blue); }
.detail-grid h2 { font:600 clamp(1.5rem,2.4vw,2.3rem)/1.15 var(--display); margin-bottom:12px; }
.detail-grid p { color:var(--muted); max-width:58ch; }
.detail-grid b { font:700 11px var(--body); letter-spacing:.08em; color:var(--blue); }
.scope-band,.fraud-note { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(40px,9vw,150px); align-items:start; background:var(--surface); }
.scope-band h2,.fraud-note h2 { font:600 clamp(2.2rem,4vw,4.5rem)/1.04 var(--display); letter-spacing:-.045em; }
.timeline article { display:grid; grid-template-columns:80px minmax(0,1fr) 220px; gap:32px; padding:40px 0; border-top:1px solid var(--line); }
.timeline article>span { font:700 13px var(--mono); color:var(--blue); }
.timeline h2 { font:600 clamp(1.5rem,3vw,2.7rem)/1.1 var(--display); }
.timeline p { color:var(--muted); max-width:72ch; }
.timeline small { font:700 10px var(--mono); letter-spacing:.08em; color:var(--blue); }
.verify.compact { min-height:auto; align-items:center; }
.verify-page { padding:clamp(80px,9vw,140px) clamp(20px,7vw,120px); background:var(--deep); color:var(--white); display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.75fr); gap:clamp(50px,8vw,130px); align-items:center; }
.verify-copy h1 { font-size:clamp(3rem,6vw,6.5rem); margin:20px 0 30px; }
.verify-copy>p,.verify-copy li { color:oklch(.82 .02 245); }
.verify-copy ol { padding-left:20px; }
.verify-search { padding:36px; border:1px solid oklch(.72 .04 252/.35); background:oklch(.22 .05 252); border-radius:var(--rl); }
.verify-search label { display:block; font-weight:700; margin-bottom:12px; }
.verify-search .field { display:flex; flex-direction:column; gap:12px; }
.verify-search input { min-height:58px; border:1px solid oklch(.7 .03 252/.45); background:var(--white); padding:14px 16px; border-radius:var(--r); }
.verify-search .demo { color:var(--white); }
.verify-output { padding:clamp(40px,7vw,100px) clamp(20px,7vw,120px); min-height:280px; background:var(--paper); }
.verify-output { scroll-margin-top:96px; }
.verify-output:focus { outline:none; }
.empty-record { text-align:center; border:1px dashed var(--line); padding:64px 20px; color:var(--muted); }
.coa-record { border:1px solid var(--line); background:var(--white); box-shadow:var(--shadow); }
.coa-record-head { position:static; height:auto; padding:28px 32px; background:var(--paper); backdrop-filter:none; display:flex; justify-content:space-between; border-bottom:1px solid var(--line); }
.coa-record-head h2 { font:650 clamp(2rem,4vw,3.5rem)/1 var(--display); margin:14px 0 8px; }
.status-seal { display:inline-block; color:var(--success); text-transform:uppercase; letter-spacing:.08em; font:700 11px var(--mono); }
.identity-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--line); }
.identity-grid p { padding:24px; margin:0; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.identity-grid p:last-child { border:0; }
.identity-grid small,.integrity-grid>div>small { font:700 10px var(--mono); color:var(--muted); letter-spacing:.08em; margin-bottom:10px; }
.identity-grid b { font:650 15px var(--display); }
.identity-grid span { color:var(--muted); font-size:13px; }
.coa-table-wrap { overflow-x:auto; }
.coa-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.coa-table th,.coa-table td { padding:16px 22px; border-bottom:1px solid var(--line); text-align:left; }
.coa-table thead th { background:var(--surface); font:700 10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.coa-table tbody th { font-weight:650; }
.coa-table tbody th small { display:block; color:var(--muted); font-weight:500; }
.coa-disposition { text-transform:uppercase; font:700 10px var(--mono); color:var(--success); }
.integrity-grid { display:grid; grid-template-columns:1.2fr .8fr; }
.integrity-grid>div { padding:28px 32px; min-width:0; }
.integrity-grid>div:first-child { border-right:1px solid var(--line); }
.integrity-grid code { display:block; overflow-wrap:anywhere; color:var(--blue); font-size:13px; }
.integrity-grid ol { list-style:none; margin:0; padding:0; }
.integrity-grid li { display:flex; gap:8px; flex-wrap:wrap; }
.integrity-grid li small { width:100%; color:var(--muted); }
.coa-limits { padding:18px 32px; margin:0; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.principles,.contact-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); padding:1px; }
.principles article,.contact-grid article { background:var(--paper); padding:clamp(32px,5vw,70px); }
.principles h2,.contact-grid h2 { font:600 clamp(1.5rem,3vw,2.8rem)/1.08 var(--display); overflow-wrap:anywhere; word-break:normal; }
.principles p,.contact-grid p { color:var(--muted); }
.site-footer { padding:0; background:var(--deep); color:var(--white); display:block; font-size:13px; }
.footer-main{padding:64px clamp(20px,6vw,100px);display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(48px,8vw,120px)}
.footerbrand{display:flex;align-items:flex-start;gap:16px}.footerbrand p{margin:5px 0 0}.footerbrand span{max-width:32ch;margin-top:18px;color:oklch(.76 .025 245);line-height:1.6}.footer-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.footer-index section{display:flex;flex-direction:column;gap:10px}.footer-index h2{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:oklch(.7 .07 252);margin:0 0 8px}.site-footer a{color:oklch(.88 .018 245);font-weight:600}.site-footer a:hover{color:var(--white)}.footer-bottom{padding:24px clamp(20px,6vw,100px);display:flex;justify-content:space-between;gap:36px;border-top:1px solid oklch(.72 .03 252/.18);color:oklch(.7 .02 245)}.footer-bottom .legal{max-width:76ch;margin:0}.footer-bottom p{margin:0}
.document-body { background:var(--surface); padding:40px 20px; }
.issued-document { max-width:980px; margin:auto; background:var(--white); box-shadow:var(--shadow); border:1px solid var(--line); }
.coa-masthead { position:static; height:auto; min-height:92px; padding:18px 32px; background:var(--deep); color:var(--white); backdrop-filter:none; justify-content:space-between; }
.coa-brand { display:flex; align-items:center; gap:14px; }
.coa-brand img { background:var(--brand-tile); border-radius:3px; }
.coa-brand p,.coa-document-id { margin:0; display:flex; flex-direction:column; }
.coa-brand b { font:700 20px var(--display); letter-spacing:.08em; }
.coa-brand small,.coa-document-id small { font:700 8px var(--mono); letter-spacing:.11em; color:oklch(.78 .025 245); }
.coa-document-id { align-items:flex-end; gap:7px; }
.coa-document-id span { color:oklch(.82 .13 158); font:700 10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.coa-title { padding:28px 32px 22px; display:flex; align-items:end; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.coa-title p { margin:0 0 4px; font:700 9px var(--mono); letter-spacing:.1em; color:var(--muted); }
.coa-title h1 { margin:0; font:650 clamp(2.2rem,5vw,4rem)/1 var(--display); letter-spacing:-.045em; }
.coa-specimen { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-bottom:1px solid var(--line); }
.coa-specimen p { margin:0; padding:18px 20px; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.coa-specimen p:last-child { border-right:0; }
.coa-specimen small,.coa-section>h2,.coa-section>h3 { font:700 9px var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.coa-specimen b { margin:5px 0 1px; font:650 14px var(--display); }
.coa-specimen span { color:var(--muted); font-size:12px; }
.coa-section>h2,.coa-section>h3 { margin:0; padding:10px 20px; background:var(--deep); color:var(--white); }
.coa-results th,.coa-results td { padding:10px 20px; }
.coa-results tbody th small { font-size:10px; line-height:1.25; }
.coa-results tbody td:last-child b { color:var(--success); font:700 9px var(--mono); letter-spacing:.06em; text-transform:uppercase; }
.coa-evidence { border-top:12px solid var(--surface); }
.coa-evidence .integrity-grid>div { padding:20px; }
.coa-evidence .integrity-grid p { margin:8px 0 0; font-size:11px; color:var(--muted); }
.coa-limits { padding:14px 20px; margin:0; border-top:1px solid var(--line); color:var(--muted); font-size:10px; line-height:1.45; }
.coa-colophon { min-height:auto; padding:14px 20px; background:var(--deep); color:var(--white); display:flex; justify-content:space-between; gap:20px; font-size:9px; letter-spacing:.04em; }
@media(max-width:800px){.detail-grid,.scope-band,.fraud-note,.verify-page,.principles,.contact-grid{grid-template-columns:1fr}.detail-grid article:nth-child(odd){border-right:0}.timeline article{grid-template-columns:44px minmax(0,1fr)}.timeline small{grid-column:2}.identity-grid{grid-template-columns:1fr 1fr}.identity-grid p:nth-child(2){border-right:0}.integrity-grid{grid-template-columns:1fr}.integrity-grid>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.coa-record-head{flex-direction:column;align-items:flex-start}.verify-search{padding:24px}.issued-document>header{display:flex}.issued-document>footer{flex-direction:column}.footer-main{grid-template-columns:1fr}.footer-index{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column}}
@media(max-width:480px){.identity-grid{grid-template-columns:1fr}.identity-grid p{border-right:0}.detail-grid article{grid-template-columns:42px minmax(0,1fr)}.coa-record-head{padding:22px}.coa-table th,.coa-table td{padding:12px}.page-hero{min-height:58vh}}

/* CONTROLLED PORTAL · DASHBOARD mode · two functional transitions */
.portal-body{background:var(--deep);font-size:14px}.portal-body.portal-authenticated{background:var(--surface)}.portal-shell[hidden]{display:none!important}.portal-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.portal-nav{position:sticky;top:0;height:100vh;padding:22px 16px;background:var(--deep);color:var(--white);display:flex;flex-direction:column}.portal-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 24px;border-bottom:1px solid oklch(.7 .03 252/.16)}.portal-brand img{background:var(--brand-tile);border-radius:7px}.portal-brand span{display:flex;flex-direction:column;line-height:1}.portal-brand b{font:700 14px var(--display);letter-spacing:.08em}.portal-brand small{font-size:7px;letter-spacing:.12em;color:oklch(.74 .025 245);margin-top:6px}.portal-nav nav{margin:28px 0 0;display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;min-height:44px;border:0;border-radius:var(--r);background:transparent;color:oklch(.78 .025 245);text-align:left;padding:0 12px;font-weight:600}.nav-item:hover,.nav-item.active{background:oklch(.29 .07 252);color:var(--white)}.nav-item.active{box-shadow:inset 3px 0 var(--blue)}.portal-user{margin-top:auto;border-top:1px solid oklch(.7 .03 252/.16);padding:18px 4px 0;display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center}.portal-user .avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font:700 11px var(--display)}.portal-user p{margin:0;display:flex;flex-direction:column;min-width:0}.portal-user small{color:oklch(.7 .025 245);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-user button{grid-column:2;background:none;border:0;color:oklch(.76 .08 252);padding:0;text-align:left;font-size:11px}.portal-top{height:104px;position:sticky;top:0;padding:20px 32px;background:oklch(.985 .004 240/.94);display:flex;justify-content:space-between;backdrop-filter:blur(16px)}.portal-top h1{font:650 24px var(--display);margin:2px 0}.portal-top .eyebrow{margin:0}.portal-content{padding:28px 32px 64px;max-width:1600px;margin:auto}.portal-loading,.empty-state{min-height:260px;border:1px dashed var(--line);display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-state b{font:600 20px var(--display);color:var(--ink)}.empty-state span{display:block}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}.metric-row article,.panel,.report-card{background:var(--white);border:1px solid var(--line);border-radius:var(--rl);box-shadow:0 8px 30px oklch(.15 .03 252/.045)}.metric-row article{padding:24px;display:flex;flex-direction:column}.metric-row small,.panel .eyebrow{color:var(--muted);font:700 10px var(--mono);letter-spacing:.1em}.metric-row b{font:650 38px var(--display);line-height:1.2;margin:8px 0}.metric-row span{color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:16px}.panel{padding:24px}.panel>header{position:static;height:auto;padding:0 0 20px;background:none;backdrop-filter:none;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.panel h2{font:600 20px var(--display);margin:2px 0}.text-action{background:transparent;border:0;color:var(--blue);font-weight:700}.submission-row{width:100%;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;grid-template-columns:40px 1fr auto;gap:12px;text-align:left;align-items:center}.sample-glyph{width:38px;height:38px;display:grid;place-items:center;background:var(--pale);color:var(--blue);border-radius:var(--r);font:700 10px var(--mono)}.submission-row>span:nth-child(2),.table-row>span:first-child{display:flex;flex-direction:column}.submission-row small,.table-row small{color:var(--muted)}.status{font-style:normal;text-transform:uppercase;font:700 9px var(--mono);letter-spacing:.07em;border-radius:99px;padding:5px 8px;background:var(--surface);color:var(--muted)}.status.review,.status.approved{background:oklch(.93 .05 82);color:oklch(.42 .12 65)}.status.issued,.status.complete{background:oklch(.93 .05 155);color:oklch(.4 .13 155)}.evidence-flow{list-style:none;padding:0;margin:0}.evidence-flow li{position:relative;padding:16px 0 16px 34px;border-bottom:1px solid var(--line);display:flex;flex-direction:column}.evidence-flow li:before{content:"";position:absolute;left:4px;top:23px;width:10px;height:10px;border:2px solid var(--line);border-radius:50%;background:var(--white)}.evidence-flow li.done:before{border-color:var(--success);background:var(--success)}.evidence-flow span{color:var(--muted);font-size:12px}.data-table{overflow:auto}.table-head,.table-row{min-width:720px;display:grid;grid-template-columns:1.4fr 1fr .7fr .6fr;gap:20px;align-items:center}.table-head{padding:12px 14px;background:var(--surface);font:700 9px var(--mono);letter-spacing:.08em}.table-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:16px 14px;text-align:left}.lab-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}.sample-summary{height:max-content;position:sticky;top:132px}.sample-summary dl{display:grid;grid-template-columns:80px 1fr;border-top:1px solid var(--line)}.sample-summary dt,.sample-summary dd{padding:10px 0;margin:0;border-bottom:1px solid var(--line)}.sample-summary dt{color:var(--muted)}.transition-stack{margin-top:20px}.completion-ring{width:48px;height:48px;display:grid;place-items:center;border:4px solid var(--pale);border-top-color:var(--blue);border-radius:50%;font:700 11px var(--mono)}.test-list details{border-bottom:1px solid var(--line)}.test-list summary{list-style:none;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:16px 4px;cursor:pointer}.test-list summary::-webkit-details-marker{display:none}.test-list summary>span:nth-child(2){display:flex;flex-direction:column}.test-list summary small{color:var(--muted)}.test-index{font:700 10px var(--mono);color:var(--blue)}.result-form{display:grid;grid-template-columns:1.4fr .6fr .7fr 1fr;gap:12px;padding:16px;background:var(--surface);border-radius:var(--r);margin-bottom:14px}.result-form label,.form-dialog label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:11px}.result-form input,.result-form select,.form-dialog input,.form-dialog select{min-height:42px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:8px 10px}.result-form button{align-self:end}.result-form code{grid-column:1/-1;font-size:9px;overflow-wrap:anywhere;color:var(--muted)}.review-card{margin-bottom:16px}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.review-grid article{background:var(--white);padding:16px;display:grid;grid-template-columns:28px 1fr 24px;gap:10px}.review-grid article>span{font:700 9px var(--mono);color:var(--blue)}.review-grid p{margin:4px 0}.review-grid small{color:var(--muted)}.review-card footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:20px}.review-card footer p{max-width:620px;color:var(--muted);margin:0}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.report-card{padding:28px}.report-card h2{font:650 28px var(--display)}.report-card code{display:block;overflow-wrap:anywhere;color:var(--blue);font-size:10px;padding:14px;background:var(--surface);margin:20px 0}.report-card>div{display:flex;gap:10px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line)}.integration-grid article{background:var(--white);padding:18px;display:flex;gap:12px}.integration-grid div{display:flex;flex-direction:column}.integration-grid b{text-transform:capitalize}.integration-grid small{color:var(--muted)}.integration-dot{width:9px;height:9px;border-radius:50%;background:var(--success);margin-top:5px;box-shadow:0 0 0 4px oklch(.92 .06 155)}.integration-note{color:var(--muted);margin:20px 0 0}dialog{border:0;padding:0;border-radius:var(--rl);box-shadow:var(--shadow);max-width:680px;width:calc(100% - 32px)}dialog::backdrop{background:oklch(.12 .03 252/.72);backdrop-filter:blur(6px)}.role-card,.form-dialog{padding:34px;min-width:0;overflow:hidden}.role-card>img{background:var(--brand-tile);border-radius:var(--r)}.role-card h2,.form-dialog h2{font:600 30px var(--display)}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.role-grid button{min-height:90px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:18px;text-align:left;display:flex;flex-direction:column}.role-grid button:hover{border-color:var(--blue);background:var(--pale)}.role-grid span{color:var(--muted)}.form-dialog{display:grid;gap:16px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.form-status{color:var(--muted);margin:0}.portal-body[data-role="customer"] .staff-only,.portal-body:not([data-role="customer"]) .customer-only{display:none!important}
@media(max-width:950px){.portal-shell{grid-template-columns:76px minmax(0,1fr)}.portal-nav{padding:18px 10px}.portal-brand span,.portal-nav .nav-item,.portal-user p,.portal-user button{font-size:0}.portal-nav .nav-item:before{content:attr(data-view);font-size:9px;text-transform:uppercase}.portal-brand{justify-content:center}.portal-user{display:flex;justify-content:center}.workspace-grid,.lab-layout{grid-template-columns:1fr}.sample-summary{position:static}.result-form{grid-template-columns:1fr 1fr}.metric-row{grid-template-columns:1fr}.review-grid,.report-grid{grid-template-columns:1fr}}
@media(max-width:620px){dialog{max-width:calc(100vw - 32px)}.role-card,.form-dialog{padding:24px}.role-card h2,.form-dialog h2{font-size:24px;text-wrap:balance}.portal-shell{display:block}.portal-nav{position:sticky;height:auto;z-index:30;display:flex;flex-direction:row;align-items:center;padding:8px 12px}.portal-brand{border:0;padding:0}.portal-nav nav{margin:0 0 0 auto;flex-direction:row}.portal-nav nav .nav-item:not(.active){display:none}.portal-user{display:none}.portal-top{top:59px;height:90px;padding:16px 18px;gap:10px}.portal-top>div{min-width:0}.portal-top .btn{max-width:118px;padding:8px 10px;font-size:11px;white-space:normal}.portal-content{padding:18px}.review-grid,.integration-grid,.role-grid,.form-pair{grid-template-columns:1fr}.result-form{grid-template-columns:1fr}.result-form code{grid-column:auto}.review-card footer{flex-direction:column;align-items:flex-start}.table-head,.table-row{min-width:620px}}
@media(max-width:700px){.coa-masthead{align-items:center}.coa-title{align-items:flex-start}.coa-title .btn{flex:none}.coa-specimen{grid-template-columns:1fr 1fr}.coa-specimen p:nth-child(2){border-right:0}.coa-colophon{flex-direction:column}.coa-results th,.coa-results td{padding:9px 10px}.coa-results th:first-child{min-width:160px}}
@media(max-width:480px){.document-body{padding:0}.issued-document{border:0}.coa-masthead,.coa-title{padding-left:18px;padding-right:18px}.coa-document-id small{max-width:140px;text-align:right}.coa-title{flex-direction:column}.coa-specimen{grid-template-columns:1fr}.coa-specimen p{border-right:0}.coa-specimen p+P{border-top:1px solid var(--line)}}
@media print{.issued-document{box-shadow:none;border:0}.issued-document .btn{display:none}.document-body{padding:0;background:white}.coa-masthead,.coa-section>h2,.coa-colophon{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.builder-card{display:grid;gap:16px}.builder-snapshot{display:grid;grid-template-columns:minmax(100px,.28fr) minmax(0,1fr);gap:8px 20px;margin:0;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}.builder-snapshot dt{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.builder-snapshot dd{margin:0;overflow-wrap:anywhere}.coa-builder-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:12px;align-items:end}.coa-builder-form .form-status{grid-column:1/-1}.coa-builder .dialog-actions{justify-content:flex-start}.vial-crop-dialog{max-height:min(920px,calc(100vh - 32px));overflow:auto}.vial-crop-dialog>div:first-child p:last-child{color:var(--muted);max-width:58ch}.vial-crop-stage{display:grid;place-items:center;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}#vial-crop-canvas{display:block;width:min(250px,100%);height:auto;aspect-ratio:5/7;border:1px solid var(--deep);background:var(--white);box-shadow:var(--shadow);touch-action:none}.vial-crop-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vial-crop-controls label{display:grid;gap:6px;font-weight:700;font-size:11px}.vial-crop-controls input{width:100%;min-height:44px;accent-color:var(--blue)}@media(max-width:760px){.coa-builder-form{grid-template-columns:minmax(0,1fr)}.builder-snapshot{grid-template-columns:minmax(0,1fr)}.builder-snapshot dd{margin-bottom:8px}.vial-crop-controls{grid-template-columns:minmax(0,1fr)}}
.pending-reports{margin-bottom:16px}.pending-sample-table{margin-top:22px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.pending-sample-head,.pending-sample-table article{display:grid;grid-template-columns:1.35fr .9fr .8fr .8fr;gap:16px;align-items:center;padding:14px 16px}.pending-sample-head{background:var(--surface);font:700 9px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.pending-sample-table article{min-height:72px;border-top:1px solid var(--line)}.pending-sample-table article>span{display:flex;flex-direction:column;gap:4px}.pending-sample-table small{color:var(--muted)}.status.queued{background:oklch(.94 .04 82);color:oklch(.45 .12 70)}.legal-policy{scroll-margin-top:110px;padding:clamp(28px,4vw,56px);background:var(--white);border:1px solid var(--line);border-radius:var(--rl);margin-bottom:16px}.legal-policy>header{position:static;height:auto;padding:0 0 20px;background:none;backdrop-filter:none;border-bottom:1px solid var(--line)}.legal-policy h2{font:600 clamp(1.6rem,3vw,2.8rem)/1.1 var(--display);margin:4px 0}.legal-policy>p{max-width:78ch;color:var(--muted)}.legal-policy .legal-summary{font-size:1.08rem;color:var(--ink)}.legal-policy .legal-contact{margin-top:28px;font-weight:700}.legal-policy .legal-contact a{color:var(--blue)}
@media(max-width:700px){.pending-sample-head{display:none}.pending-sample-table article{grid-template-columns:1fr 1fr}.footer-index{grid-template-columns:1fr}.footer-main{padding-top:44px}.legal-policy{padding:24px}}

/* PORTAL UNIFICATION · grouped app shell + structured blend workbench */
.portal-body{--portal-gutter:clamp(16px,2vw,28px);--portal-row:52px;background:oklch(.965 .008 245)}
.portal-body:before{opacity:.014}
.portal-shell{grid-template-columns:248px minmax(0,1fr)}
.portal-nav{padding:18px 12px;background:linear-gradient(180deg,var(--deep),oklch(.13 .04 252));box-shadow:10px 0 34px oklch(.12 .04 252/.08)}
.portal-nav nav{margin-top:18px;gap:2px;overflow:auto;padding-right:2px;scrollbar-width:thin}
.nav-group-label{margin:18px 10px 5px;color:oklch(.67 .035 245);font:700 8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase}
.nav-group-label:first-child{margin-top:2px}
.nav-item{min-height:38px;padding:0 10px;border-radius:5px;font-size:12px}
.nav-item.active{background:oklch(.3 .075 252);box-shadow:inset 2px 0 var(--blue)}
.portal-top{height:76px;padding:14px var(--portal-gutter);border-bottom:1px solid var(--line);z-index:20}
.portal-top h1{font-size:21px;margin:0}.portal-top .eyebrow{font-size:8px}
.portal-content{max-width:none;padding:var(--portal-gutter);display:grid;gap:16px}
.portal-content>.panel,.portal-content>.metric-row,.portal-content>.workspace-grid,.portal-content>.lab-layout,.portal-content>.reports-workbench,.portal-content>.api-access-layout{margin:0}
.panel,.metric-row article,.report-card,.review-card,.blend-editor{border-color:oklch(.855 .012 245);box-shadow:0 1px 2px oklch(.15 .03 252/.035),0 8px 24px oklch(.15 .03 252/.035)}
.panel{padding:20px}.panel>header{padding-bottom:16px}.panel h2{font-size:18px}
.metric-row{gap:12px}.metric-row article{padding:18px}.metric-row b{font-size:30px}
.data-table,.ops-table,.pending-sample-table{border-radius:10px}
.table-row,.ops-row{min-height:var(--portal-row)}
.status{display:inline-flex;align-items:center;gap:5px}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}
.form-dialog label,.result-form label,.sample-identity-form label,.blend-structure-form label{color:var(--ink);font-size:10px;letter-spacing:.02em}
input,select,textarea{accent-color:var(--blue)}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid oklch(.72 .13 252);outline-offset:2px}
.sample-identity-form,.customer-lot-form{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.blend-editor{grid-column:1/-1;background:var(--white);border:1px solid var(--line);border-radius:var(--rl);overflow:hidden}
.blend-editor>summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;cursor:pointer;list-style:none}
.blend-editor>summary::-webkit-details-marker{display:none}.blend-editor>summary span{display:flex;flex-direction:column}.blend-editor>summary small{color:var(--muted)}
.blend-structure-form{display:grid;gap:12px;padding:0 20px 20px;border-top:1px solid var(--line)}
.blend-component-row{min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.blend-component-row legend{padding:0 7px;font:700 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.blend-component-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.blend-component-grid label,.blend-structure-form>label{display:flex;min-width:0;flex-direction:column;gap:5px}
.blend-component-grid input,.blend-component-grid select,.blend-structure-form textarea{width:100%;min-width:0;min-height:40px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:8px 9px}
.report-drawer{border-left:1px solid var(--line)}
.production-portal .role-card,.production-portal .form-dialog{background:var(--white)}
@media(max-width:1180px){.blend-component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:620px){.portal-top{height:72px}.portal-content{padding:14px}.nav-group-label{margin-top:14px}.blend-component-grid{grid-template-columns:minmax(0,1fr)}.blend-editor>summary,.blend-structure-form{padding-inline:14px}.panel{padding:16px}}

/* SAMPLES & COAS · operational command center */
.reports-workbench{--ops-columns:minmax(156px,1.15fr) minmax(154px,1.15fr) minmax(148px,1fr) minmax(130px,.82fr) minmax(190px,1.25fr) minmax(100px,.7fr) 100px;display:grid;gap:16px}.report-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;background:var(--white);box-shadow:0 8px 30px oklch(.15 .03 252/.045)}.report-kpis button{min-height:112px;border:0;border-right:1px solid var(--line);background:var(--white);padding:18px;text-align:left;display:flex;flex-direction:column;transition:background var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.report-kpis button:last-child{border-right:0}.report-kpis button:hover{background:var(--pale);box-shadow:inset 0 -3px var(--blue)}.report-kpis button:focus-visible,.report-tabs button:focus-visible,.ops-row:focus-visible,.ops-row-main:focus-visible,.icon-action:focus-visible{outline:3px solid oklch(.7 .13 252);outline-offset:-3px}.report-kpis small{font:700 9px var(--mono);letter-spacing:.09em;color:var(--muted)}.report-kpis b{font:650 30px/1.1 var(--display);margin:10px 0 5px;font-variant-numeric:tabular-nums}.report-kpis span{font-size:11px;color:var(--muted)}.report-toolbar{position:sticky;top:104px;z-index:12;display:grid;grid-template-columns:auto minmax(280px,1fr) 180px;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--rl);background:oklch(.99 .002 240/.96);backdrop-filter:blur(18px);box-shadow:0 10px 28px oklch(.15 .03 252/.06)}.report-tabs{display:flex;gap:4px}.report-tabs button{min-height:44px;border:0;border-radius:var(--r);background:transparent;padding:0 12px;color:var(--muted);font-weight:700;font-size:12px;white-space:nowrap}.report-tabs button span{margin-left:5px;padding:2px 6px;border-radius:99px;background:var(--surface);font:700 9px var(--mono)}.report-tabs button.active{background:var(--navy);color:var(--white)}.report-tabs button.active span{background:oklch(.4 .06 252)}.report-search,.report-stage-filter{height:44px;display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}.report-search:focus-within,.report-stage-filter:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--pale)}.report-search span{padding-left:13px;color:var(--muted);font-size:20px}.report-search input,.report-stage-filter select{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 12px;color:var(--ink)}.report-stage-filter{padding-left:10px}.report-stage-filter>span{font:700 9px var(--mono);color:var(--muted);letter-spacing:.08em}.report-pane{display:none}.report-pane.active{display:block;animation:report-pane-in 180ms var(--ease)}@keyframes report-pane-in{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}.ops-table{overflow:auto;border:1px solid var(--line);border-radius:var(--rl);background:var(--white);box-shadow:0 8px 30px oklch(.15 .03 252/.04)}.ops-head,.ops-row{min-width:1180px;display:grid;grid-template-columns:var(--ops-columns);gap:14px;align-items:center}.ops-head{position:sticky;top:0;z-index:2;min-height:42px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);font:700 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ops-row{width:100%;min-height:84px;padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:var(--white);text-align:left;color:var(--ink);transition:background var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.ops-row:last-child{border-bottom:0}.ops-row:hover{background:oklch(.975 .012 250);box-shadow:inset 3px 0 var(--blue)}.ops-row>span,.ops-row-main>span{min-width:0;display:flex;flex-direction:column;gap:3px}.ops-row b,.ops-row-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ops-row small,.ops-row-main small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:11px;white-space:nowrap}.ops-customer b{font-family:var(--display);font-weight:650}.ops-row .status,.ops-row-main .status{align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis}.status.attention{background:oklch(.94 .05 28);color:oklch(.47 .17 25)}.status.received,.status.testing{background:var(--pale);color:var(--blue)}.status.ready{background:oklch(.93 .05 155);color:oklch(.4 .13 155)}.row-open{color:var(--blue);font-weight:700;font-size:11px;flex-direction:row!important;justify-content:flex-end;align-items:center}.coa-table{--ops-columns:minmax(170px,1.2fr) minmax(150px,1fr) minmax(145px,.95fr) minmax(150px,1fr) minmax(130px,.8fr) 152px}.coa-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 152px;padding:0;gap:0}.coa-row:hover{box-shadow:inset 3px 0 var(--blue)}.ops-row-main{min-width:1028px;min-height:84px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:center;border:0;background:transparent;padding:14px 16px;text-align:left;color:var(--ink)}.coa-actions{padding-right:14px;display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;gap:6px}.coa-actions .btn{min-height:40px}.icon-action{width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);font-weight:700;color:var(--muted)}.correction-list{display:grid;gap:12px}.correction-row{padding:22px;border:1px solid var(--line);border-radius:var(--rl);background:var(--white)}.correction-row>header{display:flex;justify-content:space-between;gap:16px}.correction-row header div{display:flex;flex-direction:column}.correction-row small{color:var(--muted)}.report-no-results{min-height:220px;border:1px dashed var(--line);border-radius:var(--rl);place-content:center;text-align:center;color:var(--muted)}.report-no-results:not([hidden]){display:grid}.report-drawer{position:fixed;z-index:71;top:0;right:0;width:min(540px,100vw);height:100vh;overflow:auto;padding:34px;background:var(--white);box-shadow:-24px 0 70px oklch(.12 .04 252/.24);transform:translateX(105%);transition:transform 240ms var(--ease)}.report-drawer.open{transform:none}.drawer-scrim{position:fixed;z-index:70;inset:0;border:0;background:oklch(.12 .03 252/.56);opacity:0;pointer-events:none;transition:opacity 240ms var(--ease)}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--white);font-size:22px}.report-drawer h2{font:650 clamp(24px,3vw,34px)/1.15 var(--display);margin:4px 52px 6px 0}.drawer-subtitle{color:var(--muted)}.lifecycle-rail{display:grid;grid-template-columns:repeat(5,1fr);margin:28px 0 24px}.lifecycle-rail span{position:relative;padding-top:22px;text-align:center;font:700 8px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.lifecycle-rail span:before{content:"";position:absolute;z-index:1;top:3px;left:50%;width:11px;height:11px;transform:translateX(-50%);border:2px solid var(--line);border-radius:50%;background:var(--white)}.lifecycle-rail span:after{content:"";position:absolute;top:9px;right:50%;width:100%;height:1px;background:var(--line)}.lifecycle-rail span:first-child:after{display:none}.lifecycle-rail .done:before{border-color:var(--success);background:var(--success)}.lifecycle-rail .current:before{border-color:var(--blue);box-shadow:0 0 0 5px var(--pale)}.drawer-facts{display:grid;grid-template-columns:118px minmax(0,1fr);margin:0;border-top:1px solid var(--line)}.drawer-facts dt,.drawer-facts dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line)}.drawer-facts dt{font:700 9px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.drawer-facts dd{font-weight:600;overflow-wrap:anywhere}.drawer-facts .hash{font:10px/1.5 var(--mono);color:var(--blue)}.drawer-progress{margin:24px 0}.drawer-progress header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.drawer-progress header span{color:var(--muted);font-size:11px}.drawer-progress>div{height:7px;border-radius:99px;background:var(--surface);overflow:hidden}.drawer-progress i{display:block;width:var(--progress);height:100%;background:var(--blue);border-radius:inherit}.drawer-next{padding:16px;border-left:3px solid var(--blue);background:var(--pale);display:flex;flex-direction:column}.drawer-next small{font:700 9px var(--mono);color:var(--blue)}.drawer-test-list{margin:18px 0}.drawer-test-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.drawer-test-list>div>span{font:700 9px var(--mono);color:var(--blue)}.drawer-test-list p{display:flex;flex-direction:column;margin:0;min-width:0}.drawer-test-list small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-route{width:100%;min-height:46px}.drawer-report-status{display:flex;align-items:center;gap:12px;margin:24px 0;padding:14px 0;border-block:1px solid var(--line)}.drawer-report-status span{color:var(--muted)}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.drawer-actions .btn:first-child{grid-column:1/-1;min-height:48px}.drawer-correction{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.drawer-correction summary{cursor:pointer;font-weight:700}.drawer-correction form{display:grid;gap:12px;padding-top:16px}.drawer-correction label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.drawer-correction select,.drawer-correction textarea{border:1px solid var(--line);border-radius:var(--r);padding:10px;background:var(--white)}
@media(max-width:1220px){.report-kpis{grid-template-columns:repeat(3,1fr)}.report-kpis button:nth-child(3){border-right:0}.report-kpis button:nth-child(-n+3){border-bottom:1px solid var(--line)}.report-toolbar{grid-template-columns:1fr 180px}.report-tabs{grid-column:1/-1}}
@media(max-width:760px){.report-kpis{grid-template-columns:repeat(2,1fr)}.report-kpis button{min-height:96px}.report-kpis button:nth-child(3){border-right:1px solid var(--line)}.report-kpis button:nth-child(even){border-right:0}.report-kpis button:nth-child(-n+4){border-bottom:1px solid var(--line)}.report-toolbar{position:static;grid-template-columns:1fr}.report-tabs{overflow:auto}.report-tabs button{padding-inline:10px}.report-stage-filter{display:none}.report-drawer{padding:26px 20px}.drawer-close{top:14px;right:14px}.lifecycle-rail span{font-size:7px}.drawer-facts{grid-template-columns:92px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.report-pane.active{animation:none}.report-drawer,.drawer-scrim{transition:none}}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  overflow-x: clip;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.6 var(--body);
  letter-spacing: -0.01em;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}
body:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  opacity: 0.028;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
}
button,
input,
select,
textarea {
  font: inherit;
}
button {
  cursor: pointer;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
.skip {
  position: fixed;
  z-index: 99;
  top: 8px;
  left: 8px;
  background: var(--white);
  padding: 12px;
  transform: translateY(-140%);
}
.skip:focus {
  transform: none;
}
header {
  height: 84px;
  padding: 0 clamp(20px, 4vw, 72px);
  display: flex;
  align-items: center;
  gap: 30px;
  position: sticky;
  top: 0;
  z-index: 20;
  background: oklch(0.985 0.004 240/0.9);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(14px);
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
}
.brand img {
  border-radius: 7px;
}
.brand img,
.reportbrand img,
.loginbox > img,
.footerbrand img {
  background: var(--brand-tile);
  object-fit: contain;
}
.brand span,
.footerbrand p {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.brand b,
.footerbrand b {
  font: 700 18px var(--display);
  letter-spacing: 0.06em;
}
.brand small,
.footerbrand small {
  font-size: 8px;
  letter-spacing: 0.14em;
  color: var(--muted);
  margin-top: 6px;
}
nav {
  display: flex;
  margin-left: auto;
  gap: 28px;
}
nav a,
.actions > a:first-child {
  font-size: 14px;
  font-weight: 600;
  color: var(--muted);
}
.actions {
  display: flex;
  align-items: center;
  gap: 22px;
}
.btn {
  min-height: 48px;
  padding: 13px 22px;
  border: 1px solid var(--navy);
  border-radius: var(--r);
  background: var(--navy);
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  transition:
    background var(--fast),
    transform var(--fast);
}
.btn:hover {
  background: var(--blue);
}
.btn:active {
  transform: translateY(1px);
}
.btn.small {
  min-height: 42px;
  padding: 9px 16px;
  font-size: 14px;
}
.btn.ghost {
  background: transparent;
  color: var(--navy);
  border-color: var(--line);
}
.btn.light {
  background: var(--white);
  color: var(--navy);
}
.btn:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
  outline: 3px solid var(--red);
  outline-offset: 3px;
}
.btn:disabled {
  opacity: 0.5;
}
.menu,
.mobile {
  display: none;
}
.hero {
  min-height: calc(100vh - 84px);
  padding: clamp(70px, 9vw, 140px) clamp(20px, 6vw, 112px);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.95fr);
  gap: clamp(44px, 7vw, 120px);
  align-items: center;
  background:
    radial-gradient(
      circle at 86% 20%,
      oklch(0.8 0.08 252/0.28),
      transparent 34%
    ),
    linear-gradient(115deg, var(--paper), var(--pale));
  position: relative;
}
.hero:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(var(--deep) 1px, transparent 1px),
    linear-gradient(90deg, var(--deep) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity: 0.025;
}
.hero > div,
.console {
  position: relative;
  z-index: 1;
}
.eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--blue);
}
.eyebrow i {
  display: inline-block;
  width: 28px;
  height: 3px;
  margin: 0 10px 3px 0;
  background: linear-gradient(
    90deg,
    var(--red) 33%,
    var(--white) 33% 66%,
    var(--blue) 66%
  );
}
h1 {
  font: 650 clamp(3.4rem, 6.4vw, 6.8rem) / 0.96 var(--display);
  letter-spacing: -0.06em;
  margin: 24px 0 34px;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
h1 span {
  color: var(--blue);
}
.lead {
  max-width: 650px;
  font-size: clamp(18px, 1.5vw, 22px);
  color: var(--muted);
}
.cta {
  display: flex;
  gap: 12px;
  margin-top: 34px;
}
.facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 58px;
  border-top: 1px solid var(--line);
}
.facts p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 18px 12px 0;
  margin: 0;
  border-right: 1px solid var(--line);
  text-align: center;
}
.facts p:last-child {
  border: 0;
}
.facts small {
  font-size: 12px;
  color: var(--muted);
}
.console {
  background: var(--deep);
  padding: 16px;
  border-radius: var(--rl);
  box-shadow: var(--shadow);
  transform: rotate(1deg);
}
.consolebar,
.chain {
  display: flex;
  justify-content: space-between;
  color: oklch(0.68 0.01 252);
  font: 600 9px var(--mono);
  letter-spacing: 0.1em;
  padding: 3px 5px 13px;
}
.report {
  background: var(--white);
  padding: clamp(20px, 3vw, 36px);
  border-radius: 3px;
  position: relative;
}
.report:after {
  content: none;
}
.reportbrand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 2px solid var(--navy);
}
.reportbrand p {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.reportbrand p b {
  font: 700 17px var(--display);
}
.reportbrand small {
  font: 600 8px var(--mono);
  color: var(--muted);
}
.reportbrand em {
  font: 600 8px var(--mono);
  font-style: normal;
  color: var(--success);
  background: oklch(0.92 0.05 157);
  padding: 6px 10px;
  border-radius: 999px;
  margin-left: auto;
}
.meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
  margin: 22px 0;
}
.meta p {
  font: 600 8px var(--mono);
  color: var(--muted);
  letter-spacing: 0.08em;
}
.meta b {
  display: block;
  color: var(--ink);
  margin-top: 5px;
}
.row {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  padding: 8px;
  border-bottom: 1px solid var(--line);
  font-size: 10px;
}
.row span {
  color: var(--success);
  font-weight: 700;
}
.row.head {
  background: var(--navy);
  color: var(--white);
  font: 600 8px var(--mono);
}
.row.head span {
  color: var(--white);
}
.finger {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 22px;
}
.finger p {
  font: 600 7px var(--mono);
  color: var(--muted);
  margin: 0;
  display: flex;
  flex-direction: column;
}
.finger code {
  color: var(--ink);
  font-size: 11px;
  margin: 5px 0;
}
.chain {
  padding: 14px 4px 0;
}
.chain span {
  color: var(--success);
}
.trust {
  min-height: 72px;
  background: var(--navy);
  color: var(--white);
  padding: 0 clamp(20px, 6vw, 112px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
}
.trust span {
  text-align: center;
  font: 600 10px var(--mono);
  letter-spacing: 0.11em;
  border-right: 1px solid oklch(1 0 0/0.18);
}
.section {
  padding: clamp(96px, 10vw, 160px) clamp(20px, 7vw, 136px);
}
h2 {
  font: 600 clamp(2.5rem, 4.5vw, 4.8rem) / 1.02 var(--display);
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.intro {
  max-width: 780px;
}
.intro > p:last-child,
.about > div:last-child,
.quote > div > p:last-child {
  color: var(--muted);
  font-size: 18px;
}
.services {
  margin: 70px 0 32px;
  border-top: 1px solid var(--line);
}
.services article {
  display: grid;
  grid-template-columns: 55px minmax(0, 1fr) 220px;
  gap: 28px;
  align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid var(--line);
  transition:
    padding var(--fast),
    background var(--fast);
}
.services article:hover {
  padding-left: 20px;
  padding-right: 20px;
  background: var(--pale);
}
.services article > span {
  font: 600 11px var(--mono);
  color: var(--blue);
}
.services h3 {
  font: 600 clamp(1.25rem, 1.8vw, 1.75rem) var(--display);
  margin-bottom: 4px;
}
.services p {
  margin: 0;
  color: var(--muted);
}
.services small {
  text-align: right;
  font: 600 10px var(--mono);
  color: var(--muted);
}
.under {
  font-weight: 700;
  border-bottom: 2px solid var(--blue);
}
.process {
  background: var(--surface);
}
.split {
  display: grid;
  grid-template-columns: 0.5fr 1.5fr;
  gap: 40px;
}
.process ol {
  list-style: none;
  padding: 0;
  margin: 70px 0 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}
.process li {
  padding: 28px 24px 20px 0;
  margin-right: 24px;
  border-right: 1px solid var(--line);
}
.process li > span {
  font: 600 11px var(--mono);
  color: var(--blue);
}
.process h3 {
  font: 600 20px var(--display);
  margin: 25px 0 10px;
}
.process li p {
  font-size: 14px;
  color: var(--muted);
}
.note {
  max-width: 760px;
  margin: 60px 0 0 auto;
  padding: 26px;
  border-left: 4px solid var(--red);
  background: var(--paper);
  display: grid;
  grid-template-columns: 0.6fr 1.4fr;
  gap: 28px;
}
.note b {
  font: 600 21px var(--display);
}
.note p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}
.verify {
  padding: clamp(96px, 10vw, 160px) clamp(20px, 7vw, 136px);
  background: var(--deep);
  color: var(--white);
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(420px, 1.15fr);
  gap: clamp(50px, 8vw, 150px);
  align-items: center;
}
.verify > div > p,
.verify > div > small {
  color: oklch(0.75 0.01 252);
}
.verify form {
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid oklch(1 0 0/0.16);
  border-radius: var(--rl);
  background: oklch(1 0 0/0.045);
}
label {
  display: block;
  font-size: 13px;
  font-weight: 600;
}
.field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 8px;
}
input,
select,
textarea {
  width: 100%;
  min-height: 50px;
  padding: 13px 15px;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--white);
  color: var(--ink);
}
textarea {
  resize: vertical;
}
.demo {
  border: 0;
  background: none;
  color: var(--white);
  text-decoration: underline;
}
.verify form > p {
  font-size: 12px;
  color: oklch(0.66 0.01 252);
}
.result {
  padding: 14px;
  border: 1px solid oklch(1 0 0/0.2);
  border-radius: var(--r);
  font-size: 13px;
}
.result.ok {
  background: oklch(0.57 0.15 157/0.15);
}
.about {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: clamp(60px, 10vw, 180px);
}
.quote {
  padding: clamp(96px, 10vw, 160px) clamp(20px, 7vw, 136px);
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(420px, 1.15fr);
  gap: clamp(60px, 9vw, 150px);
  background:
    radial-gradient(
      circle at 5% 90%,
      oklch(0.78 0.09 252/0.25),
      transparent 36%
    ),
    var(--pale);
}
.quote form {
  display: grid;
  gap: 17px;
  padding: clamp(24px, 4vw, 48px);
  background: var(--white);
  border-radius: var(--rl);
  box-shadow: var(--shadow);
}
.quote label input,
.quote label select,
.quote label textarea {
  margin-top: 7px;
}
.quote-panel {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: color-mix(in oklch, var(--blue) 7%, var(--white));
}
.quote-panel > span {
  grid-column: 1 / -1;
  color: var(--blue);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.quote-panel div { display: grid; gap: 0.15rem; }
.quote-panel small { color: var(--muted); }
.quote-panel strong {
  color: var(--navy);
  font: 600 1.4rem var(--display);
  font-variant-numeric: tabular-nums;
}
.twocol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.check {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  font-size: 12px;
  color: var(--muted);
}
.check input {
  width: 18px;
  min-height: 18px;
}
.login {
  display: grid;
  grid-template-columns: minmax(360px, 0.7fr) minmax(0, 1.3fr);
  background: var(--deep);
  color: var(--white);
}
.loginbox {
  padding: clamp(60px, 8vw, 120px);
}
.loginbox form {
  display: grid;
  gap: 15px;
  margin-top: 28px;
}
.loginbox input {
  margin-top: 6px;
  background: oklch(1 0 0/0.07);
  border-color: oklch(1 0 0/0.18);
  color: var(--white);
}
.dashboard {
  margin: 64px 64px 64px 0;
  background: var(--white);
  color: var(--ink);
  border-radius: var(--rl);
  overflow: hidden;
  box-shadow: var(--shadow);
}
.dashbar {
  height: 54px;
  padding: 0 24px;
  background: var(--surface);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: 600 10px var(--mono);
}
.stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.stats p {
  padding: 28px;
  border-right: 1px solid var(--line);
  font: 600 9px var(--mono);
  color: var(--muted);
}
.stats b {
  display: block;
  font: 600 38px var(--display);
  color: var(--ink);
}
.table {
  padding: 20px;
}
.table p {
  display: grid;
  grid-template-columns: 1.2fr 1fr 0.5fr;
  padding: 15px 8px;
  border-bottom: 1px solid var(--line);
  font-size: 13px;
}
.table span {
  color: var(--blue);
}
.table time {
  text-align: right;
  color: var(--muted);
}
.legalhub {
  background: var(--paper);
}
.legalintro {
  max-width: 900px;
}
.legalintro > p:last-child {
  max-width: 720px;
  color: var(--muted);
}
.legalgrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 64px;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.legalgrid article {
  padding: 28px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.legalgrid h3 {
  font: 600 20px var(--display);
  margin-bottom: 10px;
}
.legalgrid p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}
footer {
  padding: 60px clamp(20px, 6vw, 112px) 32px;
  background: var(--navy);
  color: var(--white);
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 36px;
}
.footerbrand {
  display: flex;
  align-items: center;
  gap: 13px;
}
.footerlinks {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  align-items: center;
  font-size: 13px;
  color: oklch(0.8 0.01 252);
}
.legal {
  grid-column: 1/-1;
  border-top: 1px solid oklch(1 0 0/0.15);
  padding-top: 26px;
  color: oklch(0.65 0.01 252);
  font-size: 11px;
}
@media (max-width: 1050px) {
  .legalgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  header nav,
  .actions {
    display: none;
  }
  .menu {
    display: block;
    margin-left: auto;
    width: 44px;
    height: 44px;
    border: 0;
    background: none;
  }
  .mobile {
    position: fixed;
    top: 84px;
    left: 0;
    right: 0;
    z-index: 19;
    background: var(--paper);
    padding: 16px 24px;
    display: none;
    flex-direction: column;
    border-bottom: 1px solid var(--line);
  }
.mobile.open {
    display: flex;
  }
  .mobile[hidden] {
    display: none;
  }
  .mobile a {
    padding: 11px 0;
  }
  .hero {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
  }
  .console {
    max-width: 720px;
  }
  .process ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .verify,
  .quote,
  .login {
    grid-template-columns: minmax(0, 1fr);
  }
  .dashboard {
    margin: 0 40px 60px;
  }
}
@media (max-width: 700px) {
  .legalgrid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 40px;
  }
  header {
    height: 72px;
    padding: 0 18px;
  }
  .mobile {
    top: 72px;
  }
  .brand small {
    display: none;
  }
  .hero {
    padding: 70px 20px;
    gap: 52px;
  }
  h1 {
    font-size: clamp(3rem, 16vw, 4.4rem);
  }
  .cta {
    flex-direction: column;
  }
  .facts {
    margin-top: 40px;
  }
  .facts p {
    padding: 18px 6px 0;
  }
  .console {
    padding: 9px;
    transform: none;
  }
  .chain {
    display: none;
  }
  .trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 12px;
  }
  .trust span {
    padding: 8px;
    border: 0;
  }
  .section,
  .verify,
  .quote {
    padding: 84px 20px;
  }
  .services article {
    grid-template-columns: 35px minmax(0, 1fr);
  }
  .services small {
    grid-column: 2;
    text-align: left;
  }
  .services article:hover {
    padding-left: 0;
    padding-right: 0;
    background: none;
  }
  .split,
  .about,
  .note {
    grid-template-columns: minmax(0, 1fr);
  }
  .process ol {
    grid-template-columns: minmax(0, 1fr);
  }
  .process li {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .field,
  .twocol {
    grid-template-columns: minmax(0, 1fr);
  }
  .loginbox {
    padding: 70px 20px;
  }
  .dashboard {
    margin: 0 12px 40px;
  }
  .stats p {
    padding: 18px 10px;
  }
  .table {
    padding: 10px;
  }
  .table p {
    grid-template-columns: 1.2fr 1fr;
  }
  .table time {
    display: none;
  }
  footer {
    grid-template-columns: minmax(0, 1fr);
    padding: 50px 20px 28px;
  }
  .footerlinks {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
}
.production-portal .demo-login{display:none}.portal-body:not(.production-portal) .production-login{display:none}.portal-body:not(.portal-authenticated)>.skip{display:none}#role-dialog{background:var(--white)}#role-dialog::backdrop{background:var(--deep);backdrop-filter:none}.production-login{display:grid;gap:1rem}.production-login form{display:grid;gap:1rem}.production-login form[hidden]{display:none}.production-login label{display:grid;gap:.4rem;font-weight:700}.production-login input{width:100%;padding:.85rem;border:1px solid #cbd5e1;border-radius:.55rem;font:inherit}.production-login label+.btn{margin-top:.5rem}
.shared-footer{grid-template-columns:.7fr 1.3fr}.shared-footer .footerlinks{margin:0;flex-wrap:wrap}.shared-footer .legal{margin:0}.shared-footer nav a{color:inherit}
@media(max-width:620px){.shared-footer{grid-template-columns:1fr}.shared-footer .footerlinks{justify-content:flex-start;gap:14px 20px}}

/* Shared portal shell and reusable workspace states. */
.portal-nav-head{display:block}.portal-nav-close,.portal-menu,.portal-scrim{display:none}.portal-state{min-height:260px;border:1px dashed var(--line);border-radius:var(--rl);display:grid;place-content:center;justify-items:center;gap:8px;padding:32px;text-align:center;color:var(--muted);background:var(--white)}.portal-state b{font:600 20px var(--display);color:var(--ink)}.portal-state>span:not(.state-spinner):not(.state-icon){max-width:460px}.state-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--pale);color:var(--blue);font:700 18px var(--display)}.error-state{border-style:solid;border-color:oklch(.78 .12 28)}.error-state .state-icon{background:oklch(.94 .04 28);color:oklch(.48 .18 28)}.error-state .btn{margin-top:8px}.state-spinner{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:portal-spin .8s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}
@media(max-width:620px){.portal-shell{display:block}.portal-nav{position:fixed;z-index:80;inset:0 auto 0 0;width:min(320px,86vw);height:100dvh;padding:18px 16px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--shadow)}.portal-menu-open .portal-nav{transform:translateX(0)}.portal-nav-head{display:flex;align-items:center;border-bottom:1px solid oklch(.7 .03 252/.16)}.portal-brand{flex:1;border:0;padding:0 8px 16px}.portal-brand span{display:flex}.portal-nav-close{display:grid;place-items:center;width:44px;height:44px;margin-bottom:14px;border:0;background:transparent;color:var(--white);font-size:28px}.portal-nav nav{margin:22px 0 0;display:flex;flex-direction:column}.portal-nav nav .nav-item,.portal-nav nav .nav-item:not(.active){display:block;font-size:14px}.portal-nav nav .nav-item[hidden]{display:none!important}.portal-nav .nav-item:before{content:none}.portal-user{display:grid}.portal-user p,.portal-user button{font-size:inherit}.portal-scrim{position:fixed;z-index:70;inset:0;width:100%;height:100%;border:0;background:oklch(.12 .03 252/.68)}.portal-menu-open .portal-scrim{display:block}.portal-menu{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--deep);font-size:20px}.portal-top{top:0;height:92px;padding:14px 18px;align-items:center}.portal-top .eyebrow{font-size:8px}.portal-top h1{font-size:20px}.portal-content{padding:18px}.portal-state{min-height:220px;padding:28px 20px}}

/* Customer portfolio controls. */
.portfolio-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.portfolio-row span{display:flex;flex-direction:column}.portfolio-row small,.pending-invite{color:var(--muted)}.inline-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:20px}.inline-control label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700}.inline-control input,.inline-control select{min-height:42px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:8px 10px}.inline-control .form-status{grid-column:1/-1}.pending-invite{display:block;margin-top:10px}.portal-body[data-role="customer_admin"] .customer-only{display:inline-flex!important}.portal-body[data-role="customer_admin"] .staff-only{display:none!important}
@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr}.inline-control{grid-template-columns:1fr}.inline-control button{justify-self:start}}

/* Secure communications workspace. */
.communications-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:16px}.communications-inbox,.message-detail{min-width:0}.message-thread-list{margin:0 -24px}.message-thread{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 24px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--ink)}.message-thread:hover,.message-thread:focus-visible{background:var(--pale)}.message-thread-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r);background:var(--pale);color:var(--blue);font:700 10px var(--mono)}.message-thread>span:nth-child(2),.message-bubble>div,.email-event>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.message-thread small,.message-thread time,.message-bubble time,.email-event small,.message-attachment small{color:var(--muted);font-size:11px}.message-thread time,.email-event time,.message-bubble time{font:500 10px var(--mono);white-space:nowrap}.message-compose{display:grid;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.message-compose h3{margin:0;font:600 17px var(--display)}.message-compose label,.message-reply label{display:grid;gap:6px;font-size:11px;font-weight:700}.message-compose input,.message-compose select,.message-compose textarea,.message-reply textarea{min-height:42px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:10px;font:inherit}.message-compose textarea,.message-reply textarea{min-height:100px;resize:vertical}.message-detail>header{position:static;height:auto;padding:0 0 20px;background:none;backdrop-filter:none;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.message-detail>header h2{font:600 20px var(--display);margin:3px 0}.message-detail-empty{min-height:360px;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;color:var(--muted)}.message-detail-empty b{color:var(--ink);font:600 20px var(--display)}.message-stream{display:grid;gap:12px;padding:20px 0;max-height:540px;overflow:auto}.message-bubble{max-width:86%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}.message-bubble:nth-child(even){justify-self:end;background:var(--pale)}.message-bubble>div{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.message-bubble p{white-space:pre-wrap;margin:10px 0 0;line-height:1.55}.message-attachment{display:flex;gap:10px;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--blue)}.message-attachment span:nth-child(2){display:flex;flex-direction:column;min-width:0}.message-attachment small{overflow-wrap:anywhere}.message-reply{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px}.message-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-picker{display:flex!important;align-items:center;gap:8px;color:var(--blue);cursor:pointer}.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.communications-secondary{margin-top:16px}.preference-form{display:grid;gap:14px}.preference-form label{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.preference-form input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue)}.preference-form span{display:flex;flex-direction:column;gap:3px}.preference-form small{color:var(--muted);font-weight:400}.email-history{display:grid;gap:2px}.email-event{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line)}.email-event .integration-dot{width:8px;height:8px;margin-top:4px}.email-event b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.communications-layout{grid-template-columns:1fr}.message-detail-empty{min-height:220px}}
@media(max-width:620px){.message-thread-list{margin:0 -18px}.message-thread{padding:14px 18px}.message-reply-actions{align-items:flex-start;flex-direction:column}.message-bubble{max-width:94%}.email-event{grid-template-columns:10px minmax(0,1fr)}}

/* Wave 8 customer lifecycle command view. */
.lifecycle-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.lifecycle-action{min-height:92px;padding:16px;border:1px solid var(--line);border-radius:var(--rl);background:var(--white);display:grid;grid-template-columns:28px 1fr;gap:3px 12px;text-align:left;color:var(--ink);box-shadow:0 8px 30px oklch(.15 .03 252/.035)}.lifecycle-action:hover,.lifecycle-action:focus-visible{border-color:var(--blue);background:var(--pale)}.lifecycle-action>span{grid-row:1/3;color:var(--blue);font:700 10px var(--mono);padding-top:3px}.lifecycle-action>b{font:600 15px var(--display)}.lifecycle-action>small{color:var(--muted)}.lifecycle-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);margin-bottom:16px}.brand-ledger-row,.attention-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}.brand-ledger-row{min-height:66px;padding:12px 0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center}.brand-ledger-row:hover,.brand-ledger-row:focus-visible,.attention-row:hover,.attention-row:focus-visible{background:var(--pale)}.brand-ledger-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r);background:var(--deep);color:var(--white);font:700 10px var(--mono)}.brand-ledger-row>span:nth-child(2),.brand-ledger-row>span:last-child,.attention-row>span{display:flex;flex-direction:column;min-width:0}.brand-ledger-row>span:last-child{text-align:right}.brand-ledger-row small,.attention-row small{color:var(--muted)}.attention-row{min-height:62px;padding:10px 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.recent-communications{margin-top:0}.recent-communications .message-thread{padding-left:0;padding-right:0}.lifecycle-metrics b{font-variant-numeric:tabular-nums}
@media(max-width:950px){.lifecycle-grid{grid-template-columns:1fr}}
@media(max-width:620px){.lifecycle-actions{grid-template-columns:1fr}.brand-ledger-row{grid-template-columns:38px minmax(0,1fr)}.brand-ledger-row>span:last-child{grid-column:2;text-align:left}.lifecycle-action{min-height:84px}}

/* Wave 9 administrator command center. */
.metric-action{appearance:none;border:1px solid var(--line);background:var(--white);color:inherit;border-radius:var(--rl);padding:24px;text-align:left;display:flex;flex-direction:column;cursor:pointer;font:inherit;box-shadow:0 8px 30px oklch(.15 .03 252/.045)}.metric-action:hover,.metric-action:focus-visible{border-color:var(--blue);transform:translateY(-1px)}.metric-action small{color:var(--muted);font:700 10px var(--mono);letter-spacing:.1em}.metric-action b{font:650 30px var(--display);line-height:1.2;margin:8px 0}.metric-action span{color:var(--muted)}.command-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.command-search{margin-bottom:16px}.command-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;padding-top:20px}.command-search-form label{display:grid;gap:6px;font-size:11px;font-weight:700}.command-search-form input{min-height:44px;border:1px solid var(--line);border-radius:var(--r);padding:10px;font:inherit}.command-search-form .form-status{grid-column:1/-1}.search-results{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}
@media(max-width:1100px){.command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.command-metrics,.command-search-form{grid-template-columns:1fr}.command-search-form .btn{width:100%}}
@media(max-width:620px){.portal-nav{visibility:hidden;pointer-events:none;box-shadow:none}.portal-menu-open .portal-nav{visibility:visible;pointer-events:auto;box-shadow:var(--shadow)}}
.legal-jump{margin:32px 0;display:flex;flex-wrap:wrap;gap:8px}.legal-jump a{min-height:44px;display:inline-flex;align-items:center;padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:var(--white);color:var(--navy);font-weight:700}.legal-review-note{max-width:78ch;color:var(--muted);font-size:12px}.laboratory-picker{margin-bottom:16px}.laboratory-picker label,.sample-identity-form,.brand-watermark-form{display:grid;gap:8px}.laboratory-picker select,.sample-identity-form input,.brand-watermark-form input{min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}.sample-identity-form{margin:20px 0;padding-top:18px;border-top:1px solid var(--line)}.brand-watermark-form{padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
/* PIXEL · mode: DASHBOARD · macrostructure: app shell · tone: brutally minimal · nav: rail · footer: none */
.security-workspace{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr)}.security-ledger-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:14px 0;border-bottom:1px solid var(--line)}.security-ledger-row span{display:flex;flex-direction:column;min-width:0}.security-ledger-row small,.security-ledger-row code{color:var(--muted);overflow-wrap:anywhere}.security-ledger-row code{grid-column:1/-1;font-size:10px}.status.high,.status.critical{background:oklch(.94 .06 24);color:oklch(.45 .17 24)}#access-review-form{display:grid;gap:14px}#access-review-form label{display:grid;gap:6px;font-size:11px;font-weight:700}#access-review-form select,#access-review-form textarea{min-height:42px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:10px}@media(max-width:950px){.security-workspace{grid-template-columns:1fr}}

/* PIXEL · mode: DASHBOARD · macrostructure: workbench · tone: minimal · nav: existing rail · footer: none */
.product-library{margin-bottom:16px}.product-library-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:20px}.catalog-list{max-height:560px;overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}.catalog-product{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid var(--line)}.catalog-product:last-child{border-bottom:0}.catalog-product>span{display:flex;min-width:0;flex-direction:column}.catalog-product b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-product small,.catalog-hint{color:var(--muted)}.product-create-form{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}.product-create-form h3{margin:0}.catalog-components{display:grid;gap:8px}.catalog-components fieldset{padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}.operator-hidden{display:none!important}.simple-outcome-form{padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}.simple-outcome-form>label:not(.operator-hidden){max-width:420px}.simple-outcome-form select{min-height:44px}.approve-product-chart{margin-top:12px}@media(max-width:860px){.product-library-layout{grid-template-columns:minmax(0,1fr)}}
.chart-workbench{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}.chart-workbench>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.chart-workbench h3{margin:2px 0 0;font:600 1rem var(--display)}.chart-extract-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.chart-extract-form .form-status{grid-column:1/-1}.chart-confirmation:not(:empty){margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.coded-chart-preview{overflow:hidden;border:1px solid var(--line);background:var(--white)}.coded-chart-preview svg{display:block;width:100%;height:auto}.chart-check-question{margin:14px 0;color:var(--ink)}.chart-confirmation textarea{font-family:var(--mono);font-size:.78rem}@media(max-width:720px){.chart-extract-form{grid-template-columns:1fr}}

/* PIXEL · mode: DASHBOARD · macrostructure: app-shell-control-matrix · tone: minimal · nav: existing rail · footer: none */
.api-access-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:16px;align-items:start}.api-key-create{position:sticky;top:108px}.api-key-create form,.api-key-revoke-form{display:grid;gap:12px}.api-key-create form>label:not(.check),.api-key-revoke-form label{display:grid;gap:6px;font-size:11px;font-weight:700}.api-key-create input,.api-key-revoke-form input{min-height:42px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:9px 11px;font:inherit}.api-key-row{padding:18px 0;border-bottom:1px solid var(--line)}.api-key-row:last-child{border-bottom:0}.api-key-row>header{position:static;height:auto;padding:0;background:none;border:0;backdrop-filter:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.api-key-row>header div{display:flex;flex-direction:column;gap:4px}.api-key-row code,.api-secret-reveal code,.api-permission code,.api-scope-list code{font:600 10px var(--mono);overflow-wrap:anywhere}.api-key-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.api-key-meta span{display:flex;flex-direction:column;gap:3px}.api-key-meta small{color:var(--muted);font:700 9px var(--mono);letter-spacing:.08em}.api-key-meta b{font-size:11px}.api-key-row details{margin:12px 0}.api-scope-list{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.api-scope-list code{padding:6px 8px;border:1px solid var(--line);border-radius:99px;background:var(--paper)}.api-key-revoke-form{grid-template-columns:1fr 1fr auto;align-items:end;padding:14px;background:var(--paper);border-radius:var(--r)}.api-key-revoke-form .form-status{grid-column:1/-1}.api-permission-matrix{display:grid;gap:10px}.api-permission-group{margin:0;padding:12px;border:1px solid var(--line);border-radius:var(--r)}.api-permission-group legend{padding:0 6px;color:var(--muted);font:700 9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.api-permission{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;padding:9px 4px;border-bottom:1px solid var(--line);cursor:pointer}.api-permission:last-child{border-bottom:0}.api-permission input{min-height:0;width:17px;height:17px;margin-top:2px;accent-color:var(--blue)}.api-permission span{display:flex;flex-direction:column;gap:2px}.api-permission small{color:var(--muted);font-weight:400;line-height:1.4}.api-permission.dangerous b:after{content:" HIGH IMPACT";margin-left:6px;color:var(--red);font:700 8px var(--mono)}.api-secret-reveal{margin-bottom:16px;padding:22px;border:2px solid var(--blue);border-radius:var(--rl);background:var(--pale);display:grid;gap:14px}.api-secret-reveal h2{margin:2px 0;font:600 22px var(--display)}.api-secret-reveal p{margin:0}.api-secret-reveal>code{display:block;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);font-size:12px;user-select:all}.status.expired{background:var(--paper);color:var(--muted)}
@media(max-width:1100px){.api-access-layout{grid-template-columns:1fr}.api-key-create{position:static}.api-key-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.api-key-revoke-form{grid-template-columns:1fr}.api-key-meta{grid-template-columns:1fr}.api-secret-reveal{padding:18px}.api-key-metrics{grid-template-columns:1fr}}

/* Reports workbench: search removed; tabs and stage control use the full toolbar. */
.reports-workbench .report-toolbar{grid-template-columns:minmax(0,1fr) 180px}

/* Mobile portal shell: final reset after the compact tablet rail rules. */
@media(max-width:620px){
  html,.portal-body{max-width:100%;overflow-x:clip}
  .portal-body{min-width:0}
  .portal-body.portal-menu-open{overflow:hidden;touch-action:none}
  .portal-shell,#portal-main{width:100%;min-width:0}
  .portal-nav{
    position:fixed;
    z-index:80;
    inset:0 auto 0 0;
    box-sizing:border-box;
    width:min(21rem,calc(100vw - 3rem));
    max-width:100%;
    height:100dvh;
    padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));
    display:flex;
    flex-direction:column;
    align-items:stretch;
    overflow:hidden;
    visibility:hidden;
    pointer-events:none;
    transform:translate3d(-105%,0,0);
    transition:transform 200ms var(--ease),visibility 0s linear 200ms;
    box-shadow:none;
  }
  .portal-menu-open .portal-nav{
    visibility:visible;
    pointer-events:auto;
    transform:translate3d(0,0,0);
    transition:transform 200ms var(--ease),visibility 0s;
    box-shadow:var(--shadow);
  }
  .portal-nav-head{flex:0 0 auto;width:100%;display:flex;align-items:center;border-bottom:1px solid oklch(.7 .03 252/.16)}
  .portal-brand{min-width:0;flex:1;justify-content:flex-start;gap:10px;padding:0 6px 14px}
  .portal-brand img{flex:0 0 42px}
  .portal-brand span{min-width:0;display:flex;font-size:initial}
  .portal-brand b{font:700 13px var(--display)}
  .portal-brand small{font-size:7px}
  .portal-nav-close{flex:0 0 44px;margin:0 0 8px;line-height:1}
  .portal-nav nav{
    min-width:0;
    flex:1 1 auto;
    margin:10px -4px 8px 0;
    padding:0 4px 12px 0;
    display:flex;
    flex-direction:column;
    gap:2px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .nav-group-label{margin:14px 10px 4px}
  .portal-nav nav .nav-item,.portal-nav nav .nav-item:not(.active){
    flex:0 0 auto;
    width:100%;
    min-height:44px;
    display:block;
    padding:0 12px;
    font-size:14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .portal-nav .nav-item:before{content:none}
  .portal-user{
    min-width:0;
    flex:0 0 auto;
    margin-top:0;
    padding:14px 4px 0;
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    justify-content:stretch;
    gap:4px 10px;
  }
  .portal-user .avatar{width:40px;height:40px;grid-row:1/3}
  .portal-user p{display:flex;font-size:12px}
  .portal-user button{grid-column:2;min-height:44px;font-size:12px}
  .portal-scrim{height:100dvh;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms var(--ease),visibility 0s linear 200ms}
  .portal-menu-open .portal-scrim{display:block;opacity:1;visibility:visible;pointer-events:auto;transition:opacity 200ms var(--ease),visibility 0s}
  .portal-top{
    width:100%;
    min-width:0;
    height:auto;
    min-height:76px;
    padding:max(10px,env(safe-area-inset-top)) 14px 10px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    gap:10px;
  }
  .portal-top>div{min-width:0}
  .portal-top .eyebrow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .portal-top h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .portal-top .btn{max-width:112px;min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .portal-content{width:100%;min-width:0;padding:14px 14px calc(40px + env(safe-area-inset-bottom))}
  .panel,.metric-row article,.metric-action,.report-card{min-width:0;padding:18px}
  .panel>header{gap:12px;align-items:flex-start}
  .panel>header .btn{flex:0 0 auto}
  .submission-row{grid-template-columns:38px minmax(0,1fr);gap:10px}
  .submission-row>.status{grid-column:2;justify-self:start}
  .report-card>div,.dialog-actions{flex-wrap:wrap}
}
@media(max-width:360px){
  .portal-nav{width:calc(100vw - 2rem);padding-inline:12px}
  .portal-brand small{display:none}
  .portal-top{grid-template-columns:44px minmax(0,1fr)}
  .portal-top>.btn{grid-column:1/-1;width:100%;max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .portal-nav,.portal-scrim{transition:none!important}
}

/* Phone-native operations workspaces: dense desktop tables become complete cards. */
@media(max-width:620px){
  .reports-workbench{gap:12px}
  .report-kpis{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:var(--r)}
  .report-kpis button{min-height:104px;padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .report-kpis button:nth-child(even){border-right:0}
  .report-kpis button:nth-last-child(-n+2){border-bottom:0}
  .report-kpis b{font-size:26px;margin:7px 0 3px}
  .report-toolbar{position:static;display:grid;grid-template-columns:minmax(0,1fr);padding:10px;gap:10px}
  .report-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:3px}
  .report-tabs button{min-width:0;padding:8px 6px;white-space:normal;line-height:1.25;text-align:center}
  .report-tabs button span{display:block;width:max-content;margin:5px auto 0}
  .report-search{width:100%}
  .ops-table{overflow:visible;border:0;background:transparent;box-shadow:none}
  .ops-head{display:none}
  .ops-row,.coa-row,.ops-row-main{
    min-width:0;
    width:100%;
    min-height:0;
  }
  .ops-row:not(.coa-row){
    margin-bottom:10px;
    padding:16px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:14px 12px;
    border:1px solid var(--line);
    border-radius:var(--r);
    box-shadow:0 6px 20px oklch(.15 .03 252/.035);
  }
  .ops-row:not(.coa-row)>span{min-width:0}
  .ops-row:not(.coa-row)>span:before,.ops-row-main>span:before{
    display:block;
    margin-bottom:5px;
    color:var(--muted);
    font:700 8px var(--mono);
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .ops-row:not(.coa-row)>span:nth-child(1):before,.ops-row-main>span:nth-child(1):before{content:"Customer / brand"}
  .ops-row:not(.coa-row)>span:nth-child(2):before,.ops-row-main>span:nth-child(2):before{content:"Product"}
  .ops-row:not(.coa-row)>span:nth-child(3):before,.ops-row-main>span:nth-child(3):before{content:"Lot / sample"}
  .ops-row:not(.coa-row)>span:nth-child(4):before{content:"Testing"}
  .ops-row:not(.coa-row)>span:nth-child(5):before{content:"Workflow"}
  .ops-row:not(.coa-row)>span:nth-child(6):before{content:"Age"}
  .ops-row:not(.coa-row)>.row-open{grid-column:1/-1;min-height:44px;justify-content:center;border-top:1px solid var(--line);padding-top:12px}
  .coa-row{
    margin-bottom:10px;
    display:block;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:var(--r);
    background:var(--white);
    box-shadow:0 6px 20px oklch(.15 .03 252/.035);
  }
  .ops-row-main{
    padding:16px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:14px 12px;
  }
  .ops-row-main>span:nth-child(4):before{content:"COA number"}
  .ops-row-main>span:nth-child(5):before{content:"Status / issued"}
  .ops-row-main b,.ops-row-main small,.ops-row b,.ops-row small{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
  .coa-actions{
    width:100%;
    padding:12px 16px 16px;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px;
    gap:8px;
    border-top:1px solid var(--line);
  }
  .coa-actions .btn{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center}
  .coa-actions .icon-action{width:44px;height:44px}
  .report-no-results{min-height:180px;padding:24px 16px}
  .empty-state{width:100%;min-width:0;min-height:180px;padding:24px 16px;overflow-wrap:anywhere}
  .report-drawer{width:100%;height:100dvh;padding:72px 18px max(24px,env(safe-area-inset-bottom))}
  .drawer-actions{grid-template-columns:1fr}
  .drawer-actions .btn:first-child{grid-column:auto}
  .drawer-test-list>div{grid-template-columns:24px minmax(0,1fr)}
  .drawer-test-list .status{grid-column:2;justify-self:start}
  .drawer-progress header{flex-direction:column}

  /* Shared portal content safeguards across customer and admin workspaces. */
  .workspace-grid,.communications-layout,.lifecycle-grid,.security-workspace,.api-access-layout,.lab-layout{grid-template-columns:minmax(0,1fr)}
  .metric-row,.command-metrics,.lifecycle-actions,.report-grid,.review-grid,.integration-grid{grid-template-columns:minmax(0,1fr)}
  .data-table{overflow:visible}
  .table-head{display:none}
  .table-row{min-width:0;margin-bottom:8px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
  .form-pair,.result-form,.role-grid,.api-key-revoke-form,.command-search-form{grid-template-columns:minmax(0,1fr)}
  .review-card>header,.correction-row>header,.message-detail>header,.api-key-row>header,.chart-workbench>header{flex-direction:column;align-items:flex-start}
  .review-card footer,.dialog-actions,.message-reply-actions{width:100%;flex-direction:column;align-items:stretch}
  .dialog-actions .btn,.review-card footer .btn{width:100%}
  .panel h2,.review-card h2,.report-card h2{overflow-wrap:anywhere}
  input,select,textarea{max-width:100%;min-width:0}
  .message-compose input,.message-compose select,.message-compose textarea,.message-reply textarea{width:100%}
  .legal-policy,.panel,.report-card,.correction-row{overflow:hidden}
}

/* COA tabs and filters belong at the top of the page; they do not follow scrolling. */
.report-toolbar {
  position: static;
  z-index: auto;
  background: var(--white);
  backdrop-filter: none;
}

/* OWNER / SUPPORT PORTAL CORRECTION · one role-aware /portal surface. */
.staff-portal {
  --staff-bg: oklch(0.965 0.011 248);
  --staff-panel: oklch(0.992 0.003 245);
  --staff-panel-soft: oklch(0.945 0.022 248);
  --staff-border: oklch(0.835 0.018 247);
  --staff-border-strong: oklch(0.72 0.035 248);
  --staff-text: oklch(0.19 0.032 252);
  --staff-muted: oklch(0.48 0.028 252);
  --staff-accent: oklch(0.48 0.155 252);
  --staff-accent-strong: oklch(0.37 0.135 252);
  --staff-nav: oklch(0.17 0.052 252);
  --staff-nav-deep: oklch(0.125 0.043 252);
  --staff-nav-glow: oklch(0.45 0.13 252 / 0.22);
  --staff-nav-border: oklch(0.62 0.05 250 / 0.18);
  --staff-nav-shadow: oklch(0.12 0.04 252 / 0.08);
  --staff-logo-border: oklch(0.86 0.018 247);
  --staff-logo-shadow: oklch(0.08 0.03 252 / 0.25);
  --staff-nav-kicker: oklch(0.66 0.038 245);
  --staff-nav-copy: oklch(0.78 0.028 245);
  --staff-nav-subtle: oklch(0.76 0.03 245);
  --staff-nav-action: oklch(0.76 0.08 245);
  --staff-nav-icon: oklch(0.7 0.08 245);
  --staff-nav-icon-active: oklch(0.9 0.055 242);
  --staff-nav-hover: oklch(0.98 0.005 245 / 0.08);
  --staff-nav-hover-border: oklch(0.78 0.035 245 / 0.12);
  --staff-focus: oklch(0.76 0.13 242);
  --staff-active-start: oklch(0.43 0.14 252 / 0.9);
  --staff-active-end: oklch(0.34 0.1 252 / 0.82);
  --staff-active-border: oklch(0.7 0.08 248 / 0.24);
  --staff-active-edge: oklch(0.78 0.12 245);
  --staff-active-shadow: oklch(0.08 0.04 252 / 0.22);
  --staff-avatar-start: oklch(0.61 0.15 252);
  --staff-avatar-end: oklch(0.42 0.14 252);
  --staff-avatar-ring: oklch(0.78 0.08 245 / 0.28);
  --staff-top: oklch(0.992 0.003 245 / 0.94);
  --staff-low-shadow: oklch(0.16 0.035 252 / 0.035);
  --staff-command-glow: oklch(0.66 0.13 250 / 0.24);
  --staff-command-soft: oklch(0.95 0.025 250);
  --staff-modal-shadow: oklch(0.09 0.035 252 / 0.38);
  --staff-backdrop: oklch(0.1 0.035 252 / 0.66);
  --staff-radius: 10px;
  --staff-radius-lg: 16px;
  --staff-shadow: 0 1px 2px oklch(0.16 0.035 252 / 0.045), 0 12px 32px oklch(0.16 0.035 252 / 0.055);
  background: var(--staff-bg);
  color: var(--staff-text);
}
.staff-portal.portal-authenticated {
  background: var(--staff-bg);
}
.staff-portal::before {
  opacity: 0.025;
  background-image:
    linear-gradient(var(--deep) 1px, transparent 1px),
    linear-gradient(90deg, var(--deep) 1px, transparent 1px);
  background-size: 48px 48px;
}
.staff-portal .portal-shell {
  grid-template-columns: 272px minmax(0, 1fr);
}
.staff-portal .portal-nav {
  padding: 20px 14px 16px;
  background:
    radial-gradient(circle at 12% 3%, var(--staff-nav-glow), transparent 17rem),
    linear-gradient(180deg, var(--staff-nav), var(--staff-nav-deep));
  border-right: 1px solid var(--staff-nav-border);
  box-shadow: 14px 0 44px var(--staff-nav-shadow);
}
.staff-portal .portal-brand {
  min-height: 64px;
  gap: 13px;
  padding: 0 8px 18px;
}
.staff-portal .portal-brand img {
  width: 46px;
  height: 46px;
  padding: 3px;
  background: var(--white);
  border: 1px solid var(--staff-logo-border);
  border-radius: var(--staff-radius);
  box-shadow: 0 6px 18px var(--staff-logo-shadow);
}
.staff-portal .portal-brand b {
  font-size: 15px;
}
.staff-portal .portal-brand small {
  color: var(--staff-nav-subtle);
}
.staff-portal .portal-nav nav {
  gap: 2px;
  margin-top: 14px;
  padding-right: 3px;
}
.staff-portal [hidden] {
  display: none !important;
}
.staff-portal .nav-group-label {
  margin: 18px 10px 7px;
  color: var(--staff-nav-kicker);
}
.staff-portal .portal-nav .nav-item,
.staff-portal .portal-nav .nav-item:not(.active) {
  min-height: 42px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--staff-nav-copy);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  transition: color var(--fast) var(--ease), background var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease);
}
.staff-portal .portal-nav .nav-item::before {
  content: none;
}
.staff-portal .portal-nav .nav-item:hover {
  background: var(--staff-nav-hover);
  border-color: var(--staff-nav-hover-border);
  color: var(--white);
}
.staff-portal .portal-nav .nav-item:focus-visible,
.staff-portal .portal-command-trigger:focus-visible {
  outline: 3px solid var(--staff-focus);
  outline-offset: 2px;
}
.staff-portal .portal-nav .nav-item.active {
  background: linear-gradient(100deg, var(--staff-active-start), var(--staff-active-end));
  border-color: var(--staff-active-border);
  box-shadow: inset 3px 0 var(--staff-active-edge), 0 8px 20px var(--staff-active-shadow);
  color: var(--white);
}
.staff-portal .nav-icon {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  color: var(--staff-nav-icon);
}
.staff-portal .nav-icon svg {
  width: 18px;
  height: 18px;
}
.staff-portal .nav-item.active .nav-icon {
  color: var(--staff-nav-icon-active);
}
.staff-portal .nav-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.staff-portal .portal-user {
  margin-top: 14px;
  padding: 16px 6px 0;
}
.staff-portal .portal-user .avatar {
  width: 40px;
  height: 40px;
  background: linear-gradient(145deg, var(--staff-avatar-start), var(--staff-avatar-end));
  box-shadow: 0 0 0 1px var(--staff-avatar-ring);
}
.staff-portal .portal-user b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.staff-portal .portal-user button {
  color: var(--staff-nav-action);
}
.staff-portal .portal-top {
  min-height: 78px;
  height: 78px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 360px);
  align-items: center;
  gap: 20px;
  padding: 12px clamp(20px, 2vw, 32px);
  border-bottom: 1px solid var(--staff-border);
  background: var(--staff-top);
  box-shadow: 0 6px 22px var(--staff-low-shadow);
}
.staff-portal .portal-heading {
  min-width: 0;
}
.staff-portal .portal-heading .eyebrow {
  color: var(--staff-accent);
  font-size: 8px;
}
.staff-portal .portal-heading h1 {
  color: var(--staff-text);
  font-size: clamp(20px, 1.6vw, 25px);
  letter-spacing: -0.035em;
}
.portal-command-trigger {
  min-height: 44px;
  display: inline-grid;
  grid-template-columns: 19px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 11px 0 13px;
  border: 1px solid var(--staff-border);
  border-radius: 8px;
  background: var(--staff-panel);
  color: var(--staff-muted);
  text-align: left;
  box-shadow: 0 1px 2px color-mix(in oklch, var(--staff-text) 3%, transparent);
}
.portal-command-trigger:hover {
  border-color: var(--staff-accent);
  color: var(--staff-text);
}
.portal-command-trigger svg {
  width: 19px;
  height: 19px;
}
.portal-command-trigger kbd {
  min-width: 38px;
  padding: 4px 7px;
  border: 1px solid var(--staff-border);
  border-bottom-color: var(--staff-border-strong);
  border-radius: 5px;
  background: var(--staff-panel-soft);
  color: var(--staff-muted);
  font: 700 10px var(--mono);
  text-align: center;
}
.staff-portal .portal-content {
  max-width: 1840px;
  padding: clamp(18px, 2vw, 32px);
  gap: 18px;
}
.staff-portal .panel,
.staff-portal .metric-row article,
.staff-portal .metric-action,
.staff-portal .report-card,
.staff-portal .review-card,
.staff-portal .blend-editor {
  border-color: var(--staff-border);
  border-radius: var(--staff-radius-lg);
  background: var(--staff-panel);
  box-shadow: var(--staff-shadow);
}
.staff-portal .panel {
  padding: clamp(19px, 1.6vw, 25px);
}
.staff-portal .panel > header {
  align-items: center;
  border-bottom-color: var(--staff-border);
}
.staff-portal .panel .eyebrow,
.staff-portal .metric-row small,
.staff-portal .metric-action small {
  color: var(--staff-muted);
}
.staff-portal .metric-action {
  min-height: 132px;
  padding: 22px;
  box-shadow: var(--staff-shadow);
  transition: transform var(--fast) var(--ease), border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);
}
.staff-portal .metric-action:hover,
.staff-portal .metric-action:focus-visible {
  border-color: var(--staff-accent);
  transform: translateY(-2px);
  box-shadow: 0 2px 4px color-mix(in oklch, var(--staff-text) 4%, transparent), 0 18px 36px color-mix(in oklch, var(--staff-text) 9%, transparent);
}
.staff-portal .metric-action b {
  color: var(--staff-text);
  font-size: clamp(28px, 2.2vw, 36px);
}
.staff-portal .command-search {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 2vw, 30px);
  background:
    radial-gradient(circle at 90% -20%, var(--staff-command-glow), transparent 24rem),
    linear-gradient(135deg, var(--staff-panel), var(--staff-command-soft));
}
.staff-portal .command-search::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: 0.22;
  background-image: radial-gradient(var(--staff-border-strong) 0.55px, transparent 0.55px);
  background-size: 8px 8px;
}
.staff-portal .command-search > * {
  position: relative;
  z-index: 1;
}
.staff-portal .command-search-form input {
  min-height: 48px;
  border-color: var(--staff-border);
  border-radius: 8px;
}
.staff-portal .command-search-form .btn {
  min-height: 48px;
  padding-inline: 22px;
}
.staff-portal .command-metrics {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}
.staff-portal .command-metrics .metric-action:nth-child(1),
.staff-portal .command-metrics .metric-action:nth-child(2) {
  grid-column: span 3;
}
.staff-portal .command-metrics .metric-action:nth-child(3) {
  grid-column: span 6;
}
.staff-portal .command-metrics .metric-action:nth-child(4),
.staff-portal .command-metrics .metric-action:nth-child(5),
.staff-portal .command-metrics .metric-action:nth-child(6) {
  grid-column: span 4;
}
.staff-portal .command-metrics .metric-action:nth-child(7),
.staff-portal .command-metrics .metric-action:nth-child(8) {
  grid-column: span 6;
}
.staff-portal .brand-ledger-row,
.staff-portal .attention-row,
.staff-portal .message-thread,
.staff-portal .table-row,
.staff-portal .ops-row {
  transition: background var(--fast) var(--ease), box-shadow var(--fast) var(--ease), color var(--fast) var(--ease);
}
.staff-portal .customer-control-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.staff-portal .customer-directory-panel {
  padding-bottom: 10px;
}
.staff-portal .customer-workspace-row {
  width: 100%;
  min-height: 74px;
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) minmax(130px, .65fr) minmax(120px, .55fr) auto;
  align-items: center;
  gap: 18px;
  padding: 13px 8px;
  border: 0;
  border-top: 1px solid var(--staff-border);
  background: transparent;
  color: var(--staff-text);
  text-align: left;
  transition: background var(--fast) var(--ease), color var(--fast) var(--ease);
}
.staff-portal .customer-workspace-row:first-of-type {
  border-top: 0;
}
.staff-portal .customer-workspace-row:hover,
.staff-portal .customer-workspace-row:focus-visible {
  background: var(--staff-panel-soft);
}
.staff-portal .customer-workspace-row > span {
  min-width: 0;
  display: grid;
  gap: 4px;
}
.staff-portal .customer-workspace-row b,
.staff-portal .customer-workspace-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.staff-portal .customer-workspace-row small {
  color: var(--staff-muted);
  font-size: 10px;
}
.staff-portal .customer-row-open {
  color: var(--staff-accent);
  font-size: 11px;
  font-weight: 700;
}
.customer-workspace-dialog {
  width: min(900px, calc(100vw - 32px));
  max-width: 900px;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--staff-border-strong);
  border-radius: 14px;
  background: var(--staff-panel);
  color: var(--staff-text);
  box-shadow: 0 30px 90px var(--staff-modal-shadow);
}
.customer-workspace-dialog::backdrop {
  background: var(--staff-backdrop);
  backdrop-filter: blur(8px);
}
.customer-workspace-dialog > section {
  max-height: min(780px, calc(100dvh - 48px));
  overflow-y: auto;
}
.customer-workspace-dialog > section > header {
  position: static;
  height: auto;
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 24px;
  border-bottom: 1px solid var(--staff-border);
  background: var(--staff-panel);
  backdrop-filter: none;
}
.customer-workspace-dialog header h2 {
  margin: 2px 0;
}
.customer-workspace-dialog header p:last-child {
  color: var(--staff-muted);
  font-size: 12px;
}
.customer-workspace-dialog header button {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border: 1px solid var(--staff-border);
  border-radius: 8px;
  background: var(--staff-panel-soft);
  color: var(--staff-muted);
  font-size: 22px;
}
.customer-workspace-content {
  display: grid;
  gap: 20px;
  padding: 24px;
}
.customer-workspace-lead {
  display: grid;
  grid-template-columns: minmax(180px, .45fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  padding: 18px;
  border: 1px solid var(--staff-border);
  border-radius: 10px;
  background: var(--staff-panel-soft);
}
.customer-workspace-lead > div {
  display: grid;
  justify-items: start;
  gap: 7px;
}
.customer-workspace-lead small {
  color: var(--staff-muted);
  font: 700 9px var(--mono);
  letter-spacing: .08em;
}
.customer-workspace-lead p {
  color: var(--staff-muted);
}
.customer-workspace-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.customer-workspace-facts article {
  min-height: 112px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 16px;
  border: 1px solid var(--staff-border);
  border-radius: 10px;
  background: var(--staff-panel);
}
.customer-workspace-facts small,
.customer-workspace-facts span {
  color: var(--staff-muted);
}
.customer-workspace-facts small {
  font: 700 9px var(--mono);
  letter-spacing: .07em;
  text-transform: uppercase;
}
.customer-workspace-facts b {
  font: 700 25px var(--display);
}
.customer-workspace-facts span {
  font-size: 10px;
}
.customer-workspace-routes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.portal-command-dialog {
  width: min(680px, calc(100vw - 32px));
  max-width: 680px;
  overflow: hidden;
  border: 1px solid var(--staff-border-strong);
  border-radius: 14px;
  background: var(--staff-panel);
  color: var(--staff-text);
  box-shadow: 0 30px 90px var(--staff-modal-shadow);
  animation: portal-command-in 160ms var(--ease) both;
}
.portal-command-dialog::backdrop {
  background: var(--staff-backdrop);
  backdrop-filter: blur(8px);
}
@keyframes portal-command-in {
  from { opacity: 0; transform: translateY(10px) scale(0.98); }
  to { opacity: 1; transform: none; }
}
.portal-command-dialog > section {
  display: grid;
  max-height: min(720px, calc(100vh - 48px));
}
.portal-command-dialog header {
  position: static;
  height: auto;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--staff-border);
  background: var(--staff-panel);
  backdrop-filter: none;
}
.portal-command-dialog header > svg {
  width: 22px;
  height: 22px;
  color: var(--staff-accent);
}
.portal-command-dialog input {
  min-height: 42px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--staff-text);
  font: 600 16px var(--body);
}
.portal-command-dialog header button {
  min-height: 32px;
  padding: 0 9px;
  border: 1px solid var(--staff-border);
  border-radius: 5px;
  background: var(--staff-panel-soft);
  color: var(--staff-muted);
  font: 700 10px var(--mono);
}
.portal-command-list {
  min-height: 120px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 12px;
  overflow-y: auto;
}
.portal-command-list button {
  min-height: 52px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--staff-muted);
  text-align: left;
}
.portal-command-list button:hover,
.portal-command-list button:focus-visible {
  border-color: var(--staff-border);
  background: var(--staff-panel-soft);
  color: var(--staff-text);
}
.portal-command-list button svg {
  width: 19px;
  height: 19px;
  color: var(--staff-accent);
}
.portal-command-list button small {
  color: var(--staff-accent);
  font: 700 9px var(--mono);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.portal-command-empty {
  grid-column: 1 / -1;
  place-self: center;
  color: var(--staff-muted);
}
@media (max-width: 1280px) {
  .staff-portal .command-metrics .metric-action {
    grid-column: span 6 !important;
  }
}
@media (max-width: 1050px) and (min-width: 621px) {
  .staff-portal .portal-shell {
    grid-template-columns: 84px minmax(0, 1fr);
  }
  .staff-portal .portal-nav {
    padding-inline: 10px;
  }
  .staff-portal .portal-brand {
    justify-content: center;
    padding-inline: 0;
  }
  .staff-portal .portal-brand span,
  .staff-portal .nav-label-text,
  .staff-portal .nav-group-label,
  .staff-portal .portal-user p,
  .staff-portal .portal-user button {
    display: none;
  }
  .staff-portal .portal-nav .nav-item,
  .staff-portal .portal-nav .nav-item:not(.active) {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0;
  }
  .staff-portal .portal-user {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 760px) {
  .staff-portal .command-metrics .metric-action {
    grid-column: span 12 !important;
  }
  .portal-command-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .staff-portal .customer-control-metrics,
  .customer-workspace-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .staff-portal .customer-workspace-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .staff-portal .customer-workspace-row > span:nth-child(3),
  .staff-portal .customer-row-open {
    display: none;
  }
}
@media (max-width: 620px) {
  .staff-portal .portal-shell {
    display: block;
  }
  .staff-portal .portal-nav {
    width: min(21rem, calc(100vw - 3rem));
    padding: max(16px, env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));
  }
  .staff-portal .portal-brand {
    justify-content: flex-start;
  }
  .staff-portal .portal-brand span,
  .staff-portal .nav-label-text,
  .staff-portal .nav-group-label,
  .staff-portal .portal-user p,
  .staff-portal .portal-user button {
    display: flex;
  }
  .staff-portal .portal-nav .nav-item,
  .staff-portal .portal-nav .nav-item:not(.active) {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    justify-items: stretch;
    padding: 0 11px;
  }
  .staff-portal .portal-top {
    min-height: 74px;
    height: auto;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 10px;
    padding: max(10px, env(safe-area-inset-top)) 14px 10px;
  }
  .staff-portal .portal-command-trigger {
    width: 44px;
    min-width: 44px;
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0;
  }
  .staff-portal .portal-command-trigger span,
  .staff-portal .portal-command-trigger kbd {
    display: none;
  }
  .staff-portal .portal-content {
    padding: 14px 14px calc(40px + env(safe-area-inset-bottom));
  }
  .staff-portal .command-search,
  .staff-portal .panel,
  .staff-portal .metric-action {
    padding: 18px;
  }
  .portal-command-dialog {
    width: calc(100vw - 24px);
  }
  .staff-portal .customer-control-metrics,
  .customer-workspace-facts,
  .customer-workspace-lead {
    grid-template-columns: minmax(0, 1fr);
  }
  .customer-workspace-dialog {
    width: calc(100vw - 24px);
  }
  .customer-workspace-content,
  .customer-workspace-dialog > section > header {
    padding: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .portal-command-dialog {
    animation: none;
  }
}

/* PIXEL ULTRA · RUO Eagle simplified operations catalogue */
.staff-portal {
  --display:"Bricolage Grotesque",sans-serif;
  --body:"DM Sans",sans-serif;
  --mono:"Chivo Mono",monospace;
  --staff-bg:oklch(.975 .006 245);
  --staff-panel:oklch(.995 .002 245);
  --staff-panel-soft:oklch(.95 .012 247);
  --staff-border:oklch(.86 .014 247);
  --staff-border-strong:oklch(.68 .035 250);
  --staff-text:oklch(.18 .035 253);
  --staff-muted:oklch(.48 .025 252);
  --staff-accent:oklch(.39 .13 252);
  --staff-accent-strong:oklch(.29 .11 252);
  --staff-nav:oklch(.17 .052 252);
  --staff-nav-deep:oklch(.17 .052 252);
  --staff-positive:oklch(.5 .14 154);
  --staff-negative:oklch(.53 .18 24);
  --staff-warning:oklch(.66 .13 78);
  --staff-overlay:oklch(.1 .035 252/.44);
  --staff-radius:4px;
  --staff-radius-lg:6px;
  --staff-shadow:0 1px 0 oklch(.16 .03 252/.04);
  background:var(--staff-bg);
  color:var(--staff-text);
  font-family:var(--body);
}
.staff-portal::before{display:none}
.staff-portal ::selection{background:var(--pale);color:var(--staff-text)}
.staff-portal .customer-primary-navigation{display:none}
body:not(.staff-portal) .staff-primary-navigation{display:none}
.staff-portal .portal-shell{grid-template-columns:236px minmax(0,1fr);background:var(--staff-bg)}
.staff-portal .portal-nav{
  padding:18px 12px;
  border-right:0;
  background:var(--staff-nav);
  box-shadow:none;
}
.staff-portal .portal-brand{min-height:58px;padding:0 8px 16px;border-bottom:1px solid var(--staff-nav-border)}
.staff-portal .portal-brand img{width:40px;height:40px;padding:2px;border-radius:2px;box-shadow:none}
.staff-portal .portal-brand b{font:700 13px/1 var(--display);letter-spacing:.02em}
.staff-portal .portal-brand small{margin-top:4px;font:500 8px/1.2 var(--mono);letter-spacing:.08em;color:var(--staff-nav-subtle)}
.staff-portal .portal-nav nav{margin-top:14px;padding:0;display:block}
.staff-portal .staff-primary-navigation{display:grid;gap:4px}
.staff-portal .portal-nav .nav-item,
.staff-portal .portal-nav .nav-item:not(.active){
  min-height:46px;
  grid-template-columns:19px minmax(0,1fr);
  gap:10px;
  padding:0 11px;
  border:0;
  border-left:2px solid transparent;
  border-radius:2px;
  color:var(--staff-nav-copy);
  font-size:13px;
  font-weight:600;
  transition:background var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease);
}
.staff-portal .portal-nav .nav-item:hover{border-color:var(--staff-nav-icon);background:var(--staff-nav-hover);color:var(--white)}
.staff-portal .portal-nav .nav-item.active{
  border-color:var(--white);
  background:var(--staff-nav-hover);
  box-shadow:none;
  color:var(--white);
}
.staff-portal .nav-icon,.staff-portal .nav-icon svg{width:18px;height:18px}
.staff-portal .portal-user{padding:14px 8px 0;border-top:1px solid var(--staff-nav-border)}
.staff-portal .portal-user .avatar{width:34px;height:34px;background:var(--staff-accent);box-shadow:none}
.staff-portal .portal-user b{font-size:11px}.staff-portal .portal-user small{font-size:8px}
.staff-portal .portal-top{
  min-height:68px;
  height:68px;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  padding:10px 28px;
  border-bottom:1px solid var(--staff-border);
  background:var(--staff-panel);
  box-shadow:none;
}
.staff-portal .portal-heading .eyebrow{margin:0 0 2px;color:var(--staff-muted);font:600 8px/1.2 var(--mono);letter-spacing:.1em}
.staff-portal .portal-heading h1{font:650 clamp(19px,1.6vw,24px)/1.1 var(--display);letter-spacing:-.03em}
.staff-portal .portal-content{width:100%;max-width:1600px;gap:22px;padding:28px clamp(22px,3vw,48px) 42px}
.staff-portal .portal-content>section,.staff-portal .portal-content>form,.staff-portal .portal-content>footer{min-width:0}
.staff-page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:8px 0 24px;border-bottom:1px solid var(--staff-border)}
.staff-page-intro h2{margin:3px 0 5px;font:650 clamp(28px,3vw,42px)/1 var(--display);letter-spacing:-.045em}
.staff-page-intro p:not(.eyebrow){max-width:68ch;margin:0;color:var(--staff-muted);font-size:14px}
.staff-page-intro .eyebrow,.incoming-work .eyebrow,.customer-index .eyebrow,.billing-ledger .eyebrow,.issued-coa-ledger .eyebrow,.coa-studio-section .eyebrow{font:600 9px var(--mono);letter-spacing:.1em;color:var(--staff-accent)}
.staff-portal .btn{min-height:44px;border-radius:3px;background:var(--staff-accent-strong);font-family:var(--body);font-size:12px;box-shadow:none}
.staff-portal .btn:hover{background:var(--staff-accent);transform:none}
.staff-portal .btn.ghost{border-color:var(--staff-border-strong);background:transparent;color:var(--staff-accent-strong)}
.staff-portal button:focus-visible,.staff-portal a:focus-visible,.staff-portal input:focus-visible,.staff-portal select:focus-visible,.staff-portal textarea:focus-visible{outline:3px solid var(--pale);outline-offset:2px;border-color:var(--staff-accent)}
.staff-portal button:disabled{cursor:not-allowed;opacity:.48}
.staff-colophon{padding-top:12px;border-top:1px solid var(--staff-border);color:var(--staff-muted);font:500 9px var(--mono);letter-spacing:.04em}
.incoming-work,.customer-index,.billing-ledger,.payment-ledger,.ready-invoices,.issued-coa-ledger,.system-advanced{
  overflow:hidden;
  border:1px solid var(--staff-border);
  border-radius:var(--staff-radius-lg);
  background:var(--staff-panel);
  box-shadow:var(--staff-shadow);
}
.incoming-tabs{min-height:54px;display:flex;align-items:stretch;border-bottom:1px solid var(--staff-border)}
.incoming-tabs button{min-height:54px;padding:0 18px;border:0;border-right:1px solid var(--staff-border);background:transparent;color:var(--staff-muted);font:600 12px var(--body)}
.incoming-tabs button b{min-width:22px;margin-left:7px;padding:2px 6px;border-radius:99px;background:var(--staff-panel-soft);color:var(--staff-accent);font:600 9px var(--mono)}
.incoming-tabs button.active{box-shadow:inset 0 -2px var(--staff-accent);color:var(--staff-text)}
.incoming-balance{margin-left:auto;padding:0 18px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}
.incoming-balance small,.finance-strip small,.drawer-money-strip small,.health-meta small{font:600 8px var(--mono);letter-spacing:.1em;color:var(--staff-muted)}
.incoming-balance b{font:600 14px var(--mono);font-variant-numeric:tabular-nums}
.incoming-pane{display:none;padding:18px}.incoming-pane.active{display:block;animation:staff-state-in 150ms var(--ease)}
@keyframes staff-state-in{from{opacity:.35}to{opacity:1}}
.incoming-record{padding:16px 0;border-bottom:1px solid var(--staff-border)}.incoming-record:last-child{border-bottom:0}
.incoming-record>header{position:static;height:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0;background:transparent;border:0}
.incoming-record>header span,.incoming-record>header small{display:block}.incoming-record>header small{color:var(--staff-muted);font-size:11px}
.incoming-record p{margin:7px 0;color:var(--staff-muted);font-size:13px}
.incoming-record details{margin-top:10px}.incoming-record summary{cursor:pointer;color:var(--staff-accent);font-weight:700;font-size:11px}
.compact-form{display:grid;gap:12px;margin-top:12px;padding:15px;border:1px solid var(--staff-border);background:var(--staff-bg)}
.compact-form label,.coa-studio-form label{min-width:0;display:grid;gap:5px;color:var(--staff-muted);font-size:10px;font-weight:700}
.compact-form input,.compact-form select,.compact-form textarea,.coa-studio-form input,.coa-studio-form select,.coa-studio-form textarea{
  width:100%;
  min-width:0;
  min-height:42px;
  padding:9px 11px;
  border:1px solid var(--staff-border);
  border-radius:3px;
  background:var(--staff-panel);
  color:var(--staff-text);
  font:500 13px var(--body);
}
.compact-actions{display:flex;flex-wrap:wrap;gap:7px}.compact-actions .btn{min-height:38px}
.compact-communications{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);border:1px solid var(--staff-border)}
.compact-communications .message-thread-list{max-height:380px;overflow:auto;border-right:1px solid var(--staff-border)}
.compact-communications .message-detail{min-height:250px;padding:16px}
.incoming-pane>.compact-form{margin-top:16px}
.customer-index>header,.billing-ledger>header,.issued-coa-ledger>header,.payment-ledger>header,.ready-invoices>header{
  position:static;
  height:auto;
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:15px 18px;
  border-bottom:1px solid var(--staff-border);
  background:transparent;
}
.customer-index h2,.billing-ledger h2,.issued-coa-ledger h2,.payment-ledger h2,.ready-invoices h2{margin:2px 0 0;font:650 18px var(--display);letter-spacing:-.025em}
.table-search{display:grid;gap:3px;color:var(--staff-muted);font-size:8px;font-weight:700}
.table-search input{min-width:250px;min-height:38px;padding:7px 10px;border:1px solid var(--staff-border);border-radius:3px;background:var(--staff-panel);font:500 12px var(--body)}
.customer-index-head,.customer-index-row{display:grid;grid-template-columns:minmax(220px,1.5fr) 140px 90px 90px 150px 24px;gap:14px;align-items:center}
.customer-index-head,.billing-head,.issued-coa-head{min-height:38px;padding:0 18px;border-bottom:1px solid var(--staff-border);background:var(--staff-bg);color:var(--staff-muted);font:600 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.customer-index-row{width:100%;min-height:68px;padding:10px 18px;border:0;border-bottom:1px solid var(--staff-border);background:transparent;color:var(--staff-text);text-align:left}
.customer-index-row:hover,.billing-row:hover,.issued-coa-row:hover,.payment-row:hover{background:var(--staff-panel-soft)}
.customer-index-name,.customer-index-row .number-cell,.customer-index-row .money-cell,.billing-row>span,.issued-coa-main>span,.payment-row>span{min-width:0;display:grid;gap:2px}
.customer-index-row small,.billing-row small,.issued-coa-main small,.payment-row small{overflow:hidden;color:var(--staff-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.number-cell b,.money-cell b{font-family:var(--mono);font-variant-numeric:tabular-nums}
.row-arrow{color:var(--staff-accent);font-size:16px}.table-no-results{padding:28px;text-align:center;color:var(--staff-muted)}
.finance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--staff-border);background:var(--staff-panel)}
.finance-strip>span{min-height:92px;display:grid;align-content:center;gap:4px;padding:15px 20px;border-right:1px solid var(--staff-border)}
.finance-strip>span:last-child{border-right:0}.finance-strip b{font:650 clamp(22px,2.5vw,32px) var(--display);font-variant-numeric:tabular-nums}
.billing-head,.billing-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.9fr) 130px 130px 120px 24px;gap:14px;align-items:center}
.billing-row{width:100%;min-height:70px;padding:10px 18px;border:0;border-bottom:1px solid var(--staff-border);background:transparent;color:var(--staff-text);text-align:left}
.ledger-tools{display:flex;align-items:flex-end;gap:9px}.ledger-tools>label:not(.table-search){display:grid;gap:3px;color:var(--staff-muted);font-size:8px;font-weight:700}.ledger-tools select{min-height:38px;padding:7px 28px 7px 9px;border:1px solid var(--staff-border);border-radius:3px;background:var(--staff-panel)}
.conversion-invoice-row{min-height:62px;display:grid;grid-template-columns:minmax(220px,1fr) 180px auto;align-items:center;gap:14px;padding:9px 18px;border-bottom:1px solid var(--staff-border)}
.conversion-invoice-row>span{display:grid}.conversion-invoice-row small{color:var(--staff-muted)}
.payment-row{width:100%;min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) 180px 120px;gap:14px;align-items:center;padding:10px 18px;border:0;border-bottom:1px solid var(--staff-border);background:transparent;color:var(--staff-text);text-align:left}
.issued-coa-head{display:grid;grid-template-columns:42px 150px minmax(180px,1.1fr) minmax(210px,1.25fr) minmax(150px,.85fr) 130px 24px;gap:14px;align-items:center}
.issued-coa-row{width:100%;min-height:72px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:center;padding:0 18px;border-bottom:1px solid var(--staff-border);background:transparent;color:var(--staff-text)}
.issued-coa-row.selected{box-shadow:inset 3px 0 var(--staff-accent);background:var(--staff-panel-soft)}
.issued-coa-main{width:100%;min-height:71px;display:grid;grid-template-columns:150px minmax(180px,1.1fr) minmax(210px,1.25fr) minmax(150px,.85fr) 130px 24px;gap:14px;align-items:center;padding:10px 0;border:0;background:transparent;color:var(--staff-text);text-align:left}
.coa-select-cell{width:42px;height:44px;display:grid;place-items:center;cursor:pointer}.coa-select-cell input{position:absolute;width:1px;height:1px;opacity:0}.coa-select-cell>span{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--staff-border-strong);border-radius:2px;background:var(--staff-panel)}.coa-select-cell input:checked+span{border-color:var(--staff-accent-strong);background:var(--staff-accent-strong)}.coa-select-cell input:checked+span:after{content:"";width:8px;height:4px;border:solid var(--white);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}.coa-select-cell input:focus-visible+span{outline:3px solid var(--pale);outline-offset:2px}.coa-select-cell input:disabled+span{opacity:.35;cursor:not-allowed}.coa-select-cell.select-all input:indeterminate+span{border-color:var(--staff-accent-strong);background:var(--staff-accent-strong)}.coa-select-cell.select-all input:indeterminate+span:after{content:"";width:8px;border-top:2px solid var(--white)}
.coa-bulk-bar{position:sticky;z-index:4;bottom:0;min-height:66px;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:11px 18px;border-top:1px solid var(--staff-border-strong);background:var(--staff-text);color:var(--white);box-shadow:0 -8px 24px rgba(7,21,41,.13)}.coa-bulk-bar[hidden]{display:none}.coa-bulk-bar>span{margin-right:auto;display:flex;align-items:baseline;gap:7px}.coa-bulk-bar>span b{font:650 20px var(--display)}.coa-bulk-bar>span small{color:var(--staff-nav-copy);font-size:10px}.coa-bulk-bar .text-action{color:var(--white)}.coa-bulk-bar .btn{background:var(--white);color:var(--staff-text)}
.coa-ledger-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
.staff-detail-drawer{
  position:fixed;
  z-index:82;
  inset:0 0 0 auto;
  width:min(620px,100vw);
  height:100dvh;
  overflow-y:auto;
  padding:28px;
  border-left:1px solid var(--staff-border);
  background:var(--staff-panel);
  box-shadow:-20px 0 60px var(--staff-overlay);
  transform:translateX(102%);
  transition:transform 210ms var(--ease);
}
.staff-detail-drawer[aria-hidden="false"]{transform:none}
.staff-detail-scrim{position:fixed;z-index:81;inset:0;border:0;background:var(--staff-overlay);opacity:0;pointer-events:none;transition:opacity 210ms var(--ease)}
.staff-detail-scrim:not([hidden]){opacity:1;pointer-events:auto}
.staff-drawer-open{overflow:hidden}
.staff-drawer-close{position:sticky;z-index:3;top:0;float:right;width:44px;height:44px;border:1px solid var(--staff-border);border-radius:50%;background:var(--staff-panel);color:var(--staff-text);font-size:21px}
.staff-drawer-header{position:static!important;height:auto!important;min-height:96px;display:flex!important;justify-content:space-between;gap:18px;padding:6px 54px 22px 0!important;border-bottom:1px solid var(--staff-border)!important;background:transparent!important}
.staff-drawer-header h2{margin:3px 0;font:650 30px/1 var(--display);letter-spacing:-.04em}.staff-drawer-header p:last-child{color:var(--staff-muted);font-size:12px}
.drawer-money-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--staff-border)}
.drawer-money-strip>span{min-height:84px;display:grid;align-content:center;gap:3px;padding:12px;border-right:1px solid var(--staff-border)}.drawer-money-strip>span:last-child{border:0}
.drawer-money-strip b{font:650 19px var(--display);font-variant-numeric:tabular-nums}
.drawer-primary-actions{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0}
.drawer-section{padding:22px 0;border-top:1px solid var(--staff-border)}.drawer-section>header{position:static;height:auto;display:flex;justify-content:space-between;padding:0 0 10px;background:transparent;border:0}.drawer-section h3{margin:0;font:650 16px var(--display)}.drawer-section h4{margin:0;font-size:12px}
.drawer-list-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--staff-border)}
.drawer-list-row>span{min-width:0;display:grid;gap:2px}.drawer-list-row small{color:var(--staff-muted);font-size:10px}.drawer-row-button{width:100%;border:0;background:transparent;color:var(--staff-text);text-align:left}
.timeline-row{display:grid;grid-template-columns:10px minmax(0,1fr);gap:9px;padding:6px 0}.timeline-row>span{width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--staff-accent)}.timeline-row p{display:grid;margin:0}.timeline-row small{color:var(--staff-muted)}
.coa-studio-form{display:grid;gap:0;border:1px solid var(--staff-border);border-radius:var(--staff-radius-lg);background:var(--staff-panel);box-shadow:var(--staff-shadow)}
.coa-studio-section{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;padding:26px;border-bottom:1px solid var(--staff-border)}
.coa-studio-section>header{position:static;height:auto;display:flex;align-items:flex-start;gap:13px;padding:0;background:transparent;border:0}
.coa-studio-section>header>span{width:28px;height:28px;display:grid;place-items:center;flex:none;border:1px solid var(--staff-border-strong);border-radius:50%;color:var(--staff-accent);font:600 9px var(--mono)}
.coa-studio-section h3{margin:1px 0 5px;font:650 19px/1.1 var(--display);letter-spacing:-.02em}.coa-studio-section header p{margin:0;color:var(--staff-muted);font-size:11px;line-height:1.5}
.coa-studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compound-input{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:7px}
.coa-results-section{grid-template-columns:220px minmax(0,1fr)}.coa-results-section>header{grid-row:1 / span 2}.coa-results-head,.coa-results-table{grid-column:2;min-width:0}.coa-results-head,.coa-result-row{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(150px,1fr) 100px 140px;gap:10px;align-items:center}
.coa-results-head{min-height:32px;padding:0 10px;color:var(--staff-muted);font:600 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.coa-result-row{min-height:64px;padding:9px 10px;border-top:1px solid var(--staff-border)}
.coa-result-name{min-width:0;display:grid}.coa-result-name b{font-size:12px}.coa-result-name small{overflow:hidden;color:var(--staff-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.coa-result-row label>span{display:none}.coa-result-row input,.coa-result-row select{min-height:38px}
.coa-result-details{grid-column:1/-1;display:grid;grid-template-columns:140px repeat(4,minmax(100px,1fr));gap:9px;align-items:end;padding:9px 0 3px}.coa-result-details>span{align-self:center;color:var(--staff-accent);font:600 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}
.reconstitution-details{grid-template-columns:140px repeat(3,minmax(120px,1fr))}
.coa-chart-drop{min-height:150px;place-content:center;justify-items:center;padding:20px;border:1px dashed var(--staff-border-strong);background:var(--staff-bg);text-align:center;cursor:pointer}.coa-chart-drop input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.coa-chart-drop>span{font:400 28px var(--display);color:var(--staff-accent)}.coa-chart-drop b{color:var(--staff-text);font-size:13px}.coa-chart-drop small{color:var(--staff-muted)}
.coa-recipient-list{display:grid;gap:10px}.coa-recipient-row{position:relative;display:grid;grid-template-columns:minmax(200px,1.2fr) minmax(160px,.85fr) minmax(160px,.85fr) minmax(150px,.7fr);gap:10px;margin:0;padding:16px;border:1px solid var(--staff-border);background:var(--staff-bg)}.coa-recipient-row legend{padding:0 6px;color:var(--staff-accent);font:600 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}.coa-recipient-row .coa-remove-recipient{position:absolute;top:-9px;right:8px;background:var(--staff-bg)}.coa-recipient-row .recipient-photo-status{grid-column:1/-1;margin:0}
.coa-photo-picker span{font-weight:500}.coa-photo-picker input{padding:7px}
.coa-studio-create{min-height:92px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 26px;background:var(--staff-text);color:var(--white)}.coa-studio-create>div{display:grid}.coa-studio-create small{color:var(--staff-nav-copy);font-size:10px}.coa-studio-create .btn{min-width:160px;background:var(--white);color:var(--staff-text)}.coa-studio-create .form-status{grid-column:1/-1;margin:0;color:var(--staff-nav-copy)}
.studio-blocker{display:flex;gap:12px;padding:14px 16px;border-left:3px solid var(--staff-negative);background:var(--staff-panel);color:var(--staff-negative)}.studio-blocker span{color:var(--staff-muted)}
.analytical-source-lock{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px;border:1px solid var(--staff-border);background:var(--staff-panel)}.analytical-source-lock>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--staff-panel-soft);color:var(--staff-accent);font-size:20px}.analytical-source-lock div{display:grid}.analytical-source-lock small{font:600 8px var(--mono);letter-spacing:.08em;color:var(--staff-accent)}.analytical-source-lock p{margin:2px 0 0;color:var(--staff-muted);font-size:10px}.analytical-source-lock>i{font:600 8px var(--mono);font-style:normal;color:var(--staff-positive)}
.coa-studio-receipt{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr) auto;gap:20px;align-items:start;padding:22px;border-left:4px solid var(--staff-positive);background:var(--staff-panel)}.coa-studio-receipt h2{margin:3px 0;font:650 26px var(--display)}.coa-studio-receipt p{margin:0;color:var(--staff-muted);font-size:12px}.coa-studio-receipt>div:nth-child(2){display:grid;border-top:1px solid var(--staff-border)}.coa-studio-receipt a{min-height:48px;display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--staff-border);color:var(--staff-text);text-decoration:none}.coa-studio-receipt a span{color:var(--staff-muted);font-size:11px}
/* PIXEL · mode: DASHBOARD/APP · macrostructure: compact workbench · incremental bulk issuance */
.coa-bulk-source-locks,.coa-batch-summary,.coa-bulk-retry-form{border:1px solid var(--staff-border);border-radius:var(--staff-radius-lg);background:var(--staff-panel);box-shadow:var(--staff-shadow)}
.coa-bulk-source-locks>header{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--staff-border);color:var(--staff-muted);font:600 9px var(--mono);letter-spacing:.08em}.coa-bulk-source-locks>header b{color:var(--staff-text);font-size:13px}.coa-bulk-source-locks ul{max-height:280px;overflow:auto;margin:0;padding:0;list-style:none}.coa-bulk-source-locks li{min-height:62px;display:grid;grid-template-columns:minmax(160px,.8fr) minmax(180px,1fr) auto;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--staff-border)}.coa-bulk-source-locks li:last-child{border-bottom:0}.coa-bulk-source-locks li>span{min-width:0;display:grid}.coa-bulk-source-locks small{overflow:hidden;color:var(--staff-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.coa-bulk-source-locks i{font:600 8px var(--mono);font-style:normal;color:var(--staff-positive)}
.coa-bulk-recipient-list{display:grid;gap:14px}.coa-bulk-recipient{min-width:0;margin:0;padding:0;border:1px solid var(--staff-border);background:var(--staff-bg)}.coa-bulk-recipient>legend{margin-left:12px;padding:0 7px;color:var(--staff-accent);font:600 9px var(--mono);letter-spacing:.07em;text-transform:uppercase}.coa-bulk-recipient>header{position:static;height:auto;min-height:66px;display:flex;align-items:end;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--staff-border);background:transparent}.coa-bulk-recipient>header label{width:min(440px,100%)}.coa-bulk-item-list{display:grid}.coa-bulk-item{min-width:0;display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(150px,.85fr) minmax(150px,.85fr) minmax(150px,.7fr) 86px;align-items:end;gap:10px;padding:13px 14px;border-bottom:1px solid var(--staff-border)}.coa-bulk-item:last-child{border-bottom:0}.coa-bulk-source{min-width:0;display:grid;align-self:center}.coa-bulk-source small{color:var(--staff-accent);font:600 8px var(--mono);letter-spacing:.07em}.coa-bulk-source span,.coa-bulk-source em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coa-bulk-source span{font-size:11px}.coa-bulk-source em{color:var(--staff-muted);font-size:9px;font-style:normal}.coa-bulk-item .recipient-photo-status{grid-column:2/5;margin:0;color:var(--staff-muted);font-size:9px}.bulk-item-state{align-self:center;justify-self:end;padding:4px 6px;border:1px solid var(--staff-border);border-radius:99px;color:var(--staff-muted);font:600 8px var(--mono);font-style:normal;white-space:nowrap}.bulk-item-state.processing{color:var(--staff-accent)}.bulk-item-state.issued{color:var(--staff-positive)}.bulk-item-state.failed{color:var(--staff-negative)}
.coa-bulk-preflight{margin:0;padding:16px 20px;border:0;border-bottom:1px solid var(--staff-border);border-left:4px solid var(--staff-accent);background:var(--staff-panel-soft)}.coa-bulk-preflight[hidden]{display:none}.coa-bulk-preflight p{margin:4px 0 0;color:var(--staff-muted);font-size:11px}.coa-bulk-edition-form.preflighted .coa-bulk-recipient{opacity:.78}.coa-bulk-create b>span{font-variant-numeric:tabular-nums}
.coa-bulk-edition-form input,.coa-bulk-edition-form select,.coa-bulk-edition-form [data-add-bulk-recipient],.coa-bulk-edition-form .coa-remove-bulk-recipient,.coa-bulk-retry-form input{min-height:44px}.coa-bulk-edition-form [data-add-bulk-recipient],.coa-bulk-edition-form .coa-remove-bulk-recipient{display:inline-flex;align-items:center}
.coa-batch-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden}.coa-batch-summary>span{min-height:78px;display:grid;align-content:center;gap:3px;padding:12px 16px;border-right:1px solid var(--staff-border)}.coa-batch-summary>span:last-child{border-right:0}.coa-batch-summary small{color:var(--staff-muted);font:600 8px var(--mono);letter-spacing:.08em}.coa-batch-summary b{font:650 24px var(--display);font-variant-numeric:tabular-nums}.coa-bulk-warning{padding:15px 18px;border-left:4px solid var(--staff-accent);background:var(--staff-panel)}.coa-bulk-warning p{margin:3px 0 0;color:var(--staff-muted);font-size:11px}.coa-bulk-retry-form{overflow:hidden}.coa-bulk-retry-form input{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--staff-border);border-radius:3px;background:var(--staff-panel);color:var(--staff-text)}.coa-batch-recipient-progress>header{position:static;height:auto;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--staff-border);background:var(--staff-bg)}.coa-batch-recipient-progress>header div{display:grid}.coa-batch-recipient-progress>header small{color:var(--staff-muted);font-size:9px}.coa-batch-recipient-progress>header>span{font:600 9px var(--mono);color:var(--staff-accent)}.coa-batch-progress-row{min-height:62px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.7fr) 90px minmax(130px,.5fr);align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--staff-border)}.coa-batch-progress-row>span{min-width:0;display:grid}.coa-batch-progress-row small{overflow:hidden;color:var(--staff-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.coa-batch-progress-row .status{justify-self:start}.batch-error{color:var(--staff-negative)!important}.coa-batch-actions{min-height:76px;display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--staff-text);color:var(--white)}.coa-batch-actions>p{margin:0 auto 0 0;color:var(--staff-nav-copy);font-size:10px}.coa-batch-actions .form-status{flex:1;margin:0;color:var(--staff-nav-copy)}
.staff-portal .api-key-create{position:static;top:auto}.api-disclosure{padding:0}.api-disclosure>summary{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;list-style:none;cursor:pointer}.api-disclosure>summary::-webkit-details-marker{display:none}.api-disclosure>summary>span:first-child{display:grid;gap:3px}.api-disclosure>summary small{color:var(--staff-muted);font:600 8px var(--mono);letter-spacing:.1em}.api-disclosure>summary b{font:650 17px var(--display)}.api-disclosure>summary>span:last-child{color:var(--staff-accent);font-size:11px;font-weight:700}.api-disclosure[open]>summary>span:last-child{font-size:0}.api-disclosure[open]>summary>span:last-child:after{content:"Close ↑";font-size:11px}.api-disclosure-body{padding:4px 20px 20px;border-top:1px solid var(--staff-border)}.api-key-create .api-permission-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.api-key-manage>summary{color:var(--staff-negative);font-size:11px;font-weight:700;cursor:pointer}.api-key-history .api-key-row:last-child{border-bottom:0}
.health-pulse{min-height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--staff-border);border-radius:99px;background:var(--staff-panel);color:var(--staff-positive);font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.health-pulse span{width:8px;height:8px;border-radius:50%;background:currentColor}.health-pulse.degraded{color:var(--staff-negative)}
.health-check-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--staff-border);background:var(--staff-panel)}.health-check-list article{min-height:100px;display:grid;grid-template-columns:10px minmax(0,1fr);align-content:center;gap:4px 9px;padding:15px;border-right:1px solid var(--staff-border)}.health-check-list article:last-child{border:0}.health-check-list article div{display:grid}.health-check-list small{color:var(--staff-muted);font-size:9px}.health-check-list i{grid-column:2;font:600 8px var(--mono);font-style:normal;color:var(--staff-positive)}.health-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--staff-negative)}.health-dot.ok{background:var(--staff-positive)}
.health-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--staff-border)}.health-meta>span{min-height:72px;display:grid;align-content:center;gap:3px;padding:12px 18px;border-right:1px solid var(--staff-border)}.health-meta>span:last-child{border:0}.health-meta b{font:600 12px var(--mono)}
.system-advanced>header{position:static;height:auto;display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--staff-border);background:transparent}.system-advanced h2{margin:2px 0;font:650 18px var(--display)}.system-advanced header>p{color:var(--staff-muted);font-size:11px}.system-advanced>nav{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--staff-border)}.system-advanced>nav button{min-height:46px;padding:0 16px;border:0;border-right:1px solid var(--staff-border);background:transparent;color:var(--staff-muted);font:600 11px var(--body)}.system-advanced>nav button.active{box-shadow:inset 0 -2px var(--staff-accent);color:var(--staff-text)}
.system-advanced-content{padding:18px}.system-advanced-content>header{position:static;height:auto;display:flex;justify-content:space-between;padding:0 0 14px;background:transparent;border:0}.system-advanced-content h3{margin:0;font:650 20px var(--display)}
@media(max-width:1180px){
  .customer-index-head,.customer-index-row{grid-template-columns:minmax(200px,1.4fr) 120px 70px 70px 130px 20px}
  .billing-head,.billing-row{grid-template-columns:minmax(200px,1.4fr) 140px 110px 110px 110px 20px}
  .issued-coa-head{grid-template-columns:42px 140px minmax(160px,1fr) minmax(190px,1.1fr) 140px 115px 20px}
  .issued-coa-main{grid-template-columns:140px minmax(160px,1fr) minmax(190px,1.1fr) 140px 115px 20px}
  .coa-studio-section{grid-template-columns:180px minmax(0,1fr)}
  .coa-recipient-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coa-bulk-item{grid-template-columns:minmax(160px,1fr) repeat(2,minmax(135px,.8fr)) minmax(135px,.7fr)}.coa-bulk-item .bulk-item-state{grid-column:4}.coa-bulk-item .recipient-photo-status{grid-column:2/4}
  .health-check-list{grid-template-columns:repeat(3,minmax(0,1fr))}.health-check-list article:nth-child(3){border-right:0}
}
@media(max-width:900px) and (min-width:621px){
  .staff-portal .portal-shell{grid-template-columns:78px minmax(0,1fr)}
  .staff-portal .portal-nav{padding-inline:9px}
  .staff-portal .portal-brand span,.staff-portal .nav-label-text,.staff-portal .portal-user p,.staff-portal .portal-user button{display:none}
  .staff-portal .portal-brand{justify-content:center}
  .staff-portal .portal-nav .nav-item,.staff-portal .portal-nav .nav-item:not(.active){grid-template-columns:1fr;justify-items:center;padding:0}
  .staff-portal .portal-user{justify-content:center}
  .customer-index-head,.billing-head,.issued-coa-head{display:none}
  .customer-index-row,.billing-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
  .issued-coa-row{grid-template-columns:42px minmax(0,1fr);gap:9px}.issued-coa-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
  .customer-index-row>span:nth-last-child(-n+2),.billing-row>span:nth-last-child(-n+2),.issued-coa-main>span:nth-last-child(-n+2){display:none}
  .coa-results-head{display:none}.coa-result-row{grid-template-columns:minmax(180px,1fr) repeat(3,minmax(100px,.7fr))}
  .coa-bulk-item{grid-template-columns:repeat(2,minmax(0,1fr))}.coa-bulk-source{grid-column:1/-1}.coa-bulk-item .recipient-photo-status{grid-column:1/-1}.coa-bulk-item .bulk-item-state{grid-column:2}.coa-batch-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.coa-batch-summary>span:nth-child(3){border-right:0}
  .health-check-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .staff-page-intro{align-items:flex-start;flex-direction:column}
  .incoming-tabs{overflow-x:auto}.incoming-tabs button{flex:none;min-width:max-content}.incoming-balance{display:none}
  .compact-communications{grid-template-columns:minmax(0,1fr)}.compact-communications .message-thread-list{border:0;border-bottom:1px solid var(--staff-border)}
  .finance-strip,.coa-ledger-strip,.drawer-money-strip,.health-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-strip>span:nth-child(2),.drawer-money-strip>span:nth-child(2),.health-meta>span:nth-child(2){border-right:0}
  .customer-index>header,.billing-ledger>header,.issued-coa-ledger>header,.payment-ledger>header,.ready-invoices>header{align-items:flex-start;flex-direction:column}
  .ledger-tools{width:100%;align-items:stretch;flex-direction:column}.table-search input{width:100%;min-width:0}
  .customer-index-head,.billing-head,.issued-coa-head{display:none}
  .customer-index-row,.billing-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px}.issued-coa-row{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:0 14px}.issued-coa-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.row-arrow{display:none}
  .customer-index-row>span:nth-child(3),.customer-index-row>span:nth-child(4),.billing-row>span:nth-child(2),.issued-coa-main>span:nth-child(3){display:none}
  .conversion-invoice-row,.payment-row{grid-template-columns:minmax(0,1fr);padding:14px}
  .coa-studio-section{grid-template-columns:minmax(0,1fr);padding:20px}.coa-studio-section>header{padding-bottom:14px;border-bottom:1px solid var(--staff-border)}
  .coa-results-section>header{grid-row:auto}.coa-results-head,.coa-results-table{grid-column:1}.coa-results-head{display:none}.coa-result-row{grid-template-columns:minmax(0,1fr) repeat(3,minmax(80px,.7fr));padding:12px 0}.coa-result-row label>span{display:block}
  .coa-result-details,.reconstitution-details{grid-template-columns:repeat(2,minmax(0,1fr))}.coa-result-details>span{grid-column:1/-1}
  .coa-recipient-row{grid-template-columns:minmax(0,1fr)}
  .coa-studio-create{grid-template-columns:minmax(0,1fr);padding:18px}.coa-studio-create .btn{width:100%}
  .coa-studio-receipt{grid-template-columns:minmax(0,1fr)}.coa-studio-receipt a{grid-template-columns:minmax(110px,.6fr) minmax(0,1fr) auto}
  .coa-bulk-source-locks li{grid-template-columns:minmax(0,1fr) auto}.coa-bulk-source-locks li>span:nth-child(2){grid-column:1}.coa-bulk-recipient>header{align-items:stretch;flex-direction:column}.coa-bulk-recipient>header label{width:100%}.coa-bulk-item{grid-template-columns:minmax(0,1fr)}.coa-bulk-source,.coa-bulk-item .recipient-photo-status,.coa-bulk-item .bulk-item-state{grid-column:1}.coa-bulk-item .bulk-item-state{justify-self:start}.coa-batch-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.coa-batch-summary>span{border-bottom:1px solid var(--staff-border)}.coa-batch-progress-row{grid-template-columns:minmax(0,1fr) auto}.coa-batch-progress-row .coa-photo-picker{grid-column:1/-1}.coa-batch-actions{align-items:stretch;flex-direction:column}.coa-batch-actions .btn{width:100%}.coa-bulk-bar{flex-wrap:wrap}.coa-bulk-bar>span{min-width:calc(100% - 70px)}
  .health-check-list{grid-template-columns:minmax(0,1fr)}.health-check-list article{border-right:0;border-bottom:1px solid var(--staff-border)}
  .api-key-create .api-permission-matrix{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:620px){
  .staff-portal .portal-shell{display:block}
  .staff-portal .portal-nav{width:min(21rem,calc(100vw - 3rem));padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom))}
  .staff-portal .portal-brand span,.staff-portal .nav-label-text,.staff-portal .portal-user p,.staff-portal .portal-user button{display:flex}
  .staff-portal .portal-brand{justify-content:flex-start}
  .staff-portal .portal-nav .nav-item,.staff-portal .portal-nav .nav-item:not(.active){grid-template-columns:19px minmax(0,1fr);justify-items:stretch;padding:0 11px}
  .staff-portal .portal-top{height:auto;min-height:66px;grid-template-columns:44px minmax(0,1fr) auto;padding:max(9px,env(safe-area-inset-top)) 13px 9px}
  .staff-portal .portal-content{padding:18px 13px calc(34px + env(safe-area-inset-bottom))}
  .staff-detail-drawer{width:100%;padding:20px 16px max(24px,env(safe-area-inset-bottom))}
  .staff-drawer-header h2{font-size:26px}
  .staff-detail-drawer .text-action{min-height:44px;display:inline-flex;align-items:center}
  .staff-detail-drawer .compact-form input,.staff-detail-drawer .compact-form select,.staff-detail-drawer .compact-form textarea{min-height:44px}
}
@media(max-width:480px){
  .coa-result-row{grid-template-columns:minmax(0,1fr) minmax(90px,.65fr)}.coa-result-name{grid-column:1/-1}.coa-result-row label:nth-of-type(3){grid-column:1/-1}
  .customer-index-row,.billing-row{grid-template-columns:minmax(0,1fr)}.issued-coa-main{grid-template-columns:minmax(0,1fr)}.customer-index-row>span:nth-child(2),.billing-row>span:nth-child(4),.issued-coa-main>span:nth-child(4){display:none}
  .finance-strip,.coa-ledger-strip,.drawer-money-strip,.health-meta{grid-template-columns:minmax(0,1fr)}.finance-strip>span,.drawer-money-strip>span,.health-meta>span{border-right:0;border-bottom:1px solid var(--staff-border)}
  .coa-studio-receipt a{grid-template-columns:minmax(0,1fr) auto}.coa-studio-receipt a span{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .incoming-pane.active{animation:none}
  .staff-detail-drawer,.staff-detail-scrim{transition:none}
}

/* PIXEL · DASHBOARD/APP · six-page completeness pass */
.controlled-terms-state{display:grid;gap:3px;padding:11px 13px;border-left:3px solid var(--staff-positive);background:var(--staff-panel-soft)}
.controlled-terms-state.blocked{border-color:var(--staff-negative)}
.controlled-terms-state b{font-size:11px}.controlled-terms-state small{color:var(--staff-muted);font-size:9px}
.drawer-brand-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--staff-border)}
.drawer-brand-preview{width:76px;height:76px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--staff-border);border-radius:3px;background:var(--staff-bg);color:var(--staff-accent);font:650 18px var(--display)}
.drawer-brand-preview img{width:100%;height:100%;padding:6px;object-fit:contain}
.drawer-brand-summary{min-width:0;display:grid;align-content:center;gap:4px}.drawer-brand-summary small{color:var(--staff-muted);font-size:10px}
.drawer-brand-editor{grid-column:1/-1;display:grid;gap:12px;padding:14px;border:1px solid var(--staff-border);background:var(--staff-bg)}
.drawer-brand-editor[hidden]{display:none}.drawer-brand-editor details>summary{cursor:pointer;color:var(--staff-accent);font-size:11px;font-weight:700}
.drawer-section>.admin-brand-create-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--staff-border)}
.billing-ledger-switch{display:flex;overflow-x:auto;border:1px solid var(--staff-border);border-bottom:0;border-radius:var(--staff-radius-lg) var(--staff-radius-lg) 0 0;background:var(--staff-panel)}
.billing-ledger-switch button{min-height:50px;display:flex;align-items:center;gap:8px;padding:0 20px;border:0;border-right:1px solid var(--staff-border);background:transparent;color:var(--staff-muted);font:650 12px var(--body);white-space:nowrap}
.billing-ledger-switch button.active{box-shadow:inset 0 -2px var(--staff-accent);color:var(--staff-text)}
.billing-ledger-switch button b{min-width:22px;padding:2px 6px;border-radius:99px;background:var(--staff-panel-soft);color:var(--staff-accent);font:600 9px var(--mono)}
.billing-ledger-switch+.unified-money-ledger{border-radius:0 0 var(--staff-radius-lg) var(--staff-radius-lg)}
.active-testing-queue{overflow:hidden;border:1px solid var(--staff-border);border-radius:var(--staff-radius-lg);background:var(--staff-panel);box-shadow:var(--staff-shadow)}
.active-testing-queue>header{position:static;height:auto;min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px;border-bottom:1px solid var(--staff-border);background:transparent}
.active-testing-queue>header h2{margin:3px 0;font:650 20px var(--display)}.active-testing-queue>header p:not(.eyebrow){margin:2px 0 0;color:var(--staff-muted);font-size:11px}
.queue-stage-counts{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));border:1px solid var(--staff-border)}
.queue-stage-counts>span{min-height:58px;display:grid;align-content:center;padding:8px 12px;border-right:1px solid var(--staff-border)}.queue-stage-counts>span:last-child{border:0}
.queue-stage-counts b{font:650 18px var(--display)}.queue-stage-counts small{color:var(--staff-muted);font:600 7px var(--mono);letter-spacing:.07em;text-transform:uppercase}
.active-sample-head,.active-sample-row{display:grid;grid-template-columns:minmax(190px,1.15fr) minmax(160px,.9fr) 140px minmax(190px,1.1fr) 22px;gap:14px;align-items:center}
.active-sample-head{min-height:38px;padding:0 18px;border-bottom:1px solid var(--staff-border);background:var(--staff-bg);color:var(--staff-muted);font:600 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.active-sample-row{width:100%;min-height:68px;padding:10px 18px;border:0;border-bottom:1px solid var(--staff-border);background:transparent;color:var(--staff-text);text-align:left}
.active-sample-row:hover,.active-sample-row.active{background:var(--staff-panel-soft)}.active-sample-row.active{box-shadow:inset 3px 0 var(--staff-accent)}
.active-sample-row>span{min-width:0;display:grid;gap:2px}.active-sample-row small{overflow:hidden;color:var(--staff-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.active-sample-detail{padding:20px;border-top:2px solid var(--staff-accent);background:var(--staff-bg)}
.active-sample-detail>header{position:static;height:auto;display:flex;justify-content:space-between;gap:16px;padding:0 0 14px;border:0;background:transparent}.active-sample-detail h3{margin:2px 0;font:650 22px var(--display)}.active-sample-detail header p:last-child{margin:0;color:var(--staff-muted);font-size:11px}
.sample-progress-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;border:1px solid var(--staff-border);background:var(--staff-panel)}
.sample-progress-strip>span{min-height:62px;display:grid;align-content:center;padding:9px 12px;border-right:1px solid var(--staff-border)}.sample-progress-strip>span:last-child{border:0}.sample-progress-strip small{color:var(--staff-muted);font:600 8px var(--mono);letter-spacing:.08em}.sample-progress-strip b{font-size:12px}
.compact-sample-receipt-form,.studio-review-form{max-width:760px;padding:16px;border:1px solid var(--staff-border);background:var(--staff-panel)}
.focused-sample-workbench{display:grid;gap:16px;padding-top:4px}.focused-sample-workbench>header{position:sticky;z-index:4;top:68px;height:auto;padding:10px 0;border:0;background:var(--staff-bg)}
.coa-primary-send{margin:-8px 0 18px;padding:14px;border:1px solid var(--staff-border);background:var(--staff-bg)}
.coa-lifecycle-more{margin-top:10px;border:1px solid var(--staff-border);border-radius:3px;background:var(--staff-panel)}
.coa-lifecycle-more>summary{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;cursor:pointer;list-style:none}.coa-lifecycle-more>summary::-webkit-details-marker{display:none}.coa-lifecycle-more>summary>span:first-child{display:grid}.coa-lifecycle-more>summary small{color:var(--staff-muted);font-size:9px}.coa-lifecycle-more[open]>summary{border-bottom:1px solid var(--staff-border)}
.coa-lifecycle-more-body{padding:0 16px 16px}.coa-lifecycle-more .drawer-section>header>div{display:grid;gap:2px}.coa-lifecycle-more .drawer-section>header p{margin:0;color:var(--staff-muted);font-size:9px}
.coa-version-choices{display:grid;margin-bottom:12px;border-top:1px solid var(--staff-border)}
.coa-version-choice{min-height:54px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--staff-border);cursor:pointer}.coa-version-choice>span{display:grid}.coa-version-choice small{color:var(--staff-muted);font-size:9px}
.integrity-note{margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--staff-positive);background:var(--staff-panel-soft);color:var(--staff-muted);font-size:10px}.integrity-note.warning{border-color:var(--staff-negative);color:var(--staff-negative)}
.coa-version-comparison{margin-top:12px;border:1px solid var(--staff-border)}.coa-version-comparison>header{position:static;height:auto;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;padding:10px 12px;border:0;border-bottom:1px solid var(--staff-border);background:var(--staff-bg);text-align:center}.coa-version-comparison>header span{color:var(--staff-muted);font-size:9px}
.coa-version-compare-row{display:grid;grid-template-columns:105px minmax(0,1fr) 18px minmax(0,1fr);gap:8px;padding:9px 10px;border-bottom:1px solid var(--staff-border);font-size:9px;overflow-wrap:anywhere}.coa-version-compare-row:last-child{border:0}.coa-version-compare-row>b{color:var(--staff-muted)}.coa-version-compare-row>i{color:var(--staff-muted);font-style:normal;text-align:center}.coa-version-compare-row.changed{box-shadow:inset 3px 0 var(--staff-accent);background:var(--staff-panel-soft)}
.coa-lifecycle-correction{padding:12px 0;border-bottom:1px solid var(--staff-border)}.coa-lifecycle-correction>header{position:static;height:auto;display:flex;justify-content:space-between;gap:12px;padding:0;border:0;background:transparent}.coa-lifecycle-correction>header>span{display:grid}.coa-lifecycle-correction small{color:var(--staff-muted);font-size:9px}.coa-lifecycle-correction>p{color:var(--staff-muted);font-size:11px}.coa-lifecycle-correction .resolution-note{display:grid;gap:3px;padding:10px;background:var(--staff-panel-soft)}
.coa-lifecycle-correction-form{display:grid;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--staff-border);background:var(--staff-bg)}
.coa-lifecycle-action{margin-top:12px;border:1px solid var(--staff-border)}.coa-lifecycle-action>summary{padding:14px;cursor:pointer;color:var(--staff-accent);font-size:11px;font-weight:700}.coa-lifecycle-action>form{padding:0 14px 14px}.coa-lifecycle-action.danger>summary{color:var(--staff-negative)}

@media(max-width:980px){
  .active-testing-queue>header{align-items:flex-start;flex-direction:column}.queue-stage-counts{width:100%}
  .active-sample-head{display:none}.active-sample-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.active-sample-row>span:nth-child(3),.active-sample-row>span:nth-child(5){display:none}
}
@media(max-width:760px){
  .billing-ledger-switch button{flex:1;justify-content:center;padding:0 12px}
  .queue-stage-counts,.sample-progress-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-stage-counts>span:nth-child(2),.sample-progress-strip>span:nth-child(2){border-right:0}.queue-stage-counts>span:nth-child(-n+2),.sample-progress-strip>span:nth-child(-n+2){border-bottom:1px solid var(--staff-border)}
  .active-sample-row{grid-template-columns:minmax(0,1fr)}.active-sample-row>span:nth-child(2){display:none}
  .coa-lifecycle-more-body{padding-inline:12px}.coa-version-compare-row{grid-template-columns:82px minmax(0,1fr);gap:5px}.coa-version-compare-row>i{display:none}.coa-version-compare-row>span:last-child{grid-column:2}
}
@media(max-width:480px){
  .drawer-brand-card{grid-template-columns:60px minmax(0,1fr)}.drawer-brand-preview{width:60px;height:60px}
  .billing-ledger-switch button{font-size:10px}.billing-ledger-switch button b{display:none}
  .queue-stage-counts{grid-template-columns:minmax(0,1fr)}.queue-stage-counts>span{border-right:0;border-bottom:1px solid var(--staff-border)}
  .sample-progress-strip{grid-template-columns:minmax(0,1fr)}.sample-progress-strip>span{border-right:0;border-bottom:1px solid var(--staff-border)}
  .coa-version-comparison>header{grid-template-columns:1fr}.coa-version-compare-row{grid-template-columns:minmax(0,1fr)}.coa-version-compare-row>span:last-child{grid-column:1}
}

/* PIXEL · mode: DASHBOARD/APP · macrostructure: narrative workflow · tone:
   brutally-minimal · signature: Request → Approval → Activation rail */
#role-dialog:has(#registration-form:not([hidden])),
#role-dialog:has(#activation-form:not([hidden])){max-width:720px}
.production-login textarea{width:100%;min-height:92px;padding:.85rem;border:1px solid #cbd5e1;border-radius:.55rem;background:var(--white);font:inherit;resize:vertical}
.production-login label>small{color:var(--muted);font-size:10px;font-weight:500}
.optional-request-fields{align-items:start}.request-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.request-success,.activation-result{min-height:440px;display:grid;place-content:center;justify-items:start;gap:12px;text-align:left}
.request-success h2,.activation-result h2{margin:0}.request-success p,.activation-result p{max-width:50ch;margin:0;color:var(--muted);line-height:1.6}
.request-success-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--success);border-radius:50%;background:oklch(.96 .04 155);color:var(--success);font:700 22px var(--display);animation:onboarding-confirm .32s ease-out both}
.request-reference{width:100%;display:grid;gap:3px;margin:10px 0;padding:15px 17px;border-left:3px solid var(--blue);background:var(--pale)}.request-reference small{color:var(--muted);font:700 8px var(--mono);letter-spacing:.11em}.request-reference b{font:700 15px var(--mono);letter-spacing:.06em}
.activation-loading{min-height:430px;display:grid;place-content:center;justify-items:center;gap:9px;color:var(--muted);text-align:center}.activation-loading b{color:var(--ink);font:650 19px var(--display)}
.request-fields[hidden],.request-success[hidden],.activation-loading[hidden],.activation-fields[hidden],.activation-result[hidden]{display:none!important}
.activation-fields:not([hidden]){display:grid;gap:1rem;animation:onboarding-fields .24s ease-out both}.activation-intro{margin:0;color:var(--muted);line-height:1.55}
.activation-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:var(--paper)}.activation-rail span{position:relative;min-height:58px;display:grid;align-content:center;gap:2px;padding:9px 12px;border-right:1px solid var(--line)}.activation-rail span:last-child{border:0}.activation-rail b{color:var(--muted);font:600 9px var(--mono)}.activation-rail small{font:700 9px var(--mono);letter-spacing:.08em}.activation-rail .done{background:oklch(.97 .025 155)}.activation-rail .done b,.activation-rail .current b{color:var(--blue)}.activation-rail .current{box-shadow:inset 0 -3px var(--blue);background:var(--white)}
.activation-prefill{display:grid;gap:3px;padding:10px 12px;border-left:3px solid var(--blue);background:var(--pale)}.activation-prefill small{color:var(--muted);font:500 10px var(--body)}
@keyframes onboarding-confirm{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@keyframes onboarding-fields{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

.onboarding-intro{margin-bottom:0}.onboarding-flow-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;border:1px solid var(--staff-border);border-top:3px solid var(--staff-accent);background:var(--staff-panel)}
.onboarding-flow-rail>span{position:relative;min-height:78px;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:3px 10px;padding:12px 16px;border-right:1px solid var(--staff-border)}.onboarding-flow-rail>span:last-child{border:0}.onboarding-flow-rail>span:not(:last-child):after{content:"→";position:absolute;z-index:2;right:-8px;top:30px;width:16px;height:16px;display:grid;place-items:center;background:var(--staff-panel);color:var(--staff-accent);font:700 10px var(--mono)}.onboarding-flow-rail b{grid-row:1/3;color:var(--staff-accent);font:650 16px var(--display)}.onboarding-flow-rail small{color:var(--staff-muted);font:600 8px var(--mono);letter-spacing:.09em}.onboarding-flow-rail strong{font-size:11px}
.onboarding-request-card,.onboarding-invitation-row{display:grid;gap:14px}.onboarding-request-facts,.invitation-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--staff-border)}.onboarding-request-facts>span,.invitation-meta>span{min-width:0;display:grid;gap:3px;padding:10px 12px;border-right:1px solid var(--staff-border)}.onboarding-request-facts>span:last-child,.invitation-meta>span:last-child{border:0}.onboarding-request-facts small,.invitation-meta small{color:var(--staff-muted);font:600 8px var(--mono);letter-spacing:.08em}.onboarding-request-facts b,.invitation-meta b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.onboarding-applicant-note{margin:0;padding:12px;border-left:3px solid var(--staff-accent);background:var(--staff-bg);color:var(--staff-muted);font-size:11px;white-space:pre-wrap}
.invitation-lifecycle{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--staff-border);background:var(--staff-bg)}.invitation-lifecycle>span{min-height:52px;display:grid;align-content:center;gap:2px;padding:8px 11px;border-right:1px solid var(--staff-border);color:var(--staff-muted)}.invitation-lifecycle>span:last-child{border:0}.invitation-lifecycle b{font:600 8px var(--mono)}.invitation-lifecycle small{font:650 9px var(--body)}.invitation-lifecycle .complete{background:oklch(.96 .025 155);color:var(--staff-positive)}.invitation-lifecycle .current{box-shadow:inset 0 -2px var(--staff-accent);background:var(--staff-panel);color:var(--staff-text)}
.drawer-onboarding-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px;border:1px solid var(--staff-border)}.drawer-onboarding-rail span{min-height:40px;display:grid;place-items:center;border-right:1px solid var(--staff-border);color:var(--staff-muted);font:600 8px var(--mono);letter-spacing:.09em}.drawer-onboarding-rail span:last-child{border:0}.drawer-onboarding-rail .active{box-shadow:inset 0 -2px var(--staff-accent);background:var(--staff-panel-soft);color:var(--staff-accent)}
.invite-email-check{min-height:64px;grid-template-columns:18px minmax(0,1fr)!important;align-content:center;align-items:start;padding:9px 11px;border:1px solid var(--staff-border);background:var(--staff-bg)}.invite-email-check input{min-height:0!important;width:16px!important;height:16px;margin-top:2px;accent-color:var(--staff-accent)}.invite-email-check span{display:grid;gap:2px}.invite-email-check small{color:var(--staff-muted);font-weight:400}
.activation-link-receipt{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;margin-top:12px;padding:16px;border:2px solid var(--staff-accent);background:var(--staff-panel-soft)}.activation-link-receipt[hidden]{display:none}.activation-link-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--staff-accent);color:white;font:700 16px var(--display)}.activation-link-receipt>div{display:grid;gap:2px}.activation-link-receipt>div small{color:var(--staff-muted);font-size:9px}.activation-link-receipt>label,.activation-link-receipt>.compact-actions,.activation-link-receipt>.form-status{grid-column:1/-1}.activation-link-receipt input{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--staff-border);background:var(--staff-panel);color:var(--staff-text);font:600 9px var(--mono)}
.status.pending_review,.status.pending,.status.viewed{background:oklch(.94 .05 82);color:oklch(.42 .12 65)}.status.accepted,.status.activated{background:oklch(.93 .05 155);color:oklch(.4 .13 155)}.status.revoked,.status.rejected{background:oklch(.94 .035 25);color:var(--staff-negative)}

@media(max-width:900px){.onboarding-request-facts,.invitation-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-request-facts>span:nth-child(2),.invitation-meta>span:nth-child(2){border-right:0}}
@media(max-width:760px){.onboarding-flow-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-flow-rail>span:nth-child(2){border-right:0}.onboarding-flow-rail>span:nth-child(-n+2){border-bottom:1px solid var(--staff-border)}.onboarding-flow-rail>span:after{display:none!important}}
@media(max-width:560px){.optional-request-fields,.activation-fields .form-pair{grid-template-columns:minmax(0,1fr)}.activation-rail,.invitation-lifecycle{grid-template-columns:repeat(2,minmax(0,1fr))}.activation-rail span:nth-child(2),.invitation-lifecycle span:nth-child(2){border-right:0}.activation-rail span:nth-child(-n+2),.invitation-lifecycle span:nth-child(-n+2){border-bottom:1px solid var(--line)}.onboarding-flow-rail,.onboarding-request-facts,.invitation-meta{grid-template-columns:minmax(0,1fr)}.onboarding-flow-rail>span,.onboarding-request-facts>span,.invitation-meta>span{border-right:0;border-bottom:1px solid var(--staff-border)}.onboarding-flow-rail>span:last-child,.onboarding-request-facts>span:last-child,.invitation-meta>span:last-child{border-bottom:0}.request-success,.activation-result{min-height:360px}.activation-link-receipt{grid-template-columns:minmax(0,1fr)}.activation-link-receipt>*{grid-column:1!important}}