/* Page content only. Shell, drawers, tables and fields use the web styles. */
.admin-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; }
.admin-stat { padding: 22px; }
.admin-stat__value { font-size: 34px; font-weight: 700; margin-top: 12px; }
.admin-notice { margin-bottom: 16px; }
.admin-details { display: grid; grid-template-columns: 130px 1fr; gap: 14px; overflow-wrap: anywhere; }
.admin-details dt { color: var(--ink-3); }
.admin-details dd { margin: 0; }
.admin-list { min-height: 400px; }
.admin-settings-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: start; }
.admin-security-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.admin-security-row:last-child { border-bottom: 0; }
.admin-security-row > div { min-width: 0; }
.admin-session-agent { max-width: 65ch; overflow-wrap: anywhere; font-size: 11px; margin-top: 6px; }
.admin-security-content { min-height: 140px; display: flex; flex-direction: column; gap: 15px; }
.admin-account-name { display: flex; align-items: center; gap: 10px; }
@media (max-width: 900px) { .admin-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .admin-settings-grid { grid-template-columns: 1fr; } }
@media (max-width: 500px) { .admin-stats { grid-template-columns: 1fr; } .admin-details { grid-template-columns: 1fr; } }