.suite-tabs{overflow-x:auto;white-space:nowrap}
.suite-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}
.suite-main,.suite-side{min-width:0;border:1px solid var(--line);background:var(--surface)}
.suite-main{padding:1rem}
.suite-side{position:sticky;top:1rem;padding:1rem}
.suite-side.wide-side{width:auto}
.suite-side h2{margin:.15rem 0;font-size:1.05rem}
.suite-divider{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--line)}
.suite-top{margin-top:1.4rem}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.section-heading h2{margin:0;font-size:1.1rem}
.section-heading p{max-width:800px;margin:.25rem 0 0;color:var(--muted);font-size:.82rem}
.empty-row,.empty-state{padding:2rem!important;color:var(--muted);text-align:center}
.compact-action{display:flex;align-items:center;gap:.4rem}
.compact-action select{min-width:110px;min-height:34px;padding:.35rem}
.btn.small{min-height:34px;padding:.38rem .65rem;font-size:.72rem}
.btn.danger{border-color:var(--danger);color:var(--danger)}
.data-table td>small{display:block;margin-top:.18rem;color:var(--muted)}
.data-table code{overflow-wrap:anywhere}
.check-row{display:flex!important;align-items:center;gap:.5rem}
.check-row input{flex:0 0 auto}
.form-help{margin:0;color:var(--muted);font-size:.76rem}
.job-code summary{color:var(--gold-dark);font-family:monospace;cursor:pointer}
.job-code[open]{position:relative}
.job-code[open]>div{position:absolute;z-index:8;inset-inline-end:0;width:190px;padding:.6rem;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.job-code[open]>a{display:block;margin-top:.35rem;white-space:nowrap}
.job-qr svg{display:block;width:100%;height:auto}
.capacity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.capacity-grid article{padding:.8rem;border:1px solid var(--line)}
.capacity-grid header{display:flex;justify-content:space-between;gap:.5rem}
.capacity-grid p,.capacity-grid small{margin:.35rem 0 0;color:var(--muted);font-size:.72rem}
.capacity-meter{height:8px;margin-top:.65rem;background:var(--surface-2);overflow:hidden}
.capacity-meter i{display:block;height:100%;background:var(--gold)}
.receiving-lines{display:grid;gap:.6rem;max-height:52vh;overflow:auto}
.receiving-lines fieldset{padding:.7rem;border:1px solid var(--line)}
.receiving-lines legend{padding:0 .25rem;font-weight:750}
.receiving-lines small{display:block;margin-bottom:.5rem;color:var(--muted)}
.suite-progress{padding:.45rem .7rem;border:1px solid var(--line);font-weight:800;direction:ltr;unicode-bidi:isolate}
.onboarding-list{display:grid;gap:.65rem;padding:0;list-style:none;counter-reset:onboarding}
.onboarding-list>li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem;border:1px solid var(--line)}
.onboarding-list>li>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-weight:800}
.onboarding-list>li.done>span{border-color:var(--success);background:var(--success);color:white}
.onboarding-list h3{margin:0;font-size:.9rem}
.onboarding-list p{margin:.25rem 0 0;color:var(--muted);font-size:.76rem}
.onboarding-list small{display:block;margin-top:.35rem}
.api-reference{display:grid;gap:.45rem;margin-top:1rem;padding:1rem;border:1px solid var(--line);background:var(--surface-2)}
.api-reference code{padding:.45rem;background:var(--surface);overflow:auto}
.api-reference p{margin:0;color:var(--muted)}
.settings-explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.settings-explainer-grid article{padding:1rem;border:1px solid var(--line);background:var(--surface)}
.settings-explainer-grid h3{margin:0 0 .4rem;font-size:.9rem}
.settings-explainer-grid p{margin:0;color:var(--muted);font-size:.78rem}
.payment-shell,.tracking-shell{width:min(720px,100%);margin:2rem auto}
.payment-shell>header,.tracking-shell>header{padding-bottom:1rem;border-bottom:1px solid var(--line)}
.payment-shell h1,.tracking-shell h1{margin:.3rem 0}
.payment-summary{display:grid;gap:1rem;padding:1.2rem;margin-top:1rem;border:1px solid var(--line);background:var(--surface)}
.payment-summary dl{display:grid;margin:0}
.payment-summary dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.payment-summary dt{color:var(--muted)}
.payment-summary dd{margin:0;text-align:end}
.payment-summary small{color:var(--muted);text-align:center}
.tracking-status{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}
.tracking-status>div{display:grid;gap:.25rem;padding:.9rem;border:1px solid var(--line);background:var(--surface)}
.tracking-status span{color:var(--muted);font-size:.72rem}
.tracking-events{display:grid;gap:0;padding:0;list-style:none}
.tracking-events li{display:grid;grid-template-columns:22px 1fr;gap:.8rem;min-height:70px}
.tracking-events i{position:relative;display:block;width:13px;height:13px;margin-top:.25rem;border:3px solid var(--gold);border-radius:50%}
.tracking-events i:after{position:absolute;top:10px;left:3px;width:1px;height:60px;background:var(--line);content:""}
[dir=rtl] .tracking-events i:after{left:auto;right:3px}
.tracking-events li:last-child i:after{display:none}
.tracking-events div{display:grid;align-content:start}
.tracking-events span{color:var(--muted);font-size:.72rem}
.tracking-events p{margin:.25rem 0 0}
.quote-suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.quote-suite-grid>section{padding:.8rem;border:1px solid var(--line)}
.quote-suite-grid h3{margin:.1rem 0 .65rem;font-size:.9rem}
.suite-record-list{display:grid;gap:.45rem}
.suite-record-list>div{display:flex;justify-content:space-between;gap:.6rem;padding:.5rem;border:1px solid var(--line)}
.suite-record-list small{display:block;color:var(--muted)}
.suite-subheading{margin:1rem 0 .65rem;font-size:.9rem}
.artwork-control-list{display:grid;gap:.65rem}
.artwork-control-list>article{display:grid;gap:.6rem;padding:.75rem;border:1px solid var(--line);background:var(--surface)}
.artwork-file-summary{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:.7rem}
.artwork-file-summary small,.preflight-summary{display:block;margin:.15rem 0 0;color:var(--muted);font-size:.75rem}
.file-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);background:var(--surface-2);font-size:.66rem;font-weight:800;overflow:hidden}
.mockup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.mockup-grid a{display:grid;gap:.35rem;padding:.4rem;border:1px solid var(--line);color:var(--text);text-decoration:none}
.mockup-grid img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--surface-2)}
.mockup-grid span{overflow-wrap:anywhere;font-size:.72rem}
.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:.75rem}
.metric-strip>div{display:grid;gap:.2rem;padding:.75rem;border:1px solid var(--line);background:var(--surface)}
.metric-strip span{color:var(--muted);font-size:.72rem}
.metric-strip strong{font-size:1rem}
.inline-control-form{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto;align-items:end;gap:.5rem;margin-top:.65rem}
.inline-control-form label{margin:0}
@media(min-width:1500px){.suite-layout{grid-template-columns:minmax(0,1fr) 390px}.suite-side.wide-side{width:470px}.capacity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.suite-layout{grid-template-columns:1fr}.suite-side{position:static}.suite-side.wide-side{width:auto}.capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.metric-strip,.settings-explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.onboarding-list>li{grid-template-columns:36px 1fr}.onboarding-list form{grid-column:2;align-items:stretch;flex-wrap:wrap}.capacity-grid,.tracking-status,.quote-suite-grid,.metric-strip,.mockup-grid,.settings-explainer-grid{grid-template-columns:1fr}.section-heading{align-items:stretch;flex-direction:column}.compact-action,.inline-control-form{align-items:stretch;grid-template-columns:1fr}.payment-shell,.tracking-shell{margin:1rem auto}.artwork-file-summary{grid-template-columns:42px minmax(0,1fr)}.artwork-file-summary>.status-pill{grid-column:2;justify-self:start}}
html[data-theme=dark] .job-code[open]>div{background:#fff;color:#161610}