/* admin pages: layouts matched to the prototype. Shared components live in app.css. */

/* ---------- Page head with an eyebrow line (date, record type) ---------- */
.page-head .a-eyebrow{display:block;margin-bottom:8px}
.page-head .a-eyebrow .mono{letter-spacing:.04em}

/* ---------- Work queue entries (the prototype's .entry) ---------- */
.q-list{display:flex;flex-direction:column;gap:12px}
.q-sec + .q-sec{margin-top:32px}
.q-sec > .between{margin-bottom:12px}
.q-sec > .between h2{display:flex;align-items:center;gap:10px}
.q-sec > .hint{margin:-4px 0 12px;max-width:72ch}
.q-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px}
.q-item.done{background:transparent}
.q-when{font:700 .76rem/1.3 var(--font-m);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.q-when.late{color:var(--bad)}
.q-item h3{margin-top:4px;font-size:1.12rem;overflow-wrap:anywhere}
.q-item h3 a{color:inherit;text-decoration:none}
.q-item h3 a:hover{color:var(--brand);text-decoration:underline}
.q-meta{color:var(--muted);font-size:.88rem;margin-top:4px;overflow-wrap:anywhere}
.q-meta a{color:inherit}
.q-body{margin-top:10px;display:flex;flex-direction:column;gap:8px;min-width:0}
.q-body .t-note,.q-body ul.flags,.q-body .evid{margin-top:0}
.q-flag{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:280px}
.q-foot{grid-column:1/-1;display:flex;gap:10px 16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:12px;border-top:1px dashed var(--line)}
.q-foot > .hint{flex:1 1 220px;min-width:0}
.q-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-left:auto}
.q-acts form{margin:0;display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.q-acts input[type=number]{width:72px;min-height:34px;padding:4px 10px}
@media (max-width:560px){
  .q-item{grid-template-columns:1fr}
  .q-flag{justify-content:flex-start;max-width:none}
  .q-acts{margin-left:0}
}

/* ---------- Filter row above a table (search + selects + button) ---------- */
.a-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.a-filter input[type=search],.a-filter input[type=text]{flex:1 1 260px;min-height:42px;width:auto}
.a-filter select{width:auto;min-height:42px;flex:0 1 auto}
.a-filter .btn{min-height:42px}

/* ---------- Clean tables ---------- */
.a-tbl{margin-top:0}
.a-tbl td{vertical-align:middle}
.a-tbl td .hint{display:block;margin-top:1px}
.a-tbl td.act{text-align:right;width:1%}
.a-tbl td.act .row{justify-content:flex-end;flex-wrap:nowrap}
.a-tbl td.act form{margin:0}
.a-tbl td.act select{width:auto;min-height:34px;padding:4px 10px;font-size:.86rem}
.a-tbl a.name{color:var(--ink);text-decoration:none;font-weight:700}
.a-tbl a.name:hover{color:var(--brand);text-decoration:underline}
.a-tbl code{font-size:.8rem}
.a-tbl-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.a-tbl-count{font-size:.86rem;color:var(--muted);margin-bottom:8px}

/* ---------- Overview ---------- */
.a-home-stats{margin-bottom:22px}
.a-home-stats .meter{margin-top:8px}
.a-home-stats details{margin-top:8px}
.a-home-stats details summary{cursor:pointer;color:var(--brand);font-weight:600;font-size:.84rem}
.a-home .chart-row{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* ---------- Side box (health on System) ---------- */
.a-side .dl{margin-top:10px}
.a-side .dl dd .chip{white-space:normal}
.a-side .btn{margin-top:14px;align-self:flex-start}

/* ---------- Record pages ---------- */
.record-head .a-eyebrow{display:block;margin-bottom:8px}
.a-side .dl.stacked{grid-template-columns:1fr;gap:4px}
.a-side .dl.stacked dd{margin-bottom:8px}
@media (max-width:860px){.a-home .cols > .narrow{order:-1}}