/* Admin: the status band, the jump bar, and its sections as the shared folding
   cards (gray title band, hairline frame) under four group labels. Form
   controls and buttons are the system's; only the file picker needs dressing. */
@layer pages{

.adm-status{margin-bottom:var(--s4)}
.adm-cell.warn .v{color:var(--bad)}
.adm-cell.good .v{color:var(--good)}

/* The jump bar: four quiet links drawn like the secondary button. */
.adm-jump{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0 0 var(--s4)}
.adm-jump a{display:inline-flex;align-items:center;height:calc(var(--s5) + var(--s2));padding:0 var(--s3);
  font-size:var(--t6);font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r2)}
.adm-jump a:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}

/* A group label over the cards that belong to it: a ruled caption, then cards. */
.adm-group{display:flex;align-items:center;gap:var(--s3);margin:var(--s5) 0 var(--s3);scroll-margin-top:calc(var(--hd-h,0px) + var(--s6))}
.adm-group:first-of-type{margin-top:var(--s1)}
.adm-gl{font-size:var(--t6);font-weight:700;color:var(--ink-2);white-space:nowrap}
.adm-group::after{content:"";flex:1;height:1px;background:var(--line-strong)}
.adm-panel .card.sect{margin-bottom:var(--s3)}
.adm-panel .sub-h{margin:var(--s5) 0 var(--s2);font-size:var(--t5)}
.adm-panel .sect-b > .hint:first-child{margin-top:0}

/* The open-disputes count beside the queue title: a plain figure, like a tab count. */
.pillcount{font-family:var(--f-num);font-size:var(--t7);font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums slashed-zero}

/* The file picker: a dashed drop sheet holding the system's secondary button. */
.adm-panel input[type=file]{display:block;width:100%;max-width:40rem;height:auto;padding:var(--s4);cursor:pointer;
  font-size:var(--t6);color:var(--ink-2);background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--r2)}
.adm-panel input[type=file]:hover{border-color:var(--accent);background:var(--accent-soft)}
.adm-panel input[type=file]::file-selector-button{height:calc(var(--s5) + var(--s2));margin-right:var(--s3);padding:0 var(--s3);cursor:pointer;
  font:inherit;font-size:var(--t6);font-weight:700;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r2)}
.adm-panel input[type=file]::file-selector-button:hover{background:var(--surface-2)}
.adm-panel input[type=file]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Action rows that start at the left edge (import, thresholds). */
.adm-acts{justify-content:flex-start;margin-top:var(--s2)}

/* ---- AI report: rows that open what was read, and the owner's answers ---- */
.ai-open,.ai-link{display:inline-flex;align-items:center;gap:var(--s1);min-height:var(--s5);padding:2px 0;text-align:left;cursor:pointer;
  font-weight:600;color:var(--accent);background:none;border:0}
.ai-open::after{content:"";flex:none;width:var(--s2);height:var(--s2);border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.ai-open:hover,.ai-link:hover{text-decoration:underline}
.ai-train{max-width:80ch;margin:0 0 var(--s1)}
.ai-call,.ai-saved{max-width:90ch;margin:var(--s2) 0 0;font-size:var(--t6);overflow-wrap:anywhere}
.ai-saved{margin:0 0 var(--s2)}
.ai-note{margin-top:var(--s3)}
.ai-ans{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line)}
.ai-ask{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3)}
.ai-ask > .job-lab{flex-basis:100%}
.ai-btns{display:flex;flex-wrap:wrap;gap:var(--s1)}
.ai-btns .btn[aria-pressed="true"]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}
.ai-noteinp{flex:1 1 13.75rem;min-width:0;height:auto;min-height:calc(var(--s5) + var(--s2));padding:var(--s1) var(--s3);font-size:var(--t6)}
.ai-msg{flex-basis:100%;min-height:1em;font-size:var(--t7);color:var(--ink-2)}
.ai-msg:empty{display:none}
.ai-rr{margin:var(--s3) 0 0;font-size:var(--t7);color:var(--ink-2)}
}