.admin-heading,.admin-report-heading,.admin-pagination {display:flex;align-items:center;justify-content:space-between;gap:20px}
.admin-heading,.admin-reports {padding:28px}
.admin-heading h1 {margin:8px 0;font-size:clamp(30px,4vw,42px)}
.admin-heading p,.admin-report-heading p {color:var(--muted);margin-bottom:0}
.admin-notice {padding:16px 20px;background:#fff8ec;border:1px solid #efd8ac;border-radius:14px;color:#745d38}
.admin-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.admin-summary div {padding:22px;background:white;border:1px solid var(--line);border-radius:var(--radius)}
.admin-summary dt {color:var(--muted);font-size:12px}
.admin-summary dd {margin:10px 0 0;font-weight:700;font-size:24px;color:var(--jade);overflow-wrap:anywhere}
.admin-gold-summary {grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-gold-summary div {background:#fff8ec;border-color:#efd8ac}
.admin-gold-summary dd {color:#745d38}
.admin-tabs {display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}
.admin-tabs button {border:0;border-radius:10px;background:var(--soft);color:var(--ink);padding:12px 16px;font-weight:700}
.admin-tabs button[aria-current] {background:var(--jade);color:white}
.admin-report-heading {align-items:flex-start}
.admin-report-heading h2 {margin:0}
.admin-report-heading .btn {flex-shrink:0}
.admin-table-scroll {overflow:auto;max-height:650px;border:1px solid var(--line);border-radius:12px}
#admin-table {border-collapse:collapse;width:100%;font-size:12px;text-align:left}
#admin-services {border-collapse:collapse;width:100%;font-size:12px;text-align:left;background:#fff}
#admin-services th,#admin-services td {padding:13px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
#admin-services th {background:var(--soft)}
#admin-services tr:last-child td {border-bottom:0}
.service-state {display:inline-block;padding:5px 9px;border-radius:99px;background:#edf1ef;color:#40534b;font-weight:700}
.service-state[data-state=healthy] {background:#e2f3e8;color:#0c6145}
.service-state[data-state=unhealthy],.service-state[data-state=stopped],.service-state[data-state=missing] {background:#fde9e6;color:#a02c26}
.service-state[data-state=starting],.service-state[data-state=running] {background:#fff3d7;color:#835b12}
#live-status[data-error] {color:#a02c26}
#admin-table th,#admin-table td {padding:14px 16px;border-bottom:1px solid var(--line);max-width:280px;min-width:100px;overflow-wrap:anywhere}
#admin-table th {background:var(--soft);position:sticky;top:0;z-index:1;white-space:nowrap}
#admin-table td {white-space:nowrap}
#admin-table tbody tr:last-child td {border-bottom:0}
#admin-table tbody tr:hover {background:var(--paper)}
.admin-pagination {margin-top:20px}
[data-page=admin] button:disabled {opacity:.5;cursor:default}
[data-page=admin] [data-error] {color:#a22c27}
@media(max-width:760px) {
  .admin-summary {grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-gold-summary {grid-template-columns:minmax(0,1fr)}
  .admin-heading,.admin-reports {padding:18px}
  .admin-heading,.admin-report-heading {align-items:flex-start;flex-direction:column;gap:12px}
  .admin-tabs {gap:6px}
  .admin-tabs button {font-size:12px;padding:10px}
  .admin-summary div {padding:16px}
  .admin-summary dd {font-size:20px}
  .admin-pagination {gap:8px;font-size:12px}
  .admin-pagination .btn {padding:12px}
}