/* COBH Administration Dashboard (Screen 8) — visually distinct from the Research Data Hub. */
.ad-page { background: #EEF1F6; }
.ad-gate { background: linear-gradient(160deg, #0B1B33 0%, #13315C 100%); }
.ad-side { background: #0B1B33; }
.ad-side .rh-nav a[aria-current="page"] { background: #1E63D5; color: #fff; }
.ad-side .rh-nav a[aria-current="page"] svg.i { color: #fff; }
.ad-top { background: #13315C; border-bottom: 0; }
.ad-top .rh-top__kicker { color: #B9CBE4; } .ad-top .rh-top__title { color: #fff; }
.ad-top .rh-iconbtn { color: #fff; }
.ad-cards { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ad-tabs { display: flex; gap: 6px; border-bottom: 1px solid var(--border); margin-bottom: var(--s4); }
.ad-tabs button { border: 0; background: none; padding: 10px 16px; font-family: var(--font-head); font-weight: 600; color: var(--text-2-strong); border-bottom: 3px solid transparent; cursor: pointer; }
.ad-tabs button[aria-selected="true"] { color: var(--navy); border-bottom-color: #1E63D5; }
.ad-chart { width: 100%; height: auto; max-height: 260px; }
.ad-grid { stroke: #E2E8F0; } .ad-tick { font-size: 11px; fill: #64748B; font-family: var(--font-body); }
.ad-line { fill: none; stroke-width: 3; stroke-linejoin: round; } .ad-line--a { stroke: #1E63D5; } .ad-line--b { stroke: #16A34A; }
.ad-legend { display: flex; gap: 10px; align-items: center; font-size: .8125rem; color: var(--text-2-strong); margin-top: 6px; }
.ad-key { display: inline-block; width: 18px; height: 4px; border-radius: 2px; } .ad-key--a { background: #1E63D5; } .ad-key--b { background: #16A34A; margin-left: 12px; }
.ad-small { font-size: 1rem !important; }
.ad-form { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--s3) var(--s4); align-items: start; }
.ad-form__btn { align-self: end; }
.ad-dl { display: grid; grid-template-columns: 220px 1fr; gap: 8px 16px; margin: 0; }
.ad-dl dt { font-weight: 700; color: var(--navy); } .ad-dl dd { margin: 0; }
.rh-input--sm { min-height: 38px; padding: 6px 8px; font-size: .875rem; }
.btn--sm { min-height: 36px; padding: 6px 12px; font-size: .8125rem; }
@media (max-width: 1180px) { .ad-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) { .ad-cards { grid-template-columns: 1fr 1fr; } .ad-dl { grid-template-columns: 1fr; } }