:root{color-scheme:dark;--bg:#0b0e10;--bg2:#111518;--sidebar:#101417;--panel:#171c1f;--panel2:#1e2428;--line:#313b40;--text:#f4f5f4;--muted:#97a3a9;--orange:#ff891f;--ember:#f17948;--steel:#abb9bd;--amber:#e3ae64}
*{box-sizing:border-box}
html{scrollbar-color:#3c4448 #0d1012}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:300px}
button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}a{color:inherit}.hidden{display:none!important}.muted,.subtext{color:var(--muted)}
.app-layout{min-height:100vh;display:flex}.sidebar{width:260px;flex:0 0 260px;background:linear-gradient(160deg,#12181b,#0b0e10);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh;padding:26px 17px 22px;position:sticky;top:0;height:100vh}.sidebar-header{display:flex;align-items:center;gap:12px;padding:0 9px 42px}.brand-mark{font-weight:1000;letter-spacing:-.16em;font-size:27px;line-height:1;color:#f9f9ff}.brand-mark span{color:var(--orange)}.brand-mark b{color:var(--ember)}.sidebar-brand-text strong{font-size:16px;font-weight:900;letter-spacing:.22em}.sidebar-brand-text small{display:block;font-size:8px;letter-spacing:.18em;color:#b5afa8;margin-top:-2px}.sidebar-section-label{font-weight:800;font-size:10px;color:#918c87;letter-spacing:.2em;padding:0 14px 13px}.space-top{padding-top:34px}.side-nav{display:grid;gap:6px}.nav-link{width:100%;border:1px solid transparent;border-radius:11px;background:transparent;color:#c8c1ba;display:flex;align-items:center;gap:13px;text-align:left;padding:12px 13px;font-weight:650}.nav-link:hover,.nav-link.active{background:#2d2118;border-color:#735036;color:#ffffff}.nav-link.active::before{content:"";height:21px;width:3px;border-radius:3px;background:var(--orange);position:absolute;left:17px}.nav-icon{width:22px;text-align:center;font-size:20px;color:#cba073}.nav-shortcut{margin-left:auto;color:#96918b;font-size:10px;font-weight:750}.integration-mini{display:flex;align-items:center;gap:10px;padding:10px 13px}.integration-mini strong{font-size:12px;display:block;font-weight:650}.integration-mini small{font-size:10px;display:block;color:#96918b}.integration-heart{color:var(--ember);font-size:24px;width:24px;text-align:center}.integration-spark{color:var(--steel);font-size:20px;width:24px;text-align:center}.mini-status{width:6px;height:6px;border-radius:50%;margin-left:auto;background:#656f78}.sidebar-spacer{flex:1}.sidebar-footer{border-top:1px solid var(--line);padding:18px 10px 0;font-size:10px;letter-spacing:.09em;font-weight:850;color:#e2d3c6;display:flex;align-items:center;gap:7px}.sidebar-footer small{margin-left:auto;color:#8c8782;letter-spacing:0}.dev-indicator{height:7px;width:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 12px #ff891f80}
.main-area{width:calc(100% - 260px);min-width:0;background:radial-gradient(circle at 85% -15%,#221a14 0,transparent 36%),#0b0e10}.topbar{height:72px;padding:0 45px;border-bottom:1px solid #303539;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{color:#a29c97;font-size:11px;font-weight:750;letter-spacing:.08em;display:flex;align-items:center;gap:13px}.breadcrumb strong{color:#e6e9f5}.chevron{color:#5c666e}.topbar-right{display:flex;align-items:center;gap:17px}.private-chip{border:1px solid #765237;color:#ffbc82;background:#2d2119;border-radius:25px;padding:7px 11px;font-size:9px;letter-spacing:.1em;font-weight:850;white-space:nowrap}.chip-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:5px}.topbar-divider{height:25px;width:1px;background:var(--line)}.operator-name{font-size:11px;font-weight:850}.logout-button{border:0;background:transparent;color:#c4bdb6;font-size:11px;font-weight:700}.logout-button:hover{color:#fff}
.content{max-width:1570px;margin:0 auto;padding:30px 43px 20px}.hero{min-height:270px;background:linear-gradient(115deg,#2e241c 0,#221d19 54%,#191b1c 100%);border:1px solid #75543a;border-radius:18px;padding:36px 43px;display:flex;position:relative;overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 50%,#ff891f26 0,transparent 39%);z-index:-1}.hero-content{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.21em;font-weight:900;color:#ffc18d;margin:0}.eyebrow-dash{display:inline-block;width:20px;height:2px;background:#ff891f;vertical-align:middle;margin-right:9px}.hero h1{margin:18px 0 10px;font-size:clamp(31px,3.7vw,51px);font-weight:900;letter-spacing:-.065em;line-height:1.05}.hero h1 span{color:#ffa24c}.hero-subtitle{color:#cabeb2;font-size:13px;line-height:1.7;max-width:480px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.primary-button{border:1px solid #ffb258;background:linear-gradient(100deg,#ff8316,#ffae48);color:#26180c;font-weight:850;border-radius:9px;padding:11px 17px;box-shadow:0 8px 30px #ff891f2b}.primary-button:hover{filter:brightness(1.08)}.secondary-button{background:#ffffff0a;border:1px solid #695343;border-radius:9px;color:#f0e5d9;font-weight:700;padding:11px 16px}.secondary-button:hover{background:#ffffff1a}.compact{padding:10px 13px;font-size:12px}
.hero-visual{position:absolute;width:340px;height:300px;right:3.5%;top:-12px;opacity:.9}.orbit{position:absolute;border-radius:50%;border:1px solid #e18f495e;transform:rotate(-20deg)}.orbit-a{width:320px;height:150px;top:72px;left:10px}.orbit-b{width:300px;height:235px;top:35px;left:20px;transform:rotate(35deg);border-style:dashed}.orbit-c{width:250px;height:250px;top:30px;left:46px;border-color:#e18f492f}.central-cube{position:absolute;top:80px;left:106px;width:150px;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#6e4424,#302117);border:1px solid #ffa44b80;box-shadow:0 0 80px #ff891f36,inset 0 0 24px #ffad5b30;transform:rotate(-9deg);border-radius:29px}.central-cube span{font-size:54px;font-weight:950;line-height:1;color:white;letter-spacing:-.17em;margin-right:10px}.central-cube b{font-size:11px;letter-spacing:.15em;color:#ffd4ab}.orbit-point{position:absolute;width:10px;height:10px;border-radius:50%;background:#ffa64e;box-shadow:0 0 21px #ffa44e}.point-a{left:24px;top:148px}.point-b{right:17px;top:97px;background:var(--ember)}.point-c{left:160px;bottom:13px;background:var(--steel)}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin:37px 0 18px;gap:12px}.subdued{color:#9c9791}.section-heading h2{font-size:23px;letter-spacing:-.04em;margin:2px 0 4px}.section-subtitle{color:var(--muted);font-size:12px;margin:0}.updated-label{color:#9d9892;font-size:11px;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card{border-radius:14px;padding:21px 23px;min-height:142px;background:linear-gradient(165deg,#24282b,#1b1e20);border:1px solid #373d42;position:relative;overflow:hidden}.stat-card::after{content:"";position:absolute;top:0;right:0;height:44px;width:58px;background:linear-gradient(-140deg,#ff8c2212,transparent)}.stat-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:850;letter-spacing:.11em;color:#b4aea7}.stat-title span{font-size:20px;color:#d4aa7e;font-weight:400}.stat-value{font-size:44px;font-weight:850;letter-spacing:-.065em;margin:2px 0 5px}.stat-footer{font-size:11px;color:#a39d98}.main-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,1fr);gap:17px;margin-top:19px}.panel{background:linear-gradient(150deg,#222528,#1d2023);border:1px solid #3a4045;border-radius:15px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px;border-bottom:1px solid #383e43}.panel-eyebrow{font-size:9px;letter-spacing:.18em;font-weight:900;color:#bd9472}.panel-heading h3{font-size:16px;margin:3px 0 0;font-weight:780;letter-spacing:-.02em}.outline-small,.outline-tag{background:#302720;border:1px solid #72533b;border-radius:8px;color:#ffbd81;padding:7px 11px;font-size:10px;font-weight:750}.outline-tag{font-size:9px}.panel-body{min-height:237px;padding:14px 22px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:212px;text-align:center;color:#a19b96}.empty-state .empty-icon{height:53px;width:53px;border:1px dashed #625143;background:#28241f;border-radius:16px;display:grid;place-items:center;font-size:22px;color:#ffaf6e}.empty-state strong{color:#d4daec;font-size:13px}.empty-state span{font-size:11px;max-width:280px}.eco-list{padding:4px 18px}.eco-row{display:flex;align-items:center;gap:11px;padding:15px 3px;border-bottom:1px solid #363b40}.eco-row:last-child{border:0}.eco-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font-size:18px;font-weight:700}.eco-icon.orange{background:#49301d;color:#ffb171}.eco-icon.ember{background:#3b2721;color:#f7a07a}.eco-icon.steel{background:#293239;color:#afbdc2}.eco-icon.amber{background:#3f3326;color:#e3ae64}.eco-row>div{flex:1;min-width:0}.eco-row strong{display:block;font-weight:750;font-size:12px}.eco-row small{display:block;color:#a29c97;font-size:10px}.status-pill{white-space:nowrap;font-weight:850;font-size:8px;letter-spacing:.025em;border-radius:5px;padding:6px 7px}.status-dev{background:#423023;color:#ffbd86}.status-off{background:#2f3438;color:#afa9a3}.bottom-note{display:flex;gap:13px;align-items:start;margin-top:20px;padding:14px 18px;background:#211f1d;border:1px solid #594536;border-radius:11px;color:#bcada0}.bottom-note p{font-size:11px;margin:0;line-height:1.7}.bottom-note strong{color:#ffdec0}.note-icon{font-size:18px;color:#ffac68}.footerline{display:flex;justify-content:space-between;gap:12px;color:#807c77;margin-top:35px;padding-top:17px;border-top:1px solid #31363a;font-size:9px;font-weight:750;letter-spacing:.1em}
.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.list-toolbar .muted{font-size:12px}.cards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:15px}.inventory-item{padding:20px;background:linear-gradient(145deg,#23272a,#1d2022);border:1px solid #3a4045;border-radius:13px;min-width:0}.inventory-item-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.inventory-item h3{font-size:16px;margin:10px 0 4px}.inventory-item p{margin:4px 0;color:#a6a09a;font-size:11px}.inventory-item code{color:#ffbb83;font-size:11px;word-break:break-word}.environment-pill{font-size:9px;color:#eac2a3;background:#392c24;padding:5px 7px;border-radius:5px;text-transform:uppercase}.evidence-pill{font-size:10px;color:#c6b4a8;display:inline-block;margin-top:14px}.audit-container{padding:7px 19px}.audit-row{padding:13px 4px;border-bottom:1px solid #3a4045;display:flex;align-items:center;gap:12px}.audit-row:last-child{border:0}.audit-icon{display:grid;place-items:center;height:28px;width:28px;border-radius:7px;background:#34271f;color:#ffb474}.audit-row strong{font-size:11px;display:block}.audit-row small{font-size:10px;color:#a59f99}.audit-row time{margin-left:auto;color:#a9a39d;font-size:10px}.standalone-empty{min-height:220px;background:#1f2225;border:1px dashed #474e54;border-radius:14px}.toast{position:fixed;bottom:28px;right:25px;max-width:min(430px,calc(100vw - 32px));background:#31271e;border:1px solid #8c5e38;color:#ffe2c5;padding:12px 17px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:100}.toast.visible{opacity:1}.control-modal{width:min(445px,calc(100vw - 30px));max-height:85vh;overflow-y:auto;border:1px solid #78553b;border-radius:15px;background:#25292c;color:var(--text);padding:26px 28px;box-shadow:0 25px 100px #000c}.control-modal::backdrop{background:#000b;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.modal-header h2{font-size:21px;margin:7px 0 18px}.modal-header button{background:#393f44;border:1px solid #555e65;color:#cfd5e7;border-radius:8px;width:30px;height:30px}.form-col{display:flex;flex-direction:column;gap:6px}.form-col label{font-size:10px;font-weight:850;letter-spacing:.1em;color:#c7c0b9;margin-top:12px}.form-col input,.form-col select{background:#1b1e20;border:1px solid #4d555c;border-radius:9px;color:#f4f5ff;padding:11px 12px;width:100%;min-height:44px}.form-col input::placeholder{color:#87827e}.form-col select{appearance:auto}.modal-help{color:#b0aaa4;font-size:11px;line-height:1.6}.form-error{min-height:17px;color:#ffab9b;font-size:11px;margin:6px 0}.full{width:100%;justify-content:center;display:flex;align-items:center;gap:15px}.mobile-nav{display:none}
.login-page{min-height:100vh;background:radial-gradient(circle at 50% 26%,#2c1e12 0,transparent 42%),#0b0e10;display:grid;place-items:center;padding:20px}.login-container{width:min(100%,440px)}.login-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px;font-size:22px;font-weight:900;letter-spacing:.19em}.brand-symbol{font-size:37px;letter-spacing:-.17em}.brand-flash{color:var(--ember)}.brand-overline{display:block;font-size:9px;font-weight:850;letter-spacing:.2em;color:#b1a59b}.login-card{padding:33px 37px 27px;background:linear-gradient(165deg,#27211c,#1d2023);border:1px solid #694c36;border-radius:18px;box-shadow:0 25px 70px #0006}.glow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 11px var(--orange);margin-right:8px}.login-card h1{font-size:30px;letter-spacing:-.06em;margin:16px 0 6px}.accent{color:var(--orange)}.login-card .subtext{font-size:12px;line-height:1.7;margin-bottom:21px}.login-footnote{padding-top:21px;margin-top:23px;border-top:1px solid #3d4449;color:#aca6a0;font-size:10px;text-align:center}.shield-symbol{color:var(--steel);margin-right:7px}.login-bottom{text-align:center;color:#8d8883;font-size:10px;letter-spacing:.08em;margin-top:23px}.login-bottom span{color:#e3ae80}
@media(max-width:1180px){.content{padding:26px}.topbar{padding:0 26px}.sidebar{width:230px;flex-basis:230px}.main-area{width:calc(100% - 230px)}.hero-visual{right:-45px;opacity:.5}.stat-card{padding:17px}.status-pill{font-size:7px}}
@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid{grid-template-columns:1fr}.hero-visual{right:0}.hero-content{max-width:75%}.sidebar{width:200px;flex-basis:200px;padding:22px 10px}.main-area{width:calc(100% - 200px)}.sidebar-brand-text small{font-size:7px}.integration-mini{padding:9px 6px}}
@media(max-width:670px){.sidebar{display:none}.main-area{width:100%}.topbar{height:61px;padding:0 18px}.topbar-divider,.operator-name{display:none}.private-chip{font-size:8px}.breadcrumb{font-size:10px;gap:7px}.content{padding:18px 15px 100px}.hero{padding:26px 22px;min-height:250px}.hero-content{max-width:100%}.hero-visual{right:-130px;opacity:.07}.hero h1{font-size:38px}.hero-subtitle{font-size:12px}.section-heading{margin:28px 0 15px}.updated-label{display:none}.stat-grid{gap:10px}.stat-card{min-height:116px;padding:15px}.stat-title{font-size:8px}.stat-value{font-size:36px}.footerline{flex-wrap:wrap;gap:5px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#212427;border-top:1px solid #40474c;padding:9px 7px max(9px,env(safe-area-inset-bottom));z-index:20}.mobile-nav button{border:0;background:transparent;color:#c9c2bb;font-size:11px;padding:9px 3px}.mobile-nav button.active{color:#ffad67;font-weight:850}.list-toolbar{align-items:stretch;flex-direction:column}.list-toolbar .compact{align-self:flex-start}.control-modal{padding:20px}.eco-row strong{font-size:11px}.eco-row small{font-size:9px}}
/* Prevent narrow topbar content from creating horizontal page scrolling. */
@media(max-width:670px){
  .topbar{gap:9px}
  .topbar-right{flex-shrink:0;gap:0}
  .topbar-right .private-chip{display:none}
  .breadcrumb{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
  .breadcrumb span:first-child{display:none}
  .logout-button{white-space:nowrap;font-size:10px;padding:5px 0}
}

/* KrawallWerk color system — graphite + signal orange; status colors stay semantic. */
::selection{background:#ff891f;color:#1e1309}
:focus-visible{outline-color:var(--orange)}
.primary-button:active{transform:translateY(1px)}
.primary-button:disabled{filter:grayscale(.85);cursor:not-allowed;opacity:.6}
.nav-link.active,.mobile-nav button.active{font-weight:850}
.status-off{color:#aeb9bf}

/* KrawallWerk Pulse private read-only connector: graphite + orange, no decorative fake data. */
.pulse-state-panel{display:flex;align-items:center;gap:16px;padding:18px 21px;border:1px solid #65472f;border-radius:13px;background:linear-gradient(110deg,#2b2119,#202528);margin-bottom:16px;min-width:0}
.pulse-state-panel>div{flex:1;min-width:0}.pulse-state-panel strong{font-size:14px}.pulse-state-panel p{margin:3px 0 0;color:#bbb0a5;font-size:11px;line-height:1.5}
.pulse-dot{width:10px;height:10px;border-radius:50%;background:#7c7d80;flex-shrink:0}
.pulse-dot.online,.mini-status.online{background:#6ad2a0;box-shadow:0 0 11px #6ad2a050}
.status-online{color:#99e7be;background:#1d4031;border-color:#326c51}
.pulse-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:17px}
.pulse-summary-grid .stat-card{min-height:128px}
.pulse-results{margin-bottom:17px}
.pulse-list{min-height:180px;padding:8px 20px}
.pulse-system-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #3b4146;padding:16px 3px;min-width:0}
.pulse-system-row:last-child{border-bottom:0}
.pulse-system-name{flex:1;min-width:0}.pulse-system-name strong{display:block;font-size:13px;overflow-wrap:anywhere}.pulse-system-name small{display:block;font-size:10px;color:#a7a29c;margin-top:2px}
.pulse-system-icon{font-size:18px;color:#fa9a46}
.pulse-latency{font-size:11px;color:#c8b7a5;white-space:nowrap}
.pulse-signal{font-size:10px;font-weight:800;padding:6px 9px;border-radius:7px;white-space:nowrap;background:#323638;color:#ccc4bd}
.pulse-signal.signal-up{background:#234236;color:#9ee0bb}.pulse-signal.signal-down{background:#4c2b26;color:#ffc0ac}
.pulse-signal.signal-stale{background:#403521;color:#edc18a}
@media(max-width:670px){.pulse-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pulse-summary-grid .stat-card{padding:11px 10px;min-height:120px}.pulse-summary-grid .stat-title{font-size:8px;letter-spacing:0}.pulse-summary-grid .stat-value{font-size:30px}.pulse-state-panel{padding:14px;gap:8px}.pulse-state-panel .outline-tag{display:none}.pulse-system-row{gap:7px;flex-wrap:wrap}.pulse-system-name{flex:1 1 55%}.pulse-latency{display:none}.pulse-signal{font-size:9px;padding:5px}}

/* Readable Pulse summary even on very narrow screens. */
@media(max-width:670px){
  .pulse-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .pulse-summary-grid .stat-card{min-height:118px;padding:14px 13px}
  .pulse-summary-grid .stat-card:last-child{grid-column:span 2;min-height:98px}
  .pulse-summary-grid .stat-title{font-size:9px;letter-spacing:.04em}
  .pulse-summary-grid .stat-value{font-size:34px}
}

/* Real-only, admin-requested diagnostics – no fictitious host/network green badges. */
.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:17px}
.diagnostic-card{min-width:0;border:1px solid #3b4245;background:linear-gradient(145deg,#252a2d,#1b2022);border-radius:12px;padding:19px 21px}
.diagnostic-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.diagnostic-card-header strong{font-size:13px;color:#f2f3f2}
.diagnostic-card p{font-size:11px;line-height:1.65;color:#b6aca3;margin:12px 0 0}
.diagnostic-state{border-radius:7px;padding:5px 9px;font-size:10px;font-weight:800;background:#3d3630;color:#f3c08c}
.diagnostic-state.state-ok{background:#244036;color:#9ce4bd}
.diagnostic-state.state-warning{background:#42311f;color:#ffd09b}
.diagnostic-state.state-error{background:#452b27;color:#ffb3a8}
.diagnostic-footer{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
@media(max-width:670px){.diagnostic-grid{grid-template-columns:1fr}.diagnostic-card{padding:15px 16px}.mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-nav button{font-size:10px;padding:9px 0}}
@media(max-width:345px){.mobile-nav button{font-size:9px;letter-spacing:-.04em}}

/* QA Testzentrale: compact, explicitly untrusted test evidence. */
.qa-status-banner{display:flex;align-items:center;gap:15px;border:1px solid #74512d;background:linear-gradient(115deg,#362819,#1e2224);padding:16px 20px;border-radius:12px;margin-bottom:16px;min-width:0}
.qa-status-banner>div{flex:1;min-width:0}.qa-status-banner strong{font-size:13px;color:#ffd6a5}.qa-status-banner p{font-size:11px;color:#c9b9aa;line-height:1.55;margin:5px 0 0}
.qa-status-icon{color:var(--orange);font-size:24px}.qa-status-banner .outline-tag{flex-shrink:0}
.qa-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:17px}
.qa-summary-grid .stat-card{min-height:120px}.qa-summary-grid .stat-title{letter-spacing:.05em;font-size:9px}
.qa-import-panel,.qa-results-panel{margin-bottom:17px;min-width:0}.qa-import-panel{padding-bottom:18px}
.qa-panel-hint,.qa-help{font-size:11px;color:#b8ada3;padding:0 20px;line-height:1.6;margin:10px 0}
.qa-import-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:7px 20px}
.qa-import-form label{font-size:10px;font-weight:800;color:#f0bb89;letter-spacing:.1em}
.qa-import-form input[type=file]{font-size:11px;border:1px dashed #745a47;background:#1c2124;border-radius:8px;color:#d6d1cc;padding:11px;min-width:0;max-width:100%;flex:1}
.qa-import-form input::file-selector-button{border:1px solid #765334;border-radius:5px;background:#3c2d23;color:#f8dfc1;padding:6px 8px;margin-right:9px}
.qa-controls{display:flex;gap:8px;align-items:center}.qa-controls select{background:#22272a;border:1px solid #55504b;border-radius:7px;color:#eeddd0;padding:8px;font-size:11px;max-width:170px}
.qa-results{padding:8px 19px;min-height:135px}
.qa-report{border-bottom:1px solid #404447;padding:16px 2px}.qa-report:last-child{border:0}
.qa-report-header{display:flex;align-items:start;justify-content:space-between;gap:9px}.qa-report-title{min-width:0}.qa-report-title strong{display:block;font-size:13px;color:#f3f3f2}.qa-report-title small{display:block;font-size:10px;color:#acaaa7;margin-top:5px}
.qa-claim{flex-shrink:0;font-size:10px;padding:6px 10px;border-radius:7px;font-weight:750;max-width:45%;text-align:center}
.qa-claim-passed{background:#3c3526;color:#f7d8a0}.qa-claim-failed{background:#482b28;color:#ffb9aa}.qa-claim-neutral{background:#35383b;color:#c5bfb9}
.qa-report-details{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;color:#b1a8a1;font-size:10px;overflow-wrap:anywhere}
.qa-unverified{font-size:9px;font-weight:850;letter-spacing:.055em;color:#ffbf7d;margin-top:11px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:670px){.mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr));gap:0}.mobile-nav button{font-size:9px;padding:9px 0;letter-spacing:-.03em}.qa-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.qa-summary-grid .stat-card{min-height:113px;padding:15px 12px}.qa-summary-grid .stat-card:last-child{grid-column:span 2;min-height:90px}.qa-status-banner{padding:15px;gap:10px}.qa-status-banner .outline-tag{display:none}.qa-import-form{align-items:stretch;flex-direction:column}.qa-import-form input[type=file]{width:100%}.qa-report-header{flex-wrap:wrap}.qa-claim{max-width:100%}.qa-controls{flex-wrap:wrap}}
@media(max-width:350px){.mobile-nav button{font-size:8px}}