:root{
    --sw-ink:#12142b;
    --sw-indigo:#4f46e5;
    --sw-indigo-dark:#3730a3;
    --sw-bg:#f4f5f9;
    --sw-border:#eceef5;
    --sw-text:#14161f;
    --sw-text-soft:#3d4157;
    --sw-muted:#6b6f8a;
    --sw-muted-2:#8286a3;

    --sw-green:#16a34a;
    --sw-green-bg:#d7f2df;
    --sw-green-text:#166534;

    --sw-amber:#b45309;
    --sw-amber-bg:#fdecc8;
    --sw-amber-border:#fbe7c2;
    --sw-amber-soft-bg:#fffdf8;

    --sw-red:#dc2626;
    --sw-red-bg:#fde2e1;
    --sw-red-text:#7f1d1d;
    --sw-red-border:#f8c9c7;

    --sw-gray-bg:#eef0f3;
}
*{box-sizing:border-box}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    background:var(--sw-bg);margin:0;color:var(--sw-text);
}
a{color:var(--sw-indigo);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{letter-spacing:-0.3px}

/* ---------- Login ---------- */
body.sw-centered{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px;background:var(--sw-ink)}
.sw-box{max-width:400px;width:100%;background:#fff;border-radius:16px;padding:36px 32px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.sw-box-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.sw-box h1{font-size:19px;margin:0;font-weight:800}

/* ---------- Forms ---------- */
label{display:block;margin:14px 0 5px;font-size:13.5px;font-weight:700;color:var(--sw-text-soft)}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=datetime-local],textarea{
    width:100%;padding:10px 12px;border:1px solid #dcdfea;border-radius:9px;font-size:14px;font-family:inherit}
textarea{resize:vertical}
input:focus{outline:none;border-color:var(--sw-indigo);box-shadow:0 0 0 3px rgba(79,70,229,.15)}
button{margin-top:20px;background:var(--sw-indigo);color:#fff;border:0;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}
button:hover{background:var(--sw-indigo-dark)}
button.danger{background:#fff;color:var(--sw-red);border:1px solid var(--sw-red-border)}
button.danger:hover{background:var(--sw-red-bg)}
button.secondary{background:#fff;color:var(--sw-text);border:1px solid #dcdfea}
button.secondary:hover{background:#f7f8fc}

.err{background:var(--sw-red-bg);color:var(--sw-red-text);padding:10px 14px;border-radius:9px;margin-bottom:14px;font-size:13.5px}
.ok{background:var(--sw-green-bg);color:var(--sw-green-text);padding:10px 14px;border-radius:9px;margin-bottom:14px;font-size:13.5px}
.hint{color:var(--sw-muted);font-size:12.5px;margin-top:4px;line-height:1.5}

/* ---------- Top navigation ---------- */
.sw-nav{
    height:64px;background:var(--sw-ink);display:flex;align-items:center;justify-content:space-between;
    padding:0 28px;
}
.sw-nav-left{display:flex;align-items:center;gap:12px}
.sw-logo{
    width:32px;height:32px;border-radius:9px;flex:none;
    background:linear-gradient(135deg,#5b6bf5,#8b5cf6);
    display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13.5px;
}
.sw-brand{color:#fff;font-weight:800;font-size:16px;letter-spacing:-0.2px}
.sw-nav-right{display:flex;align-items:center;gap:16px}
.sw-nav-email{color:#9297b8;font-size:13px}
.sw-avatar{
    width:30px;height:30px;border-radius:50%;background:#2a2d4d;color:#c7cbff;
    display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;flex:none;
}
.sw-nav-logout{color:#9297b8;font-size:13px;font-weight:600}
.sw-nav-logout:hover{color:#fff}

.sw-wrap{max-width:1080px;margin:0 auto;padding:32px 20px 60px}
.sw-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.sw-h1{font-size:24px;font-weight:800;margin:0 0 6px}
.sw-sub{color:var(--sw-muted);font-size:14px;margin:0}
.sw-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}
.sw-btn-link{
    background:var(--sw-indigo);color:#fff;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;
    display:inline-block;box-shadow:0 4px 10px rgba(79,70,229,.25);
}
.sw-btn-link:hover{background:var(--sw-indigo-dark);text-decoration:none}
.sw-back-link{color:var(--sw-muted);font-size:13px;font-weight:600}
.sw-back-link:hover{color:var(--sw-indigo)}

/* ---------- Stat cards ---------- */
.sw-stats{display:flex;gap:14px;margin-bottom:26px;flex-wrap:wrap}
.sw-stat{
    flex:1 1 200px;background:#fff;border-radius:14px;padding:16px 18px;
    box-shadow:0 1px 2px rgba(20,22,40,.06);border:1px solid var(--sw-border);
    display:flex;align-items:center;gap:13px;
}
.sw-stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;font-size:17px}
.sw-stat-num{font-size:20px;font-weight:800;letter-spacing:-0.3px;line-height:1.1}
.sw-stat-num-text{font-size:16px;letter-spacing:-0.1px}
.sw-stat-label{font-size:12px;color:var(--sw-muted);font-weight:600;margin-top:2px}

/* ---------- Site cards ---------- */
.sw-card{background:#fff;border-radius:16px;padding:20px 24px;margin-bottom:18px;box-shadow:0 1px 2px rgba(20,22,40,.06);border:1px solid var(--sw-border)}
.sw-card h2{margin-top:0;font-size:16px}

.sw-site-card{background:#fff;border-radius:16px;border:1px solid var(--sw-border);box-shadow:0 1px 2px rgba(20,22,40,.05);margin-bottom:20px;overflow:hidden}

.sw-card-band{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:12px;flex-wrap:wrap}
.sw-card-band.band-ok{background:var(--sw-green-bg);border-bottom:1px solid #c7ecd2}
.sw-card-band.band-warn{background:var(--sw-amber-bg);border-bottom:1px solid var(--sw-amber-border)}
.sw-card-band.band-error{background:var(--sw-red-bg);border-bottom:1px solid var(--sw-red-border)}
.sw-card-band.band-off{background:var(--sw-gray-bg);border-bottom:1px solid #e2e4ec}

.sw-site-id{display:flex;align-items:center;gap:13px}
.sw-site-fav{width:34px;height:34px;border-radius:9px;background:#eef0fb;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--sw-indigo);flex:none}
.sw-site-name{font-size:15.5px;font-weight:800;letter-spacing:-0.2px}
.sw-site-name a{color:inherit}
.sw-site-name a:hover{text-decoration:none;color:var(--sw-indigo)}
.sw-site-url{font-size:12px;color:var(--sw-muted-2);margin-top:1px}

.sw-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:20px;font-size:12.5px;font-weight:700;white-space:nowrap}
.sw-status-pill.pill-ok{background:#fff;color:var(--sw-green-text)}
.sw-status-pill.pill-warn{background:#fff;color:var(--sw-amber)}
.sw-status-pill.pill-error{background:#fff;color:var(--sw-red-text)}
.sw-status-pill.pill-off{background:#fff;color:var(--sw-muted)}

.sw-problem{display:flex;gap:16px;padding:20px 24px;border-bottom:1px solid #f0f1f6;background:var(--sw-amber-soft-bg)}
.sw-problem.sev-error{background:#fffaf9}
.sw-problem-icon{width:42px;height:42px;border-radius:11px;background:var(--sw-amber-bg);display:flex;align-items:center;justify-content:center;flex:none;font-size:18px}
.sw-problem.sev-error .sw-problem-icon{background:var(--sw-red-bg)}
.sw-problem-eyebrow{font-size:11px;font-weight:800;color:var(--sw-amber);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.sw-problem.sev-error .sw-problem-eyebrow{color:var(--sw-red)}
.sw-problem-title{font-size:15px;font-weight:800;margin:0 0 6px;color:var(--sw-text)}
.sw-problem-text{font-size:13.5px;line-height:1.55;color:var(--sw-text-soft);margin:0 0 6px;max-width:680px}
.sw-problem-consequence{font-size:13.5px;line-height:1.55;color:#9a3412;margin:0 0 12px;max-width:680px;font-weight:600}
.sw-problem.sev-error .sw-problem-consequence{color:var(--sw-red-text)}
.sw-problem-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sw-btn-fix{background:var(--sw-ink);color:#fff;font-size:13px;font-weight:700;padding:9px 15px;border-radius:9px;display:inline-block}
.sw-btn-fix:hover{background:#000;color:#fff;text-decoration:none}
.sw-cost-hint{font-size:12px;color:var(--sw-muted)}

.sw-code-snippet{margin:12px 0 4px}
.sw-code-snippet-label{font-size:12px;font-weight:700;color:var(--sw-muted);margin-bottom:6px}
.sw-code-snippet pre{background:#1c1e2b;color:#e3e6f5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12.5px;line-height:1.5;padding:14px 16px;border-radius:10px;overflow-x:auto;white-space:pre;margin:0 0 8px}
.sw-btn-copy{background:#fff;border:1px solid var(--sw-border);color:var(--sw-ink);font-size:12.5px;font-weight:700;padding:7px 13px;border-radius:8px;cursor:pointer}
.sw-btn-copy:hover{background:#f2f3f8}
body.sw-dark .sw-btn-copy{background:#2a2d44;border-color:#3a3d55;color:var(--sw-text)}
body.sw-dark .sw-btn-copy:hover{background:#33364a}

.sw-checks{padding:16px 24px 20px}
.sw-checks-label{font-size:11px;font-weight:800;color:var(--sw-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:11px}
.sw-check-row{display:flex;gap:10px;flex-wrap:wrap}
.sw-check-chip{display:flex;align-items:center;gap:9px;background:#f7f8fc;border:1px solid var(--sw-border);border-radius:11px;padding:9px 13px;flex:1 1 170px;min-width:160px}
.sw-check-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--sw-green);flex:none}
.sw-check-chip.dot-off .dot{background:#c7cad9}
.sw-check-chip .ct-label{font-size:12px;font-weight:700;color:#2a2d44}
.sw-check-chip .ct-detail{font-size:11px;color:var(--sw-muted-2)}

.sw-footer-note{display:flex;align-items:center;gap:9px;color:var(--sw-muted-2);font-size:12.5px;padding:4px 4px;margin-top:4px}

.sw-empty{background:#fff;border-radius:16px;border:1px solid var(--sw-border);padding:40px 30px;text-align:center;color:var(--sw-muted)}

/* ---------- 30-Tage-Verlauf ---------- */
.sw-history-wrap{padding:14px 24px 18px;border-top:1px solid var(--sw-border)}
.sw-history-label{display:flex;justify-content:space-between;font-size:11px;font-weight:800;color:var(--sw-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.sw-history{display:flex;gap:2px}
.sw-history-bar{flex:1;height:22px;border-radius:3px;background:var(--sw-green)}
.sw-history-bar.h-warn{background:#f5b942}
.sw-history-bar.h-error{background:var(--sw-red)}
.sw-history-bar.h-none{background:#e5e7f0}

.sw-speed-history{display:flex;gap:2px;align-items:flex-end;height:26px}
.sw-speed-bar{flex:1;border-radius:2px 2px 0 0;background:var(--sw-indigo);min-height:2px}
.sw-speed-bar.sb-none{background:#e5e7f0;height:100%}

/* ---------- Alarm-Einstellungen (Mute + Schwellenwerte) ---------- */
.sw-alert-setting-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0f1f6;flex-wrap:wrap}
.sw-alert-setting-label{flex:1;font-weight:600;font-size:13.5px;min-width:160px}
.sw-alert-setting-input{width:130px!important;margin:0!important}
.sw-alert-setting-mute{margin:0!important;font-weight:400!important;font-size:13px;display:flex;align-items:center;gap:5px;width:auto!important}

/* ---------- Team-Verwaltung ---------- */
.sw-team-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #f0f1f6}
.sw-team-email{font-size:13.5px;font-weight:600;color:var(--sw-text)}
.sw-team-meta{font-size:11.5px;color:var(--sw-muted-2)}

/* ---------- Dark Mode (Umschalter oben rechts, per localStorage gemerkt) ---------- */
body.sw-dark{
    --sw-bg:#14161f;
    --sw-border:#2b2e40;
    --sw-text:#eef0fa;
    --sw-text-soft:#c7cad9;
    --sw-muted:#9295b0;
    --sw-muted-2:#7c7f9c;
    --sw-gray-bg:#22243350;
    background:var(--sw-bg);
    color:var(--sw-text);
}
body.sw-dark .sw-card,
body.sw-dark .sw-site-card,
body.sw-dark .sw-stat,
body.sw-dark .sw-empty,
body.sw-dark .sw-box{
    background:#1c1f2e;border-color:var(--sw-border);
}
body.sw-dark .sw-check-chip{background:#242739;border-color:var(--sw-border)}
body.sw-dark .sw-alert-setting-row{border-bottom-color:var(--sw-border)}
body.sw-dark .sw-team-row{border-bottom-color:var(--sw-border)}
body.sw-dark .sw-problem{background:#2a2416}
body.sw-dark .sw-problem.sev-error{background:#2a1a1a}
body.sw-dark .sw-btn-fix{background:#3a3d55}
body.sw-dark input[type=text],
body.sw-dark input[type=email],
body.sw-dark input[type=password],
body.sw-dark input[type=url],
body.sw-dark input[type=number],
body.sw-dark input[type=datetime-local],
body.sw-dark textarea{
    background:#20222f;border-color:#33364a;color:var(--sw-text);
}
body.sw-dark button.secondary{background:#20222f;border-color:#33364a;color:var(--sw-text)}
body.sw-dark button.secondary:hover{background:#282b3c}
body.sw-dark .sw-history-bar.h-none{background:#33364a}
body.sw-dark .sw-speed-bar.sb-none{background:#33364a}
body.sw-dark .sw-footer-note{color:var(--sw-muted-2)}

/* ---------- Professionelle Website-Detailansicht ---------- */
.sw-detail-wrap{max-width:1220px;margin:0 auto;padding:26px 22px 64px}
.sw-detail-breadcrumb{display:flex;align-items:center;gap:9px;color:var(--sw-muted-2);font-size:12.5px;margin:2px 0 16px}
.sw-detail-breadcrumb a{color:var(--sw-muted);font-weight:700}
.sw-detail-breadcrumb strong{color:var(--sw-text-soft);font-weight:700}
.sw-detail-notice{margin-bottom:16px}

.sw-detail-hero{
    position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
    padding:24px 26px;margin-bottom:18px;border:1px solid var(--sw-border);border-radius:18px;background:#fff;
    box-shadow:0 8px 28px rgba(18,20,43,.06)
}
.sw-detail-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#9ca3af}
.sw-detail-hero-ok:before{background:var(--sw-green)}
.sw-detail-hero-warn:before{background:#f59e0b}
.sw-detail-hero-error:before{background:var(--sw-red)}
.sw-detail-hero-paused:before,.sw-detail-hero-unknown:before{background:#9ca3af}
.sw-detail-identity{display:flex;align-items:center;gap:17px;min-width:260px}
.sw-detail-orb{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;flex:none;background:#eef0f5;box-shadow:inset 0 0 0 8px rgba(255,255,255,.55)}
.sw-detail-orb-dot{width:14px;height:14px;border-radius:50%;background:#9ca3af;box-shadow:0 0 0 4px rgba(156,163,175,.16)}
.sw-detail-orb-ok{background:#d7f2df}.sw-detail-orb-ok .sw-detail-orb-dot{background:var(--sw-green);box-shadow:0 0 0 4px rgba(22,163,74,.14)}
.sw-detail-orb-warn{background:#fff0cb}.sw-detail-orb-warn .sw-detail-orb-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.15)}
.sw-detail-orb-error{background:#fde2e1}.sw-detail-orb-error .sw-detail-orb-dot{background:var(--sw-red);box-shadow:0 0 0 4px rgba(220,38,38,.14)}
.sw-detail-kicker,.sw-detail-section-kicker{font-size:10.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--sw-muted-2)}
.sw-detail-hero h1{margin:3px 0 5px;font-size:24px;line-height:1.12}
.sw-detail-url-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.sw-detail-url-row a{color:var(--sw-muted);font-weight:600}
.sw-detail-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eef0fb;color:var(--sw-indigo);font-size:10.5px;font-weight:800}
.sw-detail-tag-maintenance{background:#fff0cb;color:#9a6700}
.sw-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.sw-detail-actions form{margin:0}
.sw-detail-actions button{margin:0}
.sw-detail-action{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:9px 12px;border-radius:9px;font-size:12.5px;font-weight:800;white-space:nowrap;text-decoration:none;box-shadow:none}
.sw-detail-action:hover{text-decoration:none}
.sw-detail-action.secondary{background:#fff;color:var(--sw-text-soft);border:1px solid #dcdfea}
.sw-detail-action.secondary:hover{background:#f7f8fc;color:var(--sw-text)}
.sw-detail-action-primary{background:var(--sw-indigo);color:#fff;border:1px solid var(--sw-indigo)}
.sw-detail-action-primary:hover{background:var(--sw-indigo-dark);color:#fff}

.sw-detail-kpis{display:grid;grid-template-columns:1fr 1fr 1.55fr 1.35fr;gap:14px;margin-bottom:18px}
.sw-detail-kpi{background:#fff;border:1px solid var(--sw-border);border-radius:15px;padding:18px 18px 16px;box-shadow:0 2px 10px rgba(18,20,43,.035);min-width:0}
.sw-detail-kpi-label{font-size:11px;font-weight:800;color:var(--sw-muted);margin-bottom:12px}
.sw-detail-kpi-value{font-size:22px;font-weight:850;letter-spacing:-.4px;line-height:1.08;margin-bottom:7px}
.sw-detail-kpi-sub{font-size:11.5px;color:var(--sw-muted);line-height:1.45;margin-top:6px}
.sw-detail-kpi-meta{font-size:10.5px;color:var(--sw-muted-2);margin-top:8px}
.sw-detail-attention-hint{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 8px;border-radius:999px;background:#fff4da;color:#9a6700;font-size:10px;font-weight:800}
.sw-detail-current{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:850;letter-spacing:-.4px}
.sw-detail-current-dot{width:9px;height:9px;border-radius:50%;background:#9ca3af}
.sw-detail-current-ok{color:var(--sw-green-text)}.sw-detail-current-ok .sw-detail-current-dot{background:var(--sw-green)}
.sw-detail-current-warn{color:#9a6700}.sw-detail-current-warn .sw-detail-current-dot{background:#f59e0b}
.sw-detail-current-error{color:var(--sw-red-text)}.sw-detail-current-error .sw-detail-current-dot{background:var(--sw-red)}
.sw-detail-current-paused,.sw-detail-current-unknown{color:var(--sw-muted)}
.sw-detail-kpi-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sw-detail-kpi-topline .sw-detail-kpi-label{margin:0}
.sw-detail-kpi-topline strong{font-size:12px}
.sw-detail-24h{display:flex;gap:3px;align-items:center;margin:15px 0 9px}
.sw-detail-hour{flex:1;height:20px;border-radius:3px;background:#e8eaf0;min-width:3px}
.sw-detail-hour-ok{background:#2ed36f}.sw-detail-hour-warn{background:#f5b942}.sw-detail-hour-error{background:#ef4444}.sw-detail-hour-none{background:#e5e7ef}
.sw-detail-domain-card{padding-bottom:13px}
.sw-detail-cert-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;margin-top:8px}
.sw-detail-cert-row span{color:var(--sw-text-soft);font-weight:700}
.sw-detail-cert-row strong{text-align:right;font-size:11.5px}
.sw-detail-cert-msg{font-size:10px;color:var(--sw-muted-2);line-height:1.35;margin:3px 0 8px;padding-bottom:8px;border-bottom:1px solid #f0f1f6}
.sw-detail-cert-msg:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.sw-detail-text-ok{color:var(--sw-green-text)!important}.sw-detail-text-warn{color:#a16207!important}.sw-detail-text-error{color:var(--sw-red)!important}.sw-detail-text-unknown{color:var(--sw-muted)!important}

.sw-detail-panel{background:#fff;border:1px solid var(--sw-border);border-radius:16px;padding:20px 22px;margin-bottom:18px;box-shadow:0 2px 10px rgba(18,20,43,.035)}
.sw-detail-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px;flex-wrap:wrap}
.sw-detail-panel-head h2{font-size:16px;margin:3px 0 0}
.sw-detail-inline-link{font-size:11.5px;font-weight:800;color:var(--sw-indigo)}
.sw-detail-range{font-size:10.5px;font-weight:800;color:var(--sw-muted);padding:6px 9px;border:1px solid var(--sw-border);border-radius:8px;background:#f8f9fc}
.sw-detail-count-badge{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--sw-red-bg);color:var(--sw-red);font-size:12px;font-weight:850}

.sw-detail-alert-panel{border-color:#f4d1cf;background:linear-gradient(180deg,#fff,#fffafa)}
.sw-detail-alert-list{display:grid;gap:10px}
.sw-detail-alert{display:flex;gap:12px;padding:13px;border-radius:11px;border:1px solid #f1e5e4;background:#fff}
.sw-detail-alert-icon{width:35px;height:35px;border-radius:9px;background:#f8f1f1;display:grid;place-items:center;flex:none}
.sw-detail-alert strong{display:block;font-size:12.5px;margin-bottom:3px}
.sw-detail-alert p{font-size:11.5px;color:var(--sw-text-soft);margin:0 0 4px;line-height:1.45}
.sw-detail-alert small{display:block;font-size:10.5px;color:var(--sw-muted)}
.sw-detail-alert-error{border-left:3px solid var(--sw-red)}.sw-detail-alert-warn{border-left:3px solid #f59e0b}
.sw-detail-alert-body{min-width:0;flex:1}
.sw-detail-alert-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:3px}
.sw-detail-alert-title-row>strong{margin:0}
.sw-detail-alert-message{margin-bottom:10px!important}
.sw-detail-priority{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.25px}
.sw-detail-priority-critical{background:#fee2e2;color:#991b1b}.sw-detail-priority-high{background:#ffedd5;color:#9a3412}.sw-detail-priority-medium{background:#fef3c7;color:#92400e}.sw-detail-priority-low{background:#eef2ff;color:#4338ca}.sw-detail-priority-info{background:#eef2f7;color:#64748b}
.sw-detail-advice-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:9px;margin-top:8px}
.sw-detail-advice-box{padding:10px 11px;border-radius:9px;border:1px solid #e7e9f1;background:#f8f9fc}
.sw-detail-advice-tip{border-color:#d8e7dc;background:#f4fbf6}
.sw-detail-advice-label{display:block;font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.35px;font-weight:800;color:var(--sw-muted);margin-bottom:5px}
.sw-detail-advice-box p{margin:0!important;font-size:10.5px!important;line-height:1.5!important;color:var(--sw-text-soft)!important}
.sw-detail-advice-tip p{color:#315942!important}
.sw-detail-advice-note{margin-top:8px;font-size:10px;color:var(--sw-muted);font-weight:600}
.sw-detail-code-snippet{margin-top:10px;max-width:760px}
.sw-detail-code-snippet pre{font-size:10.5px}
body.sw-dark .sw-detail-advice-box{background:#202334;border-color:#34384e}
body.sw-dark .sw-detail-advice-tip{background:#1d2b24;border-color:#2f4938}
body.sw-dark .sw-detail-advice-tip p{color:#b9dfc5!important}
body.sw-dark .sw-detail-priority-critical{background:#4a2025;color:#fecaca}body.sw-dark .sw-detail-priority-high{background:#49301d;color:#fed7aa}body.sw-dark .sw-detail-priority-medium{background:#45391d;color:#fde68a}body.sw-dark .sw-detail-priority-low{background:#292b50;color:#c7d2fe}body.sw-dark .sw-detail-priority-info{background:#303446;color:#cbd5e1}

.sw-detail-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--sw-border);border-radius:12px;overflow:hidden;margin-bottom:15px}
.sw-detail-period-stat{padding:16px 18px;border-right:1px solid var(--sw-border)}
.sw-detail-period-stat:last-child{border-right:0}
.sw-detail-period-label{font-size:10.5px;color:var(--sw-muted);font-weight:800;margin-bottom:6px}
.sw-detail-period-percent{font-size:22px;font-weight:850;color:var(--sw-green-text);letter-spacing:-.4px}
.sw-detail-period-meta{font-size:10.5px;color:var(--sw-muted-2);margin-top:5px}
.sw-detail-period-pending{font-size:15px;font-weight:850;color:var(--sw-muted);letter-spacing:-.15px;line-height:1.2;margin-top:2px}.sw-detail-period-coverage{font-size:9.8px;color:var(--sw-muted-2);margin-top:4px}
.sw-detail-days{display:flex;gap:3px;margin-top:8px}
.sw-detail-day{height:26px;flex:1;border-radius:3px;min-width:3px;background:#e7e9ef}
.sw-detail-day-ok{background:#22c55e}.sw-detail-day-warn{background:#f5b942}.sw-detail-day-error{background:#ef4444}.sw-detail-day-none{background:#e7e9ef}
.sw-detail-legend{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:9px;font-size:10px;color:var(--sw-muted)}
.sw-detail-legend span{display:inline-flex;align-items:center;gap:5px}.sw-detail-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#e7e9ef}
.sw-detail-legend i.ok{background:#22c55e}.sw-detail-legend i.warn{background:#f5b942}.sw-detail-legend i.error{background:#ef4444}.sw-detail-legend i.none{background:#e7e9ef}

.sw-detail-chart-summary{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:10px}
.sw-detail-chart-summary div{display:flex;flex-direction:column;gap:2px}.sw-detail-chart-summary span{font-size:10px;color:var(--sw-muted)}.sw-detail-chart-summary strong{font-size:13px}
.sw-detail-collecting-note{display:inline-flex;align-items:center;margin:-1px 0 8px;padding:5px 8px;border-radius:999px;background:#f2f3f7;color:var(--sw-muted);font-size:10px;font-weight:800}
.sw-detail-connector-performance{margin-top:18px;padding:16px 18px;border:1px solid #eceef4;border-radius:14px;background:#fafbfe}
.sw-detail-connector-performance-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.sw-detail-connector-performance-head strong{font-size:13px}
.sw-detail-connector-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sw-detail-connector-stats>div{padding:10px 12px;border-radius:11px;background:#fff;border:1px solid #eceef4;display:flex;flex-direction:column;gap:3px}
.sw-detail-connector-stats span{font-size:10px;color:var(--sw-muted);font-weight:700}
.sw-detail-connector-stats strong{font-size:13px}
.sw-detail-connector-note{margin:10px 0 0;color:var(--sw-muted);font-size:10.5px;line-height:1.55}
.sw-detail-connector-error{margin-top:10px;padding:8px 10px;border-radius:10px;background:#fff1f0;color:var(--sw-red);font-size:10.5px;font-weight:700}
.sw-detail-chart-wrap{width:100%;overflow:hidden;padding-top:2px}
.sw-detail-chart{display:block;width:100%;height:auto;min-height:210px;color:var(--sw-indigo)}
.sw-chart-axis{stroke:#d9dce6;stroke-width:1}.sw-chart-grid{stroke:#eceef4;stroke-width:1;stroke-dasharray:4 5}.sw-chart-label{font-size:10px;fill:#8a8ea7}.sw-chart-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.sw-chart-point{fill:#fff;stroke:currentColor;stroke-width:2}
.sw-detail-empty-inline{padding:20px 0;color:var(--sw-muted);font-size:12px;text-align:center}

.sw-detail-two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}
.sw-detail-check-list{display:grid;gap:0}
.sw-detail-check-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f1f6}
.sw-detail-check-row:last-child{border-bottom:0}
.sw-detail-check-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#f2f3f7;font-size:14px}
.sw-detail-check-icon-ok{background:#e8f7ed}.sw-detail-check-icon-warn{background:#fff4da}.sw-detail-check-icon-error{background:#fdeceb}
.sw-detail-check-main{min-width:0}.sw-detail-check-main strong{display:block;font-size:11.8px;margin-bottom:2px}.sw-detail-check-main span{display:block;font-size:10.5px;color:var(--sw-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-detail-mini-status{font-size:9.5px;font-weight:850;padding:4px 7px;border-radius:999px;background:#eef0f4;color:var(--sw-muted)}
.sw-detail-mini-status-ok{background:#e7f6eb;color:var(--sw-green-text)}.sw-detail-mini-status-warn{background:#fff2d2;color:#9a6700}.sw-detail-mini-status-error{background:#fde7e6;color:var(--sw-red-text)}
.sw-detail-health-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #f0f1f6;font-size:11.5px}
.sw-detail-health-row span{color:var(--sw-muted);font-weight:700}.sw-detail-health-row strong{text-align:right;max-width:62%;line-height:1.4}
.sw-detail-health-link{display:block;margin-top:15px;font-size:11px;font-weight:800}

.sw-detail-incident-list{display:grid;gap:0}
.sw-detail-incident{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f1f6}
.sw-detail-incident:last-child{border-bottom:0}
.sw-detail-incident-dot{width:9px;height:9px;border-radius:50%;background:#9ca3af}.sw-detail-incident-dot-warn{background:#f59e0b}.sw-detail-incident-dot-error{background:var(--sw-red)}
.sw-detail-incident strong{display:block;font-size:11.8px;margin-bottom:2px}.sw-detail-incident span:not(.sw-detail-mini-status):not(.sw-detail-incident-dot){display:block;font-size:10.5px;color:var(--sw-muted)}
.sw-detail-note-head{margin-top:17px;padding-top:14px;border-top:1px solid var(--sw-border);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--sw-muted)}
.sw-detail-note{display:grid;grid-template-columns:115px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #f4f5f8;font-size:10.5px}.sw-detail-note strong{color:var(--sw-text-soft)}.sw-detail-note span{color:var(--sw-muted)}
.sw-detail-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:5px 2px;font-size:11.5px;font-weight:800}

body.sw-dark .sw-detail-hero,
body.sw-dark .sw-detail-kpi,
body.sw-dark .sw-detail-panel{background:#1c1f2e;border-color:var(--sw-border);box-shadow:none}
body.sw-dark .sw-detail-hero:before{opacity:.95}
body.sw-dark .sw-detail-action.secondary{background:#242739;border-color:#3a3d55;color:#d9dced}
body.sw-dark .sw-detail-action.secondary:hover{background:#2d3044}
body.sw-dark .sw-detail-tag{background:#292d4a}
body.sw-dark .sw-detail-tag-maintenance{background:#493a1b;color:#facc66}
body.sw-dark .sw-detail-cert-msg,
body.sw-dark .sw-detail-check-row,
body.sw-dark .sw-detail-health-row,
body.sw-dark .sw-detail-incident,
body.sw-dark .sw-detail-note{border-color:#2b2e40}
body.sw-dark .sw-detail-range{background:#232637;border-color:#34374b}
body.sw-dark .sw-detail-attention-hint{background:#44371f;color:#f5c66b}
body.sw-dark .sw-detail-collecting-note{background:#292c3d;color:#aeb2c8}
body.sw-dark .sw-detail-stat-grid{border-color:#34374b}
body.sw-dark .sw-detail-period-stat{border-color:#34374b}
body.sw-dark .sw-detail-alert-panel{background:#1c1f2e;border-color:#4a2a2a}
body.sw-dark .sw-detail-alert{background:#242636;border-color:#3b3540}
body.sw-dark .sw-detail-alert-icon{background:#302b39}
body.sw-dark .sw-detail-check-icon{background:#272a3c}
body.sw-dark .sw-detail-check-icon-ok{background:#1e3a2a}.sw-dark .sw-detail-check-icon-warn{background:#42361d}.sw-dark .sw-detail-check-icon-error{background:#432529}
body.sw-dark .sw-detail-mini-status{background:#2a2d40}
body.sw-dark .sw-detail-mini-status-ok{background:#1f3b2a;color:#7ed996}.sw-dark .sw-detail-mini-status-warn{background:#44371f;color:#f5c66b}.sw-dark .sw-detail-mini-status-error{background:#47282b;color:#f4a1a1}
body.sw-dark .sw-detail-hour-none,body.sw-dark .sw-detail-day-none{background:#34374b}
body.sw-dark .sw-chart-axis{stroke:#3b3e52}.sw-dark .sw-chart-grid{stroke:#2f3245}.sw-dark .sw-chart-label{fill:#8f93ad}.sw-dark .sw-chart-point{fill:#1c1f2e}

@media (max-width:1050px){
    .sw-detail-kpis{grid-template-columns:1fr 1fr}
    .sw-detail-kpi-wide{grid-column:span 1}
}
@media (max-width:820px){
    .sw-nav{padding:0 16px}.sw-nav-email{display:none}
    .sw-detail-wrap{padding:20px 14px 48px}
    .sw-detail-hero{padding:20px}
    .sw-detail-actions{width:100%;justify-content:flex-start}
    .sw-detail-two-col{grid-template-columns:1fr}
    .sw-detail-stat-grid{grid-template-columns:1fr}
    .sw-detail-period-stat{border-right:0;border-bottom:1px solid var(--sw-border)}
    .sw-detail-period-stat:last-child{border-bottom:0}
}
@media (max-width:620px){
    .sw-detail-kpis{grid-template-columns:1fr}
    .sw-detail-identity{align-items:flex-start}
    .sw-detail-orb{width:44px;height:44px}
    .sw-detail-hero h1{font-size:21px}
    .sw-detail-actions{display:grid;grid-template-columns:1fr 1fr}
    .sw-detail-actions form{width:100%}.sw-detail-action{width:100%}
    .sw-detail-24h{gap:2px}.sw-detail-hour{height:18px}
    .sw-detail-chart{min-width:640px}
    .sw-detail-chart-wrap{overflow-x:auto}
    .sw-detail-check-row{grid-template-columns:34px minmax(0,1fr)}
    .sw-detail-check-row .sw-detail-mini-status{grid-column:2;justify-self:start}
    .sw-detail-incident{grid-template-columns:12px minmax(0,1fr)}
    .sw-detail-incident .sw-detail-mini-status{grid-column:2;justify-self:start}
    .sw-detail-note{grid-template-columns:1fr;gap:3px}
}

/* ========================================================================== */
/* Kompaktes Dashboard 08.09.2026                                             */
/* Dashboard = Uebersicht; Detailseite = Diagnose und Loesung.                */
/* ========================================================================== */
.sw-dashboard-wrap{max-width:1180px}
.sw-dashboard-head{align-items:center;margin-bottom:20px}
.sw-dashboard-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.sw-dashboard-secondary-btn{list-style:none;display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #dcdfea;border-radius:10px;background:#fff;color:var(--sw-text-soft);font-size:13px;font-weight:750;cursor:pointer;user-select:none}
.sw-dashboard-secondary-btn::-webkit-details-marker{display:none}
.sw-dashboard-secondary-btn:hover{background:#f8f9fc;color:var(--sw-text)}
.sw-dashboard-menu,.sw-dashboard-card-menu{position:relative}
.sw-dashboard-menu-popover,.sw-dashboard-card-menu-popover{position:absolute;right:0;top:calc(100% + 7px);z-index:25;min-width:225px;background:#fff;border:1px solid var(--sw-border);border-radius:11px;box-shadow:0 14px 35px rgba(18,20,43,.14);padding:6px}
.sw-dashboard-menu-popover a,.sw-dashboard-card-menu-popover a{display:block;padding:9px 10px;border-radius:8px;font-size:12px;font-weight:700;color:var(--sw-text-soft);white-space:nowrap}
.sw-dashboard-menu-popover a:hover,.sw-dashboard-card-menu-popover a:hover{background:#f5f6fb;text-decoration:none;color:var(--sw-text)}

.sw-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.sw-dashboard-stats .sw-stat{min-width:0;padding:15px 16px}
.sw-stat-icon-blue{background:#eef0fb}.sw-stat-icon-green{background:var(--sw-green-bg)}.sw-stat-icon-amber{background:var(--sw-amber-bg)}.sw-stat-icon-violet{background:#ecebff}
.sw-text-amber{color:var(--sw-amber)}.sw-text-green{color:var(--sw-green-text)}

.sw-dashboard-attention,.sw-dashboard-sites{background:#fff;border:1px solid var(--sw-border);border-radius:16px;box-shadow:0 1px 2px rgba(20,22,40,.04);margin-bottom:18px}
.sw-dashboard-attention{overflow:hidden}
.sw-dashboard-section-head,.sw-dashboard-sites-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px}
.sw-dashboard-section-head{border-bottom:1px solid var(--sw-border)}
.sw-dashboard-section-head h2,.sw-dashboard-sites-head h2{font-size:16px;margin:2px 0 0;letter-spacing:-.2px}
.sw-dashboard-eyebrow{font-size:9.5px;text-transform:uppercase;letter-spacing:.75px;font-weight:850;color:var(--sw-muted)}
.sw-dashboard-count-badge{font-size:10.5px;font-weight:800;color:#9a6700;background:#fff4d5;border:1px solid #f6e1a9;border-radius:999px;padding:5px 9px;white-space:nowrap}
.sw-dashboard-attention-list{display:grid}
.sw-dashboard-attention-row{display:grid;grid-template-columns:34px 135px minmax(0,1fr) auto 14px;align-items:center;gap:10px;padding:11px 17px;border-bottom:1px solid #f1f2f6;color:inherit}
.sw-dashboard-attention-row:last-child{border-bottom:0}
.sw-dashboard-attention-row:hover{background:#fafbfe;text-decoration:none}
.sw-dashboard-attention-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:13px;background:#fff4dc}
.sw-dashboard-attention-icon-error{background:#fdeceb}.sw-dashboard-attention-icon-warn{background:#fff4dc}
.sw-dashboard-attention-site{font-size:11.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sw-dashboard-attention-copy{min-width:0;display:block}
.sw-dashboard-attention-copy strong{display:block;font-size:10.5px;margin-bottom:1px;color:var(--sw-text-soft)}
.sw-dashboard-attention-copy span{display:block;font-size:10.5px;color:var(--sw-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sw-dashboard-severity{font-size:9px;font-weight:850;border-radius:999px;padding:4px 7px;white-space:nowrap}
.sw-dashboard-severity-warn{background:#fff3d4;color:#9a6700}.sw-dashboard-severity-error{background:#fde8e7;color:var(--sw-red-text)}
.sw-dashboard-row-arrow{font-size:20px;color:#a4a8bb;line-height:1}
.sw-dashboard-attention-more{padding:9px 17px;background:#fafbfe;border-top:1px solid var(--sw-border);font-size:10.5px;color:var(--sw-muted)}

.sw-dashboard-sites{padding-bottom:13px}
.sw-dashboard-sites-head{padding-bottom:13px}
.sw-dashboard-search-wrap{width:min(310px,100%);height:36px;border:1px solid #dcdfea;background:#f9fafe;border-radius:9px;display:flex;align-items:center;gap:7px;padding:0 10px;color:var(--sw-muted)}
.sw-dashboard-search-wrap input{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;font-size:12px!important;height:100%;min-width:0}
.sw-dashboard-search-wrap input:focus{outline:0!important}
.sw-dashboard-filters{display:flex;gap:6px;padding:0 19px 13px;overflow-x:auto}
.sw-dashboard-filter{margin:0;padding:7px 10px;border-radius:8px;background:#f5f6fa;color:var(--sw-muted);border:1px solid transparent;font-size:10.5px;font-weight:800;white-space:nowrap}
.sw-dashboard-filter:hover{background:#eef0f6;color:var(--sw-text)}
.sw-dashboard-filter.is-active{background:#eeedff;color:var(--sw-indigo);border-color:#dad7ff}
.sw-dashboard-filter span{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.75);margin-left:3px;font-size:9px}
.sw-dashboard-site-list{display:grid;gap:10px;padding:0 13px}

.sw-dashboard-site-card{border:1px solid var(--sw-border);border-radius:13px;background:#fff;overflow:visible;box-shadow:0 1px 2px rgba(20,22,40,.025);position:relative}
.sw-dashboard-site-card:before{content:"";position:absolute;left:-1px;top:13px;bottom:13px;width:3px;border-radius:0 3px 3px 0;background:#d6d9e5}
.sw-dashboard-site-state-ok:before{background:#25b85a}.sw-dashboard-site-state-warn:before{background:#f3b32d}.sw-dashboard-site-state-error:before{background:#e84a4a}.sw-dashboard-site-state-off:before{background:#b8bccd}
.sw-dashboard-site-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 10px}
.sw-dashboard-site-identity{display:flex;align-items:center;gap:10px;min-width:0;color:inherit}
.sw-dashboard-site-identity:hover{text-decoration:none}
.sw-dashboard-site-title-wrap{display:block;min-width:0}
.sw-dashboard-site-title-wrap strong{display:block;font-size:13px;line-height:1.25;color:var(--sw-text)}
.sw-dashboard-site-identity:hover strong{color:var(--sw-indigo)}
.sw-dashboard-site-title-wrap span{display:block;margin-top:2px;font-size:9.8px;color:var(--sw-muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}
.sw-dashboard-site-top .sw-site-fav{width:31px;height:31px;border-radius:8px;font-size:11px}
.sw-dashboard-site-top-actions{display:flex;align-items:center;gap:6px;flex:none}
.sw-dashboard-issue-pill,.sw-dashboard-maintenance-pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:850;white-space:nowrap}
.sw-dashboard-issue-pill{background:#fff3d8;color:#946200}.sw-dashboard-issue-pill.is-critical{background:#fde9e8;color:var(--sw-red-text)}.sw-dashboard-issue-pill.is-ok{background:#e9f8ee;color:var(--sw-green-text)}
.sw-dashboard-maintenance-pill{background:#f2f0ff;color:#5b50bd}
.sw-dashboard-details-btn{font-size:9.8px;font-weight:800;color:#fff;background:var(--sw-indigo);padding:6px 9px;border-radius:7px}
.sw-dashboard-details-btn:hover{background:var(--sw-indigo-dark);text-decoration:none;color:#fff}
.sw-dashboard-card-menu summary{list-style:none;width:29px;height:28px;border:1px solid var(--sw-border);border-radius:7px;display:grid;place-items:center;background:#fff;color:var(--sw-muted);font-weight:850;cursor:pointer;font-size:11px}
.sw-dashboard-card-menu summary::-webkit-details-marker{display:none}
.sw-dashboard-card-menu summary:hover{background:#f7f8fb;color:var(--sw-text)}
.sw-dashboard-card-menu-popover{top:34px;min-width:190px}

.sw-dashboard-metrics{display:grid;grid-template-columns:1.08fr .9fr .85fr 1fr 1fr 1fr;border-top:1px solid #f1f2f6;border-bottom:1px solid #f1f2f6;margin:0 14px}
.sw-dashboard-metric{min-width:0;padding:9px 11px;border-right:1px solid #f0f1f5}
.sw-dashboard-metric:first-child{padding-left:2px}.sw-dashboard-metric:last-child{border-right:0;padding-right:2px}
.sw-dashboard-metric-label{display:block;font-size:8.8px;text-transform:uppercase;letter-spacing:.4px;font-weight:850;color:var(--sw-muted);margin-bottom:4px}
.sw-dashboard-metric-value,.sw-dashboard-mini-state{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:850;line-height:1.2}
.sw-dashboard-metric-value i,.sw-dashboard-mini-state i{width:6px;height:6px;border-radius:50%;background:#b7bbc9;flex:none}
.sw-dashboard-metric-value-ok,.sw-dashboard-mini-state-ok{color:var(--sw-green-text)}.sw-dashboard-metric-value-ok i,.sw-dashboard-mini-state-ok i{background:#22c55e}
.sw-dashboard-metric-value-warn,.sw-dashboard-mini-state-warn{color:#9a6700}.sw-dashboard-metric-value-warn i,.sw-dashboard-mini-state-warn i{background:#f5b942}
.sw-dashboard-metric-value-error,.sw-dashboard-mini-state-error{color:var(--sw-red-text)}.sw-dashboard-metric-value-error i,.sw-dashboard-mini-state-error i{background:#ef4444}
.sw-dashboard-metric-value-off,.sw-dashboard-mini-state-off{color:var(--sw-muted)}
.sw-dashboard-metric-number{display:block;font-size:12px;font-weight:850;line-height:1.2;color:var(--sw-text)}
.sw-dashboard-metric small{display:block;margin-top:3px;font-size:8.8px;color:var(--sw-muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}

.sw-dashboard-site-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 14px 8px}
.sw-dashboard-site-message{min-width:0;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--sw-text-soft)}
.sw-dashboard-site-message>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sw-dashboard-site-message strong{font-weight:850}.sw-dashboard-site-message em{font-style:normal;color:var(--sw-muted);font-weight:700;margin-left:4px}
.sw-dashboard-message-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:#f3f4f8;font-size:10px;flex:none}
.sw-dashboard-message-icon-error{background:#fdeceb}.sw-dashboard-message-icon-warn{background:#fff4dc}.sw-dashboard-message-icon-ok{background:#e9f8ee;color:var(--sw-green-text)}.sw-dashboard-message-icon-off{background:#f0f1f5;color:var(--sw-muted)}
.sw-dashboard-last-check{font-size:9px;color:var(--sw-muted);white-space:nowrap;flex:none}.sw-dashboard-last-check strong{color:var(--sw-text-soft)}

.sw-dashboard-mini-history{display:grid;grid-template-columns:45px minmax(0,1fr) 50px;align-items:center;gap:8px;padding:0 14px 10px}
.sw-dashboard-mini-history-label,.sw-dashboard-mini-history-value{font-size:8.5px;font-weight:800;color:var(--sw-muted);text-transform:uppercase;letter-spacing:.3px}.sw-dashboard-mini-history-value{text-align:right;color:var(--sw-text-soft)}
.sw-dashboard-mini-history-bars{display:flex;gap:2px;height:8px;align-items:stretch}
.sw-dashboard-mini-history-bars i{display:block;flex:1;min-width:2px;border-radius:2px;background:#e7e9f0}
.sw-dashboard-mini-history-bars i.is-ok{background:#26b65b}.sw-dashboard-mini-history-bars i.is-warn{background:#f5b942}.sw-dashboard-mini-history-bars i.is-error{background:#ef4444}.sw-dashboard-mini-history-bars i.is-none{background:#e5e7ef}
.sw-dashboard-no-results{margin:2px 13px 0;padding:30px;text-align:center;border:1px dashed #dfe2eb;border-radius:12px;color:var(--sw-muted);font-size:12px}
.sw-dashboard-footer-note{padding:2px 4px;margin-top:4px}

body.sw-dark .sw-dashboard-secondary-btn,
body.sw-dark .sw-dashboard-attention,
body.sw-dark .sw-dashboard-sites,
body.sw-dark .sw-dashboard-site-card,
body.sw-dark .sw-dashboard-card-menu summary,
body.sw-dark .sw-dashboard-menu-popover,
body.sw-dark .sw-dashboard-card-menu-popover{background:#1c1f2e;border-color:var(--sw-border)}
body.sw-dark .sw-dashboard-menu-popover a:hover,
body.sw-dark .sw-dashboard-card-menu-popover a:hover,
body.sw-dark .sw-dashboard-attention-row:hover{background:#242739}
body.sw-dark .sw-dashboard-search-wrap{background:#242739;border-color:var(--sw-border)}
body.sw-dark .sw-dashboard-filter{background:#242739;color:var(--sw-muted)}
body.sw-dark .sw-dashboard-filter.is-active{background:#302e57;color:#c7c4ff;border-color:#45407a}
body.sw-dark .sw-dashboard-filter span{background:#1c1f2e}
body.sw-dark .sw-dashboard-metrics{border-color:var(--sw-border)}
body.sw-dark .sw-dashboard-metric{border-color:var(--sw-border)}
body.sw-dark .sw-dashboard-site-bottom{border-color:var(--sw-border)}
body.sw-dark .sw-dashboard-attention-more{background:#202333;border-color:var(--sw-border)}

@media (max-width:980px){
    .sw-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sw-dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
    .sw-dashboard-metric:nth-child(3){border-right:0}
    .sw-dashboard-metric:nth-child(-n+3){border-bottom:1px solid #f0f1f5}
    .sw-dashboard-attention-row{grid-template-columns:32px 115px minmax(0,1fr) auto 12px}
}
@media (max-width:700px){
    .sw-dashboard-head-actions{width:100%;justify-content:flex-end}
    .sw-dashboard-sites-head{align-items:flex-start;flex-direction:column}
    .sw-dashboard-search-wrap{width:100%}
    .sw-dashboard-attention-row{grid-template-columns:32px minmax(0,1fr) auto 12px}
    .sw-dashboard-attention-site{grid-column:2}.sw-dashboard-attention-copy{grid-column:2;grid-row:2}.sw-dashboard-severity{grid-column:3;grid-row:1 / span 2}.sw-dashboard-row-arrow{grid-column:4;grid-row:1 / span 2}.sw-dashboard-attention-icon{grid-row:1 / span 2}
    .sw-dashboard-site-top{align-items:flex-start;flex-direction:column}
    .sw-dashboard-site-top-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}
    .sw-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
    .sw-dashboard-metric:nth-child(2n){border-right:0}.sw-dashboard-metric:nth-child(3){border-right:1px solid #f0f1f5}.sw-dashboard-metric:nth-child(-n+4){border-bottom:1px solid #f0f1f5}
    .sw-dashboard-site-bottom{align-items:flex-start;flex-direction:column;gap:6px}
    .sw-dashboard-last-check{padding-left:29px}
}
@media (max-width:520px){
    .sw-dashboard-stats{grid-template-columns:1fr}
    .sw-dashboard-head-actions{justify-content:stretch}.sw-dashboard-head-actions>*{flex:1}.sw-dashboard-head-actions .sw-btn-link{text-align:center}.sw-dashboard-secondary-btn{justify-content:center;width:100%}
    .sw-dashboard-metrics{grid-template-columns:1fr 1fr;margin:0 10px}
    .sw-dashboard-metric{padding:8px 8px}.sw-dashboard-metric:first-child{padding-left:8px}.sw-dashboard-metric:last-child{padding-right:8px}
    .sw-dashboard-mini-history{grid-template-columns:1fr 45px}.sw-dashboard-mini-history-label{display:none}
    .sw-dashboard-site-top{padding-left:11px;padding-right:11px}.sw-dashboard-site-bottom{padding-left:11px;padding-right:11px}
    .sw-dashboard-site-title-wrap span{max-width:230px}
}

/* Dashboard: junge Uptime-Historien bewusst nicht als irrefuehrende Prozentzahl zeigen. */
.sw-dashboard-metric-number.sw-dashboard-metric-pending{font-size:10px;line-height:1.15;color:var(--sw-muted);max-width:120px}

@media (max-width:760px){.sw-detail-advice-grid{grid-template-columns:1fr}.sw-detail-alert-title-row{flex-direction:column;gap:6px}}

@media (max-width:760px){
  .sw-detail-connector-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sw-detail-connector-performance-head{align-items:center}
}
@media (max-width:460px){
  .sw-detail-connector-stats{grid-template-columns:1fr}
}
body.sw-dark .sw-detail-connector-performance{background:#202330;border-color:#34384c}
body.sw-dark .sw-detail-connector-stats>div{background:#252839;border-color:#34384c}
body.sw-dark .sw-detail-connector-error{background:#3a2428}

/* Verkaufsreife 3-8: Benachrichtigungen, Wartung, WordPress-Hinweise, Onboarding */
.sw-notification-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:10px}
.sw-notification-grid label{margin:0;padding:8px 10px;border:1px solid var(--sw-border);border-radius:9px;background:#f8f9fc;font-size:11px;font-weight:700;color:var(--sw-text-soft)}
.sw-notification-grid label:last-child{grid-column:1/-1}
.sw-setup-note{border:1px solid #dfe2eb;background:#f7f8fc;border-radius:10px;padding:11px 13px;font-size:11.5px;line-height:1.55;color:var(--sw-text-soft)}
.sw-setup-note strong{color:var(--sw-text)}
.sw-setup-note-warn{background:#fff8e9;border-color:#f4dfad;color:#795b12}
.sw-detail-maintenance-banner{display:flex;align-items:flex-start;gap:12px;margin:12px 0 14px;padding:13px 15px;border:1px solid #d9dcf5;background:#f3f4ff;border-radius:12px;color:#3730a3}
.sw-detail-maintenance-banner.is-active{background:#fff7df;border-color:#f1d995;color:#835d06}
.sw-detail-maintenance-icon{width:34px;height:34px;border-radius:9px;background:rgba(99,102,241,.12);display:grid;place-items:center;flex:none}
.sw-detail-maintenance-banner strong,.sw-detail-maintenance-banner span,.sw-detail-maintenance-banner small{display:block}.sw-detail-maintenance-banner strong{font-size:12px}.sw-detail-maintenance-banner span{font-size:11px;margin-top:2px}.sw-detail-maintenance-banner small{font-size:10px;margin-top:4px;opacity:.8}
.sw-detail-connector-tip{margin-top:12px;padding:12px 13px;border:1px solid #dad7ff;background:#f5f4ff;border-radius:10px}.sw-detail-connector-tip strong,.sw-detail-connector-tip span{display:block}.sw-detail-connector-tip strong{font-size:11.5px;color:#4338ca}.sw-detail-connector-tip span{font-size:10.5px;color:var(--sw-muted);line-height:1.5;margin-top:3px}
.sw-onboarding-wrap{max-width:900px}.sw-onboarding-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.sw-onboarding-head h1{margin:3px 0 4px;font-size:25px}.sw-onboarding-head p{margin:0;color:var(--sw-muted);font-size:12px}.sw-onboarding-progress-ring{width:76px;height:76px;border-radius:50%;border:7px solid #e7e5ff;display:grid;place-items:center;align-content:center;background:#fff;flex:none}.sw-onboarding-progress-ring strong{font-size:17px;color:var(--sw-indigo)}.sw-onboarding-progress-ring span{font-size:9px;color:var(--sw-muted);margin-top:-2px}
.sw-onboarding-list{display:grid;gap:9px;margin:16px 0}.sw-onboarding-step{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--sw-border);border-radius:12px;background:#fff}.sw-onboarding-step-state{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0f1f6;color:var(--sw-muted);font-size:11px;font-weight:850}.sw-onboarding-step.is-done .sw-onboarding-step-state{background:#e8f8ed;color:#15753a}.sw-onboarding-step-body strong,.sw-onboarding-step-body span{display:block}.sw-onboarding-step-body strong{font-size:12px;color:var(--sw-text)}.sw-onboarding-step-body span{font-size:10.5px;color:var(--sw-muted);margin-top:2px;line-height:1.45}.sw-onboarding-step>a{font-size:10.5px;font-weight:800;white-space:nowrap}.sw-onboarding-cron{margin-top:18px;max-width:none}.sw-onboarding-cron h2{font-size:15px}.sw-onboarding-cron p{font-size:11.5px;color:var(--sw-muted);line-height:1.55}
body.sw-dark .sw-notification-grid label,body.sw-dark .sw-setup-note,body.sw-dark .sw-onboarding-step,body.sw-dark .sw-onboarding-progress-ring,body.sw-dark .sw-onboarding-cron{background:#1c1f2e;border-color:var(--sw-border)}
body.sw-dark .sw-setup-note-warn,body.sw-dark .sw-detail-maintenance-banner.is-active{background:#3b321f;border-color:#5b4b25;color:#f4d47a}
body.sw-dark .sw-detail-maintenance-banner,body.sw-dark .sw-detail-connector-tip{background:#252540;border-color:#403d69}
body.sw-dark .sw-detail-connector-tip strong{color:#c7c4ff}
@media(max-width:700px){.sw-notification-grid{grid-template-columns:1fr}.sw-notification-grid label:last-child{grid-column:auto}.sw-onboarding-head{align-items:flex-start}.sw-onboarding-step{grid-template-columns:34px minmax(0,1fr)}.sw-onboarding-step>a{grid-column:2}.sw-onboarding-progress-ring{width:64px;height:64px}}

/* ---------- Navigation & Settings IA v22 ---------- */
.sw-nav{gap:18px}
.sw-nav-main{display:flex;align-items:center;gap:3px;min-width:0;margin-left:auto;margin-right:8px}
.sw-nav-link{color:#a4a8c1;font-size:12px;font-weight:700;padding:8px 9px;border-radius:8px;white-space:nowrap}
.sw-nav-link:hover{color:#fff;background:rgba(255,255,255,.07);text-decoration:none}
.sw-nav-link.is-active{color:#fff;background:rgba(99,102,241,.25)}
.sw-nav-right{gap:10px}
.sw-nav-icon-button{margin:0;background:none;border:0;padding:6px;color:#c8cbe0;box-shadow:none;font-size:14px}
.sw-nav-icon-button:hover{background:rgba(255,255,255,.08)}
.sw-nav-logout{padding:7px 4px}

select{width:100%;padding:10px 12px;border:1px solid #dcdfea;border-radius:9px;font-size:14px;font-family:inherit;background:#fff;color:var(--sw-text)}
select:focus{outline:none;border-color:var(--sw-indigo);box-shadow:0 0 0 3px rgba(79,70,229,.15)}

.sw-settings-wrap{max-width:1120px}
.sw-page-head h1{font-size:25px;margin:2px 0 5px}
.sw-page-head p{margin:0;color:var(--sw-muted);font-size:13px}
.sw-page-head-actions{align-items:center}
.sw-eyebrow{font-size:9.5px;line-height:1;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#74799b}
.sw-button-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--sw-indigo);color:#fff;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:800;text-decoration:none;border:1px solid transparent;white-space:nowrap}
.sw-button-link:hover{background:var(--sw-indigo-dark);text-decoration:none;color:#fff}
.sw-button-link.secondary{background:#fff;color:var(--sw-text-soft);border-color:#dcdfea}
.sw-button-link.secondary:hover{background:#f7f8fc;color:var(--sw-text)}
.sw-button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.sw-button-row button{margin:0}
.sw-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.sw-settings-card{margin:0;padding:22px}
.sw-settings-card-info{background:#fafbff}
.sw-settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.sw-settings-card-head>div:first-child{min-width:0}
.sw-settings-card-head h2{font-size:16px;margin:2px 0 4px}
.sw-settings-card-head p{margin:0;color:var(--sw-muted);font-size:11.5px;line-height:1.45}
.sw-settings-icon{width:31px;height:31px;border-radius:9px;background:#f0efff;display:grid;place-items:center;font-size:14px;margin-bottom:9px}
.sw-state-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:9.5px;font-weight:850;white-space:nowrap;background:#eef0f4;color:#777c93}
.sw-state-pill.is-ok{background:#e6f7eb;color:#16723b}
.sw-state-pill.is-warn{background:#fff1cc;color:#a05c00}
.sw-state-pill.is-error{background:#fee8e8;color:#b42318}
.sw-state-pill.is-info{background:#ecebff;color:#5148d8}
.sw-state-pill.is-neutral{background:#eef0f4;color:#6d7287}
.sw-form-grid{display:grid;gap:12px}
.sw-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sw-switch-line{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--sw-border);border-radius:10px;background:#fafbfe;margin:14px 0 2px}
.sw-switch-line input{width:auto;margin:2px 0 0}
.sw-switch-line span{display:block}
.sw-switch-line strong,.sw-switch-line small{display:block}
.sw-switch-line small{font-weight:500;color:var(--sw-muted);margin-top:2px}
.sw-inline-success{margin:11px 0 0;font-size:11px;color:var(--sw-green-text);font-weight:700}
.sw-summary-list{margin:2px 0 15px}
.sw-summary-list>div{display:grid;grid-template-columns:95px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--sw-border);font-size:11.5px}
.sw-summary-list>div:last-child{border-bottom:0}
.sw-summary-list dt{color:var(--sw-muted);font-weight:700}
.sw-summary-list dd{margin:0;text-align:right;font-weight:750;overflow-wrap:anywhere}
.sw-copy-field{display:flex;gap:8px;align-items:stretch}
.sw-copy-field input{margin:0}
.sw-copy-field button{margin:0;flex:none}
.sw-optional{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;background:#f0f1f6;color:var(--sw-muted);font-size:8px;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}

/* ---------- Public status page management ---------- */
.sw-status-branding-card{margin-bottom:16px}
.sw-brand-preview{display:flex;align-items:center;gap:14px;margin:13px 0;padding:10px 12px;background:#f8f9fc;border:1px solid var(--sw-border);border-radius:10px}
.sw-brand-preview img{max-width:160px;max-height:48px;object-fit:contain}
.sw-brand-preview label{margin:0 0 0 auto;font-size:11px}
.sw-brand-preview input{width:auto}
.sw-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.sw-section-head h2{margin:3px 0 0}
.sw-count-pill{display:inline-flex;padding:5px 9px;background:#f0efff;color:#5148d8;border-radius:999px;font-size:9.5px;font-weight:850}
.sw-status-page-list{display:grid;gap:9px}
.sw-status-page-row{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(180px,.9fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--sw-border);border-radius:12px;background:#fff}
.sw-status-page-main{display:flex;align-items:center;gap:10px;min-width:0}
.sw-status-page-main strong,.sw-status-page-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sw-status-page-main strong{font-size:12px}.sw-status-page-main span{font-size:9.5px;color:var(--sw-muted-2);margin-top:2px}
.sw-status-page-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.sw-status-meta-text{font-size:9.5px;color:var(--sw-muted)}
.sw-status-page-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap}
.sw-status-page-actions button,.sw-status-page-actions .sw-button-link{margin:0;padding:8px 10px;font-size:10px}
.sw-status-page-url{grid-column:1/-1;padding-top:8px;border-top:1px dashed var(--sw-border);font-size:9.5px;color:var(--sw-muted);overflow-wrap:anywhere}

/* ---------- Website management ---------- */
.sw-website-manage-list{display:grid;gap:12px}
.sw-website-manage-card{margin:0;padding:0;overflow:hidden}
.sw-website-manage-title{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--sw-border)}
.sw-website-manage-title h2{margin:0 0 2px;font-size:14px}.sw-website-manage-title a{font-size:10px;color:var(--sw-muted)}
.sw-website-manage-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--sw-border)}
.sw-website-manage-stats>div{padding:11px 13px;border-right:1px solid var(--sw-border);min-width:0}.sw-website-manage-stats>div:last-child{border-right:0}
.sw-website-manage-stats span,.sw-website-manage-stats strong{display:block}.sw-website-manage-stats span{font-size:8.5px;color:var(--sw-muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sw-website-manage-stats strong{font-size:10.5px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sw-text-ok{color:var(--sw-green-text)}.sw-text-error{color:var(--sw-red-text)}.sw-text-warn{color:var(--sw-amber)}
.sw-website-manage-actions{display:flex;gap:6px;justify-content:flex-end;padding:10px 13px;flex-wrap:wrap}.sw-website-manage-actions .sw-button-link{font-size:10px;padding:7px 10px}

/* ---------- Site edit information architecture ---------- */
.sw-site-edit-card{max-width:760px}
.sw-edit-subnav{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 18px;padding-bottom:14px;border-bottom:1px solid var(--sw-border)}
.sw-edit-subnav a{font-size:10px;font-weight:800;padding:6px 9px;border-radius:8px;background:#f2f3f8;color:var(--sw-text-soft)}
.sw-edit-subnav a:hover{text-decoration:none;background:#ebeaff;color:var(--sw-indigo)}
.sw-edit-section{margin-top:24px;padding-top:18px;border-top:1px solid var(--sw-border);scroll-margin-top:82px}
.sw-edit-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sw-edit-section-head>div{display:flex;align-items:center;gap:10px}.sw-edit-section-head strong,.sw-edit-section-head small{display:block}.sw-edit-section-head strong{font-size:12px}.sw-edit-section-head small{font-size:10px;color:var(--sw-muted);margin-top:2px}
.sw-edit-section-icon{width:31px;height:31px;border-radius:9px;background:#eef0fb;display:grid;place-items:center}

/* ---------- Detail notification summary ---------- */
.sw-detail-side-stack{display:grid;gap:14px;align-content:start}
.sw-detail-side-stack>.sw-detail-panel{margin:0}
.sw-detail-notification-topics{display:flex;gap:5px;flex-wrap:wrap;padding:10px 0 5px}
.sw-detail-notification-topics span{font-size:9px;font-weight:750;border-radius:999px;padding:4px 7px;background:#f0f1f5;color:#85899d}
.sw-detail-notification-topics span.is-on{background:#e9f7ed;color:#16723b}
.sw-detail-health-link-muted{margin-top:7px;color:var(--sw-muted)!important}

body.sw-dark select{background:#20222f;border-color:#33364a;color:var(--sw-text)}
body.sw-dark .sw-button-link.secondary{background:#20222f;border-color:#33364a;color:var(--sw-text)}
body.sw-dark .sw-button-link.secondary:hover{background:#282b3c}
body.sw-dark .sw-settings-card-info,body.sw-dark .sw-switch-line,body.sw-dark .sw-brand-preview,body.sw-dark .sw-status-page-row,body.sw-dark .sw-edit-subnav a{background:#202331;border-color:var(--sw-border)}
body.sw-dark .sw-status-page-row{background:#1c1f2e}
body.sw-dark .sw-detail-notification-topics span{background:#2b2e3c;color:#a8acc0}
body.sw-dark .sw-detail-notification-topics span.is-on{background:#193526;color:#76d394}

@media(max-width:1150px){
    .sw-nav{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 18px}
    .sw-nav-main{order:3;width:100%;overflow-x:auto;padding-top:5px;margin:0;justify-content:flex-start}
}
@media(max-width:760px){
    .sw-settings-grid,.sw-form-grid.two{grid-template-columns:1fr}
    .sw-status-page-row{grid-template-columns:1fr}.sw-status-page-actions{justify-content:flex-start}.sw-status-page-url{grid-column:auto}
    .sw-website-manage-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-website-manage-stats>div{border-bottom:1px solid var(--sw-border)}
    .sw-nav-email{display:none}.sw-nav-right{margin-left:auto}
    .sw-copy-field{flex-direction:column}.sw-copy-field button{align-self:flex-start}
}

/* ---------- Login v22 ---------- */
body.sw-login-page{min-height:100vh;margin:0;background:var(--sw-ink);display:grid;place-items:center;padding:28px;color:#fff}
.sw-login-shell{width:min(940px,100%);display:grid;grid-template-columns:1.05fr .95fr;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.34);background:#181a32}
.sw-login-intro{padding:42px;display:flex;flex-direction:column;min-height:520px;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.22),transparent 38%),linear-gradient(145deg,#11142b,#171a35)}
.sw-login-brand,.sw-login-mobile-brand{display:flex;align-items:center;gap:10px}.sw-login-brand strong,.sw-login-mobile-brand strong{font-size:15px}
.sw-login-copy{margin:auto 0 32px}.sw-login-kicker{font-size:9px;font-weight:850;letter-spacing:.14em;color:#9aa0d0}.sw-login-copy h1{font-size:32px;line-height:1.12;margin:10px 0 12px;max-width:420px}.sw-login-copy p{color:#aeb3cf;line-height:1.6;max-width:430px;margin:0;font-size:14px}
.sw-login-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;color:#d6d9ed;font-size:11.5px}.sw-login-benefits span{padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.03)}
.sw-login-note{font-size:10.5px;color:#868ba9;margin:24px 0 0}
.sw-login-card{background:#fff;color:var(--sw-text);padding:48px 44px;display:flex;flex-direction:column;justify-content:center}
.sw-login-card-head h2{font-size:24px;margin:0 0 5px}.sw-login-card-head p{margin:0 0 22px;color:var(--sw-muted);font-size:12.5px}.sw-login-mobile-brand{display:none;margin-bottom:22px}
.sw-login-password-label{display:flex;align-items:end;justify-content:space-between;gap:10px}.sw-login-password-label label{margin-bottom:5px}.sw-login-password-label a{font-size:10.5px;margin-bottom:6px;font-weight:700}
.sw-login-submit{width:100%;margin-top:18px;padding:12px 18px}.sw-login-security{text-align:center;margin-top:17px;padding:10px;border-radius:9px;background:#f7f8fc;color:var(--sw-muted);font-size:10.5px}.sw-login-legal{display:flex;justify-content:center;gap:8px;margin-top:22px;font-size:10.5px;color:#a0a4b8}.sw-login-legal a{color:inherit}
.sw-login-card input:-webkit-autofill,.sw-login-card input:-webkit-autofill:hover,.sw-login-card input:-webkit-autofill:focus{-webkit-text-fill-color:var(--sw-text);-webkit-box-shadow:0 0 0 1000px #fff inset;transition:background-color 9999s ease-out 0s}
@media(max-width:760px){body.sw-login-page{padding:18px}.sw-login-shell{grid-template-columns:1fr;max-width:460px}.sw-login-intro{display:none}.sw-login-card{padding:34px 28px}.sw-login-mobile-brand{display:flex}.sw-login-benefits{grid-template-columns:1fr}}
.sw-public-brand-name{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--sw-muted-2)}
.sw-detail-notification-panel .sw-detail-health-row strong{max-width:68%;text-align:right;overflow-wrap:anywhere;white-space:normal}

/* ===== SiteLotse 024 – Profi-/Agentur-Funktionen ===== */
.sw-nav{gap:12px}.sw-nav-main{display:flex;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.sw-nav-main::-webkit-scrollbar{display:none}.sw-nav-link{white-space:nowrap;padding-left:9px;padding-right:9px}
.sw-pro-list{display:grid;gap:10px}.sw-pro-row{border:1px solid var(--sw-border);border-radius:12px;padding:14px 16px;background:var(--sw-card);display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}.sw-pro-row-main{display:flex;align-items:center;gap:10px;min-width:0}.sw-pro-row-main strong{display:block;font-size:13px}.sw-pro-row-main small{display:block;color:var(--sw-muted);font-size:11.5px;margin-top:2px}.sw-pro-row-meta{font-size:11.5px;color:var(--sw-muted);white-space:nowrap}.sw-pro-row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.sw-pro-row-actions form{display:flex;gap:7px;margin:0}.sw-pro-row-actions button,.sw-pro-row-actions select{margin:0}
.sw-state-dot{width:10px;height:10px;border-radius:50%;background:#a3a7bd;flex:none}.sw-state-dot.is-ok{background:#22c55e}.sw-state-dot.is-error{background:#ef4444}.sw-state-dot.is-neutral{background:#a3a7bd}
.sw-incident-admin-list{display:grid;gap:12px}.sw-incident-admin-row{border:1px solid var(--sw-border);border-radius:12px;padding:14px 16px;background:var(--sw-card)}.sw-incident-admin-row.is-open{border-left:3px solid #ef4444}.sw-incident-admin-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:8px}.sw-incident-admin-head>div{display:flex;align-items:center;gap:9px}.sw-incident-admin-head>span{font-size:11.5px;color:var(--sw-muted)}.sw-incident-admin-row details{margin-top:10px}.sw-incident-admin-row summary{cursor:pointer;color:var(--sw-purple);font-weight:700;font-size:12px}.sw-incident-edit-form{margin-top:12px}.sw-check-label{display:flex;align-items:center;gap:8px;min-height:44px}.sw-check-label input{width:auto;margin:0}
.sw-report-preview{max-height:560px;overflow:auto;border:1px solid var(--sw-border);border-radius:12px;background:#eef0f6;padding:12px}.sw-report-preview>div{padding:0!important;background:transparent!important}.sw-health-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.sw-health-grid .sw-card{padding:16px}.sw-health-grid span{display:block;color:var(--sw-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.sw-health-grid strong{display:block;font-size:15px;margin:8px 0 4px}.sw-health-grid small{display:block;color:var(--sw-muted);font-size:11.5px}
.sw-form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sw-state-pill.is-warn{background:var(--sw-amber-bg);color:var(--sw-amber)}
body.sw-dark .sw-pro-row,body.sw-dark .sw-incident-admin-row{background:var(--sw-card);border-color:var(--sw-border)}body.sw-dark .sw-report-preview{background:#151727;border-color:var(--sw-border)}
@media(max-width:1180px){.sw-nav-main{max-width:55vw}.sw-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sw-pro-row{grid-template-columns:minmax(0,1fr) auto}.sw-pro-row-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:760px){.sw-nav{flex-wrap:wrap}.sw-nav-main{order:3;max-width:100%;width:100%;padding-top:5px}.sw-nav-right{margin-left:auto}.sw-health-grid{grid-template-columns:1fr 1fr}.sw-pro-row{grid-template-columns:1fr}.sw-pro-row-meta,.sw-pro-row-actions{grid-column:1}.sw-pro-row-actions{justify-content:flex-start}.sw-form-grid.three{grid-template-columns:1fr}.sw-incident-admin-head{align-items:flex-start;flex-direction:column}.sw-health-grid{grid-template-columns:1fr}}

/* SiteLotse: Rechtliches */
.sw-legal-wrap{max-width:1080px}.sw-legal-form{display:grid;gap:18px}.sw-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.sw-legal-grid .is-wide{grid-column:1/-1}.sw-legal-grid label{display:block;margin:0 0 6px}.sw-legal-grid textarea{width:100%;resize:vertical;min-height:110px}.sw-legal-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sw-legal-public-card h3{font-size:15px;margin:26px 0 7px}.sw-legal-public-card p{line-height:1.7}.sw-login-maker{margin:10px 0 0;font-size:12px;opacity:.72;letter-spacing:.03em}@media(max-width:760px){.sw-legal-grid{grid-template-columns:1fr}.sw-legal-grid .is-wide{grid-column:auto}}


/* ===== SiteLotse DEMO ===== */
.sw-demo-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#fff3cd;color:#8a5a00;font-size:8px;font-weight:900;letter-spacing:.06em;white-space:nowrap}
.sw-demo-banner{max-width:1320px;margin:12px auto -2px;padding:10px 16px;border:1px solid #c9d8ff;border-radius:11px;background:#eef4ff;color:#294c89;display:flex;gap:10px;align-items:center;font-size:11px}
.sw-demo-banner strong{white-space:nowrap}.sw-demo-banner span{color:#52709e}
.sw-demo-login-note{padding:14px 15px;border:1px solid #d8dcff;border-radius:12px;background:#f4f3ff;margin:0 0 14px}.sw-demo-login-note strong,.sw-demo-login-note span{display:block}.sw-demo-login-note strong{font-size:13px;color:#3f36c9}.sw-demo-login-note span{font-size:11px;line-height:1.55;color:var(--sw-muted);margin-top:4px}.sw-demo-login-button{font-size:14px;padding:14px 18px}
body.sw-dark .sw-demo-banner{background:#17233b;border-color:#294674;color:#a9c6ff}body.sw-dark .sw-demo-banner span{color:#89a9da}
@media(max-width:760px){.sw-demo-banner{margin:10px 12px 0;align-items:flex-start;flex-direction:column;gap:3px}.sw-demo-badge{display:none}}