:root{--bg:#f5f7fb;--panel:#fff;--text:#18202b;--muted:#6b7485;--line:#e4e8ef;--primary:#5b4bdb;--good:#168a57;--bad:#c63b46;--shadow:0 8px 28px #1b20300c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:225px;background:#111827;color:#dce2ec;padding:24px 15px;display:flex;flex-direction:column}.logo{font-size:21px;font-weight:800;color:#fff;margin:0 10px 28px}.logo span{color:#aaa0ff}.logo.dark{color:var(--text);font-size:28px;margin:0 0 24px}.logo.dark span{color:var(--primary)}nav{display:grid;gap:4px}nav a,.bottom a{color:#b9c2d0;text-decoration:none;padding:10px 11px;border-radius:8px}nav a:hover,.bottom a:hover{background:#1e293b;color:#fff}.bottom{margin-top:auto;border-top:1px solid #273244;padding-top:15px;color:#b9c2d0}main{margin-left:225px;min-height:100vh}.main{margin-left:225px}header{height:65px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 32px}section{max-width:1220px;margin:auto;padding:32px}.avatar{width:33px;height:33px;border-radius:50%;background:#eeeaff;color:var(--primary);display:grid;place-items:center;font-weight:800}.title{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.title h1{margin:0;font-size:28px;letter-spacing:-.4px}.title p{margin:4px 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat,.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat{padding:20px}.stat small{display:block;color:var(--muted)}.stat strong{font-size:28px;display:block;margin-top:6px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr}.card{padding:22px;margin-bottom:18px}.card h2{margin:0 0 13px;font-size:18px}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);background:#fff;color:var(--text);padding:10px 14px;border-radius:9px;text-decoration:none;font-weight:700;cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-weight:700;margin:13px 0}input,select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #d7dce5;border-radius:9px;background:#fff}input:focus,select:focus{outline:3px solid #5b4bdb15;border-color:var(--primary)}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row small{display:block;color:var(--muted);margin-top:3px}.badge{background:#eef0f5;color:#586174;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;white-space:nowrap}.badge.good{background:#e7f7ef;color:var(--good)}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px}.alert.error{background:#fde8ea;color:#9e2430}.alert.success{background:#e7f7ef;color:#116a43}.empty{text-align:center;color:var(--muted);padding:28px;background:#fafbfc;border-radius:10px}.flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0}.flow b{background:#f0efff;color:var(--primary);padding:8px 10px;border-radius:7px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:32px}.center{text-align:center}.scan-result{border-top:1px solid var(--line);padding:18px 0}.metrics{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.metrics span{background:#f1f3f7;border-radius:8px;padding:5px 8px;font-size:12px}.sources{display:flex;gap:8px;flex-wrap:wrap}.sources a{color:var(--primary);font-size:12px;text-decoration:none;padding:5px 8px;background:#f0efff;border-radius:7px}@media(max-width:850px){main{margin-left:0}aside{position:static;width:100%;height:auto}.main{margin-left:0}nav{grid-template-columns:repeat(3,1fr)}.bottom{display:none}.stats{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}header{padding:0 18px}section{padding:20px}}@media(max-width:550px){nav{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.title{display:block}.title .btn{margin-top:12px}}

.home-shell{min-height:100vh;background:#fff;color:#151a24}.home-nav{height:76px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.home-brand{font-size:24px;font-weight:850;color:#171b25;text-decoration:none;letter-spacing:-.7px}.home-brand span{color:var(--primary)}.home-nav nav{display:flex;align-items:center;gap:8px}.home-nav nav a:not(.btn){color:#5e6675;text-decoration:none;padding:9px 12px}.home-nav .btn{padding:9px 14px}.home-shell main{max-width:1180px;margin:auto;padding:0 24px}.hero{padding:90px 0 65px;text-align:center;max-width:940px;margin:auto}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:850;color:var(--primary);margin-bottom:14px}.hero h1{font-size:56px;line-height:1.04;letter-spacing:-2.6px;margin:0 auto 22px;font-weight:850}.hero h1 span{color:var(--primary)}.hero>p{max-width:730px;margin:0 auto;color:#687183;font-size:18px;line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:10px;margin:30px 0}.btn.big{padding:13px 20px;font-size:14px}.trust-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#687183;font-size:12px}.feature-section,.how-section{padding:78px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:28px}.section-head h2,.cta-section h2{font-size:34px;line-height:1.12;letter-spacing:-1px;margin:0}.section-head>p{max-width:440px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}.feature-card>b{font-size:11px;color:var(--primary)}.feature-card h3{margin:24px 0 8px;font-size:17px}.feature-card p{color:var(--muted);margin:0}.flow.large{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;padding:30px 0}.flow.large b{background:#f1efff;color:var(--primary);border:1px solid #e2dfff;padding:12px 15px;border-radius:9px}.flow.large i{font-style:normal;color:#a1a8b5}.cta-section{margin:35px 0 70px;padding:38px;border:1px solid var(--line);border-radius:18px;background:#fafaff;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-section p{color:var(--muted);margin:8px 0 0}.home-shell footer{max-width:1180px;margin:auto;padding:25px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8991a0;font-size:12px}@media(max-width:850px){.hero{padding-top:55px}.hero h1{font-size:42px}.feature-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head>p{margin-top:12px}.cta-section{display:block}.cta-section .btn{margin-top:18px}.home-nav nav a:not(.btn){display:none}}@media(max-width:550px){.home-nav{height:68px}.home-brand{font-size:21px}.home-nav nav{gap:5px}.home-nav .btn{padding:8px 10px}.hero h1{font-size:35px;letter-spacing:-1.5px}.hero>p{font-size:16px}.hero-actions{flex-direction:column}.trust-row{display:grid;gap:7px}.feature-grid{grid-template-columns:1fr}.section-head h2,.cta-section h2{font-size:28px}.home-shell footer{display:block}.home-shell footer span{display:block;margin:4px 0}}





/* ============================================================
   PROFESSIONAL SCAN UX — NEW STYLES
   ============================================================ */

/* Scan Card */
.scan-card {
    padding: 28px 32px;
    background: #fff;
    border-radius: 16px;
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    margin-bottom: 20px;
}

.scan-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.scan-header h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}
.scan-header h2 .icon { margin-right: 8px; }
.scan-header p {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 14px;
}

.scan-status-badge {
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    background: #e8eaf6;
    color: #3949ab;
}
.scan-status-badge.running { background: #e3f2fd; color: #1565c0; }
.scan-status-badge.queued { background: #fff3e0; color: #e65100; }
.scan-status-badge.completed { background: #e8f5e9; color: #2e7d32; }
.scan-status-badge.failed { background: #ffebee; color: #c62828; }
.scan-status-badge.cancelled { background: #f5f5f5; color: #666; }

/* Progress Bar */
.scan-progress-wrap {
    margin: 16px 0 12px;
}
.scan-progress-bar {
    height: 8px;
    background: #e8eaf0;
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}
.scan-progress-bar .fill {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--primary), #7c6df0);
    transition: width 0.6s ease;
    width: 0%;
}
.scan-progress-label {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: var(--muted);
    margin-top: 6px;
}
.scan-progress-label .pct { font-weight: 700; color: var(--text); }

/* Stage List */
.scan-stages {
    display: grid;
    gap: 0;
    margin: 20px 0 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
    overflow: hidden;
}
.scan-stage {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 16px;
    background: #fafbfc;
    border-bottom: 1px solid var(--line);
    transition: background 0.3s;
}
.scan-stage:last-child { border-bottom: 0; }
.scan-stage.active {
    background: #f0edff;
    border-left: 3px solid var(--primary);
}
.scan-stage.done {
    background: #f6faf7;
}
.scan-stage .icon {
    font-size: 18px;
    width: 28px;
    text-align: center;
    flex-shrink: 0;
}
.scan-stage .info { flex: 1; }
.scan-stage .info .name {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}
.scan-stage .info .desc {
    font-size: 12px;
    color: var(--muted);
}
.scan-stage .status {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 12px;
    background: #e8eaf0;
    color: #666;
}
.scan-stage .status.done { background: #e8f5e9; color: #2e7d32; }
.scan-stage .status.active { background: #e3f2fd; color: #1565c0; }
.scan-stage .status.pending { background: #f5f5f5; color: #999; }

/* Time Info */
.scan-time {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 13px;
    color: var(--muted);
    padding: 12px 0 4px;
    border-top: 1px solid var(--line);
    margin-top: 4px;
}
.scan-time span { display: flex; align-items: center; gap: 4px; }
.scan-time .label { font-weight: 500; color: var(--text); }

/* Completion State */
.scan-complete {
    text-align: center;
    padding: 20px 0 10px;
}
.scan-complete .big-icon {
    font-size: 52px;
    display: block;
    margin-bottom: 12px;
}
.scan-complete h3 {
    margin: 0 0 6px;
    font-size: 24px;
}
.scan-complete p {
    color: var(--muted);
    margin: 0 0 18px;
}

/* Score Ring (Completion) */
.score-ring-large {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 0 auto 18px;
    position: relative;
    background: conic-gradient(var(--primary) calc(var(--score) * 1%), #e8e9ef 0);
}
.score-ring-large:after {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 50%;
    background: #fff;
}
.score-ring-large .inner {
    position: relative;
    z-index: 1;
    text-align: center;
}
.score-ring-large .inner .num {
    font-size: 32px;
    font-weight: 800;
    color: var(--primary);
    display: block;
    line-height: 1;
}
.score-ring-large .inner .label {
    font-size: 12px;
    color: var(--muted);
}

/* Completion Metrics */
.completion-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 16px 0;
}
.completion-metrics .item {
    background: #f8f9fc;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
}
.completion-metrics .item .num {
    font-size: 20px;
    font-weight: 700;
    display: block;
}
.completion-metrics .item .lbl {
    font-size: 11px;
    color: var(--muted);
}

/* Completion Buttons */
.scan-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 16px;
}

/* Failure State */
.scan-failed {
    text-align: center;
    padding: 20px 0 10px;
}
.scan-failed .big-icon { font-size: 48px; display: block; margin-bottom: 12px; }
.scan-failed h3 { margin: 0 0 6px; font-size: 20px; color: #c62828; }
.scan-failed p { color: var(--muted); margin: 0 0 6px; }
.scan-failed .detail {
    font-size: 12px;
    color: #888;
    background: #f5f5f5;
    padding: 8px 14px;
    border-radius: 8px;
    display: inline-block;
    margin: 8px 0 16px;
    max-width: 100%;
    word-break: break-word;
}

/* Mobile */
@media(max-width: 650px) {
    .scan-header { flex-direction: column; align-items: stretch; }
    .scan-header .scan-status-badge { align-self: flex-start; }
    .completion-metrics { grid-template-columns: 1fr 1fr; }
    .scan-time { flex-direction: column; gap: 4px; }
    .scan-stage { padding: 8px 12px; flex-wrap: wrap; }
    .scan-stage .status { font-size: 10px; padding: 1px 8px; }
    .scan-card { padding: 18px; }
    .score-ring-large { width: 90px; height: 90px; }
    .score-ring-large .inner .num { font-size: 24px; }
    .scan-actions .btn { flex: 1; min-width: 120px; justify-content: center; }
}
@media(max-width: 420px) {
    .completion-metrics { grid-template-columns: 1fr 1fr; gap: 6px; }
    .completion-metrics .item { padding: 8px; }
    .completion-metrics .item .num { font-size: 16px; }
}

















/* Production sidebar/layout hardening v2.1 */
html,body{min-width:0;overflow-x:hidden}
body>aside{z-index:1000}
body>main{position:relative;display:block;margin-left:225px!important;width:calc(100% - 225px);min-height:100vh}
body>main>header{width:100%}
body>main>section{width:100%;max-width:none;margin:0;padding:32px;overflow:visible}
body>main .title,.body>main .card{max-width:1220px}
@media(max-width:850px){
  body>aside{position:relative;width:100%;height:auto;min-height:0}
  body>main{margin-left:0!important;width:100%}
  body>main>section{padding:20px}
}

.provider-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 0 16px}.provider-head small{display:block;color:var(--muted);margin-top:4px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.btn.danger{background:#fff0f1;border-color:#f0c4c8;color:#a32732}.security-note{font-size:12px;margin-top:16px}.muted{color:var(--muted)}

/* ============================================================
   V8 Dashboard Intelligence UI
   ============================================================ */
.dashboard-title{align-items:flex-end}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:18px}.score-card{background:linear-gradient(135deg,#fff,#f8f7ff);overflow:hidden}.score-card-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.score-card small{color:var(--muted);font-weight:700}.score-card h2{font-size:58px;line-height:1;margin:8px 0 0;letter-spacing:-2px}.score-card h2 span{font-size:20px;color:var(--muted);letter-spacing:0}.score-ring{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--score) * 1%),#e8e9ef 0);position:relative}.score-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.score-ring span{position:relative;z-index:1;font-size:14px;font-weight:850;color:var(--primary)}.score-bar{height:8px;background:#e8e9ef;border-radius:999px;margin:24px 0 10px;overflow:hidden}.score-bar i{display:block;height:100%;background:var(--primary);border-radius:inherit}.score-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.snapshot-card .card-heading{margin-bottom:18px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.card-heading h2{margin:0}.card-heading p{margin:3px 0 0}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-metrics>div{border:1px solid var(--line);border-radius:11px;padding:14px;background:#fafbfc}.mini-metrics b{font-size:24px;display:block}.mini-metrics small{color:var(--muted)}.small-note{font-size:12px}.dashboard-stats{margin-bottom:18px}.dashboard-stats .stat span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.dashboard-grid{display:grid;gap:18px;margin-bottom:18px}.dashboard-grid.two-col{grid-template-columns:1fr 1fr}.text-link{color:var(--primary);text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.trend-chart{height:190px;display:flex;align-items:end;padding-top:20px}.trend-bars{height:160px;width:100%;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--line);padding:0 6px}.trend-item{height:100%;flex:1;min-width:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.trend-value{font-size:11px;font-weight:800}.trend-bar{width:min(42px,75%);min-height:6px;background:var(--primary);border-radius:7px 7px 0 0;opacity:.9}.trend-item small{font-size:10px;color:var(--muted)}.signal-list{display:grid;gap:19px;margin-top:8px}.signal>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:13px}.signal b{font-size:12px}.signal-track{height:7px;background:#e9ebf0;border-radius:999px;overflow:hidden;margin-top:7px}.signal-track i{display:block;height:100%;background:var(--primary);border-radius:inherit}.intel-row,.action-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.intel-row:last-child,.action-row:last-child{border-bottom:0}.intel-main{min-width:0}.intel-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.intel-main small,.intel-number small,.action-row small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.intel-number{text-align:right;font-weight:850}.production-note{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fafaff}.production-note h2{margin:0;font-size:21px}.production-note p{margin:5px 0 0}.badge.bad{background:#fde8ea;color:#9e2430}
@media(max-width:950px){.dashboard-hero-grid,.dashboard-grid.two-col{grid-template-columns:1fr}}
@media(max-width:650px){.dashboard-title{display:block}.dashboard-actions{margin-top:12px}.score-card h2{font-size:48px}.score-ring{width:72px;height:72px}.production-note{display:block}.production-note .btn{margin-top:15px}.trend-bars{gap:5px}}

/* Premium public landing page — V68.3 */
.public-site{background:linear-gradient(180deg,#fbfcff 0%,#ffffff 42%,#f8f9fc 100%)}
.public-site .home-nav{height:82px;border-bottom:1px solid rgba(22,31,55,.07);position:relative;z-index:5}
.public-site .home-brand{font-size:25px}.public-site .home-brand span{background:linear-gradient(90deg,#635bff,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.public-site .home-nav nav a:not(.btn){font-weight:650}.public-site .home-nav .btn.primary{box-shadow:0 8px 24px rgba(99,91,255,.20)}
.premium-hero{max-width:1080px;padding:88px 0 72px;position:relative}
.premium-hero:before{content:"";position:absolute;inset:25px 8% auto;height:360px;background:radial-gradient(circle at 50% 30%,rgba(99,91,255,.13),transparent 62%);pointer-events:none;z-index:0}
.premium-hero>*{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #e5e2ff;background:#f5f3ff;color:#5b52d8;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:850;letter-spacing:1.2px;margin-bottom:18px}
.premium-hero h1{font-size:64px;max-width:940px}.premium-hero h1 span{background:linear-gradient(90deg,#5b52d8,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium-hero .hero-lead{max-width:820px;font-size:19px}.premium-hero .hero-cta{box-shadow:0 14px 34px rgba(99,91,255,.24)}
.hero-microcopy{font-size:11px;color:#8a92a1;margin:-12px 0 20px}.signal-chip.purple{background:#f1edff;color:#5b52d8;border-color:#ddd6fe}
.hero-search-card{max-width:850px;margin:34px auto 0;padding:18px 20px;border:1px solid #e5e8f0;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 16px 45px rgba(31,41,55,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left}.hero-search-card small{display:block;color:#8a92a1;font-size:9px;letter-spacing:1.5px;font-weight:850;margin-bottom:5px}.hero-search-card b{display:block;color:#22283a;font-size:14px}.hero-search-card a{white-space:nowrap;color:#5b52d8;font-weight:800;text-decoration:none}
.long-content-section{padding:76px 0;border-top:1px solid rgba(22,31,55,.07)}.long-content-section.alt{background:rgba(246,247,251,.7);margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}
.feature-card,.proof-card,.audience-card,.seo-long-card{box-shadow:0 7px 25px rgba(31,41,55,.035);transition:transform .18s ease,box-shadow .18s ease}.feature-card:hover,.proof-card:hover,.audience-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(31,41,55,.08)}
.mega-cta{background:linear-gradient(135deg,#171b32 0%,#322d68 100%)!important;border:0!important;color:#fff;box-shadow:0 22px 60px rgba(31,41,55,.16)}.mega-cta h2{color:#fff}.mega-cta p{color:#cdd1e3}.mega-cta .eyebrow{color:#aaa4ff}
@media(max-width:850px){.premium-hero{padding-top:58px}.premium-hero h1{font-size:47px}.hero-search-card{display:block}.hero-search-card a{display:inline-block;margin-top:12px}}
@media(max-width:550px){.premium-hero h1{font-size:38px}.premium-hero .hero-lead{font-size:16px}.hero-badge{font-size:9px}.hero-search-card b{font-size:12px}}

.seo-keyword-band{margin-top:26px;padding:18px 20px;border:1px solid #e5e8f0;border-radius:14px;background:#fff;display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px}.seo-keyword-band b{margin-right:4px;color:#353b4a}.seo-keyword-band span{padding:7px 10px;border-radius:999px;background:#f5f6fa;color:#5e6675;border:1px solid #eceef3}

/* V69.14 CUSTOMER DASHBOARD PLAN & LIMITS */
.customer-plan-card{margin-top:18px;padding:22px}.customer-plan-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.customer-plan-head h2{margin:2px 0 4px;font-size:22px}.customer-plan-head p{margin:0}.plan-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.plan-status-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ecfdf3;color:#15803d;border:1px solid #bbf7d0;font-size:10px;font-weight:800;letter-spacing:.05em}.plan-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.limit-card{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #e8edf3;border-radius:12px;background:#fbfcfe}.limit-icon{width:34px;height:34px;border-radius:9px;background:#f1f5f9;display:grid;place-items:center;flex:0 0 34px}.limit-card span{display:block;color:#667085;font-size:11px}.limit-card strong{display:block;margin-top:3px;font-size:18px;color:#172033}.limit-card strong small{font-size:12px;color:#8a94a6;font-weight:600}.limit-card em{display:block;font-style:normal;color:#8a94a6;font-size:10px;margin-top:5px}.limit-track{height:5px;background:#e9edf2;border-radius:999px;margin-top:7px;overflow:hidden;width:150px;max-width:100%}.limit-track i{display:block;height:100%;background:currentColor;border-radius:999px}.plan-facts{display:flex;flex-wrap:wrap;gap:8px 18px;border-top:1px solid #edf0f4;margin-top:18px;padding-top:14px;color:#667085;font-size:11px}.plan-facts b{color:#344054;margin-right:4px}.plan-facts span{white-space:nowrap}@media(max-width:900px){.plan-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-plan-head{flex-direction:column}.plan-head-actions{width:100%}}@media(max-width:560px){.plan-usage-grid{grid-template-columns:1fr}.plan-head-actions{align-items:flex-start;flex-direction:column}.customer-plan-card{padding:16px}}


/* ============================================================
   V69.15 — SCORE BREAKDOWN & FIRST-PARTY GUIDANCE
   Distinct metric accents make the report easier to scan.
   ============================================================ */
.score-breakdown .breakdown-item{
    position:relative;
    padding:13px 13px 12px !important;
    background:#fff;
    border:1px solid var(--metric-border,#e7eaf0);
    border-top:3px solid var(--metric-accent,#64748b);
    border-radius:10px;
    box-shadow:0 2px 7px rgba(15,23,42,.045);
    min-height:112px;
}
.score-breakdown .breakdown-label span:last-child{color:var(--metric-accent,#475569);font-weight:800}
.score-breakdown .breakdown-bar .fill{background:var(--metric-accent,#64748b) !important}
.score-breakdown .metric-brand-coverage{--metric-accent:#2563eb;--metric-border:#bfdbfe;background:#f8fbff}
.score-breakdown .metric-first-party-coverage{--metric-accent:#0f766e;--metric-border:#99f6e4;background:#f6fffd}
.score-breakdown .metric-recommendation-rate{--metric-accent:#7c3aed;--metric-border:#ddd6fe;background:#fbf9ff}
.score-breakdown .metric-citation-signal{--metric-accent:#c2410c;--metric-border:#fed7aa;background:#fffaf5}
.score-breakdown .metric-page-presence{--metric-accent:#0369a1;--metric-border:#bae6fd;background:#f5fbff}
.score-breakdown .metric-competitor-pressure{--metric-accent:#be123c;--metric-border:#fecdd3;background:#fff8fa}
.score-breakdown .metric-evidence-confidence{--metric-accent:#15803d;--metric-border:#bbf7d0;background:#f7fff9}
.first-party-help{
    display:flex;gap:13px;align-items:flex-start;margin-top:14px;padding:15px 16px;
    border:1px solid #99f6e4;border-left:4px solid #0f766e;border-radius:12px;
    background:linear-gradient(135deg,#f0fdfa,#f8fffe);color:#334155;text-align:left;
}
.first-party-help-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#ccfbf1;display:grid;place-items:center;font-size:17px}
.first-party-help-title{font-weight:800;color:#115e59;font-size:13px;margin-bottom:4px}
.first-party-help p{margin:0;color:#475569;font-size:12px;line-height:1.55}
.first-party-help-steps{margin-top:9px;font-size:11px;color:#334155}
.first-party-help-steps ol{margin:5px 0 0;padding-left:19px}
.first-party-help-steps li{margin:3px 0}
/* Distinct accents for the customer plan/limit cards. */
.customer-plan-card .limit-card{border-left:3px solid var(--limit-accent,#64748b);background:var(--limit-bg,#fbfcfe)}
.customer-plan-card .limit-icon{background:var(--limit-icon-bg,#f1f5f9);color:var(--limit-accent,#475569)}
.customer-plan-card .limit-track i{background:var(--limit-accent,#64748b)}
.customer-plan-card .limit-card:nth-child(1){--limit-accent:#2563eb;--limit-icon-bg:#dbeafe;--limit-bg:#f8fbff}
.customer-plan-card .limit-card:nth-child(2){--limit-accent:#7c3aed;--limit-icon-bg:#ede9fe;--limit-bg:#fbf9ff}
.customer-plan-card .limit-card:nth-child(3){--limit-accent:#c2410c;--limit-icon-bg:#ffedd5;--limit-bg:#fffaf5}
.customer-plan-card .limit-card:nth-child(4){--limit-accent:#0f766e;--limit-icon-bg:#ccfbf1;--limit-bg:#f6fffd}
.customer-plan-card .limit-card:nth-child(5){--limit-accent:#0369a1;--limit-icon-bg:#e0f2fe;--limit-bg:#f5fbff}
.customer-plan-card .limit-card:nth-child(6){--limit-accent:#15803d;--limit-icon-bg:#dcfce7;--limit-bg:#f7fff9}
@media(max-width:560px){.first-party-help{padding:13px}.first-party-help-icon{display:none}}

/* V69.16 CUSTOMER DASHBOARD / PROFILE / EXPIRY / SIDEBAR UX */
.app-sidebar{overflow:hidden}
.app-sidebar nav{overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:#3a465a transparent;padding-right:2px}
.app-sidebar nav::-webkit-scrollbar{width:6px}.app-sidebar nav::-webkit-scrollbar-thumb{background:#3a465a;border-radius:999px}
.app-sidebar .user-panel{flex:0 0 auto;margin-top:10px;background:#111827;position:relative;z-index:3}
.customer-account-strip{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:18px}
.customer-profile-card,.customer-subscription-card{margin:0;min-height:178px}
.customer-profile-card{display:flex;align-items:center;gap:16px;padding:22px}.profile-avatar-lg{width:62px;height:62px;flex:0 0 62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#e9e5ff,#f3efff);color:#5b4bdb;font-size:25px;font-weight:900}.profile-main{min-width:0}.profile-main h2{margin:1px 0 3px;font-size:22px}.profile-main p{margin:0 0 7px;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile-role{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f1f3f7;color:#586174;font-size:10px;font-weight:800}.profile-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.customer-subscription-card{padding:20px}.subscription-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.subscription-head h2{margin:1px 0 0;font-size:21px}.subscription-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.subscription-meta span{padding:9px;border-radius:9px;background:#f8fafc;border:1px solid #edf0f4}.subscription-meta small{display:block;color:#8a94a6;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.subscription-meta b{display:block;margin-top:2px;font-size:11px}.expiry-banner{display:flex;align-items:center;gap:10px;margin-top:12px;padding:9px 11px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.expiry-banner.urgent{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.expiry-banner.free{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.expiry-banner>span{font-size:17px}.expiry-banner b{display:block;font-size:11px}.expiry-banner small{display:block;font-size:10px;margin-top:1px;opacity:.82}.quick-access-grid{grid-template-columns:1.35fr .65fr}.quick-access-card,.account-health-card{margin-bottom:0}.quick-access-links{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.quick-access-links a{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #e9edf3;border-radius:10px;background:#fbfcfe;text-decoration:none;color:var(--text);transition:.15s ease}.quick-access-links a:hover{transform:translateY(-1px);border-color:#d7dced;background:#fff}.quick-access-links a>b{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f0efff;color:var(--primary);font-size:13px}.quick-access-links a span{font-weight:800;font-size:11px;min-width:0}.quick-access-links a small{display:block;color:var(--muted);font-weight:500;font-size:9px;margin-top:1px}.quick-access-links a i{margin-left:auto;color:#98a1b1;font-style:normal;font-weight:900}.account-health-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f4;font-size:11px}.account-health-row:last-of-type{border-bottom:0}.account-health-row span{color:var(--muted)}.account-health-row strong{font-size:11px}.btn.full{width:100%}
@media(max-width:1050px){.customer-account-strip,.quick-access-grid{grid-template-columns:1fr}.quick-access-links{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.customer-profile-card{align-items:flex-start;flex-wrap:wrap}.profile-actions{margin-left:0;width:100%;justify-content:flex-start}.subscription-meta{grid-template-columns:1fr 1fr}.quick-access-links{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.subscription-meta{grid-template-columns:1fr}.quick-access-links{grid-template-columns:1fr}.profile-avatar-lg{width:52px;height:52px;flex-basis:52px}.customer-profile-card,.customer-subscription-card{padding:16px}}
.signout{display:flex!important;align-items:center;justify-content:center;gap:7px;min-width:72px}.signout b{font-size:11px;color:#b9c2d0}.signout:hover b{color:#fff}

/* V69.17 CUSTOMER UX — professional top-right account menu and dashboard hierarchy */
.header-context{display:flex;flex-direction:column;min-width:0}.header-context>b{font-size:13px}.header-profile{position:relative;z-index:20}.header-profile details{position:relative}.header-profile summary{list-style:none;display:flex;align-items:center;gap:9px;padding:5px 7px 5px 6px;border:1px solid transparent;border-radius:12px;cursor:pointer;user-select:none}.header-profile summary::-webkit-details-marker{display:none}.header-profile summary:hover,.header-profile details[open] summary{background:#f8f9fc;border-color:#e6e9f0}.header-profile-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5b4bdb,#7c6ee6);color:#fff;font-size:13px;font-weight:900;box-shadow:0 3px 10px #5b4bdb25}.header-profile-avatar.large{width:42px;height:42px;flex:0 0 42px;font-size:16px}.header-profile-copy{display:flex;flex-direction:column;min-width:90px}.header-profile-copy b{font-size:12px;line-height:1.25;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.header-profile-copy small{font-size:10px;color:var(--muted);margin-top:2px}.header-profile-chevron{color:#8a94a6;font-size:15px;margin-left:2px}.header-profile-menu{position:absolute;right:0;top:calc(100% + 8px);width:310px;background:#fff;border:1px solid #e1e5ec;border-radius:15px;box-shadow:0 18px 45px #17203320;padding:12px}.header-profile-menu-head{display:flex;gap:11px;align-items:center;padding:8px 8px 12px;border-bottom:1px solid #edf0f4}.header-profile-menu-head>div{min-width:0}.header-profile-menu-head b{display:block;font-size:13px}.header-profile-menu-head small{display:block;color:var(--muted);font-size:10px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-menu-head em{display:inline-flex;font-style:normal;margin-top:6px;padding:3px 7px;border-radius:999px;background:#f1efff;color:#5648c7;font-size:9px;font-weight:800;text-transform:uppercase}.header-profile-links{padding:6px 0}.header-profile-links a{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;text-decoration:none;color:var(--text)}.header-profile-links a:hover{background:#f7f8fb}.header-profile-links a>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#f0efff;color:var(--primary);font-size:13px}.header-profile-links b{display:block;font-size:11px}.header-profile-links small{display:block;color:var(--muted);font-size:9px;margin-top:1px}.header-profile-logout{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #edf0f4;padding:10px 8px 5px;color:#b4232f;text-decoration:none;font-size:11px}.header-profile-logout:hover{background:#fff5f5;border-radius:9px}.dashboard-subscription-only{grid-template-columns:1fr}.dashboard-subscription-only .customer-subscription-card{min-height:0}.subscription-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid #edf0f4}.subscription-cta span{font-size:10px;color:var(--muted)}.dashboard-stats .stat{position:relative;overflow:hidden}.dashboard-stats .stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--stat-accent,var(--primary))}.dashboard-stats .stat:nth-child(1){--stat-accent:#2563eb}.dashboard-stats .stat:nth-child(2){--stat-accent:#dc2626}.dashboard-stats .stat:nth-child(3){--stat-accent:#16a34a}.dashboard-stats .stat:nth-child(4){--stat-accent:#7c3aed}.dashboard-stats .stat strong{color:#1f2937}.quick-access-links a:nth-child(1)>b{background:#e0f2fe;color:#0369a1}.quick-access-links a:nth-child(2)>b{background:#ede9fe;color:#6d28d9}.quick-access-links a:nth-child(3)>b{background:#fee2e2;color:#b91c1c}.quick-access-links a:nth-child(4)>b{background:#dcfce7;color:#15803d}.quick-access-links a:nth-child(5)>b{background:#fef3c7;color:#a16207}.quick-access-links a:nth-child(6)>b{background:#fce7f3;color:#be185d}.quick-access-links a:nth-child(7)>b{background:#e0e7ff;color:#4338ca}.quick-access-links a:nth-child(8)>b{background:#ccfbf1;color:#0f766e}
@media(max-width:700px){.header-profile-copy{display:none}.header-profile-menu{position:fixed;right:12px;top:72px;width:min(310px,calc(100vw - 24px))}.subscription-cta{align-items:flex-start;flex-direction:column}.subscription-cta .btn{width:100%}}
/* AIGrowth V72 customer UX: evidence-state clarity + actionable dashboard */
.mini-metrics>div.metric-brand{background:#f8fbff;border-color:#bfdbfe}.metric-brand b{color:#2563eb}
.mini-metrics>div.metric-first{background:#fffaf5;border-color:#fed7aa}.metric-first b{color:#c2410c}
.mini-metrics>div.metric-recommend{background:#f7fff9;border-color:#bbf7d0}.metric-recommend b{color:#15803d}
.mini-metrics>div.metric-citation{background:#fbf9ff;border-color:#ddd6fe}.metric-citation b{color:#7c3aed}
.score-unavailable{border-color:#fed7aa;background:#fffdf8}.score-unavailable .score-ring{border-color:#fdba74}.score-unavailable .score-bar i{background:#f59e0b}
.reliability-warning{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:10px 12px;border:1px solid #fed7aa;background:#fff7ed;border-radius:10px;color:#9a3412}.reliability-warning b{display:block;font-size:11px;white-space:nowrap}.reliability-warning span{font-size:10px;color:#7c2d12}
.dashboard-growth-tools{margin-top:18px}.next-moves-card,.truth-card{min-height:100%}.next-move{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.next-move:last-child{border-bottom:0}.next-move>span{width:30px;height:30px;border-radius:9px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-size:10px;font-weight:900;flex:0 0 30px}.next-move>div{min-width:0;flex:1}.next-move b{display:block;font-size:12px}.next-move small{display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:3px}.next-move .btn{padding:7px 10px;font-size:10px}.truth-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:15px 0}.truth-flow span{padding:7px 9px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb;font-size:10px;font-weight:800}.truth-flow i{font-style:normal;color:#94a3b8}.truth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.truth-grid>div{padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fafbfc}.truth-grid b{display:block;font-size:11px}.truth-grid small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:4px}.truth-card .small-note{margin-top:13px}
@media(max-width:560px){.truth-grid{grid-template-columns:1fr}.next-move{align-items:flex-start}.next-move .btn{margin-top:1px}}

/* V73: clear website-scoped reporting */
.website-switcher{margin:0 0 16px}.website-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.website-tab{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:.18s ease}.website-tab:hover{border-color:#94a3b8;transform:translateY(-1px)}.website-tab.active{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.10);background:#eff6ff}.website-tab-icon{font-size:20px}.website-tab small{display:block;color:#64748b;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.website-tab-arrow{margin-left:auto;font-weight:700;color:#64748b}.dashboard-website-switcher{margin-bottom:18px}.selected-website-card{border-left:4px solid #2563eb}

/* V73.2 — professional website report dropdown + scope clarity */.website-select-card{overflow:visible;border:1px solid #dbe3ef;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}.website-select-form{margin-top:4px;display:grid;gap:9px;max-width:820px}.website-select-form label{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.website-select-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#334155}.website-select-help{font-size:12px;color:#64748b}.website-select-control{position:relative;display:flex;align-items:center;min-height:56px}.website-select-leading{position:absolute;left:16px;z-index:1;font-size:19px;pointer-events:none}.website-select-control select{appearance:none;-webkit-appearance:none;width:100%;min-height:56px;padding:0 50px 0 48px;border:1px solid #bfcde0;border-radius:14px;background:#fff;color:#0f172a;font-size:15px;font-weight:700;line-height:1.3;outline:none;cursor:pointer;box-shadow:0 2px 6px rgba(15,23,42,.05);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.website-select-control select:hover{border-color:#94a3b8;background:#f8fafc}.website-select-control select:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.11);background:#fff}.website-select-chevron{position:absolute;right:17px;top:50%;transform:translateY(-56%);font-size:22px;line-height:1;color:#475569;pointer-events:none}.website-select-meta{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;color:#475569;font-size:11px;line-height:1.45}.website-select-meta-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:10px;font-weight:900}.website-select-meta b{color:#334155}.website-select-card .card-heading{margin-bottom:14px}.website-select-card .badge{white-space:nowrap}.dashboard-website-switcher .website-select-form{max-width:900px}
@media (max-width:700px){.website-select-form label{display:grid;gap:3px}.website-select-help{font-size:11px}.website-select-control select{font-size:14px;padding-right:42px}.website-select-card .card-heading{align-items:flex-start}.website-select-card .badge{margin-top:2px}.website-select-meta{font-size:10px}}

/* V73.2 final polish: keep website selector readable on narrow screens. */
@media (max-width:720px){
  .website-select-form label{display:grid;gap:3px}
  .website-select-help{line-height:1.4}
  .website-select-control select{font-size:14px;padding-left:46px;padding-right:46px}
  .website-select-card .card-heading{align-items:flex-start}
  .website-select-card .card-heading .badge{margin-top:2px}
}

/* V73.12 Notifications compact/pro UX */
.notif-compact{padding:14px 16px!important}.notif-toolbar{gap:10px!important}.notification-row{padding:11px 12px!important;gap:10px!important}.notification-row.unread{margin:0 -4px!important;padding:11px 12px!important}.notification-icon{font-size:18px!important}.notification-copy p{margin:3px 0!important;line-height:1.4!important;font-size:13px}.notification-copy small{font-size:11px}.notification-copy .btn{margin-top:5px!important;padding:6px 9px!important;font-size:12px}.pref-row{padding:10px 0!important}.pref-row small{font-size:11px}.notif-status{font-size:12px}.notif-filters{display:flex;gap:6px;flex-wrap:wrap}.notif-filters .btn{padding:6px 10px;font-size:12px}

/* V73.14 Notifications compact UX — denser, cleaner, professional */
.notifications-page .card{}
.notif-compact{padding:11px 13px!important;border-radius:12px!important}
.notif-toolbar{align-items:center!important;gap:8px!important}
.notif-toolbar .eyebrow,.notif-compact .eyebrow{font-size:9px!important;letter-spacing:.07em}
.notif-toolbar b{font-size:12px!important}.notif-toolbar .muted{font-size:10px!important}
.notif-actions{gap:6px!important}.notif-actions .btn{padding:6px 9px!important;font-size:10px!important}
.notif-compact .card-heading{margin-bottom:8px!important}.notif-compact .card-heading h2{font-size:15px!important}
.notif-compact .card-heading .badge{font-size:9px!important;padding:4px 7px!important}
.notif-filters{gap:5px!important;margin-bottom:7px!important}.notif-filters .btn{padding:5px 9px!important;font-size:10px!important}
.notification-row{display:flex!important;align-items:center!important;padding:8px 9px!important;margin:0!important;gap:8px!important;border-radius:9px!important}
.notification-row.unread{margin:0!important;padding:8px 9px!important}
.notification-row+.notification-row{margin-top:5px!important}
.notification-icon{width:28px!important;height:28px!important;flex:0 0 28px!important;display:grid!important;place-items:center!important;font-size:14px!important;border-radius:8px!important;background:#f8fafc!important}
.notification-copy{min-width:0!important;flex:1!important}.notification-copy>div:first-child{line-height:1!important}
.notification-copy .badge{font-size:8px!important;padding:3px 5px!important}.notification-copy>div>b{font-size:8px!important}
.notification-copy>b{display:block!important;font-size:11px!important;line-height:1.25!important;margin-top:3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-copy p{margin:2px 0!important;line-height:1.3!important;font-size:10px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notification-copy small{font-size:9px!important;color:#94a3b8!important}.notification-copy .btn{margin-top:3px!important;padding:4px 7px!important;font-size:9px!important}
.notification-row>form .btn{padding:5px 7px!important;font-size:9px!important;white-space:nowrap}
.notification-empty{padding:18px 8px!important;font-size:11px!important}.notification-empty small{font-size:9px!important}
.pref-row{padding:7px 0!important;gap:8px!important}.pref-row b{font-size:11px!important}.pref-row small{font-size:9px!important;line-height:1.3!important;margin-top:1px!important}.notif-compact form .btn.primary{padding:6px 10px!important;font-size:10px!important}
@media(max-width:700px){.notif-toolbar{align-items:flex-start!important;flex-direction:column!important}.notif-actions{width:100%!important}.notif-actions form{flex:1}.notif-actions .btn{width:100%!important}.notification-row{align-items:flex-start!important}.notification-row>form{align-self:center!important}}
/* V73.14 Notifications compact UX */
.notif-compact{padding:11px 13px!important;border-radius:12px!important}
.notif-toolbar{align-items:center!important;gap:8px!important}
.notif-toolbar .eyebrow,.notif-compact .eyebrow{font-size:9px!important;letter-spacing:.07em}
.notif-toolbar b{font-size:12px!important}.notif-toolbar .muted{font-size:10px!important}
.notif-actions{gap:6px!important}.notif-actions .btn{padding:6px 9px!important;font-size:10px!important}
.notif-compact .card-heading{margin-bottom:8px!important}.notif-compact .card-heading h2{font-size:15px!important}
.notif-compact .card-heading .badge{font-size:9px!important;padding:4px 7px!important}
.notif-filters{gap:5px!important;margin-bottom:7px!important}.notif-filters .btn{padding:5px 9px!important;font-size:10px!important}
.notification-row{display:flex!important;align-items:center!important;padding:8px 9px!important;margin:0!important;gap:8px!important;border-radius:9px!important}
.notification-row.unread{margin:0!important;padding:8px 9px!important}.notification-row+.notification-row{margin-top:5px!important}
.notification-icon{width:28px!important;height:28px!important;flex:0 0 28px!important;display:grid!important;place-items:center!important;font-size:14px!important;border-radius:8px!important;background:#f8fafc!important}
.notification-copy{min-width:0!important;flex:1!important}.notification-copy>div:first-child{line-height:1!important}
.notification-copy .badge{font-size:8px!important;padding:3px 5px!important}.notification-copy>div>b{font-size:8px!important}
.notification-copy>b{display:block!important;font-size:11px!important;line-height:1.25!important;margin-top:3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-copy p{margin:2px 0!important;line-height:1.3!important;font-size:10px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notification-copy small{font-size:9px!important;color:#94a3b8!important}.notification-copy .btn{margin-top:3px!important;padding:4px 7px!important;font-size:9px!important}
.notification-row>form .btn{padding:5px 7px!important;font-size:9px!important;white-space:nowrap}
.notification-empty{padding:18px 8px!important;font-size:11px!important}.notification-empty small{font-size:9px!important}
.pref-row{padding:7px 0!important;gap:8px!important}.pref-row b{font-size:11px!important}.pref-row small{font-size:9px!important;line-height:1.3!important;margin-top:1px!important}
.notif-compact form .btn.primary{padding:6px 10px!important;font-size:10px!important}
@media(max-width:700px){.notif-toolbar{align-items:flex-start!important;flex-direction:column!important}.notif-actions{width:100%!important}.notif-actions form{flex:1}.notif-actions .btn{width:100%!important}.notification-row{align-items:flex-start!important}.notification-row>form{align-self:center!important}}

/* V73.15 Notifications micro-card UX */
.notif-compact{padding:9px 11px!important;border-radius:10px!important}
.notif-toolbar{min-height:34px!important}
.notif-toolbar .eyebrow,.notif-compact .eyebrow{font-size:8px!important}
.notif-toolbar b{font-size:11px!important}.notif-toolbar .muted{font-size:9px!important}
.notif-actions{display:flex!important;gap:5px!important}.notif-actions .btn{padding:5px 7px!important;font-size:9px!important;border-radius:7px!important}
.notif-compact .card-heading{margin-bottom:6px!important}.notif-compact .card-heading h2{font-size:14px!important;margin:0!important}
.notif-compact .card-heading .badge{font-size:8px!important;padding:3px 6px!important}
.notif-filters{gap:4px!important;margin-bottom:5px!important}.notif-filters .btn{padding:4px 7px!important;font-size:9px!important;border-radius:7px!important}
.notification-row{padding:6px 7px!important;gap:7px!important;border-radius:8px!important;min-height:42px!important}
.notification-row.unread{padding:6px 7px!important}.notification-row+.notification-row{margin-top:3px!important}
.notification-icon{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:12px!important;border-radius:6px!important}
.notification-copy>b{font-size:10px!important;line-height:1.2!important;margin-top:2px!important}
.notification-copy p{font-size:9px!important;line-height:1.2!important;margin:1px 0!important;-webkit-line-clamp:1!important}
.notification-copy small{font-size:8px!important}
.notification-copy .badge{font-size:7px!important;padding:2px 4px!important}.notification-copy>div>b{font-size:7px!important}
.notification-copy .btn{margin-top:2px!important;padding:3px 6px!important;font-size:8px!important;border-radius:6px!important}
.notification-row>form .btn{padding:4px 6px!important;font-size:8px!important;border-radius:6px!important}
.notification-empty{padding:12px 6px!important;font-size:10px!important}.notification-empty small{font-size:8px!important}
.pref-row{padding:5px 0!important;gap:7px!important}.pref-row input{width:14px!important;height:14px!important}.pref-row b{font-size:10px!important}.pref-row small{font-size:8px!important;line-height:1.2!important}
.notif-compact form .btn.primary{padding:5px 8px!important;font-size:9px!important;border-radius:7px!important}
@media(min-width:701px){.notifications-page .grid.two{gap:10px!important}.notifications-page .grid.two>.card{min-width:0!important}}
@media(max-width:700px){.notif-toolbar{min-height:0!important}.notif-actions{gap:4px!important}.notif-actions .btn{padding:5px 6px!important}.notification-row{min-height:40px!important}}