/* Admin page. Reuses .card/.btn/.drv-field/.co-segmented/.eyebrow etc
   from other pages' stylesheets; only admin-specific layout here. */

.adm-tabs { display: flex; flex-wrap: wrap; align-self: flex-start; gap: 4px; padding: 4px; background: var(--surface); border: 1px solid var(--line); border-radius: 999px; }
.adm-tab-btn { height: 30px; padding: 0 14px; border: none; border-radius: 999px; font-family: var(--font-display); font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; cursor: pointer; background: transparent; color: var(--ink-2); }
.adm-tab-btn.is-active { background: #2c6ed1; color: #fff; }

.adm-section-head { display: flex; align-items: center; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--line-soft); }
.adm-table-head { display: grid; gap: 10px; align-items: center; padding: 9px 18px; background: var(--surface-2); border-bottom: 1px solid var(--line); }
.adm-table-head span { font-family: var(--font-display); font-size: 9.5px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }
.adm-table-row { display: grid; gap: 10px; align-items: center; padding: 9px 18px; border-bottom: 1px solid var(--line-soft); }

.adm-rec-list-col { flex: 1 1 260px; min-width: 0; max-width: 330px; min-height: 260px; display: flex; flex-direction: column; gap: 10px; }
.adm-rec-detail-col { flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.adm-rec-row { display: flex; align-items: center; gap: 10px; padding: 11px 13px 11px 10px; border-bottom: 1px solid var(--line-soft); cursor: pointer; border-left: 3px solid transparent; }
.adm-rec-row:hover { background: var(--hover); }
.adm-rec-row.is-selected { background: var(--chip-on); border-left-color: var(--blue-500); }
.adm-rec-avatar { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--surface-3); font-family: var(--font-display); font-size: 10px; font-weight: 700; color: var(--ink-2); }
.adm-stat-box { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 4px; padding: 9px 12px 10px; border: 1px solid var(--line-soft); border-radius: 10px; background: var(--surface-2); }
.adm-stat-box-value { font-family: var(--font-display); font-size: 20px; font-weight: 800; line-height: 1; color: var(--ink); }

.adm-co-group { overflow: hidden; }
.adm-co-group-head { display: flex; align-items: center; gap: 10px; padding: 13px 16px; cursor: pointer; background: transparent; border: none; width: 100%; text-align: left; }
.adm-co-group-head svg { transition: transform 140ms var(--ease-out); }
.adm-co-group-head.is-open svg { transform: rotate(90deg); }
.adm-pos-grid { display: grid; grid-template-columns: 34px minmax(0,1fr) 168px 40px; gap: 10px; align-items: center; }
.adm-pos-row { padding: 10px 16px; border-bottom: 1px solid var(--line-soft); }

.adm-ra-grid { display: grid; grid-template-columns: 34px minmax(0,1fr) 132px 122px 150px; gap: 10px; align-items: center; }
.adm-exp-field-box { min-width: 0; display: flex; flex-direction: column; gap: 12px; padding: 13px 14px 15px; border: 1px solid var(--line-soft); border-radius: 12px; background: var(--surface-2); }
.adm-analytics-grid { display: grid; gap: 10px; align-items: center; }

.adm-log-grid { display: grid; grid-template-columns: 158px 110px minmax(0,1fr); gap: 10px; align-items: center; }