@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
    --admin-ink: #0a1726;
    --admin-slate: #64798e;
    --admin-muted: #8ea0b0;
    --admin-line: #e1e8ee;
    --admin-paper: #f4f7fa;
    --admin-white: #fff;
    --admin-blue: #5471ff;
    --admin-mint: #53d7bb;
    --sidebar-width: 264px;
}

* { box-sizing: border-box; }

body {
    min-width: 320px;
    margin: 0;
    background: var(--admin-paper);
    color: var(--admin-ink);
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, .navbar-brand, .sidebar-title { font-family: 'Space Grotesk', sans-serif; letter-spacing: -.045em; }
a { color: var(--admin-blue); }

.sidebar {
    position: fixed;
    z-index: 20;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--sidebar-width);
    min-height: 100vh;
    overflow-y: auto;
    background: var(--admin-ink) !important;
    box-shadow: 10px 0 34px rgba(10, 23, 38, .08);
}

.sidebar-header {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 90px;
    padding: 24px 25px !important;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.sidebar-header::before {
    display: none;
}

.admin-brand { display: inline-flex; align-items: center; gap: 11px; color: var(--admin-white); text-decoration: none; }
.admin-brand:hover { color: var(--admin-white); }
.admin-brand-mark { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; background: var(--admin-white); color: var(--admin-ink); box-shadow: 4px 4px 0 var(--admin-mint); }
.admin-brand-mark svg { width: 28px; height: 28px; }
.admin-brand-lockup { display: grid; gap: 2px; }
.admin-brand-lockup strong { color: var(--admin-white); font: 700 15px/1 'Space Grotesk', sans-serif; letter-spacing: .1em; }
.admin-brand-lockup small { color: var(--admin-mint); font: 700 8px/1 'DM Sans', sans-serif; letter-spacing: .24em; }
.sidebar-header h4 {
    margin: 0;
    color: var(--admin-white);
    font-size: 17px;
    font-weight: 700;
}

.sidebar-header h4 span { color: var(--admin-mint); }
.sidebar-toggle { display: none; }

.sidebar .nav { gap: 4px; padding: 24px 14px; }
.sidebar .nav::before { padding: 0 12px 10px; color: rgba(255,255,255,.36); content: 'WORKSPACE'; font-size: 10px; font-weight: 700; letter-spacing: .16em; }
.sidebar .nav-link { display: flex; align-items: center; gap: 12px; padding: 12px 13px; border-left: 2px solid transparent; border-radius: 10px; color: rgba(255,255,255,.62); font-size: 13px; font-weight: 600; transition: background .2s ease, color .2s ease, border .2s ease; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { border-left-color: var(--admin-mint); background: rgba(255,255,255,.09); color: var(--admin-white); }
.sidebar .nav-link i { width: 18px; color: rgba(255,255,255,.42); text-align: center; }
.sidebar .nav-link:hover i, .sidebar .nav-link.active i { color: var(--admin-mint); }
.sidebar .nav-item:last-child { margin-top: 22px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); }

.main-content { min-width: 0; min-height: 100vh; margin-left: var(--sidebar-width); }
.admin-shell { min-height: 100vh; }

.navbar {
    position: sticky;
    z-index: 10;
    top: 0;
    min-height: 76px;
    padding: 0 34px;
    border-bottom: 1px solid var(--admin-line) !important;
    background: rgba(255,255,255,.88) !important;
    box-shadow: 0 5px 20px rgba(10, 23, 38, .03);
    backdrop-filter: blur(16px);
}

.navbar-brand { color: var(--admin-ink) !important; font-size: 21px; font-weight: 600; }
.navbar .ms-auto { display: flex; align-items: center; gap: 16px; color: var(--admin-slate); font-size: 13px; }
.navbar .ms-auto::before { width: 8px; height: 8px; border-radius: 50%; background: var(--admin-mint); box-shadow: 0 0 0 5px rgba(83,215,187,.14); content: ''; }
.navbar .ms-auto strong { color: var(--admin-ink); }

.page-content { min-height: calc(100vh - 76px); padding: 38px 34px !important; }
.page-content > .container-fluid { width: 100%; max-width: none; padding: 0; }
.page-content h1 { margin-bottom: 6px; font-size: 34px; font-weight: 600; }
.page-content .text-muted { color: var(--admin-muted) !important; }

.admin-dashboard { padding-bottom: 24px; }
.dashboard-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.dashboard-eyebrow, .dashboard-panel-kicker { display: block; margin-bottom: 8px; color: var(--admin-blue); font: 700 10px/1.2 'Space Grotesk', sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.dashboard-heading h1 { margin-bottom: 6px; }
.dashboard-subtitle { margin: 0; color: var(--admin-slate); font-size: 14px; }
.dashboard-heading-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.dashboard-heading-actions .btn { white-space: nowrap; }
.dashboard-site-link { border: 1px solid var(--admin-line); background: var(--admin-white); color: var(--admin-slate); }
.dashboard-site-link:hover { border-color: var(--admin-blue); background: var(--admin-white); color: var(--admin-blue); }

.dashboard-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 22px; }
.dashboard-stat { position: relative; min-height: 178px; padding: 21px; overflow: hidden; border-radius: 17px; background: var(--admin-white); box-shadow: 0 8px 22px rgba(10, 23, 38, .04); }
.dashboard-stat::after { position: absolute; right: -35px; bottom: -58px; width: 150px; height: 150px; border: 1px solid currentColor; border-radius: 50%; content: ''; opacity: .14; }
.dashboard-stat--blue { background: linear-gradient(145deg, #536fff, #6f86ff); color: #fff; }
.dashboard-stat--mint { background: linear-gradient(145deg, #1aa78a, #53d7bb); color: #fff; }
.dashboard-stat--gold { background: linear-gradient(145deg, #d9902e, #f5b75f); color: #fff; }
.dashboard-stat--coral { background: linear-gradient(145deg, #d9605b, #f98d84); color: #fff; }
.dashboard-stat-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.dashboard-stat-icon { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 10px; background: rgba(255,255,255,.19); color: #fff; font-size: 14px; }
.dashboard-stat-trend { padding: 5px 8px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: rgba(255,255,255,.84); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.dashboard-stat-label { position: relative; z-index: 1; display: block; margin-bottom: 7px; color: rgba(255,255,255,.75); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.dashboard-stat-value { position: relative; z-index: 1; display: block; color: #fff; font: 600 31px/1 'Space Grotesk', sans-serif; letter-spacing: -.08em; }
.dashboard-stat-note { position: relative; z-index: 1; display: block; margin-top: 9px; color: rgba(255,255,255,.7); font-size: 11px; }

.dashboard-main-grid, .dashboard-bottom-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 16px; margin-bottom: 16px; }
.dashboard-bottom-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dashboard-panel { min-width: 0; padding: 24px; border: 1px solid var(--admin-line); border-radius: 17px; background: var(--admin-white); box-shadow: 0 8px 22px rgba(10, 23, 38, .04); }
.dashboard-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 21px; }
.dashboard-panel-heading h2 { margin: 0; color: var(--admin-ink); font-size: 19px; font-weight: 600; }
.dashboard-panel-badge { padding: 6px 9px; border-radius: 999px; background: #f0f3ff; color: var(--admin-blue); font-size: 10px; font-weight: 700; }
.dashboard-panel-link { color: var(--admin-blue); font-size: 11px; font-weight: 700; white-space: nowrap; }
.dashboard-panel-link i { margin-left: 4px; }
.dashboard-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.dashboard-action { display: flex; min-height: 112px; align-items: flex-start; flex-direction: column; gap: 13px; padding: 16px; border: 1px solid var(--admin-line); border-radius: 13px; color: var(--admin-ink); transition: border .2s ease, box-shadow .2s ease, transform .2s ease; }
.dashboard-action:hover { border-color: #cbd4ff; color: var(--admin-ink); box-shadow: 0 8px 18px rgba(10,23,38,.07); transform: translateY(-2px); }
.dashboard-action > span:nth-child(2) { display: flex; flex-direction: column; gap: 3px; }
.dashboard-action strong { font-size: 13px; font-weight: 700; }
.dashboard-action small { color: var(--admin-muted); font-size: 10px; }
.dashboard-action > i { align-self: flex-end; margin-top: auto; color: var(--admin-blue); font-size: 11px; }
.dashboard-action-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; font-size: 13px; }
.dashboard-action-icon--blue { background: #edf0ff; color: var(--admin-blue); }
.dashboard-action-icon--mint { background: #e8faf5; color: #1ba98b; }
.dashboard-action-icon--gold { background: #fff5e6; color: #d9902e; }
.health-status { display: inline-flex; align-items: center; gap: 6px; color: #1ba98b; font-size: 11px; font-weight: 700; }
.health-status i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px rgba(83,215,187,.15); }
.health-meter { height: 8px; margin: 10px 0 26px; overflow: hidden; border-radius: 99px; background: #edf1f4; }
.health-meter span { display: block; width: 96%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--admin-blue), var(--admin-mint)); }
.health-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.health-grid div { display: flex; flex-direction: column; gap: 3px; }
.health-grid strong { color: var(--admin-ink); font: 600 22px/1 'Space Grotesk', sans-serif; letter-spacing: -.06em; }
.health-grid span { color: var(--admin-muted); font-size: 10px; }

.activity-list, .service-list { display: grid; gap: 0; }
.activity-row, .service-row { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid #eef2f5; }
.activity-row:first-child, .service-row:first-child { padding-top: 0; border-top: 0; }
.activity-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--admin-mint); box-shadow: 0 0 0 4px rgba(83,215,187,.13); }
.activity-row div, .service-row div { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.activity-row strong, .service-row strong { overflow: hidden; color: var(--admin-ink); font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.activity-row span, .service-row span { overflow: hidden; color: var(--admin-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.activity-row time { color: var(--admin-muted); font-size: 10px; white-space: nowrap; }
.service-row { grid-template-columns: 27px minmax(0, 1fr) 27px; }
.service-row-index { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; background: #f0f3ff; color: var(--admin-blue) !important; font: 700 10px/1 'Space Grotesk', sans-serif; }
.service-edit { display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid var(--admin-line); border-radius: 8px; color: var(--admin-slate); font-size: 10px; }
.service-edit:hover { border-color: var(--admin-blue); color: var(--admin-blue); }
.dashboard-empty { display: flex; min-height: 112px; align-items: center; flex-direction: column; justify-content: center; text-align: center; }
.dashboard-empty-icon { display: grid; width: 31px; height: 31px; margin-bottom: 9px; place-items: center; border-radius: 9px; background: #edf1f4; color: var(--admin-muted); font-size: 12px; }
.dashboard-empty p { margin: 0 0 2px; color: var(--admin-slate); font-size: 12px; font-weight: 700; }
.dashboard-empty small { color: var(--admin-muted); font-size: 10px; }

.card { margin-bottom: 22px; overflow: hidden; border: 1px solid var(--admin-line); border-radius: 16px; background: var(--admin-white); box-shadow: 0 8px 22px rgba(10, 23, 38, .04); }
.card:hover { box-shadow: 0 14px 30px rgba(10, 23, 38, .07); }
.card-header { padding: 18px 22px; border-bottom: 1px solid var(--admin-line); background: var(--admin-white); }
.card-title { color: var(--admin-ink); font-size: 16px; font-weight: 600; }
.card-body { padding: 22px; }
.smtp-help-card { position: sticky; top: 100px; }
.smtp-help-card h2 { margin: 10px 0 10px; color: var(--admin-ink); font-size: 22px; font-weight: 600; }
.smtp-help-card p { font-size: 13px; line-height: 1.65; }
.smtp-flow { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid #eef2f5; }
.smtp-flow span { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border-radius: 8px; background: #edf0ff; color: var(--admin-blue); font: 700 10px/1 'Space Grotesk', sans-serif; }
.smtp-flow strong { color: var(--admin-ink); font-size: 12px; }

.row > [class*="col-"] { margin-bottom: 0; }
.card.bg-primary, .card.bg-success, .card.bg-danger, .card.bg-warning, .card.bg-info, .card.bg-secondary, .card.bg-dark { border: 0; color: var(--admin-white); }
.card.bg-primary { background: linear-gradient(135deg, #5471ff, #7189ff) !important; }
.card.bg-success { background: linear-gradient(135deg, #1ba98b, #53d7bb) !important; }
.card.bg-warning { background: linear-gradient(135deg, #de922c, #ffbf69) !important; }
.card.bg-info { background: linear-gradient(135deg, #248ab6, #53c4ed) !important; }
.card.bg-danger { background: linear-gradient(135deg, #d8615d, #ff8e86) !important; }
.card.bg-secondary { background: linear-gradient(135deg, #687b8e, #9caebb) !important; }
.card.bg-dark { background: linear-gradient(135deg, #0a1726, #233b53) !important; }
.card.bg-primary .card-body, .card.bg-success .card-body, .card.bg-danger .card-body, .card.bg-warning .card-body, .card.bg-info .card-body, .card.bg-secondary .card-body, .card.bg-dark .card-body { padding: 23px; }
.card.bg-primary h3, .card.bg-success h3, .card.bg-danger h3, .card.bg-warning h3, .card.bg-info h3, .card.bg-secondary h3, .card.bg-dark h3 { margin: 11px 0 0; font: 600 34px/1 'Space Grotesk', sans-serif; letter-spacing: -.08em; }
.card.bg-primary .card-title, .card.bg-success .card-title, .card.bg-danger .card-title, .card.bg-warning .card-title, .card.bg-info .card-title, .card.bg-secondary .card-title, .card.bg-dark .card-title { font-size: 11px; font-weight: 700; letter-spacing: .08em; opacity: .78; text-transform: uppercase; }

.btn { border-radius: 9px; font-weight: 600; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { border-color: var(--admin-blue); background: var(--admin-blue); }
.btn-primary:hover, .btn-primary:focus { border-color: #3e58e7; background: #3e58e7; box-shadow: 0 8px 18px rgba(84,113,255,.2); }
.btn-success { border-color: #1ba98b; background: #1ba98b; }
.btn-info { border-color: #248ab6; background: #248ab6; }
.btn-warning { border-color: #de922c; background: #de922c; color: #fff; }
.btn-outline-primary { border-color: #c8d2ff; color: var(--admin-blue); }
.btn-outline-primary:hover { border-color: var(--admin-blue); background: var(--admin-blue); color: #fff; }
.btn-sm { padding: 7px 11px; font-size: 12px; }

.table { margin: 0; background: var(--admin-white); }
.table thead th { padding: 15px 17px; border-bottom: 1px solid var(--admin-line); background: #f8fafc; color: var(--admin-muted); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.table tbody td { padding: 17px; border-color: #eef2f5; color: var(--admin-slate); font-size: 13px; vertical-align: middle; }
.table tbody td strong { color: var(--admin-ink); font-weight: 600; }
.table tbody tr { transition: background .18s ease; }
.table tbody tr:hover { background: #f9fbff; }

.form-label { margin-bottom: 7px; color: var(--admin-ink); font-size: 12px; font-weight: 700; }
.form-control, .form-select { padding: 11px 13px; border: 1px solid var(--admin-line); border-radius: 9px; color: var(--admin-ink); font-size: 14px; }
.form-control::placeholder { color: #aab7c2; }
.form-control:focus, .form-select:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 4px rgba(84,113,255,.1); }
.form-group { margin-bottom: 20px; }

.alert { border: 0; border-radius: 10px; }
.alert-success { background: #e7faf5; color: #147764; }
.alert-danger { background: #fff1f0; color: #ae4942; }
.alert-warning { background: #fff5e6; color: #9e681e; }
.alert-info { background: #e8f7fc; color: #216f91; }
.badge { padding: 6px 9px; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: .04em; }
.badge.bg-success { background: #e7faf5 !important; color: #147764; }
.badge.bg-warning { background: #fff5e6 !important; color: #9e681e; }
.badge.bg-danger { background: #fff1f0 !important; color: #ae4942; }
.badge.bg-secondary { background: #edf1f4 !important; color: #64798e; }
.badge.bg-info { background: #e8f7fc !important; color: #216f91; }

.list-group-item { border-color: #eef2f5; background: transparent; color: var(--admin-slate); }
.pagination .page-link { border-color: var(--admin-line); color: var(--admin-blue); }
.pagination .page-item.active .page-link { border-color: var(--admin-blue); background: var(--admin-blue); }

.login-page { min-height: 100vh; background: radial-gradient(circle at 10% 10%, rgba(83,215,187,.18), transparent 30%), radial-gradient(circle at 90% 90%, rgba(84,113,255,.2), transparent 32%), var(--admin-ink); }
.login-shell { display: grid; min-height: 100vh; padding: 24px; place-items: center; }
.login-card { width: min(100%, 450px); padding: clamp(28px, 5vw, 44px); border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: rgba(255,255,255,.98); box-shadow: 0 30px 80px rgba(0,0,0,.2); }
.login-brand { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 42px; color: var(--admin-ink); text-decoration: none; }
.login-brand:hover { color: var(--admin-ink); }
.login-mark { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: var(--admin-ink); color: #fff; box-shadow: 4px 4px 0 var(--admin-mint); }
.login-mark svg { width: 30px; height: 30px; }
.login-wordmark { display: grid; gap: 2px; }
.login-wordmark strong { color: var(--admin-ink); font: 700 18px/1 'Space Grotesk', sans-serif; letter-spacing: .1em; }
.login-wordmark em { color: var(--admin-blue); font: 700 9px/1 'DM Sans', sans-serif; letter-spacing: .24em; font-style: normal; }
.login-kicker { margin-bottom: 12px; color: var(--admin-blue); font: 700 11px 'Space Grotesk', sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.login-card h1 { margin-bottom: 10px; font-size: 38px; font-weight: 600; }
.login-intro { margin-bottom: 30px; color: var(--admin-slate); font-size: 14px; }
.login-card .alert { margin-bottom: 20px; padding: 12px 14px; font-size: 13px; line-height: 1.45; }
.login-card form { display: grid; gap: 0; }
.login-card .form-group { display: grid; gap: 7px; margin-bottom: 18px; }
.login-card .form-label { display: block; margin: 0; }
.login-card .form-control { display: block; width: 100%; min-height: 46px; padding: 12px 14px; background: #f8fafc; }
.login-card .form-control:focus { background: var(--admin-white); }
.login-card .btn { display: inline-flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; padding: 12px; }
.login-card .btn span { margin-left: 5px; font-size: 16px; }
.login-note { margin: 25px 0 0; color: var(--admin-muted); font-size: 12px; line-height: 1.5; text-align: center; }

@media (max-width: 480px) {
    .login-shell { padding: 16px; }
    .login-card { border-radius: 20px; }
    .login-brand { margin-bottom: 34px; }
    .login-card h1 { font-size: 32px; }
}

@media (max-width: 900px) {
    :root { --sidebar-width: 220px; }
    .navbar { padding: 0 24px; }
    .page-content { padding: 28px 24px !important; }
    .dashboard-stat-grid { grid-template-columns: repeat(2, 1fr); }
    .dashboard-main-grid, .dashboard-bottom-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .admin-shell { display: block !important; min-width: 0; }
    .sidebar { position: sticky; z-index: 30; top: 0; width: 100%; min-height: 0; height: auto; overflow: visible; }
    .sidebar-header { min-height: 68px; padding: 16px 18px !important; }
    .sidebar-toggle { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; padding: 9px 11px; border: 1px solid rgba(255,255,255,.17); border-radius: 9px; background: rgba(255,255,255,.08); color: var(--admin-white); font: 600 12px 'DM Sans', sans-serif; }
    .sidebar-toggle i { color: var(--admin-mint); font-size: 13px; }
    .sidebar .nav { display: none; grid-template-columns: 1fr; gap: 3px; padding: 12px 14px 16px; background: #0d1d2f; }
    .sidebar.is-open .nav { display: grid; }
    .sidebar .nav::before { grid-column: 1 / -1; }
    .sidebar .nav-item:last-child { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.1); }
    .main-content { width: 100%; margin-left: 0; }
    .navbar { position: static; min-height: 70px; padding: 0 18px; }
    .navbar .container-fluid { min-width: 0; padding: 0; }
    .navbar-brand { font-size: 18px; }
    .navbar .navbar-brand { max-width: 58%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .navbar .ms-auto { font-size: 0; }
    .navbar .ms-auto::before { margin-right: 0; }
    .page-content { width: 100%; max-width: 100%; overflow-x: hidden; padding: 20px 14px !important; }
    .page-content h1 { font-size: 29px; }
    .table { min-width: 720px; }
    .dashboard-heading { align-items: flex-start; flex-direction: column; }
    .dashboard-heading-actions { width: 100%; }
    .dashboard-heading-actions .btn { flex: 1; }
    .dashboard-stat-grid { grid-template-columns: 1fr; }
    .dashboard-actions { grid-template-columns: 1fr; }
    .dashboard-action { min-height: auto; flex-direction: row; align-items: center; }
    .dashboard-action > i { margin-top: 0; }
    .dashboard-action > span:nth-child(2) { flex: 1; }
    .health-grid { grid-template-columns: repeat(2, 1fr); gap: 16px 8px; }
    .dashboard-panel-heading { gap: 10px; }
    .dashboard-panel-heading h2 { font-size: 18px; }
    .smtp-help-card { position: static; }
}