@import url("avds-tokens.css");

:root { color-scheme: light; --bg:hsl(var(--avds-background)); --surface:hsl(var(--avds-card)); --muted:hsl(var(--avds-muted)); --text:hsl(var(--avds-foreground)); --dim:hsl(var(--avds-muted-foreground)); --line:hsl(var(--avds-border)); --blue:hsl(var(--avds-primary)); --blue-text:hsl(var(--avds-primary-foreground)); --danger:#b42318; --ok:#16754c; --warn:#9a6700; --radius:var(--avds-radius); --sans:var(--avds-font-dashboard); --mono:var(--avds-font-mono); }
* { box-sizing:border-box; } html { background:var(--bg); } body { margin:0; color:var(--text); background:var(--bg); font:14px/1.45 var(--sans); } button,input,select { font:inherit; } button,select,input { min-height:2.5rem; } button { cursor:pointer; } a { color:inherit; } :focus-visible { outline:3px solid hsl(var(--avds-ring) / .45); outline-offset:2px; }
.qc-shell { width:min(100% - 40px, 1320px); margin-inline:auto; }.qc-header { border-bottom:1px solid var(--line); background:var(--surface); }.qc-header__inner { min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }.qc-brand { display:flex; align-items:baseline; gap:.45rem; font-weight:700; text-decoration:none; white-space:nowrap; }.qc-brand svg { width:1.25rem; height:1.25rem; fill:var(--blue); flex:none; }.qc-brand small { color:var(--dim); font-size:.8rem; font-weight:400; }.qc-header__session { display:flex; align-items:center; gap:.65rem; color:var(--dim); font-size:.85rem; }
.qc-layout { display:grid; grid-template-columns:164px minmax(0,1fr); gap:clamp(1.25rem,3vw,3rem); padding-block:1.25rem 3rem; }.qc-nav { align-self:start; position:sticky; top:1rem; display:grid; gap:2px; }.qc-nav a { min-height:2.45rem; display:flex; align-items:center; padding:0 .7rem; border-radius:var(--radius); color:var(--dim); text-decoration:none; }.qc-nav a:hover { color:var(--text); background:var(--muted); }.qc-nav a[aria-current="page"] { color:var(--text); background:var(--surface); box-shadow:inset 2px 0 0 var(--blue); font-weight:700; }.qc-main { min-width:0; }.qc-feedback { min-height:0; }.qc-feedback:not(:empty) { margin-bottom:1rem; padding:.7rem .85rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }.qc-feedback[data-kind="error"] { border-color:#e7b9b5; color:#7a271a; }.qc-feedback[data-kind="success"] { border-color:#afd9c4; color:#075c35; }
.qc-pagehead { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }.qc-kicker { margin:0 0 .15rem; color:var(--dim); font-size:.78rem; letter-spacing:.04em; text-transform:uppercase; }.qc-pagehead h1 { margin:0; font-size:clamp(1.45rem,3vw,2rem); line-height:1.14; letter-spacing:-.025em; }.qc-pagehead p { margin:.4rem 0 0; color:var(--dim); }.qc-actions { display:flex; flex-wrap:wrap; gap:.5rem; justify-content:flex-end; }.qc-button { display:inline-flex; align-items:center; justify-content:center; min-height:2.5rem; padding:.45rem .75rem; border:1px solid var(--line); border-radius:var(--radius); color:var(--text); background:var(--surface); font-weight:600; text-decoration:none; }.qc-button:hover { background:var(--muted); }.qc-button--primary { border-color:var(--blue); color:var(--blue-text); background:var(--blue); }.qc-button--danger { border-color:#d92d20; color:#fff; background:#b42318; }.qc-button:disabled { opacity:.55; cursor:not-allowed; }
.qc-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin-bottom:1.25rem; }.qc-metric,.qc-panel { border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }.qc-metric { padding:.85rem; }.qc-metric dt { color:var(--dim); font-size:.8rem; }.qc-metric dd { margin:.25rem 0 0; font-size:1.35rem; font-weight:700; line-height:1.15; font-variant-numeric:tabular-nums; }.qc-metric small { display:block; margin-top:.35rem; color:var(--dim); }.qc-panel { margin-bottom:1rem; overflow:hidden; }.qc-panel__header { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding:.8rem .9rem; border-bottom:1px solid var(--line); }.qc-panel__header h2 { margin:0; font-size:1rem; }.qc-panel__header a { color:var(--blue); font-size:.85rem; }.qc-panel__body { padding:.9rem; }.qc-stack { display:grid; gap:1rem; }.qc-split { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr); gap:1rem; }
.qc-table-wrap { overflow:auto; }.qc-table { width:100%; border-collapse:collapse; font-size:.88rem; }.qc-table th,.qc-table td { padding:.65rem .75rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }.qc-table th { color:var(--dim); background:color-mix(in srgb,var(--surface) 75%,var(--muted)); font-size:.76rem; font-weight:600; letter-spacing:.025em; text-transform:uppercase; white-space:nowrap; }.qc-table tr:last-child td { border-bottom:0; }.qc-table td { overflow-wrap:anywhere; }.qc-table td a { color:var(--blue); font-weight:600; }.qc-mono { font-family:var(--mono); font-size:.83em; overflow-wrap:anywhere; }.qc-status { display:inline-flex; align-items:center; gap:.35rem; white-space:nowrap; font-size:.82rem; }.qc-status::before { content:""; width:.5rem; height:.5rem; border-radius:50%; background:var(--dim); }.qc-status[data-state="success"],.qc-status[data-state="accepted"],.qc-status[data-state="completed"] { color:var(--ok); }.qc-status[data-state="success"]::before,.qc-status[data-state="accepted"]::before,.qc-status[data-state="completed"]::before { background:var(--ok); }.qc-status[data-state="failed"],.qc-status[data-state="rejected"],.qc-status[data-state="error"] { color:var(--danger); }.qc-status[data-state="failed"]::before,.qc-status[data-state="rejected"]::before,.qc-status[data-state="error"]::before { background:var(--danger); }.qc-status[data-state="pending"],.qc-status[data-state="queued"],.qc-status[data-state="running"] { color:var(--warn); }.qc-status[data-state="pending"]::before,.qc-status[data-state="queued"]::before,.qc-status[data-state="running"]::before { background:var(--warn); }
.qc-filters,.qc-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; align-items:end; }.qc-field { min-width:0; display:grid; gap:.3rem; }.qc-field label { color:var(--dim); font-size:.82rem; }.qc-field input,.qc-field select { width:100%; padding:.45rem .55rem; border:1px solid var(--line); border-radius:var(--radius); color:var(--text); background:var(--surface); }.qc-filter-actions { display:flex; gap:.5rem; align-items:end; }.qc-empty,.qc-state { display:grid; justify-items:center; gap:.6rem; padding:2.25rem 1rem; color:var(--dim); text-align:center; }.qc-empty p,.qc-state p { max-width:38rem; margin:0; }.qc-state--error { color:#7a271a; }.qc-spinner { width:1.25rem; height:1.25rem; border:2px solid var(--line); border-top-color:var(--blue); border-radius:50%; animation:qc-spin .8s linear infinite; } @keyframes qc-spin { to { transform:rotate(360deg); } }
.qc-detail { display:grid; gap:1rem; }.qc-facts { margin:0; display:grid; grid-template-columns:minmax(10rem,.7fr) 1fr; }.qc-facts div { display:contents; }.qc-facts dt,.qc-facts dd { margin:0; padding:.55rem 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }.qc-facts dt { color:var(--dim); }.qc-facts div:last-child dt,.qc-facts div:last-child dd { border-bottom:0; }.qc-output { max-height:28rem; margin:0; padding:.8rem; overflow:auto; border-radius:var(--radius); background:#18212b; color:#e6edf3; font:12px/1.5 var(--mono); white-space:pre-wrap; overflow-wrap:anywhere; }.qc-note { margin:0; color:var(--dim); font-size:.87rem; }.qc-auth { max-width:42rem; margin:clamp(2rem,8vh,6rem) auto; padding:1.25rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }.qc-auth h1 { margin:0 0 .5rem; font-size:1.5rem; }.qc-auth p { color:var(--dim); }.qc-auth__actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem; }
.qc-skip { position:fixed; z-index:4; top:.5rem; left:.5rem; transform:translateY(-150%); padding:.6rem .75rem; border-radius:var(--radius); color:var(--blue-text); background:var(--blue); }.qc-skip:focus { transform:translateY(0); }
.qc-status[data-state="ready"],.qc-status[data-state="saved"],.qc-status[data-state="confirmed"] { color:var(--ok); }.qc-status[data-state="ready"]::before,.qc-status[data-state="saved"]::before,.qc-status[data-state="confirmed"]::before { background:var(--ok); }.qc-status[data-state="review_required"],.qc-status[data-state="pending_save"],.qc-status[data-state="running_or_unknown"],.qc-status[data-state="reconciliation_required"],.qc-status[data-state="estimated"] { color:var(--warn); }.qc-status[data-state="review_required"]::before,.qc-status[data-state="pending_save"]::before,.qc-status[data-state="running_or_unknown"]::before,.qc-status[data-state="reconciliation_required"]::before,.qc-status[data-state="estimated"]::before { background:var(--warn); }.qc-status[data-state="fail_closed"],.qc-status[data-state="degraded"],.qc-status[data-state="unverifiable"] { color:var(--danger); }.qc-status[data-state="fail_closed"]::before,.qc-status[data-state="degraded"]::before,.qc-status[data-state="unverifiable"]::before { background:var(--danger); }
.qc-form-actions { grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }.qc-form-actions .qc-form-hint { flex:1 1 18rem; }.qc-form-hint,.qc-cost-note { display:block; color:var(--dim); font-size:.82rem; overflow-wrap:anywhere; }.qc-cost-note { margin-top:.2rem; }.qc-pagination { display:flex; justify-content:flex-end; margin-top:.25rem; }.qc-compact-list { display:grid; gap:.55rem; margin:0; padding-left:1.1rem; }.qc-compact-list a { color:var(--blue); font-family:var(--mono); overflow-wrap:anywhere; }.qc-capabilities { display:grid; gap:.8rem; }.qc-capabilities > div { padding-bottom:.75rem; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }.qc-capabilities > div:last-child { padding-bottom:0; border-bottom:0; }.qc-capabilities p { margin:.3rem 0 0; color:var(--dim); font-size:.86rem; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } }
@media (max-width:1023px) { .qc-shell { width:min(100% - 28px,1320px); }.qc-header__inner { min-height:52px; }.qc-brand small { display:none; }.qc-layout { display:block; padding-top:.75rem; }.qc-nav { position:static; grid-template-columns:repeat(5,minmax(max-content,1fr)); overflow-x:auto; margin:0 -14px 1.25rem; padding:0 14px .25rem; }.qc-nav a { justify-content:center; padding:0 .55rem; font-size:.82rem; }.qc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.qc-pagehead,.qc-panel__header { align-items:flex-start; flex-direction:column; }.qc-actions { justify-content:flex-start; }.qc-split,.qc-filters,.qc-form { grid-template-columns:1fr; }.qc-filter-actions { align-items:center; }.qc-table th,.qc-table td { padding:.55rem .6rem; }.qc-facts { grid-template-columns:1fr; }.qc-facts dt { padding-bottom:.1rem; border-bottom:0; }.qc-facts dd { padding-top:.1rem; } }

@media (max-width:1023px) { .qc-button,button,input,select,.qc-nav a { min-height:44px; } }
.qc-grid:has(> :last-child:nth-child(3)) { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:600px) { .qc-grid:has(> :last-child:nth-child(3)) { grid-template-columns:1fr; } }

.qc-profile-name { display:block; min-width:10rem; overflow-wrap:normal; }

[hidden] { display:none !important; }
.qc-status:is([data-state="delivery_expired"],[data-state="expired"],[data-state="not_retained"]) { color:var(--danger); }
.qc-status:is([data-state="delivery_expired"],[data-state="expired"],[data-state="not_retained"])::before { background:var(--danger); }

.qc-table { min-width:760px; }
.qc-table--runs { min-width:1024px; }
.qc-table:has(.qc-empty) { min-width:0; }
.qc-table:has(.qc-empty) thead { display:none; }

.qc-table--profiles { min-width:1120px; }
.qc-table--profiles td { overflow-wrap:normal; }
.qc-table--profiles td:last-child { min-width:14rem; }

.qc-form { align-items:start; }
.qc-source-review,.qc-decision-form { display:grid; gap:.85rem; }
.qc-check { display:grid; gap:.45rem; padding-bottom:.85rem; border-bottom:1px solid var(--line); }
.qc-check:last-child { padding-bottom:0; border-bottom:0; }
.qc-check h3 { margin:0; font-size:.92rem; }
.qc-decision-form textarea { width:100%; min-height:7rem; padding:.55rem; resize:vertical; border:1px solid var(--line); border-radius:var(--radius); color:var(--text); background:var(--surface); }
.qc-source-output { max-height:20rem; }
.qc-source-unavailable { color:#7a271a; }