:root{
    --bg:#06080c;--panel:#0e141e;--panel-2:#121b28;--line:rgba(143,176,218,.14);
    --text:#f7f9fc;--muted:#8f9db0;--blue:#2f80ff;--blue-light:#69adff;
    --green:#58d49b;--amber:#ffc767;--red:#ff7886;--shadow:0 24px 70px rgba(0,0,0,.34)
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);background:
radial-gradient(circle at 80% 0,rgba(47,128,255,.11),transparent 30rem),
linear-gradient(180deg,#070a0f,#05070a);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:25px 18px;border-right:1px solid var(--line);background:rgba(7,10,15,.94);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:13px;padding:0 8px 24px;border-bottom:1px solid var(--line)}
.brand img{width:58px;height:58px;object-fit:contain}
.brand span{font-size:.93rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.side-nav{display:grid;gap:7px;margin-top:24px}
.side-nav a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid transparent;border-radius:13px;color:#aab6c7;font-weight:680}
.side-nav a:hover,.side-nav a.active{color:#fff;border-color:rgba(96,165,255,.26);background:linear-gradient(135deg,rgba(47,128,255,.18),rgba(22,45,75,.28))}
.side-nav small{color:#65758b;font-size:.66rem;text-transform:uppercase}
.nav-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:rgba(255,255,255,.04);color:var(--blue-light)}
.sidebar-footer{margin-top:auto;padding:20px 8px 0;border-top:1px solid var(--line)}
.mobile-account-tools{display:none}
.system-indicator{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#96a4b7;font-size:.79rem}
.system-indicator span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(88,212,155,.8)}
.sidebar-footer button{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;color:#c8d2df;background:#0a0f17;cursor:pointer}
.main-content{min-width:0;padding:28px clamp(22px,4vw,58px) 60px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.eyebrow,.panel-kicker{margin:0 0 5px;color:var(--blue-light);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.topbar h1{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em}
.topbar-actions{display:flex;align-items:center;gap:15px}
.site-link{padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:#b9c6d8;font-size:.84rem}
.operator{display:flex;align-items:center;gap:10px;padding-left:15px;border-left:1px solid var(--line)}
.operator-dot{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#174d9d);box-shadow:0 8px 24px rgba(47,128,255,.25)}
.operator strong,.operator small{display:block}.operator small{max-width:180px;color:var(--muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis}
.menu-toggle{display:none}
.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:230px;padding:clamp(28px,5vw,54px);border:1px solid rgba(95,158,255,.24);border-radius:24px;background:
radial-gradient(circle at 82% 35%,rgba(47,128,255,.28),transparent 15rem),
linear-gradient(135deg,#111c2b,#090e16);box-shadow:var(--shadow)}
.live-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(88,212,155,.25);border-radius:999px;color:#99e8c4;background:rgba(88,212,155,.07);font-size:.76rem}
.live-badge i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.hero-panel h2{max-width:720px;margin:18px 0 12px;font-size:clamp(2rem,4vw,4rem);line-height:1.02;letter-spacing:-.055em}
.hero-panel p{max-width:700px;margin:0;color:#aebbd0;font-size:1.05rem}
.health-score{flex:0 0 190px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(7,12,20,.55);text-align:center}
.health-score span,.health-score small{display:block;color:var(--muted)}.health-score strong{display:block;margin:6px 0;color:var(--green);font-size:2.4rem}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:20px 0}
.metric-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(17,25,37,.96),rgba(10,15,23,.96));box-shadow:0 14px 35px rgba(0,0,0,.18)}
.metric-label{display:block;color:var(--muted);font-size:.78rem}.metric-card strong{display:block;margin:12px 0 8px;font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.04em}
.metric-trend{font-size:.74rem}.good,.status-good{color:var(--green)}.status-watch{color:var(--amber)}.status-risk{color:var(--red)}.online-text{color:var(--green)}
.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px}
.panel{padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(14,20,30,.9);box-shadow:0 16px 45px rgba(0,0,0,.2)}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.panel-heading h3{margin:0;font-size:1.25rem}.panel-heading a{color:var(--blue-light);font-size:.82rem}
.bar-chart{height:230px;display:flex;align-items:flex-end;gap:5px;padding-top:18px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 54px,rgba(255,255,255,.035) 55px)}
.bar-chart span{flex:1;min-width:4px;border-radius:4px 4px 0 0;background:linear-gradient(to top,#1557bd,#64a9ff);opacity:.84}
.chart-footer{display:flex;justify-content:space-between;padding-top:10px;color:#66768b;font-size:.73rem}
.status-list{margin:0;padding:0;list-style:none}.status-list li{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);color:#b6c1d0;font-size:.85rem}.status-list li:last-child{border-bottom:0}.status-list strong{color:#eaf0f8}.status-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--green)}
.performance-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr)}
.segment-list{display:grid;gap:17px}.segment-row>div:first-child{display:flex;justify-content:space-between;gap:14px;margin-bottom:7px}.segment-row strong{font-size:.82rem;text-transform:capitalize}.segment-row span{color:var(--muted);font-size:.78rem}.segment-track{height:7px;overflow:hidden;border-radius:999px;background:#080d14}.segment-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1557bd,#64a9ff)}
.runtime-list{margin:0}.runtime-list div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.runtime-list dt{color:var(--muted)}.runtime-list dd{margin:0;font-weight:750}
.records-panel{margin-top:18px}.record-count{color:var(--muted);font-size:.78rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.82rem}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:#8292a8;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.table-status{display:inline-block;padding:5px 8px;border:1px solid currentColor;border-radius:999px;font-size:.82rem}
.empty-state{color:var(--muted)}
.coming-soon{min-height:520px;display:grid;place-content:center;justify-items:center;padding:40px;text-align:center}.coming-soon>span{color:var(--blue-light);font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.coming-soon h2{max-width:700px;margin:16px 0 10px;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1}.coming-soon p{max-width:650px;color:var(--muted)}.coming-soon a{margin-top:15px;padding:11px 16px;border:1px solid var(--line);border-radius:10px}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.topbar-actions .operator{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:0;top:0;width:270px;transform:translateX(-105%);transition:transform .25s ease}.sidebar.open{transform:translateX(0)}.main-content{padding:18px 14px 45px}.menu-toggle{display:block;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;color:#fff;background:#0e141e}.topbar{align-items:flex-start}.topbar-actions{display:none}.mobile-account-tools{display:grid;gap:10px;margin-bottom:14px}.mobile-site-link{display:block;padding:10px;border:1px solid var(--line);border-radius:10px;color:#b9c6d8;font-size:.84rem;text-align:center}.mobile-operator{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0a0f17}.mobile-operator .operator-dot{width:34px;height:34px}.mobile-operator strong,.mobile-operator small{display:block}.mobile-operator small{color:var(--muted);font-size:.72rem}.hero-panel{display:block}.health-score{margin-top:24px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:17px}.bar-chart{height:180px}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.hero-panel h2{font-size:2.35rem}}

.security-hero{
    display:flex;align-items:center;justify-content:space-between;gap:28px;
    min-height:220px;padding:clamp(28px,5vw,52px);border:1px solid rgba(88,212,155,.2);
    border-radius:24px;background:
    radial-gradient(circle at 82% 30%,rgba(88,212,155,.16),transparent 16rem),
    linear-gradient(135deg,#111c27,#091016);box-shadow:var(--shadow)
}
.security-hero h2{margin:17px 0 10px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em}
.security-hero p{max-width:690px;margin:0;color:#aebbd0}
.security-score{flex:0 0 190px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(7,12,20,.6);text-align:center}
.security-score span,.security-score small{display:block;color:var(--muted)}
.security-score strong{display:block;margin:5px 0;color:var(--green);font-size:3rem}
.security-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}
.protection-badge{padding:6px 9px;border:1px solid rgba(88,212,155,.25);border-radius:999px;color:#9ce8c5;background:rgba(88,212,155,.07);font-size:.7rem}
.protection-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.protection-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);font-size:.82rem}
.protection-list li span{display:flex;align-items:center;gap:9px;color:#c2ccda}
.protection-list li i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(88,212,155,.65)}
.protection-list li strong{color:var(--green);font-size:.72rem}
.threat-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.threat-summary div{padding:18px;border:1px solid var(--line);border-radius:14px;background:#0a1018}
.threat-summary span{display:block;color:var(--muted);font-size:.75rem}
.threat-summary strong{display:block;margin-top:6px;font-size:1.8rem}
.event-detail{display:block;max-width:540px;margin-top:4px;color:#6f8096;font-size:.7rem;white-space:normal}
.severity{display:inline-block;padding:5px 8px;border:1px solid currentColor;border-radius:999px;font-size:.82rem}
.severity-info{color:var(--blue-light)}
.severity-warning{color:var(--amber)}
.severity-critical{color:var(--red)}
@media(max-width:760px){
    .security-hero{display:block}.security-score{margin-top:24px}
    .protection-list{grid-template-columns:1fr}
}

.security-hero-topline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.privacy-toggle{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:8px 10px 8px 13px;
    border:1px solid rgba(100,169,255,.24);
    border-radius:14px;
    background:rgba(7,12,20,.55);
    cursor:pointer;
    user-select:none;
}
.privacy-toggle-copy{
    display:grid;
    gap:1px;
    text-align:right;
}
.privacy-toggle-copy strong{
    color:#eaf2fc;
    font-size:.76rem;
}
.privacy-toggle-copy small{
    color:var(--green);
    font-size:.82rem;
}
.privacy-toggle input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.privacy-toggle-switch{
    position:relative;
    width:42px;
    height:23px;
    border-radius:999px;
    background:#233043;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
    transition:background .2s ease;
}
.privacy-toggle-switch::after{
    content:"";
    position:absolute;
    top:3px;
    left:3px;
    width:17px;
    height:17px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 3px 9px rgba(0,0,0,.35);
    transition:transform .2s ease;
}
.privacy-toggle input:checked + .privacy-toggle-switch{
    background:var(--blue);
}
.privacy-toggle input:checked + .privacy-toggle-switch::after{
    transform:translateX(19px);
}
body.privacy-mode-off .privacy-toggle-copy small{
    color:var(--amber);
}
.ip-value{
    font-variant-numeric:tabular-nums;
}
@media(max-width:760px){
    .security-hero-topline{
        align-items:flex-start;
        flex-direction:column;
    }
    .privacy-toggle{
        align-self:stretch;
        justify-content:space-between;
    }
    .privacy-toggle-copy{
        text-align:left;
    }
}

.table-help{
    margin:-8px 0 18px;
    padding:12px 14px;
    border-left:3px solid var(--blue);
    color:#8fa0b5;
    background:rgba(47,128,255,.06);
    font-size:.78rem;
    line-height:1.55;
}
.table-help strong{
    color:#cfe1f8;
}
.operator strong{
    color:#f7f9fc;
}
.operator small{
    color:var(--muted);
}


/* Mobile Security Centre layout fix */
@media (max-width: 760px) {
    .security-layout,
    .content-grid.security-layout {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .security-layout > .panel {
        min-width: 0;
        width: 100%;
        overflow: hidden;
    }

    .threat-summary {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .protection-list {
        grid-template-columns: 1fr;
    }

    .panel-heading {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .panel-heading > * {
        min-width: 0;
    }

    .records-panel,
    .security-hero,
    .metric-grid,
    .content-grid {
        position: relative;
        z-index: auto;
    }

    .table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 480px) {
    .threat-summary {
        grid-template-columns: 1fr;
    }

    .security-score {
        width: 100%;
        max-width: none;
    }
}

.bot-hero{
    display:flex;align-items:center;justify-content:space-between;gap:28px;
    min-height:220px;padding:clamp(28px,5vw,52px);border:1px solid rgba(100,169,255,.22);
    border-radius:24px;background:
    radial-gradient(circle at 82% 30%,rgba(47,128,255,.22),transparent 16rem),
    linear-gradient(135deg,#111b2a,#090f17);box-shadow:var(--shadow)
}
.bot-hero h2{margin:17px 0 10px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em}
.bot-hero p{max-width:720px;margin:0;color:#aebbd0}
.bot-radar{flex:0 0 210px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(7,12,20,.62);text-align:center}
.bot-radar span,.bot-radar small{display:block;color:var(--muted)}
.bot-radar strong{display:block;margin:5px 0;color:var(--blue-light);font-size:3rem}
.bot-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}
.bot-ranking{display:grid;gap:10px}
.bot-ranking>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#0a1018}
.bot-ranking span{color:#c4cedb;font-size:.84rem}.bot-ranking strong{color:var(--blue-light)}
.bot-type{display:inline-block;padding:5px 8px;border:1px solid currentColor;border-radius:999px;font-size:.82rem}
.bot-type-known{color:var(--green)}.bot-type-suspicious{color:var(--amber)}.bot-type-human{color:var(--blue-light)}
@media(max-width:760px){
    .bot-hero{display:block}
    .bot-radar{width:100%;max-width:none;margin-top:24px}
    .bot-layout,.content-grid.bot-layout{grid-template-columns:1fr}
}

.response-chart{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;min-height:285px}
.response-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:17px 0 47px;color:#aab8c8;font-size:.82rem;text-align:right;font-variant-numeric:tabular-nums}
.response-chart-main{min-width:0}
.response-chart .bar-chart{position:relative;height:230px;display:flex;align-items:flex-end;gap:5px;padding-top:18px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(to top,transparent 0,transparent calc(50% - .5px),rgba(255,255,255,.055) 50%,transparent calc(50% + .5px),transparent 100%),repeating-linear-gradient(to top,transparent 0,transparent 54px,rgba(255,255,255,.035) 55px)}
.response-bar{position:relative;flex:1;min-width:4px;border-radius:4px 4px 0 0;background:linear-gradient(to top,#1557bd,#64a9ff);opacity:.84;cursor:crosshair;transition:opacity .16s ease,filter .16s ease,transform .16s ease}
.response-bar:hover,.response-bar:focus{opacity:1;filter:brightness(1.15);transform:translateY(-2px);outline:none}
.response-chart-x-axis{display:flex;gap:5px;min-height:47px;padding-top:8px}
.response-chart-x-axis>span{flex:1;min-width:4px;color:#9aa8ba;font-size:.82rem;line-height:1.15;text-align:center}
.response-chart-x-axis strong,.response-chart-x-axis small{display:block;font-weight:500}
.response-chart-x-axis small{margin-top:2px;color:#b4c0cf}
.response-chart-tooltip{position:absolute;z-index:8;min-width:112px;padding:9px 11px;border:1px solid rgba(100,169,255,.28);border-radius:10px;color:#f7f9fc;background:#08101a;box-shadow:0 14px 35px rgba(0,0,0,.38);pointer-events:none;transform:translate(-50%,-100%);text-align:center}
.response-chart-tooltip strong,.response-chart-tooltip span{display:block}
.response-chart-tooltip strong{color:#74b4ff;font-size:.84rem}
.response-chart-tooltip span{margin-top:2px;color:#9aa8ba;font-size:.82rem}
@media(max-width:760px){.response-chart{grid-template-columns:48px minmax(0,1fr);gap:8px}.response-chart .bar-chart{height:190px;gap:3px}.response-chart-y-axis{padding-bottom:43px;font-size:.62rem}.response-chart-x-axis>span{font-size:.72rem}}

.site-switcher{margin:18px 0}.site-current{width:100%;background:#1b2430;color:#fff;border:1px solid #333;padding:10px;border-radius:8px;text-align:left}.site-menu{display:none}.site-switcher:hover .site-menu{display:block}.site-menu a{display:block;padding:8px 10px;color:#ddd;text-decoration:none}

/* Analytics */
.analytics-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:220px;padding:clamp(28px,5vw,52px);border:1px solid rgba(47,128,255,.22);border-radius:24px;background:radial-gradient(circle at 82% 30%,rgba(47,128,255,.2),transparent 16rem),linear-gradient(135deg,#111b2a,#090f17);box-shadow:var(--shadow)}
.analytics-hero h2{margin:17px 0 10px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em}.analytics-hero p{max-width:720px;margin:0;color:#aebbd0}
.range-switcher{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#080d14}.range-switcher button{padding:9px 12px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer}.range-switcher button.active{color:#fff;background:var(--blue)}
.analytics-chart-panel{margin-top:18px}.analytics-bars{height:250px;display:flex;align-items:stretch;gap:5px;padding:15px 5px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 61px,rgba(255,255,255,.04) 62px)}
.analytics-day{flex:1;min-width:8px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.analytics-bar-stack{width:100%;height:210px;display:flex;align-items:flex-end;justify-content:center;gap:2px}.analytics-bar-stack i,.analytics-bar-stack b{display:block;width:42%;min-height:2px;border-radius:4px 4px 0 0}.analytics-bar-stack i{background:linear-gradient(to top,#1557bd,#64a9ff)}.analytics-bar-stack b{background:linear-gradient(to top,#217a55,#58d49b)}.analytics-day>span{height:25px;padding-top:7px;color:#718197;font-size:.62rem;white-space:nowrap;overflow:hidden}
.chart-legend{display:flex;justify-content:flex-end;gap:18px;padding-top:14px;color:var(--muted);font-size:.76rem}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i{width:9px;height:9px;border-radius:2px}.views-key{background:var(--blue-light)}.visitors-key{background:var(--green)}
.analytics-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-ranking{display:grid;gap:9px}.analytics-ranking>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:#0a1018}.analytics-ranking>div>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c4cedb}.analytics-ranking em{display:flex;align-items:baseline;gap:8px;font-style:normal}.analytics-ranking strong{color:var(--blue-light)}.analytics-ranking small{color:var(--muted)}
@media(max-width:760px){.analytics-hero{display:block}.range-switcher{margin-top:24px;width:max-content}.analytics-layout{grid-template-columns:1fr}.analytics-bars{gap:2px}.analytics-day>span{display:none}}

.analytics-warning { margin: 0 0 18px; padding: 14px 16px; border: 1px solid rgba(255, 183, 77, .45); border-radius: 12px; background: rgba(255, 183, 77, .08); color: #ffd79a; }

/* Analytics v2 */
.analytics-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.analytics-chart-shell{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px}
.analytics-axis{height:250px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:9px 0 25px;color:#7f8da3;font-size:.72rem}
.analytics-chart-shell .analytics-bars{min-width:0}
.analytics-bar-stack i,.analytics-bar-stack b{position:relative}
.analytics-bar-stack em{position:absolute;left:50%;top:-18px;transform:translateX(-50%);font-size:.62rem;font-style:normal;color:#b9c7d8;opacity:0;transition:opacity .15s}
.analytics-day:hover .analytics-bar-stack em{opacity:1}
.analytics-day:last-child>span{color:#7db8ff;font-weight:700}
.live-card strong{display:flex;align-items:center;gap:10px}.live-card strong:before{content:"";width:10px;height:10px;border-radius:50%;background:#55d79a;box-shadow:0 0 0 6px rgba(85,215,154,.12)}
.analytics-privacy{margin:0 0 18px auto;width:max-content}
@media(max-width:1100px){.analytics-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.analytics-metric-grid{grid-template-columns:1fr}.analytics-chart-shell{grid-template-columns:30px minmax(0,1fr)}.analytics-axis{font-size:.62rem}}

/* Google Search Console */
.gsc-panel{margin-top:18px}
.gsc-heading{gap:20px}
.gsc-subtitle{margin:7px 0 0;color:var(--muted)}
.gsc-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.gsc-actions form{margin:0}
.gsc-button,.gsc-actions button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid rgba(100,169,255,.35);border-radius:10px;color:#fff;background:var(--blue);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.gsc-button-secondary{background:#111a27!important;color:#cfe2ff!important}
.gsc-status{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:700}
.gsc-status-connected{color:#82e2b7;background:rgba(85,215,154,.1);border:1px solid rgba(85,215,154,.3)}
.gsc-status-setup{color:#ffd79a;background:rgba(255,183,77,.08);border:1px solid rgba(255,183,77,.35)}
.gsc-message{margin:0 0 18px;padding:13px 15px;border-radius:11px}
.gsc-message-success{color:#a7edcb;background:rgba(85,215,154,.09);border:1px solid rgba(85,215,154,.3)}
.gsc-message-error{color:#ffb8b8;background:rgba(255,95,95,.08);border:1px solid rgba(255,95,95,.35)}
.gsc-setup-box,.gsc-empty{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#09111b;color:#c9d5e4}
.gsc-setup-box code{display:block;max-width:100%;overflow:auto;padding:10px;border-radius:8px;background:#05090f;color:#7db8ff}
.gsc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.gsc-metrics>div{padding:16px;border:1px solid var(--line);border-radius:13px;background:#09111b}
.gsc-metrics span,.gsc-metrics strong{display:block}.gsc-metrics span{color:var(--muted);font-size:.8rem}.gsc-metrics strong{margin-top:5px;color:#fff;font-size:1.65rem}
.gsc-meta{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0;color:#7f8da3;font-size:.78rem}
.gsc-layout{margin-top:16px}
.gsc-ranking-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#09111b}
.gsc-ranking-card h4{margin:0 0 12px;font-size:1rem}
.gsc-ranking{display:grid;gap:8px}
.gsc-ranking>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;border-radius:9px;background:#070d14}
.gsc-ranking>div>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c6d1df}
.gsc-ranking em{display:flex;align-items:baseline;gap:7px;font-style:normal;white-space:nowrap}.gsc-ranking strong{color:#7db8ff}.gsc-ranking small{color:var(--muted)}
.gsc-disconnect{margin-top:18px;color:var(--muted)}.gsc-disconnect summary{cursor:pointer}.gsc-disconnect button{margin-top:10px;padding:8px 10px;border:1px solid rgba(255,95,95,.3);border-radius:8px;color:#ffb8b8;background:transparent;cursor:pointer}
@media(max-width:850px){.gsc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.gsc-actions{justify-content:flex-start}}
@media(max-width:520px){.gsc-metrics{grid-template-columns:1fr}}

.gsc-button-primary{box-shadow:0 0 0 2px rgba(100,169,255,.18),0 8px 24px rgba(55,125,255,.22)}
.gsc-button-large{width:max-content;margin-top:6px;padding:13px 18px;font-size:1rem}
.gsc-diagnostics{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted)}
.gsc-diagnostics summary{cursor:pointer;font-weight:700;color:#aebbd0}
.gsc-diagnostics-grid{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,1.45fr);gap:8px 14px;margin-top:12px;align-items:start}
.gsc-diagnostics-grid code{overflow:auto;color:#8dc0ff;background:#070d14;padding:6px 8px;border-radius:7px}
.gsc-diagnostics-grid strong{color:#fff}
@media(max-width:700px){.gsc-diagnostics-grid{grid-template-columns:1fr}.gsc-button-large{width:100%}}

/* Analytics usability fixes */
.analytics-axis{position:relative}
.analytics-axis small{position:absolute;top:-15px;right:0;color:#607087;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.analytics-day:last-child>span{display:block!important;color:#7db8ff!important;font-weight:700!important}
.gsc-status-connected:before{content:"";width:8px;height:8px;margin-right:7px;border-radius:50%;background:#55d79a;box-shadow:0 0 0 4px rgba(85,215,154,.12)}

/* Backups */
.backup-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:220px;padding:clamp(28px,5vw,52px);border:1px solid rgba(47,128,255,.22);border-radius:24px;background:radial-gradient(circle at 82% 30%,rgba(47,128,255,.22),transparent 16rem),linear-gradient(135deg,#111b2a,#090f17);box-shadow:var(--shadow)}
.backup-hero h2{margin:17px 0 10px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em}.backup-hero p{max-width:720px;margin:0;color:#aebbd0}
.backup-status-card{flex:0 0 260px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(7,12,20,.62)}
.backup-status-card span,.backup-status-card small{display:block;color:var(--muted)}.backup-status-card strong{display:block;margin:8px 0;color:var(--blue-light);font-size:1.25rem}
.backup-message{margin:18px 0 0;padding:14px 16px;border-radius:12px}.backup-message.success{border:1px solid rgba(88,212,155,.4);background:rgba(88,212,155,.08);color:#a8f0cf}.backup-message.error{border:1px solid rgba(255,107,107,.4);background:rgba(255,107,107,.08);color:#ffb0b0}
.backup-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-form{display:grid;gap:16px}.backup-form label{display:grid;gap:8px}.backup-form label>span{color:#c4cedb;font-size:.82rem}.backup-form input[type=text],.backup-form input[type=time],.backup-form input[type=number]{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid var(--line);border-radius:10px;color:#fff;background:#080d14}.backup-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.backup-check{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}.backup-check input{width:18px;height:18px}.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:0;border-radius:10px;color:#fff;background:var(--blue);font-weight:700;cursor:pointer}.primary-button:disabled{opacity:.55;cursor:not-allowed}.backup-now{width:100%;margin-top:18px}
.backup-server-details{display:grid;gap:10px}.backup-server-details>div{display:flex;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#0a1018}.backup-server-details span{color:var(--muted)}.backup-server-details strong{color:#dbe8f7}.backup-note{margin:18px 0 0;color:var(--muted);line-height:1.6}.backup-status-completed{color:var(--green)}.backup-status-failed{color:#ff8080}.backup-status-running{color:var(--blue-light)}.backup-status-queued{color:var(--amber)}
@media(max-width:760px){.backup-hero{display:block}.backup-status-card{width:100%;max-width:none;margin-top:24px}.backup-layout,.content-grid.backup-layout{grid-template-columns:1fr}.backup-form-row{grid-template-columns:1fr}}
.secondary-button{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:10px;padding:11px 16px;border:1px solid var(--line);border-radius:10px;color:#dbe8f7;background:#0a1018;font-weight:700;cursor:pointer}.backup-actions{display:flex;gap:7px;flex-wrap:wrap}.backup-actions form{margin:0}.table-action{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:#dbe8f7;background:#0a1018;cursor:pointer}.table-action.danger{border-color:rgba(255,107,107,.35);color:#ff9b9b}.backup-status-cancelled,.backup-status-cancelling{color:var(--amber)}

/* System Logs */
.log-filter-form { display:flex; gap:16px; align-items:flex-end; flex-wrap:wrap; }
.log-filter-form label { display:grid; gap:8px; min-width:210px; }
.log-filter-form label span { color:#9aa7ba; font-size:.82rem; }
.log-filter-form select,
.log-filter-form input { width:100%; box-sizing:border-box; border:1px solid rgba(255,255,255,.12); background:#0b1018; color:#f7f9fc; border-radius:10px; padding:11px 12px; }
@media (max-width:700px) { .log-filter-form { display:grid; } .log-filter-form label { min-width:0; } }

/* Analytics clarity and information tooltips */
.analytics-badges{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.data-source-badge{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(65,205,134,.35);border-radius:999px;background:rgba(65,205,134,.09);color:#8ce3b3;font-size:11px;font-weight:700;letter-spacing:.02em}
.info-tooltip{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-left:5px;border:1px solid currentColor;border-radius:50%;font-size:11px;font-style:normal;font-weight:800;line-height:1;cursor:help;opacity:.72;vertical-align:middle;text-transform:none}
.info-tooltip:hover,.info-tooltip:focus{opacity:1;outline:2px solid rgba(96,165,250,.35);outline-offset:2px}
.metric-label .info-tooltip{position:relative;top:-1px}


/* Analytics revision: consistent help icons and safe long-address display */
.gsc-metrics .gsc-metric-label{display:flex;align-items:center;gap:5px;min-width:0}
.gsc-metrics .info-tooltip,.gsc-ranking-card .info-tooltip{display:inline-flex;flex:0 0 17px;margin-left:0}
.gsc-ranking-card h4{display:flex;align-items:center;gap:5px}
.gsc-ranking small{display:inline-flex;align-items:center;gap:4px}
.gsc-ranking small .info-tooltip{width:15px;height:15px;font-size:10px}
.analytics-url{display:block;min-width:0;max-width:100%;color:#c4cedb;cursor:help;outline:none}
.analytics-url:focus{border-radius:4px;box-shadow:0 0 0 2px rgba(96,165,250,.35)}
.analytics-url-short{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analytics-ranking>div>.analytics-url,.gsc-ranking>div>.analytics-url{flex:1 1 auto}
.analytics-page-cell{min-width:190px;max-width:340px;white-space:normal}
.analytics-page-cell .event-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analytics-url-popover{position:fixed;z-index:10000;width:min(680px,calc(100vw - 24px));padding:12px;border:1px solid rgba(100,169,255,.42);border-radius:11px;background:#07101a;color:#f3f7fc;box-shadow:0 18px 45px rgba(0,0,0,.58);font-size:.82rem;line-height:1.5}
.analytics-url-popover[hidden]{display:none}
.analytics-url-popover-value{max-height:180px;overflow:auto;overflow-wrap:anywhere;white-space:normal;user-select:text;cursor:text}
.analytics-url-copy{margin-top:10px;border:1px solid rgba(100,169,255,.38);border-radius:8px;padding:7px 10px;background:rgba(100,169,255,.10);color:#dbeaff;font:inherit;font-weight:700;cursor:pointer}
.analytics-url-copy:hover,.analytics-url-copy:focus{background:rgba(100,169,255,.20);outline:2px solid rgba(96,165,250,.35);outline-offset:2px}
@media(max-width:700px){.analytics-page-cell{max-width:240px}.analytics-url-popover{width:calc(100vw - 24px)}}


/* Trusted Devices */
.analytics-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.trusted-hide-toggle{margin:0}
.trusted-devices-panel{margin-bottom:22px}
.trusted-register-button{width:auto;white-space:nowrap}
.trusted-device-status{margin:0 0 16px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#0a1018;color:var(--muted)}
.trusted-analytics-filter{margin:0 0 16px}
.trusted-visits-toggle{margin:0}
.trusted-device-rename{display:flex;align-items:center;gap:8px;margin:0}
.trusted-device-rename input[type=text]{min-width:150px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;color:#fff;background:#080d14}
.my-device-row{color:#9ba6b4;background:rgba(145,158,171,.055)}
.my-device-row td{color:#9ba6b4}
.my-device-badge{display:inline-flex;margin-left:6px;padding:2px 7px;border:1px solid rgba(170,180,192,.28);border-radius:999px;color:#aeb8c4;background:rgba(170,180,192,.08);font-size:.68rem;font-weight:700;vertical-align:middle}
.trusted-devices-panel code{color:#aeb8c4}
@media(max-width:760px){.analytics-controls{justify-content:flex-start;margin-top:24px}.trusted-devices-panel .panel-heading{display:block}.trusted-register-button{margin-top:16px}.trusted-device-rename{min-width:235px}}


/* Unified Control Centre overview */
.overview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.overview-toolbar>div,.overview-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.overview-card{display:block;color:inherit;text-decoration:none;min-width:0;transition:transform .18s ease,border-color .18s ease}
.overview-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16)}
.overview-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}
.overview-card-head h2{font-size:20px;margin:4px 0 0}
.overview-card-head>span{font-size:12px;color:#9aa6b7;white-space:nowrap}
.overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.overview-stats>div{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}
.overview-stats strong{display:block;font-size:20px;line-height:1.15;overflow-wrap:anywhere}
.overview-stats span{display:block;margin-top:6px;color:#8e9aaa;font-size:11px}
.overview-card>p{margin:16px 0 0;color:#9ba6b5;font-size:12px;line-height:1.5}
.analytics-hero>div:first-child>p,.security-hero>div>p,.bot-hero>div>p,.backup-hero>div>p,.hero-panel>div>p{margin-top:10px}

@media(max-width:900px){
  .overview-grid{grid-template-columns:1fr}
  .overview-toolbar{align-items:flex-start;flex-direction:column}
  .overview-toolbar-actions{width:100%;justify-content:space-between}
}
@media(max-width:560px){
  .overview-stats{grid-template-columns:1fr}
  .overview-card-head{margin-bottom:14px}
}


/* Overview: single-column cards and expanded Analytics summary */
.overview-grid{grid-template-columns:1fr!important}
.overview-card{width:100%;box-sizing:border-box}
.overview-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.overview-card-actions>a{font-size:12px;color:#aeb8c6;text-decoration:none;white-space:nowrap}
.overview-card-actions>a:hover{color:#fff}
.overview-analytics-card{cursor:default}
.overview-analytics-stats{margin-bottom:14px}
.overview-gsc-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.overview-gsc-metrics>div{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}
.overview-gsc-metrics span{display:block;color:#8e9aaa;font-size:11px;margin-bottom:6px}
.overview-gsc-metrics strong{display:block;font-size:20px;line-height:1.15}
.overview-recent-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}
.overview-recent-heading strong{font-size:13px}
.overview-recent-heading span{font-size:11px;color:#8e9aaa}
.overview-analytics-table{max-height:430px;overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:12px}
.overview-analytics-table table{margin:0}
.overview-grid + .analytics-refresh-row{margin-top:50px!important;position:relative;z-index:2}
.gsc-history-panel{margin-top:18px}
.gsc-history-panel .table-wrap{max-height:430px;overflow:auto}

@media(max-width:900px){
  .overview-gsc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overview-card-actions{justify-content:flex-start}
}
@media(max-width:560px){
  .overview-gsc-metrics{grid-template-columns:1fr}
}


/* Overview Performance health card */
.overview-performance-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.performance-health-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em}
.performance-health-badge.healthy{background:rgba(42,190,120,.12);color:#70dda9;border:1px solid rgba(42,190,120,.22)}
.performance-health-badge.warning{background:rgba(232,174,55,.12);color:#f0c66e;border:1px solid rgba(232,174,55,.22)}
.performance-health-badge.critical{background:rgba(229,83,83,.12);color:#f18d8d;border:1px solid rgba(229,83,83,.22)}
.performance-monitoring-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 10px;font-size:12px}
.performance-monitoring-line>span:last-child{color:#8e9aaa}
.performance-monitoring-dot{width:8px;height:8px;border-radius:50%;background:#e55353;box-shadow:0 0 0 3px rgba(229,83,83,.08)}
.performance-monitoring-dot.active{background:#2abe78;box-shadow:0 0 0 3px rgba(42,190,120,.08)}
.overview-performance-bars{height:74px;display:flex;align-items:flex-end;gap:3px;padding:10px 8px 0;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.012);overflow:hidden}
.overview-performance-bars i{display:block;flex:1;min-width:3px;max-width:14px;border-radius:3px 3px 0 0;background:currentColor;opacity:.42}
.overview-performance-bars>span{align-self:center;color:#8e9aaa;font-size:12px}
@media(max-width:700px){.overview-performance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.overview-performance-stats{grid-template-columns:1fr}}


/* Overview Security summary */
.security-overview-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;background:rgba(42,190,120,.12);color:#70dda9;border:1px solid rgba(42,190,120,.22)}
.overview-security-period{margin:2px 0 10px;color:#9aa6b7;font-size:12px}
.overview-security-stats{grid-template-columns:repeat(6,minmax(0,1fr))}
.overview-security-latest{margin-top:16px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}
.overview-security-latest>span{display:block;color:#8e9aaa;font-size:11px;margin-bottom:5px}
.overview-security-latest>strong{display:block;font-size:14px}
.overview-security-latest>small{display:block;margin-top:5px;color:#9aa6b7;font-size:11px}
@media(max-width:1000px){.overview-security-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.overview-security-stats{grid-template-columns:1fr}}


/* Cloudflare read-only Security integration */
.cloudflare-panel{margin-top:18px}
.cloudflare-heading-actions{display:flex;align-items:center;gap:10px}
.cloudflare-setup{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.018)}
.cloudflare-setup>p{color:#929eae;font-size:12px}
.cloudflare-config-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.cloudflare-config-form label{display:flex;flex-direction:column;gap:6px}
.cloudflare-config-form label span{font-size:11px;color:#929eae}
.cloudflare-config-form input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);background:#0a0e14;color:#f5f7fa;border-radius:10px;padding:10px 11px}
.cloudflare-token-field{grid-column:1/-1}
.cloudflare-config-form button{justify-self:start}
.cloudflare-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.cloudflare-metrics>div{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}
.cloudflare-metrics span{display:block;color:#8e9aaa;font-size:11px;margin-bottom:6px}
.cloudflare-metrics strong{display:block;font-size:18px;overflow-wrap:anywhere}
.cloudflare-last-event{margin:14px 0;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}
.cloudflare-last-event>span{display:block;color:#8e9aaa;font-size:11px;margin-bottom:5px}
.cloudflare-last-event>strong{display:block;font-size:14px}
.cloudflare-last-event>small{display:block;margin-top:5px;color:#9aa6b7}
.cloudflare-events-table{max-height:430px;overflow:auto}
.cloudflare-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#8e9aaa;font-size:11px}
.overview-cloudflare-status{margin-top:7px!important}
@media(max-width:1100px){.cloudflare-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.cloudflare-config-form{grid-template-columns:1fr}.cloudflare-token-field{grid-column:auto}.cloudflare-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.cloudflare-metrics{grid-template-columns:1fr}.cloudflare-footer{align-items:flex-start;flex-direction:column}}


/* Cloudflare richer security display */
.cloudflare-kicker{display:flex;align-items:center;gap:7px}
.cloudflare-kicker img{width:28px;height:18px;object-fit:contain}
.cloudflare-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.cloudflare-insights{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:10px}
.cloudflare-insights>div{padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}
.cloudflare-insights span{display:block;color:#8e9aaa;font-size:11px;margin-bottom:6px}
.cloudflare-insights strong{display:block;font-size:14px;overflow-wrap:anywhere}
.cloudflare-optional-note{margin:10px 0 0;color:#8e9aaa;font-size:11px}

.overview-cloudflare-summary{margin-top:16px;padding:13px 14px;border:1px solid rgba(246,130,31,.18);border-radius:12px;background:rgba(246,130,31,.035)}
.overview-cloudflare-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.overview-cloudflare-head>span{display:flex;align-items:center;gap:8px}
.overview-cloudflare-head img{width:28px;height:18px;object-fit:contain}
.overview-cloudflare-head em{font-style:normal;font-size:11px;font-weight:700}
.overview-cloudflare-head em.connected{color:#70dda9}
.overview-cloudflare-head em.disconnected{color:#f18d8d}
.overview-cloudflare-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.overview-cloudflare-metrics>div{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.015)}
.overview-cloudflare-metrics strong{display:block;font-size:16px;overflow-wrap:anywhere}
.overview-cloudflare-metrics span{display:block;margin-top:5px;color:#8e9aaa;font-size:10px}
.overview-cloudflare-summary>p{margin:10px 0 0;color:#9aa6b7;font-size:11px}

@media(max-width:1100px){.cloudflare-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.overview-cloudflare-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cloudflare-insights{grid-template-columns:1fr}}
@media(max-width:520px){.cloudflare-metrics{grid-template-columns:1fr 1fr}.overview-cloudflare-head{align-items:flex-start;flex-direction:column}}


/* Overview report links: consistent size and reversed hover */
.overview-card-head>span{
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  color:#f4f7fb !important;
  transition:color .16s ease;
}
.overview-card:hover .overview-card-head>span{color:#8e9aaa !important}

/* Overview Bot Activity summary */
.overview-bot-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.overview-status-ok{color:#70dda9}
.overview-status-warn{color:#f2c56b}
.overview-bot-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.overview-bot-details p{margin:0;padding:10px 12px;border-top:1px solid rgba(255,255,255,.055)}
.overview-bot-details span{display:block;color:#8e9aaa;font-size:10px;margin-bottom:5px}
.overview-bot-details strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}
@media(max-width:760px){
  .overview-bot-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overview-bot-details{grid-template-columns:1fr}
}


/* Final unified Overview report-link styling */
.overview-card .overview-card-head .overview-report-link,
.overview-card .overview-card-head a.overview-report-link,
.overview-card .overview-card-actions .overview-report-link,
.overview-card .overview-card-actions a.overview-report-link{
  display:inline-block;
  margin:0;
  padding:0;
  font-size:12px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  color:#f4f7fb !important;
  text-decoration:none !important;
  white-space:nowrap;
  transition:color .16s ease;
}
.overview-card:hover .overview-card-head .overview-report-link,
.overview-card:hover .overview-card-head a.overview-report-link,
.overview-card:hover .overview-card-actions .overview-report-link,
.overview-card:hover .overview-card-actions a.overview-report-link{
  color:#8e9aaa !important;
}

/* Bot Activity status mirrors Overview */
.bot-attention-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
}
.bot-attention-badge.normal{
  color:#70dda9;
  border:1px solid rgba(42,190,120,.22);
  background:rgba(42,190,120,.10);
}
.bot-attention-badge.attention{
  color:#f2c56b;
  border:1px solid rgba(232,174,55,.24);
  background:rgba(232,174,55,.10);
}


/* Overview Backup operations summary */
.overview-backup-primary{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:12px}
.overview-backup-primary>div{padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}
.overview-backup-primary span{display:block;color:#8e9aaa;font-size:11px;margin-bottom:6px}
.overview-backup-primary strong{display:block;font-size:16px;line-height:1.25}
.overview-backup-primary small{display:block;margin-top:5px;color:#9aa6b7;font-size:11px}
.overview-backup-auto.enabled{border-color:rgba(42,190,120,.18)}
.overview-backup-auto.enabled strong{color:#70dda9}
.overview-backup-auto.disabled strong{color:#f18d8d}
.overview-backup-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.overview-backup-history{margin-top:14px;border:1px solid rgba(255,255,255,.065);border-radius:12px;overflow:hidden}
.overview-backup-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:rgba(255,255,255,.018);border-bottom:1px solid rgba(255,255,255,.055)}
.overview-backup-history-head strong{font-size:12px}
.overview-backup-history-head span{font-size:10px;color:#8e9aaa}
.overview-backup-history-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.045)}
.overview-backup-history-row:last-child{border-bottom:0}
.overview-backup-history-row>span{color:#758193;font-size:11px}
.overview-backup-history-row>strong{font-size:12px;font-weight:600}
.overview-backup-history-row>small{color:#9aa6b7;font-size:11px}
.overview-backup-history .empty-state{margin:0;padding:12px 13px}
@media(max-width:760px){
  .overview-backup-primary{grid-template-columns:1fr}
  .overview-backup-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .overview-backup-stats{grid-template-columns:1fr}
  .overview-backup-history-row{grid-template-columns:20px 1fr}
  .overview-backup-history-row>small{grid-column:2}
}


/* Overview System Logs health */
.overview-logs-status{display:flex;align-items:baseline;gap:9px;margin-bottom:12px}
.overview-logs-status strong{font-size:17px}
.overview-logs-status span{font-size:11px;color:#8e9aaa}
.overview-status-critical{color:#f18d8d}
.overview-log-stats{grid-template-columns:repeat(5,minmax(0,1fr))}

/* Unified System Logs */
.system-log-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.log-summary-php{border-top:2px solid rgba(238,91,91,.65)}
.log-summary-system{border-top:2px solid rgba(79,145,255,.65)}
.log-summary-security{border-top:2px solid rgba(67,199,138,.65)}
.log-summary-backup{border-top:2px solid rgba(238,183,70,.65)}
.log-summary-critical{border-top:2px solid rgba(197,94,255,.65)}
.log-month-only{grid-template-columns:minmax(180px,260px) auto!important;align-items:end}
.log-colour-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.log-colour-legend span,.log-type-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700}
.log-legend-php,.log-type-php-errors{color:#f09a9a;background:rgba(238,91,91,.10);border:1px solid rgba(238,91,91,.20)}
.log-legend-system,.log-type-system{color:#9fc3ff;background:rgba(79,145,255,.10);border:1px solid rgba(79,145,255,.20)}
.log-legend-security,.log-type-security{color:#8ce0b6;background:rgba(67,199,138,.10);border:1px solid rgba(67,199,138,.20)}
.log-legend-backups,.log-type-backups{color:#efd086;background:rgba(238,183,70,.10);border:1px solid rgba(238,183,70,.20)}
.combined-log-table .log-row-php-errors td:first-child{box-shadow:inset 3px 0 0 rgba(238,91,91,.75)}
.combined-log-table .log-row-system td:first-child{box-shadow:inset 3px 0 0 rgba(79,145,255,.75)}
.combined-log-table .log-row-security td:first-child{box-shadow:inset 3px 0 0 rgba(67,199,138,.75)}
.combined-log-table .log-row-backups td:first-child{box-shadow:inset 3px 0 0 rgba(238,183,70,.75)}
@media(max-width:1000px){
  .system-log-metrics,.overview-log-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
  .system-log-metrics,.overview-log-stats{grid-template-columns:1fr}
  .log-month-only{grid-template-columns:1fr!important}
}


/* Sidebar live/configuration status indicators */
.side-nav a{position:relative}
.side-nav .nav-main-label{min-width:0}
.side-nav .nav-health{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:9px;
  line-height:1.15;
  font-weight:700;
  color:#8e9aaa;
  white-space:nowrap;
}
.side-nav .nav-health i{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 2px currentColor inset;
}
.side-nav .nav-health.ok{color:#70dda9}
.side-nav .nav-health.warning{color:#f2c56b}
.side-nav .nav-health.error{color:#f18d8d}
.side-nav .nav-security-item{align-items:flex-start}
.side-nav .nav-security-status{
  margin-left:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
}
.side-nav .nav-security-status .nav-health{margin-left:0}
.side-nav .nav-health img{
  width:17px;
  height:10px;
  object-fit:contain;
  flex:0 0 auto;
}

/* Match Overview System Logs cards to the main System Logs colour code */
.overview-log-stats .overview-log-php{border-top:2px solid rgba(238,91,91,.65)}
.overview-log-stats .overview-log-system{border-top:2px solid rgba(79,145,255,.65)}
.overview-log-stats .overview-log-security{border-top:2px solid rgba(67,199,138,.65)}
.overview-log-stats .overview-log-backups{border-top:2px solid rgba(238,183,70,.65)}
.overview-log-stats .overview-log-critical{border-top:2px solid rgba(197,94,255,.65)}


/* Truthful menu status semantics */
.side-nav .nav-health.neutral{color:#f4f7fb}
.side-nav .nav-security-status .nav-health img{
  width:6px !important;
  height:4px !important;
  min-width:6px;
}


/* Two-line sidebar navigation layout */
.side-nav a{
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:10px !important;
  row-gap:3px !important;
  align-items:center !important;
}
.side-nav a>.nav-icon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
}
.side-nav a>.nav-main-label{
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  white-space:nowrap !important;
  min-width:0 !important;
}
.side-nav a>.nav-health{
  grid-column:2 !important;
  grid-row:2 !important;
  margin:0 !important;
  justify-self:start !important;
  white-space:nowrap !important;
}
.side-nav a>.nav-security-status{
  grid-column:2 !important;
  grid-row:2 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  white-space:nowrap !important;
}
.side-nav .nav-security-status .nav-health{
  margin:0 !important;
}
.side-nav .nav-security-status .nav-health img{
  width:20px !important;
  height:12px !important;
  min-width:20px !important;
  object-fit:contain !important;
}


/* Website switcher: never wrap site names */
.site-menu a,
.site-current{
  white-space:nowrap !important;
}

/* SEO Intelligence / DataForSEO TEST MODE */
.seo-hero{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  margin-bottom:18px;
}
.seo-hero h2{margin:12px 0 0;font-size:24px}
.seo-hero p{margin:10px 0 0;color:#9aa6b7;max-width:720px}
.seo-test-badge{color:#f2c56b}
.seo-account-status{
  min-width:190px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}
.seo-account-status span,.seo-account-status small{display:block;color:#8e9aaa;font-size:11px}
.seo-account-status strong{display:block;margin:5px 0;font-size:16px}
.seo-credentials-panel{margin-bottom:18px}
.seo-credentials-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px;
}
.seo-credentials-form label,
.seo-settings-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.seo-credentials-form label span,
.seo-settings-form label span{
  color:#8e9aaa;
  font-size:11px;
}
.seo-credentials-form input,
.seo-settings-form input{
  width:100%;
  box-sizing:border-box;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  background:#0a0e14;
  color:#f6f8fb;
}
.seo-credentials-form button{grid-column:1/-1;justify-self:start}
.seo-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.seo-control-grid{grid-template-columns:1fr 1fr;margin-top:18px}
.seo-public-off{
  color:#f2c56b;
  font-size:10px;
  font-weight:800;
  padding:5px 8px;
  border:1px solid rgba(232,174,55,.22);
  border-radius:999px;
  background:rgba(232,174,55,.08);
}
.seo-settings-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.seo-settings-form button{grid-column:1/-1;justify-self:start}
.seo-safety-note{
  margin:12px 0 0;
  color:#8e9aaa;
  font-size:11px;
  line-height:1.5;
}
.seo-target-box{
  padding:14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(255,255,255,.018);
  margin-bottom:14px;
}
.seo-target-box span,.seo-target-box small{display:block;color:#8e9aaa;font-size:11px}
.seo-target-box strong{display:block;margin:6px 0;font-size:16px;overflow-wrap:anywhere}
.seo-run-button{width:100%;justify-content:center}
.seo-inline-form{margin-top:9px}
.seo-block-reason{display:block;margin-top:8px;color:#f2c56b}
.seo-results-panel,.seo-credentials-management{margin-top:18px}
.seo-result-actions{display:flex;align-items:center;gap:10px}
.seo-result-summary{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.seo-result-summary>div{
  padding:13px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
.seo-result-summary span{display:block;color:#8e9aaa;font-size:11px;margin-bottom:6px}
.seo-result-summary strong{font-size:19px}
.seo-result-summary strong small{font-size:10px;color:#8e9aaa;margin-left:2px}
.seo-checks-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.seo-checks-grid>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
}
.seo-checks-grid>div span{font-size:10px;color:#9aa6b7}
.seo-checks-grid>div strong{font-size:13px}
.seo-checks-grid>div.has-issue{border-top:2px solid rgba(238,183,70,.65)}
.seo-checks-grid>div.clean{border-top:2px solid rgba(67,199,138,.55)}
.seo-task-meta{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:12px;
  color:#758193;
  font-size:10px;
}
.seo-credential-state{
  margin-bottom:12px;
  padding:11px 13px;
  border:1px solid rgba(42,190,120,.16);
  border-radius:10px;
  background:rgba(42,190,120,.035);
}
.seo-credential-state strong,.seo-credential-state span{display:block}
.seo-credential-state strong{color:#70dda9;font-size:12px}
.seo-credential-state span{margin-top:4px;color:#8e9aaa;font-size:10px}

/* Overview SEO */
.overview-seo-mode{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.overview-seo-mode strong{
  color:#f2c56b;
  font-size:10px;
  padding:4px 7px;
  border:1px solid rgba(232,174,55,.22);
  border-radius:999px;
}
.overview-seo-mode span{color:#8e9aaa;font-size:10px}
.overview-seo-stats{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:1050px){
  .seo-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .seo-result-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .seo-checks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .seo-hero{flex-direction:column}
  .seo-account-status{width:100%;box-sizing:border-box}
  .seo-control-grid{grid-template-columns:1fr}
  .seo-credentials-form,.seo-settings-form{grid-template-columns:1fr}
  .seo-credentials-form button,.seo-settings-form button{grid-column:auto}
  .seo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seo-checks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overview-seo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:500px){
  .seo-metrics,.seo-result-summary,.seo-checks-grid,.overview-seo-stats{grid-template-columns:1fr}
}

/* SEO audit progress */
.seo-live-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px;border:1px solid rgba(238,183,70,.22);border-radius:10px;background:rgba(238,183,70,.05)}
.seo-live-progress strong{color:#f2c56b;font-size:12px}
.seo-live-progress span{color:#9aa6b7;font-size:11px}
.seo-live-progress.completed{border-color:rgba(67,199,138,.22);background:rgba(67,199,138,.05)}
.seo-live-progress.completed strong{color:#70dda9}
.seo-live-progress.failed{border-color:rgba(238,91,91,.22);background:rgba(238,91,91,.05)}
.seo-live-progress.failed strong{color:#f18d8d}


/* SEO compact metrics + detailed page report */
.seo-metrics .metric-card strong{
  font-size:15px !important;
  line-height:1.2 !important;
  letter-spacing:-.01em !important;
  overflow-wrap:anywhere;
}
.seo-metrics .metric-label{font-size:10px !important}
.seo-metrics .metric-trend{font-size:9px !important}
.seo-subheading{margin:0 0 12px}
.seo-subheading h3{font-size:14px!important;overflow-wrap:anywhere}
.seo-page-report,.seo-issues-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.065)}
.seo-page-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.seo-page-facts>div{min-width:0;padding:10px 11px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.015)}
.seo-page-facts span{display:block;color:#8e9aaa;font-size:10px;margin-bottom:5px}
.seo-page-facts strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.seo-page-facts>div:nth-child(1),.seo-page-facts>div:nth-child(2){grid-column:span 2}
.seo-meta-copy{margin-top:8px}
.seo-meta-copy>div{padding:10px 11px;border:1px solid rgba(255,255,255,.06);border-radius:10px}
.seo-meta-copy span{display:block;color:#8e9aaa;font-size:10px;margin-bottom:5px}
.seo-meta-copy code{font-size:10px;color:#c5cfdb;overflow-wrap:anywhere;white-space:normal}
.seo-clean-result{padding:12px 13px;border:1px solid rgba(67,199,138,.18);border-radius:10px;background:rgba(67,199,138,.04);color:#70dda9;font-size:11px}
.seo-pages-table{margin-top:14px}
@media(max-width:900px){.seo-page-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-page-facts>div:nth-child(1),.seo-page-facts>div:nth-child(2){grid-column:span 2}}
@media(max-width:520px){.seo-page-facts{grid-template-columns:1fr}.seo-page-facts>div:nth-child(1),.seo-page-facts>div:nth-child(2){grid-column:auto}}


/* SEO readability improvements */
.seo-results-panel .seo-result-summary span,
.seo-results-panel .seo-page-facts span,
.seo-results-panel .seo-meta-copy span,
.seo-results-panel .seo-checks-grid>div span,
.seo-results-panel .panel-kicker,
.seo-results-panel .record-count,
.seo-results-panel .seo-task-meta,
.seo-results-panel table th{
  font-size:15px !important;
  color:#c9d2df !important;
  line-height:1.25 !important;
}
.seo-results-panel .seo-result-summary strong,
.seo-results-panel .seo-page-facts strong{
  color:#f4f7fb;
}
.seo-page-path{
  display:inline-block;
  max-width:260px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#f4f7fb;
  font-weight:600;
  font-size:13px;
}
.seo-page-issues{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  max-width:360px;
}
.seo-page-issues span{
  display:inline-flex;
  padding:3px 6px;
  border-radius:999px;
  border:1px solid rgba(238,183,70,.22);
  background:rgba(238,183,70,.07);
  color:#efd086 !important;
  font-size:10px !important;
  line-height:1.2 !important;
}
.seo-no-issues{
  color:#70dda9;
  font-size:11px;
}
.seo-word-count{display:block}


/* SEO readability pass — larger text for easier reading */
.seo-metrics .metric-label{
  font-size:12px !important;
  line-height:1.3 !important;
}
.seo-metrics .metric-card strong{
  font-size:18px !important;
  line-height:1.2 !important;
}
.seo-metrics .metric-trend{
  font-size:11px !important;
  line-height:1.3 !important;
}

.seo-results-panel .seo-page-facts strong{
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
}
.seo-results-panel .seo-page-facts>div:nth-child(1) strong,
.seo-results-panel .seo-page-facts>div:nth-child(2) strong{
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
}
.seo-results-panel .seo-checks-grid>div span{
  font-size:12px !important;
  line-height:1.3 !important;
}
.seo-results-panel .seo-checks-grid>div strong{
  font-size:16px !important;
}
.seo-results-panel .seo-page-issues span{
  font-size:12px !important;
  line-height:1.3 !important;
  padding:4px 7px !important;
}

/* Extended SEO + backlinks */
.seo-extra-facts,.seo-backlink-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.seo-extra-facts>div,.seo-backlink-grid>div{padding:10px 11px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.015)}
.seo-extra-facts span,.seo-backlink-grid span{display:block;color:#c9d2df;font-size:13px;line-height:1.3;margin-bottom:5px}
.seo-extra-facts strong,.seo-backlink-grid strong{display:block;color:#f4f7fb;font-size:16px;line-height:1.25}
.seo-backlinks-section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.065)}
@media(max-width:900px){.seo-extra-facts,.seo-backlink-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.seo-extra-facts,.seo-backlink-grid{grid-template-columns:1fr}}


/* SEO final readability polish */
.seo-results-panel .seo-page-facts>div:nth-child(1) strong,
.seo-results-panel .seo-page-facts>div:nth-child(2) strong{
  font-weight:400 !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

/* Credentials block is secondary information */
.seo-credentials-management{
  padding:16px 18px !important;
}
.seo-credentials-management .panel-heading{
  margin-bottom:10px !important;
}
.seo-credentials-management .panel-heading h3{
  font-size:14px !important;
}
.seo-credentials-management .panel-kicker{
  font-size:10px !important;
}
.seo-credentials-management .seo-credential-state{
  padding:10px 12px !important;
  margin-bottom:8px !important;
}
.seo-credentials-management .seo-credential-state strong{
  font-size:14px !important;
}
.seo-credentials-management .seo-credential-state span{
  font-size:11px !important;
}
.seo-credentials-management .table-action.danger{
  padding:5px 9px !important;
  font-size:10px !important;
  min-height:0 !important;
}

/* Detailed backlink report */
.seo-backlink-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 9px;color:#f4f7fb;font-size:15px}
.seo-backlink-detail-heading span{color:#b8c3d3;font-size:12px}
.seo-backlink-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.07);border-radius:12px}
.seo-backlink-table{width:100%;min-width:1050px;border-collapse:collapse;font-size:12px}
.seo-backlink-table th{padding:10px;text-align:left;color:#aebbd0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.08)}
.seo-backlink-table td{padding:10px;vertical-align:top;color:#e8edf5;border-bottom:1px solid rgba(255,255,255,.055);line-height:1.35}
.seo-backlink-table tbody tr:last-child td{border-bottom:0}
.seo-backlink-table td:first-child{max-width:330px}
.seo-backlink-table a{display:block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9fc8ff;text-decoration:none;margin-top:3px}
.seo-backlink-table a:hover{color:#fff}
.seo-backlink-table small{display:block;color:#aeb9c9;font-size:10px;margin-top:3px}
.seo-link-pill{display:inline-flex;padding:3px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:10px;line-height:1.1}
.seo-link-pill.good{color:#70dda9;border-color:rgba(64,211,145,.3);background:rgba(64,211,145,.07)}
.seo-link-pill.bad{color:#ff9a9a;border-color:rgba(255,94,94,.32);background:rgba(255,94,94,.07)}

.seo-source-details small{display:block;margin:2px 0;color:#c9d2df;font-size:11px;line-height:1.3}
.seo-backlink-table td{vertical-align:top}

.seo-anchor-cell{max-width:240px}
.seo-anchor-preview{display:inline-block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}

/* Unified information icons: keep nested info controls inline in Overview cards */
.overview-gsc-metrics span.info-tooltip{display:inline-flex;width:17px;height:17px;margin:0 0 0 5px;align-items:center;justify-content:center;vertical-align:middle}
.overview-gsc-metrics>div>span{display:flex;align-items:center;gap:4px}
.overview-gsc-metrics>div>span .info-tooltip{flex:0 0 17px}
.panel-heading h2 .info-tooltip,.panel-heading h3 .info-tooltip,.overview-card-head h2 .info-tooltip{position:relative;top:-1px}

/* Control Centre health / system alerts */
.overview-alerts-card{border-color:rgba(255,255,255,.12)}
.system-health-ok{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(111,223,157,.18);border-radius:12px;background:rgba(111,223,157,.05)}
.system-health-dot{width:10px;height:10px;border-radius:50%;background:#6fdf9d;box-shadow:0 0 0 5px rgba(111,223,157,.09);flex:0 0 auto}
.system-health-ok strong{display:block;font-size:14px;color:#edf7f1}.system-health-ok small{display:block;margin-top:3px;color:#93a49b;font-size:12px}
.system-alert-list{display:grid;gap:10px}
.system-alert-item{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025)}
.system-alert-item.level-warning{border-color:rgba(255,190,92,.23);background:rgba(255,190,92,.045)}
.system-alert-item.level-error,.system-alert-item.level-critical{border-color:rgba(255,98,98,.25);background:rgba(255,98,98,.055)}
.system-alert-level{font-size:10px;font-weight:800;letter-spacing:.08em;color:#aeb7c5;padding-top:2px}
.system-alert-item.level-warning .system-alert-level{color:#ffc66d}.system-alert-item.level-error .system-alert-level,.system-alert-item.level-critical .system-alert-level{color:#ff8c8c}
.system-alert-item strong{display:block;font-size:13px;color:#f2f5f8}.system-alert-item p{margin:4px 0 5px!important;color:#aeb7c5!important;font-size:12px!important;line-height:1.45}.system-alert-item small{font-size:10px;color:#758092}
.alert-email-settings{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.alert-email-settings label>span{display:block;margin-bottom:6px;color:#aeb7c5;font-size:11px}.alert-email-settings input[type=email]{width:100%;box-sizing:border-box;background:#0a0d12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#f5f7fa;padding:9px 10px;font:inherit}
.alert-email-toggle{display:flex!important;align-items:center;gap:7px;padding:9px 0;white-space:nowrap}.alert-email-toggle>span{margin:0!important}.alert-email-toggle input{accent-color:auto}
.alert-settings-message{margin-bottom:12px;padding:9px 11px;border-radius:8px;font-size:11px}.alert-settings-message.success{background:rgba(111,223,157,.07);border:1px solid rgba(111,223,157,.18);color:#a9e8c1}.alert-settings-message.error{background:rgba(255,98,98,.07);border:1px solid rgba(255,98,98,.20);color:#ffaaaa}
@media(max-width:760px){.alert-email-settings{grid-template-columns:1fr}.alert-email-toggle{padding:0}.system-alert-item{grid-template-columns:1fr;gap:5px}}

/* Control Centre alert notification settings */
.system-alert-mail-status{display:block!important;margin-top:6px;font-weight:700}.system-alert-mail-status.sent{color:#8ee0ad!important}.system-alert-mail-status.failed{color:#ff9b9b!important}.system-alert-mail-status.muted{color:#8c96a6!important}
.alert-settings-panel{margin-top:16px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.alert-settings-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:9px 11px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.025);color:#dfe5ed;font-size:12px;font-weight:700}.alert-settings-panel>summary::-webkit-details-marker{display:none}.alert-settings-panel>summary:after{content:'▾';color:#8e99a9;font-size:12px;transition:transform .15s ease}.alert-settings-panel[open]>summary:after{transform:rotate(180deg)}.alert-settings-panel>summary small{margin-left:auto;color:#7f8998;font-size:10px;font-weight:500}
.alert-settings-panel .alert-email-settings{grid-template-columns:minmax(220px,1fr) minmax(260px,auto) auto;margin-top:10px;padding-top:0;border-top:0}.alert-email-field{min-width:0}.alert-delivery-options{display:flex;align-items:center;gap:12px;min-height:38px;margin:0;padding:0;border:0}.alert-delivery-options legend{font-size:10px;color:#8f99a8;margin-bottom:5px}.alert-delivery-options label{display:flex;align-items:center;gap:5px;color:#c5ccd6;font-size:11px;white-space:nowrap}.alert-delivery-options input{accent-color:auto}.alert-delivery-options .coming-soon{opacity:.48}.alert-delivery-options small{font-size:9px;color:#8c96a6}
@media(max-width:900px){.alert-settings-panel .alert-email-settings{grid-template-columns:1fr}.alert-delivery-options{flex-wrap:wrap}.alert-settings-panel>summary{align-items:flex-start}.alert-settings-panel>summary small{display:none}}