/* admin.css — Administration page (3.6.2): collapsible sections, closed by default.
   Tokens from styles.css only, so both themes follow html[data-theme]. */
.adm-head { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.adm-head h2 { margin: 0; }
.adm-intro { margin: 0 0 1rem; max-width: 70ch; }
.adm-sec { padding: 0; margin: 0 0 0.75rem; overflow: hidden; }
.adm-sec > summary { list-style: none; cursor: pointer; display: flex; align-items: baseline;
  gap: 0.8rem; flex-wrap: wrap; padding: 0.95rem 1.1rem; }
.adm-sec > summary::-webkit-details-marker { display: none; }
.adm-sec > summary::before { content: "\25B8"; color: var(--muted); font-size: 0.8rem;
  transition: transform .15s; display: inline-block; }
.adm-sec[open] > summary::before { transform: rotate(90deg); }
.adm-sec > summary:hover { background: var(--hover); }
.adm-sec > summary:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
.adm-t { font-weight: 650; font-size: 1rem; }
.adm-h { color: var(--muted); font-size: 0.84rem; }
.adm-body { padding: 0 1.1rem 1.1rem; border-top: 1px solid var(--border); padding-top: 0.9rem; }
/* The Phase E tools build their own .card with a title; inside a section the
   summary is the title, so the inner card is flattened. */
.adm-body > .card { border: 0; box-shadow: none; padding: 0; margin: 0; background: none; }
.adm-body > .card > h3 { display: none; }
.adm-scroll { max-height: 460px; overflow: auto; }
.adm-health { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.adm-health th, .adm-health td { text-align: left; padding: 0.4rem 0.5rem;
  border-bottom: 1px solid var(--border); }
.adm-health th { color: var(--muted); font-weight: 500; font-size: 0.8rem; }
.adm-health td:first-child { width: 1.5rem; }
@media print { .adm-sec { break-inside: avoid; } }

/* Phase E tool tables (moved from an injected <style>, which the CSP refused). */

.adm-table input[type=text]{width:110px}
.adm-table input.adm-desc{width:180px}
.adm-table input[type=time]{width:78px}
.adm-table input[type=date]{width:118px}
.adm-table td{vertical-align:middle}
.adm-sync{opacity:.6;font-size:.85em}
#adm-imp-result table, #adm-result table{margin-top:8px}

/* Field schema editor: one line per field. The row carries ten controls
   (key, label, Jira id, input, req, report, on, up, down, remove); the V1
   grid had eight columns, so the arrows and x wrapped onto their own line. */
#view-admin .schema-row {
  grid-template-columns: minmax(110px, 1fr) minmax(130px, 1.2fr) minmax(140px, 1.3fr)
                         minmax(110px, 0.9fr) auto auto auto 2rem 2rem 2rem;
}
#view-admin .schema-row .schema-move, #view-admin .schema-row > button:last-of-type {
  padding: 0.2rem 0; min-width: 2rem; }
@media (max-width: 900px) {
  #view-admin .schema-row { grid-template-columns: 1fr 1fr; }
  #view-admin .schema-head { display: none; }
}