/* Admin pages, in the design's tokens: one table style, one input style, no helper lines. */
.adm { display: flex; flex-direction: column; gap: 16px; }
.adm .ph1 { margin: 0; min-height: 40px; align-items: center; }
.adm-filter { max-width: 320px; }
.adm-area .hd h3 { margin: 0; }
.adm-matrix, .adm-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.adm-matrix th, .adm-matrix td, .adm-table th, .adm-table td { padding: 8px 12px; text-align: left; border-bottom: 1px solid var(--line); }
.adm-matrix th, .adm-table th { height: 38px; font-size: 12.5px; font-weight: 500; color: var(--ink-3); }
.adm-matrix tbody tr:last-child td, .adm-table tbody tr:last-child td { border-bottom: 0; }
.adm-matrix tr:hover td, .adm-table tbody tr:hover td { background: var(--hover); }
.adm-matrix th:first-child, .adm-matrix td:first-child, .adm-table th:first-child, .adm-table td:first-child { padding-left: 20px; }
.adm-matrix th:not(:first-child), .adm-matrix td:not(:first-child) { text-align: center; width: 90px; }
.adm-matrix input.chg { outline: 2px solid var(--brand); outline-offset: 1px; }
.adm input[type="checkbox"] { accent-color: var(--brand); width: 16px; height: 16px; }
.adm select, .adm input[type="text"], .adm input[type="number"], .adm input[type="search"], .adm input[type="password"] {
  height: 32px; padding: 0 10px; border: 1px solid var(--ctl); border-radius: var(--r-sm); background: var(--surface); font: inherit; font-size: 13.5px; color: var(--ink); }
.adm select:disabled { background: var(--sunken); color: var(--ink-3); }
.adm input:focus, .adm select:focus { outline: 0; border-color: var(--brand); box-shadow: 0 0 0 4px rgba(105, 58, 148, .14); }
.adm-set { display: flex; align-items: center; gap: 12px; padding: 8px 0; }
.adm-set > span:first-child { flex: 1; }
.adm-set input[type="number"] { width: 140px; text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 720px) { .adm-matrix, .adm-table { display: block; overflow-x: auto; } }