/* Behind the counter: dense tables, the same paper and ink. */
.admin-nav {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 1.25rem;
  margin-bottom: 1.75rem; padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--rule);
  font-size: 0.95rem;

  a { color: var(--ink); text-decoration: none; }
  a:hover, a[aria-current=page] { text-decoration: underline; }
  a[aria-current=page] { font-weight: 600; }
}

.admin-stats {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 1px;
  margin: 0 0 2rem;
  border: 1px solid var(--rule); background: var(--rule);

  div { padding: 0.9rem 1rem; background: #fff; }
  dd { margin: 0.35rem 0 0; font-size: 1.6rem; }
}

.admin-search {
  display: grid; gap: 0.35rem; max-width: 34rem; margin-bottom: 2rem;
}
.admin-search__row { display: flex; gap: 0.5rem; }
.admin-search--inline { margin: 0; min-width: min(20rem, 100%); }

input[type=search] {
  width: 100%;
  padding: 0.6em 0.75em;
  border: 1px solid var(--rule); border-radius: var(--radius);
  background: #fff; color: var(--ink); font: inherit;
  &:focus { outline: 2px solid var(--hardware); outline-offset: -1px; border-color: transparent; }
}

.admin-section { margin-top: 2.25rem; }

.admin-facts {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 1rem 2rem;
  margin: 0 0 1rem;
  dd { margin: 0.25rem 0 0; }
}

.admin-table {
  width: 100%; border-collapse: collapse;
  font-size: 0.92rem;

  th { font: 500 0.72rem/1.2 var(--mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-soft); text-align: left; }
  th, td { padding: 0.55rem 0.75rem 0.55rem 0; border-bottom: 1px solid var(--rule); vertical-align: top; }
  .num { text-align: right; font-variant-numeric: tabular-nums; }
  pre { margin: 0.5rem 0 0; white-space: pre-wrap; font: 0.8rem/1.45 var(--mono); }
}
.admin-table__bad { color: var(--mark); }
.admin-table__detail td { border-top: 0; padding-top: 0; }

@media (max-width: 760px) {
  .admin-table { display: block; overflow-x: auto; }
}

.admin-nav__count {
  display: inline-grid; place-items: center; min-width: 1.4em; padding: 0 0.35em;
  border-radius: 999px; background: var(--mark); color: #fff;
  font: 600 0.72rem/1.4 var(--mono);
}

.admin-filter { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.25rem; }
.admin-filter .chip[aria-current=page] { border-color: var(--ink); background: var(--ink); color: var(--paper); }

.admin-status {
  font: 600 0.72rem/1.3 var(--mono); letter-spacing: 0.04em; text-transform: uppercase;
  padding: 0.15em 0.5em; border: 1.5px solid currentColor; border-radius: var(--radius); white-space: nowrap;
}
.admin-status--reported { color: var(--mark); }
.admin-status--triaged { color: var(--material); }
.admin-status--dismissed { color: var(--ink-soft); }

.admin-table__off td { color: var(--ink-soft); }

.admin-problem {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 2.5rem; align-items: start;
}
.admin-problem__report { margin: 1.25rem 0; padding: 1rem 1.1rem; border-left: 3px solid var(--mark); background: #fff; }
.admin-problem__report p:last-child { margin-bottom: 0; }
.admin-problem__photos { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; img { border: 1px solid var(--rule); border-radius: var(--radius); } }

.admin-triage {
  padding: 1.25rem; border: 1px solid var(--rule); border-radius: var(--radius); background: #fff;
  h2 { margin-top: 0; }
}
.admin-triage__dismiss { margin-top: 1.5rem; summary { cursor: pointer; color: var(--ink-soft); } form { margin-top: 1rem; } }

@media (max-width: 860px) {
  .admin-problem { grid-template-columns: minmax(0, 1fr); }
}

/* Billing: refunds, free unlocks and credits */
.admin-section h3 { margin-top: 1.5rem; }
.admin-comps { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 1rem; form { margin: 0; } }
.admin-credits { margin: 0 0 1rem; padding-left: 1.2rem; display: grid; gap: 0.3rem; }
.admin-credit-form {
  display: grid; gap: 0 1rem; align-items: end;
  grid-template-columns: 7rem 7rem minmax(10rem, 1fr) minmax(14rem, 2fr) auto;
  .button { margin-bottom: 1.1em; }
}
@media (max-width: 760px) { .admin-credit-form { grid-template-columns: 1fr 1fr; } .admin-credit-form__note { grid-column: 1 / -1; } }

/* AI usage */
.ai-usage__stats { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
.ai-usage__filters { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: -0.5rem 0 1.25rem; a { text-decoration: none; } }
.ai-usage__bar-cell { width: 18%; }
.ai-usage__bar { display: block; height: 0.6rem; margin-top: 0.3rem; width: var(--share); min-width: 1px; background: var(--hardware); border-radius: 1px; }
.ai-usage__failed td { background: color-mix(in srgb, var(--mark) 6%, transparent); }
.ai-usage__log { font-size: 0.85rem; }
@media (max-width: 760px) { .ai-usage__bar-cell { display: none; } }
.ai-usage__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.5rem 1rem; }
.ai-usage__details { margin-top: 1.25rem; summary { cursor: pointer; margin-bottom: 0.75rem; } }

.ai-usage__tools { margin: 0.3rem 0 0; padding-left: 1rem; font-size: 0.8rem; }
.admin-turn { padding: 1rem; border-left: 3px solid var(--hardware); background: var(--sel-soft); }
/* Plan quality: the headline share leads the stats. */
.admin-stats .scorecard__headline { background: var(--paper); }
.admin-stats .scorecard__headline dd { font-size: 2.2rem; font-weight: 600; }
.scorecard__of { font-size: 0.8rem; }

/* Evals: golden brief runs */
.eval-start__briefs { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: 0.35rem 1.5rem; }
.eval-start__budget input { max-width: 8rem; }
.admin-status--pending, .admin-status--running { color: var(--hardware); }
.admin-status--finished, .admin-status--scored { color: var(--material); }
.admin-status--stopped, .admin-status--skipped { color: var(--ink-soft); }
.admin-status--failed { color: var(--mark); }
.eval-result h2 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.6rem; }
.eval-result__score { font-size: 1rem; }
.eval-result__delta { font-size: 0.8rem; color: var(--material); }
.eval-result__mark { width: 3.5rem; font: 600 0.72rem/1.4 var(--mono); text-transform: uppercase; }
.eval-result__mark--pass { color: var(--material); }
.eval-result__judgement { margin-top: 0.75rem; }
.eval-result__judgement summary { cursor: pointer; }
.eval-result__delta.admin-table__bad { color: var(--mark); }