/* Buttons on the navy surface need an explicit foreground. */
button, button.primary, button.danger { color: #fff !important; }
#settingsDlg .tabs button { color:#fff !important; }
#auth #registerBtn, #auth #forgotBtn { background:#eaf1f5 !important; color:#123047 !important; border-color:#bfd2dc !important; }
.main-menu button, .quick-nav button { color: #274459 !important; }
.main-menu button:last-child { color: #8a3243 !important; }
.quick-nav button.nav-home { color: #fff !important; }
.credential-summary { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 20px; }
.credential-summary span { padding:8px 12px; border:1px solid var(--line); border-radius:6px; background:#fff; font-weight:700; }
.credential-section { margin:24px 0; }
.credential-section > h3 { margin:0 0 14px; padding-bottom:8px; border-bottom:2px solid var(--line); }
.credential-customer { margin:12px 0; padding:16px; border:1px solid var(--line); border-radius:8px; background:#fff; }
.credential-customer-head { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.credential-customer-head h4 { margin:0 0 10px; font-size:17px; color:var(--ink); }
.credential-customer-head span { color:#476477; font-size:13px; }
.credential-customer .admin-card { box-shadow:none !important; }
.credential-empty { padding:10px 14px; border:1px solid var(--line); border-radius:6px; background:#fff; }
.credential-empty summary { cursor:pointer; font-weight:700; }
.credential-empty ul { columns:2; padding-left:22px; margin-bottom:4px; }
.credential-empty li { break-inside:avoid; padding:3px 0; }
.credential-empty small { color:#476477; }
.people-group-heading th { background:#e5f0f4 !important; color:#102c3f !important; text-align:left; padding:12px 14px; }
.people-group-heading span { font-size:16px; }
.people-group-heading small { display:block; margin-top:2px; font-weight:500; }
.people-tools { grid-template-columns:minmax(210px,1fr) repeat(3,minmax(135px,180px)) auto !important; }
@media(max-width:720px) { .credential-customer-head { display:block; } .credential-summary span { flex:1 1 140px; } .credential-empty ul { columns:1; } }
@media(max-width:1000px) { .people-tools { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }