/*
   ScamScan stylesheet. Commented for maintainability.
   The CSS is grouped by product area: base tokens, layout, navbar, footer,
   homepage, account pages, admin portal, result pages and responsive rules.
*/

/* =========================================================
   ScamScan style.css
========================================================= */

/* =========================================================
   1. Base
========================================================= */

* {
    box-sizing: border-box;
}

:root {
    --bg: #ffffff;
    --text: #070816;
    --muted: #667085;
    --purple: #6826ff;
    --purple-2: #b632ff;
    --line: #ececf2;
    --card: #ffffff;

    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;

    --shadow-soft: 0 24px 80px rgba(16, 5, 31, 0.08);
    --shadow-strong: 0 30px 110px rgba(16, 5, 31, 0.18);

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-pill: 999px;
}

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    font-family: 'Inter', Arial, sans-serif;
    background: var(--bg);
    color: var(--text);
}

button,
a,
label {
    -webkit-tap-highlight-color: transparent;
}

button {
    font-family: inherit;
}

a {
    color: inherit;
}

.hidden {
    display: none !important;
}

/* =========================================================
   2. Background
========================================================= */

.site-bg {
    position: fixed;
    inset: 0;
    z-index: -10;
    overflow: hidden;
    pointer-events: none;
}

.grid-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(to right, rgba(15, 23, 42, 0.055) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(15, 23, 42, 0.035) 1px, transparent 1px);
    background-size: 205px 205px;
}

.glow {
    position: absolute;
    border-radius: var(--radius-pill);
    filter: blur(80px);
    opacity: 0.28;
    pointer-events: none;
}

.glow-one {
    width: 560px;
    height: 560px;
    background: #ede7ff;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
}

.glow-two {
    width: 420px;
    height: 420px;
    background: #f4e7ff;
    top: 120px;
    right: 160px;
}

/* =========================================================
   3. Minimal topbar
   Required HTML:
   <div class="top-status-bar">
       <div class="topbar-spacer"></div>
       <div class="topbar-controls">
           <div class="status-pill"><span class="dot green"></span>API: online</div>
           <button class="status-pill language-toggle" id="languageToggle" type="button">NL</button>
           <button class="status-pill theme-toggle" id="themeToggle" type="button">🌙 Dark</button>
       </div>
   </div>
========================================================= */

.top-status-bar {
    width: 100%;
    min-height: 48px;
    background: rgba(5, 10, 25, 0.95);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    position: sticky;
    top: 0;
    z-index: 99999;
    backdrop-filter: blur(14px);
}

.topbar-left,
.topbar-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.top-status-bar * {
    pointer-events: auto;
}

.topbar-spacer {
    flex: 1;
}

.topbar-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

.status-pill {
    min-height: 34px;
    padding: 0 14px;
    border-radius: var(--radius-pill);
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: white;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
    z-index: 100000;
}

button.status-pill {
    cursor: pointer;
}

.language-toggle {
    min-width: 54px;
}

.theme-toggle {
    cursor: pointer;
    user-select: none;
}

.dot {
    width: 8px;
    height: 8px;
    border-radius: var(--radius-pill);
    flex: 0 0 auto;
}

.dot.green {
    background: var(--success);
    box-shadow: 0 0 12px var(--success);
}

.dot.blue {
    background: var(--info);
    box-shadow: 0 0 12px var(--info);
}

/* =========================================================
   4. Navigation
========================================================= */

.navbar {
    width: min(92%, 1720px);
    margin: 24px auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 100;
}

.logo-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text);
}

.logo-mark {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    box-shadow: 0 10px 30px rgba(104, 38, 255, 0.28);
}

.logo-text {
    font-weight: 800;
    letter-spacing: -0.03em;
}

.nav-actions {
    display: flex;
    gap: 16px;
    align-items: center;
}

.nav-link,
.nav-button {
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    padding: 15px 24px;
    transition: 0.2s ease;
}

.nav-link {
    color: var(--purple);
    border: 1px solid var(--purple);
    background: transparent;
}

.nav-button {
    color: white;
    background: linear-gradient(135deg, var(--purple), #4f1fff);
    border: 1px solid transparent;
}

.nav-button:hover,
.nav-link:hover {
    transform: translateY(-1px);
}

/* =========================================================
   5. Homepage
========================================================= */

.hero-section {
    position: relative;
    width: min(94%, 1100px);
    margin: 110px auto 0;
    text-align: center;
    min-height: 620px;
}

.center-icon {
    margin-bottom: 54px;
}

.shield-icon {
    width: 68px;
    height: 68px;
    border-radius: 16px;
    margin: 0 auto;
    background: #10051f;
    color: var(--purple-2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 28px;
    box-shadow: 0 18px 40px rgba(16, 5, 31, 0.22);
}

.hero-section h1 {
    max-width: 850px;
    margin: 0 auto;
    font-size: clamp(48px, 5vw, 78px);
    line-height: 1.08;
    letter-spacing: -0.06em;
    font-weight: 900;
}

.hero-section h1 span:last-child {
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    -webkit-background-clip: text;
    color: transparent;
}

.hero-subtitle {
    max-width: 760px;
    margin: 28px auto 0;
    color: #1f2a44;
    font-size: 19px;
    line-height: 1.8;
}

.floating-card {
    position: absolute;
    width: 54px;
    height: 54px;
    border-radius: 9px;
    background: rgba(255,255,255,0.82);
    box-shadow: 0 18px 40px rgba(0,0,0,0.08);
    color: #344054;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    backdrop-filter: blur(10px);
}

.float-a { top: -18px; left: 28%; }
.float-b { top: -18px; right: 28%; }
.float-c { top: 130px; left: 18%; }
.float-d { top: 130px; right: 18%; }

/* Upload */

.upload-shell {
    max-width: 780px;
    margin: 48px auto 0;
}

.upload-dropzone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 118px;
    padding: 28px;
    border: 1px solid #d8d6e3;
    background: white;
    box-shadow: var(--shadow-soft);
    cursor: pointer;
    transition: 0.2s ease;
}

.upload-dropzone:hover,
.upload-dropzone.drag-over,
.upload-dropzone.drag-active {
    border-color: var(--purple);
    transform: translateY(-2px);
    box-shadow: 0 28px 90px rgba(104, 38, 255, 0.16);
}

.pdf-badge {
    min-width: 74px;
    height: 74px;
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    color: white;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.upload-dropzone h2 {
    margin: 0 0 8px;
    font-size: 20px;
    letter-spacing: -0.03em;
}

.upload-dropzone p {
    margin: 0;
    color: var(--muted);
}

.file-selected {
    color: var(--purple);
    font-weight: 800;
    margin-left: 12px;
    word-break: break-word;
}

.real-file-input,
#fileInput,
input[type="file"] {
    display: none !important;
}

/* Buttons */

.primary-button,
.scan-button {
    width: 100%;
    border: 0;
    background: linear-gradient(135deg, var(--purple), #5524ff);
    color: white;
    padding: 19px 26px;
    font-weight: 800;
    font-size: 16px;
    margin-top: 14px;
    cursor: pointer;
    font-family: inherit;
    transition: 0.2s ease;
}

.primary-button:hover,
.scan-button:hover {
    transform: translateY(-1px);
}

.primary-button:disabled,
.scan-button:disabled {
    opacity: 0.75;
    cursor: wait;
}

/* Trust strip */

.trust-strip {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 26px;
}

.trust-strip span {
    color: #344054;
    background: rgba(255,255,255,0.8);
    border: 1px solid var(--line);
    padding: 10px 14px;
    font-size: 14px;
}

/* Scan counter */

.scan-counter {
    margin: 38px auto 0;
    max-width: 520px;
    padding: 26px 30px;
    text-align: center;
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(104, 38, 255, 0.12);
    box-shadow: var(--shadow-soft);
    backdrop-filter: blur(12px);
}

.scan-counter-number {
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.07em;
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    -webkit-background-clip: text;
    color: transparent;
}

.scan-counter-text {
    margin-top: 12px;
    color: #667085;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* Impact */

.impact-section {
    width: min(92%, 1700px);
    margin: 80px auto 0;
    min-height: 440px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 80px;
}

.impact-copy h2 {
    font-size: clamp(36px, 4vw, 54px);
    letter-spacing: -0.06em;
    margin: 0 0 20px;
}

.impact-copy p {
    color: #27324a;
    font-size: 20px;
    line-height: 1.7;
}

.impact-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 54px 80px;
}

.stat-card {
    border-left: 2px solid var(--purple);
    padding-left: 28px;
}

.stat-card strong {
    display: block;
    font-size: 48px;
    letter-spacing: -0.06em;
    line-height: 1;
}

.stat-card span {
    color: #27324a;
    margin-top: 8px;
    display: block;
}

/* Tools */

.tools-section {
    width: min(92%, 1400px);
    margin: 50px auto 0;
    background: linear-gradient(135deg, #07030f, #241057);
    color: white;
    border-radius: var(--radius-sm);
    padding: 70px 80px;
}

.section-heading {
    text-align: center;
    margin-bottom: 54px;
}

.section-heading h2 {
    margin: 0 0 16px;
    font-size: clamp(36px, 4vw, 54px);
    letter-spacing: -0.05em;
}

.section-heading p {
    margin: 0;
    color: rgba(255,255,255,0.8);
    font-size: 19px;
}

.tool-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    max-width: 1000px;
    margin: 0 auto;
}

.tool-card {
    background: rgba(255,255,255,0.055);
    padding: 34px 38px;
    border-radius: 4px;
    min-height: 205px;
}

.tool-icon {
    font-size: 34px;
    margin-bottom: 22px;
}

.tool-card h3 {
    margin: 0 0 16px;
    font-size: 22px;
}

.tool-card p {
    margin: 0;
    color: rgba(255,255,255,0.82);
    line-height: 1.55;
}

/* Privacy */

.privacy-section {
    width: min(92%, 1400px);
    margin: 42px auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    background: #f8f7ff;
    border: 1px solid #ece8ff;
    padding: 48px;
}

.privacy-section h2 {
    margin: 0 0 16px;
    font-size: 36px;
    letter-spacing: -0.05em;
}

.privacy-section p {
    color: #344054;
    line-height: 1.7;
    font-size: 17px;
}

.privacy-list {
    display: grid;
    gap: 14px;
}

.privacy-list div {
    background: white;
    border: 1px solid #edeaf8;
    padding: 18px;
    color: #1f2a44;
    font-weight: 700;
}

/* Learn section */

.learn-section {
    width: min(92%, 1200px);
    margin: 60px auto 0;
}

.learn-card {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #07030f, #241057);
    color: white;
    padding: 52px;
    box-shadow: 0 24px 80px rgba(16, 5, 31, 0.18);
}

.learn-card::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    background: rgba(255,255,255,0.05);
    border-radius: var(--radius-pill);
    top: -200px;
    right: -120px;
}

.learn-pill {
    display: inline-flex;
    padding: 10px 14px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.10);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.learn-card h2 {
    margin: 0;
    max-width: 700px;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1;
    letter-spacing: -0.06em;
}

.learn-card p {
    max-width: 720px;
    margin-top: 22px;
    color: rgba(255,255,255,0.82);
    font-size: 18px;
    line-height: 1.8;
}

.learn-link {
    margin-top: 32px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: white;
    text-decoration: none;
    font-weight: 800;
    padding: 16px 22px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.10);
    transition: 0.2s ease;
}

.learn-link:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,0.12);
}

/* =========================================================
   6. Shared cards
========================================================= */

.result-main-card,
.quick-advice-card,
.data-card,
.intel-card,
.finding-modern-card,
.preview-section,
.history-table-card,
.limit-card,
.article-card,
.account-card,
.account-hero-card,
.account-stat-card,
.premium-upsell-card {
    background: white;
    border: 1px solid #ececf2;
    box-shadow: var(--shadow-soft);
}

/* =========================================================
   7. Result page
========================================================= */

/* Domain risk badges */

.domain-risk {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    margin: 12px 0 18px;
    width: fit-content;
}

.risk-badge-high {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}

.risk-badge-medium {
    background: rgba(245, 158, 11, 0.14);
    color: #f59e0b;
}

.risk-badge-low {
    background: rgba(34, 197, 94, 0.14);
    color: #22c55e;
}

/* Context highlights */

.context-highlight {
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    background: rgba(245, 158, 11, 0.06) !important;
}

body[data-theme="dark"] .context-highlight {
    background: rgba(245, 158, 11, 0.08) !important;
}


.result-extra-data {
    margin-top: 18px;
}

.context-block {
    margin-top: 18px;
    padding: 18px;
    border-radius: 16px;
    background: #f8f7ff;
    border: 1px solid #ece8ff;
    color: #344054;
    font-size: 14px;
    line-height: 1.7;
    word-break: break-word;
}

.context-block strong {
    display: block;
    margin: 10px 0;
    color: var(--purple);
    font-weight: 900;
}

.context-block div {
    color: #667085;
}

body[data-theme="dark"] .context-block {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
    color: #cbd5e1;
}

body[data-theme="dark"] .context-block div {
    color: #94a3b8;
}

body[data-theme="dark"] .context-block strong {
    color: #c084fc;
}

.result-page {
    width: min(92%, 1400px);
    margin: 70px auto 0;
}

.result-hero {
    display: grid;
    grid-template-columns: 1.4fr 0.8fr;
    gap: 28px;
    align-items: stretch;
}

.result-main-card {
    padding: 46px;
}

.result-eyebrow {
    color: var(--purple);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 13px;
    margin-bottom: 18px;
}

.result-main-card h1 {
    margin: 0;
    font-size: clamp(38px, 4vw, 62px);
    line-height: 1.05;
    letter-spacing: -0.06em;
}

.result-main-card h1 span {
    display: block;
    color: var(--purple);
    word-break: break-word;
}

.result-status-row {
    margin-top: 34px;
    display: flex;
    gap: 28px;
    align-items: center;
}

.risk-circle {
    width: 138px;
    height: 138px;
    border-radius: var(--radius-pill);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-shrink: 0;
}

.risk-circle strong {
    font-size: 42px;
    letter-spacing: -0.05em;
}

.risk-circle span {
    color: #667085;
    font-weight: 800;
}

.risk-low {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.risk-medium {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.risk-high {
    background: rgba(239, 68, 68, 0.14);
    color: #b91c1c;
}

.status-badge {
    display: inline-flex;
    padding: 10px 14px;
    border-radius: var(--radius-pill);
    font-weight: 800;
    margin-bottom: 12px;
}

.badge-low {
    color: #15803d;
    background: rgba(34, 197, 94, 0.12);
}

.badge-medium {
    color: #b45309;
    background: rgba(245, 158, 11, 0.14);
}

.badge-high {
    color: #b91c1c;
    background: rgba(239, 68, 68, 0.14);
}

.risk-summary p,
.quick-advice-card p,
.finding-modern-card p,
.intel-card p {
    color: #344054;
    line-height: 1.7;
    font-size: 17px;
}

.quick-advice-card {
    padding: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.quick-advice-card h2 {
    margin: 0 0 14px;
    font-size: 32px;
    letter-spacing: -0.04em;
}

.advice-list,
.mini-data {
    display: grid;
    gap: 10px;
    margin-top: 22px;
}

.advice-list div,
.mini-data div {
    background: #f8f7ff;
    border: 1px solid #ece8ff;
    padding: 14px;
    font-weight: 700;
    color: #1f2a44;
}

.result-section {
    margin-top: 70px;
}

.result-heading-left {
    text-align: left;
    margin-bottom: 28px;
}

.result-heading-left h2 {
    margin: 0 0 10px;
}

.result-heading-left p {
    color: #667085;
}

.findings-modern {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.finding-modern-card {
    padding: 26px;
    border-left: 4px solid #d0d5dd;
}

.finding-modern-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.finding-modern-top h3 {
    margin: 0 0 8px;
    font-size: 20px;
}

.finding-modern-top span {
    color: #667085;
    font-weight: 700;
}

.finding-modern-top strong {
    color: var(--purple);
    white-space: nowrap;
}

.finding-positive { border-left-color: var(--success); }
.finding-warning { border-left-color: var(--warning); }
.finding-danger { border-left-color: var(--danger); }
.finding-info { border-left-color: var(--info); }

.data-overview {
    margin-top: 42px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.data-card,
.intel-card {
    padding: 24px;
}

.data-card span,
.intel-label,
.mini-data span {
    display: block;
    color: #667085;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
}

.data-card strong,
.mini-data strong {
    color: #101828;
    word-break: break-word;
    line-height: 1.5;
}

.intelligence-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.wide-intel-card {
    grid-column: span 2;
}

.intel-icon {
    font-size: 34px;
    margin-bottom: 18px;
}

.intel-card h3 {
    margin: 0 0 12px;
    font-size: 24px;
}

.history-status,
.domain-risk {
    display: inline-flex;
    padding: 10px 14px;
    font-weight: 800;
    margin-bottom: 14px;
    background: #f8f7ff;
    color: var(--purple);
}

.history-danger {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

.history-ok {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.preview-section {
    margin-top: 70px;
    padding: 28px;
}

.preview-section summary {
    cursor: pointer;
    font-weight: 900;
    font-size: 20px;
}

.preview-section pre {
    margin-top: 24px;
    white-space: pre-wrap;
    color: #344054;
    line-height: 1.6;
    max-height: 420px;
    overflow: auto;
}

/* =========================================================
   8. Limit page
========================================================= */

.limit-hero {
    min-height: auto;
}

.limit-card {
    max-width: 760px;
    margin: 44px auto 0;
    padding: 42px;
    text-align: left;
}

.limit-card h2 {
    margin: 22px 0 12px;
    font-size: 30px;
    letter-spacing: -0.04em;
}

.limit-card p {
    color: #344054;
    line-height: 1.8;
    font-size: 17px;
}

.limit-pill {
    background: rgba(239, 68, 68, 0.10);
    border-color: rgba(239, 68, 68, 0.22);
    color: #b91c1c;
}

.limit-actions {
    display: flex;
    gap: 14px;
    margin-top: 28px;
    flex-wrap: wrap;
}

/* =========================================================
   9. History page
========================================================= */

.history-page {
    width: min(92%, 1400px);
    margin: 70px auto 0;
}

.history-hero {
    text-align: center;
    margin-bottom: 50px;
}

.history-hero h1 {
    font-size: clamp(42px, 5vw, 72px);
    letter-spacing: -0.06em;
    margin: 0;
}

.history-table-card {
    padding: 34px;
    position: relative;
    z-index: 1;
}

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

.table-header h2 {
    margin: 0;
    font-size: 32px;
    letter-spacing: -0.04em;
}

.table-scroll {
    overflow-x: auto;
    position: relative;
    z-index: 1;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    padding: 18px;
    text-align: left;
    border-bottom: 1px solid #ececf2;
    white-space: nowrap;
}

th {
    color: #667085;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

td {
    color: #1f2a44;
    font-weight: 600;
}

.locked-row {
    filter: blur(5px);
    opacity: 0.55;
    user-select: none;
    pointer-events: none;
}

.premium-lock {
    margin-top: 24px;
    background: rgba(104, 38, 255, 0.08);
    border: 1px solid rgba(104, 38, 255, 0.18);
    padding: 28px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.lock-icon {
    font-size: 34px;
    margin-bottom: 12px;
}

.premium-lock h2 {
    margin: 0 0 10px;
    letter-spacing: -0.04em;
}

.premium-lock p {
    color: #667085;
    max-width: 620px;
    margin: 0 auto;
    line-height: 1.7;
}

/* =========================================================
   10. Article page
========================================================= */

.article-hero {
    width: min(92%, 1000px);
    margin: 90px auto 0;
    text-align: center;
}

.article-pill {
    display: inline-flex;
    padding: 10px 16px;
    background: rgba(104, 38, 255, 0.08);
    border: 1px solid rgba(104, 38, 255, 0.14);
    color: var(--purple);
    font-weight: 800;
    margin-bottom: 26px;
}

.article-hero h1 {
    font-size: clamp(48px, 6vw, 82px);
    line-height: 1;
    letter-spacing: -0.07em;
    margin: 0;
}

.article-hero h1 span:last-child {
    display: block;
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    -webkit-background-clip: text;
    color: transparent;
}

.article-intro {
    max-width: 760px;
    margin: 28px auto 0;
    font-size: 20px;
    line-height: 1.8;
    color: #344054;
}

.article-layout {
    width: min(92%, 1000px);
    margin: 60px auto 100px;
}

.article-content {
    display: grid;
    gap: 28px;
}

.article-card {
    padding: 40px;
}

.article-card h2 {
    margin-top: 0;
    font-size: 36px;
    letter-spacing: -0.05em;
}

.article-card p {
    color: #344054;
    line-height: 1.8;
    font-size: 17px;
}

.warning-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 24px;
}

.warning-box {
    border-left: 3px solid var(--purple);
    background: #faf8ff;
    padding: 22px;
}

.warning-box strong {
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
}

.warning-box p {
    margin: 0;
    font-size: 15px;
}

.article-list {
    display: grid;
    gap: 12px;
    padding-left: 20px;
}

.article-list li {
    line-height: 1.6;
}

.article-cta {
    text-align: center;
    background: linear-gradient(135deg, #07030f, #241057);
    color: white;
    padding: 60px 30px;
}

.article-cta h2 {
    margin-top: 0;
    font-size: 42px;
    letter-spacing: -0.05em;
}

.article-cta p {
    color: rgba(255,255,255,0.82);
    margin-bottom: 28px;
}

/* =========================================================
   11. Account page
========================================================= */

.account-page {
    width: min(92%, 1200px);
    margin: 70px auto;
}

.account-auth-grid,
.account-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.account-card,
.account-hero-card,
.account-stat-card,
.premium-upsell-card {
    padding: 34px;
}

.account-card h1,
.account-card h2,
.premium-upsell-card h2 {
    margin-top: 0;
    letter-spacing: -0.04em;
}

.account-auth-hero {
    max-width: 900px;
    margin: 0 auto 38px;
    text-align: center;
}

.account-auth-hero h1 {
    margin: 0;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1;
    letter-spacing: -0.07em;
}

.account-auth-hero p {
    max-width: 720px;
    margin: 24px auto 0;
    color: #344054;
    font-size: 18px;
    line-height: 1.8;
}

.account-input,
.account-form input {
    width: 100%;
    padding: 16px;
    margin-bottom: 14px;
    border: 1px solid #d0d5dd;
    font-size: 15px;
    font: inherit;
}

.account-form {
    display: grid;
    gap: 18px;
    margin-top: 26px;
}

.account-form label {
    display: grid;
    gap: 8px;
    color: #344054;
    font-weight: 700;
}

.account-error {
    background: rgba(239,68,68,0.12);
    color: #b91c1c;
    padding: 14px;
    margin-bottom: 18px;
    font-weight: 700;
    border: 1px solid rgba(239,68,68,0.22);
}

.account-dashboard {
    display: grid;
    gap: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

.account-hero-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.account-badge {
    display: inline-flex;
    padding: 8px 14px;
    background: rgba(104,38,255,0.12);
    color: var(--purple);
    font-weight: 800;
    margin-bottom: 14px;
    border: 1px solid rgba(104,38,255,0.18);
}

.account-email {
    color: var(--purple) !important;
    font-size: 20px;
    font-weight: 800;
}

.account-stats-grid,
.account-options {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.account-options {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 32px;
}

.account-option,
.account-plan-card {
    background: #f8f7ff;
    border: 1px solid #ece8ff;
    padding: 20px;
}

.account-option strong,
.account-plan-card strong {
    display: block;
    color: var(--purple);
    margin-bottom: 8px;
}

.account-option span,
.account-plan-card span {
    color: #667085;
    line-height: 1.5;
}

.account-stat-card span {
    display: block;
    color: #667085;
    margin-bottom: 12px;
    font-weight: 700;
}

.account-stat-card strong {
    font-size: 38px;
    letter-spacing: -0.05em;
}

.account-history-list {
    display: grid;
    gap: 16px;
}

.account-history-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px;
    border: 1px solid #ececf2;
}

.account-history-date {
    color: #667085;
    margin-top: 6px;
    font-size: 14px;
}

.account-actions {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 32px;
}

.account-logout,
.account-logout-button,
.logout-button {
    border: 1px solid rgba(239, 68, 68, 0.22);
    background: rgba(239, 68, 68, 0.10);
    color: #b91c1c;
    padding: 15px 24px;
    font-weight: 800;
    cursor: pointer;
    font-family: inherit;
}

.premium-upsell-card {
    background: linear-gradient(135deg, #07030f, #241057);
    color: white;
}

.premium-upsell-pill {
    display: inline-block;
    padding: 8px 14px;
    background: rgba(255,255,255,0.14);
    margin-bottom: 18px;
    font-weight: 800;
}

/* =========================================================
   12. Footer
========================================================= */

.footer {
    width: min(92%, 1700px);
    margin: 80px auto 40px;
    padding-top: 38px;
    border-top: 1px solid var(--line);
    color: #1f2a44;
}

.footer-brand p {
    max-width: 520px;
    color: #667085;
    line-height: 1.6;
}

.footer-grid {
    margin-top: 34px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.footer-grid h4 {
    margin: 0 0 12px;
    color: var(--text);
}

.footer-grid p,
.footer-grid a {
    display: block;
    color: #667085;
    margin: 8px 0;
    text-decoration: none;
}

.footer-bottom {
    margin-top: 34px;
    color: #98a2b3;
    font-size: 13px;
    line-height: 1.7;
    border-top: 1px solid rgba(0,0,0,0.06);
    padding-top: 24px;
}

/* =========================================================
   13. Loading
========================================================= */

.loading-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.82);
    backdrop-filter: blur(12px);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-overlay.hidden {
    display: none !important;
}

.loader-card {
    width: 430px;
    max-width: 92%;
    background: white;
    color: var(--text);
    padding: 44px;
    text-align: center;
    box-shadow: var(--shadow-strong);
}

.loader-card h2 {
    color: var(--text);
}

.loader-card p {
    color: #667085;
    line-height: 1.6;
}

.loader-spinner {
    width: 64px;
    height: 64px;
    border: 6px solid #eee8ff;
    border-top-color: var(--purple);
    border-radius: var(--radius-pill);
    margin: 0 auto 24px;
    animation: spin 0.9s linear infinite;
}

.password-policy {
    margin-top: 10px;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
}

body[data-theme="dark"] .password-policy {
    color: #cbd5e1;
}


@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* =========================================================
   14. Dark theme
========================================================= */

body[data-theme="dark"] {
    --bg: #070816;
    --text: #f8fafc;
    --muted: #cbd5e1;
    --line: rgba(255,255,255,0.10);
    --card: rgba(255,255,255,0.04);
    background: #070816;
    color: #f8fafc;
}

body[data-theme="dark"] .grid-bg {
    background-image:
        linear-gradient(to right, rgba(255,255,255,0.035) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,0.025) 1px, transparent 1px);
}

body[data-theme="dark"] .navbar,
body[data-theme="dark"] .footer,
body[data-theme="dark"] .logo-wrap {
    color: #f8fafc;
}

body[data-theme="dark"] .hero-subtitle,
body[data-theme="dark"] .impact-copy p,
body[data-theme="dark"] .stat-card span,
body[data-theme="dark"] .footer p,
body[data-theme="dark"] .footer a,
body[data-theme="dark"] .risk-summary p,
body[data-theme="dark"] .quick-advice-card p,
body[data-theme="dark"] .finding-modern-card p,
body[data-theme="dark"] .intel-card p,
body[data-theme="dark"] .preview-section pre,
body[data-theme="dark"] .limit-card p,
body[data-theme="dark"] .premium-lock p,
body[data-theme="dark"] .scan-counter-text,
body[data-theme="dark"] .article-card p,
body[data-theme="dark"] .article-intro,
body[data-theme="dark"] .account-card p,
body[data-theme="dark"] .account-form label,
body[data-theme="dark"] .account-option span,
body[data-theme="dark"] .account-plan-card span,
body[data-theme="dark"] .account-stat-card span,
body[data-theme="dark"] .account-history-date {
    color: #cbd5e1;
}

body[data-theme="dark"] .upload-dropzone,
body[data-theme="dark"] .privacy-section,
body[data-theme="dark"] .trust-strip span,
body[data-theme="dark"] .privacy-list div,
body[data-theme="dark"] .result-main-card,
body[data-theme="dark"] .quick-advice-card,
body[data-theme="dark"] .data-card,
body[data-theme="dark"] .intel-card,
body[data-theme="dark"] .finding-modern-card,
body[data-theme="dark"] .preview-section,
body[data-theme="dark"] .limit-card,
body[data-theme="dark"] .history-table-card,
body[data-theme="dark"] .premium-lock,
body[data-theme="dark"] .scan-counter,
body[data-theme="dark"] .article-card,
body[data-theme="dark"] .account-card,
body[data-theme="dark"] .account-hero-card,
body[data-theme="dark"] .account-stat-card {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
    color: #f8fafc;
}

body[data-theme="dark"] .upload-dropzone p,
body[data-theme="dark"] .privacy-section p {
    color: #cbd5e1;
}

body[data-theme="dark"] .footer-grid h4,
body[data-theme="dark"] .data-card strong,
body[data-theme="dark"] .mini-data strong,
body[data-theme="dark"] td {
    color: #f8fafc;
}

body[data-theme="dark"] th {
    color: #94a3b8;
}

body[data-theme="dark"] td {
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .advice-list div,
body[data-theme="dark"] .mini-data div,
body[data-theme="dark"] .warning-box,
body[data-theme="dark"] .account-option,
body[data-theme="dark"] .account-plan-card,
body[data-theme="dark"] .account-input,
body[data-theme="dark"] .account-form input {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
    color: #f8fafc;
}

body[data-theme="dark"] .loading-overlay {
    background: rgba(7, 8, 22, 0.82);
}

body[data-theme="dark"] .loader-card {
    background: #111827;
    color: #f8fafc;
}

body[data-theme="dark"] .loader-card h2 {
    color: #f8fafc;
}

body[data-theme="dark"] .loader-card p {
    color: #cbd5e1;
}

/* =========================================================
   15. Responsive
========================================================= */

@media (max-width: 900px) {
    .result-hero,
    .findings-modern,
    .data-overview,
    .intelligence-grid,
    .account-auth-grid,
    .account-grid,
    .account-stats-grid,
    .account-options {
        grid-template-columns: 1fr;
    }

    .wide-intel-card {
        grid-column: span 1;
    }

    .result-status-row,
    .account-hero-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .result-main-card,
    .quick-advice-card {
        padding: 30px;
    }

    .account-hero-card {
        gap: 20px;
    }
}

@media (max-width: 768px) {
   .topbar-left {
    display: none;
    }

 .top-status-bar {
        position: static;
        padding: 10px 8px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .topbar-left,
    .topbar-controls {
        justify-content: center;
        flex-wrap: wrap;
    }

    .topbar-spacer {
        display: none;
    }

    .topbar-controls {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .status-pill {
        min-height: 36px;
        padding: 0 12px;
        font-size: 13px;
    }

    .navbar {
        width: 92%;
        flex-direction: column;
        gap: 16px;
        margin-top: 18px;
    }

    .nav-actions {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .nav-link,
    .nav-button {
        padding: 13px 18px;
        font-size: 14px;
    }

    .hero-section {
        width: 92%;
        margin-top: 52px;
        min-height: auto;
    }

    .center-icon {
        margin-bottom: 34px;
    }

    .hero-section h1 {
        font-size: 42px;
        line-height: 1.05;
        letter-spacing: -2px;
    }

    .hero-subtitle {
        font-size: 16px;
        line-height: 1.6;
    }

    .floating-card {
        display: none;
    }

    .upload-shell {
        margin-top: 34px;
    }

    .upload-dropzone {
        flex-direction: column;
        padding: 30px 18px;
    }

    .file-selected {
        margin-left: 0;
    }

    .impact-section,
    .privacy-section {
        width: 92%;
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .impact-section {
        margin-top: 70px;
        min-height: auto;
    }

    .impact-stats,
    .tool-grid,
    .footer-grid,
    .warning-grid {
        grid-template-columns: 1fr;
    }
.legal-links {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 18px;
}

.legal-links a {
    color: #667085;
    text-decoration: none;
    font-weight: 700;
}

.legal-links a:hover {
    color: var(--purple);
}

.legal-page {
    width: min(92%, 950px);
    margin: 80px auto;
}

.legal-card {
    background: white;
    border: 1px solid #ececf2;
    box-shadow: 0 24px 80px rgba(16, 5, 31, 0.08);
    padding: 44px;
}

.legal-card h1 {
    font-size: clamp(38px, 5vw, 64px);
    letter-spacing: -0.06em;
    margin-top: 0;
}

.legal-card h2 {
    margin-top: 34px;
}

.legal-card p,
.legal-card li {
    color: #344054;
    line-height: 1.8;
}

body[data-theme="dark"] .legal-card {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .legal-card p,
body[data-theme="dark"] .legal-card li,
body[data-theme="dark"] .legal-links a {
    color: #cbd5e1;
}


    .tools-section {
        width: 92%;
        padding: 42px 22px;
    }

    .tool-card {
        padding: 28px;
    }

    .history-table-card,
    .limit-card,
    .account-card,
    .account-hero-card,
    .account-stat-card,
    .premium-upsell-card,
    .article-card {
        padding: 28px 22px;
    }

    .table-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .article-hero {
        margin-top: 60px;
    }

    .article-hero h1 {
        font-size: 52px;
    }

    .article-intro {
        font-size: 17px;
    }

    .article-cta {
        padding: 42px 22px;
    }

    .article-cta h2 {
        font-size: 34px;
    }

    .learn-card {
        padding: 34px 24px;
    }

    .learn-card h2 {
        font-size: 40px;
    }

    .learn-card p {
        font-size: 16px;
        line-height: 1.7;
    }

    .learn-link {
        width: 100%;
        justify-content: center;
    }

    .account-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .account-actions a,
    .account-actions form,
    .account-logout,
    .account-logout-button,
    .logout-button {
        width: 100%;
        text-align: center;
    }

    .footer {
        width: 92%;
        text-align: left;
    }

    .loader-card {
        width: 92%;
    }
}

.password-checklist {
    margin-top: -4px;
    margin-bottom: 18px;
    display: grid;
    gap: 8px;
    font-size: 14px;
}

.password-rule {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #667085;
}

.rule-icon {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    background: rgba(102, 112, 133, 0.12);
    color: #667085;
}

.password-rule.valid {
    color: #15803d;
}

.password-rule.valid .rule-icon {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.password-rule.invalid {
    color: #b91c1c;
}

.password-rule.invalid .rule-icon {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

body[data-theme="dark"] .password-rule {
    color: #94a3b8;
}

body[data-theme="dark"] .password-rule.valid {
    color: #22c55e;
}

body[data-theme="dark"] .password-rule.invalid {
    color: #f87171;
}

.auth-page {
    min-height: 100vh;
    background: #f8f9fc;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 48px 18px;
}

.auth-card {
    width: min(100%, 640px);
    background: white;
    border-radius: 28px;
    box-shadow: 0 30px 90px rgba(16, 5, 31, 0.12);
    overflow: hidden;
    border: 1px solid #ececf2;
}

.auth-login-card {
    margin-top: 12px;
}

.auth-hero {
    background: linear-gradient(135deg, #6826ff, #4f1fff);
    color: white;
    text-align: center;
    padding: 58px 34px 48px;
}

.auth-hero h1,
.auth-register-header h1 {
    font-size: clamp(36px, 7vw, 56px);
    line-height: 1.05;
    letter-spacing: -0.06em;
    margin: 34px 0 14px;
}

.auth-hero p,
.auth-register-header p {
    font-size: 19px;
    color: rgba(255,255,255,0.82);
    margin: 0;
}

.auth-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    font-size: 28px;
}

.auth-register-header {
    text-align: center;
    padding: 46px 32px 24px;
}

.auth-register-header p {
    color: #667085;
}

.auth-register-header a,
.auth-switch a,
.auth-legal a,
.auth-checkbox a,
.auth-label-row a {
    color: var(--purple);
    font-weight: 800;
    text-decoration: none;
}

.auth-benefits {
    margin-top: 26px;
    display: grid;
    gap: 12px;
    justify-items: center;
}

.auth-benefits span {
    display: inline-flex;
    padding: 10px 18px;
    border-radius: 999px;
    background: #f1eeff;
    color: var(--purple);
    font-weight: 800;
}

.auth-form {
    padding: 36px 46px 44px;
}

.auth-form label {
    display: block;
    font-size: 18px;
    font-weight: 900;
    color: #344054;
    margin: 22px 0 10px;
}

.auth-label-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.auth-input-wrap {
    min-height: 72px;
    border: 1px solid #e4e7ec;
    border-radius: 20px;
    background: white;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 20px;
}

.auth-input-wrap span {
    color: #98a2b3;
    font-size: 22px;
}

.auth-input-wrap input {
    flex: 1;
    border: 0;
    outline: 0;
    font-size: 20px;
    color: #101828;
    background: transparent;
    min-width: 0;
}

.auth-input-wrap input::placeholder {
    color: #98a2b3;
}

.password-eye {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 20px;
}

.auth-submit {
    width: 100%;
    margin-top: 34px;
    min-height: 72px;
    border: 0;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--purple), #4f1fff);
    color: white;
    font-size: 22px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 18px 45px rgba(104, 38, 255, 0.26);
}

.auth-switch {
    border-top: 1px solid #ececf2;
    text-align: center;
    padding: 30px;
    font-size: 18px;
    color: #667085;
}

.auth-legal {
    background: #f8f9fc;
    text-align: center;
    padding: 26px 34px;
    color: #667085;
    line-height: 1.7;
}

.auth-checkbox {
    display: flex !important;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    border: 1px solid #ececf2;
    border-radius: 20px;
    font-size: 16px !important;
    line-height: 1.7;
}

.auth-checkbox input {
    width: 24px;
    height: 24px;
    margin-top: 4px;
}

.account-error {
    background: rgba(239, 68, 68, 0.10);
    border: 1px solid rgba(239, 68, 68, 0.22);
    color: #b91c1c;
    padding: 14px 16px;
    border-radius: 14px;
    font-weight: 700;
    margin-bottom: 18px;
}

.password-checklist {
    margin-top: 12px;
    display: none;
    gap: 8px;
    font-size: 14px;
}

.password-rule {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #667085;
}

.rule-icon {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
    background: rgba(102, 112, 133, 0.12);
    color: #667085;
}

.password-rule.valid {
    color: #15803d;
}

.password-rule.valid .rule-icon {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.password-rule.invalid {
    color: #b91c1c;
}

.password-rule.invalid .rule-icon {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

body[data-theme="dark"] .auth-page {
    background: #070816;
}

body[data-theme="dark"] .auth-card {
    background: #111827;
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .auth-form label,
body[data-theme="dark"] .auth-input-wrap input {
    color: #f8fafc;
}

body[data-theme="dark"] .auth-input-wrap,
body[data-theme="dark"] .auth-checkbox {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .auth-legal {
    background: rgba(255,255,255,0.03);
}

@media (max-width: 700px) {
    .auth-page {
        padding: 0;
        background: white;
    }

    .auth-card {
        border-radius: 0;
        min-height: 100vh;
        box-shadow: none;
        border: 0;
    }

    .auth-form {
        padding: 28px 24px 36px;
    }

    .auth-hero {
        padding: 48px 24px 42px;
    }

    .auth-register-header {
        padding: 38px 24px 20px;
    }

    .auth-input-wrap {
        min-height: 66px;
        border-radius: 18px;
    }

    .auth-input-wrap input {
        font-size: 18px;
    }

    .auth-submit {
        min-height: 66px;
        font-size: 20px;
    }
}


/* =========================================================
   FINAL MOBILE TOPBAR FIX
   API: online is hidden on small screens.
   Language and theme toggles stay visible and clickable.
========================================================= */

.language-toggle,
.theme-toggle,
button.status-pill {
    pointer-events: auto;
    touch-action: manipulation;
    cursor: pointer;
    position: relative;
    z-index: 100001;
}

@media (max-width: 768px) {
    .top-status-bar {
        position: sticky;
        top: 0;
        z-index: 99999;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: 100%;
        min-height: auto;
        padding: 10px 12px;
        flex-wrap: nowrap;
        overflow: visible;
    }

    .topbar-left {
        display: none !important;
    }

    .topbar-controls {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
        z-index: 100000;
    }

    .topbar-controls .status-pill {
        min-height: 36px;
        padding: 0 10px;
        font-size: 12px;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .language-toggle,
    .theme-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 54px;
        pointer-events: auto !important;
        position: relative;
        z-index: 100002;
    }
}

/* =========================
   Account improvements
========================= */

.account-signed-out-card {
    max-width: 760px;
    margin: 80px auto;
    padding: 52px;
    background: white;
    border: 1px solid var(--line);
    box-shadow: 0 24px 80px rgba(16, 5, 31, 0.08);
    text-align: center;
}

.account-signed-out-card h1 {
    font-size: clamp(38px, 5vw, 64px);
    margin: 18px 0;
    letter-spacing: -0.06em;
}

.account-signed-out-card p {
    color: #667085;
    font-size: 18px;
    line-height: 1.7;
    max-width: 560px;
    margin: 0 auto;
}

.account-empty-actions,
.account-hero-actions {
    display: flex;
    gap: 14px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 28px;
}

.account-hero-modern {
    justify-content: space-between;
    gap: 28px;
}

.account-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 24px;
}

.account-card-header h2 {
    margin: 0 0 8px;
    font-size: 30px;
    letter-spacing: -0.04em;
}

.account-card-header p {
    margin: 0;
    color: #667085;
    line-height: 1.6;
}

.account-stat-card p {
    margin: 10px 0 0;
    color: #667085;
    line-height: 1.5;
    font-size: 14px;
}

.account-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-top: 24px;
}

.account-detail-list,
.account-settings-list {
    display: grid;
    gap: 14px;
}

.account-detail-list div,
.account-settings-list div {
    background: #f8f7ff;
    border: 1px solid #ece8ff;
    padding: 18px;
    display: grid;
    gap: 8px;
}

.account-detail-list span,
.account-settings-list span {
    color: #667085;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.account-detail-list strong,
.account-settings-list strong {
    color: #101828;
    word-break: break-word;
}

.account-mini-pill {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
    font-weight: 900;
    font-size: 13px;
}

.account-empty-state {
    text-align: center;
    padding: 36px;
    border: 1px dashed #d8d6e3;
    background: #fbfaff;
}

.account-empty-state h3 {
    margin: 8px 0;
    font-size: 24px;
}

.account-empty-state p {
    color: #667085;
    margin-bottom: 24px;
}

.history-warning {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.account-success {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.22);
    color: #15803d;
    padding: 14px 16px;
    border-radius: 14px;
    font-weight: 700;
    margin-bottom: 18px;
}

body[data-theme="dark"] .account-signed-out-card,
body[data-theme="dark"] .account-empty-state {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .account-signed-out-card p,
body[data-theme="dark"] .account-card-header p,
body[data-theme="dark"] .account-stat-card p,
body[data-theme="dark"] .account-empty-state p {
    color: #cbd5e1;
}

body[data-theme="dark"] .account-detail-list div,
body[data-theme="dark"] .account-settings-list div {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .account-detail-list strong,
body[data-theme="dark"] .account-settings-list strong {
    color: #f8fafc;
}

@media (max-width: 900px) {
    .account-grid-two {
        grid-template-columns: 1fr;
    }

    .account-hero-modern,
    .account-card-header {
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    .account-signed-out-card {
        margin: 40px auto;
        padding: 30px 22px;
    }

    .account-empty-actions,
    .account-hero-actions {
        align-items: stretch;
    }

    .account-empty-actions a,
    .account-hero-actions a,
    .account-hero-actions form,
    .account-hero-actions button {
        width: 100%;
        text-align: center;
    }
}


/* =========================================================
   99. Marketing SaaS update v9000
========================================================= */

.marketing-navbar {
    width: min(94%, 1240px);
    min-height: 64px;
    margin-top: 16px;
    padding: 10px 0;
}

.nav-center {
    gap: 26px;
}

.nav-plain {
    color: #475467;
    text-decoration: none;
    font-weight: 800;
    font-size: 15px;
    transition: .18s ease;
}

.nav-plain:hover {
    color: var(--purple);
}

.nav-auth .nav-link,
.nav-auth .nav-button {
    border-radius: 12px;
    padding: 12px 20px;
}

.saas-hero {
    width: min(94%, 1240px);
    margin: 92px auto 70px;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
    gap: 72px;
}

.hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.28);
    color: #047857;
    font-size: 14px;
    margin-bottom: 28px;
}

.hero-pill span {
    width: 8px;
    height: 8px;
    background: #10b981;
    border-radius: 99px;
}

.saas-hero h1,
.page-hero h1,
.purple-story h2 {
    font-family: 'Fraunces', 'Inter', serif;
    letter-spacing: -0.055em;
}

.saas-hero h1 {
    margin: 0;
    font-size: clamp(54px, 6vw, 86px);
    line-height: .96;
    color: #101828;
}

.saas-hero h1 span:last-child {
    color: var(--purple);
}

.saas-hero-copy p {
    max-width: 680px;
    margin: 30px 0 0;
    color: #475467;
    font-size: 21px;
    line-height: 1.7;
    font-weight: 600;
}

.hero-actions {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 34px;
}

.hero-primary,
.hero-secondary {
    min-height: 62px;
    padding: 0 32px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 900;
    font-size: 17px;
}

.hero-primary {
    color: white;
    background: linear-gradient(135deg, var(--purple), #4f1fff);
    box-shadow: 0 18px 45px rgba(104, 38, 255, .25);
}

.hero-secondary {
    color: var(--purple);
    background: #f1eeff;
    border: 1px solid rgba(104, 38, 255, .16);
}

.hero-microcopy {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    color: #667085;
    margin-top: 18px;
    font-size: 14px;
    font-weight: 700;
}

.saas-hero-visual {
    position: relative;
    min-height: 520px;
}

.invoice-mockup {
    position: relative;
    width: min(100%, 420px);
    margin-left: auto;
    background: white;
    border: 1px solid #ececf2;
    border-radius: 26px;
    padding: 28px;
    box-shadow: 0 34px 100px rgba(16, 5, 31, .14);
    transform: rotate(1deg);
}

.mockup-top,
.score-panel,
.finding-line {
    display: flex;
    align-items: center;
}

.mockup-top {
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 28px;
}

.mockup-top strong {
    margin-right: auto;
}

.mockup-badge {
    padding: 8px 12px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 12px;
}

.mockup-badge.warning {
    color: #b45309;
    background: rgba(245, 158, 11, .14);
}

.score-panel {
    justify-content: space-between;
    padding: 22px;
    border-radius: 20px;
    background: #f8f7ff;
    margin-bottom: 18px;
}

.score-panel span {
    display: block;
    color: #667085;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
}

.score-panel strong {
    display: block;
    font-size: 34px;
    letter-spacing: -.04em;
}

.score-ring {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b45309;
    font-weight: 900;
    background: rgba(245, 158, 11, .16);
}

.finding-line {
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #ececf2;
}

.finding-line:last-child {
    border-bottom: 0;
}

.finding-line > span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.finding-line strong,
.finding-line small {
    display: block;
}

.finding-line small {
    color: #667085;
    margin-top: 3px;
}

.finding-line.danger > span { color: #b91c1c; background: rgba(239,68,68,.12); }
.finding-line.ok > span { color: #15803d; background: rgba(34,197,94,.12); }
.finding-line.info > span { color: #1d4ed8; background: rgba(59,130,246,.12); }

.phone-mockup {
    position: absolute;
    left: 0;
    bottom: 24px;
    width: 180px;
    height: 300px;
    border-radius: 34px;
    background: #101828;
    padding: 14px;
    box-shadow: 0 28px 90px rgba(16, 5, 31, .28);
}

.phone-screen {
    height: 100%;
    border-radius: 24px;
    background: linear-gradient(160deg, var(--purple), #8b5cf6);
    color: white;
    padding: 24px 18px;
}

.phone-screen strong,
.phone-screen span {
    display: block;
}

.mini-chart {
    height: 90px;
    margin-top: 36px;
    border-radius: 14px;
    background: linear-gradient(to top, rgba(255,255,255,.25), rgba(255,255,255,.05));
}

.saas-upload {
    margin-top: 0;
    margin-bottom: 36px;
}

.saas-trust {
    margin-bottom: 72px;
}

.marketing-section,
.pricing-preview,
.marketing-page,
.faq-section {
    width: min(92%, 1180px);
    margin: 80px auto;
}

.feature-grid {
    display: grid;
    gap: 24px;
}

.feature-grid.three {
    grid-template-columns: repeat(3, 1fr);
}

.feature-grid.two {
    grid-template-columns: repeat(2, 1fr);
    width: min(92%, 1180px);
    margin: 40px auto 80px;
}

.feature-card,
.price-card,
.contact-card {
    background: white;
    border: 1px solid #ececf2;
    border-radius: 26px;
    padding: 34px;
    box-shadow: 0 18px 60px rgba(16,5,31,.06);
}

.feature-card > span {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #f1eeff;
    color: var(--purple);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 22px;
    margin-bottom: 24px;
}

.feature-card h3,
.price-card h3 {
    margin: 0 0 12px;
    font-size: 24px;
    letter-spacing: -.035em;
}

.feature-card p,
.price-card p,
.faq-section p {
    color: #667085;
    line-height: 1.7;
}

.purple-story {
    width: 100%;
    margin: 90px 0;
    padding: 90px max(6vw, 28px);
    background: linear-gradient(135deg, #4f1fff, #7c3aed);
    color: white;
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 70px;
    align-items: center;
}

.purple-story h2 {
    font-size: clamp(36px, 5vw, 62px);
    line-height: 1.05;
    margin: 0 0 24px;
}

.purple-story p {
    color: rgba(255,255,255,.82);
    font-size: 18px;
    line-height: 1.75;
    max-width: 700px;
}

.eyebrow {
    color: var(--purple);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 900;
    font-size: 13px;
    margin-bottom: 18px;
}

.purple-story .eyebrow { color: rgba(255,255,255,.78); }

.story-stat {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 34px;
    padding: 44px;
}

.story-stat span {
    display: block;
    font-family: 'Fraunces', serif;
    font-size: 82px;
    font-weight: 900;
    line-height: 1;
}

.story-stat strong {
    display: block;
    font-size: 25px;
    margin-top: 18px;
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    align-items: stretch;
}

.price-card {
    position: relative;
    display: flex;
    flex-direction: column;
}

.price-card.featured {
    background: #171245;
    color: white;
    border-color: #4f46e5;
    transform: translateY(-16px);
}

.price-card.featured p,
.price-card.featured li,
.price-card.featured .price span {
    color: rgba(255,255,255,.78);
}

.price-label {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    background: #fb923c;
    color: white;
    padding: 9px 18px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 12px;
    white-space: nowrap;
}

.price {
    font-size: 46px;
    font-weight: 900;
    letter-spacing: -.06em;
    margin: 18px 0;
}

.price span {
    font-size: 16px;
    color: #667085;
    letter-spacing: 0;
}

.price-card ul {
    padding: 0;
    margin: 18px 0 30px;
    list-style: none;
    display: grid;
    gap: 14px;
}

.price-card li::before {
    content: '✓';
    color: var(--purple);
    font-weight: 900;
    margin-right: 10px;
}

.price-card .nav-link,
.price-card .nav-button {
    margin-top: auto;
    text-align: center;
    border-radius: 14px;
}

.page-hero {
    text-align: center;
    max-width: 860px;
    margin: 90px auto 50px;
}

.page-hero h1 {
    margin: 0;
    font-size: clamp(44px, 5vw, 72px);
    line-height: 1;
}

.page-hero p {
    color: #667085;
    font-size: 20px;
    line-height: 1.7;
}

.cta-band {
    width: min(92%, 1180px);
    margin: 80px auto;
    border-radius: 34px;
    padding: 54px;
    background: #f8f7ff;
    border: 1px solid #ece8ff;
    text-align: center;
}

.cta-band h2 {
    margin: 0 0 12px;
    font-size: 38px;
    letter-spacing: -.04em;
}

.faq-grid,
.contact-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.contact-grid {
    grid-template-columns: 1.1fr .9fr;
    width: min(92%, 1050px);
    margin: 40px auto 90px;
}

.contact-card label {
    display: block;
    font-weight: 900;
    margin: 16px 0 8px;
}

.contact-card input,
.contact-card textarea {
    width: 100%;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    padding: 18px;
    font: inherit;
    background: white;
}

.contact-card textarea {
    min-height: 170px;
    resize: vertical;
}

.muted { color: #667085; }

body[data-theme="dark"] .saas-hero h1,
body[data-theme="dark"] .page-hero h1,
body[data-theme="dark"] .feature-card h3,
body[data-theme="dark"] .price-card h3,
body[data-theme="dark"] .cta-band h2 {
    color: #f8fafc;
}

body[data-theme="dark"] .feature-card,
body[data-theme="dark"] .price-card:not(.featured),
body[data-theme="dark"] .invoice-mockup,
body[data-theme="dark"] .contact-card,
body[data-theme="dark"] .cta-band {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.10);
    color: #f8fafc;
}

body[data-theme="dark"] .saas-hero-copy p,
body[data-theme="dark"] .page-hero p,
body[data-theme="dark"] .feature-card p,
body[data-theme="dark"] .price-card p,
body[data-theme="dark"] .price-card li,
body[data-theme="dark"] .hero-microcopy {
    color: #cbd5e1;
}

@media (max-width: 1050px) {
    .nav-center { display: none; }
    .saas-hero { grid-template-columns: 1fr; gap: 40px; margin-top: 54px; }
    .saas-hero-visual { min-height: 420px; }
    .feature-grid.three,
    .feature-grid.two,
    .pricing-grid,
    .purple-story,
    .faq-grid,
    .contact-grid { grid-template-columns: 1fr; }
    .price-card.featured { transform: none; }
}

@media (max-width: 700px) {
    .marketing-navbar { flex-wrap: wrap; gap: 14px; }
    .nav-auth { width: 100%; justify-content: center; }
    .saas-hero { margin-top: 38px; }
    .saas-hero h1 { font-size: 48px; }
    .saas-hero-copy p { font-size: 17px; }
    .hero-actions a { width: 100%; }
    .invoice-mockup { margin: 0 auto; }
    .phone-mockup { display: none; }
    .purple-story { padding: 56px 24px; }
    .story-stat span { font-size: 60px; }
    .feature-card,
    .price-card,
    .contact-card { padding: 26px; }
}


/* =========================================================
   v9100 SaaS navigation and marketing system
========================================================= */
.top-status-bar { display: none !important; }
.saas-navbar {
    width: 100%;
    height: 72px;
    padding: 0 max(24px, calc((100vw - 1280px) / 2));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: rgba(255,255,255,0.86);
    border-bottom: 1px solid rgba(7,8,22,0.08);
    backdrop-filter: blur(16px);
    position: sticky;
    top: 0;
    z-index: 9999;
}
.saas-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text); font-weight: 900; }
.saas-logo-mark { width: 28px; height: 28px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg,var(--purple),#7b61ff); color: #fff; font-weight: 900; box-shadow: 0 10px 24px rgba(104,38,255,.22); }
.saas-logo-text { font-size: 20px; letter-spacing: -0.04em; }
.saas-nav-links { display: flex; align-items: center; gap: 26px; }
.saas-nav-links a { text-decoration: none; color: #475467; font-weight: 800; font-size: 15px; }
.saas-nav-links a:hover { color: var(--purple); }
.saas-nav-actions { display: flex; align-items: center; gap: 12px; }
.scan-credit-pill { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; color: #344054; background: #f8f7ff; border: 1px solid #e4ddff; padding: 10px 12px; border-radius: 999px; font-size: 13px; font-weight: 800; white-space: nowrap; }
.language-switch { height: 38px; border: 1px solid #e4e7ec; background: #fff; border-radius: 999px; padding: 3px; display: inline-flex; align-items: center; gap: 2px; cursor: pointer; }
.lang-option { height: 30px; min-width: 34px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; color: #667085; font-weight: 900; font-size: 12px; }
.lang-option.active { background: var(--purple); color: #fff; box-shadow: 0 8px 20px rgba(104,38,255,.25); }
.theme-icon-button { width: 38px; height: 38px; border-radius: 999px; border: 1px solid #e4e7ec; background: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.saas-login-link { text-decoration: none; color: var(--purple); border: 1px solid #cfc3ff; padding: 11px 18px; border-radius: 12px; font-weight: 900; white-space: nowrap; }
.saas-primary-link, .saas-secondary-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 14px; padding: 13px 22px; font-weight: 900; border: 1px solid transparent; }
.saas-primary-link { color: #fff; background: linear-gradient(135deg,var(--purple),#4f1fff); box-shadow: 0 14px 34px rgba(104,38,255,.24); }
.saas-secondary-link { color: var(--purple); background: #f1eeff; border-color: #dfd8ff; }
.saas-primary-link.large, .saas-secondary-link.large { min-height: 58px; padding: 0 30px; font-size: 17px; }
.saas-primary-link.block, .saas-secondary-link.block { width: 100%; margin-top: 24px; }

.landing-hero { width: min(92%, 1280px); margin: 92px auto 0; display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; }
.landing-pill, .section-kicker { display: inline-flex; align-items: center; gap: 8px; color: #007a4d; background: #ecfff6; border: 1px solid #9ff0ca; border-radius: 999px; padding: 9px 16px; font-weight: 900; font-size: 13px; letter-spacing: .01em; }
.section-kicker { color: var(--purple); background: #f1eeff; border-color: #dfd8ff; text-transform: uppercase; letter-spacing: .08em; }
.section-kicker.light { color: rgba(255,255,255,.9); background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.18); }
.landing-hero h1 { margin: 30px 0 24px; font-size: clamp(52px, 6vw, 86px); line-height: .98; letter-spacing: -0.075em; font-weight: 950; }
.landing-hero h1 span:last-child { color: var(--purple); }
.landing-hero p { max-width: 720px; color: #475467; font-size: 21px; line-height: 1.7; font-weight: 600; }
.landing-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:34px; }
.landing-proof-row { display:flex; gap: 22px; flex-wrap:wrap; margin-top: 20px; color:#667085; font-weight:800; }
.landing-proof-row span::before { content: '✓'; color: var(--purple); margin-right: 8px; }
.invoice-preview-stack { position: relative; min-height: 500px; display:flex; align-items:center; justify-content:center; }
.mock-result-card { width: min(100%, 420px); background:#fff; border:1px solid #ececf2; border-radius:26px; padding:30px; box-shadow:0 40px 120px rgba(16,5,31,.14); transform: rotate(2deg); }
.mock-top { display:flex; justify-content:space-between; align-items:center; color:#101828; }
.mock-badge { border-radius:999px; padding:8px 12px; font-weight:900; font-size:13px; }
.mock-badge.danger { background:rgba(239,68,68,.12); color:#b91c1c; }
.mock-score { margin:28px 0; display:flex; align-items:flex-end; gap:10px; }
.mock-score span { font-size:76px; font-weight:950; letter-spacing:-.08em; color:var(--purple); line-height:.8; }
.mock-score small { color:#667085; font-weight:900; }
.mock-finding { margin-top:12px; padding:14px 16px; border-radius:14px; font-weight:800; color:#344054; background:#f8f9fc; }
.mock-finding.danger { border-left:4px solid var(--danger); } .mock-finding.warning { border-left:4px solid var(--warning); } .mock-finding.ok { border-left:4px solid var(--success); }
.mock-phone-card { position:absolute; left:10%; bottom:40px; width:160px; height:260px; border-radius:28px; background:linear-gradient(180deg,#171142,#10051f); box-shadow:0 28px 70px rgba(16,5,31,.26); padding:22px; transform: rotate(-6deg); }
.phone-line, .phone-line.wide, .phone-bar { height:12px; border-radius:999px; background:rgba(255,255,255,.18); margin-bottom:16px; } .phone-line.wide{width:90%;}.phone-line{width:65%;}.phone-bar{width:100%;height:70px;background:linear-gradient(135deg,var(--purple),#7b61ff);}
.landing-scan-panel { width:min(92%,1100px); margin:70px auto 0; background:#fff; border:1px solid #ececf2; border-radius:30px; padding:36px; box-shadow:var(--shadow-soft); display:grid; grid-template-columns:.75fr 1.25fr; gap:36px; align-items:center; }
.landing-scan-panel h2 { margin:0 0 10px; font-size:34px; letter-spacing:-.05em; } .landing-scan-panel p { color:#667085; font-size:17px; line-height:1.6; }
.landing-upload-form .primary-button { border-radius:16px; }
.landing-trust-grid { width:min(92%,1280px); margin:70px auto; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.landing-trust-grid div { background:#fff; border:1px solid #ececf2; border-radius:22px; padding:26px; box-shadow:0 16px 50px rgba(16,5,31,.06); } .landing-trust-grid strong{display:block;font-size:34px;letter-spacing:-.06em;} .landing-trust-grid span{color:#667085;font-weight:800;}
.landing-section { width:min(92%,1280px); margin:90px auto; } .landing-section.split{display:grid; grid-template-columns:.75fr 1.25fr; gap:50px; align-items:start;} .landing-section h2{font-size:clamp(38px,4.4vw,62px);line-height:1.05;letter-spacing:-.07em;margin:18px 0;} .landing-section p{color:#667085;font-size:19px;line-height:1.7;}
.step-grid, .knowledge-card-grid, .feature-grid-pro, .faq-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.step-card, .knowledge-card, .feature-grid-pro>div, .faq-grid>div, .contact-card { background:#fff; border:1px solid #ececf2; border-radius:24px; padding:28px; box-shadow:0 18px 60px rgba(16,5,31,.06); text-decoration:none; color:var(--text); }
.step-card span{width:38px;height:38px;border-radius:12px;background:#f1eeff;color:var(--purple);display:flex;align-items:center;justify-content:center;font-weight:950;} .step-card h3,.knowledge-card h3,.feature-grid-pro h3{font-size:22px;margin:20px 0 10px;letter-spacing:-.04em;} .knowledge-card span{color:var(--purple);font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.08em;}
.purple-story { background:linear-gradient(135deg,#4f1fff,#7b61ff); color:white; border-radius:0; padding:80px; display:grid; grid-template-columns:1.4fr .85fr; gap:70px; align-items:center; width:100%; max-width:none; margin:90px 0; padding-left:max(80px,calc((100vw - 1280px)/2)); padding-right:max(80px,calc((100vw - 1280px)/2)); }
.purple-story h2,.purple-story h1{color:white; font-size:clamp(42px,4.8vw,68px); line-height:1.05; letter-spacing:-.07em; margin:18px 0;} .purple-story p{color:rgba(255,255,255,.84);} .donation-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);border-radius:36px;padding:44px;backdrop-filter:blur(8px);} .donation-card span{display:inline-flex;background:rgba(16,5,31,.25);border-radius:999px;padding:9px 14px;font-weight:900;} .donation-card strong{display:block;font-size:64px;letter-spacing:-.08em;margin:28px 0 12px;}
.section-heading.clean p,.section-heading.clean h2{color:var(--text);} .section-heading.clean{margin-bottom:34px;}
.knowledge-card-grid.large{width:min(92%,1180px);margin:0 auto 80px;}
.knowledge-featured{width:min(92%,1180px);margin:0 auto 28px;}.featured-article{display:block;background:linear-gradient(135deg,#07030f,#241057);color:white;border-radius:30px;padding:44px;text-decoration:none;box-shadow:var(--shadow-soft);}.featured-article span{background:rgba(255,255,255,.14);padding:8px 13px;border-radius:999px;font-weight:900}.featured-article h2{font-size:42px;letter-spacing:-.06em;margin:22px 0 12px}.featured-article p{color:rgba(255,255,255,.8);font-size:18px;line-height:1.7;}
.marketing-page{padding-bottom:60px}.marketing-hero{width:min(92%,1000px);margin:90px auto 52px}.marketing-hero.centered{text-align:center}.marketing-hero h1{font-size:clamp(48px,5vw,72px);line-height:1.02;letter-spacing:-.075em;margin:20px 0}.marketing-hero p{font-size:20px;color:#667085;line-height:1.7}.pricing-grid{width:min(92%,1180px);margin:0 auto 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.pricing-card{position:relative;background:#fff;border:1px solid #ececf2;border-radius:28px;padding:34px;box-shadow:var(--shadow-soft)}.pricing-card.featured{background:#1d194b;color:white;transform:translateY(-16px)}.pricing-card h2{font-size:24px;margin:0 0 20px}.price{font-size:54px;font-weight:950;letter-spacing:-.08em}.price span{font-size:18px;color:#98a2b3;letter-spacing:0}.pricing-card p{color:#667085}.pricing-card.featured p,.pricing-card.featured li{color:rgba(255,255,255,.82)}.pricing-card ul{list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid rgba(128,128,128,.18)}.pricing-card li{margin:14px 0;color:#344054;line-height:1.5}.pricing-card li:before{content:'✓';color:var(--purple);font-weight:900;margin-right:10px}.pricing-card.featured li:before{color:#a7f3d0}.pricing-label{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:#7b61ff;color:white;border-radius:999px;padding:10px 18px;font-weight:950;font-size:13px}.pricing-label.orange{background:#ff8a00}.contact-layout{width:min(92%,1000px);margin:0 auto 90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #e4e7ec;border-radius:16px;padding:16px 18px;font:inherit;margin:8px 0 18px}.contact-form textarea{min-height:160px;resize:vertical}.about-story{margin-top:70px}

/* Split register desktop */
.auth-body{background:#f8f9fc}.split-auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(480px,42vw) 1fr;background:#f8f9fc}.split-auth-side{background:linear-gradient(135deg,#171142,#2b2768);color:white;padding:42px;display:flex;flex-direction:column;min-height:100vh}.auth-side-logo{display:inline-flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:22px}.auth-side-pill{align-self:center;margin-top:54px;background:#09c596;color:white;border-radius:999px;padding:10px 18px;font-weight:950;font-size:13px}.split-auth-side h1{font-size:clamp(38px,3.6vw,58px);line-height:1.05;letter-spacing:-.07em;margin:36px 0 18px}.split-auth-side p{color:rgba(255,255,255,.82);font-size:18px;line-height:1.7}.auth-side-list{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:18px}.auth-side-list li{display:flex;align-items:center;gap:14px;font-weight:800}.auth-side-list li:before{content:'✓';width:28px;height:28px;border-radius:10px;background:rgba(104,38,255,.8);display:inline-flex;align-items:center;justify-content:center;color:#a7f3d0}.auth-side-bottom{margin-top:auto;display:grid;gap:14px;color:#cbd5e1;font-weight:800}.split-auth-form-panel{display:flex;align-items:flex-start;justify-content:center;padding:48px 24px;overflow:auto}.clean-register-head{text-align:left;width:min(100%,520px);padding:0 0 18px}.clean-register-head h1{font-size:42px}.mobile-auth-logo{display:none}.split-form{width:min(100%,520px);padding:0}.split-form label{font-size:15px}.split-form .auth-input-wrap{min-height:58px;border-radius:14px}.split-form .auth-input-wrap input{font-size:16px}.split-form .auth-submit{min-height:64px;border-radius:14px}.split-form .auth-checkbox{font-size:14px!important}.split-form .auth-input-wrap span{font-size:18px}.auth-form label small{color:#98a2b3;font-weight:700;margin-left:5px}.account-success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);color:#15803d;padding:14px 16px;border-radius:14px;font-weight:800;margin-bottom:18px}

/* dark */
body[data-theme="dark"] .saas-navbar{background:rgba(7,8,22,.86);border-color:rgba(255,255,255,.09)}body[data-theme="dark"] .saas-brand,body[data-theme="dark"] .saas-nav-links a{color:#f8fafc}body[data-theme="dark"] .scan-credit-pill,body[data-theme="dark"] .language-switch,body[data-theme="dark"] .theme-icon-button,body[data-theme="dark"] .step-card,body[data-theme="dark"] .knowledge-card,body[data-theme="dark"] .feature-grid-pro>div,body[data-theme="dark"] .pricing-card,body[data-theme="dark"] .contact-card,body[data-theme="dark"] .landing-scan-panel,body[data-theme="dark"] .landing-trust-grid div,body[data-theme="dark"] .mock-result-card{background:#111827;border-color:rgba(255,255,255,.1);color:#f8fafc}body[data-theme="dark"] .landing-hero p,body[data-theme="dark"] .landing-section p,body[data-theme="dark"] .marketing-hero p,body[data-theme="dark"] .pricing-card p,body[data-theme="dark"] .pricing-card li,body[data-theme="dark"] .landing-proof-row{color:#cbd5e1}body[data-theme="dark"] .auth-body,body[data-theme="dark"] .split-auth-page{background:#070816}

@media (max-width: 1100px){.saas-nav-links{display:none}.landing-hero{grid-template-columns:1fr;gap:20px;margin-top:54px}.invoice-preview-stack{min-height:360px}.landing-scan-panel,.landing-section.split,.purple-story,.contact-layout{grid-template-columns:1fr}.landing-trust-grid,.pricing-grid,.step-grid,.knowledge-card-grid,.feature-grid-pro,.faq-grid{grid-template-columns:1fr 1fr}.split-auth-page{grid-template-columns:1fr}.split-auth-side{display:none}.mobile-auth-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:900}.split-auth-form-panel{padding:34px 20px}.clean-register-head{text-align:center}}
@media (max-width: 760px){.saas-navbar{height:auto;min-height:70px;padding:12px 16px;flex-wrap:wrap}.saas-nav-actions{margin-left:auto}.scan-credit-pill{order:5;width:100%;justify-content:center}.saas-login-link{display:none}.saas-nav-actions .saas-primary-link{padding:10px 14px}.landing-hero h1{font-size:44px}.landing-hero{margin-top:36px}.landing-scan-panel{padding:24px}.landing-trust-grid,.pricing-grid,.step-grid,.knowledge-card-grid,.feature-grid-pro,.faq-grid{grid-template-columns:1fr}.purple-story{padding:48px 24px}.mock-phone-card{display:none}.auth-page{padding:0}.clean-register-head h1{font-size:34px}.split-auth-form-panel{padding:28px 18px}.saas-logo-text{font-size:18px}.theme-icon-button,.language-switch{height:36px}.landing-actions a{width:100%}}


/* =========================================================
   v9500 polish fixes
========================================================= */
.scan-credit-pill{display:none!important;}
.saas-navbar{position:sticky;top:0;z-index:9999;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.08);margin:0;width:100%;padding:12px max(24px,calc((100vw - 1280px)/2));}
.saas-nav-links{gap:28px}.saas-nav-links a{font-weight:800;color:#475467}.saas-nav-actions{gap:10px}.saas-login-link{border:1px solid #d9d6ff;border-radius:12px;padding:11px 18px;color:var(--purple);font-weight:900;text-decoration:none;background:#fff}.saas-primary-link.nav-cta{border-radius:12px;padding:12px 20px;box-shadow:0 10px 24px rgba(104,38,255,.22);white-space:nowrap}.saas-secondary-link.full,.saas-primary-link.full{display:flex;justify-content:center;margin-top:26px;text-align:center;border-radius:14px;}
.language-switch{height:40px;border:1px solid #e4e7ec;background:#fff;border-radius:999px;padding:3px;display:inline-flex;align-items:center;gap:2px;cursor:pointer;min-width:82px}.language-switch .lang-option{height:32px;min-width:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:950;color:#667085}.language-switch .lang-option.active{background:var(--purple);color:#fff;box-shadow:0 8px 18px rgba(104,38,255,.24)}.theme-icon-button{width:40px;height:40px;border-radius:999px;border:1px solid #e4e7ec;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:17px}
.saas-footer{margin-top:90px;background:#080914;color:#fff;padding:58px 0 28px;border-top:1px solid rgba(255,255,255,.08)}.saas-footer-inner{width:min(92%,1280px);margin:0 auto}.saas-footer-top{display:grid;grid-template-columns:minmax(260px,.9fr) 2fr;gap:56px;align-items:start}.saas-footer-brand p{max-width:360px;color:#cbd5e1;line-height:1.7;margin-top:18px}.saas-footer .saas-brand{color:#fff}.saas-footer-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.footer-column h4{margin:0 0 8px;color:#fff;font-size:15px}.footer-column a,.footer-column span{color:#cbd5e1;text-decoration:none;font-size:14px;line-height:1.45}.footer-column a:hover{color:#fff}.saas-footer-bottom{margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#94a3b8;font-size:13px;line-height:1.6}
.knowledge-hub-hero{margin-bottom:34px}.knowledge-featured-grid{width:min(92%,1180px);margin:0 auto 28px;display:grid;grid-template-columns:1.25fr .9fr;gap:24px}.knowledge-feature-card{display:block;text-decoration:none;color:var(--text);background:#fff;border:1px solid #ececf2;border-radius:30px;padding:38px;box-shadow:var(--shadow-soft);transition:.2s ease}.knowledge-feature-card:hover,.knowledge-card:hover{transform:translateY(-3px)}.knowledge-feature-card.large-card{background:linear-gradient(135deg,#07030f,#241057);color:#fff}.knowledge-feature-card.dark-card{background:linear-gradient(135deg,#4f1fff,#7b61ff);color:#fff}.knowledge-feature-card h2{font-size:clamp(30px,3.2vw,46px);line-height:1.05;letter-spacing:-.06em;margin:22px 0 14px}.knowledge-feature-card p{color:rgba(255,255,255,.82);font-size:18px;line-height:1.65}.article-type{display:inline-flex;border-radius:999px;padding:8px 13px;background:rgba(255,255,255,.14);font-weight:950;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.knowledge-directory{width:min(92%,1180px);margin:0 auto 80px}.knowledge-directory .knowledge-card{min-height:210px}.knowledge-directory .knowledge-card p{color:#667085;line-height:1.6}
.legal-modern-page{padding-bottom:70px}.legal-modern-hero{width:min(92%,980px);margin:80px auto 36px;text-align:center}.legal-modern-hero h1{font-size:clamp(46px,5vw,76px);line-height:1.02;letter-spacing:-.075em;margin:16px 0}.legal-modern-hero p{font-size:20px;color:#667085;line-height:1.7}.legal-modern-layout{width:min(92%,1180px);margin:0 auto;display:grid;grid-template-columns:330px 1fr;gap:26px;align-items:start}.legal-summary-card,.legal-modern-card{background:#fff;border:1px solid #ececf2;border-radius:28px;box-shadow:var(--shadow-soft)}.legal-summary-card{padding:28px;position:sticky;top:96px}.legal-summary-card h3{margin:0 0 16px;font-size:22px;letter-spacing:-.04em}.legal-summary-card ul{padding-left:20px;margin:0;display:grid;gap:12px;color:#475467;line-height:1.55}.legal-modern-card{padding:42px 48px}.legal-modern-card h2{font-size:26px;letter-spacing:-.04em;margin:30px 0 10px}.legal-modern-card h2:first-child{margin-top:0}.legal-modern-card p{font-size:17px;color:#475467;line-height:1.8}.legal-modern-card li{color:#475467;line-height:1.7}.section-kicker{color:var(--purple);font-weight:950;text-transform:uppercase;letter-spacing:.09em;font-size:13px}.pricing-card .saas-primary-link,.pricing-card .saas-secondary-link{width:100%}
.split-auth-page{grid-template-columns:minmax(560px,42vw) 1fr}.split-auth-side{padding:46px 52px}.split-auth-form-panel{align-items:flex-start;padding:54px 34px}.split-form{width:min(100%,560px)}.clean-register-head{width:min(100%,560px)}.auth-side-list{gap:17px}.auth-side-list li{font-size:15px}.auth-checkbox{background:#fff}
body[data-theme="dark"] .saas-navbar{background:rgba(7,8,22,.88);border-color:rgba(255,255,255,.09)}body[data-theme="dark"] .saas-login-link,body[data-theme="dark"] .language-switch,body[data-theme="dark"] .theme-icon-button,body[data-theme="dark"] .legal-summary-card,body[data-theme="dark"] .legal-modern-card,body[data-theme="dark"] .knowledge-feature-card:not(.large-card):not(.dark-card){background:#111827;border-color:rgba(255,255,255,.1);color:#f8fafc}body[data-theme="dark"] .language-switch .lang-option{color:#cbd5e1}body[data-theme="dark"] .legal-modern-card p,body[data-theme="dark"] .legal-summary-card li,body[data-theme="dark"] .knowledge-directory .knowledge-card p{color:#cbd5e1}body[data-theme="dark"] .auth-checkbox{background:rgba(255,255,255,.04)}
@media(max-width:1100px){.saas-nav-links{display:none}.saas-footer-top,.knowledge-featured-grid,.legal-modern-layout{grid-template-columns:1fr}.legal-summary-card{position:relative;top:auto}.saas-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.split-auth-page{grid-template-columns:1fr}.split-auth-side{display:none}.split-auth-form-panel{padding:34px 20px}.clean-register-head{text-align:center}}
@media(max-width:760px){.saas-navbar{padding:12px 16px;gap:10px}.saas-brand{min-width:auto}.saas-nav-actions{margin-left:auto;gap:8px}.saas-login-link{display:none}.saas-primary-link.nav-cta{padding:10px 12px;font-size:13px}.theme-icon-button{width:36px;height:36px}.language-switch{height:36px;min-width:74px}.language-switch .lang-option{height:28px;min-width:32px}.saas-footer{margin-top:60px}.saas-footer-grid{grid-template-columns:1fr!important}.saas-footer-top{gap:32px}.saas-footer-bottom{display:block}.knowledge-feature-card{padding:28px}.legal-modern-card{padding:30px 24px}.legal-modern-hero{margin-top:50px}.split-auth-form-panel{padding:28px 18px}.clean-register-head h1{font-size:34px}}

/* =========================================================
   v9300 Account polish and profile management
========================================================= */

.account-page-pro {
    width: min(92%, 1280px);
    margin: 54px auto 0;
}

.account-pro-hero {
    background: linear-gradient(135deg, #07030f, #241057);
    color: #fff;
    border-radius: 30px;
    padding: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    box-shadow: 0 30px 110px rgba(16, 5, 31, 0.18);
    overflow: hidden;
    position: relative;
}

.account-pro-hero::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -120px;
    top: -140px;
    background: radial-gradient(circle, rgba(182,50,255,.38), transparent 62%);
}

.account-pro-hero > * {
    position: relative;
    z-index: 1;
}

.account-pro-hero h1 {
    margin: 12px 0 12px;
    font-size: clamp(36px, 5vw, 62px);
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.account-pro-hero p {
    max-width: 640px;
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 18px;
    line-height: 1.7;
}

.account-pro-hero .saas-login-link {
    background: rgba(255,255,255,.08);
    color: #fff;
    border-color: rgba(255,255,255,.18);
}

.account-alert-wide {
    width: min(100%, 980px);
    margin: 24px auto 0;
}

.profile-completion-callout {
    margin-top: 24px;
    background: #fff8ed;
    border: 1px solid rgba(245, 158, 11, .25);
    border-radius: 24px;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    box-shadow: 0 20px 60px rgba(16,5,31,.06);
}

.profile-completion-callout h2 {
    margin: 0 0 8px;
    letter-spacing: -0.04em;
}

.profile-completion-callout p {
    margin: 0;
    color: #667085;
    line-height: 1.6;
}

.callout-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(245, 158, 11, .16);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.account-stats-pro {
    margin-top: 24px;
}

.account-layout-pro {
    margin-top: 24px;
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 24px;
    align-items: start;
}

.account-side-panel,
.account-profile-card,
.account-panels-pro .account-card,
.account-page-pro > .account-card {
    background: #fff;
    border: 1px solid #ececf2;
    border-radius: 26px;
    box-shadow: 0 24px 80px rgba(16,5,31,.08);
}

.account-side-panel {
    padding: 30px;
    position: sticky;
    top: 92px;
}

.account-avatar {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 900;
    box-shadow: 0 18px 45px rgba(104,38,255,.28);
}

.account-side-panel h2 {
    margin: 22px 0 6px;
    font-size: 28px;
    letter-spacing: -0.05em;
}

.account-side-panel p {
    margin: 0;
    color: #667085;
    word-break: break-word;
}

.account-side-meta {
    margin-top: 28px;
    display: grid;
    gap: 12px;
}

.account-side-meta div {
    background: #f8f7ff;
    border: 1px solid #ece8ff;
    border-radius: 18px;
    padding: 16px;
}

.account-side-meta span {
    display: block;
    color: #667085;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 6px;
}

.account-side-meta strong {
    display: block;
    color: #101828;
    word-break: break-word;
}

.account-profile-card {
    padding: 30px;
}

.profile-form-grid {
    margin-top: 22px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.profile-field {
    display: grid;
    gap: 8px;
}

.profile-field.full-width,
.profile-form-actions.full-width {
    grid-column: 1 / -1;
}

.profile-field label {
    color: #344054;
    font-weight: 900;
    font-size: 14px;
}

.profile-field label small {
    color: #98a2b3;
    font-weight: 700;
}

.profile-field input {
    min-height: 52px;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    padding: 0 16px;
    font-size: 15px;
    font-family: inherit;
    background: #fff;
    color: #101828;
    outline: none;
    transition: .18s ease;
}

.profile-field input:focus {
    border-color: var(--purple);
    box-shadow: 0 0 0 4px rgba(104,38,255,.10);
}

.profile-field input:disabled {
    background: #f8f9fc;
    color: #667085;
}

.profile-field small {
    color: #667085;
    line-height: 1.5;
}

.account-type-selector {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.account-type-selector label {
    cursor: pointer;
}

.account-type-selector input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.account-type-selector span {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    font-weight: 900;
    color: #667085;
    background: #fff;
    transition: .18s ease;
}

.account-type-selector input:checked + span {
    color: var(--purple);
    border-color: rgba(104,38,255,.35);
    background: #f3f0ff;
}

.profile-form-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 8px;
}

.profile-form-actions button {
    border: 0;
    cursor: pointer;
}

.profile-form-actions p {
    margin: 0;
    color: #667085;
    font-size: 14px;
}

.account-panels-pro {
    margin-top: 24px;
}

body[data-theme="dark"] .account-side-panel,
body[data-theme="dark"] .account-profile-card,
body[data-theme="dark"] .account-panels-pro .account-card,
body[data-theme="dark"] .account-page-pro > .account-card {
    background: #111827;
    border-color: rgba(255,255,255,.1);
    color: #f8fafc;
}

body[data-theme="dark"] .account-side-panel p,
body[data-theme="dark"] .profile-form-actions p,
body[data-theme="dark"] .profile-field small,
body[data-theme="dark"] .profile-completion-callout p {
    color: #cbd5e1;
}

body[data-theme="dark"] .profile-field label,
body[data-theme="dark"] .account-side-meta strong {
    color: #f8fafc;
}

body[data-theme="dark"] .profile-field input,
body[data-theme="dark"] .account-type-selector span,
body[data-theme="dark"] .account-side-meta div {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.1);
    color: #f8fafc;
}

body[data-theme="dark"] .profile-field input:disabled {
    background: rgba(255,255,255,.03);
    color: #94a3b8;
}

body[data-theme="dark"] .profile-completion-callout {
    background: rgba(245,158,11,.08);
    border-color: rgba(245,158,11,.22);
}

@media (max-width: 980px) {
    .account-pro-hero,
    .account-hero-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .account-layout-pro {
        grid-template-columns: 1fr;
    }

    .account-side-panel {
        position: static;
    }
}

@media (max-width: 640px) {
    .account-page-pro {
        width: 92%;
        margin-top: 28px;
    }

    .account-pro-hero,
    .account-profile-card,
    .account-side-panel {
        border-radius: 22px;
        padding: 24px;
    }

    .profile-form-grid,
    .account-type-selector {
        grid-template-columns: 1fr;
    }

    .profile-form-actions .saas-primary-link {
        width: 100%;
        justify-content: center;
    }
}


/* =========================================================
   v9500 History & Result polish
========================================================= */
.saas-primary-link,.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid transparent;background:linear-gradient(135deg,var(--purple),#4f1fff);color:#fff;box-shadow:0 14px 34px rgba(104,38,255,.22);white-space:nowrap}.saas-login-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;font-weight:800}.history-modern-page,.result-modern-page{width:min(92%,1280px);margin:70px auto 0}.history-modern-hero,.result-modern-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch}.history-modern-hero h1,.result-verdict-card h1{font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.07em;margin:10px 0 18px}.history-modern-hero p,.result-verdict-text{color:#344054;font-size:18px;line-height:1.7}.history-plan-card,.result-verdict-card,.result-advice-panel,.history-upgrade-banner,.empty-state-card{background:rgba(255,255,255,.88);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:24px}.history-plan-card{padding:34px}.history-plan-card span{display:block;color:#667085;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.06em}.history-plan-card strong{display:block;font-size:42px;letter-spacing:-.06em;margin:8px 0}.history-upgrade-banner{margin:28px 0;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.history-upgrade-banner strong{font-size:22px}.history-upgrade-banner p{margin:8px 0 0;color:#667085;line-height:1.6}.history-modern-card{padding:34px;border-radius:24px}.history-table-header-modern p{margin:8px 0 0;color:#667085}.history-table-wrap{position:relative;border-radius:18px;overflow:hidden}.history-locked table{filter:blur(5px);opacity:.52;user-select:none;pointer-events:none}.history-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.92));backdrop-filter:blur(1px)}.history-lock-overlay h3{font-size:28px;letter-spacing:-.04em;margin:10px 0}.history-lock-overlay p{max-width:520px;color:#667085;line-height:1.7}.empty-state-card{padding:48px;text-align:center}.empty-icon{font-size:44px}.empty-state-card h3{font-size:30px;margin:12px 0 8px;letter-spacing:-.04em}.empty-state-card p{color:#667085}.result-verdict-card{padding:44px}.result-verdict-card h1 span{display:block}.result-verdict-card h1 span:last-child{background:linear-gradient(135deg,var(--purple),var(--purple-2));-webkit-background-clip:text;color:transparent;word-break:break-word}.result-verdict-row{display:flex;align-items:center;gap:28px;margin-top:30px}.result-advice-panel{padding:38px;display:flex;flex-direction:column;justify-content:center}.result-advice-panel h2{font-size:34px;letter-spacing:-.05em;margin:10px 0 10px}.result-advice-panel p{color:#344054;line-height:1.7;font-size:17px}.result-action-list{margin:24px 0 0;padding:0;counter-reset:steps;display:grid;gap:12px;list-style:none}.result-action-list li{background:#f8f7ff;border:1px solid #ece8ff;border-radius:14px;padding:14px 16px;font-weight:800;color:#1f2a44}.check-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.check-summary-card{background:white;border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:20px;padding:24px}.check-summary-card span{font-size:30px}.check-summary-card h3{font-size:22px;margin:16px 0 8px}.check-summary-card p{color:#667085;line-height:1.6;margin:0}.findings-priority-grid{grid-template-columns:repeat(2,1fr)}.result-data-modern{grid-template-columns:repeat(3,1fr)}.two-column-result-section{display:grid;grid-template-columns:1fr 1fr;gap:28px}.compact-intel-grid{grid-template-columns:1fr}.result-preview-modern{border-radius:24px}.context-block{background:#f8f7ff;border:1px solid #ece8ff;border-radius:14px;padding:14px;line-height:1.6;color:#344054}.locked-row{filter:none!important;opacity:1!important}@media(max-width:980px){.history-modern-hero,.result-modern-hero,.two-column-result-section{grid-template-columns:1fr}.check-summary-grid,.result-data-modern,.findings-priority-grid{grid-template-columns:1fr}.result-verdict-row{flex-direction:column;align-items:flex-start}.history-upgrade-banner{flex-direction:column;align-items:flex-start}.history-modern-page,.result-modern-page{margin-top:42px}}body[data-theme="dark"] .history-plan-card,body[data-theme="dark"] .result-verdict-card,body[data-theme="dark"] .result-advice-panel,body[data-theme="dark"] .history-upgrade-banner,body[data-theme="dark"] .empty-state-card,body[data-theme="dark"] .check-summary-card{background:#111827;border-color:rgba(255,255,255,.1);color:#f8fafc}body[data-theme="dark"] .history-modern-hero p,body[data-theme="dark"] .history-upgrade-banner p,body[data-theme="dark"] .result-advice-panel p,body[data-theme="dark"] .check-summary-card p,body[data-theme="dark"] .history-table-header-modern p,body[data-theme="dark"] .empty-state-card p{color:#cbd5e1}body[data-theme="dark"] .result-action-list li,body[data-theme="dark"] .context-block{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);color:#f8fafc}body[data-theme="dark"] .history-lock-overlay{background:linear-gradient(180deg,rgba(7,8,22,.72),rgba(7,8,22,.94))}

/* =========================================================
   v9500 Responsive polish - mobile/tablet first fixes
   Goal: every public page, account, history, result and auth page
   stays readable and clickable on phones.
========================================================= */

img, svg, video, canvas {
    max-width: 100%;
    height: auto;
}

button, a {
    touch-action: manipulation;
}

/* ---------- Navbar ---------- */
.saas-navbar {
    min-height: 72px;
    gap: 18px;
}

.saas-brand {
    flex: 0 0 auto;
}

.saas-nav-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.language-switch,
.theme-icon-button,
.saas-login-link,
.saas-primary-link {
    flex: 0 0 auto;
}

@media (max-width: 1180px) {
    .saas-navbar {
        padding-left: 20px;
        padding-right: 20px;
    }

    .saas-nav-links {
        display: none !important;
    }
}

@media (max-width: 760px) {
    .saas-navbar {
        position: sticky;
        top: 0;
        min-height: 64px;
        padding: 10px 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: 8px;
        overflow-x: clip;
    }

    .saas-logo-mark {
        width: 32px;
        height: 32px;
        min-width: 32px;
        border-radius: 10px;
    }

    .saas-logo-text {
        font-size: 17px;
        letter-spacing: -0.04em;
    }

    .saas-nav-actions {
        margin-left: auto;
        gap: 7px;
        flex-wrap: nowrap;
        justify-content: flex-end;
        min-width: 0;
    }

    .language-switch {
        height: 34px;
        min-width: 70px;
        padding: 3px;
    }

    .language-switch .lang-option {
        height: 26px;
        min-width: 30px;
        font-size: 11px;
    }

    .theme-icon-button {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }

    .saas-login-link {
        display: none !important;
    }

    .saas-primary-link.nav-cta {
        min-height: 34px;
        padding: 0 11px;
        font-size: 12px;
        box-shadow: none;
        max-width: 118px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 390px) {
    .saas-logo-text {
        display: none;
    }

    .saas-primary-link.nav-cta {
        max-width: 96px;
        padding-left: 9px;
        padding-right: 9px;
    }
}

/* ---------- Shared layout spacing ---------- */
@media (max-width: 900px) {
    .landing-section,
    .marketing-hero,
    .history-modern-page,
    .result-modern-page,
    .account-page-pro,
    .legal-modern-page,
    .legal-page,
    .article-layout,
    .article-hero,
    .history-page,
    .result-page {
        width: min(92%, 720px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 640px) {
    .landing-section,
    .marketing-hero,
    .history-modern-page,
    .result-modern-page,
    .account-page-pro,
    .legal-modern-page,
    .legal-page,
    .article-layout,
    .article-hero,
    .history-page,
    .result-page {
        width: 92% !important;
        margin-top: 34px !important;
    }
}

/* ---------- Homepage ---------- */
@media (max-width: 1100px) {
    .landing-hero {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
        margin-top: 54px !important;
        text-align: left;
    }

    .invoice-preview-stack {
        min-height: 340px;
        width: 100%;
        max-width: 620px;
        margin: 0 auto;
    }

    .landing-scan-panel,
    .landing-section.split,
    .purple-story,
    .contact-layout,
    .legal-modern-layout,
    .knowledge-featured-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .landing-hero {
        width: 92% !important;
        margin-top: 38px !important;
        gap: 28px !important;
    }

    .landing-pill,
    .section-kicker,
    .article-pill {
        font-size: 12px;
        padding: 9px 12px;
    }

    .landing-hero h1,
    .marketing-hero h1,
    .article-hero h1,
    .legal-modern-hero h1,
    .history-modern-hero h1,
    .result-verdict-card h1,
    .hero-section h1 {
        font-size: clamp(38px, 12vw, 52px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.07em !important;
    }

    .landing-hero p,
    .marketing-hero p,
    .article-intro,
    .hero-subtitle {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .landing-actions {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 12px;
        width: 100%;
    }

    .landing-actions a,
    .saas-primary-link.large,
    .saas-secondary-link.large {
        width: 100% !important;
        justify-content: center;
        min-height: 52px;
    }

    .landing-proof-row {
        display: grid !important;
        gap: 10px;
    }

    .invoice-preview-stack {
        min-height: auto !important;
    }

    .mock-result-card {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        transform: none !important;
    }

    .mock-phone-card,
    .floating-card {
        display: none !important;
    }

    .landing-scan-panel {
        width: 92% !important;
        padding: 24px !important;
        border-radius: 22px !important;
        gap: 22px;
    }

    .landing-dropzone,
    .upload-dropzone {
        min-height: auto !important;
        padding: 24px 18px !important;
        flex-direction: column !important;
        text-align: center !important;
        border-radius: 18px;
    }

    .pdf-badge {
        min-width: 62px;
        width: 62px;
        height: 62px;
        border-radius: 14px;
    }

    .file-selected {
        margin-left: 0 !important;
        max-width: 100%;
    }

    .landing-trust-grid,
    .pricing-grid,
    .step-grid,
    .knowledge-card-grid,
    .feature-grid-pro,
    .faq-grid,
    .warning-grid,
    .tool-grid,
    .impact-stats {
        grid-template-columns: 1fr !important;
    }

    .landing-trust-grid div,
    .step-card,
    .knowledge-card,
    .feature-grid-pro > div,
    .pricing-card,
    .warning-box {
        border-radius: 20px;
    }

    .purple-story,
    .tools-section {
        width: 92% !important;
        padding: 34px 22px !important;
        border-radius: 24px !important;
    }
}

/* ---------- Auth pages ---------- */
@media (min-width: 1101px) {
    .split-auth-page {
        grid-template-columns: minmax(500px, 42vw) minmax(0, 1fr) !important;
    }

    .split-auth-form-panel {
        min-width: 0;
    }
}

@media (max-width: 760px) {
    .auth-body,
    .split-auth-page,
    .auth-page {
        min-height: 100svh;
    }

    .split-auth-form-panel {
        padding: 26px 16px !important;
        align-items: flex-start;
    }

    .clean-register-head,
    .split-form {
        width: 100% !important;
        max-width: 520px;
    }

    .clean-register-head {
        text-align: left !important;
        padding-bottom: 8px;
    }

    .clean-register-head h1,
    .auth-hero h1,
    .auth-register-header h1 {
        font-size: 34px !important;
        line-height: 1.05;
        letter-spacing: -0.06em;
    }

    .auth-form,
    .split-form {
        padding: 0 !important;
    }

    .auth-form label {
        font-size: 14px !important;
        margin-top: 18px !important;
    }

    .auth-input-wrap {
        min-height: 56px !important;
        border-radius: 15px !important;
        padding: 0 14px !important;
        gap: 10px;
    }

    .auth-input-wrap input {
        font-size: 16px !important;
    }

    .auth-submit {
        min-height: 58px !important;
        font-size: 18px !important;
        border-radius: 16px !important;
    }

    .auth-checkbox {
        padding: 16px !important;
        border-radius: 16px !important;
        font-size: 13px !important;
    }

    .auth-switch,
    .auth-legal {
        font-size: 14px;
        padding: 22px 18px;
    }
}

/* ---------- Account ---------- */
@media (max-width: 980px) {
    .account-pro-hero,
    .account-hero-actions,
    .account-layout-pro,
    .profile-form-grid {
        grid-template-columns: 1fr !important;
    }

    .account-pro-hero,
    .account-hero-actions {
        display: flex;
        align-items: stretch !important;
    }
}

@media (max-width: 640px) {
    .account-page-pro {
        width: 92% !important;
        margin-top: 28px !important;
    }

    .account-pro-hero,
    .account-profile-card,
    .account-side-panel,
    .account-page-pro > .account-card,
    .profile-completion-callout {
        padding: 22px !important;
        border-radius: 22px !important;
    }

    .account-pro-hero h1 {
        font-size: 36px !important;
        line-height: 1.05;
    }

    .account-hero-actions a,
    .account-hero-actions button,
    .profile-form-actions button,
    .profile-form-actions a {
        width: 100%;
        justify-content: center;
    }

    .account-stats-grid,
    .account-side-meta,
    .account-type-selector {
        grid-template-columns: 1fr !important;
    }

    .account-history-item {
        align-items: flex-start !important;
        gap: 14px;
        flex-direction: column;
    }

    .profile-field input,
    .account-type-selector span {
        min-height: 50px;
    }
}

/* ---------- History & result ---------- */
@media (max-width: 980px) {
    .history-modern-hero,
    .result-modern-hero,
    .two-column-result-section,
    .result-hero,
    .intelligence-grid,
    .data-overview,
    .check-summary-grid,
    .result-data-modern,
    .findings-priority-grid,
    .findings-modern {
        grid-template-columns: 1fr !important;
    }

    .result-verdict-row,
    .result-status-row,
    .history-upgrade-banner {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

@media (max-width: 760px) {
    .history-modern-page,
    .result-modern-page {
        margin-top: 32px !important;
    }

    .history-plan-card,
    .result-verdict-card,
    .result-advice-panel,
    .history-upgrade-banner,
    .empty-state-card,
    .result-main-card,
    .quick-advice-card,
    .finding-modern-card,
    .data-card,
    .intel-card,
    .preview-section,
    .history-table-card {
        padding: 22px !important;
        border-radius: 22px !important;
    }

    .risk-circle {
        width: 114px !important;
        height: 114px !important;
    }

    .risk-circle strong {
        font-size: 34px !important;
    }

    .result-action-list,
    .advice-list,
    .mini-data {
        gap: 10px;
    }

    .result-action-list li,
    .advice-list div,
    .mini-data div,
    .context-block {
        border-radius: 14px;
        padding: 13px 14px;
    }

    .table-scroll,
    .history-table-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    table {
        min-width: 720px;
    }

    th,
    td {
        padding: 14px 12px !important;
        font-size: 13px;
    }

    .history-lock-overlay {
        padding: 22px !important;
    }

    .history-lock-overlay h3 {
        font-size: 24px !important;
    }

    .preview-section pre {
        max-height: 300px;
        font-size: 13px;
    }
}

/* ---------- Legal, knowledge, articles, pricing and contact ---------- */
@media (max-width: 900px) {
    .legal-modern-layout,
    .knowledge-featured-grid,
    .contact-layout,
    .article-layout,
    .privacy-section,
    .impact-section {
        grid-template-columns: 1fr !important;
    }

    .legal-summary-card {
        position: relative !important;
        top: auto !important;
    }
}

@media (max-width: 760px) {
    .legal-modern-hero,
    .marketing-hero,
    .article-hero,
    .history-hero {
        text-align: left !important;
        padding-top: 18px;
    }

    .legal-modern-card,
    .legal-summary-card,
    .knowledge-feature-card,
    .article-card,
    .article-cta,
    .contact-card,
    .pricing-card,
    .limit-card,
    .premium-lock {
        padding: 24px !important;
        border-radius: 22px !important;
    }

    .legal-modern-card h2,
    .article-card h2,
    .pricing-card h2 {
        font-size: 26px !important;
        letter-spacing: -0.04em;
    }

    .legal-modern-card p,
    .legal-modern-card li,
    .article-card p,
    .article-card li,
    .knowledge-card p,
    .pricing-card p,
    .pricing-card li,
    .contact-card p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .legal-modern-card ul,
    .article-list,
    .pricing-card ul {
        padding-left: 20px;
    }

    .limit-actions,
    .table-header,
    .profile-form-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .limit-actions a,
    .table-header a {
        width: 100%;
        justify-content: center;
    }
}

/* ---------- Footer ---------- */
.saas-footer-grid {
    min-width: 0;
}

.footer-column,
.saas-footer-brand {
    min-width: 0;
}

@media (max-width: 1050px) {
    .saas-footer-top {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
    }

    .saas-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .saas-footer {
        margin-top: 64px !important;
        padding: 42px 0 24px !important;
    }

    .saas-footer-inner {
        width: 92% !important;
    }

    .saas-footer-top {
        gap: 28px !important;
    }

    .saas-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .footer-column {
        gap: 9px;
        padding-bottom: 18px;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .footer-column:last-child {
        border-bottom: 0;
    }

    .saas-footer-bottom {
        display: grid !important;
        gap: 10px;
        text-align: left;
    }
}

/* ---------- Prevent tiny-screen horizontal overflow ---------- */
@media (max-width: 480px) {
    .saas-navbar,
    .landing-hero,
    .landing-scan-panel,
    .landing-section,
    .marketing-hero,
    .account-page-pro,
    .history-modern-page,
    .result-modern-page,
    .article-hero,
    .article-layout,
    .legal-modern-page,
    .saas-footer-inner {
        max-width: 100vw;
    }

    .status-badge,
    .history-status,
    .domain-risk,
    .account-badge,
    .premium-upsell-pill,
    .landing-pill {
        white-space: normal;
    }
}

/* =========================================================
   v9600 Auth UX polish - login/register responsive redesign
========================================================= */

.auth-body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 18% 18%, rgba(104, 38, 255, 0.14), transparent 32%),
        radial-gradient(circle at 80% 10%, rgba(182, 50, 255, 0.12), transparent 30%),
        #f8f9fc;
}

.split-auth-page {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(500px, 42vw) minmax(0, 1fr);
    background: transparent;
}

.split-auth-side {
    min-height: 100vh;
    padding: 48px 54px;
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 15%, rgba(182, 50, 255, 0.34), transparent 32%),
        linear-gradient(145deg, #10051f 0%, #241057 52%, #050719 100%);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: sticky;
    top: 0;
}

.split-auth-side::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -140px;
    bottom: -120px;
    border-radius: 999px;
    background: rgba(104, 38, 255, 0.38);
    filter: blur(22px);
    pointer-events: none;
}

.auth-side-logo,
.mobile-auth-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    font-size: 22px;
    font-weight: 900;
}

.auth-side-logo {
    color: #ffffff;
    position: relative;
    z-index: 2;
}

.auth-side-pill,
.auth-mini-pill {
    width: fit-content;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
}

.auth-side-pill {
    margin-top: 74px;
    padding: 10px 18px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    color: #ffffff;
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 2;
}

.auth-mini-pill {
    padding: 8px 14px;
    color: var(--purple);
    background: rgba(104, 38, 255, 0.08);
    border: 1px solid rgba(104, 38, 255, 0.14);
    margin-bottom: 18px;
}

.split-auth-side h1 {
    position: relative;
    z-index: 2;
    margin: 34px 0 18px;
    max-width: 560px;
    font-size: clamp(42px, 4vw, 68px);
    line-height: 0.98;
    letter-spacing: -0.075em;
}

.split-auth-side p {
    position: relative;
    z-index: 2;
    max-width: 520px;
    margin: 0;
    color: rgba(255,255,255,0.78);
    font-size: 18px;
    line-height: 1.75;
}

.auth-side-list {
    position: relative;
    z-index: 2;
    list-style: none;
    padding: 0;
    margin: 38px 0 0;
    display: grid;
    gap: 16px;
}

.auth-side-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 15px;
    font-weight: 800;
    color: rgba(255,255,255,0.90);
}

.auth-side-list li::before {
    content: "✓";
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #bbf7d0;
    background: rgba(34, 197, 94, 0.18);
    border: 1px solid rgba(34, 197, 94, 0.22);
}

.auth-side-bottom {
    position: relative;
    z-index: 2;
    margin-top: auto;
    display: grid;
    gap: 10px;
    color: rgba(255,255,255,0.70);
    font-weight: 800;
    font-size: 14px;
}

.split-auth-form-panel {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 56px 28px;
    overflow: auto;
}

.auth-panel-card {
    width: min(100%, 590px);
    background: rgba(255,255,255,0.86);
    border: 1px solid rgba(236,236,242,0.92);
    border-radius: 34px;
    box-shadow: 0 30px 100px rgba(16, 5, 31, 0.12);
    backdrop-filter: blur(18px);
    padding: 36px;
}

.clean-register-head {
    width: 100%;
    padding: 0 0 22px;
    text-align: left;
}

.clean-register-head h1 {
    margin: 0 0 12px;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.04;
    letter-spacing: -0.065em;
}

.clean-register-head p {
    margin: 0;
    color: #667085;
    line-height: 1.65;
}

.clean-register-head a,
.auth-label-row a,
.auth-switch a,
.auth-legal a,
.auth-checkbox a {
    color: var(--purple);
    text-decoration: none;
    font-weight: 900;
}

.mobile-auth-logo {
    display: none;
    color: var(--text);
    margin-bottom: 22px;
}

.split-form {
    width: 100%;
    padding: 0;
}

.split-form label {
    margin: 16px 0 8px;
    font-size: 14px;
    font-weight: 900;
    color: #344054;
}

.auth-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.auth-label-row a {
    font-size: 13px;
    white-space: nowrap;
}

.split-form .auth-input-wrap {
    min-height: 58px;
    border-radius: 18px;
    border: 1px solid #e4e7ec;
    background: #ffffff;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.split-form .auth-input-wrap:focus-within {
    border-color: rgba(104, 38, 255, 0.60);
    box-shadow: 0 0 0 5px rgba(104, 38, 255, 0.10);
    transform: translateY(-1px);
}

.split-form .auth-input-wrap input {
    font-size: 16px;
}

.split-form .auth-input-wrap span {
    font-size: 18px;
}

.password-eye {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: rgba(104, 38, 255, 0.06);
    cursor: pointer;
}

.split-form .auth-submit {
    min-height: 62px;
    border-radius: 18px;
    margin-top: 26px;
    font-size: 18px;
    box-shadow: 0 18px 44px rgba(104, 38, 255, 0.28);
}

.split-form .auth-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 58px rgba(104, 38, 255, 0.34);
}

.split-form .auth-checkbox {
    margin-top: 18px;
    border-radius: 18px;
    background: #f8f7ff;
    border-color: rgba(104, 38, 255, 0.12);
    font-size: 14px !important;
}

.password-checklist {
    margin: 12px 0 4px;
    padding: 14px;
    border-radius: 18px;
    background: #fbfbff;
    border: 1px solid #ececf2;
}

.password-rule {
    font-size: 13px;
    font-weight: 800;
}

.auth-switch-card {
    margin-top: 24px;
    padding: 18px 20px;
    border: 1px solid #ececf2;
    border-radius: 20px;
    background: #fbfbff;
    text-align: center;
}

.compact-auth-legal {
    margin-top: 16px;
    padding: 0;
    background: transparent;
    color: #667085;
    font-size: 13px;
    line-height: 1.65;
    text-align: center;
}

body[data-theme="dark"] .auth-body,
body[data-theme="dark"] .split-auth-page {
    background:
        radial-gradient(circle at 18% 18%, rgba(104, 38, 255, 0.20), transparent 32%),
        #070816;
}

body[data-theme="dark"] .auth-panel-card {
    background: rgba(17, 24, 39, 0.88);
    border-color: rgba(255,255,255,0.10);
    color: #f8fafc;
}

body[data-theme="dark"] .clean-register-head p,
body[data-theme="dark"] .compact-auth-legal {
    color: #cbd5e1;
}

body[data-theme="dark"] .split-form label,
body[data-theme="dark"] .mobile-auth-logo,
body[data-theme="dark"] .split-form .auth-input-wrap input {
    color: #f8fafc;
}

body[data-theme="dark"] .split-form .auth-input-wrap,
body[data-theme="dark"] .password-checklist,
body[data-theme="dark"] .auth-switch-card,
body[data-theme="dark"] .split-form .auth-checkbox {
    background: rgba(255,255,255,0.045);
    border-color: rgba(255,255,255,0.10);
}

@media (max-width: 1180px) {
    .split-auth-page {
        grid-template-columns: 1fr;
    }

    .split-auth-side {
        position: relative;
        min-height: auto;
        padding: 30px 28px;
        display: block;
    }

    .split-auth-side h1,
    .split-auth-side p,
    .auth-side-list,
    .auth-side-bottom {
        display: none;
    }

    .auth-side-pill {
        margin-top: 20px;
    }

    .split-auth-form-panel {
        min-height: auto;
        align-items: flex-start;
        padding: 34px 22px 56px;
    }

    .auth-panel-card {
        margin-top: -18px;
    }
}

@media (max-width: 760px) {
    .auth-body {
        background: #ffffff;
    }

    .split-auth-side {
        display: none;
    }

    .split-auth-form-panel {
        min-height: 100vh;
        padding: 22px 14px 34px;
        align-items: stretch;
    }

    .auth-panel-card {
        width: 100%;
        min-height: calc(100vh - 56px);
        padding: 24px 18px;
        border-radius: 26px;
        box-shadow: none;
    }

    .mobile-auth-logo {
        display: inline-flex;
    }

    .clean-register-head {
        text-align: left;
        padding-bottom: 18px;
    }

    .clean-register-head h1 {
        font-size: 34px;
        letter-spacing: -0.055em;
    }

    .clean-register-head p {
        font-size: 15px;
    }

    .auth-mini-pill {
        margin-bottom: 14px;
    }

    .split-form label {
        margin-top: 14px;
        font-size: 13px;
    }

    .split-form .auth-input-wrap {
        min-height: 56px;
        border-radius: 16px;
        padding: 0 14px;
        gap: 10px;
    }

    .split-form .auth-input-wrap input {
        font-size: 16px;
    }

    .password-eye {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

    .auth-label-row {
        align-items: flex-end;
    }

    .auth-label-row a {
        font-size: 12px;
    }

    .split-form .auth-submit {
        min-height: 58px;
        border-radius: 16px;
        font-size: 17px;
        margin-top: 22px;
    }

    .split-form .auth-checkbox {
        padding: 16px;
        gap: 12px;
        font-size: 13px !important;
        line-height: 1.55;
    }

    .auth-checkbox input {
        width: 20px;
        height: 20px;
    }

    .password-checklist {
        padding: 12px;
        border-radius: 16px;
    }

    .password-rule {
        font-size: 12px;
    }

    .auth-switch-card,
    .compact-auth-legal {
        font-size: 13px;
    }
}

@media (max-width: 380px) {
    .auth-panel-card {
        padding: 20px 14px;
        border-radius: 22px;
    }

    .clean-register-head h1 {
        font-size: 30px;
    }

    .split-form .auth-input-wrap {
        padding: 0 12px;
    }
}

/* =========================================================
   v9700 Supplier intelligence / account memory polish
========================================================= */

.history-intel-hero,
.account-command-hero {
    width: min(92%, 1380px);
    margin: 70px auto 0;
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    gap: 28px;
    align-items: stretch;
}

.history-intel-hero > div:first-child,
.account-command-hero {
    background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(248,247,255,0.92));
    border: 1px solid rgba(104, 38, 255, 0.12);
    box-shadow: var(--shadow-soft);
    border-radius: 28px;
    padding: 44px;
}

.history-intel-hero h1,
.account-command-hero h1 {
    margin: 12px 0 16px;
    font-size: clamp(42px, 5vw, 72px);
    letter-spacing: -0.07em;
    line-height: 1.02;
}

.history-intel-hero p,
.account-command-hero p {
    max-width: 850px;
    color: #344054;
    font-size: 18px;
    line-height: 1.75;
}

.pro-memory-card {
    background: linear-gradient(135deg, #07030f, #241057);
    color: #fff;
    border-radius: 28px;
    padding: 34px;
    box-shadow: var(--shadow-soft);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pro-memory-card span {
    color: rgba(255,255,255,0.72);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.pro-memory-card strong {
    display: block;
    margin-top: 14px;
    font-size: 30px;
    letter-spacing: -0.04em;
}

.pro-memory-card p {
    color: rgba(255,255,255,0.8);
    line-height: 1.65;
}

.intel-stats-grid {
    width: min(92%, 1380px);
    margin: 24px auto 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.intel-stat-card,
.intel-section-card,
.supplier-memory-card,
.timeline-card {
    background: rgba(255,255,255,0.92);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-soft);
}

.intel-stat-card {
    border-radius: 22px;
    padding: 24px;
}

.intel-stat-card span {
    display: block;
    color: #667085;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 12px;
}

.intel-stat-card strong {
    display: block;
    font-size: 42px;
    letter-spacing: -0.06em;
    line-height: 1;
}

.intel-stat-card p {
    margin: 12px 0 0;
    color: #667085;
    line-height: 1.55;
}

.intel-section-card {
    width: min(92%, 1380px);
    margin: 28px auto 0;
    border-radius: 28px;
    padding: 34px;
}

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

.intel-section-header h2 {
    margin: 0 0 8px;
    font-size: clamp(28px, 3vw, 42px);
    letter-spacing: -0.05em;
}

.intel-section-header p {
    margin: 0;
    color: #667085;
    line-height: 1.65;
}

.intel-alert-grid,
.supplier-memory-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.intel-alert-card {
    border-radius: 22px;
    padding: 20px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 14px;
    border: 1px solid var(--line);
    background: #fff;
}

.intel-alert-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f7ff;
    font-size: 22px;
}

.intel-alert-card h3,
.supplier-memory-card h3 {
    margin: 0 0 8px;
    letter-spacing: -0.03em;
}

.intel-alert-card p {
    margin: 0;
    color: #344054;
    line-height: 1.55;
}

.intel-alert-card span {
    display: block;
    margin-top: 10px;
    color: #667085;
    font-size: 13px;
    font-weight: 800;
}

.alert-danger { border-color: rgba(239,68,68,0.22); background: rgba(239,68,68,0.04); }
.alert-warning { border-color: rgba(245,158,11,0.26); background: rgba(245,158,11,0.045); }
.alert-ok { border-color: rgba(34,197,94,0.22); background: rgba(34,197,94,0.045); }

.supplier-memory-card {
    border-radius: 22px;
    padding: 22px;
}

.supplier-memory-top {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
}

.supplier-memory-top span {
    color: #667085;
    font-weight: 700;
}

.supplier-memory-meta {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.supplier-memory-meta div {
    background: #f8f7ff;
    border: 1px solid #ece8ff;
    border-radius: 14px;
    padding: 12px;
}

.supplier-memory-meta span {
    display: block;
    color: #667085;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 6px;
}

.risk-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 9px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
    background: #f8f7ff;
    color: var(--purple);
}

.risk-chip.danger,
.risk-chip.timeline-danger { background: rgba(239,68,68,0.12); color: #b91c1c; }
.risk-chip.warning,
.risk-chip.timeline-warning { background: rgba(245,158,11,0.14); color: #b45309; }
.risk-chip.ok,
.risk-chip.timeline-ok { background: rgba(34,197,94,0.12); color: #15803d; }

.intel-timeline {
    position: relative;
    display: grid;
    gap: 16px;
}

.timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 16px;
}

.timeline-marker {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    margin-top: 28px;
    background: var(--purple);
    box-shadow: 0 0 0 6px rgba(104,38,255,0.10);
}

.timeline-danger .timeline-marker { background: #ef4444; box-shadow: 0 0 0 6px rgba(239,68,68,0.10); }
.timeline-warning .timeline-marker { background: #f59e0b; box-shadow: 0 0 0 6px rgba(245,158,11,0.12); }
.timeline-ok .timeline-marker { background: #22c55e; box-shadow: 0 0 0 6px rgba(34,197,94,0.12); }

.timeline-card {
    border-radius: 22px;
    padding: 22px;
}

.timeline-card-top {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.timeline-date {
    color: #667085;
    font-size: 13px;
    font-weight: 800;
}

.timeline-card h3 {
    margin: 6px 0;
    font-size: 22px;
    letter-spacing: -0.04em;
}

.timeline-card p {
    margin: 0;
    color: #667085;
}

.timeline-details {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.timeline-details span {
    background: #f8f7ff;
    border: 1px solid #ece8ff;
    border-radius: 999px;
    padding: 8px 12px;
    color: #344054;
    font-size: 13px;
    font-weight: 800;
}

.account-command-hero {
    grid-template-columns: 1fr auto;
    align-items: center;
}

.account-command-actions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.logout-clean-button {
    border: 1px solid var(--purple);
    color: var(--purple);
    background: transparent;
    border-radius: 999px;
    padding: 14px 20px;
    font-weight: 900;
    cursor: pointer;
}

.profile-callout-modern {
    width: min(92%, 1380px);
    margin: 24px auto 0;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
}

.account-intel-stats {
    margin-top: 24px;
}

.account-alert-section {
    margin-top: 28px;
}

body[data-theme="dark"] .history-intel-hero > div:first-child,
body[data-theme="dark"] .account-command-hero,
body[data-theme="dark"] .intel-stat-card,
body[data-theme="dark"] .intel-section-card,
body[data-theme="dark"] .supplier-memory-card,
body[data-theme="dark"] .timeline-card,
body[data-theme="dark"] .intel-alert-card {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
    color: #f8fafc;
}

body[data-theme="dark"] .history-intel-hero p,
body[data-theme="dark"] .account-command-hero p,
body[data-theme="dark"] .intel-stat-card p,
body[data-theme="dark"] .intel-section-header p,
body[data-theme="dark"] .intel-alert-card p,
body[data-theme="dark"] .timeline-card p,
body[data-theme="dark"] .timeline-date {
    color: #cbd5e1;
}

body[data-theme="dark"] .supplier-memory-meta div,
body[data-theme="dark"] .timeline-details span {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
    color: #f8fafc;
}

@media (max-width: 1100px) {
    .history-intel-hero,
    .account-command-hero {
        grid-template-columns: 1fr;
    }

    .intel-stats-grid,
    .intel-alert-grid,
    .supplier-memory-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .account-command-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {
    .history-intel-hero,
    .account-command-hero,
    .intel-section-card,
    .intel-stats-grid,
    .profile-callout-modern {
        width: 92%;
    }

    .history-intel-hero > div:first-child,
    .account-command-hero,
    .intel-section-card {
        padding: 24px;
        border-radius: 22px;
    }

    .intel-stats-grid,
    .intel-alert-grid,
    .supplier-memory-grid {
        grid-template-columns: 1fr;
    }

    .intel-section-header,
    .timeline-card-top,
    .supplier-memory-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .timeline-item {
        grid-template-columns: 14px 1fr;
        gap: 10px;
    }

    .timeline-card {
        padding: 18px;
    }

    .supplier-memory-meta {
        grid-template-columns: 1fr;
    }

    .profile-callout-modern {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .account-command-actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .account-command-actions a,
    .account-command-actions form,
    .logout-clean-button {
        width: 100%;
        text-align: center;
    }
}

/* =========================================================
   v9800 Security/session additions
========================================================= */
.auth-remember-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    color: var(--muted);
    font-weight: 700;
    font-size: 14px;
}

.auth-remember-row input {
    width: 18px;
    height: 18px;
    accent-color: var(--purple);
}

.account-session-card .account-settings-list div span {
    word-break: break-word;
}

.security-action-form {
    margin-top: 18px;
}

.legal-table-wrap {
    width: 100%;
    overflow-x: auto;
    margin: 24px 0 34px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(255,255,255,0.86);
}

.legal-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.legal-table th,
.legal-table td {
    padding: 18px 20px;
    border-bottom: 1px solid var(--line);
    vertical-align: top;
    text-align: left;
}

.legal-table th {
    color: var(--text);
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: rgba(104, 38, 255, 0.05);
}

.legal-table td {
    color: #344054;
    line-height: 1.65;
}

.cookie-notice {
    position: fixed;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 200000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    max-width: 980px;
    margin: 0 auto;
    padding: 18px 20px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: rgba(255,255,255,0.96);
    box-shadow: 0 24px 90px rgba(16, 5, 31, 0.16);
    backdrop-filter: blur(16px);
}

.cookie-notice strong {
    display: block;
    margin-bottom: 4px;
}

.cookie-notice p {
    margin: 0;
    color: var(--muted);
    line-height: 1.5;
}

.cookie-notice a {
    color: var(--purple);
    font-weight: 800;
    text-decoration: none;
}

.cookie-notice button {
    border: 0;
    border-radius: 999px;
    padding: 12px 18px;
    background: linear-gradient(135deg, var(--purple), #4f1fff);
    color: white;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
}

body[data-theme="dark"] .legal-table-wrap,
body[data-theme="dark"] .cookie-notice {
    background: rgba(17, 24, 39, 0.96);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .legal-table th {
    color: #f8fafc;
    background: rgba(255,255,255,0.04);
}

body[data-theme="dark"] .legal-table td,
body[data-theme="dark"] .cookie-notice p {
    color: #cbd5e1;
}

@media (max-width: 720px) {
    .cookie-notice {
        left: 12px;
        right: 12px;
        bottom: 12px;
        flex-direction: column;
        align-items: stretch;
    }

    .cookie-notice button {
        width: 100%;
    }
}

/* =========================================================
   Admin portal v10560
========================================================= */
.admin-page {
    width: min(92%, 1480px);
    margin: 56px auto 90px;
}

.admin-hero,
.admin-page-head {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 28px;
    margin-bottom: 32px;
}

.admin-hero h1,
.admin-page-head h1 {
    margin: 8px 0 14px;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1.02;
    letter-spacing: -0.07em;
}

.admin-hero p,
.admin-page-head p {
    max-width: 780px;
    color: #344054;
    font-size: 19px;
    line-height: 1.7;
    margin: 0;
}

.admin-kicker {
    display: inline-flex;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(104, 38, 255, 0.1);
    color: var(--purple);
    font-weight: 900;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.admin-hero-card,
.admin-stat-card,
.admin-nav-card,
.admin-panel,
.admin-table-card {
    background: rgba(255,255,255,0.86);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-soft);
    backdrop-filter: blur(14px);
}

.admin-hero-card {
    min-width: 320px;
    border-radius: 26px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.admin-hero-card span,
.admin-stat-card span,
.admin-profile-list span {
    color: #667085;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.admin-hero-card strong {
    word-break: break-all;
    font-size: 18px;
}

.admin-stats-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    margin-bottom: 28px;
}

.admin-stat-card {
    border-radius: 22px;
    padding: 24px;
}

.admin-stat-card strong {
    display: block;
    margin-top: 12px;
    font-size: 34px;
    letter-spacing: -0.06em;
}

.admin-nav-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

.admin-nav-card {
    border-radius: 22px;
    padding: 24px;
    text-decoration: none;
    display: grid;
    gap: 10px;
    transition: 0.2s ease;
}

.admin-nav-card:hover {
    transform: translateY(-2px);
    border-color: rgba(104, 38, 255, 0.28);
}

.admin-nav-card strong {
    color: var(--text);
    font-size: 20px;
    letter-spacing: -0.04em;
}

.admin-nav-card span {
    color: #667085;
    line-height: 1.55;
}

.admin-two-column,
.admin-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 32px;
}

.admin-panel,
.admin-table-card {
    border-radius: 26px;
    padding: 28px;
}

.admin-panel h2 {
    margin: 0 0 18px;
    font-size: 28px;
    letter-spacing: -0.05em;
}

.admin-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.admin-panel-head h2 {
    margin: 0;
}

.admin-panel-head a,
.admin-small-link {
    color: var(--purple);
    font-weight: 900;
    text-decoration: none;
}

.admin-list {
    display: grid;
    gap: 12px;
}

.admin-list-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px;
    border-radius: 18px;
    background: #f8f7ff;
    text-decoration: none;
}

.admin-list-row div {
    min-width: 0;
}

.admin-list-row strong,
.admin-list-row span {
    display: block;
}

.admin-list-row strong {
    word-break: break-word;
}

.admin-list-row span {
    color: #667085;
    font-size: 14px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-list-row em {
    flex: 0 0 auto;
    font-style: normal;
    color: var(--purple);
    font-weight: 900;
}

.admin-table {
    min-width: 980px;
}

.admin-table a {
    color: var(--purple);
    font-weight: 800;
    text-decoration: none;
}

.admin-profile-list {
    display: grid;
    gap: 12px;
}

.admin-profile-list div {
    padding: 15px;
    border-radius: 16px;
    background: #f8f7ff;
}

.admin-profile-list strong {
    display: block;
    margin-top: 6px;
    word-break: break-word;
}

.admin-action-form {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.admin-action-form label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #344054;
    font-weight: 800;
}

.admin-danger-button {
    border: 1px solid rgba(239, 68, 68, 0.25);
    background: rgba(239, 68, 68, 0.1);
    color: #b91c1c;
    border-radius: 999px;
    padding: 14px 20px;
    font-weight: 900;
    cursor: pointer;
}

body[data-theme="dark"] .admin-hero p,
body[data-theme="dark"] .admin-page-head p,
body[data-theme="dark"] .admin-nav-card span,
body[data-theme="dark"] .admin-list-row span,
body[data-theme="dark"] .admin-action-form label {
    color: #cbd5e1;
}

body[data-theme="dark"] .admin-hero-card,
body[data-theme="dark"] .admin-stat-card,
body[data-theme="dark"] .admin-nav-card,
body[data-theme="dark"] .admin-panel,
body[data-theme="dark"] .admin-table-card {
    background: rgba(255,255,255,0.045);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .admin-list-row,
body[data-theme="dark"] .admin-profile-list div {
    background: rgba(255,255,255,0.05);
}

@media (max-width: 1180px) {
    .admin-stats-grid,
    .admin-nav-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 820px) {
    .admin-hero,
    .admin-page-head,
    .admin-two-column,
    .admin-detail-grid {
        grid-template-columns: 1fr;
        display: grid;
    }

    .admin-hero-card {
        min-width: 0;
    }

    .admin-stats-grid,
    .admin-nav-grid {
        grid-template-columns: 1fr;
    }

    .admin-page {
        width: 92%;
        margin-top: 34px;
    }

    .admin-panel,
    .admin-table-card {
        padding: 20px;
        border-radius: 22px;
    }
}

/* =========================================================
   Admin destructive actions v10560
========================================================= */
.admin-warning-card,
.admin-danger-zone {
    width: min(92%, 1400px);
    margin: 18px auto 0;
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.22);
    border-radius: 22px;
    padding: 22px 26px;
    color: var(--text);
}

.admin-warning-card strong,
.admin-danger-zone h2 {
    margin: 0 0 8px;
    display: block;
    font-size: 20px;
    letter-spacing: -0.03em;
}

.admin-warning-card p,
.admin-danger-zone p {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.admin-danger-zone {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 24px;
    align-items: center;
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.22);
}

.admin-delete-user-form {
    display: grid;
    gap: 12px;
}

.admin-delete-user-form label {
    display: grid;
    gap: 8px;
    color: var(--muted);
    font-weight: 800;
}

.admin-delete-user-form input {
    min-height: 48px;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 0 14px;
    font: inherit;
    background: var(--card);
    color: var(--text);
}

.admin-inline-form {
    display: inline-flex;
    margin: 0;
}

.admin-actions-cell {
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
}

.admin-danger-link,
.admin-danger-button {
    border: 0;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    color: #b91c1c;
    background: rgba(239, 68, 68, 0.10);
    border: 1px solid rgba(239, 68, 68, 0.18);
    border-radius: 999px;
    padding: 10px 14px;
    text-decoration: none;
}

.admin-danger-button {
    width: fit-content;
    min-height: 46px;
}

.admin-muted-note {
    color: var(--muted);
    background: rgba(102, 112, 133, 0.10);
    border: 1px solid rgba(102, 112, 133, 0.16);
    border-radius: 16px;
    padding: 14px 16px;
    font-weight: 700;
}

.admin-list-row-with-action {
    grid-template-columns: 1fr auto auto;
}

body[data-theme="dark"] .admin-warning-card,
body[data-theme="dark"] .admin-danger-zone,
body[data-theme="dark"] .admin-delete-user-form input {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
}

@media (max-width: 820px) {
    .admin-danger-zone {
        grid-template-columns: 1fr;
    }

    .admin-actions-cell,
    .admin-list-row-with-action {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .admin-danger-link,
    .admin-danger-button {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* =========================================================
   v10560 - Email verification & MFA UI
========================================================= */

.auth-centered-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background: radial-gradient(circle at top, rgba(104,38,255,0.10), transparent 42%), #f8fafc;
}

.auth-status-card {
    width: min(100%, 560px);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 28px;
    padding: 42px;
    box-shadow: var(--shadow-soft);
    text-align: center;
}

.auth-status-icon {
    width: 76px;
    height: 76px;
    margin: 28px auto 18px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f1ff;
    font-size: 34px;
}

.auth-status-card h1 {
    margin: 0 0 14px;
    font-size: clamp(32px, 5vw, 48px);
    letter-spacing: -0.06em;
}

.auth-status-card p {
    color: var(--muted);
    line-height: 1.7;
}

.auth-status-actions,
.security-action-row {
    margin-top: 26px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.auth-resend-card {
    margin: 18px 46px 0;
    padding: 18px;
    border: 1px solid rgba(104,38,255,0.16);
    border-radius: 18px;
    background: #f8f7ff;
}

.auth-resend-card p {
    margin: 8px 0 14px;
    color: var(--muted);
    line-height: 1.6;
}

.compact-mfa-form {
    padding: 18px 0 0 !important;
    text-align: left;
}

.mfa-setup-card {
    padding: 34px;
}

.mfa-setup-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 32px;
    align-items: start;
}

.manual-secret-box,
.otpauth-box {
    width: 100%;
    margin-top: 14px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #f8fafc;
}

.manual-secret-box span {
    display: block;
    color: var(--muted);
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}

.manual-secret-box strong {
    word-break: break-all;
    letter-spacing: 0.05em;
}

.otpauth-box {
    min-height: 110px;
    resize: vertical;
    color: #344054;
}

.muted-small {
    color: var(--muted);
    font-size: 14px;
}

.recovery-code-grid {
    margin: 22px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.recovery-code-grid code {
    display: block;
    padding: 14px;
    border-radius: 12px;
    background: #101828;
    color: #fff;
    font-weight: 800;
    text-align: center;
}

.security-settings-list div {
    align-items: flex-start;
}

.mfa-disable-form {
    display: grid;
    gap: 10px;
    width: 100%;
}

.mfa-disable-form input {
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0 14px;
    font-family: inherit;
}

body[data-theme="dark"] .auth-centered-page {
    background: #070816;
}

body[data-theme="dark"] .auth-status-card,
body[data-theme="dark"] .auth-resend-card,
body[data-theme="dark"] .manual-secret-box,
body[data-theme="dark"] .otpauth-box {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
    color: #f8fafc;
}

body[data-theme="dark"] .auth-status-icon {
    background: rgba(255,255,255,0.08);
}

@media (max-width: 760px) {
    .auth-centered-page {
        padding: 0;
        align-items: stretch;
    }

    .auth-status-card {
        min-height: 100vh;
        border-radius: 0;
        border: 0;
        box-shadow: none;
        padding: 34px 22px;
    }

    .auth-resend-card {
        margin: 16px 22px 0;
    }

    .mfa-setup-grid {
        grid-template-columns: 1fr;
    }

    .recovery-code-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   v10120 NAVBAR + FOOTER REPAIR
========================================================= */
.top-status-bar { display: none !important; }

.clean-navbar,
.saas-navbar.clean-navbar {
    width: min(94%, 1480px);
    margin: 0 auto;
    padding: 24px 0;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
    position: relative;
    z-index: 1000;
}

.saas-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text);
    min-width: max-content;
}

.saas-logo-mark {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 950;
    box-shadow: 0 12px 32px rgba(104, 38, 255, 0.28);
}

.saas-logo-text {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: var(--text);
    text-transform: lowercase;
}

.saas-nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.saas-nav-links a,
.saas-login-link {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #344054;
    font-size: 14px;
    font-weight: 800;
    border: 1px solid transparent;
    transition: .18s ease;
    white-space: nowrap;
}

.saas-nav-links a:hover,
.saas-login-link:hover {
    background: rgba(104,38,255,.07);
    color: var(--purple);
    transform: translateY(-1px);
}

.saas-nav-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    min-width: max-content;
}

.saas-primary-link,
.nav-cta {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: linear-gradient(135deg, var(--purple), #4f1fff);
    color: white !important;
    font-weight: 900;
    font-size: 14px;
    box-shadow: 0 14px 35px rgba(104, 38, 255, 0.22);
    border: 1px solid transparent;
    transition: .18s ease;
    white-space: nowrap;
}

.saas-primary-link:hover,
.nav-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 42px rgba(104, 38, 255, 0.28);
}

.saas-admin-link {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #101828;
    color: white !important;
    font-weight: 900;
    font-size: 14px;
    border: 1px solid rgba(255,255,255,.08);
    white-space: nowrap;
}

.language-switch,
.theme-icon-button {
    height: 42px;
    border-radius: 999px;
    border: 1px solid #e4e7ec;
    background: rgba(255,255,255,.86);
    color: #101828;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 900;
    transition: .18s ease;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
}

.language-switch {
    padding: 0 8px;
    gap: 4px;
}

.language-switch .lang-option {
    height: 28px;
    min-width: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #667085;
}

.language-switch .lang-option.active {
    background: #101828;
    color: white;
}

.lang-switch-separator {
    opacity: .35;
    font-size: 12px;
}

.theme-icon-button {
    width: 42px;
    padding: 0;
    font-size: 17px;
}

.mobile-nav-toggle { display: none; }

.clean-footer,
.saas-footer.clean-footer {
    margin-top: 90px;
    background: #070816;
    color: white;
    padding: 64px 0 28px;
}

.saas-footer-inner {
    width: min(94%, 1480px);
    margin: 0 auto;
}

.saas-footer-brandline {
    display: grid;
    grid-template-columns: minmax(240px, 360px) 1fr;
    gap: 40px;
    align-items: start;
    padding-bottom: 42px;
    border-bottom: 1px solid rgba(255,255,255,.10);
}

.saas-footer-brandline .saas-brand,
.saas-footer-brandline .saas-logo-text { color: white; }
.saas-footer-brandline p { margin: 14px 0 0; color: rgba(255,255,255,.72); line-height: 1.7; max-width: 640px; }

.saas-footer-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;
    padding: 42px 0;
}

.footer-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
}

.footer-column h4 {
    margin: 0 0 8px;
    color: white;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.footer-column a,
.footer-column span {
    color: rgba(255,255,255,.70);
    text-decoration: none;
    font-size: 14px;
    line-height: 1.45;
}

.footer-column a:hover { color: white; }

.footer-contact-card {
    padding: 20px;
    border-radius: 22px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.10);
}

.saas-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.10);
    color: rgba(255,255,255,.55);
    font-size: 13px;
}

body[data-theme="dark"] .saas-logo-text,
body[data-theme="dark"] .saas-brand { color: #f8fafc; }
body[data-theme="dark"] .saas-nav-links a,
body[data-theme="dark"] .saas-login-link { color: #cbd5e1; }
body[data-theme="dark"] .language-switch,
body[data-theme="dark"] .theme-icon-button { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.12); color: #f8fafc; }
body[data-theme="dark"] .language-switch .lang-option.active { background: #f8fafc; color: #101828; }

@media (max-width: 1120px) {
    .clean-navbar,
    .saas-navbar.clean-navbar {
        grid-template-columns: auto auto;
        gap: 14px;
    }
    .mobile-nav-toggle {
        display: inline-flex;
        margin-left: auto;
        width: 44px;
        height: 44px;
        border-radius: 999px;
        border: 1px solid #e4e7ec;
        background: white;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        cursor: pointer;
    }
    .mobile-nav-toggle span { width: 18px; height: 2px; border-radius: 999px; background: #101828; }
    .saas-nav-links,
    .saas-nav-actions {
        grid-column: 1 / -1;
        width: 100%;
        display: none;
        justify-content: flex-start;
        flex-wrap: wrap;
        padding: 16px;
        background: rgba(255,255,255,.94);
        border: 1px solid #e4e7ec;
        border-radius: 24px;
        box-shadow: var(--shadow-soft);
    }
    .nav-open .saas-nav-links,
    .nav-open .saas-nav-actions { display: flex; }
    body[data-theme="dark"] .mobile-nav-toggle { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.12); }
    body[data-theme="dark"] .mobile-nav-toggle span { background: #f8fafc; }
    body[data-theme="dark"] .saas-nav-links,
    body[data-theme="dark"] .saas-nav-actions { background: rgba(15,23,42,.96); border-color: rgba(255,255,255,.12); }
}

@media (max-width: 820px) {
    .saas-footer-brandline { grid-template-columns: 1fr; gap: 18px; }
    .saas-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .saas-footer-bottom { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 560px) {
    .clean-navbar,
    .saas-navbar.clean-navbar { width: min(92%, 100%); padding: 18px 0; }
    .saas-logo-mark { width: 34px; height: 34px; }
    .saas-logo-text { font-size: 18px; }
    .saas-footer-grid { grid-template-columns: 1fr; }
    .saas-nav-actions > * { flex: 1 1 auto; }
    .language-switch,.theme-icon-button { flex: 0 0 auto; }
}

/* =========================================================
   v10130 FINAL LAYOUT LOCK: NAVBAR + FOOTER
   These classes intentionally override older .saas-* navbar/footer rules.
========================================================= */

.sc-navbar {
    width: min(94%, 1500px) !important;
    margin: 0 auto !important;
    padding: 24px 0 !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 28px !important;
    position: relative !important;
    z-index: 1000 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.sc-brand,
.sc-footer-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    color: var(--text) !important;
    white-space: nowrap !important;
}

.sc-brand-mark {
    width: 36px !important;
    height: 36px !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, var(--purple), var(--purple-2)) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 900 !important;
    font-size: 17px !important;
    line-height: 1 !important;
    box-shadow: 0 12px 30px rgba(104, 38, 255, .26) !important;
}

.sc-brand-text {
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    font-size: 18px !important;
    color: inherit !important;
    text-transform: lowercase !important;
}

.sc-nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.sc-nav-links a {
    text-decoration: none !important;
    color: #344054 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    padding: 11px 15px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    transition: .18s ease !important;
    white-space: nowrap !important;
}

.sc-nav-links a:hover {
    color: var(--purple) !important;
    background: rgba(104, 38, 255, .08) !important;
    transform: translateY(-1px) !important;
}

.sc-nav-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.sc-language-toggle,
.sc-theme-toggle,
.sc-secondary-link,
.sc-admin-link,
.sc-primary-link {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: .18s ease !important;
    font-family: inherit !important;
}

.sc-language-toggle {
    padding: 4px !important;
    width: 92px !important;
    background: #f2f4f7 !important;
    color: #344054 !important;
    border: 1px solid #e4e7ec !important;
    gap: 2px !important;
}

.sc-language-toggle .lang-option {
    height: 32px !important;
    min-width: 36px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #667085 !important;
}

.sc-language-toggle .lang-option.active {
    background: #fff !important;
    color: var(--purple) !important;
    box-shadow: 0 6px 16px rgba(16, 24, 40, .08) !important;
}

.sc-language-toggle .lang-separator {
    display: none !important;
}

.sc-theme-toggle {
    width: 42px !important;
    padding: 0 !important;
    background: #fff !important;
    color: #101828 !important;
    border: 1px solid #e4e7ec !important;
    box-shadow: 0 8px 22px rgba(16, 24, 40, .06) !important;
}

.sc-secondary-link {
    padding: 0 18px !important;
    background: #fff !important;
    color: #101828 !important;
    border: 1px solid #e4e7ec !important;
    box-shadow: 0 8px 22px rgba(16, 24, 40, .06) !important;
}

.sc-admin-link {
    padding: 0 16px !important;
    background: rgba(104, 38, 255, .08) !important;
    color: var(--purple) !important;
    border: 1px solid rgba(104, 38, 255, .18) !important;
    box-shadow: none !important;
}

.sc-primary-link {
    padding: 0 20px !important;
    background: linear-gradient(135deg, var(--purple), #4f1fff) !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    box-shadow: 0 14px 34px rgba(104, 38, 255, .22) !important;
}

.sc-language-toggle:hover,
.sc-theme-toggle:hover,
.sc-secondary-link:hover,
.sc-admin-link:hover,
.sc-primary-link:hover {
    transform: translateY(-1px) !important;
}

.sc-mobile-toggle {
    display: none !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    border: 1px solid #e4e7ec !important;
    background: #fff !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 4px !important;
    cursor: pointer !important;
}

.sc-mobile-toggle span {
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #101828 !important;
}

body[data-theme="dark"] .sc-brand,
body[data-theme="dark"] .sc-footer-brand {
    color: #fff !important;
}

body[data-theme="dark"] .sc-nav-links a {
    color: #cbd5e1 !important;
}

body[data-theme="dark"] .sc-nav-links a:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .08) !important;
}

body[data-theme="dark"] .sc-language-toggle,
body[data-theme="dark"] .sc-theme-toggle,
body[data-theme="dark"] .sc-secondary-link,
body[data-theme="dark"] .sc-mobile-toggle {
    background: rgba(255, 255, 255, .06) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, .12) !important;
    box-shadow: none !important;
}

body[data-theme="dark"] .sc-language-toggle .lang-option {
    color: #94a3b8 !important;
}

body[data-theme="dark"] .sc-language-toggle .lang-option.active {
    background: rgba(255, 255, 255, .14) !important;
    color: #fff !important;
}

body[data-theme="dark"] .sc-mobile-toggle span {
    background: #fff !important;
}

.sc-footer {
    margin-top: 96px !important;
    padding: 64px 0 30px !important;
    background: linear-gradient(135deg, #070816, #120a2b) !important;
    color: #fff !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
}

.sc-footer-inner {
    width: min(92%, 1380px) !important;
    margin: 0 auto !important;
}

.sc-footer-brand-row {
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) auto !important;
    gap: 32px !important;
    align-items: center !important;
    padding-bottom: 36px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
}

.sc-footer-brand-row p {
    max-width: 640px !important;
    margin: 16px 0 0 !important;
    color: rgba(255, 255, 255, .72) !important;
    line-height: 1.7 !important;
    font-size: 15px !important;
}

.sc-footer .sc-brand-text {
    color: #fff !important;
}

.sc-footer-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #101828 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.sc-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 34px !important;
    padding: 42px 0 0 !important;
    align-items: start !important;
}

.sc-footer-col {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 11px !important;
}

.sc-footer-col h4 {
    margin: 0 0 7px !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
}

.sc-footer-col a,
.sc-footer-col span {
    color: rgba(255, 255, 255, .68) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
}

.sc-footer-col a:hover {
    color: #fff !important;
}

.sc-footer-contact {
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 22px !important;
    padding: 20px !important;
}

.sc-footer-bottom {
    margin-top: 42px !important;
    padding-top: 22px !important;
    border-top: 1px solid rgba(255, 255, 255, .10) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
    color: rgba(255, 255, 255, .52) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    flex-wrap: wrap !important;
}

@media (max-width: 1120px) {
    .sc-navbar {
        grid-template-columns: auto auto !important;
        gap: 16px !important;
    }

    .sc-mobile-toggle {
        display: inline-flex !important;
        justify-self: end !important;
    }

    .sc-nav-links,
    .sc-nav-actions {
        display: none !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        flex-wrap: wrap !important;
        background: rgba(255, 255, 255, .94) !important;
        border: 1px solid #ececf2 !important;
        border-radius: 24px !important;
        padding: 12px !important;
        box-shadow: var(--shadow-soft) !important;
        backdrop-filter: blur(18px) !important;
    }

    .sc-navbar.nav-open .sc-nav-links,
    .sc-navbar.nav-open .sc-nav-actions {
        display: flex !important;
    }

    .sc-nav-links a {
        background: #f8f9fc !important;
        border: 1px solid #ececf2 !important;
    }

    body[data-theme="dark"] .sc-nav-links,
    body[data-theme="dark"] .sc-nav-actions {
        background: rgba(8, 9, 20, .96) !important;
        border-color: rgba(255, 255, 255, .10) !important;
    }

    body[data-theme="dark"] .sc-nav-links a {
        background: rgba(255, 255, 255, .05) !important;
        border-color: rgba(255, 255, 255, .08) !important;
    }
}

@media (max-width: 820px) {
    .sc-footer-brand-row {
        grid-template-columns: 1fr !important;
    }

    .sc-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .sc-navbar {
        width: min(94%, 100%) !important;
        padding: 16px 0 !important;
    }

    .sc-nav-links a,
    .sc-primary-link,
    .sc-secondary-link,
    .sc-admin-link {
        width: 100% !important;
        justify-content: center !important;
    }

    .sc-language-toggle {
        flex: 1 1 auto !important;
    }

    .sc-theme-toggle {
        flex: 0 0 42px !important;
    }

    .sc-footer {
        margin-top: 70px !important;
        padding-top: 46px !important;
    }

    .sc-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }

    .sc-footer-bottom {
        display: block !important;
    }

    .sc-footer-bottom span {
        display: block !important;
        margin-bottom: 8px !important;
    }
}

/* =========================================================
   v10140 HARD NAVBAR RESET - must stay at end
   Fixes broken/default navbar rendering and old class conflicts.
========================================================= */
.top-status-bar,
.sc-navbar,
.modern-navbar { display: none !important; }

.saas-navbar.clean-navbar {
    box-sizing: border-box !important;
    width: min(94%, 1480px) !important;
    margin: 0 auto !important;
    padding: 24px 0 !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 28px !important;
    position: relative !important;
    z-index: 1000 !important;
    background: transparent !important;
    border: 0 !important;
    font-family: 'Inter', Arial, sans-serif !important;
}

.saas-navbar.clean-navbar * { box-sizing: border-box !important; }

.saas-navbar.clean-navbar .saas-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    color: var(--text) !important;
    min-width: max-content !important;
}

.saas-navbar.clean-navbar .saas-logo-mark {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--purple), var(--purple-2)) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    box-shadow: 0 12px 32px rgba(104, 38, 255, 0.28) !important;
}

.saas-navbar.clean-navbar .saas-logo-text {
    font-size: 20px !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
    color: var(--text) !important;
    text-transform: lowercase !important;
    line-height: 1 !important;
}

.saas-navbar.clean-navbar .saas-nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.saas-navbar.clean-navbar .saas-nav-links a,
.saas-navbar.clean-navbar .saas-login-link {
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: #344054 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: .18s ease !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.saas-navbar.clean-navbar .saas-nav-links a:hover,
.saas-navbar.clean-navbar .saas-login-link:hover {
    background: rgba(104,38,255,.07) !important;
    color: var(--purple) !important;
    transform: translateY(-1px) !important;
}

.saas-navbar.clean-navbar .saas-nav-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: max-content !important;
}

.saas-navbar.clean-navbar .saas-primary-link.nav-cta,
.saas-navbar.clean-navbar .saas-primary-link {
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, var(--purple), #4f1fff) !important;
    color: white !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    box-shadow: 0 14px 35px rgba(104,38,255,.22) !important;
    border: 1px solid transparent !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.saas-navbar.clean-navbar .saas-admin-link {
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    background: #101828 !important;
    color: white !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    white-space: nowrap !important;
    box-shadow: 0 12px 28px rgba(16,24,40,.16) !important;
    line-height: 1 !important;
}

.saas-navbar.clean-navbar .language-switch,
.saas-navbar.clean-navbar .theme-icon-button {
    height: 42px !important;
    border-radius: 999px !important;
    border: 1px solid #e4e7ec !important;
    background: rgba(255,255,255,.92) !important;
    color: #101828 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    font-weight: 900 !important;
    transition: .18s ease !important;
    box-shadow: 0 8px 24px rgba(16,24,40,.06) !important;
    font-family: inherit !important;
}

.saas-navbar.clean-navbar .language-switch { padding: 0 8px !important; gap: 4px !important; }
.saas-navbar.clean-navbar .language-switch .lang-option {
    height: 28px !important;
    min-width: 34px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    color: #667085 !important;
}
.saas-navbar.clean-navbar .language-switch .lang-option.active { background: #101828 !important; color: white !important; }
.saas-navbar.clean-navbar .lang-switch-separator { opacity: .35 !important; font-size: 12px !important; }
.saas-navbar.clean-navbar .theme-icon-button { width: 42px !important; padding: 0 !important; font-size: 17px !important; }
.saas-navbar.clean-navbar .mobile-nav-toggle { display: none !important; }

body[data-theme="dark"] .saas-navbar.clean-navbar .saas-logo-text,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-brand { color: #f8fafc !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links a,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-login-link { color: #cbd5e1 !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch,
body[data-theme="dark"] .saas-navbar.clean-navbar .theme-icon-button { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.12) !important; color: #f8fafc !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch .lang-option.active { background: #f8fafc !important; color: #101828 !important; }

@media (max-width: 1120px) {
    .saas-navbar.clean-navbar { grid-template-columns: auto auto !important; gap: 14px !important; }
    .saas-navbar.clean-navbar .mobile-nav-toggle {
        display: inline-flex !important;
        margin-left: auto !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 999px !important;
        border: 1px solid #e4e7ec !important;
        background: white !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        gap: 4px !important;
        cursor: pointer !important;
    }
    .saas-navbar.clean-navbar .mobile-nav-toggle span { width: 18px !important; height: 2px !important; border-radius: 999px !important; background: #101828 !important; }
    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        display: none !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        padding: 16px !important;
        background: rgba(255,255,255,.96) !important;
        border: 1px solid #e4e7ec !important;
        border-radius: 24px !important;
        box-shadow: var(--shadow-soft) !important;
    }
    .saas-navbar.clean-navbar.nav-open .saas-nav-links,
    .saas-navbar.clean-navbar.nav-open .saas-nav-actions { display: flex !important; }
    body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.12) !important; }
    body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle span { background: #f8fafc !important; }
    body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links,
    body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-actions { background: rgba(15,23,42,.96) !important; border-color: rgba(255,255,255,.12) !important; }
}

@media (max-width: 560px) {
    .saas-navbar.clean-navbar { width: min(92%, 100%) !important; padding: 18px 0 !important; }
    .saas-navbar.clean-navbar .saas-logo-mark { width: 34px !important; height: 34px !important; }
    .saas-navbar.clean-navbar .saas-logo-text { font-size: 18px !important; }
    .saas-navbar.clean-navbar .saas-nav-actions > * { flex: 1 1 auto !important; }
    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button { flex: 0 0 auto !important; }
}

/* =========================================================
   V10150 FINAL NAVBAR + FOOTER RESPONSIVE POLISH
   Purpose: one consistent navbar on every page, perfect mobile behavior.
========================================================= */

/* hard reset old navbar variants that may still exist */
.top-status-bar,
.sc-navbar,
.modern-navbar:not(.saas-navbar),
.navbar:not(.saas-navbar) {
    all: unset;
}

.saas-navbar.clean-navbar {
    width: min(94%, 1480px) !important;
    margin: 18px auto 0 !important;
    padding: 14px 18px !important;
    min-height: 72px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 24px !important;
    position: sticky !important;
    top: 12px !important;
    z-index: 9999 !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    border-radius: 28px !important;
    box-shadow: 0 18px 55px rgba(15,23,42,.08) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    font-family: 'Inter', Arial, sans-serif !important;
}

.saas-navbar.clean-navbar *,
.saas-navbar.clean-navbar *::before,
.saas-navbar.clean-navbar *::after {
    box-sizing: border-box !important;
}

.saas-navbar.clean-navbar .saas-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    color: #101828 !important;
    min-width: max-content !important;
}

.saas-navbar.clean-navbar .saas-logo-mark {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #6826ff, #8b5cf6) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 28px rgba(104,38,255,.28) !important;
}

.saas-navbar.clean-navbar .saas-logo-text {
    display: inline-block !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
    color: #101828 !important;
    line-height: 1 !important;
    text-transform: lowercase !important;
}

.saas-navbar.clean-navbar .saas-nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.saas-navbar.clean-navbar .saas-nav-links a,
.saas-navbar.clean-navbar .saas-login-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #475467 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transition: background .18s ease, color .18s ease, transform .18s ease !important;
}

.saas-navbar.clean-navbar .saas-nav-links a:hover,
.saas-navbar.clean-navbar .saas-login-link:hover {
    background: rgba(104,38,255,.08) !important;
    color: #6826ff !important;
    transform: translateY(-1px) !important;
}

.saas-navbar.clean-navbar .saas-nav-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: max-content !important;
}

.saas-navbar.clean-navbar .saas-primary-link,
.saas-navbar.clean-navbar .saas-primary-link.nav-cta {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #6826ff, #4f1fff) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 12px 26px rgba(104,38,255,.22) !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}

.saas-navbar.clean-navbar .saas-primary-link:hover,
.saas-navbar.clean-navbar .saas-primary-link.nav-cta:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 16px 34px rgba(104,38,255,.30) !important;
}

.saas-navbar.clean-navbar .saas-admin-link {
    height: 42px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(104,38,255,.18) !important;
    border-radius: 999px !important;
    background: rgba(104,38,255,.08) !important;
    color: #5925dc !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.saas-navbar.clean-navbar .language-switch,
.saas-navbar.clean-navbar .theme-icon-button,
.saas-navbar.clean-navbar .mobile-nav-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
    font-family: 'Inter', Arial, sans-serif !important;
}

.saas-navbar.clean-navbar .language-switch {
    height: 42px !important;
    min-width: 88px !important;
    padding: 0 6px !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #667085 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.saas-navbar.clean-navbar .language-switch .lang-option {
    height: 30px !important;
    min-width: 34px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.saas-navbar.clean-navbar .language-switch .lang-option.active {
    background: #6826ff !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(104,38,255,.22) !important;
}

.saas-navbar.clean-navbar .lang-switch-separator {
    opacity: .35 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #667085 !important;
}

.saas-navbar.clean-navbar .theme-icon-button {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #101828 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.saas-navbar.clean-navbar .mobile-nav-toggle {
    display: none !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(15,23,42,.10) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 4px !important;
    cursor: pointer !important;
}

.saas-navbar.clean-navbar .mobile-nav-toggle span {
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #101828 !important;
    display: block !important;
}

body[data-theme="dark"] .saas-navbar.clean-navbar {
    background: rgba(15,23,42,.92) !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: 0 18px 55px rgba(0,0,0,.35) !important;
}

body[data-theme="dark"] .saas-navbar.clean-navbar .saas-logo-text,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-brand {
    color: #f8fafc !important;
}

body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links a,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-login-link {
    color: #cbd5e1 !important;
}

body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links a:hover,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-login-link:hover {
    background: rgba(255,255,255,.07) !important;
    color: #fff !important;
}

body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch,
body[data-theme="dark"] .saas-navbar.clean-navbar .theme-icon-button,
body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #f8fafc !important;
}

body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch .lang-option,
body[data-theme="dark"] .saas-navbar.clean-navbar .lang-switch-separator {
    color: #cbd5e1 !important;
}

body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch .lang-option.active {
    background: #fff !important;
    color: #101828 !important;
}

body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle span {
    background: #f8fafc !important;
}

/* Tablet: keep logo + actions visible; collapse center links */
@media (max-width: 1120px) {
    .saas-navbar.clean-navbar {
        width: calc(100% - 28px) !important;
        top: 8px !important;
        grid-template-columns: auto auto !important;
        gap: 12px !important;
        padding: 12px !important;
    }

    .saas-navbar.clean-navbar .mobile-nav-toggle {
        display: inline-flex !important;
        order: 2 !important;
        margin-left: auto !important;
    }

    .saas-navbar.clean-navbar .saas-brand {
        order: 1 !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions {
        display: none !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        background: #fff !important;
        border: 1px solid rgba(15,23,42,.08) !important;
        border-radius: 22px !important;
        padding: 12px !important;
        box-shadow: 0 18px 40px rgba(15,23,42,.08) !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-links,
    .saas-navbar.clean-navbar.nav-open .saas-nav-actions {
        display: flex !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links {
        order: 3 !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 4px !important;
        margin-top: 4px !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links a {
        width: 100% !important;
        justify-content: flex-start !important;
        height: 44px !important;
        padding: 0 14px !important;
    }

    .saas-navbar.clean-navbar .saas-nav-actions {
        order: 4 !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        margin-top: 6px !important;
    }

    .saas-navbar.clean-navbar .saas-login-link,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .saas-primary-link.nav-cta,
    .saas-navbar.clean-navbar .saas-primary-link {
        flex: 1 1 150px !important;
    }

    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        flex: 0 0 auto !important;
    }

    body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links,
    body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-actions {
        background: rgba(15,23,42,.98) !important;
        border-color: rgba(255,255,255,.10) !important;
    }
}

/* Phone: tiny header; CTAs stack cleanly */
@media (max-width: 640px) {
    .saas-navbar.clean-navbar {
        width: calc(100% - 18px) !important;
        margin-top: 8px !important;
        padding: 10px !important;
        min-height: 62px !important;
        border-radius: 22px !important;
    }

    .saas-navbar.clean-navbar .saas-logo-mark {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        border-radius: 10px !important;
        font-size: 16px !important;
    }

    .saas-navbar.clean-navbar .saas-logo-text {
        font-size: 18px !important;
    }

    .saas-navbar.clean-navbar .mobile-nav-toggle,
    .saas-navbar.clean-navbar .theme-icon-button {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .saas-navbar.clean-navbar .language-switch {
        height: 38px !important;
        min-width: 82px !important;
    }

    .saas-navbar.clean-navbar .language-switch .lang-option {
        height: 27px !important;
        min-width: 31px !important;
        font-size: 11px !important;
    }

    .saas-navbar.clean-navbar .saas-nav-actions > a,
    .saas-navbar.clean-navbar .saas-nav-actions > button,
    .saas-navbar.clean-navbar .saas-primary-link.nav-cta,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .saas-login-link {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        width: auto !important;
        flex: 1 1 calc(50% - 4px) !important;
    }
}

@media (max-width: 380px) {
    .saas-navbar.clean-navbar .saas-logo-text { font-size: 16px !important; }
    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions { padding: 10px !important; }
}

/* Footer consistency */
.saas-footer.clean-footer {
    width: min(94%, 1480px) !important;
    margin: 90px auto 0 !important;
    padding: 0 0 36px !important;
    font-family: 'Inter', Arial, sans-serif !important;
}

.saas-footer.clean-footer .saas-footer-inner {
    background: linear-gradient(135deg, #080513, #17103a) !important;
    color: #fff !important;
    border-radius: 32px !important;
    padding: 44px !important;
    box-shadow: 0 28px 90px rgba(16,5,31,.22) !important;
}

.saas-footer.clean-footer .saas-footer-brandline {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, .85fr) !important;
    gap: 40px !important;
    align-items: start !important;
    padding-bottom: 34px !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.saas-footer.clean-footer .saas-brand { color: #fff !important; }
.saas-footer.clean-footer .saas-logo-text { color: #fff !important; }

.saas-footer.clean-footer p,
.saas-footer.clean-footer span {
    color: rgba(255,255,255,.72) !important;
    line-height: 1.7 !important;
}

.saas-footer.clean-footer .footer-contact-card {
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 22px !important;
    padding: 22px !important;
    display: grid !important;
    gap: 8px !important;
}

.saas-footer.clean-footer .footer-contact-card strong {
    color: #fff !important;
    line-height: 1.5 !important;
}

.saas-footer.clean-footer .saas-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
    padding-top: 34px !important;
}

.saas-footer.clean-footer .footer-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-width: 0 !important;
}

.saas-footer.clean-footer .footer-column h4 {
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
}

.saas-footer.clean-footer .footer-column a,
.saas-footer.clean-footer .footer-column span {
    color: rgba(255,255,255,.72) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.saas-footer.clean-footer .footer-column a:hover { color: #fff !important; }

.saas-footer.clean-footer .saas-footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding-top: 32px !important;
    margin-top: 32px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
}

@media (max-width: 900px) {
    .saas-footer.clean-footer .saas-footer-inner { padding: 34px 28px !important; border-radius: 26px !important; }
    .saas-footer.clean-footer .saas-footer-brandline { grid-template-columns: 1fr !important; gap: 22px !important; }
    .saas-footer.clean-footer .saas-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 560px) {
    .saas-footer.clean-footer { width: calc(100% - 18px) !important; margin-top: 56px !important; }
    .saas-footer.clean-footer .saas-footer-inner { padding: 28px 22px !important; border-radius: 22px !important; }
    .saas-footer.clean-footer .saas-footer-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
    .saas-footer.clean-footer .saas-footer-bottom { flex-direction: column !important; align-items: flex-start !important; }
}

/* =========================================================
   v10160 FINAL MOBILE NAVBAR FIX
   Single source of truth override for _navbar.html
========================================================= */

.saas-navbar.clean-navbar {
    isolation: isolate !important;
    position: sticky !important;
    top: 12px !important;
    z-index: 10000 !important;
    width: min(94%, 1440px) !important;
    margin: 12px auto 0 !important;
    padding: 12px 14px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(22px) !important;
    -webkit-backdrop-filter: blur(22px) !important;
    box-shadow: 0 20px 70px rgba(15, 23, 42, 0.08) !important;
    font-family: 'Inter', Arial, sans-serif !important;
}

.saas-navbar.clean-navbar,
.saas-navbar.clean-navbar * {
    box-sizing: border-box !important;
}

.saas-navbar.clean-navbar .saas-brand {
    grid-column: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    color: #101828 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.saas-navbar.clean-navbar .saas-logo-mark {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #6826ff, #4f1fff) !important;
    color: #fff !important;
    font-weight: 950 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    box-shadow: 0 12px 26px rgba(104, 38, 255, 0.24) !important;
}

.saas-navbar.clean-navbar .saas-logo-text {
    color: #101828 !important;
    font-weight: 900 !important;
    font-size: 20px !important;
    letter-spacing: -0.04em !important;
    line-height: 1 !important;
    text-transform: lowercase !important;
}

.saas-navbar.clean-navbar .saas-nav-links {
    grid-column: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.saas-navbar.clean-navbar .saas-nav-actions {
    grid-column: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.saas-navbar.clean-navbar .saas-nav-links a,
.saas-navbar.clean-navbar .saas-login-link,
.saas-navbar.clean-navbar .saas-admin-link,
.saas-navbar.clean-navbar .saas-primary-link.nav-cta,
.saas-navbar.clean-navbar .saas-primary-link {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;
}

.saas-navbar.clean-navbar .saas-nav-links a,
.saas-navbar.clean-navbar .saas-login-link {
    color: #344054 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

.saas-navbar.clean-navbar .saas-nav-links a:hover,
.saas-navbar.clean-navbar .saas-login-link:hover {
    color: #4f1fff !important;
    background: rgba(104, 38, 255, 0.07) !important;
}

.saas-navbar.clean-navbar .saas-admin-link {
    color: #101828 !important;
    background: #f2f4f7 !important;
    border: 1px solid #e4e7ec !important;
}

.saas-navbar.clean-navbar .saas-admin-link:hover {
    color: #4f1fff !important;
    border-color: rgba(104, 38, 255, 0.22) !important;
    background: rgba(104, 38, 255, 0.08) !important;
}

.saas-navbar.clean-navbar .saas-primary-link,
.saas-navbar.clean-navbar .saas-primary-link.nav-cta {
    color: #fff !important;
    background: linear-gradient(135deg, #6826ff, #4f1fff) !important;
    border: 1px solid transparent !important;
    box-shadow: 0 12px 28px rgba(104, 38, 255, 0.20) !important;
}

.saas-navbar.clean-navbar .saas-nav-links a:hover,
.saas-navbar.clean-navbar .saas-login-link:hover,
.saas-navbar.clean-navbar .saas-admin-link:hover,
.saas-navbar.clean-navbar .saas-primary-link:hover {
    transform: translateY(-1px) !important;
}

.saas-navbar.clean-navbar .language-switch,
.saas-navbar.clean-navbar .theme-icon-button,
.saas-navbar.clean-navbar .mobile-nav-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
    border-radius: 999px !important;
    border: 1px solid #e4e7ec !important;
    background: #fff !important;
    color: #101828 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Inter', Arial, sans-serif !important;
    box-shadow: none !important;
}

.saas-navbar.clean-navbar .language-switch {
    height: 40px !important;
    min-width: 88px !important;
    padding: 4px !important;
    gap: 2px !important;
}

.saas-navbar.clean-navbar .language-switch .lang-option {
    width: 34px !important;
    height: 30px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.saas-navbar.clean-navbar .language-switch .lang-option.active {
    background: #6826ff !important;
    color: #fff !important;
}

.saas-navbar.clean-navbar .lang-switch-separator {
    color: #98a2b3 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.saas-navbar.clean-navbar .theme-icon-button,
.saas-navbar.clean-navbar .mobile-nav-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    font-size: 16px !important;
}

.saas-navbar.clean-navbar .mobile-nav-toggle {
    display: none !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.saas-navbar.clean-navbar .mobile-nav-toggle span {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 99px !important;
    background: #101828 !important;
    transition: transform .2s ease, opacity .2s ease !important;
}

.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(1) {
    transform: translateY(6px) rotate(45deg) !important;
}
.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(2) {
    opacity: 0 !important;
}
.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg) !important;
}

body[data-theme="dark"] .saas-navbar.clean-navbar {
    background: rgba(7, 8, 22, 0.92) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.32) !important;
}
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-brand,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-logo-text {
    color: #fff !important;
}
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links a,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-login-link {
    color: #cbd5e1 !important;
}
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links a:hover,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-login-link:hover {
    color: #fff !important;
    background: rgba(255,255,255,.07) !important;
}
body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch,
body[data-theme="dark"] .saas-navbar.clean-navbar .theme-icon-button,
body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-admin-link {
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #f8fafc !important;
}
body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch .lang-option,
body[data-theme="dark"] .saas-navbar.clean-navbar .lang-switch-separator {
    color: #cbd5e1 !important;
}
body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch .lang-option.active {
    background: #fff !important;
    color: #101828 !important;
}
body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle span {
    background: #f8fafc !important;
}

/* Collapse earlier than before to prevent overflow on tablets */
@media (max-width: 1180px) {
    .saas-navbar.clean-navbar {
        width: calc(100% - 28px) !important;
        top: 8px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        padding: 10px !important;
        border-radius: 24px !important;
    }

    .saas-navbar.clean-navbar .saas-brand {
        grid-column: 1 !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    .saas-navbar.clean-navbar .mobile-nav-toggle {
        grid-column: 2 !important;
        display: inline-flex !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        display: none !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-links,
    .saas-navbar.clean-navbar.nav-open .saas-nav-actions {
        display: grid !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links {
        margin-top: 10px !important;
        padding-top: 12px !important;
        border-top: 1px solid rgba(15,23,42,.08) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        justify-content: stretch !important;
    }

    .saas-navbar.clean-navbar .saas-nav-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding-top: 8px !important;
        justify-content: stretch !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links a,
    .saas-navbar.clean-navbar .saas-login-link,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .saas-primary-link,
    .saas-navbar.clean-navbar .saas-primary-link.nav-cta,
    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        width: 100% !important;
        min-width: 0 !important;
        height: 44px !important;
        min-height: 44px !important;
        justify-content: center !important;
    }

    .saas-navbar.clean-navbar .theme-icon-button {
        width: 100% !important;
    }

    body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links {
        border-top-color: rgba(255,255,255,.10) !important;
    }
}

@media (max-width: 640px) {
    .saas-navbar.clean-navbar {
        width: calc(100% - 16px) !important;
        margin-top: 8px !important;
        padding: 9px 10px !important;
        min-height: 60px !important;
        border-radius: 22px !important;
    }

    .saas-navbar.clean-navbar .saas-logo-mark {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        border-radius: 10px !important;
        font-size: 16px !important;
    }

    .saas-navbar.clean-navbar .saas-logo-text {
        font-size: 18px !important;
        max-width: 140px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .saas-navbar.clean-navbar .mobile-nav-toggle {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links a,
    .saas-navbar.clean-navbar .saas-login-link,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .saas-primary-link,
    .saas-navbar.clean-navbar .saas-primary-link.nav-cta,
    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        height: 46px !important;
        min-height: 46px !important;
        border-radius: 16px !important;
        font-size: 14px !important;
    }

    .saas-navbar.clean-navbar .saas-nav-actions {
        grid-template-columns: 1fr 1fr !important;
    }

    .saas-navbar.clean-navbar .saas-nav-actions .saas-login-link,
    .saas-navbar.clean-navbar .saas-nav-actions .saas-admin-link,
    .saas-navbar.clean-navbar .saas-nav-actions .saas-primary-link {
        grid-column: span 2 !important;
    }
}

@media (max-width: 360px) {
    .saas-navbar.clean-navbar .saas-logo-text { font-size: 16px !important; max-width: 118px !important; }
    .saas-navbar.clean-navbar { width: calc(100% - 10px) !important; padding: 8px !important; }
}

body.mobile-menu-open {
    overflow-x: hidden !important;
}

/* =========================================================
   v10170 Password reset polish
========================================================= */
.reset-password-card {
    max-width: 760px;
}

.reset-password-card .compact-mfa-form {
    margin-top: 22px;
}

.reset-password-card .password-checklist {
    text-align: left;
}

.auth-status-card .auth-status-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 24px;
}

@media (max-width: 720px) {
    .reset-password-card {
        width: min(94%, 560px);
        padding: 28px 20px;
    }

    .auth-status-card .auth-status-actions {
        flex-direction: column;
    }

    .auth-status-card .auth-status-actions a {
        width: 100%;
        justify-content: center;
    }
}

/* =========================================================
   v10180 Contact page polish
========================================================= */
.contact-page.pro-contact-page {
    width: min(94%, 1280px);
    margin: 78px auto 0;
}

.contact-hero-pro {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 32px;
    align-items: end;
    margin-bottom: 34px;
}

.contact-hero-pro h1 {
    margin: 12px 0 14px;
    font-size: clamp(42px, 6vw, 76px);
    line-height: 1.02;
    letter-spacing: -0.07em;
}

.contact-hero-pro p {
    max-width: 760px;
    margin: 0;
    color: var(--muted);
    font-size: 19px;
    line-height: 1.75;
}

.contact-hero-card,
.contact-info-panel,
.contact-form-panel {
    background: rgba(255,255,255,0.86);
    border: 1px solid rgba(104,38,255,0.12);
    box-shadow: var(--shadow-soft);
    backdrop-filter: blur(12px);
}

.contact-hero-card {
    padding: 26px;
    border-radius: 26px;
}

.contact-hero-card strong,
.contact-hero-card span {
    display: block;
}

.contact-hero-card strong {
    font-size: 16px;
    margin-bottom: 8px;
}

.contact-hero-card span {
    color: var(--muted);
    line-height: 1.6;
}

.contact-grid-pro {
    display: grid;
    grid-template-columns: 0.8fr 1.35fr;
    gap: 28px;
    align-items: start;
}

.contact-info-panel,
.contact-form-panel {
    border-radius: 30px;
    padding: 34px;
}

.contact-info-panel h2 {
    margin: 0 0 24px;
    font-size: 28px;
    letter-spacing: -0.04em;
}

.contact-info-list {
    display: grid;
    gap: 18px;
}

.contact-info-list div {
    padding: 18px;
    border-radius: 18px;
    background: #f8f7ff;
    border: 1px solid #ece8ff;
}

.contact-info-list span {
    display: block;
    color: var(--muted);
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 8px;
}

.contact-info-list strong {
    line-height: 1.55;
}

.contact-note-box {
    margin-top: 22px;
    padding: 20px;
    border-radius: 20px;
    background: linear-gradient(135deg, #07030f, #241057);
    color: white;
}

.contact-note-box p {
    color: rgba(255,255,255,0.78);
    line-height: 1.65;
    margin-bottom: 0;
}

.contact-form-panel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.contact-message-box,
.contact-form-row-full,
.contact-submit-button {
    grid-column: 1 / -1;
}

.contact-form-row label {
    display: block;
    font-weight: 900;
    margin-bottom: 10px;
    color: #344054;
}

.contact-form-row small {
    color: var(--muted);
    font-weight: 700;
}

.contact-form-row input,
.contact-form-row textarea {
    width: 100%;
    border: 1px solid #e4e7ec;
    border-radius: 18px;
    padding: 18px 20px;
    font: inherit;
    font-size: 16px;
    background: white;
    color: var(--text);
    outline: none;
    transition: 0.2s ease;
}

.contact-form-row textarea {
    min-height: 170px;
    resize: vertical;
}

.contact-form-row input:focus,
.contact-form-row textarea:focus {
    border-color: var(--purple);
    box-shadow: 0 0 0 4px rgba(104,38,255,0.10);
}

.contact-submit-button {
    border: 0;
    min-height: 58px;
    justify-content: center;
    cursor: pointer;
}

body[data-theme="dark"] .contact-hero-card,
body[data-theme="dark"] .contact-info-panel,
body[data-theme="dark"] .contact-form-panel {
    background: rgba(17,24,39,0.88);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .contact-info-list div {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .contact-form-row label,
body[data-theme="dark"] .contact-form-row input,
body[data-theme="dark"] .contact-form-row textarea {
    color: #f8fafc;
}

body[data-theme="dark"] .contact-form-row input,
body[data-theme="dark"] .contact-form-row textarea {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
}

@media (max-width: 900px) {
    .contact-hero-pro,
    .contact-grid-pro {
        grid-template-columns: 1fr;
    }

    .contact-hero-card {
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .contact-page.pro-contact-page {
        width: min(92%, 100%);
        margin-top: 38px;
    }

    .contact-form-panel {
        grid-template-columns: 1fr;
        padding: 22px;
        border-radius: 24px;
    }

    .contact-info-panel {
        padding: 22px;
        border-radius: 24px;
    }
}

/* =========================================================
   V10190 - Spookfacturen page polish
========================================================= */

.ghost-page-modern {
    width: 100%;
}

.ghost-hero-modern {
    width: min(92%, 1240px);
    margin: 70px auto 42px;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .74fr);
    gap: 34px;
    align-items: center;
}

.ghost-hero-copy {
    position: relative;
}

.ghost-hero-modern h1 {
    margin: 22px 0 18px;
    font-size: clamp(48px, 6vw, 86px);
    line-height: .96;
    letter-spacing: -.075em;
    max-width: 820px;
}

.ghost-hero-modern h1 span:last-child {
    display: block;
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    -webkit-background-clip: text;
    color: transparent;
}

.ghost-hero-actions {
    margin-top: 30px;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.ghost-risk-panel {
    background: linear-gradient(135deg, #07030f, #241057);
    color: #fff;
    border-radius: 32px;
    padding: 28px;
    box-shadow: var(--shadow-strong);
    border: 1px solid rgba(255,255,255,.08);
}

.ghost-panel-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: rgba(255,255,255,.88);
}

.ghost-risk-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 18px #22c55e;
}

.ghost-risk-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 0;
    border-top: 1px solid rgba(255,255,255,.1);
}

.ghost-risk-row span {
    color: rgba(255,255,255,.58);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ghost-risk-row strong {
    text-align: right;
    font-size: 15px;
}

.ghost-risk-row.danger strong { color: #fca5a5; }
.ghost-risk-row.warning strong { color: #fcd34d; }
.ghost-risk-row.neutral strong { color: #c4b5fd; }

.ghost-summary-grid {
    width: min(92%, 1240px);
    margin: 0 auto 34px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.ghost-summary-card,
.ghost-modern-card,
.ghost-sidebar-card {
    background: #fff;
    border: 1px solid #ececf2;
    border-radius: 28px;
    box-shadow: var(--shadow-soft);
}

.ghost-summary-card {
    padding: 28px;
}

.ghost-summary-card span {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f1eeff;
    color: var(--purple);
    font-weight: 950;
    margin-bottom: 18px;
}

.ghost-summary-card h2 {
    margin: 0 0 12px;
    font-size: 24px;
    letter-spacing: -.04em;
}

.ghost-summary-card p {
    margin: 0;
    color: #667085;
    line-height: 1.65;
}

.ghost-content-shell {
    width: min(92%, 1240px);
    margin: 0 auto 90px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 28px;
    align-items: start;
}

.ghost-main-article {
    display: grid;
    gap: 24px;
}

.ghost-modern-card {
    padding: 38px;
}

.ghost-modern-card h2,
.section-heading-leftish h2 {
    margin: 0 0 14px;
    font-size: clamp(30px, 3.2vw, 46px);
    line-height: 1.05;
    letter-spacing: -.06em;
}

.ghost-modern-card p,
.section-heading-leftish p {
    color: #667085;
    line-height: 1.8;
    font-size: 17px;
}

.small-pill {
    margin-bottom: 18px;
}

.ghost-warning-grid {
    margin-top: 28px;
    gap: 16px;
}

.ghost-warning-grid .warning-box {
    border-radius: 22px;
    background: #fbfaff;
    border: 1px solid #ece8ff;
    padding: 24px;
}

.warning-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #ece8ff;
    margin-bottom: 18px;
    box-shadow: 0 12px 30px rgba(16,5,31,.06);
}

.ghost-checklist {
    display: grid;
    gap: 14px;
    margin-top: 24px;
}

.ghost-checklist div {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 14px;
    align-items: center;
    padding: 18px;
    border: 1px solid #ececf2;
    border-radius: 18px;
    background: #fcfcff;
}

.ghost-checklist strong {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--purple), #4f1fff);
    color: white;
}

.ghost-checklist span {
    color: #344054;
    font-weight: 750;
    line-height: 1.55;
}

.ghost-feature-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.ghost-feature-list li {
    border-radius: 16px;
    background: #f8f7ff;
    border: 1px solid #ece8ff;
    padding: 14px 16px;
    font-weight: 850;
}

.ghost-sidebar {
    position: sticky;
    top: 106px;
    display: grid;
    gap: 18px;
}

.ghost-sidebar-card {
    padding: 26px;
}

.ghost-sidebar-card h3 {
    margin: 0 0 16px;
    font-size: 22px;
    letter-spacing: -.04em;
}

.ghost-sidebar-card ul {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 12px;
    color: #475467;
    line-height: 1.55;
}

.purple-sidebar-card {
    background: linear-gradient(135deg, #07030f, #241057);
    color: white;
}

.purple-sidebar-card p {
    color: rgba(255,255,255,.78);
    line-height: 1.65;
}

.ghost-cta-modern {
    border-radius: 30px;
    padding: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    background: linear-gradient(135deg, #f7f4ff, #ffffff);
}

.ghost-cta-modern h2 {
    margin: 0 0 10px;
}

.ghost-cta-modern p {
    margin: 0;
}

body[data-theme="dark"] .ghost-summary-card,
body[data-theme="dark"] .ghost-modern-card,
body[data-theme="dark"] .ghost-sidebar-card:not(.purple-sidebar-card) {
    background: #111827;
    border-color: rgba(255,255,255,.1);
    color: #f8fafc;
}

body[data-theme="dark"] .ghost-summary-card p,
body[data-theme="dark"] .ghost-modern-card p,
body[data-theme="dark"] .ghost-sidebar-card ul,
body[data-theme="dark"] .section-heading-leftish p {
    color: #cbd5e1;
}

body[data-theme="dark"] .ghost-warning-grid .warning-box,
body[data-theme="dark"] .ghost-feature-list li,
body[data-theme="dark"] .ghost-checklist div {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.1);
}

body[data-theme="dark"] .ghost-checklist span { color: #e5e7eb; }
body[data-theme="dark"] .warning-icon { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.1); }
body[data-theme="dark"] .ghost-cta-modern { background: linear-gradient(135deg, #111827, #070816); }

@media (max-width: 980px) {
    .ghost-hero-modern,
    .ghost-content-shell {
        grid-template-columns: 1fr;
    }
    .ghost-risk-panel,
    .ghost-sidebar {
        position: static;
    }
    .ghost-summary-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ghost-hero-modern {
        margin-top: 36px;
    }
    .ghost-hero-modern h1 {
        font-size: 44px;
    }
    .ghost-hero-actions,
    .ghost-cta-modern {
        flex-direction: column;
        align-items: stretch;
    }
    .ghost-modern-card,
    .ghost-summary-card,
    .ghost-sidebar-card,
    .ghost-risk-panel,
    .ghost-cta-modern {
        border-radius: 22px;
        padding: 24px;
    }
    .ghost-feature-list,
    .ghost-warning-grid {
        grid-template-columns: 1fr;
    }
    .ghost-risk-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
    .ghost-risk-row strong {
        text-align: left;
    }
}


/* =========================================================
   v10200 Product philosophy / anomaly detection polish
========================================================= */
.value-model-grid {
    width: min(92%, 1300px);
    margin: 46px auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.value-model-card {
    background: rgba(255,255,255,.88);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-soft);
    padding: 30px;
    border-radius: 24px;
}
.value-model-card span { color: var(--purple); font-weight: 900; }
.value-model-card h3 { margin: 14px 0 10px; font-size: 24px; letter-spacing: -.04em; }
.value-model-card p { color: var(--muted); line-height: 1.7; margin: 0; }
.value-model-card.featured { background: linear-gradient(135deg,#090317,#241057); color: white; }
.value-model-card.featured p { color: rgba(255,255,255,.76); }
.value-model-card.featured span { color: #d8b4fe; }
.pricing-grid-three { align-items: stretch; }
.pricing-label.muted { background: rgba(102,112,133,.10); color: #667085; }
.enterprise-strip, .signal-priority-panel, .result-philosophy-card, .about-hero-pro {
    width: min(92%, 1300px);
    margin: 46px auto 0;
    background: rgba(255,255,255,.88);
    border: 1px solid var(--line);
    box-shadow: var(--shadow-soft);
    border-radius: 28px;
    padding: 42px;
}
.enterprise-strip { display:flex; justify-content:space-between; gap:28px; align-items:center; }
.enterprise-strip span { color: var(--purple); font-weight:900; text-transform:uppercase; font-size:13px; letter-spacing:.08em; }
.enterprise-strip h2, .signal-priority-panel h2 { margin: 8px 0 10px; font-size: clamp(28px,3vw,42px); letter-spacing:-.05em; }
.enterprise-strip p, .signal-priority-panel p, .about-hero-pro p { color: var(--muted); line-height: 1.75; }
.about-hero-pro { display:grid; grid-template-columns: 1.35fr .75fr; gap:38px; align-items:center; }
.about-hero-pro h1 { font-size: clamp(42px,5vw,70px); line-height:1.02; letter-spacing:-.07em; margin: 10px 0 22px; }
.about-principle-card { background: linear-gradient(135deg,#090317,#241057); color:white; padding:34px; border-radius:24px; box-shadow: var(--shadow-strong); }
.about-principle-card span { color:#d8b4fe; font-weight:900; font-size:13px; text-transform:uppercase; letter-spacing:.08em; }
.about-principle-card strong { display:block; font-size:32px; letter-spacing:-.05em; margin:16px 0; }
.about-principle-card p { color:rgba(255,255,255,.78); }
.about-principles { width:min(92%,1300px); margin-top: 28px; }
.feature-grid-wide { width:min(92%,1300px); grid-template-columns: repeat(3,1fr); }
.signal-priority-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:18px; margin-top:24px; }
.signal-priority-grid div { background:#f8f7ff; border:1px solid #ece8ff; padding:22px; border-radius:20px; }
.signal-priority-grid strong { display:block; color:var(--purple); font-size:18px; margin-bottom:10px; }
.signal-priority-grid.compact { margin-top: 0; }
.account-context-note { margin-top:20px; padding:18px 20px; border-radius:18px; background:#f8f7ff; border:1px solid #ece8ff; color:#344054; line-height:1.6; }
body[data-theme="dark"] .value-model-card,
body[data-theme="dark"] .enterprise-strip,
body[data-theme="dark"] .signal-priority-panel,
body[data-theme="dark"] .result-philosophy-card,
body[data-theme="dark"] .about-hero-pro { background: rgba(255,255,255,.045); border-color: rgba(255,255,255,.10); }
body[data-theme="dark"] .signal-priority-grid div,
body[data-theme="dark"] .account-context-note { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); color:#cbd5e1; }
body[data-theme="dark"] .enterprise-strip p,
body[data-theme="dark"] .signal-priority-panel p,
body[data-theme="dark"] .about-hero-pro p,
body[data-theme="dark"] .value-model-card p { color:#94a3b8; }
@media (max-width: 980px) {
    .value-model-grid, .feature-grid-wide, .signal-priority-grid, .about-hero-pro { grid-template-columns: 1fr; }
    .enterprise-strip { flex-direction: column; align-items:flex-start; }
}
@media (max-width: 640px) {
    .value-model-card, .enterprise-strip, .signal-priority-panel, .result-philosophy-card, .about-hero-pro { padding: 24px; border-radius: 22px; }
}

/* =========================================================
   v10210 Product model refinements
========================================================= */
.upload-product-panel {
    align-items: center;
}
.enhanced-dropzone {
    justify-content: flex-start;
    text-align: left;
    gap: 22px;
}
.pdf-illustration-card {
    width: 92px;
    min-width: 92px;
    height: 118px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    position: relative;
    box-shadow: 0 18px 45px rgba(104,38,255,.25);
}
.pdf-illustration-card .pdf-corner {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,.28);
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.pdf-illustration-card strong {font-size: 24px; letter-spacing: -.04em;}
.pdf-illustration-card span {font-size: 12px; opacity: .85; margin-top: 4px;}
.upload-copy-block {min-width: 0;}
.upload-selected-state {
    margin: 12px 0 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 999px;
    background: #f4f1ff;
    color: var(--purple);
    font-size: 13px;
    max-width: 100%;
}
.upload-selected-state.has-file {
    background: rgba(34,197,94,.12);
    color: #15803d;
}
.upload-selected-state.has-file::before {content: "✓"; font-weight: 900;}
.result-page-v2 .result-section {margin-top: 36px;}
.check-explainer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
.check-explainer-card {
    background: #fff;
    border: 1px solid #ececf2;
    box-shadow: var(--shadow-soft);
    border-radius: 22px;
    padding: 24px;
}
.check-explainer-card strong {display:block; font-size:18px; margin-bottom:10px;}
.check-explainer-card p {margin:0; color:#475467; line-height:1.65; font-size:14px;}
.check-explainer-card.high {border-color: rgba(239,68,68,.22);}
.check-explainer-card.medium {border-color: rgba(245,158,11,.25);}
.check-explainer-card.low {border-color: rgba(59,130,246,.18);}
.findings-readable .finding-modern-card {border-radius: 22px;}
.finding-action {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(104,38,255,.055);
    display: grid;
    gap: 4px;
    color: #475467;
    line-height: 1.55;
}
.finding-action strong {color: var(--purple); font-size: 13px;}
.domain-explain-card .domain-plain-explanation {
    margin: 12px 0 18px;
    color: #344054;
    line-height: 1.7;
    font-size: 15px;
}
.account-dashboard-split .account-command-actions {align-items: center;}
.pricing-philosophy {
    width: min(92%, 1200px);
    margin: 34px auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: center;
    background: #fff;
    border: 1px solid #ececf2;
    box-shadow: var(--shadow-soft);
    border-radius: 28px;
    padding: 34px;
}
.pricing-philosophy h2 {margin:0 0 10px; font-size: clamp(28px,3vw,42px); letter-spacing:-.05em;}
.pricing-philosophy p {color:#475467; line-height:1.7;}
.pricing-diff-grid {display:grid; gap:12px;}
.pricing-diff-grid div {display:flex; justify-content:space-between; gap:16px; padding:16px 18px; border-radius:18px; background:#f8f7ff; border:1px solid #ece8ff;}
.pricing-diff-grid span {color:#667085;}
.settings-logout-block {width:min(92%, 1200px); margin: 26px auto 0; display:flex; justify-content:flex-end;}
body[data-theme="dark"] .check-explainer-card,
body[data-theme="dark"] .pricing-philosophy {background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.10);}
body[data-theme="dark"] .check-explainer-card p,
body[data-theme="dark"] .domain-explain-card .domain-plain-explanation,
body[data-theme="dark"] .finding-action {color:#cbd5e1;}
body[data-theme="dark"] .finding-action {background: rgba(255,255,255,.05);}
body[data-theme="dark"] .upload-selected-state {background: rgba(255,255,255,.07); color:#ddd6fe;}
body[data-theme="dark"] .pricing-diff-grid div {background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10);}
@media (max-width: 1100px){.check-explainer-grid{grid-template-columns:1fr 1fr}.pricing-philosophy{grid-template-columns:1fr}}
@media (max-width: 720px){.enhanced-dropzone{align-items:center; text-align:center; flex-direction:column}.pdf-illustration-card{width:84px; min-width:84px; height:108px}.check-explainer-grid{grid-template-columns:1fr}.pricing-diff-grid div{display:grid}.settings-logout-block{justify-content:stretch}.settings-logout-block button{width:100%}}


/* =========================================================
   v10212 Navbar + logout professional polish
   This block intentionally overrides older navbar CSS.
========================================================= */
.saas-navbar.clean-navbar {
    width: min(94%, 1500px) !important;
    margin: 16px auto 0 !important;
    padding: 10px 12px !important;
    min-height: 68px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.86) !important;
    border: 1px solid rgba(228,231,236,0.92) !important;
    box-shadow: 0 18px 55px rgba(16, 24, 40, 0.08) !important;
    backdrop-filter: blur(18px) !important;
    display: grid !important;
    grid-template-columns: auto minmax(360px, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    position: sticky !important;
    top: 12px !important;
    z-index: 5000 !important;
}

.saas-navbar.clean-navbar .saas-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    color: #101828 !important;
    min-width: max-content !important;
}

.saas-navbar.clean-navbar .saas-logo-mark {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, #6826ff, #b632ff) !important;
    color: white !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 28px rgba(104,38,255,.22) !important;
}

.saas-navbar.clean-navbar .saas-logo-text {
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: -0.04em !important;
    color: #101828 !important;
}

.saas-navbar.clean-navbar .saas-nav-links {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
}

.saas-navbar.clean-navbar .saas-nav-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: max-content !important;
}

.saas-navbar.clean-navbar .saas-nav-links a,
.saas-navbar.clean-navbar .saas-admin-link,
.saas-navbar.clean-navbar .saas-primary-link,
.saas-navbar.clean-navbar .nav-account-pill,
.saas-navbar.clean-navbar .nav-logout-button,
.saas-navbar.clean-navbar .language-switch,
.saas-navbar.clean-navbar .theme-icon-button {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    border: 1px solid transparent !important;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease !important;
}

.saas-navbar.clean-navbar .saas-nav-links a {
    padding: 0 14px !important;
    color: #344054 !important;
    background: transparent !important;
}

.saas-navbar.clean-navbar .saas-nav-links a:hover {
    color: #4f1fff !important;
    background: rgba(104, 38, 255, 0.07) !important;
    transform: translateY(-1px) !important;
}

.saas-navbar.clean-navbar .saas-primary-link,
.saas-navbar.clean-navbar .nav-auth-button,
.saas-navbar.clean-navbar .nav-cta {
    padding: 0 18px !important;
    color: white !important;
    background: linear-gradient(135deg, #6826ff, #4f1fff) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(104,38,255,.20) !important;
}

.saas-navbar.clean-navbar .nav-auth-button:hover,
.saas-navbar.clean-navbar .nav-cta:hover,
.saas-navbar.clean-navbar .saas-primary-link:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 30px rgba(104,38,255,.26) !important;
}

.saas-navbar.clean-navbar .saas-admin-link {
    padding: 0 15px !important;
    color: #4f1fff !important;
    background: rgba(104,38,255,.08) !important;
    border-color: rgba(104,38,255,.18) !important;
    box-shadow: none !important;
}

.saas-navbar.clean-navbar .saas-admin-link:hover {
    background: rgba(104,38,255,.12) !important;
    transform: translateY(-1px) !important;
}

.saas-navbar.clean-navbar .language-switch,
.saas-navbar.clean-navbar .theme-icon-button,
.saas-navbar.clean-navbar .mobile-nav-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: #fff !important;
    color: #101828 !important;
    border: 1px solid #e4e7ec !important;
    box-shadow: none !important;
    cursor: pointer !important;
    font-family: 'Inter', Arial, sans-serif !important;
}

.saas-navbar.clean-navbar .language-switch {
    width: 90px !important;
    min-width: 90px !important;
    padding: 4px !important;
    gap: 2px !important;
}

.saas-navbar.clean-navbar .language-switch .lang-option {
    width: 35px !important;
    height: 32px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #667085 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.saas-navbar.clean-navbar .language-switch .lang-option.active {
    color: #fff !important;
    background: #6826ff !important;
}

.saas-navbar.clean-navbar .lang-switch-separator { color: #98a2b3 !important; font-weight: 800 !important; }
.saas-navbar.clean-navbar .theme-icon-button { width: 42px !important; min-width: 42px !important; padding: 0 !important; }

.saas-navbar.clean-navbar .nav-account-menu {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 3px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #e4e7ec !important;
}

.saas-navbar.clean-navbar .nav-account-pill {
    padding: 0 12px 0 6px !important;
    color: #101828 !important;
    background: white !important;
    border-color: #e4e7ec !important;
    gap: 8px !important;
}

.saas-navbar.clean-navbar .nav-account-avatar {
    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #6826ff, #b632ff) !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.saas-navbar.clean-navbar .nav-logout-form { margin: 0 !important; display: inline-flex !important; }
.saas-navbar.clean-navbar .nav-logout-button {
    padding: 0 14px !important;
    color: #b42318 !important;
    background: rgba(239,68,68,.08) !important;
    border-color: rgba(239,68,68,.16) !important;
    cursor: pointer !important;
    font-family: 'Inter', Arial, sans-serif !important;
}
.saas-navbar.clean-navbar .nav-logout-button:hover {
    background: rgba(239,68,68,.12) !important;
    transform: translateY(-1px) !important;
}

.saas-navbar.clean-navbar .mobile-nav-toggle {
    display: none !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 999px !important;
    flex-direction: column !important;
    gap: 4px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}
.saas-navbar.clean-navbar .mobile-nav-toggle span {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 99px !important;
    background: #101828 !important;
    transition: transform .2s ease, opacity .2s ease !important;
}
.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg) !important; }
.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(2) { opacity: 0 !important; }
.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg) !important; }

body[data-theme="dark"] .saas-navbar.clean-navbar {
    background: rgba(7, 8, 22, 0.90) !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.34) !important;
}
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-brand,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-logo-text { color: #fff !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links a { color: #cbd5e1 !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links a:hover { color: #fff !important; background: rgba(255,255,255,.07) !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch,
body[data-theme="dark"] .saas-navbar.clean-navbar .theme-icon-button,
body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle,
body[data-theme="dark"] .saas-navbar.clean-navbar .nav-account-menu,
body[data-theme="dark"] .saas-navbar.clean-navbar .nav-account-pill,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-admin-link {
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #f8fafc !important;
}
body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch .lang-option,
body[data-theme="dark"] .saas-navbar.clean-navbar .lang-switch-separator { color: #cbd5e1 !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch .lang-option.active { color:#101828 !important; background:#fff !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle span { background: #f8fafc !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .nav-logout-button { color: #fca5a5 !important; background: rgba(239,68,68,.12) !important; border-color: rgba(239,68,68,.22) !important; }

@media (max-width: 1180px) {
    .saas-navbar.clean-navbar {
        width: calc(100% - 28px) !important;
        top: 8px !important;
        grid-template-columns: auto auto !important;
        gap: 10px !important;
        padding: 10px !important;
        border-radius: 24px !important;
    }
    .saas-navbar.clean-navbar .saas-brand { min-width: 0 !important; overflow: hidden !important; }
    .saas-navbar.clean-navbar .mobile-nav-toggle { display: inline-flex !important; justify-self: end !important; }
    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }
    .saas-navbar.clean-navbar.nav-open .saas-nav-links,
    .saas-navbar.clean-navbar.nav-open .saas-nav-actions { display: grid !important; }
    .saas-navbar.clean-navbar .saas-nav-links {
        margin-top: 10px !important;
        padding-top: 12px !important;
        border-top: 1px solid rgba(15,23,42,.08) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .saas-navbar.clean-navbar .saas-nav-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding-top: 8px !important;
    }
    .saas-navbar.clean-navbar .saas-nav-links a,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .saas-primary-link,
    .saas-navbar.clean-navbar .nav-account-pill,
    .saas-navbar.clean-navbar .nav-logout-button,
    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        min-height: 46px !important;
        justify-content: center !important;
    }
    .saas-navbar.clean-navbar .nav-account-menu {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
    body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links { border-top-color: rgba(255,255,255,.10) !important; }
}

@media (max-width: 640px) {
    .saas-navbar.clean-navbar {
        width: calc(100% - 16px) !important;
        margin-top: 8px !important;
        padding: 9px 10px !important;
        min-height: 60px !important;
        border-radius: 22px !important;
    }
    .saas-navbar.clean-navbar .saas-logo-mark { width: 32px !important; height: 32px !important; min-width: 32px !important; border-radius: 10px !important; }
    .saas-navbar.clean-navbar .saas-logo-text { font-size: 18px !important; max-width: 140px !important; overflow: hidden !important; text-overflow: ellipsis !important; }
    .saas-navbar.clean-navbar .mobile-nav-toggle { width: 38px !important; height: 38px !important; min-width: 38px !important; }
    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions { grid-template-columns: 1fr 1fr !important; gap: 7px !important; }
    .saas-navbar.clean-navbar .saas-nav-links a,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .saas-primary-link,
    .saas-navbar.clean-navbar .nav-account-pill,
    .saas-navbar.clean-navbar .nav-logout-button,
    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button { height: 44px !important; min-height: 44px !important; padding: 0 10px !important; font-size: 13px !important; }
    .saas-navbar.clean-navbar .language-switch { padding: 4px !important; }
    .saas-navbar.clean-navbar .theme-icon-button { grid-column: auto !important; }
    .saas-navbar.clean-navbar .nav-account-menu { grid-column: 1 / -1 !important; grid-template-columns: 1fr 1fr !important; }
}

@media (max-width: 380px) {
    .saas-navbar.clean-navbar .saas-logo-text { font-size: 16px !important; max-width: 118px !important; }
    .saas-navbar.clean-navbar { width: calc(100% - 10px) !important; padding: 8px !important; }
}

/* =========================================================
   v10213 Pricing + mobile navbar stability
========================================================= */

.pricing-hero-clean h1 {
    max-width: 920px;
}

.pricing-clean-grid .pricing-card {
    border-radius: 28px;
    overflow: hidden;
}

.pricing-clean-grid .pricing-card ul li {
    line-height: 1.45;
}

.professional-card {
    position: relative;
}

.professional-card::before {
    content: "Meest logisch voor organisaties";
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(104, 38, 255, 0.10);
    color: #4f1fff;
    font-size: 12px;
    font-weight: 900;
}

.enterprise-card {
    background: linear-gradient(180deg, rgba(248, 250, 252, .98), #fff) !important;
}

.professional-feature-strip {
    width: min(100%, 1400px);
    margin: 26px auto;
    padding: 22px 24px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(104, 38, 255, .10), rgba(182, 50, 255, .08));
    border: 1px solid rgba(104, 38, 255, .18);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    box-shadow: var(--shadow-soft);
}

.professional-feature-strip strong,
.professional-feature-strip span {
    display: block;
}

.professional-feature-strip strong {
    color: #101828;
    font-size: 18px;
    margin-bottom: 4px;
}

.professional-feature-strip span {
    color: #475467;
    line-height: 1.6;
}

.professional-feature-strip.muted-strip {
    background: rgba(255,255,255,.86);
    border-color: #ececf2;
}

/* hard mobile navbar clickability repair */
.saas-navbar.clean-navbar,
.saas-navbar.clean-navbar * {
    pointer-events: auto !important;
}

.saas-navbar.clean-navbar {
    isolation: isolate !important;
}

.saas-navbar.clean-navbar .mobile-nav-toggle {
    position: relative !important;
    z-index: 10050 !important;
    touch-action: manipulation !important;
}

.saas-navbar.clean-navbar.nav-open .saas-nav-links,
.saas-navbar.clean-navbar.nav-open .saas-nav-actions {
    pointer-events: auto !important;
    z-index: 10040 !important;
}

@media (max-width: 1180px) {
    .saas-navbar.clean-navbar {
        position: sticky !important;
        top: 8px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        overflow: visible !important;
    }

    .saas-navbar.clean-navbar .saas-brand {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: fit-content !important;
        max-width: calc(100vw - 92px) !important;
    }

    .saas-navbar.clean-navbar .mobile-nav-toggle {
        grid-column: 2 !important;
        grid-row: 1 !important;
        display: inline-flex !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions {
        grid-column: 1 / -1 !important;
        position: relative !important;
        width: 100% !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-links {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 12px !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding-top: 8px !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links a,
    .saas-navbar.clean-navbar .saas-nav-actions a,
    .saas-navbar.clean-navbar .saas-nav-actions button,
    .saas-navbar.clean-navbar .nav-account-menu {
        position: relative !important;
        z-index: 10045 !important;
    }

    .saas-navbar.clean-navbar .nav-auth-button,
    .saas-navbar.clean-navbar .nav-cta {
        background: linear-gradient(135deg, #6826ff, #4f1fff) !important;
        color: #fff !important;
        border: 0 !important;
        box-shadow: 0 10px 24px rgba(104,38,255,.18) !important;
    }

    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        background: #fff !important;
        color: #101828 !important;
    }

    .professional-feature-strip {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 560px) {
    .saas-navbar.clean-navbar.nav-open .saas-nav-links,
    .saas-navbar.clean-navbar.nav-open .saas-nav-actions {
        grid-template-columns: 1fr 1fr !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links a,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .saas-primary-link,
    .saas-navbar.clean-navbar .nav-account-pill,
    .saas-navbar.clean-navbar .nav-logout-button,
    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        min-height: 46px !important;
        height: 46px !important;
        border-radius: 16px !important;
    }

    .pricing-clean-grid {
        grid-template-columns: 1fr !important;
    }

    .professional-card::before {
        position: static;
        display: inline-flex;
        margin-bottom: 12px;
    }
}

body[data-theme="dark"] .professional-feature-strip {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
}

body[data-theme="dark"] .professional-feature-strip strong {
    color: #f8fafc;
}

body[data-theme="dark"] .professional-feature-strip span {
    color: #cbd5e1;
}


/* =========================================================
   v10215 STABLE NAVBAR + PRICING ROLLBACK
   Purpose: keep desktop navbar one stable version back and only fix mobile click/open.
========================================================= */

.saas-navbar.clean-navbar {
    width: min(94%, 1500px) !important;
    margin: 18px auto 0 !important;
    padding: 14px 16px !important;
    min-height: 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    position: relative !important;
    z-index: 5000 !important;
    background: rgba(255,255,255,0.84) !important;
    border: 1px solid rgba(236,236,242,0.95) !important;
    border-radius: 999px !important;
    box-shadow: 0 20px 70px rgba(16,5,31,.08) !important;
    backdrop-filter: blur(18px) !important;
}

.saas-navbar.clean-navbar .saas-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    color: var(--text) !important;
    font-weight: 950 !important;
    min-width: max-content !important;
}

.saas-navbar.clean-navbar .saas-logo-mark {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,var(--purple),var(--purple-2)) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
    box-shadow: 0 12px 30px rgba(104,38,255,.22) !important;
}

.saas-navbar.clean-navbar .saas-logo-text {
    color: var(--text) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: -.04em !important;
}

.saas-navbar.clean-navbar .saas-nav-links,
.saas-navbar.clean-navbar .saas-nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.saas-navbar.clean-navbar .saas-nav-links a,
.saas-navbar.clean-navbar .saas-admin-link,
.saas-navbar.clean-navbar .saas-primary-link,
.saas-navbar.clean-navbar .nav-account-pill,
.saas-navbar.clean-navbar .nav-logout-button,
.saas-navbar.clean-navbar .language-switch,
.saas-navbar.clean-navbar .theme-icon-button {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transition: .18s ease !important;
    cursor: pointer !important;
}

.saas-navbar.clean-navbar .saas-nav-links a {
    padding: 0 15px !important;
    color: #344054 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

.saas-navbar.clean-navbar .saas-nav-links a:hover {
    color: var(--purple) !important;
    background: rgba(104,38,255,.07) !important;
}

.saas-navbar.clean-navbar .saas-primary-link,
.saas-navbar.clean-navbar .nav-auth-button,
.saas-navbar.clean-navbar .nav-cta {
    padding: 0 18px !important;
    color: #fff !important;
    background: linear-gradient(135deg,var(--purple),#4f1fff) !important;
    border: 1px solid transparent !important;
    box-shadow: 0 12px 28px rgba(104,38,255,.18) !important;
}

.saas-navbar.clean-navbar .saas-admin-link {
    padding: 0 16px !important;
    color: #fff !important;
    background: #111827 !important;
    border: 1px solid rgba(17,24,39,.10) !important;
}

.saas-navbar.clean-navbar .language-switch,
.saas-navbar.clean-navbar .theme-icon-button,
.saas-navbar.clean-navbar .mobile-nav-toggle,
.saas-navbar.clean-navbar .nav-account-menu,
.saas-navbar.clean-navbar .nav-account-pill {
    background: #fff !important;
    border: 1px solid rgba(16,24,40,.10) !important;
    color: #101828 !important;
    box-shadow: none !important;
}

.saas-navbar.clean-navbar .language-switch { padding: 4px !important; gap: 2px !important; }
.saas-navbar.clean-navbar .language-switch .lang-option { padding: 0 9px !important; height: 34px !important; border-radius: 999px !important; display:inline-flex !important; align-items:center !important; color:#667085 !important; }
.saas-navbar.clean-navbar .language-switch .lang-option.active { background: #101828 !important; color: #fff !important; }
.saas-navbar.clean-navbar .lang-switch-separator { color: #98a2b3 !important; font-weight: 800 !important; }
.saas-navbar.clean-navbar .theme-icon-button { width: 44px !important; min-width: 44px !important; padding: 0 !important; }

.saas-navbar.clean-navbar .nav-account-menu {
    height: 44px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px !important;
}

.saas-navbar.clean-navbar .nav-account-pill { border: 0 !important; height: 36px !important; padding: 0 10px 0 4px !important; gap: 7px !important; }
.saas-navbar.clean-navbar .nav-account-avatar { width: 28px !important; height:28px !important; border-radius:999px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:linear-gradient(135deg,var(--purple),#4f1fff) !important; color:#fff !important; font-size:13px !important; }
.saas-navbar.clean-navbar .nav-logout-form { margin: 0 !important; display: inline-flex !important; }
.saas-navbar.clean-navbar .nav-logout-button { height:36px !important; padding:0 12px !important; background:rgba(239,68,68,.08) !important; color:#dc2626 !important; border:1px solid rgba(239,68,68,.14) !important; }

.saas-navbar.clean-navbar .mobile-nav-toggle {
    display: none !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    flex-direction: column !important;
    gap: 4px !important;
    position: relative !important;
    z-index: 7000 !important;
    touch-action: manipulation !important;
}
.saas-navbar.clean-navbar .mobile-nav-toggle span { width: 18px !important; height: 2px !important; border-radius: 99px !important; background: #101828 !important; display:block !important; transition:.18s ease !important; }
.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg) !important; }
.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(2) { opacity: 0 !important; }
.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg) !important; }

body[data-theme="dark"] .saas-navbar.clean-navbar { background: rgba(7,8,22,.88) !important; border-color: rgba(255,255,255,.10) !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-brand,
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-logo-text { color: #fff !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links a { color: #cbd5e1 !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch,
body[data-theme="dark"] .saas-navbar.clean-navbar .theme-icon-button,
body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle,
body[data-theme="dark"] .saas-navbar.clean-navbar .nav-account-menu,
body[data-theme="dark"] .saas-navbar.clean-navbar .nav-account-pill { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.10) !important; color: #fff !important; }
body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle span { background: #f8fafc !important; }

@media (max-width: 1040px) {
    body.mobile-menu-open { overflow: hidden !important; }
    .saas-navbar.clean-navbar {
        width: min(94%, 720px) !important;
        margin-top: 12px !important;
        padding: 10px 12px !important;
        border-radius: 26px !important;
        display: grid !important;
        grid-template-columns: 1fr 46px !important;
        align-items: center !important;
        gap: 10px !important;
    }
    .saas-navbar.clean-navbar .saas-brand { grid-column: 1 !important; min-width:0 !important; overflow:hidden !important; }
    .saas-navbar.clean-navbar .mobile-nav-toggle { display: inline-flex !important; grid-column: 2 !important; justify-self: end !important; }
    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions {
        display: none !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }
    .saas-navbar.clean-navbar.nav-open .saas-nav-links,
    .saas-navbar.clean-navbar.nav-open .saas-nav-actions { display: grid !important; }
    .saas-navbar.clean-navbar.nav-open .saas-nav-links {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding-top: 12px !important;
        margin-top: 6px !important;
        border-top: 1px solid rgba(16,24,40,.08) !important;
    }
    .saas-navbar.clean-navbar.nav-open .saas-nav-actions {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding-top: 8px !important;
    }
    .saas-navbar.clean-navbar .saas-nav-links a,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .saas-primary-link,
    .saas-navbar.clean-navbar .nav-account-pill,
    .saas-navbar.clean-navbar .nav-logout-button,
    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        width: 100% !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 14px !important;
        font-size: 14px !important;
    }
    .saas-navbar.clean-navbar .saas-nav-links a { justify-content: flex-start !important; background: rgba(104,38,255,.05) !important; }
    .saas-navbar.clean-navbar .language-switch { padding: 5px !important; }
    .saas-navbar.clean-navbar .theme-icon-button { width: 100% !important; min-width: 0 !important; }
    .saas-navbar.clean-navbar .nav-account-menu { grid-column: 1 / -1 !important; width: 100% !important; height:auto !important; display:grid !important; grid-template-columns:1fr 1fr !important; padding:4px !important; }
    .saas-navbar.clean-navbar .nav-logout-form { width:100% !important; }
    .saas-navbar.clean-navbar .nav-auth-button { grid-column:auto !important; }
}

@media (max-width: 420px) {
    .saas-navbar.clean-navbar { width: calc(100% - 14px) !important; padding: 8px !important; }
    .saas-navbar.clean-navbar .saas-logo-mark { width: 32px !important; height: 32px !important; min-width:32px !important; }
    .saas-navbar.clean-navbar .saas-logo-text { font-size: 17px !important; }
    .saas-navbar.clean-navbar.nav-open .saas-nav-actions { gap: 7px !important; }
    .saas-navbar.clean-navbar .saas-nav-links a,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .saas-primary-link,
    .saas-navbar.clean-navbar .nav-account-pill,
    .saas-navbar.clean-navbar .nav-logout-button,
    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button { height: 44px !important; min-height: 44px !important; font-size: 13px !important; padding:0 10px !important; }
}

/* Pricing rollback: compact cards with orange Professional label */
.pricing-orange-grid { align-items: start !important; gap: 24px !important; }
.pricing-orange-grid .pricing-tier-card { padding: 32px !important; border-radius: 28px !important; }
.pricing-orange-grid .pricing-card.featured { background: #1d194b !important; color: white !important; transform: translateY(-14px) !important; }
.pricing-orange-grid .pricing-card.featured p,
.pricing-orange-grid .pricing-card.featured li { color: rgba(255,255,255,.82) !important; }
.pricing-orange-grid .pricing-label.orange { background: #ff8a00 !important; color: white !important; }
.pricing-orange-grid .pricing-label.muted { background: rgba(102,112,133,.10) !important; color: #667085 !important; }
.pricing-orange-grid .price { font-size: clamp(38px, 4vw, 54px) !important; }
.pricing-orange-grid .compact-price { font-size: clamp(32px, 3vw, 42px) !important; letter-spacing: -.05em !important; }
.pricing-orange-grid .pricing-card ul { padding-top: 20px !important; margin-top: 20px !important; }
.pricing-orange-grid .pricing-card li { margin: 12px 0 !important; line-height: 1.45 !important; }

@media (max-width: 980px) {
    .pricing-orange-grid { grid-template-columns: 1fr !important; width: min(92%, 620px) !important; }
    .pricing-orange-grid .pricing-card.featured { transform: none !important; }
}

/* =========================================================
   v10216 Mobile navbar final polish
   - Collapsed mobile bar is compact
   - Menu items centered
   - Logged out: Inloggen + Gratis starten side-by-side
   - Logged in: Account + Uitloggen side-by-side, Nieuwe scan below centered
========================================================= */
@media (max-width: 1040px) {
    .saas-navbar.clean-navbar {
        width: calc(100% - 18px) !important;
        max-width: 720px !important;
        margin: 8px auto 0 !important;
        padding: 7px 8px !important;
        border-radius: 22px !important;
        grid-template-columns: 1fr 40px !important;
        gap: 6px !important;
        min-height: 54px !important;
    }

    .saas-navbar.clean-navbar .saas-brand {
        min-height: 40px !important;
    }

    .saas-navbar.clean-navbar .saas-logo-mark {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        border-radius: 10px !important;
    }

    .saas-navbar.clean-navbar .saas-logo-text {
        font-size: 18px !important;
        line-height: 1 !important;
    }

    .saas-navbar.clean-navbar .mobile-nav-toggle {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        border-radius: 14px !important;
        padding: 0 !important;
    }

    .saas-navbar.clean-navbar .mobile-nav-toggle span {
        width: 17px !important;
    }

    .saas-navbar.clean-navbar.nav-open {
        padding: 8px !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-links {
        justify-items: center !important;
        text-align: center !important;
        gap: 7px !important;
        padding-top: 10px !important;
        margin-top: 4px !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-links a {
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 360px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 999px !important;
        background: rgba(104,38,255,.055) !important;
        color: #344054 !important;
        font-weight: 900 !important;
    }

    body[data-theme="dark"] .saas-navbar.clean-navbar.nav-open .saas-nav-links a {
        color: #f8fafc !important;
        background: rgba(255,255,255,.06) !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        align-items: center !important;
        justify-items: stretch !important;
        padding-top: 8px !important;
    }

    .saas-navbar.clean-navbar .saas-nav-actions > * {
        min-width: 0 !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links a,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .saas-primary-link,
    .saas-navbar.clean-navbar .nav-account-pill,
    .saas-navbar.clean-navbar .nav-logout-button,
    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        height: 42px !important;
        min-height: 42px !important;
        font-size: 13px !important;
        border-radius: 999px !important;
    }

    /* Logged-out auth buttons side-by-side */
    .saas-navbar.clean-navbar .nav-auth-button {
        width: 100% !important;
        grid-column: auto !important;
        justify-self: stretch !important;
        padding: 0 10px !important;
    }

    /* Logged-in account/logout side-by-side */
    .saas-navbar.clean-navbar .nav-account-menu {
        order: 10 !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 420px !important;
        justify-self: center !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        height: auto !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
    }

    .saas-navbar.clean-navbar .nav-account-pill,
    .saas-navbar.clean-navbar .nav-logout-button,
    .saas-navbar.clean-navbar .nav-logout-form {
        width: 100% !important;
    }

    .saas-navbar.clean-navbar .nav-account-pill {
        padding: 0 12px !important;
        justify-content: center !important;
        background: #fff !important;
        border: 1px solid rgba(16,24,40,.10) !important;
    }

    .saas-navbar.clean-navbar .nav-logout-button {
        padding: 0 12px !important;
        justify-content: center !important;
    }

    /* New scan below account/logout and centered */
    .saas-navbar.clean-navbar .nav-cta {
        order: 20 !important;
        grid-column: 1 / -1 !important;
        width: min(100%, 260px) !important;
        justify-self: center !important;
        text-align: center !important;
    }

    /* Admin, language and theme remain tidy */
    .saas-navbar.clean-navbar .saas-admin-link {
        order: 5 !important;
        grid-column: 1 / -1 !important;
        width: min(100%, 260px) !important;
        justify-self: center !important;
    }

    .saas-navbar.clean-navbar .language-switch {
        order: 30 !important;
        width: 100% !important;
        padding: 4px !important;
    }

    .saas-navbar.clean-navbar .theme-icon-button {
        order: 31 !important;
        width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 420px) {
    .saas-navbar.clean-navbar {
        width: calc(100% - 12px) !important;
        padding: 6px 7px !important;
        border-radius: 20px !important;
        min-height: 50px !important;
    }

    .saas-navbar.clean-navbar .saas-logo-mark {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
    }

    .saas-navbar.clean-navbar .saas-logo-text {
        font-size: 17px !important;
    }

    .saas-navbar.clean-navbar .mobile-nav-toggle {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-actions {
        gap: 7px !important;
    }
}

/* Account dashboard mobile action visibility */
@media (max-width: 700px) {
    .account-command-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .account-command-actions a,
    .account-command-actions form,
    .account-command-actions button {
        display: inline-flex !important;
        width: 100% !important;
        min-height: 46px !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
}


/* v10222 scan quality */
.scan-quality-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}
.muted-small {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.6;
}
@media (max-width: 760px) {
    .scan-quality-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   v10240 Account value architecture
   The account area is split into a dashboard, supplier memory,
   profile and settings so users understand the value of upgrading.
========================================================= */
.account-hero-value {
    align-items: flex-start;
}
.account-hero-value h1 {
    max-width: 820px;
}
.account-hero-value p {
    max-width: 840px;
}
.account-layout-grid {
    width: min(100%, 1500px);
    margin: 28px auto 0;
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}
.account-main-stack {
    display: grid;
    gap: 24px;
    min-width: 0;
}
.account-side-menu {
    display: grid;
    gap: 18px;
    position: sticky;
    top: 22px;
}
.account-side-card,
.account-upgrade-card,
.account-value-panel,
.upgrade-comparison-panel,
.supplier-profile-card {
    background: rgba(255,255,255,.88);
    border: 1px solid rgba(16,24,40,.08);
    box-shadow: 0 22px 70px rgba(16,5,31,.08);
    border-radius: 28px;
}
.account-side-card {
    padding: 14px;
}
.account-side-label {
    padding: 12px 14px 10px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.account-side-link {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border-radius: 18px;
    text-decoration: none;
    color: var(--text);
    transition: .18s ease;
}
.account-side-link:hover,
.account-side-link.active {
    background: #f5f1ff;
    color: var(--purple);
}
.account-side-link span {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(104,38,255,.10);
    flex: 0 0 auto;
}
.account-side-link strong,
.account-side-link small {
    display: block;
}
.account-side-link strong {
    font-size: 14px;
    letter-spacing: -.02em;
}
.account-side-link small {
    margin-top: 3px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.35;
}
.small-upgrade-card {
    padding: 22px;
}
.small-upgrade-card h3 {
    margin: 10px 0 8px;
    font-size: 21px;
    letter-spacing: -.05em;
}
.small-upgrade-card p {
    color: var(--muted);
    line-height: 1.65;
    margin: 0 0 18px;
}
.upgrade-pill,
.account-mini-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(245,158,11,.14);
    color: #b45309;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.account-value-panel {
    padding: clamp(26px, 4vw, 42px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px;
    align-items: center;
}
.account-value-panel h2,
.upgrade-comparison-panel h2 {
    margin: 14px 0 14px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.05;
    letter-spacing: -.06em;
}
.account-value-panel p,
.upgrade-comparison-panel p {
    color: #344054;
    line-height: 1.75;
    font-size: 17px;
}
.account-value-list,
.upgrade-feature-grid {
    display: grid;
    gap: 12px;
}
.account-value-list div,
.upgrade-feature-grid div {
    background: #f8f7ff;
    border: 1px solid rgba(104,38,255,.10);
    border-radius: 18px;
    padding: 16px;
}
.account-value-list strong,
.account-value-list span,
.upgrade-feature-grid strong,
.upgrade-feature-grid span {
    display: block;
}
.account-value-list span,
.upgrade-feature-grid span {
    margin-top: 5px;
    color: var(--muted);
    line-height: 1.45;
    font-size: 14px;
}
.compact-stats {
    margin-top: 0 !important;
}
.upgrade-comparison-panel {
    padding: clamp(26px, 4vw, 42px);
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 28px;
}
.upgrade-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    grid-column: 1 / -1;
}
.paid-panel .upgrade-pill,
.paid-state .upgrade-pill {
    background: rgba(34,197,94,.14);
    color: #15803d;
}
.priority-check-list div strong::before {
    content: "• ";
    color: var(--purple);
}
.supplier-directory-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}
.supplier-profile-card {
    padding: 24px;
}
.supplier-profile-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.supplier-profile-top h2 {
    margin: 0 0 6px;
    font-size: 24px;
    letter-spacing: -.04em;
}
.supplier-profile-top p,
.supplier-profile-data p {
    color: var(--muted);
    margin: 0;
    line-height: 1.55;
    word-break: break-word;
}
.supplier-risk-pill {
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(34,197,94,.12);
    color: #15803d;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}
.supplier-risk-pill.risk-alert {
    background: rgba(239,68,68,.12);
    color: #dc2626;
}
.supplier-profile-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 22px 0;
}
.supplier-profile-metrics div {
    padding: 14px;
    border-radius: 16px;
    background: #f8f7ff;
    border: 1px solid rgba(104,38,255,.10);
}
.supplier-profile-metrics span,
.supplier-profile-metrics strong {
    display: block;
}
.supplier-profile-metrics span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
}
.supplier-profile-metrics strong {
    margin-top: 4px;
    font-size: 24px;
    letter-spacing: -.04em;
}
.supplier-profile-data {
    border-top: 1px solid var(--line);
    padding-top: 14px;
    margin-top: 14px;
}
.wide-empty-state {
    grid-column: 1 / -1;
}
body[data-theme="dark"] .account-side-card,
body[data-theme="dark"] .account-upgrade-card,
body[data-theme="dark"] .account-value-panel,
body[data-theme="dark"] .upgrade-comparison-panel,
body[data-theme="dark"] .supplier-profile-card {
    background: rgba(17,24,39,.92);
    border-color: rgba(255,255,255,.10);
}
body[data-theme="dark"] .account-side-link {
    color: #f8fafc;
}
body[data-theme="dark"] .account-side-link:hover,
body[data-theme="dark"] .account-side-link.active,
body[data-theme="dark"] .account-value-list div,
body[data-theme="dark"] .upgrade-feature-grid div,
body[data-theme="dark"] .supplier-profile-metrics div {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.10);
}
body[data-theme="dark"] .account-value-panel p,
body[data-theme="dark"] .upgrade-comparison-panel p {
    color: #cbd5e1;
}
@media (max-width: 1080px) {
    .account-layout-grid {
        grid-template-columns: 1fr;
    }
    .account-side-menu {
        position: static;
        order: -1;
    }
    .account-side-card {
        display: grid;
        grid-template-columns: repeat(4, minmax(0,1fr));
        gap: 8px;
    }
    .account-side-label {
        grid-column: 1 / -1;
    }
    .account-side-link {
        align-items: flex-start;
    }
    .account-value-panel,
    .upgrade-comparison-panel {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    .account-command-hero.account-hero-value {
        padding: 26px 20px;
    }
    .account-side-card {
        grid-template-columns: 1fr 1fr;
        padding: 10px;
    }
    .account-side-link {
        padding: 12px;
        gap: 9px;
    }
    .account-side-link small {
        display: none;
    }
    .account-value-panel,
    .upgrade-comparison-panel,
    .supplier-profile-card {
        border-radius: 22px;
        padding: 22px;
    }
    .supplier-directory-grid {
        grid-template-columns: 1fr;
    }
    .supplier-profile-top {
        display: grid;
    }
    .supplier-profile-metrics {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   v10250 portal/app separation and account cleanup
========================================================= */

.compact-account-hero {
    align-items: flex-start;
}

.professional-tools-panel {
    background: linear-gradient(135deg, rgba(104,38,255,0.08), rgba(182,50,255,0.06));
    border: 1px solid rgba(104,38,255,0.14);
    box-shadow: var(--shadow-soft);
    padding: 30px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 24px;
    align-items: center;
}

.professional-tools-panel h2 {
    margin: 10px 0 8px;
    font-size: clamp(24px, 3vw, 36px);
    letter-spacing: -0.04em;
}

.professional-tools-panel p {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

.professional-tool-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

.settings-overview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.compact-event-list {
    max-height: 360px;
    overflow: auto;
}

.compact-event-list div {
    align-items: flex-start;
}

.scan-app-page {
    width: min(94%, 1300px);
    margin: 56px auto 0;
}

.scan-app-hero {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    gap: 28px;
    align-items: end;
    margin-bottom: 34px;
}

.scan-app-hero h1 {
    margin: 12px 0 18px;
    max-width: 860px;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1.04;
    letter-spacing: -0.07em;
}

.scan-app-hero p {
    max-width: 760px;
    color: #344054;
    font-size: 19px;
    line-height: 1.75;
    margin: 0;
}

.scan-context-card {
    background: white;
    border: 1px solid rgba(104,38,255,0.12);
    box-shadow: var(--shadow-soft);
    padding: 26px;
}

.scan-context-card strong {
    display: block;
    font-size: 22px;
    letter-spacing: -0.03em;
    margin-bottom: 8px;
}

.scan-context-card span {
    color: var(--muted);
    line-height: 1.6;
}

.scan-upload-layout {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    gap: 28px;
    align-items: stretch;
}

.scan-upload-card,
.scan-explain-card {
    background: white;
    border: 1px solid #ececf2;
    box-shadow: var(--shadow-soft);
    padding: 28px;
}

.scan-dropzone {
    min-height: 240px;
    flex-direction: column;
    text-align: center;
}

.scan-explain-card h2 {
    margin: 0 0 18px;
    font-size: 28px;
    letter-spacing: -0.04em;
}

.scan-check-list {
    display: grid;
    gap: 14px;
}

.scan-check-list div {
    padding: 16px;
    border: 1px solid #ececf2;
    background: #fafafe;
}

.scan-check-list strong,
.scan-check-list span {
    display: block;
}

.scan-check-list strong {
    margin-bottom: 6px;
}

.scan-check-list span {
    color: var(--muted);
    line-height: 1.55;
}

/* Public homepage no longer carries the upload form. Keep CTA spacing clean. */
.anomaly-hero .landing-actions {
    align-items: center;
}

body[data-theme="dark"] .professional-tools-panel,
body[data-theme="dark"] .scan-context-card,
body[data-theme="dark"] .scan-upload-card,
body[data-theme="dark"] .scan-explain-card {
    background: rgba(255,255,255,0.045);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .scan-app-hero p,
body[data-theme="dark"] .professional-tools-panel p,
body[data-theme="dark"] .scan-context-card span,
body[data-theme="dark"] .scan-check-list span {
    color: #94a3b8;
}

body[data-theme="dark"] .scan-check-list div {
    background: rgba(255,255,255,0.035);
    border-color: rgba(255,255,255,0.10);
}

@media (max-width: 980px) {
    .professional-tools-panel,
    .scan-app-hero,
    .scan-upload-layout,
    .settings-overview-grid {
        grid-template-columns: 1fr;
    }

    .professional-tool-actions {
        justify-content: flex-start;
    }

    .scan-app-page {
        margin-top: 34px;
    }
}

@media (max-width: 640px) {
    .scan-app-page {
        width: min(94%, 100%);
        margin-top: 24px;
    }

    .scan-app-hero h1 {
        font-size: 38px;
    }

    .scan-app-hero p {
        font-size: 16px;
    }

    .scan-upload-card,
    .scan-explain-card,
    .scan-context-card,
    .professional-tools-panel {
        padding: 20px;
    }

    .scan-dropzone {
        min-height: 210px;
        padding: 22px 16px;
    }

    .professional-tool-actions .saas-primary-link,
    .professional-tool-actions .saas-login-link {
        width: 100%;
        justify-content: center;
    }
}

/* =========================================================
   v10260 - Policy, FAQ and data security pages
========================================================= */
.policy-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #ececf2;
    border-radius: 20px;
    margin: 22px 0 30px;
    background: #fff;
}

.policy-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.policy-table th,
.policy-table td {
    text-align: left;
    padding: 18px 20px;
    border-bottom: 1px solid #ececf2;
    vertical-align: top;
    line-height: 1.55;
}

.policy-table th {
    color: #070816;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .06em;
    background: #f8f7ff;
}

.policy-table td code {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 999px;
    background: #f1eeff;
    color: var(--purple);
    font-weight: 900;
}

.security-layer-grid {
    width: min(92%, 1180px);
    margin: 0 auto 42px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.security-layer-card {
    background: #fff;
    border: 1px solid #ececf2;
    border-radius: 28px;
    padding: 30px;
    box-shadow: var(--shadow-soft);
}

.security-layer-card.highlight-card {
    background: linear-gradient(135deg, #07030f, #241057);
    color: white;
}

.security-layer-card span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: #f1eeff;
    color: var(--purple);
    font-weight: 950;
    margin-bottom: 22px;
}

.security-layer-card.highlight-card span {
    background: rgba(255,255,255,.12);
    color: #fff;
}

.security-layer-card h2 {
    margin: 0 0 12px;
    font-size: 23px;
    letter-spacing: -.04em;
}

.security-layer-card p {
    margin: 0;
    color: #667085;
    line-height: 1.7;
}

.security-layer-card.highlight-card p {
    color: rgba(255,255,255,.78);
}

.security-story-block {
    width: min(92%, 1180px);
    margin: 30px auto 90px;
}

.faq-directory {
    width: min(92%, 980px);
    margin: 0 auto 90px;
    display: grid;
    gap: 14px;
}

.faq-directory details {
    background: #fff;
    border: 1px solid #ececf2;
    border-radius: 22px;
    padding: 22px 26px;
    box-shadow: 0 14px 40px rgba(16, 5, 31, 0.055);
}

.faq-directory summary {
    cursor: pointer;
    font-weight: 950;
    font-size: 18px;
    color: #070816;
    list-style: none;
}

.faq-directory summary::-webkit-details-marker {
    display: none;
}

.faq-directory summary::after {
    content: "+";
    float: right;
    color: var(--purple);
    font-weight: 950;
}

.faq-directory details[open] summary::after {
    content: "–";
}

.faq-directory p {
    margin: 16px 0 0;
    color: #667085;
    line-height: 1.75;
}

body[data-theme="dark"] .policy-table-wrap,
body[data-theme="dark"] .security-layer-card,
body[data-theme="dark"] .faq-directory details {
    background: #111827;
    border-color: rgba(255,255,255,.1);
}

body[data-theme="dark"] .policy-table th {
    background: rgba(255,255,255,.05);
    color: #f8fafc;
}

body[data-theme="dark"] .policy-table th,
body[data-theme="dark"] .policy-table td {
    border-color: rgba(255,255,255,.1);
}

body[data-theme="dark"] .security-layer-card h2,
body[data-theme="dark"] .faq-directory summary {
    color: #f8fafc;
}

body[data-theme="dark"] .security-layer-card p,
body[data-theme="dark"] .faq-directory p {
    color: #cbd5e1;
}

@media (max-width: 980px) {
    .security-layer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 680px) {
    .security-layer-grid {
        grid-template-columns: 1fr;
    }

    .security-layer-card,
    .faq-directory details {
        padding: 24px;
    }

    .policy-table th,
    .policy-table td {
        padding: 15px;
    }
}


/* v10290: Anti-bot and knowledge article additions */
.anti-bot-field {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
}
.turnstile-box {
    margin: 18px 0 4px;
    display: flex;
    justify-content: flex-start;
}
.knowledge-article-page {
    padding-bottom: 70px;
}
.knowledge-article-hero {
    max-width: 980px;
}
.article-modern-layout {
    align-items: start;
}
.article-modern-card h2 {
    margin-top: 34px;
}
.article-modern-card h2:first-child {
    margin-top: 0;
}
.article-modern-card ul {
    display: grid;
    gap: 12px;
    padding-left: 22px;
}
.article-modern-card li {
    line-height: 1.7;
}
@media (max-width: 760px) {
    .turnstile-box { justify-content: center; }
    .article-modern-layout { grid-template-columns: 1fr; }
}


/* v10300 - Consistent knowledge article polish */
.knowledge-article-page .knowledge-article-hero {
    max-width: 980px;
}
.article-modern-layout {
    width: min(92%, 1180px);
    margin: 40px auto 80px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 28px;
    align-items: start;
}
.article-modern-card, .legal-modern-card {
    border-radius: 28px;
    padding: 42px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(104,38,255,.12);
    box-shadow: 0 24px 80px rgba(16,5,31,.08);
}
.article-modern-card h2 {
    margin-top: 34px;
    font-size: 26px;
    letter-spacing: -.04em;
}
.article-modern-card h2:first-child { margin-top: 0; }
.article-modern-card p, .article-modern-card li {
    color: #344054;
    font-size: 17px;
    line-height: 1.75;
}
.article-modern-card ul { padding-left: 22px; }
.legal-side-card {
    border-radius: 26px;
    padding: 30px;
    background: linear-gradient(135deg,#07030f,#241057);
    color: white;
    box-shadow: 0 24px 80px rgba(16,5,31,.16);
    position: sticky;
    top: 24px;
}
.legal-side-card p { color: rgba(255,255,255,.78); line-height: 1.65; }
body[data-theme="dark"] .article-modern-card,
body[data-theme="dark"] .legal-modern-card {
    background: rgba(17,24,39,.92);
    border-color: rgba(255,255,255,.10);
}
body[data-theme="dark"] .article-modern-card p,
body[data-theme="dark"] .article-modern-card li { color: #cbd5e1; }
@media (max-width: 900px) {
    .article-modern-layout { grid-template-columns: 1fr; }
    .legal-side-card { position: static; }
    .article-modern-card, .legal-modern-card { padding: 28px; border-radius: 22px; }
}


/* =========================================================
   v10330 - Mobile responsive final polish
   ---------------------------------------------------------
   This layer intentionally overrides older accumulated rules.
   It keeps desktop untouched and makes every template usable on
   phones and small tablets.
========================================================= */
@media (max-width: 980px) {
    body { overflow-x: hidden !important; }
    main, section, .marketing-page, .account-page, .history-page, .result-page, .admin-page, .legal-page { max-width: 100% !important; overflow-x: hidden !important; }
    .landing-hero, .landing-scan-panel, .landing-section.split, .purple-story, .contact-layout, .result-hero, .result-section-grid, .account-layout-pro, .account-layout-grid, .admin-detail-grid, .admin-two-column, .knowledge-featured-grid, .legal-modern-layout, .mfa-setup-grid { grid-template-columns: 1fr !important; }
    .pricing-grid, .pricing-grid-three, .step-grid, .knowledge-card-grid, .feature-grid-pro, .faq-grid, .landing-trust-grid, .admin-stats-grid, .admin-nav-grid, .intel-stats-grid, .account-intel-stats, .data-overview, .intelligence-grid, .tool-grid { grid-template-columns: 1fr 1fr !important; }
    .table-scroll { overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
    table { min-width: 760px; }
}

@media (max-width: 760px) {
    :root { --mobile-pad: 18px; }
    body { font-size: 15px !important; }
    .site-bg .glow { opacity: .18 !important; }

    /* Navbar */
    .saas-navbar.clean-navbar {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 10px var(--mobile-pad) !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 58px !important;
        height: auto !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 99999 !important;
        background: rgba(255,255,255,.96) !important;
        border-bottom: 1px solid rgba(15,23,42,.08) !important;
        backdrop-filter: blur(18px) !important;
    }
    body[data-theme="dark"] .saas-navbar.clean-navbar { background: rgba(7,8,22,.96) !important; border-color: rgba(255,255,255,.10) !important; }
    .saas-navbar.clean-navbar .saas-brand { min-width: 0 !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; }
    .saas-navbar.clean-navbar .saas-logo-mark { width: 34px !important; height: 34px !important; border-radius: 10px !important; flex: 0 0 auto !important; }
    .saas-navbar.clean-navbar .saas-logo-text { font-size: 18px !important; font-weight: 950 !important; white-space: nowrap !important; }
    .saas-navbar.clean-navbar .mobile-nav-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        gap: 4px !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
        background: #fff !important;
        border: 1px solid rgba(15,23,42,.12) !important;
        cursor: pointer !important;
        position: relative !important;
        z-index: 100000 !important;
        touch-action: manipulation !important;
    }
    .saas-navbar.clean-navbar .mobile-nav-toggle span { display:block !important; width: 18px !important; height: 2px !important; border-radius: 999px !important; background: #101828 !important; }
    body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.14) !important; }
    body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle span { background: #f8fafc !important; }

    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions {
        display: none !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 10px !important;
        border: 1px solid rgba(15,23,42,.08) !important;
        border-radius: 22px !important;
        background: rgba(255,255,255,.98) !important;
        box-shadow: 0 18px 55px rgba(15,23,42,.12) !important;
    }
    body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links,
    body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-actions { background: rgba(15,23,42,.98) !important; border-color: rgba(255,255,255,.10) !important; }
    .saas-navbar.clean-navbar.nav-open .saas-nav-links,
    .saas-navbar.clean-navbar.nav-open .saas-nav-actions { display: grid !important; }
    .saas-navbar.clean-navbar .saas-nav-links { gap: 6px !important; text-align: center !important; }
    .saas-navbar.clean-navbar .saas-nav-links a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 42px !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
        font-weight: 900 !important;
        color: #101828 !important;
        text-decoration: none !important;
    }
    body[data-theme="dark"] .saas-navbar.clean-navbar .saas-nav-links a { color: #f8fafc !important; }
    .saas-navbar.clean-navbar .saas-nav-actions { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 14px !important;
        width: 100% !important;
        justify-content: center !important;
    }
    .saas-navbar.clean-navbar .theme-icon-button { min-width: 0 !important; }
    .saas-navbar.clean-navbar .saas-primary-link,
    .saas-navbar.clean-navbar .saas-admin-link,
    .saas-navbar.clean-navbar .nav-account-pill,
    .saas-navbar.clean-navbar .nav-logout-button,
    .saas-navbar.clean-navbar .nav-auth-button {
        min-height: 44px !important;
        height: 44px !important;
        padding: 0 12px !important;
        border-radius: 14px !important;
        width: 100% !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-weight: 950 !important;
        font-size: 14px !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
    .saas-navbar.clean-navbar .nav-account-menu { grid-column: 1 / -1 !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; width: 100% !important; }
    .saas-navbar.clean-navbar .nav-logout-form { width: 100% !important; }
    .saas-navbar.clean-navbar .nav-cta { grid-column: 1 / -1 !important; width: 100% !important; }
    .saas-navbar.clean-navbar .saas-admin-link { grid-column: 1 / -1 !important; }

    /* Layout widths */
    .landing-hero, .marketing-hero, .landing-section, .landing-scan-panel, .purple-story, .knowledge-featured, .knowledge-directory, .pricing-grid, .contact-layout, .legal-modern-hero, .legal-modern-layout, .account-page, .history-page, .result-page, .admin-page, .scan-page, .tools-section, .privacy-section, .learn-section { width: calc(100% - 32px) !important; margin-left: auto !important; margin-right: auto !important; }
    .landing-hero h1, .marketing-hero h1, .hero-section h1, .legal-modern-hero h1 { font-size: clamp(34px, 10vw, 46px) !important; line-height: 1.05 !important; letter-spacing: -.055em !important; }
    .landing-hero p, .marketing-hero p, .hero-subtitle, .legal-modern-hero p { font-size: 16px !important; line-height: 1.65 !important; }
    .landing-actions, .auth-status-actions, .limit-actions { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; }

    /* Grids/cards */
    .pricing-grid, .pricing-grid-three, .step-grid, .knowledge-card-grid, .feature-grid-pro, .faq-grid, .landing-trust-grid, .admin-stats-grid, .admin-nav-grid, .intel-stats-grid, .account-intel-stats, .data-overview, .intelligence-grid, .tool-grid, .result-hero, .result-section-grid, .account-layout-pro, .account-layout-grid, .admin-detail-grid, .admin-two-column, .knowledge-featured-grid, .legal-modern-layout, .mfa-setup-grid, .contact-layout { grid-template-columns: 1fr !important; gap: 16px !important; }
    .pricing-card, .knowledge-card, .step-card, .contact-card, .account-card, .admin-panel, .admin-table-card, .legal-modern-card, .legal-summary-card, .result-main-card, .quick-advice-card, .intel-card, .finding-modern-card { padding: 22px !important; border-radius: 22px !important; }
    .pricing-card.featured { transform: none !important; }

    /* Account portal */
    .account-layout-grid, .account-layout-pro { display: grid !important; grid-template-columns: 1fr !important; }
    .account-sidebar, .account-side-menu, .account-menu-card { position: relative !important; top: auto !important; width: 100% !important; }
    .account-menu-card, .account-side-menu { display: grid !important; gap: 8px !important; }
    .account-command-hero, .account-page-head { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; padding: 22px !important; }
    .account-command-actions { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; }

    /* Forms */
    .split-auth-page { display: block !important; min-height: 100vh !important; }
    .split-auth-side { display: none !important; }
    .split-auth-form-panel { padding: 22px 16px !important; align-items: stretch !important; }
    .auth-panel-card, .auth-status-card { width: 100% !important; border-radius: 24px !important; padding: 22px !important; }
    .clean-register-head { text-align: left !important; width: 100% !important; }
    .clean-register-head h1 { font-size: 32px !important; }
    .auth-input-wrap, .contact-form input, .contact-form textarea, .account-profile-form input, .account-profile-form select { min-height: 52px !important; border-radius: 14px !important; font-size: 16px !important; }
    .auth-submit, .primary-button, .saas-primary-link { min-height: 48px; }

    /* Result readability */
    .risk-circle { width: 116px !important; height: 116px !important; margin: 0 auto 12px !important; }
    .result-status-row { display: grid !important; grid-template-columns: 1fr !important; text-align: center !important; }
    .findings-modern { grid-template-columns: 1fr !important; }
    .context-block, pre { max-width: 100% !important; overflow-x: auto !important; }

    /* Footer */
    .saas-footer.clean-footer { width: calc(100% - 18px) !important; margin: 48px auto 0 !important; }
    .saas-footer.clean-footer .saas-footer-inner { padding: 26px 20px !important; border-radius: 22px !important; }
    .saas-footer.clean-footer .saas-footer-brandline, .saas-footer-top { grid-template-columns: 1fr !important; gap: 20px !important; }
    .saas-footer.clean-footer .saas-footer-grid, .saas-footer-grid { grid-template-columns: 1fr !important; gap: 22px !important; }
    .saas-footer.clean-footer .saas-footer-bottom, .saas-footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
}

@media (max-width: 420px) {
    :root { --mobile-pad: 14px; }
    .saas-navbar.clean-navbar .saas-logo-text { font-size: 17px !important; }
    .saas-navbar.clean-navbar .mobile-nav-toggle { width: 40px !important; height: 40px !important; }
    .landing-hero h1, .marketing-hero h1, .hero-section h1, .legal-modern-hero h1 { font-size: 34px !important; }
    .pricing-card, .knowledge-card, .step-card, .contact-card, .account-card, .admin-panel, .admin-table-card, .legal-modern-card, .result-main-card, .quick-advice-card { padding: 18px !important; }
    .saas-navbar.clean-navbar .saas-nav-actions { gap: 7px !important; padding: 8px !important; }
}

/* v10350 pricing quota polish */
.pricing-grid-v10350 {
    align-items: stretch;
}
.pricing-card ul {
    padding-left: 0;
    list-style: none;
}
.pricing-card li {
    margin: 10px 0;
    line-height: 1.45;
}
.pricing-price {
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 900;
    letter-spacing: -0.05em;
}
.pricing-card-highlight {
    border: 2px solid rgba(245, 158, 11, 0.45);
    box-shadow: 0 28px 90px rgba(245, 158, 11, 0.14);
}
.pricing-plan-label.highlight {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}
@media (max-width: 900px) {
    .pricing-grid-v10350 {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   v10360 - Clean pricing page, consistent with ScamScan SaaS theme
========================================================= */

.pricing-page-clean {
    width: min(94%, 1320px);
    margin: 0 auto;
    padding: 72px 0 90px;
}

.pricing-hero-clean {
    text-align: center;
    max-width: 860px;
    margin: 0 auto 48px;
}

.pricing-hero-clean h1 {
    margin: 12px 0 18px;
    font-size: clamp(42px, 6vw, 72px);
    line-height: 1.04;
    letter-spacing: -0.065em;
    font-weight: 950;
}

.pricing-hero-clean p {
    margin: 0 auto;
    max-width: 760px;
    color: var(--muted);
    font-size: 19px;
    line-height: 1.75;
}

.pricing-grid-clean {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.pricing-card-clean {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 34px;
    border-radius: 28px;
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(104, 38, 255, 0.10);
    box-shadow: 0 24px 80px rgba(16, 5, 31, 0.08);
    backdrop-filter: blur(14px);
}

.pricing-card-featured {
    border: 2px solid rgba(245, 158, 11, 0.45);
    box-shadow: 0 30px 100px rgba(245, 158, 11, 0.16);
    transform: translateY(-8px);
}

.pricing-pill {
    width: fit-content;
    padding: 9px 13px;
    border-radius: 999px;
    background: rgba(104, 38, 255, 0.09);
    color: var(--purple);
    font-size: 13px;
    font-weight: 900;
}

.pricing-pill-featured {
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
}

.pricing-card-clean h2 {
    margin: 24px 0 8px;
    font-size: 30px;
    letter-spacing: -0.045em;
}

.pricing-amount {
    margin: 0 0 18px;
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 950;
    letter-spacing: -0.06em;
    color: var(--text);
}

.pricing-card-clean p {
    margin: 0 0 22px;
    color: var(--muted);
    line-height: 1.65;
}

.pricing-feature-list {
    padding: 0;
    margin: 0 0 28px;
    list-style: none;
    display: grid;
    gap: 12px;
}

.pricing-feature-list li {
    position: relative;
    padding-left: 28px;
    color: #344054;
    font-weight: 700;
    line-height: 1.45;
}

.pricing-feature-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.35em;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    box-shadow: 0 8px 18px rgba(104, 38, 255, 0.22);
}

.pricing-action {
    margin-top: auto;
    justify-content: center;
    text-align: center;
}

body[data-theme="dark"] .pricing-card-clean {
    background: rgba(17, 24, 39, 0.86);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .pricing-amount,
body[data-theme="dark"] .pricing-feature-list li {
    color: #f8fafc;
}

body[data-theme="dark"] .pricing-card-clean p,
body[data-theme="dark"] .pricing-hero-clean p {
    color: #cbd5e1;
}

@media (max-width: 1050px) {
    .pricing-grid-clean {
        grid-template-columns: 1fr;
        max-width: 760px;
        margin: 0 auto;
    }

    .pricing-card-featured {
        transform: none;
    }
}

@media (max-width: 640px) {
    .pricing-page-clean {
        padding: 42px 0 64px;
    }

    .pricing-card-clean {
        padding: 26px;
        border-radius: 22px;
    }

    .pricing-feature-list {
        gap: 10px;
    }
}

/* =========================================================
   v10364 Pricing page rebuild
   Consistent SaaS cards with checkmark feature lists.
========================================================= */

.pricing-v10364 {
    width: min(94%, 1360px);
    margin: 0 auto;
    padding: 72px 0 96px;
}

.pricing-v10364-hero {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 52px;
}

.pricing-eyebrow {
    display: inline-flex;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(104, 38, 255, 0.09);
    color: var(--purple);
    font-weight: 900;
    font-size: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pricing-v10364-hero h1 {
    margin: 20px auto 18px;
    max-width: 860px;
    font-size: clamp(42px, 6vw, 76px);
    line-height: 1.02;
    letter-spacing: -0.07em;
    font-weight: 950;
    color: var(--text);
}

.pricing-v10364-hero p {
    margin: 0 auto;
    max-width: 760px;
    color: var(--muted);
    font-size: 19px;
    line-height: 1.75;
}

.pricing-v10364-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.plan-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 34px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.90);
    border: 1px solid rgba(104, 38, 255, 0.10);
    box-shadow: 0 24px 80px rgba(16, 5, 31, 0.08);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

.plan-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at top right, rgba(104, 38, 255, 0.07), transparent 38%),
        radial-gradient(circle at bottom left, rgba(182, 50, 255, 0.05), transparent 42%);
}

.plan-card > * {
    position: relative;
    z-index: 1;
}

.plan-featured {
    border: 2px solid rgba(245, 158, 11, 0.48);
    box-shadow: 0 32px 100px rgba(245, 158, 11, 0.17);
    transform: translateY(-10px);
}

.plan-featured-ribbon {
    position: absolute;
    top: 22px;
    right: 22px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
    font-weight: 900;
    font-size: 12px;
    z-index: 2;
}

.plan-pill {
    display: inline-flex;
    width: fit-content;
    padding: 9px 13px;
    border-radius: 999px;
    background: rgba(104, 38, 255, 0.09);
    color: var(--purple);
    font-size: 13px;
    font-weight: 900;
}

.plan-pill-orange {
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
}

.plan-top h2 {
    margin: 24px 0 10px;
    font-size: 31px;
    line-height: 1;
    letter-spacing: -0.05em;
    font-weight: 950;
}

.plan-price {
    margin: 0 0 18px;
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 950;
    line-height: 1.03;
    letter-spacing: -0.065em;
    color: var(--text);
}

.plan-price-small {
    font-size: clamp(30px, 3vw, 40px);
}

.plan-top p {
    margin: 0 0 24px;
    color: var(--muted);
    line-height: 1.65;
}

.plan-features {
    display: grid;
    gap: 12px;
    padding: 0 !important;
    margin: 0 0 30px !important;
    list-style: none !important;
}

.plan-features li {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 10px;
    align-items: start;
    color: #344054;
    font-weight: 750;
    line-height: 1.45;
}

.plan-features li::before {
    content: "✓";
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--purple), var(--purple-2));
    color: white;
    font-size: 13px;
    font-weight: 950;
    box-shadow: 0 10px 22px rgba(104, 38, 255, 0.22);
    margin-top: 1px;
}

.plan-primary-action,
.plan-secondary-action {
    margin-top: auto;
    min-height: 52px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 900;
    transition: 0.2s ease;
}

.plan-primary-action {
    background: linear-gradient(135deg, var(--purple), #4f1fff);
    color: white;
    box-shadow: 0 18px 42px rgba(104, 38, 255, 0.24);
}

.plan-secondary-action {
    background: rgba(104, 38, 255, 0.08);
    color: var(--purple);
    border: 1px solid rgba(104, 38, 255, 0.18);
}

.plan-primary-action:hover,
.plan-secondary-action:hover {
    transform: translateY(-2px);
}

.pricing-note-card {
    margin: 34px auto 0;
    max-width: 940px;
    padding: 28px 32px;
    border-radius: 24px;
    background: rgba(255,255,255,0.86);
    border: 1px solid rgba(104, 38, 255, 0.10);
    box-shadow: 0 20px 60px rgba(16, 5, 31, 0.07);
    text-align: center;
}

.pricing-note-card strong {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: -0.03em;
}

.pricing-note-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

body[data-theme="dark"] .plan-card,
body[data-theme="dark"] .pricing-note-card {
    background: rgba(17, 24, 39, 0.88);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .pricing-v10364-hero h1,
body[data-theme="dark"] .plan-price,
body[data-theme="dark"] .plan-features li,
body[data-theme="dark"] .pricing-note-card strong {
    color: #f8fafc;
}

body[data-theme="dark"] .pricing-v10364-hero p,
body[data-theme="dark"] .plan-top p,
body[data-theme="dark"] .pricing-note-card p {
    color: #cbd5e1;
}

@media (max-width: 1080px) {
    .pricing-v10364-grid {
        grid-template-columns: 1fr;
        max-width: 760px;
        margin: 0 auto;
    }

    .plan-featured {
        transform: none;
    }
}

@media (max-width: 640px) {
    .pricing-v10364 {
        padding: 42px 0 68px;
    }

    .pricing-v10364-hero {
        margin-bottom: 32px;
    }

    .pricing-v10364-hero p {
        font-size: 16px;
    }

    .plan-card {
        padding: 26px;
        border-radius: 24px;
    }

    .plan-featured-ribbon {
        position: static;
        width: fit-content;
        margin-bottom: 14px;
    }

    .plan-features {
        gap: 10px;
    }

    .pricing-note-card {
        padding: 24px;
        text-align: left;
    }
}

/* =========================================================
   v10401 FINAL NAVBAR INTERACTION FIX
   Keeps visual design, but ensures toggles and hamburger are clickable.
========================================================= */
.saas-navbar.clean-navbar {
    isolation: isolate !important;
}

.saas-navbar.clean-navbar .language-switch,
.saas-navbar.clean-navbar .theme-icon-button,
.saas-navbar.clean-navbar .mobile-nav-toggle,
.saas-navbar.clean-navbar a,
.saas-navbar.clean-navbar button {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 5 !important;
    cursor: pointer !important;
}

.saas-navbar.clean-navbar .language-switch .lang-option.active {
    background: #101828 !important;
    color: #ffffff !important;
}

body[data-theme="dark"] .saas-navbar.clean-navbar .language-switch .lang-option.active {
    background: #ffffff !important;
    color: #101828 !important;
}

@media (max-width: 1040px) {
    .saas-navbar.clean-navbar {
        width: min(94%, 100%) !important;
        padding: 10px 0 !important;
        grid-template-columns: auto auto !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .saas-navbar.clean-navbar .saas-brand {
        min-width: 0 !important;
        width: auto !important;
    }

    .saas-navbar.clean-navbar .mobile-nav-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        gap: 4px !important;
        width: 42px !important;
        height: 42px !important;
        margin-left: auto !important;
        border: 1px solid rgba(15, 23, 42, .12) !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
    }

    .saas-navbar.clean-navbar .mobile-nav-toggle span {
        display: block !important;
        width: 18px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: #101828 !important;
    }

    .saas-navbar.clean-navbar .saas-nav-links,
    .saas-navbar.clean-navbar .saas-nav-actions {
        grid-column: 1 / -1 !important;
        display: none !important;
        width: 100% !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-links,
    .saas-navbar.clean-navbar.nav-open .saas-nav-actions {
        display: flex !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-links {
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 14px !important;
        margin-top: 8px !important;
        border-radius: 22px !important;
        background: rgba(255,255,255,.96) !important;
        border: 1px solid rgba(15,23,42,.08) !important;
        box-shadow: 0 20px 60px rgba(15,23,42,.10) !important;
    }

    .saas-navbar.clean-navbar.nav-open .saas-nav-actions {
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 12px !important;
        margin-top: 0 !important;
        border-radius: 22px !important;
        background: rgba(255,255,255,.96) !important;
        border: 1px solid rgba(15,23,42,.08) !important;
        box-shadow: 0 20px 60px rgba(15,23,42,.10) !important;
    }

    .saas-navbar.clean-navbar .nav-auth-button,
    .saas-navbar.clean-navbar .saas-login-link.nav-auth-button,
    .saas-navbar.clean-navbar .saas-primary-link.nav-auth-button {
        flex: 1 1 calc(50% - 8px) !important;
        min-width: 0 !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .saas-navbar.clean-navbar .nav-account-menu {
        flex: 1 1 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        width: 100% !important;
        order: 5 !important;
    }

    .saas-navbar.clean-navbar .nav-account-pill,
    .saas-navbar.clean-navbar .nav-logout-button {
        width: 100% !important;
        justify-content: center !important;
    }

    .saas-navbar.clean-navbar .saas-primary-link.nav-cta {
        flex: 1 1 100% !important;
        width: 100% !important;
        justify-content: center !important;
        order: 9 !important;
    }

    .saas-navbar.clean-navbar .language-switch,
    .saas-navbar.clean-navbar .theme-icon-button {
        flex: 0 0 auto !important;
        order: 1 !important;
    }

    body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle,
    body[data-theme="dark"] .saas-navbar.clean-navbar.nav-open .saas-nav-links,
    body[data-theme="dark"] .saas-navbar.clean-navbar.nav-open .saas-nav-actions {
        background: rgba(15,23,42,.96) !important;
        border-color: rgba(255,255,255,.12) !important;
    }

    body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle span {
        background: #f8fafc !important;
    }
}

/* =========================================================
   v10550 product/account/admin polish
========================================================= */

.pricing-v10550 {
    width: min(94%, 1280px);
    margin: 72px auto 0;
}

.pricing-v10550-hero {
    text-align: center;
    max-width: 860px;
    margin: 0 auto 46px;
}

.pricing-v10550-hero h1 {
    margin: 12px 0 18px;
    font-size: clamp(38px, 5vw, 72px);
    line-height: 1.02;
    letter-spacing: -0.07em;
}

.pricing-v10550-hero p {
    margin: 0 auto;
    color: var(--muted);
    font-size: 18px;
    line-height: 1.75;
}

.pricing-v10550-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    align-items: stretch;
}

.pricing-plan-card {
    position: relative;
    background: rgba(255,255,255,0.92);
    border: 1px solid rgba(104,38,255,0.12);
    border-radius: 30px;
    padding: 34px;
    box-shadow: var(--shadow-soft);
    display: flex;
    flex-direction: column;
    min-height: 620px;
}

.pricing-plan-featured {
    background: linear-gradient(160deg, #20184f, #130d35);
    color: white;
    transform: translateY(-12px);
    border-color: rgba(255,255,255,0.10);
}

.plan-ribbon {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 16px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff8a00, #ff6a00);
    color: white;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 14px 35px rgba(255, 106, 0, 0.24);
}

.plan-label {
    display: inline-flex;
    width: fit-content;
    padding: 9px 13px;
    border-radius: 999px;
    background: #f0ebff;
    color: var(--purple);
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.plan-label-orange {
    background: rgba(255, 138, 0, 0.16);
    color: #ffb36b;
}

.pricing-plan-card h2 {
    margin: 22px 0 16px;
    font-size: 30px;
    letter-spacing: -0.05em;
}

.plan-price {
    font-size: clamp(44px, 5vw, 62px);
    font-weight: 900;
    letter-spacing: -0.08em;
    line-height: 1;
    margin-bottom: 18px;
}

.plan-price span {
    font-size: 18px;
    letter-spacing: -0.03em;
    color: #98a2b3;
}

.plan-price-custom {
    font-size: clamp(40px, 4vw, 56px);
}

.pricing-plan-card p {
    color: #667085;
    line-height: 1.6;
    min-height: 76px;
}

.pricing-plan-featured p,
.pricing-plan-featured .plan-price span {
    color: rgba(255,255,255,0.72);
}

.pricing-plan-card ul {
    list-style: none;
    padding: 26px 0 0;
    margin: 22px 0 28px;
    border-top: 1px solid rgba(102,112,133,0.16);
    display: grid;
    gap: 13px;
}

.pricing-plan-card li {
    position: relative;
    padding-left: 26px;
    color: #344054;
    line-height: 1.45;
    font-weight: 650;
}

.pricing-plan-featured li { color: rgba(255,255,255,0.90); }
.pricing-plan-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--purple);
    font-weight: 900;
}
.pricing-plan-featured li::before { color: #a7f3d0; }

.plan-primary-action,
.plan-secondary-action {
    margin-top: auto;
    min-height: 54px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 900;
}

.plan-primary-action {
    background: linear-gradient(135deg, var(--purple), #4f1fff);
    color: white;
    box-shadow: 0 16px 36px rgba(104,38,255,.22);
}

.plan-secondary-action {
    background: #f3f0ff;
    color: var(--purple);
}

.pricing-value-card {
    margin: 42px auto 0;
    max-width: 980px;
    border-radius: 24px;
    padding: 28px 32px;
}

.team-management-card,
.bulk-info-card,
.professional-command-center {
    border-radius: 26px;
}

.team-seat-pill {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f0ebff;
    color: var(--purple);
    font-weight: 900;
    font-size: 13px;
}

.team-member-list { display: grid; gap: 12px; margin-top: 18px; }
.team-member-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border-radius: 16px;
    background: #f8f7ff;
    border: 1px solid #ece8ff;
}
.team-member-row strong { display:block; }
.team-member-row span { display:block; color: var(--muted); font-size: 13px; margin-top: 3px; }
.team-add-form { display:grid; gap: 10px; margin-top: 18px; }
.compact-input {
    min-height: 48px;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    padding: 0 14px;
    font: inherit;
    background: white;
}
.small-danger-button {
    border: 0;
    background: rgba(239,68,68,.10);
    color: #b91c1c;
    padding: 10px 12px;
    border-radius: 12px;
    font-weight: 800;
    cursor: pointer;
}
.bulk-upload-section,
.bulk-upgrade-section {
    width: min(92%, 1180px);
    margin: 36px auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: stretch;
}
.bulk-upload-copy,
.bulk-upload-card,
.bulk-upgrade-section {
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(104,38,255,.12);
    border-radius: 26px;
    box-shadow: var(--shadow-soft);
    padding: 30px;
}
.bulk-upload-copy h2 { margin: 10px 0 12px; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.05em; }
.bulk-upload-copy p { color: var(--muted); line-height: 1.7; }
.bulk-upload-card { display:grid; gap: 18px; }
.bulk-file-drop {
    border: 1px dashed rgba(104,38,255,.35);
    border-radius: 22px;
    min-height: 170px;
    display: grid;
    place-items: center;
    text-align: center;
    gap: 8px;
    padding: 24px;
    background: #fbfaff;
    cursor: pointer;
}
.bulk-file-drop strong { font-size: 22px; }
.bulk-file-drop span { color: var(--muted); }
.bulk-file-drop input { max-width: 100%; }
.bulk-submit-button { border:0; cursor:pointer; width: 100%; justify-content:center; }
.bulk-result-card { margin-top: 26px; }

.cookie-consent-card {
    position: fixed;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    width: min(94vw, 760px);
    background: white;
    color: #111827;
    border: 1px solid #e5e7eb;
    box-shadow: 0 24px 80px rgba(15,23,42,.22);
    padding: 28px 30px;
    z-index: 2147483000;
    border-radius: 0;
}
.cookie-consent-copy p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
    letter-spacing: .01em;
}
.cookie-consent-copy a { color:#111827; text-decoration: underline; font-weight:800; }
.cookie-consent-actions {
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 22px;
}
.cookie-consent-actions button {
    min-height: 48px;
    border-radius: 5px;
    font-weight: 900;
    cursor: pointer;
    font-family: inherit;
}
.cookie-outline { background:white; color:#000; border:1px solid #000; }
.cookie-dark { background:#000; color:white; border:1px solid #000; }
.cookie-preferences-panel h3 { margin:0 0 14px; font-size:22px; }
.cookie-pref-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:16px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    margin-top:10px;
}
.cookie-pref-row strong { display:block; margin-bottom:4px; }
.cookie-pref-row span { color:#667085; font-size:14px; line-height:1.5; }
.cookie-pref-row input { width:22px; height:22px; flex:0 0 auto; }

body[data-theme="dark"] .pricing-plan-card:not(.pricing-plan-featured),
body[data-theme="dark"] .team-member-row,
body[data-theme="dark"] .bulk-upload-copy,
body[data-theme="dark"] .bulk-upload-card,
body[data-theme="dark"] .cookie-consent-card {
    background: #111827;
    border-color: rgba(255,255,255,.10);
    color: #f8fafc;
}
body[data-theme="dark"] .pricing-plan-card:not(.pricing-plan-featured) p,
body[data-theme="dark"] .pricing-plan-card:not(.pricing-plan-featured) li,
body[data-theme="dark"] .team-member-row span,
body[data-theme="dark"] .bulk-upload-copy p,
body[data-theme="dark"] .cookie-pref-row span,
body[data-theme="dark"] .cookie-consent-copy a { color: #cbd5e1; }
body[data-theme="dark"] .bulk-file-drop,
body[data-theme="dark"] .compact-input { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.12); color:white; }

@media (max-width: 980px) {
    .pricing-v10550-grid,
    .bulk-upload-section,
    .bulk-upgrade-section { grid-template-columns: 1fr; }
    .pricing-plan-featured { transform: none; }
    .pricing-plan-card { min-height: auto; }
}

@media (max-width: 640px) {
    .pricing-v10550 { margin-top: 38px; }
    .pricing-plan-card { padding: 26px 22px; border-radius: 24px; }
    .pricing-plan-card ul { gap: 11px; }
    .cookie-consent-card { bottom: 0; width: 100%; padding: 22px; }
    .cookie-consent-actions { grid-template-columns: 1fr; }
    .team-member-row { align-items:flex-start; flex-direction:column; }
}


/* =========================================================
   v10560 pricing + portal user reset fix polish
   - restore earlier Professional visual style
   - keep 3.000 scans/year visible
========================================================= */
.pricing-v10550-grid {
    align-items: stretch;
}

.pricing-plan-card {
    border-radius: 30px;
    min-height: 600px;
}

.pricing-plan-featured {
    background: linear-gradient(160deg, #21184f 0%, #17113c 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    box-shadow: 0 34px 90px rgba(23, 17, 60, 0.22) !important;
}

.plan-ribbon {
    background: linear-gradient(135deg, #ff8a00, #ff6a00) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 34px rgba(255,106,0,0.28) !important;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pricing-plan-featured .plan-label-orange {
    background: rgba(255, 138, 0, 0.16) !important;
    color: #ffbe7a !important;
    border: 1px solid rgba(255, 138, 0, 0.24);
}

.pricing-plan-featured .plan-price,
.pricing-plan-featured h2 {
    color: #ffffff !important;
}

.pricing-plan-featured p,
.pricing-plan-featured .plan-price span {
    color: rgba(255,255,255,0.76) !important;
}

.pricing-plan-featured li {
    color: rgba(255,255,255,0.92) !important;
}

.pricing-plan-featured li::before {
    color: #a7f3d0 !important;
}

.pricing-plan-featured .plan-primary-action {
    background: linear-gradient(135deg, #6d35ff, #4f1fff) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 42px rgba(104, 38, 255, 0.32) !important;
}

@media (max-width: 980px) {
    .pricing-plan-card {
        min-height: auto !important;
    }
}


/* =========================================================
   v10560 pricing, account tenant and cookie polish
========================================================= */
.annual-price-pill {
    display: inline-flex;
    margin: 8px 0 14px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(245, 158, 11, .14);
    color: #b45309;
    font-weight: 900;
    font-size: 13px;
}
.pricing-plan-featured ul li:first-child,
.pricing-plan-featured ul li:nth-child(2) {
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    padding: 10px 12px;
    border-radius: 14px;
}
.professional-action-grid {
    display:grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.professional-action-card {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: var(--shadow-soft);
    padding: 22px;
    text-decoration:none;
    display:grid;
    gap: 8px;
    transition:.2s ease;
}
.professional-action-card:hover { transform: translateY(-2px); }
.professional-action-card strong { font-size: 18px; letter-spacing:-.03em; }
.professional-action-card span { color: var(--muted); line-height:1.55; }
.dashboard-plan-card { min-width: 260px; }
.portal-users-card .team-add-form {
    margin-top: 20px;
    display:grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 14px;
    align-items:end;
}
.portal-users-card .team-add-form .muted-small { grid-column: 1 / -1; }
.team-member-row.owner-row { background: rgba(104,38,255,.06); border-color: rgba(104,38,255,.16); }
.organization-readonly-grid {
    display:grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
}
.organization-readonly-grid div {
    border:1px solid var(--line);
    border-radius:18px;
    padding:18px;
    background:#fff;
}
.organization-readonly-grid span { display:block; color:var(--muted); font-weight:700; font-size:13px; margin-bottom:6px; }
.organization-readonly-grid strong { word-break:break-word; }

.cookie-consent-card {
    position: fixed;
    right: 24px;
    bottom: 24px;
    left: auto;
    transform: none;
    width: min(94vw, 560px);
    background: rgba(255,255,255,.96);
    color: var(--text);
    border: 1px solid rgba(104,38,255,.12);
    box-shadow: 0 34px 120px rgba(16, 5, 31, .24);
    padding: 26px;
    z-index: 2147483000;
    border-radius: 28px;
    backdrop-filter: blur(18px);
}
.cookie-consent-brand { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.cookie-consent-brand strong { font-size:18px; letter-spacing:-.03em; }
.cookie-consent-copy h2 { margin:0 0 10px; font-size:24px; letter-spacing:-.05em; }
.cookie-consent-copy p { margin:0; color:#344054; font-size:15px; line-height:1.7; }
.cookie-consent-copy a { color: var(--purple); text-decoration:none; font-weight:900; }
.cookie-consent-actions { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:12px; margin-top:22px; }
.cookie-consent-actions button { min-height:48px; border-radius:999px; font-weight:900; cursor:pointer; font-family:inherit; }
.cookie-primary { background: linear-gradient(135deg, var(--purple), #4f1fff); color:white; border:0; }
.cookie-ghost { background:#fff; color:#111827; border:1px solid #d0d5dd; }
.cookie-outline { background:#f8f7ff; color:var(--purple); border:1px solid rgba(104,38,255,.18); }
.cookie-preferences-panel h3 { margin:0 0 14px; font-size:22px; letter-spacing:-.04em; }
.cookie-pref-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px; border:1px solid #ececf2; border-radius:18px; margin-top:10px; background:#fff; }
.cookie-pref-row strong { display:block; margin-bottom:4px; }
.cookie-pref-row span { color:#667085; font-size:14px; line-height:1.5; }
.cookie-switch input { display:none; }
.cookie-switch span { width:46px; height:26px; border-radius:999px; background:#e5e7eb; display:block; position:relative; }
.cookie-switch span:before { content:""; position:absolute; width:20px; height:20px; border-radius:50%; background:#fff; left:3px; top:3px; box-shadow:0 2px 8px rgba(0,0,0,.18); transition:.2s ease; }
.cookie-switch input:checked + span { background: var(--purple); }
.cookie-switch input:checked + span:before { transform: translateX(20px); }
body[data-theme="dark"] .professional-action-card,
body[data-theme="dark"] .organization-readonly-grid div,
body[data-theme="dark"] .cookie-consent-card,
body[data-theme="dark"] .cookie-pref-row { background:#111827; border-color:rgba(255,255,255,.10); color:#f8fafc; }
body[data-theme="dark"] .professional-action-card span,
body[data-theme="dark"] .organization-readonly-grid span,
body[data-theme="dark"] .cookie-consent-copy p,
body[data-theme="dark"] .cookie-pref-row span { color:#cbd5e1; }
body[data-theme="dark"] .cookie-ghost { background:rgba(255,255,255,.06); color:#fff; border-color:rgba(255,255,255,.14); }
body[data-theme="dark"] .cookie-outline { background:rgba(104,38,255,.15); }

@media (max-width: 1100px) {
    .professional-action-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .portal-users-card .team-add-form { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
    .professional-action-grid,
    .organization-readonly-grid { grid-template-columns: 1fr; }
    .cookie-consent-card { right: 12px; left: 12px; bottom: 12px; width:auto; padding:22px; border-radius:24px; }
    .cookie-consent-actions { grid-template-columns: 1fr; }
    .dashboard-plan-card { min-width: 0; }
}


/* =========================================================
   v10570 pricing, bulk upload and tenant portal polish
========================================================= */
.pricing-v10570 .pricing-equal-grid {
    align-items: stretch;
}

.pricing-v10570 .pricing-equal-card {
    min-height: 680px;
    display: flex;
    flex-direction: column;
}

.pricing-v10570 .pricing-equal-card p {
    min-height: 74px;
}

.pricing-v10570 .plan-feature-list {
    flex: 1;
    display: grid;
    gap: 11px;
    align-content: start;
}

.pricing-v10570 .plan-feature-list li,
.pricing-v10570 .plan-feature-list li strong {
    font-weight: 750;
    color: inherit;
}

.pricing-v10570 .feature-muted {
    display: inline-flex;
    margin-left: 6px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}

.pricing-v10570 .annual-price-top {
    width: fit-content;
    margin: 8px 0 10px;
    background: rgba(245, 158, 11, 0.16);
    border: 1px solid rgba(245, 158, 11, 0.28);
    color: #92400e;
}

.pricing-v10570 .plan-primary-action,
.pricing-v10570 .plan-secondary-action {
    margin-top: auto;
}

.bulk-file-summary {
    width: 100%;
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(104, 38, 255, 0.08);
    color: #4f1fff;
    font-weight: 900;
    text-align: center;
}

.bulk-file-summary.has-files {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.bulk-file-list {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 12px 0 0;
    display: grid;
    gap: 8px;
}

.bulk-file-list li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,0.72);
    border: 1px solid rgba(104, 38, 255, 0.10);
    color: #344054;
    font-size: 13px;
    font-weight: 750;
}

.bulk-file-list li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bulk-file-list li em {
    flex-shrink: 0;
    font-style: normal;
    color: #667085;
}

.bulk-file-list .bulk-file-more {
    justify-content: center;
    color: var(--purple);
}

.tenant-explainer-card {
    background: linear-gradient(135deg, rgba(104,38,255,0.06), rgba(245,158,11,0.07));
}

.tenant-rules-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.tenant-rules-grid div {
    padding: 16px;
    border-radius: 18px;
    background: white;
    border: 1px solid #ececf2;
}

.tenant-rules-grid strong {
    display: block;
    margin-bottom: 6px;
    color: #101828;
}

.tenant-rules-grid span {
    color: #667085;
    line-height: 1.55;
}

body[data-theme="dark"] .bulk-file-list li,
body[data-theme="dark"] .tenant-rules-grid div {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.10);
    color: #e5e7eb;
}

body[data-theme="dark"] .tenant-rules-grid strong { color: #f8fafc; }
body[data-theme="dark"] .tenant-rules-grid span,
body[data-theme="dark"] .bulk-file-list li em { color: #94a3b8; }
body[data-theme="dark"] .pricing-v10570 .feature-muted { background: rgba(245,158,11,0.18); color: #fbbf24; }

@media (max-width: 1100px) {
    .pricing-v10570 .pricing-equal-card { min-height: auto; }
    .pricing-v10570 .pricing-equal-card p { min-height: auto; }
}

@media (max-width: 720px) {
    .tenant-rules-grid { grid-template-columns: 1fr; }
    .bulk-file-list li { align-items: flex-start; flex-direction: column; }
    .pricing-v10570 .feature-muted { display: flex; width: fit-content; margin: 6px 0 0; }
}

/* =========================================================
   v10580 Account organization, suppliers and pricing polish
========================================================= */
.account-side-menu-v10580 .account-side-link strong {
    font-weight: 900;
}

.profile-form-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.profile-field textarea,
.profile-field select {
    width: 100%;
    border: 1px solid rgba(104,38,255,0.14);
    background: rgba(255,255,255,0.92);
    border-radius: 16px;
    padding: 15px 16px;
    font: inherit;
    color: var(--text);
    outline: none;
}

.profile-field textarea:focus,
.profile-field select:focus {
    border-color: var(--purple);
    box-shadow: 0 0 0 4px rgba(104,38,255,0.10);
}

.tenant-rules-v10580 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.owner-transfer-card {
    border: 1px solid rgba(245, 158, 11, 0.25);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,247,237,0.55));
}

.danger-neutral {
    background: linear-gradient(135deg, #111827, #4f1fff) !important;
}

.supplier-controls-card {
    padding: 26px;
}

.supplier-filter-form {
    display: grid;
    grid-template-columns: 1.2fr .8fr .8fr .7fr auto;
    gap: 14px;
    align-items: end;
}

.supplier-filter-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-bottom: 2px;
}

.quick-history-card {
    padding: 28px;
}

.quick-history-list,
.supplier-list-view {
    display: grid;
    gap: 12px;
}

.quick-history-row,
.supplier-list-row {
    display: grid;
    grid-template-columns: 1.3fr auto;
    gap: 18px;
    align-items: center;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(104,38,255,0.045);
    border: 1px solid rgba(104,38,255,0.08);
}

.supplier-list-row {
    grid-template-columns: 1.5fr .45fr .45fr .45fr;
}

.quick-history-row span,
.supplier-list-row span {
    display: block;
    color: var(--muted);
    margin-top: 4px;
    font-size: 13px;
}

.quick-history-row em,
.supplier-list-row strong {
    font-style: normal;
    font-weight: 900;
}

.supplier-card-view .supplier-profile-card {
    min-height: 100%;
}

.pricing-v10570 .pricing-plan-featured .plan-feature-list li:first-child,
.pricing-v10570 .pricing-plan-featured .plan-feature-list li:nth-child(2),
.pricing-v10570 .pricing-plan-featured .plan-feature-list li:nth-child(3) {
    background: transparent !important;
    border: 0 !important;
    padding: 0 0 0 26px !important;
}

.pricing-v10570 .pricing-plan-featured .plan-feature-list li:first-child::before,
.pricing-v10570 .pricing-plan-featured .plan-feature-list li:nth-child(2)::before,
.pricing-v10570 .pricing-plan-featured .plan-feature-list li:nth-child(3)::before {
    left: 0 !important;
}

.feature-muted {
    display: inline-flex;
    margin-left: 6px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(255,128,0,0.12);
    color: #f97316;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}

body[data-theme="dark"] .profile-field textarea,
body[data-theme="dark"] .profile-field select {
    background: rgba(255,255,255,0.06);
    color: white;
    border-color: rgba(255,255,255,0.12);
}

body[data-theme="dark"] .quick-history-row,
body[data-theme="dark"] .supplier-list-row {
    background: rgba(255,255,255,0.045);
    border-color: rgba(255,255,255,0.08);
}

body[data-theme="dark"] .owner-transfer-card {
    background: rgba(255,255,255,0.04);
    border-color: rgba(245,158,11,0.22);
}

@media (max-width: 1180px) {
    .tenant-rules-v10580,
    .supplier-filter-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .supplier-filter-actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .profile-form-wide,
    .tenant-rules-v10580,
    .supplier-filter-form,
    .supplier-list-row {
        grid-template-columns: 1fr;
    }
    .quick-history-row {
        grid-template-columns: 1fr;
    }
    .supplier-filter-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .account-side-menu-v10580 .account-side-card {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

/* =========================================================
   v10581 Account suppliers/history polish
========================================================= */
.history-account-page .account-layout-grid,
.account-page-pro .account-layout-grid {
    align-items: start;
}

.compact-intel-grid {
    margin: 0;
}

.supplier-controls-card .account-card-header,
.history-pro-card .account-card-header {
    margin-bottom: 18px;
}

.history-list-pro {
    display: grid;
    gap: 12px;
}

.history-row-pro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    border: 1px solid rgba(104, 38, 255, 0.10);
    background: rgba(255,255,255,0.72);
    border-radius: 20px;
}

.history-row-main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.history-row-main strong {
    display: block;
    color: var(--text);
    font-weight: 900;
    letter-spacing: -0.03em;
    word-break: break-word;
}

.history-row-main span {
    display: block;
    color: var(--muted);
    margin-top: 4px;
    font-size: 13px;
    word-break: break-word;
}

.history-risk-dot {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    flex: 0 0 auto;
    background: var(--success);
    box-shadow: 0 0 0 8px rgba(34,197,94,0.10);
}

.history-risk-dot.warning {
    background: var(--warning);
    box-shadow: 0 0 0 8px rgba(245,158,11,0.12);
}

.history-risk-dot.danger {
    background: var(--danger);
    box-shadow: 0 0 0 8px rgba(239,68,68,0.12);
}

.history-row-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

.history-row-meta strong {
    font-size: 17px;
    font-weight: 900;
    color: var(--text);
}

.supplier-filter-form {
    align-items: end;
}

body[data-theme="dark"] .history-row-pro {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
}

body[data-theme="dark"] .history-row-main strong,
body[data-theme="dark"] .history-row-meta strong {
    color: #f8fafc;
}

@media (max-width: 760px) {
    .history-row-pro {
        align-items: flex-start;
        flex-direction: column;
    }

    .history-row-meta {
        width: 100%;
        justify-content: space-between;
    }

    .supplier-filter-form {
        grid-template-columns: 1fr !important;
    }

    .supplier-filter-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .supplier-filter-actions .saas-primary-link,
    .supplier-filter-actions .saas-login-link {
        width: 100%;
        justify-content: center;
    }
}


/* =========================================================
   v10590 compact account/admin UX polish
========================================================= */
.account-compact-page, .admin-pro-page { width: min(94%, 1480px) !important; margin: 28px auto 0 !important; }
.account-page-titlebar, .admin-page-titlebar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 26px; border:1px solid var(--line); border-radius:28px; background:rgba(255,255,255,.86); box-shadow:var(--shadow-soft); margin-bottom:18px; }
.account-page-titlebar h1, .admin-page-titlebar h1 { margin:4px 0 4px; font-size:clamp(30px,3vw,46px); letter-spacing:-.055em; }
.account-page-titlebar p, .admin-page-titlebar p { margin:0; color:var(--muted); max-width:820px; line-height:1.5; }
.mini-kicker { display:inline-flex; padding:7px 11px; border-radius:999px; background:rgba(104,38,255,.10); color:var(--purple); font-weight:900; font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
.titlebar-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.account-layout-tight { display:grid; grid-template-columns:280px minmax(0,1fr); gap:18px; align-items:start; }
.account-main-tight { display:grid; gap:16px !important; }
.dashboard-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.admin-kpi-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
.dash-kpi { background:rgba(255,255,255,.9); border:1px solid var(--line); border-radius:22px; padding:16px 18px; box-shadow:0 16px 45px rgba(16,5,31,.06); min-height:116px; }
.dash-kpi span { display:block; color:var(--muted); font-size:13px; font-weight:800; }
.dash-kpi strong { display:block; margin-top:6px; font-size:30px; letter-spacing:-.06em; }
.dash-kpi small { display:block; color:var(--muted); margin-top:4px; font-weight:700; }
.compact-two-column, .admin-two-column-compact { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.compact-panel { background:rgba(255,255,255,.9); border:1px solid var(--line); border-radius:26px; padding:18px; box-shadow:var(--shadow-soft); }
.full-panel { grid-column:1/-1; }
.panel-headline { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.panel-headline h2 { margin:0 0 4px; font-size:22px; letter-spacing:-.04em; }
.panel-headline p { margin:0; color:var(--muted); line-height:1.45; }
.panel-headline a { color:var(--purple); font-weight:900; text-decoration:none; white-space:nowrap; }
.signal-list-compact, .mini-supplier-list, .scan-timeline-compact, .team-compact-list { display:grid; gap:8px; }
.signal-list-compact div, .mini-supplier-list div, .scan-mini-row, .team-compact-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid rgba(104,38,255,.10); background:rgba(104,38,255,.035); border-radius:16px; }
.signal-list-compact span, .mini-supplier-list span, .scan-mini-row span, .team-compact-row span { color:var(--muted); font-size:13px; display:block; margin-top:2px; }
.score-chip { padding:8px 10px; border-radius:999px; font-weight:900; font-style:normal; white-space:nowrap; }
.score-chip.ok { background:rgba(34,197,94,.12); color:#15803d; }
.score-chip.warn { background:rgba(245,158,11,.14); color:#b45309; }
.score-chip.danger { background:rgba(239,68,68,.12); color:#b91c1c; }
.account-side-menu-v10590 { position:sticky; top:16px; }
.account-side-menu-v10590 .account-side-card { padding:12px !important; border-radius:24px !important; }
.account-side-menu-v10590 .account-side-link { padding:11px 12px !important; border-radius:16px !important; gap:10px !important; }
.account-side-menu-v10590 .account-side-link strong { font-size:14px !important; }
.account-side-menu-v10590 .account-side-link small { font-size:11px !important; }
.account-side-menu-v10590 .small-upgrade-card { margin-top:12px !important; padding:15px !important; border-radius:22px !important; }
.compact-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.profile-field.full-width { grid-column:1/-1; }
.profile-field label { font-size:13px; margin-bottom:6px; font-weight:900; color:#344054; }
.profile-field input, .profile-field select, .profile-field textarea, .supplier-filter-grid input, .supplier-filter-grid select { width:100%; min-height:46px; border:1px solid var(--line); border-radius:14px; padding:0 13px; background:white; color:var(--text); font:inherit; }
.profile-field textarea { min-height:92px; padding:12px 13px; resize:vertical; }
.add-member-inline-card { margin-top:12px; display:grid; gap:8px; padding:14px; border:1px solid rgba(104,38,255,.14); border-radius:18px; background:rgba(104,38,255,.04); }
.add-member-inline-card h3 { margin:0; } .add-member-inline-card p { margin:0; color:var(--muted); font-size:13px; }
.add-member-inline-card input { min-height:44px; border:1px solid var(--line); border-radius:14px; padding:0 12px; }
.owner-badge { display:inline-flex; padding:8px 12px; background:#111827; color:white; border-radius:999px; font-weight:900; font-size:12px; }
.owner-transfer-row { display:grid; grid-template-columns:1fr auto; gap:10px; }
.owner-transfer-row select { min-height:48px; border:1px solid var(--line); border-radius:14px; padding:0 12px; }
.supplier-filter-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr auto; gap:10px; align-items:center; }
.supplier-directory-compact { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; }
.supplier-compact-card { padding:18px !important; border-radius:24px !important; }
.compact-supplier-table .supplier-list-row { border-radius:18px; padding:13px; }
.compact-alert-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.admin-nav-grid-compact { grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:12px !important; margin:16px 0 !important; }
.admin-nav-grid-compact .admin-nav-card { padding:18px !important; border-radius:22px !important; }
.compact-admin-mail { padding:16px 18px !important; margin:16px 0 !important; }
.confirm-backdrop { position:fixed; inset:0; z-index:999999; background:rgba(5,10,25,.55); display:flex; align-items:center; justify-content:center; padding:20px; }
.confirm-dialog { width:min(100%,440px); background:white; border:1px solid var(--line); border-radius:24px; box-shadow:0 30px 90px rgba(0,0,0,.22); padding:24px; }
.confirm-dialog h3 { margin:0 0 8px; font-size:24px; letter-spacing:-.04em; } .confirm-dialog p { color:var(--muted); line-height:1.6; }
.confirm-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }
.confirm-actions button { min-height:46px; border-radius:14px; border:1px solid var(--line); font-weight:900; cursor:pointer; }
.confirm-cancel { background:white; color:var(--text); } .confirm-danger { background:#dc2626; color:white; border-color:#dc2626 !important; }
body[data-theme="dark"] .account-page-titlebar, body[data-theme="dark"] .admin-page-titlebar, body[data-theme="dark"] .dash-kpi, body[data-theme="dark"] .compact-panel, body[data-theme="dark"] .confirm-dialog { background:rgba(17,24,39,.92); border-color:rgba(255,255,255,.10); }
body[data-theme="dark"] .profile-field input, body[data-theme="dark"] .profile-field select, body[data-theme="dark"] .profile-field textarea, body[data-theme="dark"] .supplier-filter-grid input, body[data-theme="dark"] .supplier-filter-grid select { background:rgba(255,255,255,.05); color:white; border-color:rgba(255,255,255,.12); }
body[data-theme="dark"] .signal-list-compact div, body[data-theme="dark"] .mini-supplier-list div, body[data-theme="dark"] .scan-mini-row, body[data-theme="dark"] .team-compact-row { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.10); }
@media (max-width: 1180px) { .dashboard-kpi-grid, .admin-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-nav-grid-compact { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .supplier-directory-compact { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .supplier-filter-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 860px) { .account-layout-tight { grid-template-columns:1fr; } .account-side-menu-v10590 { position:relative; top:auto; } .compact-two-column, .admin-two-column-compact { grid-template-columns:1fr; } .account-page-titlebar, .admin-page-titlebar { flex-direction:column; align-items:flex-start; padding:18px; } .titlebar-actions { width:100%; justify-content:flex-start; } .compact-form-grid { grid-template-columns:1fr; } .supplier-directory-compact { grid-template-columns:1fr !important; } .supplier-filter-grid { grid-template-columns:1fr; } .owner-transfer-row { grid-template-columns:1fr; } }
@media (max-width: 560px) { .account-compact-page, .admin-pro-page { width:min(96%,100%); margin-top:14px !important; } .dashboard-kpi-grid, .admin-kpi-grid { grid-template-columns:1fr 1fr; gap:8px; } .dash-kpi { min-height:96px; padding:13px; border-radius:18px; } .dash-kpi strong { font-size:24px; } .compact-panel { padding:14px; border-radius:20px; } .panel-headline { flex-direction:column; } .account-side-menu-v10590 .account-side-card { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .account-side-menu-v10590 .account-side-label { grid-column:1/-1; } .account-side-menu-v10590 .account-side-link small { display:none; } .scan-mini-row, .team-compact-row, .signal-list-compact div, .mini-supplier-list div { align-items:flex-start; flex-direction:column; } }


/* =========================================================
   v10600 - Multitenancy + settings polish
========================================================= */
.tenant-portal-panel {
    margin-bottom: 16px;
    background: linear-gradient(135deg, rgba(104,38,255,.08), rgba(255,255,255,.9));
}
.tenant-url-row {
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:14px 16px; border:1px solid var(--line); border-radius:16px; background:white;
}
.tenant-url-row span { color: var(--muted); font-weight:800; }
.tenant-url-row strong { word-break:break-all; color: var(--purple); }
.tenant-help-text { margin:12px 0 0; color:var(--muted); line-height:1.6; }
.settings-command-grid { display:grid; grid-template-columns: 1.2fr .8fr; gap:16px; }
.settings-lower-grid { margin-top:16px; }
.settings-status-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
.settings-status-grid div { padding:14px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.settings-status-grid span { display:block; color:var(--muted); font-weight:800; font-size:12px; margin-bottom:6px; }
.settings-status-grid strong { display:block; font-size:17px; }
.full-action-link { width:100%; justify-content:center; min-height:48px; }
.compact-security-form { display:grid; gap:10px; }
.compact-security-form input { width:100%; border:1px solid var(--line); border-radius:14px; padding:13px 14px; font:inherit; }
.settings-danger-zone { margin-top:16px; }
body[data-theme="dark"] .tenant-portal-panel { background: linear-gradient(135deg, rgba(104,38,255,.16), rgba(255,255,255,.04)); }
body[data-theme="dark"] .tenant-url-row,
body[data-theme="dark"] .settings-status-grid div { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); }
@media (max-width: 900px) {
    .settings-command-grid, .settings-lower-grid { grid-template-columns:1fr; }
    .settings-status-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 520px) {
    .settings-status-grid { grid-template-columns:1fr; }
    .tenant-url-row { align-items:flex-start; flex-direction:column; }
}


/* =========================================================
   v10610 Enterprise tenant / roles polish
========================================================= */
.tenant-role-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 18px}.tenant-role-strip>div{background:rgba(255,255,255,.86);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:18px;padding:16px}.tenant-role-strip span{display:block;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tenant-role-strip strong{display:block;margin-top:6px;font-size:18px;word-break:break-word}.role-explainer-grid{display:grid;gap:12px}.role-explainer-grid>div{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.role-explainer-grid strong{display:block;color:var(--text);margin-bottom:4px}.role-explainer-grid span{color:var(--muted);font-size:14px;line-height:1.5}.team-enterprise-table{display:grid;gap:8px}.team-table-head,.team-table-row{display:grid;grid-template-columns:1.4fr .7fr .55fr .6fr;gap:12px;align-items:center}.team-table-head{color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.04em;padding:0 10px}.team-table-row{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.team-table-row small{display:block;color:var(--muted);margin-top:3px}.inline-role-form select,.enterprise-add-member select{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;font-weight:800}.enterprise-add-member{grid-template-columns:1.2fr .8fr .9fr .6fr auto;align-items:end}.premium-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(104,38,255,.18);background:rgba(104,38,255,.06);border-radius:16px;padding:14px;margin-bottom:14px}.premium-inline-cta span{color:var(--muted)}.premium-inline-cta a{color:var(--purple);font-weight:900;text-decoration:none}.danger-zone-light{border-color:rgba(245,158,11,.32)!important;background:rgba(245,158,11,.04)!important}.auth-field-help{margin:8px 0 14px;color:var(--muted);font-size:13px;line-height:1.5}body[data-theme="dark"] .tenant-role-strip>div,body[data-theme="dark"] .role-explainer-grid>div,body[data-theme="dark"] .team-table-row{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}body[data-theme="dark"] .inline-role-form select,body[data-theme="dark"] .enterprise-add-member select{background:#111827;color:#fff;border-color:rgba(255,255,255,.12)}@media(max-width:900px){.tenant-role-strip{grid-template-columns:1fr 1fr}.team-table-head{display:none}.team-table-row{grid-template-columns:1fr;gap:8px}.enterprise-add-member{grid-template-columns:1fr}.team-table-row>span,.team-table-row>div{min-width:0}}@media(max-width:560px){.tenant-role-strip{grid-template-columns:1fr}.enterprise-two-column{grid-template-columns:1fr!important}.compact-profile-grid{grid-template-columns:1fr!important}.premium-inline-cta{align-items:flex-start;flex-direction:column}}

/* =========================================================
   v10740 Portal/public separation, tenant UX, support cases
========================================================= */
.portal-aware-navbar {
    align-items: center;
}
.portal-nav-links a {
    font-weight: 850;
}
.nav-account-pill {
    max-width: 260px;
}
.nav-account-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.nav-scan-wide {
    white-space: nowrap;
}
.support-grid {
    align-items: start;
}
.support-case-list {
    display: grid;
    gap: 10px;
}
.support-case-row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid rgba(104,38,255,0.12);
    border-radius: 16px;
    background: rgba(255,255,255,0.72);
}
.support-case-row strong,
.support-case-row span {
    display: block;
}
.support-case-row span {
    color: var(--muted);
    font-size: 13px;
    margin-top: 3px;
}
.case-status {
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 900;
    background: #f1eeff;
    color: var(--purple);
    white-space: nowrap;
}
.status-closed { background: rgba(34,197,94,.12); color: #15803d; }
.status-in_progress { background: rgba(245,158,11,.14); color: #b45309; }
.status-waiting { background: rgba(59,130,246,.12); color: #1d4ed8; }
.profile-form textarea,
.profile-form select {
    width: 100%;
    min-height: 48px;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 12px 14px;
    font-family: inherit;
    background: white;
    color: var(--text);
}
.profile-form textarea {
    resize: vertical;
}
.admin-inline-form {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.admin-inline-form select {
    min-height: 36px;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 0 10px;
}
.admin-mini-button {
    min-height: 36px;
    border: 0;
    border-radius: 10px;
    padding: 0 12px;
    background: #111827;
    color: white;
    font-weight: 800;
    cursor: pointer;
}
body[data-theme="dark"] .support-case-row,
body[data-theme="dark"] .profile-form textarea,
body[data-theme="dark"] .profile-form select,
body[data-theme="dark"] .admin-inline-form select {
    background: rgba(255,255,255,0.04);
    border-color: rgba(255,255,255,0.10);
    color: #f8fafc;
}

@media (min-width: 981px) {
    .portal-aware-navbar .saas-nav-links {
        gap: 8px;
    }
    .portal-aware-navbar .saas-nav-links a {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 980px) {
    .portal-aware-navbar {
        padding: 14px 0;
    }
    .portal-aware-navbar .saas-brand {
        min-height: 42px;
    }
    .portal-aware-navbar .saas-nav-links,
    .portal-aware-navbar .saas-nav-actions {
        display: none;
        width: 100%;
    }
    .portal-aware-navbar.menu-open .saas-nav-links,
    .portal-aware-navbar.menu-open .saas-nav-actions {
        display: flex;
    }
    .portal-aware-navbar.menu-open .saas-nav-links {
        order: 3;
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 8px;
        margin-top: 12px;
    }
    .portal-aware-navbar.menu-open .saas-nav-links a {
        width: 100%;
        justify-content: center;
        border-radius: 14px;
        background: rgba(104,38,255,0.06);
        padding: 13px 16px;
    }
    .portal-aware-navbar.menu-open .saas-nav-actions {
        order: 4;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-top: 10px;
    }
    .portal-aware-navbar .language-switch,
    .portal-aware-navbar .theme-icon-button {
        flex: 0 0 auto;
    }
    .portal-aware-navbar .nav-auth-button {
        flex: 1 1 calc(50% - 8px);
        min-width: 0;
        justify-content: center;
    }
    .portal-aware-navbar .nav-account-menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        width: 100%;
        order: 2;
    }
    .portal-aware-navbar .nav-account-pill,
    .portal-aware-navbar .nav-logout-button,
    .portal-aware-navbar .nav-logout-form {
        width: 100%;
        justify-content: center;
    }
    .portal-aware-navbar .nav-scan-wide {
        order: 5;
        flex: 0 0 100%;
        width: 100%;
        justify-content: center;
        min-height: 48px;
        margin-top: 2px;
    }
    .support-grid,
    .compact-two-column.support-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 560px) {
    .portal-aware-navbar {
        width: min(94%, 100%);
    }
    .support-case-row {
        align-items: flex-start;
        flex-direction: column;
    }
}
@media (max-width: 980px) {
    body.mobile-menu-open .portal-aware-navbar .saas-nav-links,
    body.mobile-menu-open .portal-aware-navbar .saas-nav-actions {
        display: flex;
    }
    body.mobile-menu-open .portal-aware-navbar .saas-nav-links {
        order: 3;
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 8px;
        margin-top: 12px;
    }
    body.mobile-menu-open .portal-aware-navbar .saas-nav-links a {
        width: 100%;
        justify-content: center;
        border-radius: 14px;
        background: rgba(104,38,255,0.06);
        padding: 13px 16px;
    }
    body.mobile-menu-open .portal-aware-navbar .saas-nav-actions {
        order: 4;
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
        margin-top: 10px;
    }
}

/* v10740 enterprise tenant/support refinements */
.utility-nav-links { gap: .75rem; align-items: center; }
.tenant-context-pill { border: 1px solid rgba(99,102,241,.22); background: rgba(255,255,255,.72); border-radius: 999px; padding: .55rem .8rem; font-weight: 800; color: var(--text, #0f172a); }
.tenant-context-muted { color: var(--muted, #64748b); font-size: .88rem; }
.support-hero-card { display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.premium-gate-card, .premium-locked-content { border:1px solid rgba(245,158,11,.25); background:rgba(255,251,235,.86); border-radius:1rem; padding:1rem; display:grid; gap:.45rem; max-width:360px; }
.kb-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.kb-tile { text-decoration:none; color:inherit; padding:1rem; border:1px solid rgba(148,163,184,.25); border-radius:1.2rem; background:rgba(255,255,255,.76); box-shadow:0 12px 30px rgba(15,23,42,.06); display:grid; gap:.35rem; }
.kb-tile strong { font-size:1rem; }
.kb-tile span { color:var(--muted,#64748b); font-size:.9rem; line-height:1.45; }
.locked-panel { opacity:.96; }
.themed-case-row { border:1px solid rgba(148,163,184,.22); background:rgba(255,255,255,.7); border-radius:1rem; padding:1rem; }
.themed-case-row small { display:block; margin-top:.35rem; color:var(--muted,#64748b); }
.case-actions { display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; justify-content:flex-end; }
.small-text-button { border:0; background:transparent; color:#2563eb; font-weight:800; cursor:pointer; padding:.2rem; }
.case-status.status-closed { background:rgba(100,116,139,.12); color:#475569; }
.case-status.status-resolved { background:rgba(16,185,129,.12); color:#047857; }
.support-article-panel { max-width:820px; }
.article-step-list { display:grid; gap:.75rem; padding-left:1.25rem; }
.article-step-list li { padding:.6rem .7rem; background:rgba(255,255,255,.75); border:1px solid rgba(148,163,184,.2); border-radius:.8rem; }
.article-note { margin-top:1rem; display:grid; gap:.25rem; background:rgba(59,130,246,.08); border:1px solid rgba(59,130,246,.18); border-radius:1rem; padding:1rem; }
.onboarding-backdrop { position:fixed; inset:0; background:rgba(15,23,42,.45); backdrop-filter:blur(10px); z-index:1000; display:none; align-items:center; justify-content:center; padding:1rem; }
.onboarding-backdrop.active { display:flex; }
.onboarding-modal { width:min(720px,100%); border-radius:1.5rem; background:rgba(255,255,255,.96); box-shadow:0 30px 80px rgba(15,23,42,.28); border:1px solid rgba(148,163,184,.24); padding:1.35rem; }
.onboarding-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:1rem 0; }
.onboarding-step { border:1px solid rgba(148,163,184,.25); border-radius:1rem; padding:.9rem; background:rgba(248,250,252,.82); }
.onboarding-step span { display:inline-flex; width:1.8rem; height:1.8rem; border-radius:999px; align-items:center; justify-content:center; background:#0f172a; color:#fff; font-weight:800; margin-bottom:.5rem; }
.onboarding-actions { display:flex; justify-content:space-between; gap:.75rem; flex-wrap:wrap; }
.onboarding-close { border:0; background:transparent; color:#64748b; font-weight:800; cursor:pointer; }
@media (max-width:900px){ .kb-grid,.onboarding-steps{grid-template-columns:1fr;} .support-hero-card{align-items:flex-start; flex-direction:column;} }

/* v10770: cleaner dashboard and tenant-first superadmin pages */
.account-main-tight{min-width:0}.account-page-titlebar{align-items:center}.dashboard-kpi-grid{margin-top:0}.superadmin-search-card{display:grid;grid-template-columns:1fr minmax(360px,560px);gap:22px;align-items:center}.tenant-search-form{display:flex;gap:10px;align-items:center}.tenant-search-form input{width:100%;min-height:48px;border:1px solid rgba(17,24,39,.12);border-radius:16px;padding:0 16px;font-weight:800;background:#fff;color:#111827}.plan-pill{display:inline-flex;align-items:center;border-radius:999px;background:rgba(104,38,255,.09);color:#6826ff;padding:7px 10px;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.admin-table code{background:rgba(17,24,39,.06);border:1px solid rgba(17,24,39,.08);border-radius:10px;padding:5px 8px}.titlebar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-panel{margin-top:20px}.admin-warning-card form{margin:0}@media (max-width:900px){.superadmin-search-card{grid-template-columns:1fr}.tenant-search-form{flex-direction:column;align-items:stretch}}

/* v10770 tenant-first superadmin and MFA QR polish */
.security-setup-page .security-hero-clean,
.superadmin-tenant-first-page .tenant-first-titlebar {
  border: 1px solid rgba(124,58,237,.14);
  background: rgba(255,255,255,.92);
  box-shadow: 0 24px 80px rgba(15,23,42,.08);
}
.mfa-theme-card { padding: 28px; }
.mfa-setup-grid-v10770 { display: grid; grid-template-columns: minmax(280px, .95fr) minmax(320px, 1.05fr); gap: 24px; align-items: stretch; }
.mfa-qr-panel,
.mfa-manual-panel { border: 1px solid rgba(124,58,237,.14); border-radius: 24px; background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,247,255,.92)); padding: 24px; }
.step-pill { display:inline-flex; padding: 7px 12px; border-radius:999px; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#6d28d9; background:#f3e8ff; margin-bottom:14px; }
.mfa-qr-frame { display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid rgba(17,24,39,.08); border-radius:22px; padding:18px; margin-top:18px; box-shadow:0 20px 60px rgba(88,28,135,.12); }
.mfa-qr-frame img { width:min(280px,100%); height:auto; image-rendering: crisp-edges; }
.mfa-qr-fallback { border:1px dashed rgba(124,58,237,.35); background:#faf5ff; color:#6b21a8; padding:16px; border-radius:16px; margin-top:18px; font-weight:700; }
.mfa-advanced { margin:16px 0; }
.mfa-advanced summary { cursor:pointer; color:#6d28d9; font-weight:800; }
.mfa-success-layout { display:grid; gap:18px; }
.tenant-selection-card { align-items:flex-start; }
.tenant-first-empty { text-align:center; padding:36px; color:#64748b; }
.tenant-module-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.tenant-module-grid a { border:1px solid rgba(124,58,237,.14); background:#faf7ff; color:#5b21b6; border-radius:16px; padding:13px; text-align:center; font-weight:800; text-decoration:none; }
.protected-tenant-note { margin-top:10px; color:#92400e; font-weight:800; }
.disabled-danger { opacity:.55; cursor:not-allowed; }
@media (max-width: 900px) { .mfa-setup-grid-v10770 { grid-template-columns:1fr; } .tenant-module-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* v10780 refinement: MFA, support forms, tenant selection feedback */
.mfa-required-banner{position:sticky;top:88px;z-index:40;margin:0 auto 10px;max-width:1480px;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;color:#7c2d12;border-radius:18px;padding:12px 18px;display:flex;gap:10px;align-items:center;justify-content:center;box-shadow:0 18px 60px rgba(124,45,18,.08);font-size:14px}.mfa-required-banner a{font-weight:900;color:#6826ff;text-decoration:none}.mfa-qr-frame{background:#fff!important;border:1px solid #e9ddff!important;border-radius:24px!important;padding:24px!important;min-height:260px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:inset 0 0 0 1px rgba(104,38,255,.04)}.mfa-qr-frame img{display:block!important;width:220px!important;height:220px!important;max-width:100%!important;object-fit:contain!important;image-rendering:pixelated}.mfa-theme-card{overflow:visible}.account-info-note{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px 14px;color:#475467;margin-bottom:16px}.case-create-panel form.profile-form,.case-create-panel .compact-profile-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.case-create-panel label{display:flex!important;flex-direction:column!important;gap:8px!important;font-weight:800;color:#101828}.case-create-panel input,.case-create-panel select,.case-create-panel textarea{width:100%!important;border:1px solid #e4e7ec!important;border-radius:14px!important;padding:13px 14px!important;background:#fff!important;font:inherit!important;color:#101828!important}.case-create-panel .full-width{grid-column:1 / -1!important}.tenant-search-form input[type="search"]{min-width:340px;border:1px solid #ddd6fe;border-radius:999px;padding:13px 18px;background:#fff}.pagination-row{display:flex;justify-content:flex-end;gap:10px;padding:14px 0 0}.disabled-link{opacity:.45;pointer-events:none}.tenant-profile-editor{border-color:#ddd6fe}.onboarding-modal{max-width:780px!important}.onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.onboarding-step{min-height:138px}.onboarding-step small{line-height:1.45}.onboarding-actions{flex-wrap:wrap}
@media(max-width:800px){.case-create-panel form.profile-form,.case-create-panel .compact-profile-form{grid-template-columns:1fr!important}.tenant-search-form input[type="search"]{min-width:0;width:100%}.onboarding-steps{grid-template-columns:1fr!important}.mfa-required-banner{margin:0 16px 10px;align-items:flex-start;flex-direction:column}}

/* v10790: compact, sharper SaaS UI pass */
.mfa-compact-page{width:min(1180px,94vw);margin:18px auto 32px!important;min-height:auto!important}.mfa-compact-shell{background:rgba(255,255,255,.86);border:1px solid rgba(104,38,255,.16);border-radius:30px;padding:22px;box-shadow:0 30px 90px rgba(42,25,85,.10);backdrop-filter:blur(18px)}.mfa-compact-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.mfa-compact-head h1{font-size:clamp(34px,4.2vw,58px);line-height:.92;letter-spacing:-.065em;margin:8px 0}.mfa-compact-head p{max-width:720px;color:#667085;font-size:16px;line-height:1.45;margin:0}.mfa-compact-card{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:center;background:#fff;border:1px solid rgba(104,38,255,.14);border-radius:24px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.mfa-compact-qr{display:grid;place-items:center;gap:10px;background:linear-gradient(180deg,#fbf8ff,#fff);border:1px solid #eee7ff;border-radius:20px;padding:14px;min-height:295px}.mfa-compact-qr img{display:block!important;width:218px!important;height:218px!important;object-fit:contain;background:#fff;border:10px solid #fff;border-radius:16px;box-shadow:0 16px 45px rgba(17,24,39,.10);image-rendering:pixelated}.mfa-compact-form{min-width:0}.mfa-compact-form h2{font-size:30px;letter-spacing:-.04em;margin:8px 0}.mfa-compact-form p{color:#667085;margin:0 0 14px;line-height:1.5}.mfa-inline-form{display:grid;grid-template-columns:minmax(160px,240px) auto;gap:10px;align-items:center}.mfa-inline-form input{height:52px;border:1px solid #ded7ff;border-radius:16px;padding:0 16px;font-size:22px;font-weight:900;letter-spacing:.18em;text-align:center}.mfa-secret-details{margin-top:12px;color:#5b21b6;font-weight:800}.compact-secret{margin-top:10px;padding:12px!important;border-radius:14px!important}.compact-secret strong{font-size:13px!important;word-break:break-all}.otpauth-box{width:100%;min-height:54px;border:1px solid #e5e7eb;border-radius:12px;margin-top:8px;padding:10px;font-size:12px}.recovery-compact-card{grid-template-columns:280px 1fr auto}.recovery-code-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recovery-code-grid-compact code{padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;font-size:12px}.compact-fallback{min-height:180px;display:grid;place-items:center;text-align:center}
.dashboard-v10790-page{margin-top:16px!important}.dashboard-hero-v10790{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;border:1px solid rgba(104,38,255,.14);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(250,247,255,.88));box-shadow:0 28px 85px rgba(42,25,85,.10);margin-bottom:18px}.dashboard-hero-v10790 h1{margin:8px 0;font-size:clamp(38px,5vw,72px);line-height:.9;letter-spacing:-.075em}.dashboard-hero-v10790 p{margin:0;color:#667085;max-width:760px;font-size:17px}.dashboard-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dashboard-kpi-grid-v10790 .dash-kpi{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfaff);border:1px solid rgba(104,38,255,.12);box-shadow:0 18px 50px rgba(42,25,85,.07)}.dashboard-kpi-grid-v10790 .dash-kpi:before{content:"";position:absolute;right:-34px;top:-34px;width:90px;height:90px;border-radius:999px;background:rgba(104,38,255,.07)}.dashboard-kpi-grid-v10790 .hero-kpi{background:linear-gradient(135deg,#6826ff,#8b5cf6);color:white}.dashboard-kpi-grid-v10790 .hero-kpi span,.dashboard-kpi-grid-v10790 .hero-kpi small{color:rgba(255,255,255,.82)}.dashboard-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.radar-signal-list{display:grid;gap:10px}.radar-signal-list div{display:grid;grid-template-columns:42px 1fr;gap:4px 12px;align-items:center;padding:12px;border:1px solid #eee7ff;border-radius:16px;background:#fbfaff}.radar-signal-list span{grid-row:1/3;width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#ede9fe;color:#6826ff;font-weight:950}.radar-signal-list small{color:#667085}.supplier-memory-card,.risk-radar-card,.recent-scans-card{box-shadow:0 18px 55px rgba(42,25,85,.06)}
.support-compact-page .account-page-titlebar{margin-bottom:14px}.support-cases-first{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:14px;align-items:start}.support-case-form-v10790{gap:10px!important}.support-case-form-v10790 input,.support-case-form-v10790 select{min-height:44px!important}.support-case-form-v10790 textarea{min-height:88px!important}.compact-case-list{max-height:390px;overflow:auto;padding-right:3px}.kb-link-panel{display:flex;justify-content:space-between;gap:18px;align-items:center}.kb-link-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.kb-link-row a{display:inline-flex;padding:10px 12px;border-radius:999px;background:#f3f0ff;border:1px solid #e5ddff;text-decoration:none;color:#6826ff;font-weight:900;font-size:13px}.compact-lock{padding:14px!important;border-radius:16px!important}
.scan-one-screen-page{width:min(1360px,94vw);margin:18px auto 30px}.scan-compact-hero{padding:22px 26px!important;margin-bottom:14px!important}.scan-compact-hero h1{font-size:clamp(34px,4.8vw,62px)!important;line-height:.92!important;margin:8px 0!important}.scan-compact-hero p{max-width:760px!important}.scan-workbench-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(330px,.85fr) minmax(290px,.7fr);gap:14px;align-items:stretch}.compact-scan-card,.compact-bulk-card,.compact-check-card{min-height:0!important;height:auto!important;border-radius:24px!important}.compact-dropzone{min-height:245px!important;padding:18px!important}.compact-dropzone h2{font-size:26px!important}.compact-bulk-card{background:#fff;border:1px solid rgba(104,38,255,.14);padding:18px;box-shadow:0 20px 60px rgba(42,25,85,.08)}.compact-bulk-card h2{font-size:28px;margin:8px 0;letter-spacing:-.04em}.compact-bulk-card p{color:#667085;line-height:1.45}.compact-bulk-drop{min-height:145px!important;padding:14px!important;border-radius:18px!important}.compact-bulk-list{max-height:76px;overflow:auto}.bulk-cta-card ul{margin:12px 0;padding-left:18px;color:#475467;font-weight:700}.compact-check-card{padding:18px!important}.compact-check-card h2{font-size:26px!important;margin-bottom:12px!important}.compact-check-card .scan-check-list{gap:8px!important}.compact-check-card .scan-check-list div{padding:10px 12px!important;border-radius:14px!important}
.tenant-search-form{display:grid!important;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;align-items:center}.tenant-search-feedback{grid-column:1/-1;color:#667085;font-size:13px;font-weight:800;margin-top:-2px}.tenant-search-form input[type="search"]{min-width:0!important}.account-info-note strong{color:#111827}.profile-form-grid button:disabled,.profile-form-grid input:disabled,.profile-form-grid select:disabled,.profile-form-grid textarea:disabled{cursor:not-allowed;opacity:.72}.profile-form-grid input:disabled,.profile-form-grid select:disabled,.profile-form-grid textarea:disabled{background:#f8fafc!important;color:#475467!important}
@media (max-width:1150px){.scan-workbench-grid,.support-cases-first,.dashboard-focus-grid{grid-template-columns:1fr}.mfa-compact-card{grid-template-columns:1fr}.mfa-compact-qr{min-height:250px}.kb-link-panel{align-items:flex-start;flex-direction:column}.kb-link-row{justify-content:flex-start}.tenant-search-form{grid-template-columns:1fr!important}.dashboard-hero-v10790{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.mfa-compact-head{flex-direction:column;align-items:flex-start}.mfa-inline-form{grid-template-columns:1fr}.dashboard-hero-v10790{padding:22px}.scan-one-screen-page,.account-page{width:min(96vw,100%)!important}.recovery-compact-card{grid-template-columns:1fr}.recovery-code-grid-compact{grid-template-columns:1fr}}

/* =========================================================
   v10820 Portal polish system: consistent cards, themes, mobile
   ========================================================= */
:root{
  --panel-bg: rgba(255,255,255,.84);
  --panel-bg-strong: rgba(255,255,255,.94);
  --panel-border: rgba(124,58,237,.14);
  --panel-shadow: 0 24px 70px rgba(24,24,48,.10);
  --text-main: #090914;
  --text-soft: #667085;
  --surface-muted: rgba(124,58,237,.055);
  --surface-muted-2: rgba(15,23,42,.035);
  --accent: #6423ff;
  --accent-2: #8b5cf6;
}
body.dark-theme, html.dark-theme, [data-theme="dark"]{
  --panel-bg: rgba(16,18,28,.78);
  --panel-bg-strong: rgba(20,22,35,.92);
  --panel-border: rgba(167,139,250,.22);
  --panel-shadow: 0 24px 70px rgba(0,0,0,.35);
  --text-main: #f8fafc;
  --text-soft: #a5adbd;
  --surface-muted: rgba(139,92,246,.14);
  --surface-muted-2: rgba(255,255,255,.055);
}
body{color:var(--text-main)}
.page-polished,.account-page,.scan-app-page,.result-page,.admin-page,.support-page,.history-page{max-width:1480px;margin:0 auto;padding:18px clamp(14px,2vw,28px) 40px;}
.page-hero-card,.compact-titlebar,.scan-app-hero,.result-decision-hero,.support-hero,.admin-hero,.mfa-mini-shell,.polished-panel,.enterprise-panel,.account-card,.stat-card,.quick-advice-card,.scan-upload-card,.bulk-upload-card,.bulk-cta-card,.scan-explain-card,.result-section,.preview-section{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(22px);border-radius:28px;color:var(--text-main);}
.page-hero-card,.compact-hero-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 32px;margin-bottom:18px;}
.page-hero-card h1,.compact-titlebar h1,.scan-app-hero h1,.result-decision-hero h1,.mfa-mini-head h1{font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.055em;margin:.22rem 0 .5rem;color:var(--text-main);}
.page-hero-card p,.compact-titlebar p,.scan-app-hero p,.result-decision-hero p,.mfa-mini-head p,.polished-panel p{color:var(--text-soft)}
.mini-kicker,.section-kicker,.result-eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--surface-muted);color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;padding:8px 12px;}
.polished-strip,.tenant-role-strip{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:22px;box-shadow:0 14px 40px rgba(30,20,70,.07);}
.polished-strip div{min-width:0}.polished-strip strong{word-break:break-word}.polished-panel{padding:22px}.panel-headline{margin-bottom:18px}.panel-headline h2,.polished-panel h2{letter-spacing:-.03em;color:var(--text-main)}
.profile-form-grid.responsive-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.profile-field.full-width{grid-column:1/-1}.profile-field label{font-weight:800;color:var(--text-main);font-size:.86rem}.profile-field input,.profile-field select,.profile-field textarea,.mfa-inline-form input{background:var(--panel-bg-strong);border:1px solid rgba(100,116,139,.20);color:var(--text-main);border-radius:16px;min-height:46px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.profile-field input[readonly],.locked-field input{background:var(--surface-muted-2);color:var(--text-soft);cursor:not-allowed}.locked-field small,.muted-small{color:var(--text-soft);font-size:.78rem}.action-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
/* MFA compact one-screen */
.mfa-mini-page{min-height:calc(100vh - 88px);display:flex;align-items:flex-start;justify-content:center}.mfa-mini-shell{width:min(1040px,100%);padding:22px;margin-top:18px}.mfa-mini-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.mfa-mini-head h1{font-size:clamp(2rem,4.5vw,3.8rem)}.mfa-mini-grid{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:stretch}.mfa-qr-panel,.mfa-code-panel{border:1px solid var(--panel-border);background:var(--panel-bg-strong);border-radius:24px;padding:16px}.mfa-qr-image{display:block;width:min(230px,100%);height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff;border:12px solid #fff;border-radius:20px;margin:12px auto 0;box-shadow:0 16px 36px rgba(17,24,39,.14)}.mfa-code-panel h2{font-size:1.3rem;margin:12px 0 6px}.mfa-inline-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0}.mfa-secret-details{margin-top:8px;color:var(--text-soft)}.manual-secret-box,.otpauth-box{max-width:100%;overflow:auto}.otpauth-box{min-height:52px;font-size:.72rem;background:var(--surface-muted-2);border:1px solid var(--panel-border);color:var(--text-soft);border-radius:14px;padding:10px}.recovery-code-grid-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto}
/* Scan one-screen */
.scan-one-screen-page{padding-top:18px}.scan-compact-hero{padding:24px 28px;margin-bottom:16px}.scan-compact-hero h1{font-size:clamp(2rem,4vw,3.5rem)}.scan-workbench-grid{display:grid;grid-template-columns:1.1fr .9fr .8fr;gap:16px;align-items:stretch}.compact-scan-card,.compact-bulk-card,.compact-check-card{min-height:0;padding:18px}.compact-dropzone{min-height:220px}.compact-bulk-list{max-height:86px;overflow:auto}.scan-check-list{display:grid;gap:10px}.scan-check-list div{background:var(--surface-muted-2);border:1px solid var(--panel-border);border-radius:16px;padding:10px}
/* Result decision layout */
.result-decision-page{display:grid;gap:16px}.result-decision-hero{display:grid;grid-template-columns:1fr 220px;gap:22px;align-items:center;padding:28px 32px}.decision-score-card{border-radius:28px;padding:22px;text-align:center;background:var(--panel-bg-strong);border:1px solid var(--panel-border)}.decision-score-card span{display:block;color:var(--text-soft);font-weight:800}.decision-score-card strong{font-size:4.8rem;line-height:.9;letter-spacing:-.08em}.decision-score-card small{font-size:1rem;color:var(--text-soft)}.decision-next-step{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:center;padding:22px}.decision-next-step h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:.25rem 0}.decision-action-list{display:grid;gap:8px}.decision-action-list div,.finding-row,.domain-compact-card{background:var(--surface-muted-2);border:1px solid var(--panel-border);border-radius:18px;padding:12px 14px}.result-flow-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.findings-decision-list{display:grid;gap:10px}.finding-row{border-left:5px solid rgba(100,35,255,.55)}.finding-row.finding-danger{border-left-color:#ef4444}.finding-row.finding-warning{border-left-color:#f59e0b}.finding-row.finding-positive{border-left-color:#22c55e}.finding-row strong{font-size:1rem}.finding-row span{display:block;color:var(--text-soft);font-size:.82rem}.finding-row p{margin:6px 0 0}.compact-data-overview{display:grid;grid-template-columns:1fr;gap:10px}.compact-data-overview .data-card{min-width:0}.domain-compact-list{display:grid;gap:10px}.domain-compact-card strong,.domain-compact-card span{display:block}.domain-compact-card span{color:var(--text-soft);font-size:.84rem;margin-bottom:8px}.result-explain-panel .check-explainer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Support: cases first, KB links compact */
.support-page .support-case-panel,.support-page .support-cases-list{order:-2}.support-page .knowledgebase-grid,.support-page .support-kb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.support-page .knowledgebase-grid article,.support-page .support-kb-grid article{padding:14px;border-radius:18px;background:var(--surface-muted-2);border:1px solid var(--panel-border)}
/* More consistent portal pages */
.account-content-stack>section,.account-content-stack>article,.admin-page section,.history-page section,.support-page section{border-radius:24px}.account-layout-grid{align-items:start}.account-content-stack{min-width:0}.account-menu{position:sticky;top:96px}.account-menu a{border-radius:16px}.data-card,.intel-card,.check-explainer-card,.stat-card{background:var(--panel-bg-strong);border:1px solid var(--panel-border);color:var(--text-main)}
/* Dark theme fixes for forms/nav/cards */
body.dark-theme input,body.dark-theme select,body.dark-theme textarea,html.dark-theme input,html.dark-theme select,html.dark-theme textarea,[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:rgba(15,23,42,.78)!important;color:#f8fafc!important;border-color:rgba(148,163,184,.25)!important}body.dark-theme .site-bg,html.dark-theme .site-bg,[data-theme="dark"] .site-bg{background:#080914}body.dark-theme .grid-bg,html.dark-theme .grid-bg,[data-theme="dark"] .grid-bg{opacity:.18}body.dark-theme .mfa-qr-image,html.dark-theme .mfa-qr-image,[data-theme="dark"] .mfa-qr-image{background:#fff!important}
/* Mobile responsive across account/admin/scan/result */
@media (max-width: 1120px){.scan-workbench-grid,.result-flow-grid{grid-template-columns:1fr}.result-explain-panel .check-explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-form-grid.responsive-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-next-step,.result-decision-hero{grid-template-columns:1fr}.decision-score-card{max-width:360px}.scan-workbench-grid{align-items:start}.account-layout-grid{grid-template-columns:1fr}.account-menu{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media (max-width: 760px){.page-polished,.account-page,.scan-app-page,.result-page,.admin-page,.support-page,.history-page{padding:12px 10px 28px}.page-hero-card,.compact-hero-card,.scan-app-hero,.result-decision-hero,.decision-next-step,.mfa-mini-shell{border-radius:22px;padding:18px}.page-hero-card,.mfa-mini-head{flex-direction:column;align-items:flex-start}.page-hero-card h1,.compact-titlebar h1,.scan-app-hero h1,.result-decision-hero h1,.mfa-mini-head h1{font-size:2rem;line-height:1.02}.profile-form-grid.responsive-form-grid,.mfa-mini-grid,.support-page .knowledgebase-grid,.support-page .support-kb-grid,.result-explain-panel .check-explainer-grid,.account-menu{grid-template-columns:1fr}.mfa-inline-form{grid-template-columns:1fr}.mfa-qr-image{width:210px}.decision-score-card strong{font-size:3.6rem}.tenant-role-strip{grid-template-columns:1fr 1fr}.scan-workbench-grid{gap:12px}.compact-dropzone{min-height:170px}.site-nav,.portal-topbar{max-width:calc(100vw - 20px);overflow:hidden}.nav-links{display:none}.user-menu,.tenant-switcher{min-width:0}.saas-primary-link,.primary-button{width:100%;justify-content:center;text-align:center}.action-row{align-items:stretch}.data-overview{grid-template-columns:1fr!important}.mini-data{grid-template-columns:1fr 1fr}}
@media (max-width: 430px){.tenant-role-strip{grid-template-columns:1fr}.decision-action-list div,.finding-row,.domain-compact-card{padding:10px}.mfa-qr-image{width:190px}.account-menu a{min-height:48px}.mini-data{grid-template-columns:1fr}.recovery-code-grid-compact{grid-template-columns:1fr}.decision-score-card{max-width:100%}}

/* v10820: visual consistency, compact MFA, tenant onboarding, tenant-first superadmin */
.mfa-one-screen-page{min-height:calc(100vh - 92px);display:flex;align-items:flex-start;justify-content:center;padding:14px 18px 24px!important}.mfa-one-card{width:min(1040px,100%);background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(24px);border-radius:28px;padding:20px;color:var(--text-main)}.mfa-one-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.mfa-one-head h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.055em;line-height:.96;margin:.2rem 0 .45rem;color:var(--text-main)}.mfa-one-head p{max-width:720px;color:var(--text-soft);margin:0}.mfa-one-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.mfa-inline-qr-card,.mfa-inline-code-card,.mfa-success-grid{background:var(--panel-bg-strong);border:1px solid var(--panel-border);border-radius:24px;padding:16px}.mfa-inline-qr-card h2,.mfa-inline-code-card h2{font-size:1.15rem;margin:.5rem 0}.mfa-inline-qr-wrap{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:20px;min-height:235px;padding:12px;box-shadow:inset 0 0 0 1px rgba(104,38,255,.14)}.mfa-inline-qr-svg{display:block;width:210px;height:210px;shape-rendering:crispEdges}.mfa-tight-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:12px}.mfa-tight-form label{font-weight:850;color:var(--text-main);display:flex;flex-direction:column;gap:8px}.mfa-tight-form input{font-size:1.2rem;letter-spacing:.18em;text-align:center}.compact-details{margin-top:12px}.mfa-success-grid{display:grid;grid-template-columns:1fr 1.2fr auto;gap:14px;align-items:center}.tenant-onboarding-backdrop{display:none}.tenant-onboarding-backdrop.active{display:flex}.tenant-onboarding-modal{position:relative;max-width:620px!important;padding:22px!important}.onboarding-x{position:absolute;right:16px;top:14px;border:0;background:rgba(124,58,237,.08);color:var(--text-main);width:34px;height:34px;border-radius:999px;font-weight:900;cursor:pointer}.onboarding-slide{display:none;min-height:132px}.onboarding-slide.active{display:block}.onboarding-slide h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:.98;letter-spacing:-.05em;margin:.35rem 0;color:var(--text-main)}.onboarding-slide p{color:var(--text-soft);font-size:1rem;line-height:1.6}.onboarding-progress{display:flex;gap:8px;margin:10px 0 16px}.onboarding-progress span{height:8px;flex:1;border-radius:999px;background:rgba(124,58,237,.16)}.onboarding-progress span.active{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.onboarding-choice-actions{justify-content:flex-end}.admin-tenant-console{max-width:1480px;margin:0 auto}.admin-tenant-hero{margin-bottom:14px}.tenant-module-hub{padding:18px;margin-bottom:14px}.tenant-module-grid-top{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.tenant-module-grid-top a{display:flex;flex-direction:column;gap:3px;text-decoration:none;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(255,255,255,.84));border:1px solid var(--panel-border);border-radius:18px;padding:12px;color:var(--text-main);min-height:72px}.tenant-module-grid-top a strong{font-size:.95rem}.tenant-module-grid-top a span{color:var(--text-soft);font-size:.78rem}.admin-control-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;margin-bottom:14px}.admin-control-strip p{margin:.25rem 0 0;color:var(--text-soft)}.admin-page .admin-panel,.support-page .compact-panel,.history-page .compact-panel,.account-page .compact-panel,.account-page .account-card,.scan-app-page .scan-upload-card,.scan-app-page .bulk-upload-card,.result-page .result-section{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(22px);border-radius:26px}.admin-page .admin-panel-head h2,.support-page h2,.history-page h2,.account-page h2,.scan-app-page h2,.result-page h2{letter-spacing:-.035em;color:var(--text-main)}.admin-page .admin-panel-head span,.support-page p,.history-page p,.account-page p,.scan-app-page p,.result-page p{color:var(--text-soft)}.dashboard-hero-v10800,.page-hero-card,.compact-titlebar,.scan-app-hero,.result-decision-hero,.support-hero,.admin-hero{background:linear-gradient(135deg,var(--panel-bg),rgba(124,58,237,.10));border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:blur(24px);border-radius:30px;color:var(--text-main)}
body.dark-theme .mfa-inline-qr-wrap,html.dark-theme .mfa-inline-qr-wrap,[data-theme="dark"] .mfa-inline-qr-wrap{background:#fff!important}body.dark-theme .mfa-inline-qr-svg g,html.dark-theme .mfa-inline-qr-svg g,[data-theme="dark"] .mfa-inline-qr-svg g{fill:#101828!important}body.dark-theme .mfa-inline-qr-svg > rect,html.dark-theme .mfa-inline-qr-svg > rect,[data-theme="dark"] .mfa-inline-qr-svg > rect{fill:#fff!important}body.dark-theme .tenant-module-grid-top a,html.dark-theme .tenant-module-grid-top a,[data-theme="dark"] .tenant-module-grid-top a{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(15,23,42,.86))}
@media(max-width:1100px){.tenant-module-grid-top{grid-template-columns:repeat(3,minmax(0,1fr))}.mfa-one-grid{grid-template-columns:280px 1fr}.admin-control-strip{align-items:flex-start;flex-direction:column}}@media(max-width:760px){.mfa-one-screen-page{padding:10px!important}.mfa-one-card{border-radius:22px;padding:16px}.mfa-one-head{flex-direction:column}.mfa-one-head h1{font-size:2.1rem}.mfa-one-grid,.mfa-tight-form,.mfa-success-grid{grid-template-columns:1fr}.mfa-inline-qr-wrap{min-height:210px}.mfa-inline-qr-svg{width:190px;height:190px}.tenant-module-grid-top{grid-template-columns:1fr 1fr}.tenant-onboarding-modal{max-width:calc(100vw - 22px)!important}.onboarding-choice-actions{align-items:stretch}.onboarding-choice-actions .saas-login-link,.onboarding-choice-actions .saas-primary-link,.onboarding-choice-actions button{width:100%;justify-content:center}.dashboard-hero-v10800,.page-hero-card,.compact-titlebar,.scan-app-hero,.result-decision-hero,.support-hero,.admin-hero{border-radius:22px}}@media(max-width:430px){.tenant-module-grid-top{grid-template-columns:1fr}.mfa-inline-qr-svg{width:175px;height:175px}}

/* =========================================================
   v10820 - unified product UI polish
========================================================= */
:root{--accent-a:#6826ff;--accent-b:#a855f7;--accent-c:#06b6d4;--hero-tint:rgba(104,38,255,.10);--hero-tint-2:rgba(6,182,212,.08)}
body[data-theme="dark"]{--hero-tint:rgba(124,58,237,.22);--hero-tint-2:rgba(6,182,212,.12)}
.account-page-titlebar,.page-hero-card,.compact-titlebar,.dashboard-hero-v10820,.dashboard-hero-v10800,.scan-app-hero,.result-decision-hero,.support-hero,.admin-hero,.admin-tenant-hero,.account-hero-unified{width:min(96%,1420px);margin:18px auto 20px;padding:28px 32px;border-radius:32px;background:radial-gradient(circle at 88% 10%,rgba(104,38,255,.16),transparent 32%),linear-gradient(135deg,var(--panel-bg-strong),var(--panel-bg) 58%,var(--hero-tint));border:1px solid rgba(104,38,255,.16);box-shadow:0 24px 70px rgba(31,17,69,.10);display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--text-main);backdrop-filter:blur(24px)}
.account-page-titlebar h1,.page-hero-card h1,.compact-titlebar h1,.dashboard-hero-v10820 h1,.dashboard-hero-v10800 h1,.scan-app-hero h1,.support-hero h1,.admin-hero h1,.admin-tenant-hero h1,.account-hero-unified h1{font-size:clamp(2.35rem,5vw,4.7rem);line-height:.95;letter-spacing:-.075em;margin:.18rem 0 .45rem;color:var(--text-main)}
.account-page-titlebar p,.page-hero-card p,.compact-titlebar p,.dashboard-hero-v10820 p,.dashboard-hero-v10800 p,.scan-app-hero p,.support-hero p,.admin-hero p,.admin-tenant-hero p,.account-hero-unified p{color:var(--text-soft);font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:650;line-height:1.5;margin:0;max-width:850px}.mini-kicker{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:8px 14px;background:linear-gradient(135deg,rgba(104,38,255,.10),rgba(168,85,247,.12));color:var(--accent-a);font-weight:950;text-transform:uppercase;letter-spacing:.09em;font-size:.75rem}
.tenant-status-ribbon{width:min(96%,1420px);margin:-8px auto 20px;padding:14px 16px;border:1px solid var(--panel-border);border-radius:24px;background:linear-gradient(135deg,var(--panel-bg-strong),rgba(104,38,255,.07));box-shadow:0 16px 50px rgba(30,20,70,.07);display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;color:var(--text-main)}.tenant-status-main{display:flex;align-items:center;gap:12px;min-width:0}.tenant-status-main strong{font-size:1.18rem;letter-spacing:-.03em}.tenant-status-main small{color:var(--text-soft);font-weight:750}.tenant-status-metrics{display:flex;gap:10px}.tenant-status-metrics div{min-width:92px;border:1px solid var(--panel-border);border-radius:16px;background:var(--panel-bg);padding:9px 12px}.tenant-status-metrics span{display:block;color:var(--text-soft);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.tenant-status-metrics b{display:block;font-size:.95rem;color:var(--text-main)}
.account-layout-grid,.account-layout-tight,.compact-layout-grid{width:min(96%,1420px)!important;margin-left:auto!important;margin-right:auto!important}.account-content-stack,.account-main-stack{gap:18px}.account-main-stack>section,.account-content-stack>section,.account-content-stack>article,.compact-panel,.enterprise-panel,.polished-panel,.admin-panel,.scan-upload-card,.bulk-upload-card,.result-section,.preview-section{border-radius:26px!important;border:1px solid var(--panel-border)!important;background:var(--panel-bg)!important;box-shadow:0 20px 60px rgba(31,17,69,.08)!important;backdrop-filter:blur(22px)}
.panel-headline h2,.compact-panel h2,.enterprise-panel h2,.admin-panel h2{font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.05em;margin:0 0 4px;color:var(--text-main)}.panel-headline p,.compact-panel p,.enterprise-panel p,.admin-panel p{color:var(--text-soft)}
.mfa-one-screen-page{min-height:calc(100vh - 76px);padding:10px 16px 18px!important}.mfa-one-card.mfa-setup-hero{display:block;width:min(1040px,96%);padding:18px 20px;margin-top:10px}.mfa-one-head h1{font-size:clamp(2rem,4vw,3.35rem)!important}.mfa-one-grid{grid-template-columns:280px minmax(0,1fr)!important;align-items:stretch}.mfa-inline-qr-card,.mfa-inline-code-card{padding:14px!important}.mfa-inline-qr-wrap{min-height:218px!important}.mfa-qr-route-image{display:block!important;width:204px!important;height:204px!important;object-fit:contain;background:#fff;border:10px solid #fff;border-radius:18px;box-shadow:0 18px 40px rgba(17,24,39,.14)}.mfa-qr-inline-fallback{display:none}.mfa-inline-qr-svg{width:204px!important;height:204px!important}.mfa-tight-form{grid-template-columns:minmax(0,1fr) auto!important}.manual-secret-box strong{word-break:break-all}.otpauth-box{max-height:58px}.mfa-secret-details summary{cursor:pointer;font-weight:900;color:var(--accent-a)}
.tenant-onboarding-backdrop{position:fixed!important;inset:0;z-index:9999;align-items:center;justify-content:center;background:rgba(7,8,22,.45);backdrop-filter:blur(10px);padding:18px}.tenant-onboarding-modal{background:var(--panel-bg-strong)!important;border:1px solid var(--panel-border)!important;border-radius:30px!important;box-shadow:0 40px 120px rgba(5,4,20,.28)!important;color:var(--text-main);width:min(620px,100%)}.tenant-onboarding-modal .saas-login-link{display:inline-flex!important}.onboarding-choice-actions{display:flex;gap:10px;flex-wrap:wrap}.onboarding-choice-actions button,.onboarding-choice-actions a{min-height:42px}
.password-reset-card{background:linear-gradient(135deg,var(--panel-bg),rgba(6,182,212,.08))!important}.settings-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.settings-command-grid .settings-summary-panel{grid-column:span 1!important}
.result-decision-page{width:min(96%,1420px);margin:0 auto 60px}.result-decision-hero{width:100%;grid-template-columns:minmax(0,1fr) 220px}.decision-next-step{background:linear-gradient(135deg,var(--panel-bg-strong),rgba(34,197,94,.08))!important}.finding-row{transition:.18s ease}.finding-row:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(31,17,69,.10)}.result-flow-grid{align-items:start}.decision-action-list div{font-weight:900;color:var(--text-main)}
.team-enterprise-table{overflow:hidden;border-radius:20px;border:1px solid var(--panel-border)}.team-table-head,.team-table-row{grid-template-columns:1.5fr .8fr .7fr .6fr}.enterprise-add-member{display:grid!important;grid-template-columns:1.2fr .8fr 1fr .7fr auto;gap:10px;align-items:end}.enterprise-add-member input,.enterprise-add-member select{min-width:0}.case-create-panel form label{font-weight:850;color:var(--text-main)}
body[data-theme="dark"] .account-page-titlebar,body[data-theme="dark"] .page-hero-card,body[data-theme="dark"] .compact-titlebar,body[data-theme="dark"] .dashboard-hero-v10820,body[data-theme="dark"] .dashboard-hero-v10800,body[data-theme="dark"] .tenant-status-ribbon{box-shadow:0 24px 80px rgba(0,0,0,.35);border-color:rgba(167,139,250,.18)}body[data-theme="dark"] .mfa-qr-route-image,body[data-theme="dark"] .mfa-inline-qr-wrap{background:#fff!important}body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:rgba(15,23,42,.78);border-color:rgba(255,255,255,.12);color:#f8fafc}body[data-theme="dark"] input[readonly]{background:rgba(30,41,59,.72);color:#94a3b8}
@media(max-width:1100px){.account-page-titlebar,.page-hero-card,.compact-titlebar,.dashboard-hero-v10820,.dashboard-hero-v10800,.scan-app-hero,.result-decision-hero,.support-hero,.admin-hero,.admin-tenant-hero{align-items:flex-start;flex-direction:column}.tenant-status-ribbon{grid-template-columns:1fr}.tenant-status-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.settings-command-grid{grid-template-columns:1fr!important}.enterprise-add-member{grid-template-columns:1fr 1fr}.result-decision-hero,.decision-next-step,.result-flow-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){.account-page-titlebar,.page-hero-card,.compact-titlebar,.dashboard-hero-v10820,.dashboard-hero-v10800,.scan-app-hero,.result-decision-hero,.support-hero,.admin-hero,.admin-tenant-hero{width:calc(100% - 24px);padding:22px 18px;border-radius:24px}.account-page-titlebar h1,.page-hero-card h1,.compact-titlebar h1,.dashboard-hero-v10820 h1,.dashboard-hero-v10800 h1{font-size:2.4rem}.tenant-status-ribbon{width:calc(100% - 24px);margin-top:-6px}.tenant-status-main{align-items:flex-start;flex-direction:column}.tenant-status-metrics{grid-template-columns:1fr}.account-layout-grid,.account-layout-tight,.compact-layout-grid{width:calc(100% - 24px)!important}.mfa-one-grid,.mfa-tight-form{grid-template-columns:1fr!important}.mfa-qr-route-image{width:190px!important;height:190px!important}.enterprise-add-member{grid-template-columns:1fr}.team-table-head{display:none}.team-table-row{display:grid;grid-template-columns:1fr;gap:8px}.tenant-onboarding-modal{border-radius:24px!important;padding:20px!important}.onboarding-choice-actions{display:grid}.onboarding-choice-actions button,.onboarding-choice-actions a{width:100%;justify-content:center}.decision-score-card strong{font-size:3.5rem}}

/* =========================================================
   v10870 - tenant/account polish + admin data correctness
========================================================= */
.account-page,.admin-page,.support-page,.history-page,.scan-one-screen-page,.result-decision-page{width:min(96vw,1420px)!important;max-width:1420px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}.account-layout-grid,.account-layout-tight,.compact-layout-grid,.tenant-status-ribbon{width:100%!important;max-width:1420px!important}.account-content-stack{min-width:0}.account-content-stack>.polished-panel,.account-content-stack>.enterprise-panel,.account-content-stack>.admin-panel,.account-content-stack>.compact-panel{width:100%!important}.account-page .page-hero-card,.admin-page .page-hero-card,.support-page .page-hero-card,.history-page .page-hero-card,.scan-one-screen-page .page-hero-card,.account-hero-unified{width:100%!important;max-width:1420px!important;margin-left:auto!important;margin-right:auto!important;background:radial-gradient(circle at 86% 12%,rgba(104,38,255,.20),transparent 36%),radial-gradient(circle at 18% 100%,rgba(6,182,212,.09),transparent 34%),linear-gradient(135deg,var(--panel-bg-strong),var(--panel-bg) 62%,rgba(104,38,255,.10))!important;border:1px solid rgba(124,58,237,.18)!important;box-shadow:0 28px 88px rgba(31,17,69,.12)!important}.page-hero-card .saas-login-link,.page-hero-card .saas-primary-link{white-space:nowrap}.superadmin-side-link{background:linear-gradient(135deg,rgba(104,38,255,.11),rgba(6,182,212,.08))!important}.api-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 14px}.api-summary-grid div{border:1px solid var(--panel-border);background:var(--surface-muted-2);border-radius:18px;padding:14px}.api-summary-grid strong{display:block;font-size:1.5rem;letter-spacing:-.05em;color:var(--text-main)}.api-summary-grid small{display:block;color:var(--text-soft);font-weight:850}.accent-kpi{background:linear-gradient(135deg,var(--panel-bg-strong),rgba(6,182,212,.10))!important}.portal-aware-navbar{display:grid!important;grid-template-columns:auto minmax(220px,1fr) auto!important;gap:18px;align-items:center}.utility-nav-links{justify-content:flex-start!important}.tenant-context-pill{box-shadow:0 10px 26px rgba(104,38,255,.10)}.tenant-context-muted{font-weight:850;color:var(--text-soft)}.nav-account-label{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-tenant-hero .dashboard-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.admin-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.tenant-module-grid-top a{min-height:82px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,var(--panel-bg-strong),rgba(104,38,255,.055));transition:.16s ease}.tenant-module-grid-top a:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(31,17,69,.10)}.compact-table-scroll{max-height:290px;overflow:auto}.profile-form-grid,.responsive-form-grid{width:100%}.profile-field input,.profile-field select,.profile-field textarea{width:100%;box-sizing:border-box}@media(max-width:1180px){.admin-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.portal-aware-navbar{grid-template-columns:auto auto!important}.utility-nav-links{display:none!important}.api-summary-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.account-page,.admin-page,.support-page,.history-page,.scan-one-screen-page,.result-decision-page{width:calc(100vw - 22px)!important}.account-page .page-hero-card,.admin-page .page-hero-card,.support-page .page-hero-card,.history-page .page-hero-card,.scan-one-screen-page .page-hero-card{width:100%!important}.admin-kpi-grid,.api-summary-grid{grid-template-columns:1fr!important}.page-hero-card{padding:22px 18px!important}.page-hero-card h1{font-size:2.45rem!important}.portal-aware-navbar{grid-template-columns:auto auto!important}.nav-account-label{display:none}.saas-nav-actions{gap:6px}.nav-scan-wide{display:none!important}}


/* ==============================
   v10870 Enterprise navigation + visual consistency
   ============================== */
:root{
  --hero-gradient-v10870: radial-gradient(circle at 84% 8%, rgba(124,58,237,.24), transparent 34%), radial-gradient(circle at 18% 110%, rgba(6,182,212,.10), transparent 32%), linear-gradient(135deg,var(--panel-bg-strong),var(--panel-bg) 62%,rgba(124,58,237,.09));
  --rail-width-v10870: 292px;
}
.nav-v10870{width:min(96vw,1480px)!important;max-width:1480px!important;grid-template-columns:auto minmax(300px,1fr) auto!important;border-radius:30px!important;padding:12px 16px!important;}
.nav-context-v10870{gap:10px!important;align-items:center!important;justify-content:flex-start!important;}
.context-chip{display:flex;flex-direction:column;gap:1px;min-width:0;border:1px solid var(--panel-border);background:linear-gradient(135deg,var(--panel-bg-strong),rgba(124,58,237,.075));border-radius:18px;padding:8px 12px;color:var(--text-main);text-decoration:none;box-shadow:0 10px 28px rgba(31,17,69,.06)}
.context-chip strong{font-size:.92rem;line-height:1;letter-spacing:-.02em;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-chip small{font-size:.72rem;font-weight:800;color:var(--text-soft);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-chip.subtle{background:var(--panel-bg)}.context-chip.admin-chip{background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(6,182,212,.10))}.nav-actions-v10870{gap:8px!important}.nav-history-short{padding:10px 14px!important}.nav-account-pill{max-width:240px}.nav-account-avatar{flex:0 0 auto}

.account-page,.admin-page,.support-page,.history-page,.scan-app-page,.result-page{width:min(96vw,1480px)!important;max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;}
.account-page-titlebar,.dashboard-hero-v10820,.dashboard-hero-v10800,.page-hero-card,.compact-titlebar,.scan-app-hero,.result-decision-hero,.support-hero,.admin-hero,.admin-tenant-hero,.hero-v10870{width:100%!important;max-width:1480px!important;margin:16px auto 14px!important;padding:20px 28px!important;min-height:118px;border-radius:32px!important;background:var(--hero-gradient-v10870)!important;border:1px solid rgba(124,58,237,.18)!important;box-shadow:0 24px 70px rgba(31,17,69,.10)!important;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--text-main);backdrop-filter:blur(24px)}
.account-page-titlebar h1,.dashboard-hero-v10820 h1,.page-hero-card h1,.compact-titlebar h1,.scan-app-hero h1,.result-decision-hero h1,.support-hero h1,.admin-hero h1,.admin-tenant-hero h1,.hero-v10870 h1{font-size:clamp(2.05rem,4vw,3.85rem)!important;line-height:.94!important;letter-spacing:-.07em!important;margin:.12rem 0 .38rem!important;color:var(--text-main)!important}.account-page-titlebar p,.dashboard-hero-v10820 p,.page-hero-card p,.compact-titlebar p,.scan-app-hero p,.support-hero p,.admin-hero p,.hero-v10870 p{max-width:760px!important;color:var(--text-soft)!important;font-weight:650!important}
.mini-kicker,.section-kicker{border-radius:999px!important;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(6,182,212,.08))!important;color:var(--accent-a)!important;border:1px solid rgba(124,58,237,.12);font-weight:950!important}

.tenant-status-ribbon{width:100%!important;max-width:1480px!important;margin:0 auto 14px!important;border-radius:24px!important;background:linear-gradient(135deg,var(--panel-bg-strong),rgba(124,58,237,.055))!important;box-shadow:0 16px 42px rgba(31,17,69,.07)!important}.tenant-status-metrics div{background:var(--panel-bg-strong)!important}

.account-layout-grid,.account-layout-tight,.compact-layout-grid,.scan-with-sidebar,.result-with-sidebar{width:100%!important;max-width:1480px!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:var(--rail-width-v10870) minmax(0,1fr)!important;gap:18px!important;align-items:start!important}.account-main-stack,.account-main-tight,.account-content-stack{min-width:0;width:100%!important}.account-side-menu-v10870,.account-side-menu{position:sticky!important;top:98px!important;align-self:start!important;max-height:calc(100vh - 116px)!important;overflow:auto!important;padding-bottom:10px;scrollbar-width:thin}.account-side-card{border-radius:28px!important;border:1px solid var(--panel-border)!important;background:linear-gradient(180deg,var(--panel-bg-strong),var(--panel-bg))!important;box-shadow:0 18px 55px rgba(31,17,69,.08)!important;padding:14px!important}.account-side-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:8px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--panel-border)}.account-side-header strong{display:block;color:var(--text-main);font-size:1.05rem;letter-spacing:-.03em}.account-side-header small{display:block;color:var(--text-soft);font-weight:800;margin-top:3px}.account-menu-section-label{margin:14px 10px 7px;color:var(--text-soft);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.11em}.account-side-label{color:var(--accent-a);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.11em}.account-side-link{border-radius:18px!important;padding:10px 11px!important;gap:10px!important;border:1px solid transparent!important;transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease}.account-side-link:hover{transform:translateX(2px);border-color:rgba(124,58,237,.14)!important;background:rgba(124,58,237,.055)!important}.account-side-link.active{background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(6,182,212,.08))!important;border-color:rgba(124,58,237,.18)!important;box-shadow:0 12px 32px rgba(124,58,237,.10)!important}.account-side-link span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;background:rgba(124,58,237,.10)}.account-side-link strong{font-size:.93rem}.account-side-link small{font-size:.73rem}.small-upgrade-card{border-radius:24px!important;margin-top:12px!important;background:linear-gradient(135deg,var(--panel-bg-strong),rgba(124,58,237,.08))!important;border:1px solid var(--panel-border)!important}

.compact-panel,.enterprise-panel,.polished-panel,.account-card,.dash-kpi,.scan-upload-card,.bulk-upload-card,.bulk-cta-card,.scan-explain-card,.result-section,.preview-section,.case-create-panel,.kb-link-panel{border-radius:26px!important;background:linear-gradient(180deg,var(--panel-bg-strong),var(--panel-bg))!important;border:1px solid var(--panel-border)!important;box-shadow:0 18px 55px rgba(31,17,69,.07)!important;color:var(--text-main)!important}.dashboard-kpi-grid,.dashboard-kpi-grid-v10820{gap:14px!important}.dash-kpi{position:relative;overflow:hidden}.dash-kpi:before{content:"";position:absolute;inset:0 0 auto auto;width:84px;height:84px;border-radius:999px;background:rgba(124,58,237,.10);transform:translate(26px,-28px)}.dash-kpi strong{position:relative}.panel-headline h2,.account-page h2,.support-page h2,.history-page h2,.scan-app-page h2,.result-page h2{letter-spacing:-.045em!important;color:var(--text-main)!important}.panel-headline p,.account-page p,.support-page p,.history-page p,.scan-app-page p,.result-page p{color:var(--text-soft)!important}

/* Organisation and portal user pages get exactly the same canvas width */
.enterprise-account-page,.account-compact-page{width:min(96vw,1480px)!important;max-width:1480px!important}.enterprise-account-page .account-layout-grid,.enterprise-account-page .compact-layout-grid{width:100%!important}.enterprise-account-page .account-content-stack,.enterprise-account-page .account-main-stack{width:100%!important}.profile-form-grid,.responsive-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-field.full-width,.form-actions-row{grid-column:1/-1}.team-enterprise-table,.profile-form-grid,.tenant-role-strip{width:100%!important}.team-table-row,.team-table-head{grid-template-columns:minmax(260px,1.4fr) minmax(130px,.55fr) minmax(110px,.45fr) minmax(110px,.45fr)!important}.enterprise-add-member{grid-template-columns:1.2fr .8fr 1fr .6fr auto!important;align-items:end!important}

.scan-with-sidebar .scan-workbench-grid{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr) minmax(280px,.75fr)!important;gap:14px!important}.scan-with-sidebar .compact-dropzone{min-height:220px!important}.scan-with-sidebar .bulk-upload-card,.scan-with-sidebar .bulk-cta-card,.scan-with-sidebar .scan-explain-card{min-height:100%}.result-with-sidebar .decision-next-step,.result-with-sidebar .result-flow-grid,.result-with-sidebar .result-explain-panel,.result-with-sidebar .preview-section{width:100%!important}.result-with-sidebar .result-flow-grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)!important;gap:14px!important}

body[data-theme="dark"] .context-chip,body[data-theme="dark"] .account-side-card,body[data-theme="dark"] .small-upgrade-card,body[data-theme="dark"] .compact-panel,body[data-theme="dark"] .enterprise-panel,body[data-theme="dark"] .polished-panel,body[data-theme="dark"] .account-card,body[data-theme="dark"] .dash-kpi{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.76))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 22px 70px rgba(0,0,0,.32)!important}body[data-theme="dark"] .account-page-titlebar,body[data-theme="dark"] .dashboard-hero-v10820,body[data-theme="dark"] .page-hero-card,body[data-theme="dark"] .scan-app-hero,body[data-theme="dark"] .result-decision-hero{background:radial-gradient(circle at 84% 8%,rgba(124,58,237,.26),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(15,23,42,.82))!important}body[data-theme="dark"] .account-side-link span:first-child{background:rgba(167,139,250,.14)}

@media(max-width:1180px){.nav-v10870{grid-template-columns:auto auto!important}.nav-context-v10870{display:none!important}.account-layout-grid,.account-layout-tight,.compact-layout-grid,.scan-with-sidebar,.result-with-sidebar{grid-template-columns:1fr!important}.account-side-menu-v10870,.account-side-menu{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}.account-side-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-side-header,.account-menu-section-label{grid-column:1/-1}.small-upgrade-card{display:none}.scan-with-sidebar .scan-workbench-grid,.result-with-sidebar .result-flow-grid{grid-template-columns:1fr!important}.enterprise-add-member{grid-template-columns:1fr 1fr!important}.profile-form-grid,.responsive-form-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.nav-v10870{width:calc(100vw - 20px)!important;border-radius:22px!important;padding:10px!important}.nav-history-short,.nav-scan-wide,.language-switch{display:none!important}.account-page,.admin-page,.support-page,.history-page,.scan-app-page,.result-page{width:calc(100vw - 22px)!important}.account-page-titlebar,.dashboard-hero-v10820,.page-hero-card,.compact-titlebar,.scan-app-hero,.result-decision-hero,.support-hero,.admin-hero,.admin-tenant-hero,.hero-v10870{padding:18px 16px!important;border-radius:24px!important;min-height:0;flex-direction:column!important;align-items:flex-start!important}.account-page-titlebar h1,.dashboard-hero-v10820 h1,.page-hero-card h1,.scan-app-hero h1,.result-decision-hero h1{font-size:2.25rem!important;line-height:1!important}.tenant-status-ribbon{grid-template-columns:1fr!important;padding:12px!important}.tenant-status-metrics{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;width:100%}.tenant-status-ribbon .saas-primary-link,.tenant-status-ribbon .saas-login-link{width:100%;justify-content:center}.account-side-card{grid-template-columns:1fr!important}.account-side-link{padding:11px!important}.profile-form-grid,.responsive-form-grid,.enterprise-add-member{grid-template-columns:1fr!important}.team-table-head{display:none!important}.team-table-row{grid-template-columns:1fr!important}.scan-with-sidebar .scan-workbench-grid{grid-template-columns:1fr!important}.result-decision-hero{grid-template-columns:1fr!important}.nav-account-label{display:none!important}.nav-logout-button{padding:9px 11px!important}.context-chip strong,.context-chip small{max-width:160px}}
@media(max-width:430px){.tenant-status-metrics{grid-template-columns:1fr!important}.saas-logo-text{display:none}.nav-account-menu{gap:4px}.nav-logout-button{font-size:.8rem}.account-page-titlebar h1,.dashboard-hero-v10820 h1,.page-hero-card h1,.scan-app-hero h1,.result-decision-hero h1{font-size:1.95rem!important}}

/* =========================================================
   v10870 ultra-compact account workspace
   Goal: every account titlebar same compact height and the
   left workspace menu stays visible without page scrolling.
========================================================= */
:root {
  --account-rail-width-v10870: 258px;
  --account-top-offset-v10870: 78px;
}

.account-page,
.admin-page,
.support-page,
.history-page,
.scan-app-page,
.result-page {
  padding-top: 14px !important;
}

.account-page-titlebar,
.admin-page-titlebar,
.compact-titlebar,
.hero-v10870,
.hero-v10840,
.support-hero,
.admin-hero,
.admin-tenant-hero {
  min-height: 0 !important;
  padding: 14px 20px !important;
  margin-bottom: 12px !important;
  border-radius: 22px !important;
  gap: 12px !important;
  align-items: center !important;
}

.account-page-titlebar .mini-kicker,
.admin-page-titlebar .mini-kicker,
.hero-v10870 .mini-kicker,
.hero-v10840 .mini-kicker {
  padding: 5px 9px !important;
  font-size: .68rem !important;
  line-height: 1 !important;
}

.account-page-titlebar h1,
.admin-page-titlebar h1,
.compact-titlebar h1,
.hero-v10870 h1,
.hero-v10840 h1,
.support-hero h1,
.admin-hero h1,
.admin-tenant-hero h1 {
  font-size: clamp(1.75rem, 2.15vw, 2.55rem) !important;
  line-height: .98 !important;
  margin: .18rem 0 .22rem !important;
  letter-spacing: -.065em !important;
}

.account-page-titlebar p,
.admin-page-titlebar p,
.compact-titlebar p,
.hero-v10870 p,
.hero-v10840 p,
.support-hero p,
.admin-hero p,
.admin-tenant-hero p {
  font-size: .92rem !important;
  line-height: 1.28 !important;
  max-width: 760px !important;
  margin: 0 !important;
}

.account-page-titlebar .titlebar-actions,
.admin-page-titlebar .titlebar-actions {
  gap: 8px !important;
}

.account-page-titlebar .saas-primary-link,
.account-page-titlebar .saas-login-link,
.admin-page-titlebar .saas-primary-link,
.admin-page-titlebar .saas-login-link {
  min-height: 38px !important;
  padding: 9px 13px !important;
  border-radius: 14px !important;
  font-size: .88rem !important;
}

.account-layout-grid,
.account-layout-tight,
.compact-layout-grid,
.scan-with-sidebar,
.result-with-sidebar {
  grid-template-columns: var(--account-rail-width-v10870) minmax(0, 1fr) !important;
  gap: 14px !important;
  margin-top: 0 !important;
  align-items: start !important;
}

.account-side-menu-v10840,
.account-side-menu {
  position: sticky !important;
  top: var(--account-top-offset-v10870) !important;
  max-height: calc(100vh - 88px) !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

.account-side-card {
  padding: 10px !important;
  border-radius: 22px !important;
  display: grid !important;
  gap: 4px !important;
}

.account-side-header {
  padding: 6px 8px 8px !important;
  margin-bottom: 2px !important;
}

.account-side-header strong {
  font-size: .95rem !important;
  line-height: 1.1 !important;
}

.account-side-header small {
  font-size: .72rem !important;
  margin-top: 2px !important;
}

.account-side-label,
.account-menu-section-label {
  font-size: .61rem !important;
  letter-spacing: .10em !important;
}

.account-menu-section-label {
  margin: 8px 8px 3px !important;
}

.account-side-link {
  min-height: 0 !important;
  padding: 7px 8px !important;
  border-radius: 14px !important;
  gap: 8px !important;
}

.account-side-link span:first-child {
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  font-size: .9rem !important;
}

.account-side-link strong {
  font-size: .82rem !important;
  line-height: 1.05 !important;
}

.account-side-link small {
  font-size: .64rem !important;
  line-height: 1.05 !important;
  margin-top: 1px !important;
}

.small-upgrade-card {
  margin-top: 8px !important;
  padding: 10px !important;
  border-radius: 18px !important;
}

.small-upgrade-card h3 {
  font-size: .95rem !important;
  margin: 5px 0 3px !important;
}

.small-upgrade-card p {
  font-size: .72rem !important;
  line-height: 1.2 !important;
  margin: 0 0 7px !important;
}

.small-upgrade-card .saas-login-link,
.small-upgrade-card .saas-primary-link {
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 12px !important;
  font-size: .78rem !important;
}

.upgrade-pill {
  padding: 4px 7px !important;
  font-size: .62rem !important;
}

.tenant-status-ribbon {
  margin-bottom: 10px !important;
  padding: 10px 12px !important;
  border-radius: 20px !important;
}

.tenant-status-ribbon h2,
.tenant-status-ribbon h3,
.tenant-status-ribbon strong {
  line-height: 1.1 !important;
}

.account-main-tight,
.account-main-stack,
.account-content-stack,
.compact-content-stack {
  gap: 12px !important;
}

.compact-panel,
.enterprise-panel,
.polished-panel,
.account-card,
.dash-kpi,
.scan-upload-card,
.bulk-upload-card,
.bulk-cta-card,
.scan-explain-card,
.result-section,
.preview-section,
.case-create-panel,
.kb-link-panel {
  border-radius: 22px !important;
}

@media (min-width: 1181px) and (max-height: 820px) {
  .account-side-header small,
  .account-side-link small,
  .small-upgrade-card p {
    display: none !important;
  }
  .account-menu-section-label {
    margin-top: 7px !important;
  }
  .account-side-link {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .small-upgrade-card {
    display: none !important;
  }
}

@media (max-width: 1180px) {
  .account-layout-grid,
  .account-layout-tight,
  .compact-layout-grid,
  .scan-with-sidebar,
  .result-with-sidebar {
    grid-template-columns: 1fr !important;
  }
  .account-side-menu-v10840,
  .account-side-menu {
    position: relative !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .account-side-card {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .account-side-header,
  .account-menu-section-label {
    grid-column: 1 / -1 !important;
  }
  .account-side-link {
    padding: 9px !important;
  }
}

@media (max-width: 760px) {
  .account-page-titlebar,
  .admin-page-titlebar,
  .compact-titlebar,
  .hero-v10870,
  .hero-v10840,
  .support-hero,
  .admin-hero,
  .admin-tenant-hero {
    padding: 14px !important;
    border-radius: 20px !important;
    gap: 10px !important;
  }
  .account-page-titlebar h1,
  .admin-page-titlebar h1,
  .compact-titlebar h1,
  .hero-v10870 h1,
  .hero-v10840 h1 {
    font-size: 1.85rem !important;
  }
  .account-side-card {
    grid-template-columns: 1fr !important;
  }
}


/* v10870: werkruimte zonder titlebar, tenantstatus als compacte contextbalk */
.account-page-titlebar{display:none!important;}
.account-compact-page .account-page-titlebar{display:none!important;}
.account-page,.admin-page,.support-page,.history-page,.scan-app-page,.scan-one-screen-page,.result-page{padding-top:10px!important;}
.tenant-status-ribbon-v10870{display:grid!important;grid-template-columns:minmax(240px,1.1fr) minmax(320px,1.35fr) auto;align-items:center;gap:12px;width:100%!important;max-width:1480px!important;margin:10px auto 10px!important;padding:12px 14px!important;border-radius:20px!important;border:1px solid rgba(124,58,237,.16)!important;background:radial-gradient(circle at 95% 0%,rgba(124,58,237,.14),transparent 32%),linear-gradient(135deg,var(--panel-bg-strong),rgba(255,255,255,.74))!important;box-shadow:0 16px 44px rgba(31,17,69,.07)!important;min-height:0!important;}
.tenant-status-ribbon-v10870 .tenant-status-main{min-width:0;}
.tenant-status-ribbon-v10870 .mini-kicker{font-size:.68rem!important;letter-spacing:.12em!important;margin-bottom:2px!important;}
.tenant-status-ribbon-v10870 strong{font-size:1.06rem!important;line-height:1.1!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tenant-status-ribbon-v10870 small{display:block;color:var(--text-soft);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tenant-status-ribbon-v10870 .tenant-status-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.tenant-status-ribbon-v10870 .tenant-status-metrics div{border:1px solid var(--panel-border);border-radius:14px!important;padding:8px 10px!important;background:rgba(255,255,255,.62)!important;min-width:0;}
.tenant-status-ribbon-v10870 .tenant-status-metrics span{font-size:.68rem!important;text-transform:uppercase;letter-spacing:.10em;color:var(--text-soft);font-weight:900;display:block;}
.tenant-status-ribbon-v10870 .tenant-status-metrics b{font-size:.95rem!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.account-layout-tight,.compact-layout-grid,.admin-workspace-with-sidebar{align-items:start!important;margin-top:0!important;}
.account-side-menu-v10870{position:sticky!important;top:84px!important;align-self:start!important;max-height:calc(100vh - 96px)!important;overflow:auto!important;}
.account-side-menu-v10870 .account-side-card{padding:12px!important;border-radius:22px!important;}
.account-side-menu-v10870 .account-side-link{padding:9px 10px!important;border-radius:15px!important;}
.account-side-menu-v10870 .account-side-link span:first-child{width:30px!important;height:30px!important;min-width:30px!important;}
.account-side-menu-v10870 .account-side-link strong{font-size:.90rem!important;}
.account-side-menu-v10870 .account-side-link small{font-size:.72rem!important;}
.account-side-menu-v10870 .account-menu-section-label{margin:10px 4px 6px!important;font-size:.66rem!important;}
.account-side-menu-v10870 .small-upgrade-card{padding:12px!important;border-radius:20px!important;margin-top:10px!important;}
.admin-workspace-main>.tenant-module-hub:first-child,.admin-workspace-main>.admin-warning-card:first-child,.admin-workspace-main>.dashboard-kpi-grid:first-child{margin-top:0!important;}
.admin-workspace-main{min-width:0;width:100%;}
.admin-workspace-with-sidebar .admin-table-card,.admin-workspace-with-sidebar .admin-panel,.admin-workspace-with-sidebar .admin-warning-card{width:100%;}
body[data-theme="dark"] .tenant-status-ribbon-v10870{background:radial-gradient(circle at 95% 0%,rgba(124,58,237,.18),transparent 32%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(15,23,42,.78))!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 20px 60px rgba(0,0,0,.24)!important;}
body[data-theme="dark"] .tenant-status-ribbon-v10870 .tenant-status-metrics div{background:rgba(15,23,42,.66)!important;border-color:rgba(255,255,255,.10)!important;}
@media(max-width:980px){.tenant-status-ribbon-v10870{grid-template-columns:1fr!important}.tenant-status-ribbon-v10870 .saas-primary-link,.tenant-status-ribbon-v10870 .saas-login-link{width:100%;justify-content:center}.account-side-menu-v10870{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}.admin-workspace-with-sidebar{grid-template-columns:1fr!important}}
@media(max-width:560px){.tenant-status-ribbon-v10870{padding:10px!important;border-radius:18px!important}.tenant-status-ribbon-v10870 .tenant-status-metrics{grid-template-columns:1fr!important}.account-side-menu-v10870 .account-side-card{display:grid;grid-template-columns:1fr;gap:2px}}


/* v10870: fix superadmin tenant page syntax fallout + permanent enterprise workspace rail */
.dashboard-hero-v10820,
.scan-app-hero,
.scan-compact-hero,
.hero-v10870,
.hero-v10860,
.hero-v10840 {
  display: none !important;
}

:root {
  --workspace-rail-width-v10870: 292px;
  --workspace-nav-offset-v10870: 86px;
}

@media (min-width: 1181px) {
  .account-page,
  .admin-page,
  .support-page,
  .history-page,
  .scan-app-page,
  .scan-one-screen-page,
  .result-page,
  .result-decision-page {
    width: min(100vw - 28px, 1620px) !important;
    max-width: 1620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 8px !important;
  }

  .account-layout-grid,
  .account-layout-tight,
  .compact-layout-grid,
  .scan-with-sidebar,
  .result-with-sidebar,
  .admin-workspace-with-sidebar {
    width: 100% !important;
    max-width: 1620px !important;
    display: grid !important;
    grid-template-columns: var(--workspace-rail-width-v10870) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    margin-top: 0 !important;
  }

  .account-side-menu-v10870,
  .account-side-menu-v10860,
  .account-side-menu {
    position: fixed !important;
    top: var(--workspace-nav-offset-v10870) !important;
    bottom: 12px !important;
    width: var(--workspace-rail-width-v10870) !important;
    max-height: none !important;
    height: auto !important;
    overflow: hidden !important;
    padding: 0 !important;
    z-index: 35 !important;
  }

  .account-side-card {
    height: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding: 10px !important;
    border-radius: 24px !important;
  }

  .account-side-header {
    padding: 6px 8px 8px !important;
    margin-bottom: 2px !important;
  }

  .account-side-header strong {
    font-size: .95rem !important;
    line-height: 1.15 !important;
  }

  .account-side-header small {
    font-size: .70rem !important;
    line-height: 1.2 !important;
  }

  .account-menu-section-label {
    margin: 8px 8px 4px !important;
    font-size: .61rem !important;
    line-height: 1 !important;
  }

  .account-side-link {
    min-height: 0 !important;
    padding: 7px 8px !important;
    border-radius: 14px !important;
    gap: 8px !important;
  }

  .account-side-link span:first-child {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 11px !important;
    font-size: .86rem !important;
  }

  .account-side-link strong {
    font-size: .84rem !important;
    line-height: 1.08 !important;
  }

  .account-side-link small {
    display: none !important;
  }

  .small-upgrade-card {
    margin-top: auto !important;
    padding: 9px !important;
    border-radius: 18px !important;
  }

  .small-upgrade-card h3 {
    margin: 4px 0 !important;
    font-size: .88rem !important;
    line-height: 1.1 !important;
  }

  .small-upgrade-card p {
    display: none !important;
  }

  .small-upgrade-card .saas-primary-link,
  .small-upgrade-card .saas-login-link {
    width: 100% !important;
    min-height: 34px !important;
    padding: 8px 10px !important;
    justify-content: center !important;
    font-size: .78rem !important;
  }

  .account-main-stack,
  .account-main-tight,
  .account-content-stack,
  .admin-workspace-main {
    grid-column: 2 !important;
    min-width: 0 !important;
  }

  .tenant-status-ribbon-v10870,
  .tenant-status-ribbon-v10860,
  .tenant-status-ribbon {
    width: 100% !important;
    max-width: 1620px !important;
    margin: 6px auto 10px !important;
    padding: 10px 12px !important;
    min-height: 0 !important;
  }
}

@media (min-width: 1181px) and (max-height: 760px) {
  .small-upgrade-card { display: none !important; }
  .account-side-header small { display: none !important; }
  .account-menu-section-label { margin-top: 6px !important; }
  .account-side-link { padding-top: 6px !important; padding-bottom: 6px !important; }
}

@media (max-width: 1180px) {
  .dashboard-hero-v10820,
  .scan-app-hero,
  .scan-compact-hero { display: none !important; }
  .account-side-menu-v10870,
  .account-side-menu-v10860,
  .account-side-menu {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* v10880: stable fixed workspace rail without overlaying content/status, plus polished tenant command panel */
:root {
  --workspace-rail-width-v10880: 304px;
  --workspace-rail-left-v10880: 16px;
  --workspace-rail-gap-v10880: 18px;
  --workspace-rail-top-v10880: 82px;
}

@media (min-width: 1181px) {
  .account-page,
  .admin-page,
  .support-page,
  .history-page,
  .scan-app-page,
  .scan-one-screen-page,
  .result-page,
  .result-decision-page {
    width: auto !important;
    max-width: none !important;
    margin-left: calc(var(--workspace-rail-left-v10880) + var(--workspace-rail-width-v10880) + var(--workspace-rail-gap-v10880)) !important;
    margin-right: 18px !important;
    padding-top: 8px !important;
  }

  .account-layout-grid,
  .account-layout-tight,
  .compact-layout-grid,
  .scan-with-sidebar,
  .result-with-sidebar,
  .admin-workspace-with-sidebar {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    margin-top: 0 !important;
  }

  .account-main-stack,
  .account-main-tight,
  .account-content-stack,
  .admin-workspace-main {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .account-side-menu,
  .account-side-menu-v10860,
  .account-side-menu-v10870,
  .account-side-menu-v10880 {
    position: fixed !important;
    left: var(--workspace-rail-left-v10880) !important;
    top: var(--workspace-rail-top-v10880) !important;
    bottom: 16px !important;
    width: var(--workspace-rail-width-v10880) !important;
    max-height: calc(100vh - var(--workspace-rail-top-v10880) - 16px) !important;
    height: auto !important;
    overflow: hidden !important;
    padding: 0 !important;
    z-index: 24 !important;
  }

  .account-side-menu .account-side-card,
  .account-side-menu-v10880 .account-side-card {
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding: 10px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  .account-side-menu-v10880 .account-side-header,
  .account-side-menu .account-side-header {
    padding: 6px 8px 7px !important;
    margin-bottom: 1px !important;
  }

  .account-side-menu-v10880 .account-side-header strong,
  .account-side-menu .account-side-header strong {
    font-size: .92rem !important;
    line-height: 1.12 !important;
  }

  .account-side-menu-v10880 .account-side-header small,
  .account-side-menu .account-side-header small {
    display: block !important;
    font-size: .68rem !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .account-side-menu-v10880 .account-menu-section-label,
  .account-side-menu .account-menu-section-label {
    margin: 6px 8px 3px !important;
    font-size: .58rem !important;
    line-height: 1 !important;
  }

  .account-side-menu-v10880 .account-side-link,
  .account-side-menu .account-side-link {
    min-height: 0 !important;
    padding: 6px 8px !important;
    border-radius: 14px !important;
    gap: 8px !important;
  }

  .account-side-menu-v10880 .account-side-link span:first-child,
  .account-side-menu .account-side-link span:first-child {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 10px !important;
    font-size: .80rem !important;
  }

  .account-side-menu-v10880 .account-side-link strong,
  .account-side-menu .account-side-link strong {
    font-size: .80rem !important;
    line-height: 1.08 !important;
  }

  .account-side-menu-v10880 .account-side-link small,
  .account-side-menu .account-side-link small {
    display: none !important;
  }

  .platform-section-label {
    color: #7c3aed !important;
  }

  .small-upgrade-card {
    display: none !important;
  }

  .tenant-status-ribbon,
  .tenant-status-ribbon-v10860,
  .tenant-status-ribbon-v10870 {
    width: 100% !important;
    max-width: none !important;
    margin: 6px 0 10px !important;
    padding: 10px 12px !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .mfa-required-banner,
  .account-alert-wide,
  .account-success,
  .account-error {
    position: relative !important;
    z-index: 2 !important;
  }

  .saas-footer {
    margin-left: calc(var(--workspace-rail-left-v10880) + var(--workspace-rail-width-v10880) + var(--workspace-rail-gap-v10880)) !important;
  }

  .saas-footer-inner {
    width: min(96%, 1380px) !important;
  }
}

@media (min-width: 1181px) and (max-height: 760px) {
  .account-side-menu-v10880 .account-side-header small,
  .account-side-menu .account-side-header small { display: none !important; }
  .account-side-menu-v10880 .account-menu-section-label,
  .account-side-menu .account-menu-section-label { margin-top: 5px !important; }
  .account-side-menu-v10880 .account-side-link,
  .account-side-menu .account-side-link { padding-top: 5px !important; padding-bottom: 5px !important; }
}

@media (max-width: 1180px) {
  .account-side-menu-v10880,
  .account-side-menu-v10870,
  .account-side-menu-v10860,
  .account-side-menu {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    z-index: 1 !important;
  }
  .saas-footer { margin-left: 0 !important; }
}

.tenant-command-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr) !important;
  gap: 18px !important;
  align-items: center !important;
  border: 1px solid rgba(124, 58, 237, .18) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 58, 237, .16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,247,255,.86)) !important;
  box-shadow: 0 20px 55px rgba(31, 17, 69, .08) !important;
}

.tenant-command-copy strong {
  display: block;
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  letter-spacing: -.04em;
  margin: 3px 0 6px;
}

.tenant-command-copy p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.55;
  max-width: 780px;
}

.tenant-command-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.plan-upgrade-form {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(124, 58, 237, .14);
  border-radius: 18px;
  padding: 10px;
  display: grid !important;
  grid-template-columns: auto minmax(130px, 1fr) auto;
  gap: 8px !important;
  align-items: center;
}

.plan-upgrade-form label {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-weight: 900;
  color: var(--text-soft);
}

.plan-upgrade-form select {
  border-radius: 12px;
  min-height: 40px;
  border: 1px solid rgba(124,58,237,.18);
  background: #fff;
  font-weight: 850;
}

.tenant-delete-button {
  border-radius: 999px !important;
  padding: 11px 14px !important;
}

body[data-theme="dark"] .tenant-command-panel {
  background:
    radial-gradient(circle at 0% 0%, rgba(124, 58, 237, .22), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,27,75,.72)) !important;
  border-color: rgba(255,255,255,.12) !important;
}
body[data-theme="dark"] .plan-upgrade-form {
  background: rgba(15,23,42,.72);
  border-color: rgba(255,255,255,.12);
}
body[data-theme="dark"] .plan-upgrade-form select {
  background: #0f172a;
  color: #f8fafc;
  border-color: rgba(255,255,255,.14);
}
@media (max-width: 820px) {
  .tenant-command-panel { grid-template-columns: 1fr !important; }
  .tenant-command-actions { justify-content: flex-start !important; }
  .plan-upgrade-form { grid-template-columns: 1fr !important; width: 100%; }
}

/* v10890: workspace layout, navbar notifications, responsive platform modules */
:root {
  --workspace-rail-width-v10890: 304px;
  --workspace-rail-left-v10890: 16px;
  --workspace-rail-gap-v10890: 20px;
  --workspace-rail-top-v10890: 96px;
  --workspace-content-top-v10890: 104px;
}

.nav-notification-center { position: relative; }
.nav-notification-center > summary { list-style: none; cursor: pointer; min-width: 44px; height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border-radius: 999px; border: 1px solid var(--panel-border); background: var(--panel-bg-strong); color: var(--text-main); box-shadow: 0 10px 30px rgba(31,17,69,.07); }
.nav-notification-center > summary::-webkit-details-marker { display:none; }
.notification-count { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: linear-gradient(135deg,#7c3aed,#06b6d4); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: .68rem; font-weight: 950; }
.notification-panel { position:absolute; right:0; top:52px; width:min(360px, calc(100vw - 32px)); z-index:80; border:1px solid var(--panel-border); border-radius:22px; background: var(--panel-bg); box-shadow: 0 24px 70px rgba(31,17,69,.20); padding:12px; display:grid; gap:8px; }
.notification-panel > strong { color:var(--text-main); padding:4px 6px; }
.notification-panel a, .notification-empty { display:flex; gap:10px; align-items:flex-start; padding:11px; border-radius:16px; text-decoration:none; color:var(--text-main); background:rgba(124,58,237,.055); border:1px solid rgba(124,58,237,.10); }
.notification-panel a b { display:block; font-size:.92rem; }
.notification-panel a small, .notification-empty { color:var(--text-soft); line-height:1.35; }
.mobile-workspace-menu { display:none; position:relative; }
.mobile-workspace-menu > summary { list-style:none; cursor:pointer; border:1px solid var(--panel-border); background:var(--panel-bg-strong); color:var(--text-main); border-radius:999px; padding:10px 13px; font-weight:900; }
.mobile-workspace-menu > summary::-webkit-details-marker { display:none; }
.mobile-workspace-menu > div { position:absolute; right:0; top:48px; z-index:80; width:min(310px,calc(100vw - 24px)); padding:10px; border-radius:20px; border:1px solid var(--panel-border); background:var(--panel-bg); box-shadow:0 24px 70px rgba(31,17,69,.18); display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.mobile-workspace-menu a { text-decoration:none; color:var(--text-main); background:rgba(124,58,237,.065); border:1px solid rgba(124,58,237,.10); border-radius:14px; padding:10px; font-weight:850; }
.mobile-workspace-menu hr { grid-column:1/-1; width:100%; border:0; border-top:1px solid var(--panel-border); }

@media (min-width:1181px) {
  .account-page,.admin-page,.support-page,.history-page,.scan-app-page,.scan-one-screen-page,.result-page,.result-decision-page {
    margin-left: calc(var(--workspace-rail-left-v10890) + var(--workspace-rail-width-v10890) + var(--workspace-rail-gap-v10890)) !important;
    margin-right: 24px !important;
    padding-top: var(--workspace-content-top-v10890) !important;
    width: auto !important;
    max-width: calc(100vw - var(--workspace-rail-left-v10890) - var(--workspace-rail-width-v10890) - var(--workspace-rail-gap-v10890) - 48px) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  .account-side-menu,.account-side-menu-v10860,.account-side-menu-v10870,.account-side-menu-v10880 {
    top: var(--workspace-rail-top-v10890) !important;
    left: var(--workspace-rail-left-v10890) !important;
    bottom: 18px !important;
    width: var(--workspace-rail-width-v10890) !important;
    max-height: calc(100vh - var(--workspace-rail-top-v10890) - 18px) !important;
    z-index: 18 !important;
  }
  .saas-footer { margin-left: calc(var(--workspace-rail-left-v10890) + var(--workspace-rail-width-v10890) + var(--workspace-rail-gap-v10890)) !important; }
  .tenant-status-ribbon,.tenant-status-ribbon-v10860,.tenant-status-ribbon-v10870 { margin-top: 0 !important; }
  .admin-table-card,.admin-panel,.compact-panel,.tenant-command-panel { max-width: 100% !important; overflow: hidden !important; }
  .table-scroll { max-width: 100% !important; overflow-x: auto !important; }
}

.platform-module-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 20px !important; }
.platform-module-head h1 { margin:.15rem 0 .35rem; font-size:clamp(2rem,3vw,3.6rem); line-height:.98; letter-spacing:-.055em; color:var(--text-main); }
.platform-module-head p { max-width:820px; margin:0; color:var(--text-soft); }
.subscription-control-panel { background: radial-gradient(circle at 0% 0%, rgba(124,58,237,.16), transparent 34%), linear-gradient(135deg, var(--panel-bg-strong), rgba(6,182,212,.07)) !important; }
.subscription-control-panel .tenant-command-copy strong { font-size:clamp(1.35rem,2.3vw,2rem); }
.inline-status { display:inline-flex !important; padding:8px 10px !important; margin-top:10px !important; border-radius:14px !important; }
.double-confirm-note { grid-column:1/-1; color:var(--text-soft); font-weight:800; }
.subscription-save-button { background:linear-gradient(135deg,#7c3aed,#06b6d4) !important; color:#fff !important; border:0 !important; }

body[data-theme="dark"] .notification-panel,
body[data-theme="dark"] .mobile-workspace-menu > div { background:rgba(15,23,42,.96); border-color:rgba(255,255,255,.12); }
body[data-theme="dark"] .nav-notification-center > summary,
body[data-theme="dark"] .mobile-workspace-menu > summary { background:rgba(15,23,42,.88); border-color:rgba(255,255,255,.12); }

@media (max-width:1180px) {
  .account-page,.admin-page,.support-page,.history-page,.scan-app-page,.scan-one-screen-page,.result-page,.result-decision-page { padding-top: 92px !important; width:calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; margin-left:auto !important; margin-right:auto !important; overflow-x:hidden !important; }
  .account-side-menu,.account-side-menu-v10860,.account-side-menu-v10870,.account-side-menu-v10880 { display:none !important; }
  .mobile-workspace-menu { display:inline-block !important; }
  .tenant-status-ribbon,.tenant-status-ribbon-v10860,.tenant-status-ribbon-v10870 { margin-top:0 !important; }
  .platform-module-head { flex-direction:column; align-items:flex-start; }
}
@media (max-width:760px) {
  .nav-v10870 { top:8px !important; width:calc(100vw - 16px) !important; }
  .saas-navbar.clean-navbar .saas-nav-actions { gap:5px !important; }
  .nav-notification-center > summary, .theme-icon-button, .mobile-workspace-menu > summary { height:38px !important; min-width:38px !important; padding:8px 10px !important; }
  .nav-account-menu { display:none !important; }
  .mobile-workspace-menu > div { grid-template-columns:1fr; right:-44px; }
  .dashboard-kpi-grid,.admin-kpi-grid,.admin-two-column,.admin-two-column-compact,.tenant-module-grid-top { grid-template-columns:1fr !important; }
  .tenant-command-panel,.plan-upgrade-form { grid-template-columns:1fr !important; }
  .admin-table th,.admin-table td { white-space: nowrap; }
}

/* =========================================================
   v10900: clean fixed workspace, mobile navbar streamlining,
   sticky tenant modules and language settings
========================================================= */
:root {
  --workspace-rail-width-v10900: 304px;
  --workspace-rail-left-v10900: 18px;
  --workspace-rail-gap-v10900: 22px;
  --workspace-rail-top-v10900: 116px;
  --workspace-content-top-v10900: 116px;
  --workspace-content-right-v10900: 28px;
}

/* Desktop portal shell: sidebar and content are siblings, never overlapping. */
@media (min-width: 1181px) {
  .account-page,
  .admin-page,
  .support-page,
  .history-page,
  .scan-app-page,
  .scan-one-screen-page,
  .result-page,
  .result-decision-page {
    margin-left: calc(var(--workspace-rail-left-v10900) + var(--workspace-rail-width-v10900) + var(--workspace-rail-gap-v10900)) !important;
    margin-right: var(--workspace-content-right-v10900) !important;
    padding-top: var(--workspace-content-top-v10900) !important;
    width: auto !important;
    max-width: calc(100vw - var(--workspace-rail-left-v10900) - var(--workspace-rail-width-v10900) - var(--workspace-rail-gap-v10900) - var(--workspace-content-right-v10900) - 8px) !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .account-side-menu,
  .account-side-menu-v10860,
  .account-side-menu-v10870,
  .account-side-menu-v10880,
  .account-side-menu-v10900 {
    position: fixed !important;
    left: var(--workspace-rail-left-v10900) !important;
    top: var(--workspace-rail-top-v10900) !important;
    bottom: 22px !important;
    width: var(--workspace-rail-width-v10900) !important;
    max-height: calc(100vh - var(--workspace-rail-top-v10900) - 22px) !important;
    overflow: hidden !important;
    z-index: 20 !important;
  }

  .account-side-menu .account-side-card,
  .account-side-menu-v10900 .account-side-card {
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 10px !important;
    gap: 5px !important;
  }

  .account-side-menu .account-side-header,
  .account-side-menu-v10900 .account-side-header {
    padding: 8px 8px 6px !important;
    margin-bottom: 2px !important;
  }

  .account-side-menu .account-side-header strong,
  .account-side-menu-v10900 .account-side-header strong { font-size: .95rem !important; }
  .account-side-menu .account-side-header small,
  .account-side-menu-v10900 .account-side-header small { font-size: .72rem !important; }
  .account-side-menu .account-menu-section-label,
  .account-side-menu-v10900 .account-menu-section-label {
    margin: 6px 8px 2px !important;
    font-size: .62rem !important;
    letter-spacing: .09em !important;
  }
  .account-side-menu .account-side-link,
  .account-side-menu-v10900 .account-side-link {
    min-height: 0 !important;
    padding: 7px 9px !important;
    border-radius: 14px !important;
    gap: 9px !important;
  }
  .account-side-menu .account-side-link span:first-child,
  .account-side-menu-v10900 .account-side-link span:first-child {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 10px !important;
    font-size: .82rem !important;
  }
  .account-side-menu .account-side-link strong,
  .account-side-menu-v10900 .account-side-link strong { font-size: .80rem !important; line-height: 1.05 !important; }
  .account-side-menu .account-side-link small,
  .account-side-menu-v10900 .account-side-link small { display: none !important; }

  /* Portal footer belongs to the workspace content area, not behind the fixed rail. */
  .saas-footer.clean-footer.portal-footer {
    margin-left: calc(var(--workspace-rail-left-v10900) + var(--workspace-rail-width-v10900) + var(--workspace-rail-gap-v10900)) !important;
    margin-right: var(--workspace-content-right-v10900) !important;
    width: auto !important;
    max-width: calc(100vw - var(--workspace-rail-left-v10900) - var(--workspace-rail-width-v10900) - var(--workspace-rail-gap-v10900) - var(--workspace-content-right-v10900) - 8px) !important;
    box-sizing: border-box !important;
  }
  .saas-footer.clean-footer.portal-footer .saas-footer-inner { width: 100% !important; box-sizing: border-box !important; }
}

@media (min-width: 1181px) and (max-height: 760px) {
  .account-side-menu .account-side-header small,
  .account-side-menu-v10900 .account-side-header small,
  .account-side-menu .account-side-label,
  .account-side-menu-v10900 .account-side-label { display: none !important; }
  .account-side-menu .account-menu-section-label,
  .account-side-menu-v10900 .account-menu-section-label { margin-top: 4px !important; }
  .account-side-menu .account-side-link,
  .account-side-menu-v10900 .account-side-link { padding-top: 5px !important; padding-bottom: 5px !important; }
}

/* Tenant status and tenant modules stay visible in the tenant detail console. */
@media (min-width: 1181px) {
  .admin-tenant-console > .tenant-status-ribbon,
  .admin-tenant-console > .tenant-status-ribbon-v10860,
  .admin-tenant-console > .tenant-status-ribbon-v10870 {
    position: sticky !important;
    top: 82px !important;
    z-index: 35 !important;
    margin-bottom: 10px !important;
    backdrop-filter: blur(18px) !important;
  }
  .admin-tenant-console .tenant-module-hub {
    position: sticky !important;
    top: 150px !important;
    z-index: 34 !important;
    padding: 12px !important;
    margin-bottom: 12px !important;
    backdrop-filter: blur(18px) !important;
  }
  .admin-tenant-console .tenant-module-hub .panel-headline { display: none !important; }
  .admin-tenant-console .tenant-module-grid-top {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(96px,1fr)) !important;
    gap: 8px !important;
  }
  .admin-tenant-console .tenant-module-grid-top a {
    min-height: 54px !important;
    padding: 9px 10px !important;
    border-radius: 16px !important;
  }
  .admin-tenant-console .tenant-module-grid-top strong { font-size: .80rem !important; }
  .admin-tenant-console .tenant-module-grid-top span { font-size: .68rem !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* Navbar refinements: history is removed, portal context is lightweight. */
.nav-history-short { display: none !important; }
.nav-context-v10900 .context-chip { max-width: 260px; }
.nav-context-v10900 .context-chip small { white-space: nowrap; }

/* Mobile navbar: centered, minimal, no verbose tenant chips. */
@media (max-width: 760px) {
  .saas-navbar.clean-navbar,
  .saas-navbar.clean-navbar.portal-aware-navbar,
  .nav-v10870 {
    top: 8px !important;
    left: 8px !important;
    right: 8px !important;
    width: calc(100vw - 16px) !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
    border-radius: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 auto !important;
  }
  .saas-navbar.clean-navbar .saas-brand {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    gap: 7px !important;
  }
  .saas-navbar.clean-navbar .saas-logo-mark { width: 34px !important; height: 34px !important; min-width: 34px !important; }
  .saas-navbar.clean-navbar .saas-logo-text { font-size: 0 !important; width: 0 !important; overflow: hidden !important; }
  .saas-navbar.clean-navbar .portal-nav-links,
  .saas-navbar.clean-navbar .nav-context-v10900,
  .saas-navbar.clean-navbar .nav-scan-wide,
  .saas-navbar.clean-navbar .nav-account-label,
  .saas-navbar.clean-navbar .nav-logout-form,
  .saas-navbar.clean-navbar .theme-icon-button { display: none !important; }
  .saas-navbar.clean-navbar .saas-nav-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    margin-left: auto !important;
    width: auto !important;
    flex: 0 1 auto !important;
  }
  .nav-notification-center > summary,
  .mobile-workspace-menu > summary,
  .nav-account-pill {
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
  }
  .mobile-workspace-menu > summary { font-size: 0 !important; }
  .mobile-workspace-menu > summary::after { content: 'Menu'; font-size: .82rem; font-weight: 950; }
  .nav-account-avatar { width: 28px !important; height: 28px !important; font-size: .8rem !important; }
  .notification-panel { right: -6px !important; top: 48px !important; }
  .mobile-workspace-menu > div {
    right: -48px !important;
    top: 48px !important;
    grid-template-columns: 1fr !important;
    max-height: min(70vh, 520px) !important;
    overflow-y: auto !important;
  }
  .account-page,
  .admin-page,
  .support-page,
  .history-page,
  .scan-app-page,
  .scan-one-screen-page,
  .result-page,
  .result-decision-page {
    padding-top: 86px !important;
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .account-side-menu,
  .account-side-menu-v10860,
  .account-side-menu-v10870,
  .account-side-menu-v10880,
  .account-side-menu-v10900 { display: none !important; }
  .saas-footer.clean-footer.portal-footer { width: calc(100vw - 18px) !important; margin-left: auto !important; margin-right: auto !important; }
}

/* Settings language card */
.language-settings-form { display: grid; grid-template-columns: minmax(120px, .4fr) minmax(160px, 1fr) auto; gap: 10px; align-items: end; }
.language-settings-form label { font-weight: 900; color: var(--text-main); font-size: .82rem; }
.language-settings-form select { min-height: 44px; border-radius: 14px; border: 1px solid var(--panel-border); background: var(--panel-bg-strong); color: var(--text-main); padding: 0 12px; font-weight: 850; }
body[data-theme="dark"] .language-settings-form select { background: rgba(15,23,42,.88); color:#f8fafc; border-color: rgba(255,255,255,.12); }
@media (max-width: 700px) { .language-settings-form { grid-template-columns: 1fr !important; } }

/* MFA page restored to workspace layout and made compact. */
.mfa-one-screen-page .mfa-one-card { max-width: 100% !important; }
.mfa-one-grid { align-items: stretch !important; }
.mfa-qr-route-image, .mfa-qr-image, .mfa-qr-inline-fallback svg { width: 190px !important; height: 190px !important; max-width: 100% !important; display: block !important; background: #fff !important; border-radius: 16px !important; padding: 8px !important; box-sizing: border-box !important; }
.mfa-qr-inline-fallback { margin-top: 8px; }
.mfa-qr-visible-box { min-height: 210px !important; display: grid !important; place-items: center !important; }
@media (max-width: 860px) { .mfa-one-grid { grid-template-columns: 1fr !important; } .mfa-qr-visible-box { min-height: 170px !important; } .mfa-qr-route-image, .mfa-qr-image, .mfa-qr-inline-fallback svg { width: 160px !important; height: 160px !important; } }

/* Keep wide admin content inside viewport. */
.admin-page .account-main-stack,
.account-page .account-main-stack { min-width: 0 !important; max-width: 100% !important; }
.admin-two-column,
.admin-two-column-compact,
.dashboard-kpi-grid,
.tenant-command-panel { min-width: 0 !important; }
.table-scroll { max-width: 100% !important; overflow-x: auto !important; }

/* =========================================================
   v10910 Workspace shell correction
   Goal: every portal page uses the same fixed left workspace,
   same top offset, same footer placement and calm mobile navbar.
   ========================================================= */
:root {
  --sc-nav-height-v10910: 78px;
  --sc-workspace-left-v10910: 24px;
  --sc-workspace-top-v10910: 104px;
  --sc-workspace-width-v10910: 248px;
  --sc-workspace-gap-v10910: 24px;
  --sc-content-right-v10910: 28px;
  --sc-content-top-v10910: 104px;
}

@media (min-width: 1181px) {
  .account-page,
  .admin-page,
  .support-page,
  .history-page,
  .scan-app-page,
  .scan-one-screen-page,
  .result-page,
  .result-decision-page {
    padding-top: var(--sc-content-top-v10910) !important;
    margin-left: calc(var(--sc-workspace-left-v10910) + var(--sc-workspace-width-v10910) + var(--sc-workspace-gap-v10910)) !important;
    margin-right: var(--sc-content-right-v10910) !important;
    width: auto !important;
    max-width: calc(100vw - var(--sc-workspace-left-v10910) - var(--sc-workspace-width-v10910) - var(--sc-workspace-gap-v10910) - var(--sc-content-right-v10910)) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .account-layout-grid,
  .account-layout-tight,
  .compact-layout-grid,
  .admin-workspace-with-sidebar,
  .scan-with-sidebar,
  .result-with-sidebar {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .account-main-stack,
  .account-content-stack,
  .admin-workspace-main,
  .compact-content-stack,
  .account-main-tight {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  .account-side-menu,
  .account-side-menu-v10860,
  .account-side-menu-v10870,
  .account-side-menu-v10880,
  .account-side-menu-v10900 {
    position: fixed !important;
    left: var(--sc-workspace-left-v10910) !important;
    top: var(--sc-workspace-top-v10910) !important;
    bottom: 24px !important;
    width: var(--sc-workspace-width-v10910) !important;
    max-height: calc(100vh - var(--sc-workspace-top-v10910) - 24px) !important;
    z-index: 60 !important;
    overflow: hidden !important;
  }

  .account-side-menu .account-side-card,
  .account-side-menu-v10900 .account-side-card {
    height: 100% !important;
    overflow: hidden !important;
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  .tenant-status-ribbon,
  .tenant-status-ribbon-v10870,
  .tenant-status-ribbon-v10860 {
    margin: 0 0 12px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 12px 14px !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
  }

  .tenant-status-main strong { font-size: 1rem !important; line-height: 1.1 !important; }
  .tenant-status-main small { font-size: .78rem !important; }
  .tenant-status-metrics { gap: 8px !important; }
  .tenant-status-metrics div { min-height: 48px !important; padding: 9px 11px !important; border-radius: 14px !important; }
  .tenant-status-metrics span { font-size: .62rem !important; letter-spacing: .08em !important; }
  .tenant-status-metrics b { font-size: .86rem !important; }

  .saas-footer.clean-footer.portal-footer {
    margin-left: calc(var(--sc-workspace-left-v10910) + var(--sc-workspace-width-v10910) + var(--sc-workspace-gap-v10910)) !important;
    margin-right: var(--sc-content-right-v10910) !important;
    width: auto !important;
    max-width: calc(100vw - var(--sc-workspace-left-v10910) - var(--sc-workspace-width-v10910) - var(--sc-workspace-gap-v10910) - var(--sc-content-right-v10910)) !important;
    box-sizing: border-box !important;
    clear: both !important;
  }

  .saas-footer.clean-footer.portal-footer .saas-footer-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

/* Sticky selected-tenant control inside superadmin tenant detail. */
@media (min-width: 1181px) {
  .admin-tenant-console > .tenant-status-ribbon,
  .admin-tenant-console > .tenant-status-ribbon-v10870,
  .admin-tenant-console > .tenant-status-ribbon-v10860 {
    position: sticky !important;
    top: 88px !important;
    z-index: 85 !important;
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(20px) !important;
  }
  body[data-theme="dark"] .admin-tenant-console > .tenant-status-ribbon,
  body[data-theme="dark"] .admin-tenant-console > .tenant-status-ribbon-v10870,
  body[data-theme="dark"] .admin-tenant-console > .tenant-status-ribbon-v10860 {
    background: rgba(15,23,42,.88) !important;
  }
  .admin-tenant-console .tenant-module-hub {
    position: sticky !important;
    top: 162px !important;
    z-index: 84 !important;
    padding: 10px !important;
    margin-bottom: 14px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.86) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: 0 16px 44px rgba(42,26,85,.08) !important;
  }
  body[data-theme="dark"] .admin-tenant-console .tenant-module-hub { background: rgba(15,23,42,.88) !important; }
  .admin-tenant-console .tenant-module-hub .panel-headline {
    display: grid !important;
    margin-bottom: 8px !important;
  }
  .admin-tenant-console .tenant-module-hub .panel-headline h2 { font-size: .95rem !important; margin: 0 !important; }
  .admin-tenant-console .tenant-module-hub .panel-headline p { font-size: .76rem !important; margin: 2px 0 0 !important; }
  .admin-tenant-console .tenant-module-grid-top {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  .admin-tenant-console .tenant-module-grid-top a {
    min-width: 0 !important;
    min-height: 56px !important;
    padding: 9px 10px !important;
    border-radius: 15px !important;
  }
  .admin-tenant-console .tenant-module-grid-top strong { font-size: .78rem !important; }
  .admin-tenant-console .tenant-module-grid-top span { display: block !important; font-size: .66rem !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
}

/* Mobile navbar: exactly logo, notifications, theme and hamburger menu. */
@media (max-width: 760px) {
  .saas-navbar.clean-navbar,
  .saas-navbar.clean-navbar.portal-aware-navbar,
  .saas-navbar.clean-navbar.nav-v10910 {
    position: sticky !important;
    top: 8px !important;
    left: auto !important;
    right: auto !important;
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    min-height: 58px !important;
    margin: 8px auto 0 !important;
    padding: 8px 10px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto auto auto !important;
    align-items: center !important;
    gap: 7px !important;
    border-radius: 22px !important;
  }
  .saas-navbar.clean-navbar .saas-brand { grid-column: 1 !important; width: auto !important; min-width: 0 !important; justify-self: start !important; }
  .saas-navbar.clean-navbar .saas-logo-mark { width: 36px !important; height: 36px !important; min-width: 36px !important; }
  .saas-navbar.clean-navbar .saas-logo-text { display: none !important; }
  .saas-navbar.clean-navbar .portal-nav-links,
  .saas-navbar.clean-navbar .nav-context-v10900,
  .saas-navbar.clean-navbar .nav-scan-wide,
  .saas-navbar.clean-navbar .nav-account-menu,
  .saas-navbar.clean-navbar .nav-logout-form,
  .saas-navbar.clean-navbar .nav-account-pill,
  .saas-navbar.clean-navbar .mobile-nav-toggle { display: none !important; }
  .saas-navbar.clean-navbar .saas-nav-actions { grid-column: 3 / 6 !important; display: grid !important; grid-template-columns: auto auto auto !important; align-items: center !important; justify-content: end !important; gap: 6px !important; margin-left: 0 !important; width: auto !important; }
  .saas-navbar.clean-navbar .nav-notification-center { grid-column: 1 !important; display: block !important; }
  .saas-navbar.clean-navbar .theme-icon-button.mobile-theme-visible,
  .saas-navbar.clean-navbar .theme-icon-button { grid-column: 2 !important; display: inline-flex !important; width: 38px !important; height: 38px !important; min-width: 38px !important; padding: 0 !important; }
  .saas-navbar.clean-navbar .mobile-workspace-menu { grid-column: 3 !important; display: block !important; }
  .mobile-workspace-menu > summary {
    width: 38px !important; height: 38px !important; min-width: 38px !important; padding: 0 !important;
    border-radius: 999px !important; font-size: 0 !important; display: grid !important; place-items: center !important;
  }
  .mobile-workspace-menu > summary::after { content: '☰' !important; font-size: 1.12rem !important; font-weight: 950 !important; line-height: 1 !important; }
  .nav-notification-center > summary { width: 38px !important; height: 38px !important; min-width: 38px !important; padding: 0 !important; justify-content: center !important; }
  .notification-count { transform: translate(3px,-9px) !important; }
  .notification-panel { right: -88px !important; top: 48px !important; width: min(92vw, 340px) !important; }
  .mobile-workspace-menu > div { right: 0 !important; top: 48px !important; width: min(92vw, 340px) !important; max-height: 72vh !important; overflow-y: auto !important; }
  .account-page,
  .admin-page,
  .support-page,
  .history-page,
  .scan-app-page,
  .scan-one-screen-page,
  .result-page,
  .result-decision-page {
    padding-top: 18px !important;
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
  }
  .account-side-menu,
  .account-side-menu-v10860,
  .account-side-menu-v10870,
  .account-side-menu-v10880,
  .account-side-menu-v10900 { display: none !important; }
  .tenant-status-ribbon,
  .tenant-status-ribbon-v10870 { grid-template-columns: 1fr !important; gap: 10px !important; padding: 12px !important; border-radius: 20px !important; }
  .tenant-status-metrics { grid-template-columns: repeat(3, minmax(0,1fr)) !important; gap: 7px !important; }
  .tenant-status-metrics div { padding: 8px !important; min-width: 0 !important; }
  .saas-footer.clean-footer.portal-footer { width: calc(100vw - 18px) !important; max-width: calc(100vw - 18px) !important; margin-left: auto !important; margin-right: auto !important; }
}

@media (max-width: 1180px) and (min-width: 761px) {
  .account-page,
  .admin-page,
  .support-page,
  .history-page,
  .scan-app-page,
  .scan-one-screen-page,
  .result-page,
  .result-decision-page { padding-top: 96px !important; width: min(94vw, 980px) !important; margin-left: auto !important; margin-right: auto !important; }
  .account-side-menu,
  .account-side-menu-v10900 { position: relative !important; left: auto !important; top: auto !important; bottom: auto !important; width: 100% !important; max-height: none !important; margin-bottom: 14px !important; }
  .account-side-card { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .saas-footer.clean-footer.portal-footer { width: min(94vw, 980px) !important; margin-left: auto !important; margin-right: auto !important; }
}

/* Keep forms, tables and cards from overflowing. */
.account-page *, .admin-page *, .support-page *, .scan-app-page *, .result-page * { box-sizing: border-box !important; }
.admin-table, .table-scroll table { min-width: 760px; }
.table-scroll { width: 100% !important; max-width: 100% !important; overflow-x: auto !important; }
.profile-form-grid, .compact-profile-grid, .scan-workbench-grid, .dashboard-focus-grid, .admin-two-column, .admin-two-column-compact { max-width: 100% !important; min-width: 0 !important; }


/* =========================================================
   v10920: compact ribbon lift, navbar cleanup, MFA alignment
   ========================================================= */

/* Remove duplicated tenant context chip from all navbar variants if older markup remains cached. */
.saas-navbar.clean-navbar .context-chip,
.saas-navbar.clean-navbar .nav-context-v10900 { display: none !important; }

/* The profile label is clickable: give clear hover/focus feedback. */
.saas-navbar.clean-navbar .nav-account-pill { cursor: pointer !important; transition: background .16s ease, border-color .16s ease, transform .16s ease, box-shadow .16s ease !important; }
.saas-navbar.clean-navbar .nav-account-pill:hover,
.saas-navbar.clean-navbar .nav-account-pill:focus-visible {
  background: rgba(124,58,237,.08) !important;
  border-color: rgba(124,58,237,.28) !important;
  box-shadow: 0 10px 28px rgba(42,26,85,.10) !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}
.saas-navbar.clean-navbar .nav-account-pill:hover .nav-account-label,
.saas-navbar.clean-navbar .nav-account-pill:focus-visible .nav-account-label {
  color: #5b21b6 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}
body[data-theme="dark"] .saas-navbar.clean-navbar .nav-account-pill:hover .nav-account-label,
body[data-theme="dark"] .saas-navbar.clean-navbar .nav-account-pill:focus-visible .nav-account-label { color: #c4b5fd !important; }

/* Use the empty top gap: tenant status ribbon is the real page header and should sit higher. */
@media (min-width: 1181px) {
  .account-page > .tenant-status-ribbon,
  .account-page > .tenant-status-ribbon-v10870,
  .account-page > .tenant-status-ribbon-v10860,
  .admin-page > .tenant-status-ribbon,
  .admin-page > .tenant-status-ribbon-v10870,
  .admin-page > .tenant-status-ribbon-v10860,
  .support-page > .tenant-status-ribbon,
  .support-page > .tenant-status-ribbon-v10870,
  .support-page > .tenant-status-ribbon-v10860,
  .scan-app-page > .tenant-status-ribbon,
  .scan-app-page > .tenant-status-ribbon-v10870,
  .scan-app-page > .tenant-status-ribbon-v10860,
  .scan-one-screen-page > .tenant-status-ribbon,
  .scan-one-screen-page > .tenant-status-ribbon-v10870,
  .scan-one-screen-page > .tenant-status-ribbon-v10860,
  .result-page > .tenant-status-ribbon,
  .result-page > .tenant-status-ribbon-v10870,
  .result-page > .tenant-status-ribbon-v10860,
  .result-decision-page > .tenant-status-ribbon,
  .result-decision-page > .tenant-status-ribbon-v10870,
  .result-decision-page > .tenant-status-ribbon-v10860 {
    margin-top: -100px !important;
    margin-bottom: 12px !important;
  }

  .admin-tenant-console > .tenant-status-ribbon,
  .admin-tenant-console > .tenant-status-ribbon-v10870,
  .admin-tenant-console > .tenant-status-ribbon-v10860 {
    top: 76px !important;
  }
  .admin-tenant-console .tenant-module-hub { top: 150px !important; }
}

/* MFA setup: tenant status on top, normal workspace below, one clear card below the ribbon. */
.mfa-one-screen-page .account-layout-grid,
.mfa-one-screen-page .account-layout-tight {
  align-items: start !important;
}
.mfa-one-screen-page .account-main-stack,
.mfa-one-screen-page .account-main-tight {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.mfa-one-screen-page .mfa-one-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
}
.mfa-one-screen-page .mfa-one-grid {
  display: grid !important;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
.mfa-one-screen-page .mfa-one-head {
  display: flex !important;
  align-items: start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
}
.mfa-one-screen-page .mfa-one-head h1 { font-size: clamp(1.55rem, 2vw, 2.1rem) !important; margin: 4px 0 4px !important; letter-spacing: -.045em !important; }
.mfa-one-screen-page .mfa-one-head p { margin: 0 !important; max-width: 720px !important; }
.mfa-one-screen-page .mfa-inline-qr-wrap { min-height: 220px !important; display: grid !important; place-items: center !important; }
.mfa-one-screen-page .mfa-qr-route-image,
.mfa-one-screen-page .mfa-qr-image,
.mfa-one-screen-page .mfa-qr-inline-fallback svg { width: 190px !important; height: 190px !important; max-width: 100% !important; display: block !important; }

/* Mobile portal navbar: one row only: S logo, notifications, theme, hamburger. */
@media (max-width: 760px) {
  .saas-navbar.clean-navbar,
  .saas-navbar.clean-navbar.portal-aware-navbar,
  .saas-navbar.clean-navbar.nav-v10910 {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 8px 10px !important;
    overflow: visible !important;
  }
  .saas-navbar.clean-navbar .saas-brand { grid-column: 1 !important; justify-self: start !important; display: inline-flex !important; align-items: center !important; }
  .saas-navbar.clean-navbar .saas-logo-text { display: none !important; }
  .saas-navbar.clean-navbar .saas-nav-actions {
    grid-column: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
  }
  .saas-navbar.clean-navbar .nav-notification-center,
  .saas-navbar.clean-navbar .theme-icon-button.mobile-theme-visible,
  .saas-navbar.clean-navbar .mobile-workspace-menu { display: inline-flex !important; flex: 0 0 auto !important; }
  .saas-navbar.clean-navbar .nav-scan-wide,
  .saas-navbar.clean-navbar .nav-account-menu,
  .saas-navbar.clean-navbar .nav-auth-button:not(.nav-public-mobile-keep),
  .saas-navbar.clean-navbar .saas-nav-links,
  .saas-navbar.clean-navbar .mobile-nav-toggle { display: none !important; }
  .nav-notification-center > summary,
  .theme-icon-button.mobile-theme-visible,
  .mobile-workspace-menu > summary {
    width: 38px !important; height: 38px !important; min-width: 38px !important; max-width: 38px !important;
    padding: 0 !important; display: grid !important; place-items: center !important;
  }
  .mobile-workspace-menu > summary::after { content: '☰' !important; font-size: 1.1rem !important; }
  .mfa-one-screen-page .mfa-one-grid { grid-template-columns: 1fr !important; }
  .mfa-one-screen-page .mfa-one-head { display: grid !important; }
}

/* Public marketing navbar on mobile: exactly one row with logo, theme, portal and free-start. */
@media (max-width: 760px) {
  .saas-navbar.clean-navbar:not(.portal-aware-navbar) {
    grid-template-columns: auto 1fr auto !important;
    height: 56px !important;
    min-height: 56px !important;
  }
  .saas-navbar.clean-navbar:not(.portal-aware-navbar) .saas-nav-actions {
    grid-column: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }
  .saas-navbar.clean-navbar:not(.portal-aware-navbar) .theme-icon-button { display: inline-grid !important; width: 36px !important; height: 36px !important; min-width: 36px !important; padding: 0 !important; place-items: center !important; }
  .saas-navbar.clean-navbar:not(.portal-aware-navbar) .nav-auth-button {
    display: inline-flex !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: .76rem !important;
    white-space: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .saas-navbar.clean-navbar:not(.portal-aware-navbar) .saas-login-link.nav-auth-button { max-width: 100px !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .saas-navbar.clean-navbar:not(.portal-aware-navbar) .saas-primary-link.nav-auth-button { max-width: 98px !important; }
}

@media (max-width: 420px) {
  .saas-navbar.clean-navbar:not(.portal-aware-navbar) .nav-auth-button { padding: 0 8px !important; font-size: .70rem !important; }
  .saas-navbar.clean-navbar:not(.portal-aware-navbar) .saas-login-link.nav-auth-button { max-width: 88px !important; }
  .saas-navbar.clean-navbar:not(.portal-aware-navbar) .saas-primary-link.nav-auth-button { max-width: 86px !important; }
}


/* v10920 correction: explicit public navbar class on mobile. */
@media (max-width: 760px) {
  .saas-navbar.clean-navbar.public-navbar {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    height: 56px !important;
    min-height: 56px !important;
  }
  .saas-navbar.clean-navbar.public-navbar .saas-nav-actions {
    grid-column: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }
  .saas-navbar.clean-navbar.public-navbar .saas-nav-links,
  .saas-navbar.clean-navbar.public-navbar .mobile-nav-toggle { display: none !important; }
  .saas-navbar.clean-navbar.public-navbar .theme-icon-button { display: inline-grid !important; width: 36px !important; height: 36px !important; min-width: 36px !important; padding: 0 !important; place-items: center !important; }
  .saas-navbar.clean-navbar.public-navbar .nav-auth-button {
    display: inline-flex !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: .76rem !important;
    white-space: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* =========================================================
   v10930: final mobile navbar, workspace alignment and MFA stacking
   ========================================================= */
:root {
  --nav-height-v10930: 72px;
  --workspace-rail-width-v10930: 292px;
  --workspace-rail-left-v10930: 18px;
  --workspace-gap-v10930: 18px;
}

/* Desktop: navbar owns the top, workspace/content start beneath it and never overlap. */
@media (min-width: 1181px) {
  .saas-navbar.clean-navbar {
    min-height: var(--nav-height-v10930) !important;
    height: var(--nav-height-v10930) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .account-page,
  .admin-page,
  .support-page,
  .history-page,
  .scan-app-page,
  .scan-one-screen-page,
  .result-page,
  .result-decision-page {
    margin-left: calc(var(--workspace-rail-left-v10930) + var(--workspace-rail-width-v10930) + var(--workspace-gap-v10930)) !important;
    margin-right: 18px !important;
    padding-top: 14px !important;
    max-width: none !important;
    width: auto !important;
  }

  /* Undo earlier negative lift where it causes empty/overlap behaviour; use the real page area instead. */
  .account-page > .tenant-status-ribbon,
  .account-page > .tenant-status-ribbon-v10870,
  .account-page > .tenant-status-ribbon-v10860,
  .admin-page > .tenant-status-ribbon,
  .admin-page > .tenant-status-ribbon-v10870,
  .admin-page > .tenant-status-ribbon-v10860,
  .support-page > .tenant-status-ribbon,
  .support-page > .tenant-status-ribbon-v10870,
  .support-page > .tenant-status-ribbon-v10860,
  .scan-app-page > .tenant-status-ribbon,
  .scan-app-page > .tenant-status-ribbon-v10870,
  .scan-app-page > .tenant-status-ribbon-v10860,
  .scan-one-screen-page > .tenant-status-ribbon,
  .scan-one-screen-page > .tenant-status-ribbon-v10870,
  .scan-one-screen-page > .tenant-status-ribbon-v10860,
  .result-page > .tenant-status-ribbon,
  .result-page > .tenant-status-ribbon-v10870,
  .result-page > .tenant-status-ribbon-v10860,
  .result-decision-page > .tenant-status-ribbon,
  .result-decision-page > .tenant-status-ribbon-v10870,
  .result-decision-page > .tenant-status-ribbon-v10860 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  .account-layout-grid,
  .account-layout-tight,
  .compact-layout-grid,
  .scan-with-sidebar,
  .result-with-sidebar,
  .admin-workspace-with-sidebar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 14px !important;
    align-items: start !important;
    margin-top: 0 !important;
  }

  .account-content-stack,
  .compact-content-stack,
  .account-main-stack,
  .account-main-tight,
  .admin-workspace-main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-column: 1 !important;
  }

  .account-side-menu,
  .account-side-menu-v10860,
  .account-side-menu-v10870,
  .account-side-menu-v10880,
  .account-side-menu-v10900 {
    position: fixed !important;
    left: var(--workspace-rail-left-v10930) !important;
    top: calc(var(--nav-height-v10930) + 14px) !important;
    bottom: 18px !important;
    width: var(--workspace-rail-width-v10930) !important;
    height: auto !important;
    max-height: calc(100vh - var(--nav-height-v10930) - 32px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    z-index: 40 !important;
    scrollbar-width: thin !important;
  }

  .account-side-menu .account-side-card,
  .account-side-menu-v10860 .account-side-card,
  .account-side-menu-v10870 .account-side-card,
  .account-side-menu-v10880 .account-side-card,
  .account-side-menu-v10900 .account-side-card {
    min-height: 100% !important;
    height: auto !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .saas-footer {
    margin-left: calc(var(--workspace-rail-left-v10930) + var(--workspace-rail-width-v10930) + var(--workspace-gap-v10930)) !important;
    margin-right: 18px !important;
  }

  .saas-footer-inner { width: 100% !important; max-width: none !important; }
}

/* MFA page: status ribbon first, then full-width workspace row, then MFA card underneath. */
.mfa-one-screen-page { display: block !important; }
.mfa-one-screen-page > .tenant-status-ribbon,
.mfa-one-screen-page > .tenant-status-ribbon-v10870,
.mfa-one-screen-page > .tenant-status-ribbon-v10860 {
  display: grid !important;
  width: 100% !important;
  clear: both !important;
}
.mfa-one-screen-page .account-layout-grid,
.mfa-one-screen-page .account-layout-tight {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  clear: both !important;
  width: 100% !important;
}
.mfa-one-screen-page .mfa-one-card,
.mfa-one-screen-page .mfa-setup-hero {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  float: none !important;
}
@media (min-width: 1181px) {
  .mfa-one-screen-page .mfa-one-card,
  .mfa-one-screen-page .mfa-setup-hero { min-height: auto !important; }
}

/* New scan and organisation pages use exactly the same right-side workspace width as the rest. */
.scan-app-page .scan-workbench-grid,
.scan-one-screen-page .scan-workbench-grid,
.account-page .enterprise-panel,
.account-page .compact-two-column,
.account-page .tenant-role-strip,
.account-page .profile-form-grid {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* Mobile: one clean row. Brand left, important icons and hamburger right. Open menu becomes centered panel. */
@media (max-width: 760px) {
  .saas-navbar.clean-navbar,
  .saas-navbar.clean-navbar.portal-aware-navbar,
  .saas-navbar.clean-navbar.public-navbar {
    position: sticky !important;
    top: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  .saas-navbar.clean-navbar .saas-brand {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }
  .saas-navbar.clean-navbar .saas-logo-mark { width: 38px !important; height: 38px !important; min-width: 38px !important; }
  .saas-navbar.clean-navbar.portal-aware-navbar .saas-logo-text { display: none !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-logo-text { display: inline !important; font-size: 16px !important; }

  .saas-navbar.clean-navbar .saas-nav-actions {
    display: flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: auto !important;
    margin-left: auto !important;
    flex-wrap: nowrap !important;
    position: static !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .saas-navbar.clean-navbar .mobile-nav-toggle {
    display: inline-flex !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    order: 99 !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 0 !important;
    border-radius: 14px !important;
  }

  .saas-navbar.clean-navbar.portal-aware-navbar .nav-notification-center,
  .saas-navbar.clean-navbar.portal-aware-navbar .theme-icon-button.mobile-theme-visible {
    display: inline-flex !important;
    flex: 0 0 38px !important;
  }

  .saas-navbar.clean-navbar.portal-aware-navbar .nav-scan-wide,
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-account-menu,
  .saas-navbar.clean-navbar.portal-aware-navbar .mobile-workspace-menu,
  .saas-navbar.clean-navbar.portal-aware-navbar .saas-nav-links {
    display: none !important;
  }

  .nav-notification-center > summary,
  .theme-icon-button.mobile-theme-visible {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 14px !important;
  }

  /* The hamburger opens the complete workspace menu, centered, without needing a second 'Werkruimte' pill. */
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu {
    display: block !important;
    position: fixed !important;
    left: 50% !important;
    top: 68px !important;
    transform: translateX(-50%) !important;
    width: min(92vw, 380px) !important;
    z-index: 10020 !important;
  }
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu > summary {
    display: none !important;
  }
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu > div {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    max-height: calc(100vh - 88px) !important;
    overflow-y: auto !important;
    padding: 12px !important;
    border-radius: 24px !important;
    text-align: center !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(124,58,237,.16) !important;
    box-shadow: 0 24px 80px rgba(31,17,69,.20) !important;
  }
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu a {
    justify-content: center !important;
    text-align: center !important;
    padding: 12px !important;
  }
  body[data-theme="dark"] .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu > div {
    background: rgba(15,23,42,.97) !important;
    border-color: rgba(255,255,255,.12) !important;
  }

  /* Public marketing: one row only, no hamburger menu. */
  .saas-navbar.clean-navbar.public-navbar .mobile-nav-toggle,
  .saas-navbar.clean-navbar.public-navbar .saas-nav-links { display: none !important; }
  .saas-navbar.clean-navbar.public-navbar .theme-icon-button { display: inline-grid !important; flex: 0 0 36px !important; width: 36px !important; height: 36px !important; min-width: 36px !important; }
  .saas-navbar.clean-navbar.public-navbar .nav-auth-button {
    display: inline-flex !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: .74rem !important;
    white-space: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .account-page,
  .admin-page,
  .support-page,
  .history-page,
  .scan-app-page,
  .scan-one-screen-page,
  .result-page,
  .result-decision-page {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 10px 12px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .account-side-menu,
  .account-side-menu-v10860,
  .account-side-menu-v10870,
  .account-side-menu-v10880,
  .account-side-menu-v10900 {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-height: 45vh !important;
    overflow-y: auto !important;
    z-index: 1 !important;
  }

  .tenant-status-ribbon,
  .tenant-status-ribbon-v10870,
  .tenant-status-ribbon-v10860 { margin-top: 0 !important; }
}

@media (max-width: 420px) {
  .saas-navbar.clean-navbar.public-navbar .saas-logo-text { display: none !important; }
  .saas-navbar.clean-navbar.public-navbar .nav-auth-button { padding: 0 8px !important; font-size: .68rem !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button { max-width: 92px !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-primary-link.nav-auth-button { max-width: 94px !important; overflow: hidden !important; text-overflow: ellipsis !important; }
}

/* =========================================================
   v10940: final responsive navbar, MFA/settings polish and rail sizing
   ========================================================= */
:root {
  --workspace-rail-width-v10940: 248px;
  --workspace-rail-left-v10940: 16px;
  --workspace-gap-v10940: 18px;
  --nav-height-v10940: 72px;
}

/* Smaller fixed workspace rail. Footer and content start exactly next to it. */
@media (min-width: 1181px) {
  .account-page,
  .admin-page,
  .support-page,
  .history-page,
  .scan-app-page,
  .scan-one-screen-page,
  .result-page,
  .result-decision-page {
    margin-left: calc(var(--workspace-rail-left-v10940) + var(--workspace-rail-width-v10940) + var(--workspace-gap-v10940)) !important;
    margin-right: 18px !important;
    padding-top: 14px !important;
    width: auto !important;
    max-width: none !important;
  }

  .account-side-menu,
  .account-side-menu-v10860,
  .account-side-menu-v10870,
  .account-side-menu-v10880,
  .account-side-menu-v10900 {
    position: fixed !important;
    left: var(--workspace-rail-left-v10940) !important;
    top: calc(var(--nav-height-v10940) + 14px) !important;
    bottom: 18px !important;
    width: var(--workspace-rail-width-v10940) !important;
    max-height: calc(100vh - var(--nav-height-v10940) - 32px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 40 !important;
  }

  .account-side-card { padding: 10px !important; }
  .account-side-header { padding: 8px 8px 10px !important; }
  .account-side-link { padding: 8px 9px !important; border-radius: 15px !important; }
  .account-side-link span:first-child { width: 30px !important; height: 30px !important; border-radius: 11px !important; }
  .account-side-link strong { font-size: .86rem !important; }
  .account-side-link small { font-size: .68rem !important; }
  .account-menu-section-label { margin: 10px 8px 5px !important; font-size: .62rem !important; }

  .saas-footer,
  .saas-footer.clean-footer {
    margin-left: calc(var(--workspace-rail-left-v10940) + var(--workspace-rail-width-v10940) + var(--workspace-gap-v10940)) !important;
    margin-right: 18px !important;
    width: auto !important;
    max-width: none !important;
  }
  .saas-footer.clean-footer .saas-footer-inner,
  .saas-footer-inner { width: 100% !important; max-width: none !important; }
}

/* MFA setup: normal workspace left, right side is tenant ribbon then MFA card underneath. */
.mfa-one-screen-page .mfa-right-stack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  align-items: start !important;
}
.mfa-one-screen-page .mfa-right-stack > .tenant-status-ribbon,
.mfa-one-screen-page .mfa-right-stack > .tenant-status-ribbon-v10870,
.mfa-one-screen-page .mfa-right-stack > .tenant-status-ribbon-v10860 {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 !important;
}
.mfa-one-screen-page .mfa-one-card,
.mfa-one-screen-page .mfa-setup-hero {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,245,255,.94)) !important;
  border: 1px solid rgba(124,58,237,.14) !important;
  box-shadow: 0 24px 80px rgba(31,17,69,.10) !important;
  border-radius: 28px !important;
}
.mfa-one-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--panel-border) !important;
}
.mfa-one-head h1 { font-size: clamp(1.8rem, 3vw, 2.8rem) !important; letter-spacing: -.06em !important; margin: 4px 0 6px !important; }
.mfa-one-head p { max-width: 760px !important; margin: 0 !important; color: var(--text-soft) !important; }
.mfa-one-grid {
  display: grid !important;
  grid-template-columns: minmax(280px, .78fr) minmax(320px, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  margin-top: 18px !important;
}
.mfa-inline-qr-card,
.mfa-inline-code-card {
  background: var(--panel-bg-strong) !important;
  border: 1px solid var(--panel-border) !important;
  border-radius: 24px !important;
  padding: 20px !important;
  box-shadow: 0 14px 42px rgba(31,17,69,.065) !important;
}
.mfa-inline-qr-wrap {
  min-height: 230px !important;
  display: grid !important;
  place-items: center !important;
  background: radial-gradient(circle at 50% 10%, rgba(124,58,237,.10), transparent 55%), #fff !important;
  border: 1px dashed rgba(124,58,237,.22) !important;
  border-radius: 20px !important;
  padding: 16px !important;
}
.mfa-inline-qr-wrap svg,
.mfa-inline-qr-wrap img { max-width: 210px !important; max-height: 210px !important; width: 100% !important; height: auto !important; }
.mfa-tight-form { display: grid !important; gap: 12px !important; margin-top: 14px !important; }
.mfa-tight-form label { display: grid !important; gap: 7px !important; font-weight: 850 !important; color: var(--text-main) !important; }
.mfa-tight-form input { min-height: 46px !important; border-radius: 14px !important; border: 1px solid var(--panel-border) !important; padding: 0 14px !important; font: inherit !important; background: var(--input-bg, #fff) !important; color: var(--text-main) !important; }
body[data-theme="dark"] .mfa-one-card,
body[data-theme="dark"] .mfa-setup-hero { background: linear-gradient(135deg, rgba(15,23,42,.92), rgba(20,13,47,.86)) !important; border-color: rgba(255,255,255,.11) !important; }
body[data-theme="dark"] .mfa-inline-qr-wrap { background: rgba(255,255,255,.94) !important; }

/* Settings: accountstatus, taal, wachtwoord en MFA als kleine tegels. */
.settings-command-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
.settings-command-grid > .compact-panel {
  min-height: 0 !important;
  padding: 18px !important;
  border-radius: 22px !important;
}
.settings-command-grid .panel-headline h2 { font-size: 1.05rem !important; letter-spacing: -.03em !important; }
.settings-command-grid .panel-headline p { font-size: .82rem !important; line-height: 1.45 !important; }
.settings-status-grid-email-only { grid-template-columns: 1fr !important; gap: 0 !important; }
.settings-status-grid-email-only > div { min-height: 90px !important; display: grid !important; align-content: center !important; }
.language-settings-form { display: grid !important; gap: 8px !important; }
.language-settings-form select { min-height: 42px !important; border-radius: 14px !important; }
.password-reset-card .full-action-link,
.settings-command-grid .full-action-link { width: 100% !important; min-height: 42px !important; }

@media (max-width: 1100px) {
  .settings-command-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .mfa-one-grid { grid-template-columns: 1fr !important; }
  .mfa-one-head { flex-direction: column !important; }
}
@media (max-width: 620px) {
  .settings-command-grid { grid-template-columns: 1fr !important; }
}

/* Public and portal mobile navbar: one row, hamburger visible and menu opens centered. */
@media (max-width: 760px) {
  .saas-navbar.clean-navbar,
  .saas-navbar.clean-navbar.public-navbar,
  .saas-navbar.clean-navbar.portal-aware-navbar {
    position: sticky !important;
    top: 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.92) !important;
    backdrop-filter: blur(18px) !important;
    border-bottom: 1px solid rgba(15,23,42,.08) !important;
    overflow: visible !important;
  }

  .saas-navbar.clean-navbar .saas-brand { grid-column: 1 !important; min-width: 0 !important; }
  .saas-navbar.clean-navbar .saas-logo-mark { width: 38px !important; height: 38px !important; min-width: 38px !important; }
  .saas-navbar.clean-navbar.portal-aware-navbar .saas-logo-text { display: none !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-logo-text { display: inline !important; font-size: 15px !important; max-width: 82px !important; overflow: hidden !important; text-overflow: ellipsis !important; }

  .saas-navbar.clean-navbar .saas-nav-actions {
    grid-column: 2 / 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    flex-wrap: nowrap !important;
  }

  .saas-navbar.clean-navbar .mobile-nav-toggle {
    grid-column: 4 !important;
    display: inline-flex !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 14px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    order: initial !important;
  }

  /* Public logged-out order: logo, dark, portal, gratis starten, hamburger. */
  .saas-navbar.clean-navbar.public-navbar .saas-nav-links {
    display: none !important;
    grid-column: 1 / -1 !important;
    order: initial !important;
  }
  .saas-navbar.clean-navbar.public-navbar .theme-icon-button { display: inline-grid !important; width: 36px !important; min-width: 36px !important; height: 36px !important; padding: 0 !important; place-items: center !important; }
  .saas-navbar.clean-navbar.public-navbar .nav-auth-button { display: inline-flex !important; height: 36px !important; min-height: 36px !important; padding: 0 9px !important; font-size: .72rem !important; border-radius: 999px !important; white-space: nowrap !important; }
  .saas-navbar.clean-navbar.public-navbar.nav-open .saas-nav-links {
    position: fixed !important;
    top: 68px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(92vw, 380px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 12px !important;
    text-align: center !important;
    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(124,58,237,.16) !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 80px rgba(31,17,69,.20) !important;
    z-index: 10030 !important;
  }
  .saas-navbar.clean-navbar.public-navbar.nav-open .saas-nav-links a { width: 100% !important; justify-content: center !important; }

  /* Logged in: logo, alarm, dark mode, hamburger only. Menu opens all workspace items + logout. */
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-notification-center,
  .saas-navbar.clean-navbar.portal-aware-navbar .theme-icon-button.mobile-theme-visible { display: inline-flex !important; flex: 0 0 38px !important; width: 38px !important; min-width: 38px !important; height: 38px !important; }
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-scan-wide,
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-account-menu { display: none !important; }
  .saas-navbar.clean-navbar.portal-aware-navbar .mobile-workspace-menu { display: none !important; }
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu {
    display: block !important;
    position: fixed !important;
    top: 68px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(92vw, 390px) !important;
    z-index: 10030 !important;
  }
  .mobile-workspace-panel,
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    max-height: calc(100vh - 88px) !important;
    overflow-y: auto !important;
    padding: 12px !important;
    border-radius: 24px !important;
    text-align: center !important;
    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(124,58,237,.16) !important;
    box-shadow: 0 24px 80px rgba(31,17,69,.20) !important;
  }
  .mobile-workspace-panel a,
  .mobile-workspace-panel button {
    width: 100% !important;
    min-height: 42px !important;
    border: 1px solid rgba(124,58,237,.12) !important;
    border-radius: 16px !important;
    background: rgba(124,58,237,.06) !important;
    color: var(--text-main) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    font: inherit !important;
    cursor: pointer !important;
  }
  .mobile-workspace-panel hr { width: 100% !important; border: 0 !important; border-top: 1px solid var(--panel-border) !important; margin: 4px 0 !important; }
  .mobile-logout-form { margin: 0 !important; }
  .mobile-workspace-panel .mobile-logout-form button { background: rgba(239,68,68,.08) !important; color: #b42318 !important; border-color: rgba(239,68,68,.18) !important; }

  .account-side-menu,
  .account-side-menu-v10860,
  .account-side-menu-v10870,
  .account-side-menu-v10880,
  .account-side-menu-v10900 {
    max-height: 55vh !important;
    overflow-y: auto !important;
  }

  body[data-theme="dark"] .saas-navbar.clean-navbar,
  body[data-theme="dark"] .saas-navbar.clean-navbar.public-navbar,
  body[data-theme="dark"] .saas-navbar.clean-navbar.portal-aware-navbar { background: rgba(7,8,22,.94) !important; border-color: rgba(255,255,255,.10) !important; }
  body[data-theme="dark"] .saas-navbar.clean-navbar.public-navbar.nav-open .saas-nav-links,
  body[data-theme="dark"] .mobile-workspace-panel { background: rgba(15,23,42,.97) !important; border-color: rgba(255,255,255,.12) !important; }
}

@media (max-width: 430px) {
  .saas-navbar.clean-navbar.public-navbar .saas-logo-text { display: none !important; }
  .saas-navbar.clean-navbar.public-navbar .nav-auth-button { padding: 0 7px !important; font-size: .66rem !important; }
}

/* v10950: mobile navbar streamlining, centered menus, better onboarding and security pagination */
.admin-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 14px 0 2px !important;
}
.admin-pagination a,
.admin-pagination span,
.admin-pagination strong {
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--panel-border) !important;
  background: var(--panel-bg-strong) !important;
  color: var(--text-main) !important;
  text-decoration: none !important;
  font-weight: 850 !important;
}
.admin-pagination a { color: var(--brand-primary, #6427ff) !important; }
.admin-pagination span { opacity: .55 !important; }

.onboarding-v10950 { z-index: 20000 !important; }
.onboarding-product-tour {
  width: min(760px, calc(100vw - 28px)) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  border: 1px solid rgba(124,58,237,.18) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,245,255,.98)) !important;
  box-shadow: 0 40px 120px rgba(31,17,69,.28) !important;
}
.onboarding-tour-head {
  padding: 22px 24px 16px !important;
  background: radial-gradient(circle at top right, rgba(124,58,237,.18), transparent 46%), linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,240,255,.96)) !important;
  border-bottom: 1px solid rgba(124,58,237,.12) !important;
}
.onboarding-tour-head h2 { margin: 8px 0 6px !important; font-size: clamp(1.45rem, 4vw, 2.25rem) !important; line-height: .98 !important; letter-spacing: -.055em !important; }
.onboarding-tour-head p { margin: 0 !important; color: var(--text-soft) !important; max-width: 58ch !important; }
.onboarding-product-tour .onboarding-slide {
  display: none !important;
  grid-template-columns: 112px 1fr !important;
  gap: 18px !important;
  padding: 22px 24px !important;
  align-items: center !important;
}
.onboarding-product-tour .onboarding-slide.active { display: grid !important; }
.onboarding-visual {
  width: 104px !important; height: 104px !important;
  border-radius: 28px !important;
  display: grid !important; place-items: center !important;
  background: linear-gradient(135deg, rgba(124,58,237,.14), rgba(99,102,241,.08)) !important;
  border: 1px solid rgba(124,58,237,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 18px 46px rgba(124,58,237,.12) !important;
}
.onboarding-visual span { font-size: 2.35rem !important; }
.onboarding-product-tour .onboarding-slide h3 { margin: 0 0 8px !important; font-size: 1.35rem !important; letter-spacing: -.04em !important; }
.onboarding-product-tour .onboarding-slide p { margin: 0 !important; color: var(--text-soft) !important; line-height: 1.6 !important; }
.onboarding-tip {
  grid-column: 1 / -1 !important;
  border: 1px solid rgba(124,58,237,.14) !important;
  background: rgba(124,58,237,.06) !important;
  border-radius: 18px !important;
  padding: 12px 14px !important;
  color: var(--text-main) !important;
  font-weight: 750 !important;
}
.onboarding-product-tour .onboarding-progress { padding: 0 24px 14px !important; justify-content: center !important; }
.onboarding-product-tour .onboarding-actions { padding: 16px 24px 22px !important; border-top: 1px solid rgba(124,58,237,.10) !important; background: rgba(255,255,255,.56) !important; }
body[data-theme="dark"] .onboarding-product-tour { background: linear-gradient(145deg, rgba(15,23,42,.98), rgba(25,19,48,.98)) !important; border-color: rgba(255,255,255,.12) !important; }
body[data-theme="dark"] .onboarding-tour-head { background: radial-gradient(circle at top right, rgba(124,58,237,.25), transparent 48%), linear-gradient(135deg, rgba(15,23,42,.96), rgba(23,18,43,.96)) !important; border-bottom-color: rgba(255,255,255,.10) !important; }
body[data-theme="dark"] .onboarding-product-tour .onboarding-actions { background: rgba(15,23,42,.76) !important; border-top-color: rgba(255,255,255,.10) !important; }

@media (max-width: 860px) {
  .saas-navbar.clean-navbar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    min-height: 64px !important;
    padding: 8px 10px !important;
    overflow: visible !important;
  }
  .saas-navbar.clean-navbar .saas-brand { order: 1 !important; flex: 0 0 auto !important; min-width: 0 !important; }
  .saas-navbar.clean-navbar .saas-logo-text { max-width: 92px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
  .saas-navbar.clean-navbar .saas-nav-actions { order: 2 !important; margin-left: auto !important; display: flex !important; align-items: center !important; gap: 7px !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; }
  .saas-navbar.clean-navbar .mobile-nav-toggle {
    order: 3 !important;
    margin-left: 0 !important;
    position: relative !important;
    right: auto !important; top: auto !important;
    display: inline-flex !important;
    flex: 0 0 42px !important;
    width: 42px !important; height: 42px !important;
    align-items: center !important; justify-content: center !important;
    border-radius: 16px !important;
    border: 1px solid rgba(124,58,237,.16) !important;
    background: rgba(255,255,255,.86) !important;
    box-shadow: 0 8px 22px rgba(31,17,69,.08) !important;
    z-index: 10040 !important;
  }
  .saas-navbar.clean-navbar .mobile-nav-toggle span { display: block !important; width: 17px !important; height: 2px !important; background: var(--text-main) !important; border-radius: 999px !important; margin: 2px 0 !important; }

  /* Public logged-out navbar: logo, theme, Portal, Gratis starten, hamburger. */
  .saas-navbar.clean-navbar.public-navbar .saas-nav-links {
    display: none !important;
  }
  .saas-navbar.clean-navbar.public-navbar .saas-nav-actions .theme-icon-button { order: 1 !important; display: inline-flex !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-nav-actions .saas-login-link { order: 2 !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-nav-actions .saas-primary-link { order: 3 !important; }
  .saas-navbar.clean-navbar.public-navbar .nav-auth-button {
    min-height: 38px !important;
    padding: 0 10px !important;
    border-radius: 15px !important;
    font-size: .74rem !important;
    white-space: nowrap !important;
  }
  .saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button::before { content: "Portal" !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button { font-size: 0 !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button::before { font-size: .74rem !important; }

  .saas-navbar.clean-navbar.public-navbar.nav-open .saas-nav-links {
    display: grid !important;
    position: fixed !important;
    top: 72px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(92vw, 380px) !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 24px !important;
    z-index: 10030 !important;
    text-align: center !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid rgba(124,58,237,.16) !important;
    box-shadow: 0 24px 80px rgba(31,17,69,.22) !important;
  }
  .saas-navbar.clean-navbar.public-navbar.nav-open .saas-nav-links a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    border-radius: 16px !important;
    background: rgba(124,58,237,.06) !important;
    border: 1px solid rgba(124,58,237,.10) !important;
    font-weight: 900 !important;
  }

  /* Portal logged-in menu opens centered, never off-screen. */
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu {
    display: block !important;
    position: fixed !important;
    top: 72px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(92vw, 390px) !important;
    z-index: 10030 !important;
  }
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    text-align: center !important;
    max-height: calc(100vh - 92px) !important;
    overflow-y: auto !important;
  }
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-scan-wide,
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-account-menu { display: none !important; }
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-notification-center { display: inline-flex !important; }
  .saas-navbar.clean-navbar.portal-aware-navbar .theme-icon-button { display: inline-flex !important; }
  .saas-navbar.clean-navbar.portal-aware-navbar .mobile-workspace-menu { display: none !important; }

  body[data-theme="dark"] .saas-navbar.clean-navbar.public-navbar.nav-open .saas-nav-links,
  body[data-theme="dark"] .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-panel,
  body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle { background: rgba(15,23,42,.98) !important; border-color: rgba(255,255,255,.12) !important; }
}

@media (max-width: 440px) {
  .saas-navbar.clean-navbar { gap: 5px !important; padding-inline: 7px !important; }
  .saas-navbar.clean-navbar .saas-logo-mark { width: 36px !important; height: 36px !important; min-width: 36px !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-logo-text { display: none !important; }
  .saas-navbar.clean-navbar.public-navbar .nav-auth-button { padding-inline: 8px !important; font-size: .68rem !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button::before { font-size: .68rem !important; }
  .theme-icon-button, .nav-notification-center summary { width: 38px !important; height: 38px !important; min-width: 38px !important; }
  .saas-navbar.clean-navbar .mobile-nav-toggle { width: 38px !important; height: 38px !important; flex-basis: 38px !important; }
  .onboarding-product-tour .onboarding-slide { grid-template-columns: 1fr !important; text-align: center !important; }
  .onboarding-visual { margin: 0 auto !important; width: 88px !important; height: 88px !important; }
  .onboarding-product-tour .onboarding-actions { display: grid !important; grid-template-columns: 1fr !important; }
}

/* v10960: result redesign, corrected mobile nav and onboarding notifications */
.result-page-v10960 .tenant-status-ribbon,
.result-page-v10960 .tenant-status-ribbon-v10870,
.result-page-v10960 .tenant-status-ribbon-v10860 { margin-bottom: 14px !important; }
.result-main-v10960 { display: grid !important; gap: 16px !important; }
.result-command-center {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 190px !important;
  gap: 18px !important;
  align-items: center !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(124,58,237,.22), transparent 35%),
    radial-gradient(circle at 8% 100%, rgba(14,165,233,.12), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,245,255,.92)) !important;
}
.result-command-center:before { content:""; position:absolute; inset:auto -90px -120px auto; width:260px; height:260px; border-radius:999px; background:rgba(124,58,237,.08); pointer-events:none; }
.result-command-copy h1 { margin: 8px 0 6px !important; font-size: clamp(2rem, 4vw, 4.1rem) !important; line-height: .92 !important; letter-spacing: -.075em !important; color: var(--text-main) !important; }
.result-file-name { margin: 0 0 12px !important; font-weight: 900 !important; color: var(--text-soft) !important; word-break: break-word !important; }
.result-main-advice { max-width: 780px !important; font-size: 1.05rem !important; line-height: 1.65 !important; margin: 0 !important; color: var(--text-main) !important; }
.result-score-orb { width: 176px !important; height: 176px !important; border-radius: 44px !important; display:grid !important; place-items:center !important; text-align:center !important; justify-self:end !important; background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(255,255,255,.62)) !important; border:1px solid rgba(124,58,237,.20) !important; box-shadow:0 22px 70px rgba(31,17,69,.18), inset 0 1px 0 rgba(255,255,255,.9) !important; }
.result-score-orb span { font-size:.78rem !important; font-weight:950 !important; color:var(--text-soft) !important; text-transform:uppercase !important; letter-spacing:.09em !important; }
.result-score-orb strong { font-size: 4rem !important; line-height:.82 !important; letter-spacing:-.08em !important; color:var(--text-main) !important; }
.result-score-orb small { font-weight:950 !important; color:var(--text-soft) !important; }
.result-command-center.risk-high .result-score-orb { border-color: rgba(239,68,68,.28) !important; box-shadow:0 22px 70px rgba(239,68,68,.18), inset 0 1px 0 rgba(255,255,255,.9) !important; }
.result-command-center.risk-medium .result-score-orb { border-color: rgba(245,158,11,.32) !important; box-shadow:0 22px 70px rgba(245,158,11,.15), inset 0 1px 0 rgba(255,255,255,.9) !important; }
.result-command-center.risk-low .result-score-orb { border-color: rgba(34,197,94,.28) !important; box-shadow:0 22px 70px rgba(34,197,94,.15), inset 0 1px 0 rgba(255,255,255,.9) !important; }
.result-confidence-strip { grid-column: 1 / -1 !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important; }
.result-confidence-strip div { border:1px solid rgba(124,58,237,.14) !important; background:rgba(255,255,255,.64) !important; border-radius:18px !important; padding:12px 14px !important; }
.result-confidence-strip span { display:block !important; color:var(--text-soft) !important; font-weight:850 !important; font-size:.78rem !important; }
.result-confidence-strip strong { color:var(--text-main) !important; font-size:1rem !important; }
.result-action-timeline { padding: 20px !important; }
.action-timeline-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; }
.action-step { position:relative !important; padding:16px !important; border-radius:22px !important; background:linear-gradient(135deg, rgba(124,58,237,.08), rgba(255,255,255,.72)) !important; border:1px solid rgba(124,58,237,.14) !important; }
.action-step span { width:30px !important; height:30px !important; display:inline-grid !important; place-items:center !important; border-radius:12px !important; background:linear-gradient(135deg,#7c3aed,#4f46e5) !important; color:white !important; font-weight:950 !important; margin-bottom:10px !important; }
.action-step strong { display:block !important; color:var(--text-main) !important; font-size:1rem !important; margin-bottom:6px !important; }
.action-step p { margin:0 !important; color:var(--text-soft) !important; font-size:.9rem !important; line-height:1.5 !important; }
.action-step.critical { background:linear-gradient(135deg, rgba(239,68,68,.10), rgba(255,255,255,.72)) !important; border-color:rgba(239,68,68,.20) !important; }
.result-insight-grid { display:grid !important; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr) !important; gap:16px !important; }
.result-evidence-board .evidence-grid { display:grid !important; gap:10px !important; }
.evidence-grid div { padding:14px !important; border-radius:18px !important; border:1px solid rgba(124,58,237,.12) !important; background:rgba(124,58,237,.05) !important; }
.evidence-grid span { display:block !important; color:var(--text-soft) !important; font-weight:850 !important; font-size:.78rem !important; }
.evidence-grid strong { display:block !important; color:var(--text-main) !important; word-break:break-word !important; margin-top:4px !important; }
.result-finding-stack { display:grid !important; gap:10px !important; }
body[data-theme="dark"] .result-command-center { background: radial-gradient(circle at 84% 12%, rgba(124,58,237,.26), transparent 35%), radial-gradient(circle at 8% 100%, rgba(14,165,233,.12), transparent 36%), linear-gradient(135deg, rgba(15,23,42,.94), rgba(24,19,48,.92)) !important; }
body[data-theme="dark"] .result-score-orb, body[data-theme="dark"] .result-confidence-strip div, body[data-theme="dark"] .action-step, body[data-theme="dark"] .evidence-grid div { background: rgba(15,23,42,.72) !important; border-color: rgba(255,255,255,.12) !important; }
.onboarding-choice-actions button, .onboarding-choice-actions a, .onboarding-product-tour a { transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important; cursor: pointer !important; }
.onboarding-choice-actions button:hover, .onboarding-choice-actions a:hover, .onboarding-product-tour a:hover { transform: translateY(-1px) !important; box-shadow: 0 14px 34px rgba(31,17,69,.14) !important; filter: brightness(1.03) !important; }
.notification-panel a.onboarding-notification-link { background: rgba(124,58,237,.07) !important; border-color: rgba(124,58,237,.16) !important; }
@media (max-width: 1180px){ .result-insight-grid, .action-timeline-grid { grid-template-columns:1fr 1fr !important; } }
@media (max-width: 760px){ .result-command-center { grid-template-columns:1fr !important; text-align:left !important; } .result-score-orb { justify-self:start !important; width:148px !important; height:148px !important; border-radius:34px !important; } .result-score-orb strong{font-size:3.3rem !important;} .result-confidence-strip, .result-insight-grid, .action-timeline-grid { grid-template-columns:1fr !important; } }

@media (max-width: 860px) {
  .saas-navbar.clean-navbar.public-navbar,
  .saas-navbar.clean-navbar.portal-aware-navbar {
    display:flex !important; align-items:center !important; flex-wrap:nowrap !important; gap:8px !important; padding:8px 10px !important; min-height:62px !important; overflow:visible !important;
  }
  .saas-navbar.clean-navbar .saas-brand { order:1 !important; flex:0 0 auto !important; min-width:0 !important; }
  .saas-navbar.clean-navbar .saas-logo-mark { width:38px !important; height:38px !important; min-width:38px !important; }
  .saas-navbar.clean-navbar .saas-logo-text { max-width:96px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
  .saas-navbar.clean-navbar .saas-nav-actions { order:2 !important; margin-left:auto !important; display:flex !important; align-items:center !important; gap:7px !important; width:auto !important; flex:0 0 auto !important; min-width:0 !important; }
  .saas-navbar.clean-navbar .mobile-nav-toggle { order:3 !important; display:inline-flex !important; position:relative !important; right:auto !important; top:auto !important; margin-left:0 !important; width:40px !important; height:40px !important; min-width:40px !important; flex:0 0 40px !important; align-items:center !important; justify-content:center !important; border-radius:15px !important; border:1px solid rgba(124,58,237,.16) !important; background:rgba(255,255,255,.90) !important; z-index:10060 !important; }
  .saas-navbar.clean-navbar .mobile-nav-toggle span { display:block !important; width:17px !important; height:2px !important; margin:2px 0 !important; border-radius:999px !important; background:var(--text-main) !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-nav-links { display:none !important; }
  .saas-navbar.clean-navbar.public-navbar .theme-icon-button { order:1 !important; display:inline-flex !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button { order:2 !important; font-size:0 !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button::before { content:"Portal" !important; font-size:.74rem !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-primary-link.nav-auth-button { order:3 !important; }
  .saas-navbar.clean-navbar.public-navbar .nav-auth-button { min-height:38px !important; padding:0 10px !important; border-radius:15px !important; font-size:.74rem !important; white-space:nowrap !important; }
  .public-mobile-menu, .mobile-workspace-menu { display:none !important; }
  .saas-navbar.clean-navbar.public-navbar.nav-open .public-mobile-menu,
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu {
    display:block !important; position:fixed !important; top:72px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; width:min(92vw,390px) !important; z-index:10050 !important;
  }
  .public-mobile-panel, .mobile-workspace-panel {
    display:grid !important; grid-template-columns:1fr !important; gap:8px !important; max-height:calc(100vh - 92px) !important; overflow-y:auto !important; padding:12px !important; border-radius:24px !important; text-align:center !important; background:rgba(255,255,255,.98) !important; border:1px solid rgba(124,58,237,.16) !important; box-shadow:0 24px 80px rgba(31,17,69,.22) !important;
  }
  .public-mobile-panel a, .mobile-workspace-panel a, .mobile-workspace-panel button { display:flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; border-radius:16px !important; background:rgba(124,58,237,.06) !important; border:1px solid rgba(124,58,237,.10) !important; color:var(--text-main) !important; text-decoration:none !important; font-weight:900 !important; width:100% !important; }
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-scan-wide,
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-account-menu { display:none !important; }
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-notification-center,
  .saas-navbar.clean-navbar.portal-aware-navbar .theme-icon-button { display:inline-flex !important; }
  body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle,
  body[data-theme="dark"] .public-mobile-panel,
  body[data-theme="dark"] .mobile-workspace-panel { background:rgba(15,23,42,.98) !important; border-color:rgba(255,255,255,.12) !important; }
}
@media (max-width:440px){ .saas-navbar.clean-navbar{gap:5px !important; padding-inline:7px !important;} .saas-navbar.clean-navbar.public-navbar .saas-logo-text{display:none !important;} .saas-navbar.clean-navbar.public-navbar .nav-auth-button{padding-inline:8px !important; font-size:.68rem !important;} .saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button::before{font-size:.68rem !important;} .theme-icon-button,.nav-notification-center summary{width:38px !important;height:38px !important;min-width:38px !important;} }

/* v10990: final mobile navbar stabilization + KvK API usage page */
@media (min-width: 861px){
  .saas-navbar.clean-navbar .mobile-nav-toggle,
  .saas-navbar.clean-navbar .public-mobile-menu,
  .saas-navbar.clean-navbar .mobile-workspace-menu{display:none !important;}
}
@media (max-width: 860px){
  .saas-navbar.clean-navbar.public-navbar,
  .saas-navbar.clean-navbar.portal-aware-navbar{
    display:flex !important; align-items:center !important; justify-content:flex-start !important;
    flex-wrap:nowrap !important; gap:8px !important; min-height:62px !important; height:62px !important;
    padding:8px 10px !important; overflow:visible !important;
  }
  .saas-navbar.clean-navbar .saas-brand{order:1 !important; flex:0 0 auto !important; min-width:0 !important; margin:0 !important;}
  .saas-navbar.clean-navbar .saas-logo-mark{width:38px !important; height:38px !important; min-width:38px !important;}
  .saas-navbar.clean-navbar.public-navbar .saas-logo-text{display:inline-block !important; max-width:86px !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important;}
  .saas-navbar.clean-navbar .saas-nav-actions{order:2 !important; margin-left:auto !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; flex:1 1 auto !important; width:auto !important; gap:7px !important; min-width:0 !important;}
  .saas-navbar.clean-navbar .public-desktop-links,
  .saas-navbar.clean-navbar.public-navbar .saas-nav-links{display:none !important;}
  .saas-navbar.clean-navbar .theme-icon-button{order:1 !important; display:inline-flex !important; width:38px !important; height:38px !important; min-width:38px !important; padding:0 !important; align-items:center !important; justify-content:center !important;}
  .saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button{order:2 !important; display:inline-flex !important; font-size:.73rem !important; min-height:38px !important; height:38px !important; padding:0 10px !important; border-radius:15px !important; white-space:nowrap !important; align-items:center !important; justify-content:center !important;}
  .saas-navbar.clean-navbar.public-navbar .saas-primary-link.nav-auth-button{order:3 !important; display:inline-flex !important; font-size:.73rem !important; min-height:38px !important; height:38px !important; padding:0 10px !important; border-radius:15px !important; white-space:nowrap !important; align-items:center !important; justify-content:center !important;}
  .saas-navbar.clean-navbar.public-navbar .public-mobile-menu{order:4 !important; display:none !important;}
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-notification-center{order:1 !important; display:inline-flex !important;}
  .saas-navbar.clean-navbar.portal-aware-navbar .theme-icon-button{order:2 !important;}
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-scan-wide,
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-account-menu{display:none !important;}
  .saas-navbar.clean-navbar.portal-aware-navbar .mobile-workspace-menu{order:3 !important; display:none !important;}
  .saas-navbar.clean-navbar .mobile-nav-toggle{order:99 !important; display:inline-flex !important; position:relative !important; right:auto !important; top:auto !important; margin-left:0 !important; width:40px !important; height:40px !important; min-width:40px !important; flex:0 0 40px !important; align-items:center !important; justify-content:center !important; flex-direction:column !important; border-radius:15px !important; border:1px solid rgba(124,58,237,.16) !important; background:rgba(255,255,255,.92) !important; box-shadow:0 10px 24px rgba(31,17,69,.10) !important; z-index:10070 !important;}
  .saas-navbar.clean-navbar .mobile-nav-toggle span{display:block !important; width:17px !important; height:2px !important; margin:2px 0 !important; border-radius:999px !important; background:var(--text-main) !important; transition:transform .18s ease, opacity .18s ease !important;}
  .saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg) !important;}
  .saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(2){opacity:0 !important;}
  .saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg) !important;}
  .saas-navbar.clean-navbar.public-navbar.nav-open .public-mobile-menu,
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu{display:block !important; position:fixed !important; top:72px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; width:min(92vw,390px) !important; z-index:10050 !important;}
  .saas-navbar.clean-navbar.public-navbar.nav-open .public-mobile-panel,
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-panel{display:grid !important; grid-template-columns:1fr !important; gap:8px !important; padding:12px !important; border-radius:24px !important; text-align:center !important; max-height:calc(100vh - 92px) !important; overflow-y:auto !important; background:rgba(255,255,255,.98) !important; border:1px solid rgba(124,58,237,.16) !important; box-shadow:0 24px 80px rgba(31,17,69,.24) !important;}
  .saas-navbar.clean-navbar.public-navbar.nav-open .public-mobile-panel a,
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-panel a,
  .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-panel button{display:flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; border-radius:16px !important; background:rgba(124,58,237,.06) !important; border:1px solid rgba(124,58,237,.10) !important; color:var(--text-main) !important; text-decoration:none !important; font-weight:900 !important; width:100% !important;}
  body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle,
  body[data-theme="dark"] .saas-navbar.clean-navbar.public-navbar.nav-open .public-mobile-panel,
  body[data-theme="dark"] .saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-panel{background:rgba(15,23,42,.98) !important; border-color:rgba(255,255,255,.12) !important;}
}
@media (max-width: 430px){
  .saas-navbar.clean-navbar{gap:5px !important; padding-inline:6px !important;}
  .saas-navbar.clean-navbar.public-navbar .saas-logo-text{display:none !important;}
  .saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button,
  .saas-navbar.clean-navbar.public-navbar .saas-primary-link.nav-auth-button{font-size:.67rem !important; padding-inline:7px !important; min-width:auto !important;}
  .saas-navbar.clean-navbar .theme-icon-button,
  .saas-navbar.clean-navbar .nav-notification-center summary{width:37px !important; min-width:37px !important; height:37px !important;}
  .saas-navbar.clean-navbar .mobile-nav-toggle{width:38px !important; min-width:38px !important; flex-basis:38px !important; height:38px !important;}
}
.api-usage-page-v10990 .account-main-stack{max-width:1180px !important;}
.api-usage-hero{background:radial-gradient(circle at 85% 10%, rgba(124,58,237,.18), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,245,255,.92)) !important;}
.api-filter-card{padding:16px !important;}
.api-filter-grid{display:grid !important; grid-template-columns:1.1fr 1fr 1fr auto !important; gap:12px !important; align-items:end !important;}
.api-filter-actions{display:flex !important; gap:8px !important; align-items:center !important;}
.api-chart-card{padding:18px !important; overflow:hidden !important;}
.api-bar-chart{height:220px !important; display:flex !important; align-items:end !important; gap:10px !important; padding:16px !important; border-radius:24px !important; background:linear-gradient(180deg, rgba(124,58,237,.06), rgba(255,255,255,.60)) !important; border:1px solid rgba(124,58,237,.12) !important;}
.api-bar-item{height:100% !important; flex:1 !important; min-width:28px !important; display:flex !important; flex-direction:column !important; justify-content:flex-end !important; align-items:center !important; gap:8px !important;}
.api-bar{width:100% !important; min-height:12px !important; border-radius:16px 16px 8px 8px !important; background:linear-gradient(180deg,#7c3aed,#4f46e5) !important; box-shadow:0 12px 30px rgba(124,58,237,.20) !important; display:flex !important; align-items:flex-start !important; justify-content:center !important; padding-top:7px !important; color:white !important; font-weight:950 !important;}
.api-bar-item small{font-size:.72rem !important; color:var(--text-soft) !important; font-weight:800 !important;}
.api-cost-table .admin-table td strong{color:var(--text-main) !important;}
body[data-theme="dark"] .api-usage-hero{background:radial-gradient(circle at 85% 10%, rgba(124,58,237,.26), transparent 36%), linear-gradient(135deg, rgba(15,23,42,.94), rgba(24,19,48,.92)) !important;}
body[data-theme="dark"] .api-bar-chart{background:linear-gradient(180deg, rgba(124,58,237,.13), rgba(15,23,42,.68)) !important; border-color:rgba(255,255,255,.12) !important;}
@media(max-width: 1100px){.api-filter-grid{grid-template-columns:1fr 1fr !important;}.api-filter-actions{grid-column:1/-1 !important;}}
@media(max-width: 700px){.api-filter-grid{grid-template-columns:1fr !important;}.api-bar-chart{overflow-x:auto !important; justify-content:flex-start !important;}.api-bar-item{flex:0 0 46px !important;}}

/* =========================================================
   v10990 final navbar repair: public and logged-in mobile
   ========================================================= */
.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button::before,
.saas-navbar.clean-navbar.public-navbar .nav-auth-button::before {
  content: none !important;
}
.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button {
  font-size: .86rem !important;
  white-space: nowrap !important;
}
.saas-navbar.clean-navbar .public-mobile-menu,
.saas-navbar.clean-navbar .mobile-workspace-menu {
  display: none !important;
}
@media (max-width: 860px) {
  .saas-navbar.clean-navbar.public-navbar,
  .saas-navbar.clean-navbar.portal-aware-navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 8px 10px !important;
    overflow: visible !important;
  }
  .saas-navbar.clean-navbar.public-navbar .saas-brand,
  .saas-navbar.clean-navbar.portal-aware-navbar .saas-brand {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .saas-navbar.clean-navbar.public-navbar .saas-logo-text { display: none !important; }
  .saas-navbar.clean-navbar.public-navbar .saas-nav-links { display: none !important; }
  .saas-navbar.clean-navbar .saas-nav-actions {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    min-width: 0 !important;
    width: auto !important;
    position: static !important;
  }
  .saas-navbar.clean-navbar.public-navbar .theme-icon-button,
  .saas-navbar.clean-navbar.portal-aware-navbar .theme-icon-button,
  .saas-navbar.clean-navbar .mobile-nav-toggle {
    display: inline-flex !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    margin: 0 !important;
  }
  .saas-navbar.clean-navbar.public-navbar .nav-auth-button.nav-public-mobile-keep {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    font-size: .82rem !important;
    line-height: 1 !important;
    margin: 0 !important;
    max-width: 105px !important;
  }
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-scan-wide,
  .saas-navbar.clean-navbar.portal-aware-navbar .nav-account-menu { display: none !important; }
  .saas-navbar.clean-navbar .mobile-nav-toggle { order: 99 !important; margin-left: 2px !important; }
  .saas-navbar.clean-navbar .mobile-nav-toggle span {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #101828 !important;
  }
  body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-nav-toggle span { background: #f8fafc !important; }
  .saas-navbar.clean-navbar .public-mobile-menu,
  .saas-navbar.clean-navbar .mobile-workspace-menu {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: 68px !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    width: min(92vw, 380px) !important;
    pointer-events: none !important;
  }
  .saas-navbar.clean-navbar.nav-open .public-mobile-menu,
  .saas-navbar.clean-navbar.nav-open .mobile-workspace-menu {
    display: block !important;
    pointer-events: auto !important;
  }
  .saas-navbar.clean-navbar .public-mobile-panel,
  .saas-navbar.clean-navbar .mobile-workspace-panel {
    width: 100% !important;
    max-height: calc(100vh - 88px) !important;
    overflow-y: auto !important;
    padding: 14px !important;
    border: 1px solid rgba(15,23,42,.12) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 24px 70px rgba(15,23,42,.22) !important;
    display: grid !important;
    gap: 8px !important;
    text-align: center !important;
  }
  body[data-theme="dark"] .saas-navbar.clean-navbar .public-mobile-panel,
  body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-workspace-panel {
    background: rgba(15,23,42,.98) !important;
    border-color: rgba(255,255,255,.12) !important;
  }
  .saas-navbar.clean-navbar .public-mobile-panel a,
  .saas-navbar.clean-navbar .mobile-workspace-panel a,
  .saas-navbar.clean-navbar .mobile-workspace-panel button {
    width: 100% !important;
    border: 1px solid rgba(15,23,42,.08) !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
    background: rgba(248,250,252,.92) !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
  }
  body[data-theme="dark"] .saas-navbar.clean-navbar .public-mobile-panel a,
  body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-workspace-panel a,
  body[data-theme="dark"] .saas-navbar.clean-navbar .mobile-workspace-panel button {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #f8fafc !important;
  }
}
@media (max-width: 420px) {
  .saas-navbar.clean-navbar.public-navbar .nav-auth-button.nav-public-mobile-keep {
    padding: 0 8px !important;
    font-size: .76rem !important;
    max-width: 92px !important;
  }
  .saas-navbar.clean-navbar.public-navbar,
  .saas-navbar.clean-navbar.portal-aware-navbar { gap: 5px !important; padding-left: 7px !important; padding-right: 7px !important; }
}

/* v10990 scan workspace and equal upload cards */
.scans-command-bar-v10990 {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding: 18px 20px !important;
  background: linear-gradient(135deg, rgba(124,58,237,.14), rgba(14,165,233,.10)), rgba(255,255,255,.86) !important;
}
body[data-theme="dark"] .scans-command-bar-v10990 { background: linear-gradient(135deg, rgba(124,58,237,.20), rgba(14,165,233,.12)), rgba(15,23,42,.86) !important; }
.scans-command-bar-v10990 h1 { margin: 3px 0 4px; font-size: clamp(1.4rem, 2vw, 2rem); }
.scan-workbench-grid { align-items: stretch !important; }
.scan-upload-card.compact-scan-card,
.bulk-upload-card.compact-bulk-card,
.bulk-cta-card.compact-bulk-card {
  border: 1px solid rgba(124,58,237,.16) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,250,252,.92)) !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.10) !important;
  min-height: 310px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
body[data-theme="dark"] .scan-upload-card.compact-scan-card,
body[data-theme="dark"] .bulk-upload-card.compact-bulk-card,
body[data-theme="dark"] .bulk-cta-card.compact-bulk-card {
  background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(30,41,59,.92)) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.28) !important;
}
.scan-upload-card .upload-dropzone,
.bulk-upload-card .bulk-file-drop,
.bulk-cta-card.compact-bulk-card ul {
  flex: 1 1 auto !important;
  min-height: 170px !important;
}
@media (max-width: 760px) {
  .scans-command-bar-v10990 { display:grid; }
  .scans-command-bar-v10990 .saas-primary-link { width:100%; justify-content:center; }
}

/* =========================================================
   v10990 navbar stabilisatie: één consistente mobile bar
   ========================================================= */
@media (max-width: 860px) {
  /* One row only. Nothing may reflow when the menu opens. */
  header.saas-navbar.clean-navbar,
  header.saas-navbar.clean-navbar.public-navbar,
  header.saas-navbar.clean-navbar.portal-aware-navbar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 8px !important;
    margin: 8px auto 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  header.saas-navbar.clean-navbar .saas-brand {
    order: 0 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 38px !important;
    max-width: none !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  header.saas-navbar.clean-navbar .saas-logo-mark {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex: 0 0 38px !important;
  }
  header.saas-navbar.clean-navbar.public-navbar .saas-logo-text,
  header.saas-navbar.clean-navbar.portal-aware-navbar .saas-logo-text {
    display: none !important;
  }

  header.saas-navbar.clean-navbar .saas-nav-actions {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin-left: auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    position: static !important;
    overflow: visible !important;
  }

  /* Public logged-out exact order: logo | theme | Portal | Gratis starten | hamburger */
  header.saas-navbar.clean-navbar.public-navbar .theme-icon-button { order: 1 !important; }
  header.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button { order: 2 !important; }
  header.saas-navbar.clean-navbar.public-navbar .saas-primary-link.nav-auth-button { order: 3 !important; }
  header.saas-navbar.clean-navbar.public-navbar .public-mobile-menu { order: 98 !important; }
  header.saas-navbar.clean-navbar.public-navbar .mobile-nav-toggle { order: 99 !important; }

  /* Portal logged-in exact order: logo | notifications | theme | hamburger */
  header.saas-navbar.clean-navbar.portal-aware-navbar .nav-notification-center { order: 1 !important; display: inline-flex !important; }
  header.saas-navbar.clean-navbar.portal-aware-navbar .theme-icon-button { order: 2 !important; }
  header.saas-navbar.clean-navbar.portal-aware-navbar .mobile-workspace-menu { order: 98 !important; }
  header.saas-navbar.clean-navbar.portal-aware-navbar .mobile-nav-toggle { order: 99 !important; }

  header.saas-navbar.clean-navbar .theme-icon-button,
  header.saas-navbar.clean-navbar .nav-notification-center summary,
  header.saas-navbar.clean-navbar .mobile-nav-toggle {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  header.saas-navbar.clean-navbar .mobile-nav-toggle {
    margin-left: 0 !important;
    flex-direction: column !important;
    border-radius: 15px !important;
    border: 1px solid rgba(124,58,237,.18) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 8px 22px rgba(31,17,69,.08) !important;
    z-index: 10080 !important;
  }
  header.saas-navbar.clean-navbar .mobile-nav-toggle span {
    display: block !important;
    width: 17px !important;
    height: 2px !important;
    margin: 2px 0 !important;
    border-radius: 999px !important;
    background: var(--text-main, #101828) !important;
    transition: transform .18s ease, opacity .18s ease !important;
  }
  header.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg) !important; }
  header.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(2) { opacity: 0 !important; }
  header.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg) !important; }

  /* Keep desktop links hidden on mobile. Only the mobile panel opens. */
  header.saas-navbar.clean-navbar.public-navbar .saas-nav-links,
  header.saas-navbar.clean-navbar.public-navbar.nav-open .saas-nav-links,
  header.saas-navbar.clean-navbar.portal-aware-navbar .nav-scan-wide,
  header.saas-navbar.clean-navbar.portal-aware-navbar .nav-account-menu {
    display: none !important;
  }

  header.saas-navbar.clean-navbar.public-navbar .nav-auth-button.nav-public-mobile-keep {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    height: 38px !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    margin: 0 !important;
    border-radius: 15px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    font-size: .80rem !important;
    max-width: none !important;
  }
  header.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button,
  header.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button::before {
    font-size: .80rem !important;
    content: none !important;
  }

  /* Hidden by default; fixed centered overlay when nav-open is active. */
  header.saas-navbar.clean-navbar .public-mobile-menu,
  header.saas-navbar.clean-navbar .mobile-workspace-menu {
    display: none !important;
    position: fixed !important;
    top: 70px !important;
    left: 50% !important;
    right: auto !important;
    width: min(92vw, 390px) !important;
    transform: translateX(-50%) !important;
    z-index: 10050 !important;
    pointer-events: none !important;
  }
  header.saas-navbar.clean-navbar.public-navbar.nav-open .public-mobile-menu,
  header.saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu {
    display: block !important;
    pointer-events: auto !important;
  }
  header.saas-navbar.clean-navbar .public-mobile-panel,
  header.saas-navbar.clean-navbar .mobile-workspace-panel {
    width: 100% !important;
    max-height: calc(100vh - 86px) !important;
    overflow-y: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 14px !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid rgba(124,58,237,.16) !important;
    box-shadow: 0 28px 90px rgba(15,23,42,.28) !important;
    backdrop-filter: blur(18px) !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  header.saas-navbar.clean-navbar .public-mobile-panel a,
  header.saas-navbar.clean-navbar .mobile-workspace-panel a,
  header.saas-navbar.clean-navbar .mobile-workspace-panel button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 11px 13px !important;
    border-radius: 16px !important;
    background: rgba(124,58,237,.06) !important;
    border: 1px solid rgba(124,58,237,.11) !important;
    color: var(--text-main, #101828) !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-nav-toggle,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .public-mobile-panel,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-workspace-panel {
    background: rgba(15,23,42,.98) !important;
    border-color: rgba(255,255,255,.14) !important;
  }
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-nav-toggle span { background: #f8fafc !important; }
  body[data-theme="dark"] header.saas-navbar.clean-navbar .public-mobile-panel a,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-workspace-panel a,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-workspace-panel button {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #f8fafc !important;
  }
}

@media (max-width: 390px) {
  header.saas-navbar.clean-navbar,
  header.saas-navbar.clean-navbar.public-navbar,
  header.saas-navbar.clean-navbar.portal-aware-navbar {
    gap: 5px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  header.saas-navbar.clean-navbar .saas-logo-mark,
  header.saas-navbar.clean-navbar .theme-icon-button,
  header.saas-navbar.clean-navbar .nav-notification-center summary,
  header.saas-navbar.clean-navbar .mobile-nav-toggle {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
  header.saas-navbar.clean-navbar.public-navbar .nav-auth-button.nav-public-mobile-keep {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 7px !important;
    font-size: .72rem !important;
  }
}


/* =========================================================
   v11000 definitive navbar + onboarding stability patch
   ========================================================= */
@media (max-width: 900px) {
  html, body { overflow-x: hidden !important; }

  header.saas-navbar.clean-navbar,
  header.saas-navbar.clean-navbar.public-navbar,
  header.saas-navbar.clean-navbar.portal-aware-navbar {
    position: sticky !important;
    top: 8px !important;
    left: auto !important;
    right: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    min-width: 0 !important;
    height: 56px !important;
    min-height: 56px !important;
    margin: 8px auto 0 !important;
    padding: 8px !important;
    border-radius: 20px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    z-index: 10000 !important;
  }

  header.saas-navbar.clean-navbar .saas-brand {
    order: 0 !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }
  header.saas-navbar.clean-navbar .saas-logo-mark {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    margin: 0 !important;
  }
  header.saas-navbar.clean-navbar .saas-logo-text { display: none !important; }

  header.saas-navbar.clean-navbar .saas-nav-actions,
  header.saas-navbar.clean-navbar.public-navbar .saas-nav-actions,
  header.saas-navbar.clean-navbar.portal-aware-navbar .saas-nav-actions {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    position: static !important;
    overflow: visible !important;
    transform: none !important;
  }

  header.saas-navbar.clean-navbar .theme-icon-button,
  header.saas-navbar.clean-navbar .nav-notification-center,
  header.saas-navbar.clean-navbar .nav-notification-center summary,
  header.saas-navbar.clean-navbar .mobile-nav-toggle {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  header.saas-navbar.clean-navbar .mobile-nav-toggle {
    order: 999 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    flex-direction: column !important;
    border-radius: 15px !important;
    border: 1px solid rgba(124,58,237,.20) !important;
    background: rgba(255,255,255,.96) !important;
    color: var(--text-main, #101828) !important;
    box-shadow: 0 10px 26px rgba(31,17,69,.10) !important;
  }
  header.saas-navbar.clean-navbar .mobile-nav-toggle span {
    display: block !important;
    width: 17px !important;
    height: 2px !important;
    margin: 2px 0 !important;
    border-radius: 999px !important;
    background: currentColor !important;
    transition: transform .18s ease, opacity .18s ease !important;
  }
  header.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg) !important; }
  header.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(2) { opacity: 0 !important; }
  header.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg) !important; }

  /* Logged-out public navbar exact order: logo | dark | Portal | Gratis starten | hamburger */
  header.saas-navbar.clean-navbar.public-navbar .public-desktop-links,
  header.saas-navbar.clean-navbar.public-navbar .saas-nav-links,
  header.saas-navbar.clean-navbar.public-navbar.nav-open .saas-nav-links { display: none !important; }
  header.saas-navbar.clean-navbar.public-navbar .theme-icon-button { order: 1 !important; }
  header.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button { order: 2 !important; }
  header.saas-navbar.clean-navbar.public-navbar .saas-primary-link.nav-auth-button,
  header.saas-navbar.clean-navbar.public-navbar .saas-primary-link.nav-cta { order: 3 !important; }
  header.saas-navbar.clean-navbar.public-navbar .public-mobile-menu { order: 998 !important; }

  header.saas-navbar.clean-navbar.public-navbar .nav-auth-button.nav-public-mobile-keep {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 15px !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    max-width: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  header.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button {
    font-size: .78rem !important;
  }
  header.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button::before,
  header.saas-navbar.clean-navbar.public-navbar .nav-auth-button::before {
    content: none !important;
    display: none !important;
  }

  /* Logged-in portal navbar exact order: logo | notifications | dark | hamburger */
  header.saas-navbar.clean-navbar.portal-aware-navbar .nav-notification-center { order: 1 !important; display: inline-flex !important; }
  header.saas-navbar.clean-navbar.portal-aware-navbar .theme-icon-button { order: 2 !important; }
  header.saas-navbar.clean-navbar.portal-aware-navbar .mobile-workspace-menu { order: 998 !important; }
  header.saas-navbar.clean-navbar.portal-aware-navbar .nav-scan-wide,
  header.saas-navbar.clean-navbar.portal-aware-navbar .nav-account-menu,
  header.saas-navbar.clean-navbar.portal-aware-navbar .nav-logout-form { display: none !important; }

  /* Menus are fixed overlays; opening them must not move navbar buttons. */
  header.saas-navbar.clean-navbar .public-mobile-menu,
  header.saas-navbar.clean-navbar .mobile-workspace-menu {
    display: none !important;
    position: fixed !important;
    top: 72px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: min(92vw, 390px) !important;
    max-width: min(92vw, 390px) !important;
    transform: translateX(-50%) !important;
    z-index: 10060 !important;
    pointer-events: none !important;
  }
  header.saas-navbar.clean-navbar.public-navbar.nav-open .public-mobile-menu,
  header.saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu {
    display: block !important;
    pointer-events: auto !important;
  }
  header.saas-navbar.clean-navbar .public-mobile-panel,
  header.saas-navbar.clean-navbar .mobile-workspace-panel {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 12px !important;
    max-height: calc(100vh - 92px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border-radius: 24px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,.985) !important;
    border: 1px solid rgba(124,58,237,.18) !important;
    box-shadow: 0 28px 90px rgba(15,23,42,.28) !important;
    backdrop-filter: blur(18px) !important;
  }
  header.saas-navbar.clean-navbar .public-mobile-panel a,
  header.saas-navbar.clean-navbar .mobile-workspace-panel a,
  header.saas-navbar.clean-navbar .mobile-workspace-panel button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    width: 100% !important;
    padding: 11px 13px !important;
    border-radius: 16px !important;
    background: rgba(124,58,237,.065) !important;
    border: 1px solid rgba(124,58,237,.12) !important;
    color: var(--text-main, #101828) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }
  body[data-theme="dark"] header.saas-navbar.clean-navbar .public-mobile-panel,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-workspace-panel,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-nav-toggle {
    background: rgba(15,23,42,.985) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #f8fafc !important;
  }
  body[data-theme="dark"] header.saas-navbar.clean-navbar .public-mobile-panel a,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-workspace-panel a,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-workspace-panel button {
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #f8fafc !important;
  }
}

@media (max-width: 390px) {
  header.saas-navbar.clean-navbar,
  header.saas-navbar.clean-navbar.public-navbar,
  header.saas-navbar.clean-navbar.portal-aware-navbar { gap: 4px !important; padding: 7px !important; width: calc(100vw - 10px) !important; max-width: calc(100vw - 10px) !important; }
  header.saas-navbar.clean-navbar .saas-brand,
  header.saas-navbar.clean-navbar .saas-logo-mark,
  header.saas-navbar.clean-navbar .theme-icon-button,
  header.saas-navbar.clean-navbar .nav-notification-center,
  header.saas-navbar.clean-navbar .nav-notification-center summary,
  header.saas-navbar.clean-navbar .mobile-nav-toggle {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
  header.saas-navbar.clean-navbar.public-navbar .nav-auth-button.nav-public-mobile-keep {
    height: 36px !important;
    min-height: 36px !important;
    padding-inline: 7px !important;
    font-size: .70rem !important;
  }
}

/* Onboarding buttons must clearly feel clickable. */
.onboarding-choice-actions button,
.onboarding-choice-actions a,
.onboarding-product-tour button,
.onboarding-product-tour a {
  cursor: pointer !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease !important;
}
.onboarding-choice-actions button:hover,
.onboarding-choice-actions a:hover,
.onboarding-product-tour button:hover,
.onboarding-product-tour a:hover,
.onboarding-choice-actions button:focus-visible,
.onboarding-choice-actions a:focus-visible,
.onboarding-product-tour button:focus-visible,
.onboarding-product-tour a:focus-visible {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 36px rgba(31,17,69,.16) !important;
  filter: brightness(1.035) !important;
  outline: 3px solid rgba(124,58,237,.18) !important;
  outline-offset: 2px !important;
}
.onboarding-choice-actions button:active,
.onboarding-product-tour button:active,
.onboarding-product-tour a:active { transform: translateY(0) scale(.99) !important; }

/* v11010 definitive responsive navbar patch
   Goal: the navbar may never become wider than the viewport, may never wrap,
   and opening the mobile menu may never move the navbar buttons. */
:root { --scam-mobile-navbar-h: 64px; }

header.saas-navbar.clean-navbar,
header.saas-navbar.clean-navbar.public-navbar,
header.saas-navbar.clean-navbar.portal-aware-navbar {
  box-sizing: border-box !important;
  width: min(100% - 24px, 1440px) !important;
  max-width: calc(100vw - 24px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  overflow: visible !important;
}

@media (max-width: 860px) {
  html, body { max-width: 100% !important; overflow-x: hidden !important; }

  header.saas-navbar.clean-navbar,
  header.saas-navbar.clean-navbar.public-navbar,
  header.saas-navbar.clean-navbar.portal-aware-navbar {
    position: sticky !important;
    top: 8px !important;
    left: 8px !important;
    right: 8px !important;
    transform: none !important;
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    min-width: 0 !important;
    height: var(--scam-mobile-navbar-h) !important;
    min-height: var(--scam-mobile-navbar-h) !important;
    max-height: var(--scam-mobile-navbar-h) !important;
    margin: 8px auto 0 !important;
    padding: 8px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    border-radius: 20px !important;
    overflow: visible !important;
    z-index: 10050 !important;
  }

  header.saas-navbar.clean-navbar .saas-brand {
    grid-column: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
  }

  header.saas-navbar.clean-navbar .saas-logo-mark {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    flex: 0 0 40px !important;
    margin: 0 !important;
  }

  header.saas-navbar.clean-navbar .saas-logo-text { display: none !important; }

  header.saas-navbar.clean-navbar .saas-nav-actions,
  header.saas-navbar.clean-navbar.public-navbar .saas-nav-actions,
  header.saas-navbar.clean-navbar.portal-aware-navbar .saas-nav-actions {
    grid-column: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow: visible !important;
    position: static !important;
    transform: none !important;
  }

  header.saas-navbar.clean-navbar .public-desktop-links,
  header.saas-navbar.clean-navbar .saas-nav-links,
  header.saas-navbar.clean-navbar .nav-scan-wide,
  header.saas-navbar.clean-navbar .nav-account-menu,
  header.saas-navbar.clean-navbar .nav-logout-form {
    display: none !important;
  }

  header.saas-navbar.clean-navbar .theme-icon-button,
  header.saas-navbar.clean-navbar .nav-notification-center,
  header.saas-navbar.clean-navbar .nav-notification-center summary,
  header.saas-navbar.clean-navbar .mobile-nav-toggle {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  header.saas-navbar.clean-navbar .mobile-nav-toggle {
    order: 99 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    flex-direction: column !important;
    border-radius: 15px !important;
    border: 1px solid rgba(124,58,237,.22) !important;
    background: rgba(255,255,255,.97) !important;
    color: #111827 !important;
    box-shadow: 0 10px 26px rgba(31,17,69,.10) !important;
  }

  header.saas-navbar.clean-navbar .mobile-nav-toggle span {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    min-height: 2px !important;
    margin: 2px 0 !important;
    border-radius: 99px !important;
    background: currentColor !important;
    transition: transform .18s ease, opacity .18s ease !important;
  }

  header.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(1) { transform: translateY(6px) rotate(45deg) !important; }
  header.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(2) { opacity: 0 !important; }
  header.saas-navbar.clean-navbar.nav-open .mobile-nav-toggle span:nth-child(3) { transform: translateY(-6px) rotate(-45deg) !important; }

  /* Public mobile exact order: logo | dark | Portal | Gratis starten | hamburger */
  header.saas-navbar.clean-navbar.public-navbar .theme-icon-button { order: 1 !important; }
  header.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button { order: 2 !important; }
  header.saas-navbar.clean-navbar.public-navbar .saas-primary-link.nav-auth-button,
  header.saas-navbar.clean-navbar.public-navbar .saas-primary-link.nav-cta { order: 3 !important; }
  header.saas-navbar.clean-navbar.public-navbar .public-mobile-menu { order: 98 !important; }
  header.saas-navbar.clean-navbar.public-navbar .mobile-nav-toggle { order: 99 !important; }

  header.saas-navbar.clean-navbar.public-navbar .nav-auth-button.nav-public-mobile-keep {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border-radius: 15px !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  header.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button,
  header.saas-navbar.clean-navbar.public-navbar .saas-login-link.nav-auth-button::before,
  header.saas-navbar.clean-navbar.public-navbar .nav-auth-button::before {
    content: none !important;
  }

  /* Portal mobile exact order: logo | notifications | dark | hamburger */
  header.saas-navbar.clean-navbar.portal-aware-navbar .nav-notification-center { order: 1 !important; display: inline-flex !important; }
  header.saas-navbar.clean-navbar.portal-aware-navbar .theme-icon-button { order: 2 !important; }
  header.saas-navbar.clean-navbar.portal-aware-navbar .mobile-workspace-menu { order: 98 !important; }
  header.saas-navbar.clean-navbar.portal-aware-navbar .mobile-nav-toggle { order: 99 !important; }

  header.saas-navbar.clean-navbar .public-mobile-menu,
  header.saas-navbar.clean-navbar .mobile-workspace-menu {
    display: none !important;
    position: fixed !important;
    left: 50% !important;
    top: calc(var(--scam-mobile-navbar-h) + 18px) !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: min(92vw, 420px) !important;
    max-width: min(92vw, 420px) !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: calc(100dvh - var(--scam-mobile-navbar-h) - 34px) !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 10070 !important;
    pointer-events: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  header.saas-navbar.clean-navbar.public-navbar.nav-open .public-mobile-menu,
  header.saas-navbar.clean-navbar.portal-aware-navbar.nav-open .mobile-workspace-menu {
    display: block !important;
    pointer-events: auto !important;
  }

  header.saas-navbar.clean-navbar .public-mobile-panel,
  header.saas-navbar.clean-navbar .mobile-workspace-panel {
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100dvh - var(--scam-mobile-navbar-h) - 42px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 12px !important;
    margin: 0 auto !important;
    text-align: center !important;
    border-radius: 24px !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,.988) !important;
    border: 1px solid rgba(124,58,237,.18) !important;
    box-shadow: 0 28px 90px rgba(15,23,42,.28) !important;
    backdrop-filter: blur(18px) !important;
  }

  header.saas-navbar.clean-navbar .public-mobile-panel a,
  header.saas-navbar.clean-navbar .mobile-workspace-panel a,
  header.saas-navbar.clean-navbar .mobile-workspace-panel button {
    width: 100% !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 11px 13px !important;
    border-radius: 16px !important;
    background: rgba(124,58,237,.065) !important;
    border: 1px solid rgba(124,58,237,.12) !important;
    color: var(--text-main, #101828) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-nav-toggle,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .public-mobile-panel,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-workspace-panel {
    background: rgba(15,23,42,.988) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #f8fafc !important;
  }
  body[data-theme="dark"] header.saas-navbar.clean-navbar .public-mobile-panel a,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-workspace-panel a,
  body[data-theme="dark"] header.saas-navbar.clean-navbar .mobile-workspace-panel button {
    background: rgba(255,255,255,.065) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: #f8fafc !important;
  }
}

@media (max-width: 380px) {
  header.saas-navbar.clean-navbar,
  header.saas-navbar.clean-navbar.public-navbar,
  header.saas-navbar.clean-navbar.portal-aware-navbar {
    left: 6px !important;
    right: 6px !important;
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    padding: 7px !important;
    gap: 4px !important;
  }
  header.saas-navbar.clean-navbar .saas-logo-mark,
  header.saas-navbar.clean-navbar .theme-icon-button,
  header.saas-navbar.clean-navbar .nav-notification-center,
  header.saas-navbar.clean-navbar .nav-notification-center summary,
  header.saas-navbar.clean-navbar .mobile-nav-toggle {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
  header.saas-navbar.clean-navbar.public-navbar .nav-auth-button.nav-public-mobile-keep {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding-inline: 8px !important;
    font-size: .68rem !important;
  }
}

/* =====================================================================
   ScamScan v11030 navbar rebuild
   A fresh navbar component that avoids the older saas/mobile-nav rules.
   ===================================================================== */
.ss-navbar,
.ss-navbar * { box-sizing: border-box; }
.ss-navbar {
  position: sticky;
  top: 0;
  z-index: 10000;
  width: 100%;
  max-width: 100vw;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(15,23,42,.08);
  overflow: visible;
}
.ss-navbar-inner {
  width: min(100%, 1480px);
  max-width: 100vw;
  min-height: 76px;
  margin: 0 auto;
  padding: 12px clamp(12px, 3vw, 28px);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(10px, 2vw, 24px);
}
.ss-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: #101828;
  text-decoration: none;
  font-weight: 950;
  letter-spacing: -.03em;
  white-space: nowrap;
}
.ss-brand-mark {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: inline-grid;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #7c2dff, #541cff);
  box-shadow: 0 14px 28px rgba(104,38,255,.25);
}
.ss-brand-text { font-size: 22px; line-height: 1; }
.ss-desktop-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-width: 0;
}
.ss-desktop-links a {
  color: #475467;
  text-decoration: none;
  font-weight: 850;
  font-size: 14px;
  white-space: nowrap;
  border-radius: 999px;
  padding: 9px 10px;
}
.ss-desktop-links a:hover,
.ss-desktop-links a:focus-visible {
  color: #5f24f5;
  background: rgba(104,38,255,.08);
  outline: none;
}
.ss-navbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  min-width: 0;
}
.ss-icon-button,
.ss-hamburger,
.ss-notifications > summary {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(104,38,255,.16);
  background: rgba(255,255,255,.9);
  color: #101828;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(16,24,40,.05);
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.ss-icon-button:hover,
.ss-hamburger:hover,
.ss-notifications > summary:hover,
.ss-icon-button:focus-visible,
.ss-hamburger:focus-visible,
.ss-notifications > summary:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(104,38,255,.38);
  box-shadow: 0 14px 26px rgba(104,38,255,.14);
  outline: none;
}
.ss-link-button,
.ss-primary-button,
.ss-desktop-logout button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 14px;
  padding: 0 15px;
  text-decoration: none;
  font-weight: 950;
  font-size: 14px;
  white-space: nowrap;
  border: 1px solid rgba(104,38,255,.18);
  cursor: pointer;
}
.ss-link-button { color: #5f24f5; background: #fff; }
.ss-primary-button { color: #fff; background: linear-gradient(135deg, #7c2dff, #541cff); border-color: transparent; box-shadow: 0 12px 26px rgba(104,38,255,.22); }
.ss-link-button:hover,
.ss-primary-button:hover,
.ss-desktop-logout button:hover { transform: translateY(-1px); }
.ss-account-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  max-width: 240px;
  padding: 5px 12px 5px 5px;
  border-radius: 999px;
  border: 1px solid rgba(104,38,255,.14);
  background: rgba(255,255,255,.86);
  color: #101828;
  text-decoration: none;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
}
.ss-account-pill span {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #7c2dff, #541cff);
  display: inline-grid;
  place-items: center;
  flex: 0 0 32px;
}
.ss-account-pill strong { overflow: hidden; text-overflow: ellipsis; }
.ss-desktop-logout { margin: 0; }
.ss-desktop-logout button { background: #fff5f5; color: #c2410c; border-color: #fed7d7; }
.ss-notifications { position: relative; }
.ss-notifications summary { list-style: none; position: relative; }
.ss-notifications summary::-webkit-details-marker { display:none; }
.ss-bell { font-size: 17px; }
.ss-count {
  position: absolute;
  right: 5px;
  bottom: 5px;
  min-width: 17px;
  height: 17px;
  border-radius: 999px;
  background: #eef2ff;
  color: #5f24f5;
  font-size: 11px;
  display: grid;
  place-items: center;
  font-weight: 950;
}
.ss-notification-panel {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: min(360px, calc(100vw - 28px));
  border-radius: 20px;
  border: 1px solid rgba(104,38,255,.16);
  background: rgba(255,255,255,.98);
  box-shadow: 0 24px 70px rgba(16,24,40,.18);
  padding: 14px;
  display: grid;
  gap: 9px;
  z-index: 10020;
}
.ss-notifications:not([open]) .ss-notification-panel { display:none; }
.ss-notification-panel a { display:flex; gap:10px; align-items:flex-start; color:#101828; text-decoration:none; padding:10px; border-radius:14px; background:#f8f5ff; border:1px solid rgba(104,38,255,.12); }
.ss-notification-panel small { display:block; color:#667085; margin-top:2px; }
.ss-hamburger {
  display: none;
  flex: 0 0 42px;
  padding: 0;
}
.ss-hamburger span {
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: #101828;
  display: block;
  transition: transform .18s ease, opacity .18s ease;
}
.ss-hamburger span + span { margin-top: -12px; }
.ss-navbar.ss-menu-open .ss-hamburger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ss-navbar.ss-menu-open .ss-hamburger span:nth-child(2) { opacity: 0; }
.ss-navbar.ss-menu-open .ss-hamburger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.ss-mobile-overlay {
  position: fixed;
  inset: 0;
  z-index: 10010;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 92px 16px 24px;
  background: rgba(16,24,40,.22);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.ss-navbar.ss-menu-open .ss-mobile-overlay { display: flex; }
.ss-mobile-panel {
  width: min(440px, calc(100vw - 32px));
  max-height: min(76vh, 720px);
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 28px;
  border: 1px solid rgba(104,38,255,.18);
  background: rgba(255,255,255,.98);
  box-shadow: 0 28px 90px rgba(16,24,40,.26);
  padding: 22px;
  display: grid;
  gap: 10px;
  text-align: center;
}
.ss-mobile-close {
  justify-self: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(104,38,255,.18);
  background: #fff;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}
.ss-mobile-kicker {
  display: inline-flex;
  justify-self: center;
  margin: 2px 0 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(104,38,255,.09);
  color: #5f24f5;
  font-weight: 950;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ss-mobile-panel a,
.ss-mobile-logout button {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid rgba(104,38,255,.13);
  background: #f8f5ff;
  color: #101828;
  text-decoration: none;
  font-weight: 900;
  cursor: pointer;
}
.ss-mobile-panel a:hover,
.ss-mobile-panel a:focus-visible,
.ss-mobile-logout button:hover,
.ss-mobile-logout button:focus-visible { background:#ede7ff; border-color:rgba(104,38,255,.32); transform:translateY(-1px); outline:none; }
.ss-mobile-panel hr { width:100%; border:0; border-top:1px solid rgba(104,38,255,.14); margin:8px 0; }
.ss-mobile-logout { margin: 0; width: 100%; }
.ss-mobile-logout button { color:#b42318; background:#fff5f5; border-color:#fed7d7; font: inherit; }
body[data-theme="dark"] .ss-navbar { background: rgba(7,8,22,.9); border-color: rgba(255,255,255,.09); }
body[data-theme="dark"] .ss-brand, body[data-theme="dark"] .ss-account-pill, body[data-theme="dark"] .ss-desktop-links a { color: #f8fafc; }
body[data-theme="dark"] .ss-icon-button, body[data-theme="dark"] .ss-hamburger, body[data-theme="dark"] .ss-notifications > summary, body[data-theme="dark"] .ss-link-button, body[data-theme="dark"] .ss-account-pill, body[data-theme="dark"] .ss-mobile-close { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.12); color:#f8fafc; }
body[data-theme="dark"] .ss-hamburger span { background:#f8fafc; }
body[data-theme="dark"] .ss-notification-panel, body[data-theme="dark"] .ss-mobile-panel { background: rgba(15,23,42,.98); border-color: rgba(255,255,255,.12); color:#f8fafc; }
body[data-theme="dark"] .ss-notification-panel a, body[data-theme="dark"] .ss-mobile-panel a { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); color:#f8fafc; }
body[data-theme="dark"] .ss-notification-panel small { color:#cbd5e1; }
body[data-theme="dark"] .ss-mobile-kicker { background: rgba(139,92,246,.2); color:#ddd6fe; }

@media (max-width: 1120px) {
  .ss-desktop-links,
  .ss-desktop-action,
  .ss-account-pill,
  .ss-desktop-logout { display: none !important; }
  .ss-hamburger { display: inline-grid !important; }
  .ss-navbar-inner { grid-template-columns: auto 1fr; }
  .ss-navbar-actions { grid-column: 2; }
}
@media (max-width: 640px) {
  .ss-navbar-inner {
    min-height: 64px;
    padding: 9px 10px;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr);
  }
  .ss-brand-mark { width: 38px; height: 38px; flex-basis: 38px; border-radius: 12px; }
  .ss-brand-text { display: none; }
  .ss-navbar-actions { gap: 6px; }
  .ss-icon-button, .ss-hamburger, .ss-notifications > summary { width: 38px; height: 38px; border-radius: 13px; }
  .ss-link-button, .ss-primary-button { min-height: 38px; padding: 0 10px; font-size: 12px; border-radius: 13px; }
  .ss-start-link { max-width: 112px; }
  .ss-portal-link { max-width: 78px; }
  .ss-mobile-overlay { padding-top: 76px; }
}
@media (max-width: 390px) {
  .ss-navbar-inner { padding: 8px 8px; }
  .ss-brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
  .ss-icon-button, .ss-hamburger, .ss-notifications > summary { width: 36px; height: 36px; }
  .ss-link-button, .ss-primary-button { padding: 0 8px; font-size: 11.5px; }
}

/* v11030 security monitoring polish */
.security-lockout-panel {
  border: 1px solid rgba(244, 63, 94, .18) !important;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,241,242,.72)) !important;
}
body[data-theme="dark"] .security-lockout-panel {
  background: linear-gradient(135deg, rgba(15,23,42,.94), rgba(69,10,10,.28)) !important;
  border-color: rgba(251,113,133,.22) !important;
}

/* v11030: notification cleanup, settings layout and dark theme hardening */
.language-settings-form,
.graph-mail-test-form {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}
.language-settings-form select,
.language-settings-form button,
.graph-mail-test-form button {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.settings-mini-meta {
  display: grid;
  grid-template-columns: minmax(90px, auto) 1fr;
  gap: 8px 12px;
  padding: 12px;
  border: 1px solid rgba(109,40,217,.14);
  border-radius: 16px;
  background: rgba(248,250,252,.72);
  margin-bottom: 12px;
}
.settings-mini-meta span { color:#64748b; font-size:.82rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.settings-mini-meta strong { color:#0f172a; overflow-wrap:anywhere; }

.onboarding-choice-actions button,
.onboarding-choice-actions a,
.onboarding-product-tour .saas-primary-link,
.onboarding-product-tour .saas-login-link,
.onboarding-product-tour .onboarding-close {
  cursor: pointer !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease !important;
}
.onboarding-choice-actions button:hover,
.onboarding-choice-actions a:hover,
.onboarding-product-tour .saas-primary-link:hover,
.onboarding-product-tour .saas-login-link:hover,
.onboarding-product-tour .onboarding-close:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 16px 34px rgba(109,40,217,.18) !important;
  border-color: rgba(109,40,217,.34) !important;
}
.onboarding-choice-actions button:active,
.onboarding-choice-actions a:active { transform: translateY(0) scale(.99) !important; }

/* Dark theme: make every portal/admin surface read as the same dark product. */
body[data-theme="dark"] {
  color: #e5e7eb;
  background: #070816;
}
body[data-theme="dark"] .site-bg,
body[data-theme="dark"] .grid-bg { opacity: .72; }
body[data-theme="dark"] .account-main-stack,
body[data-theme="dark"] .compact-panel,
body[data-theme="dark"] .admin-panel,
body[data-theme="dark"] .admin-nav-card,
body[data-theme="dark"] .dash-kpi,
body[data-theme="dark"] .scan-upload-card,
body[data-theme="dark"] .bulk-upload-card,
body[data-theme="dark"] .bulk-cta-card,
body[data-theme="dark"] .tenant-status-ribbon,
body[data-theme="dark"] .tenant-status-ribbon-v10860,
body[data-theme="dark"] .tenant-status-ribbon-v10870,
body[data-theme="dark"] .settings-summary-panel,
body[data-theme="dark"] .graph-mail-settings-card,
body[data-theme="dark"] .settings-mini-meta,
body[data-theme="dark"] .account-menu-card,
body[data-theme="dark"] .workspace-sidebar,
body[data-theme="dark"] .support-card,
body[data-theme="dark"] .result-command-center,
body[data-theme="dark"] .admin-warning-card {
  background: linear-gradient(145deg, rgba(15,23,42,.92), rgba(24,18,43,.88)) !important;
  border-color: rgba(255,255,255,.11) !important;
  color: #f8fafc !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}
body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] strong,
body[data-theme="dark"] .panel-headline h2,
body[data-theme="dark"] .dash-kpi strong,
body[data-theme="dark"] .settings-mini-meta strong { color:#f8fafc !important; }
body[data-theme="dark"] p,
body[data-theme="dark"] small,
body[data-theme="dark"] span,
body[data-theme="dark"] .panel-headline p,
body[data-theme="dark"] .settings-mini-meta span,
body[data-theme="dark"] .admin-nav-card span { color:#cbd5e1; }
body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea {
  background: rgba(2,6,23,.72) !important;
  color: #f8fafc !important;
  border-color: rgba(255,255,255,.13) !important;
}
body[data-theme="dark"] input::placeholder,
body[data-theme="dark"] textarea::placeholder { color:#94a3b8 !important; }
body[data-theme="dark"] table,
body[data-theme="dark"] th,
body[data-theme="dark"] td { color:#e5e7eb; border-color:rgba(255,255,255,.10) !important; }
body[data-theme="dark"] .inline-status.account-success,
body[data-theme="dark"] .account-success { background: rgba(34,197,94,.12) !important; border-color: rgba(34,197,94,.26) !important; color:#bbf7d0 !important; }
body[data-theme="dark"] .inline-status.account-error,
body[data-theme="dark"] .account-error { background: rgba(248,113,113,.12) !important; border-color: rgba(248,113,113,.28) !important; color:#fecaca !important; }

/* v11070 removed public scan layout - route removed in v11520 */
.public-scan-page{
  width:min(1180px, calc(100vw - 32px));
  margin:clamp(72px, 9vh, 104px) auto 48px;
}
.public-scan-hero{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);
  gap:20px;
  align-items:stretch;
  padding:24px;
  margin-bottom:18px;
  overflow:hidden;
}
.public-scan-hero h1{margin:8px 0 10px;font-size:clamp(28px,4vw,52px);line-height:1.02;letter-spacing:-.05em;}
.public-scan-hero p{max-width:760px;color:var(--muted);font-size:1.02rem;line-height:1.65;}
.public-scan-quota{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:10px 14px;border-radius:999px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.22)}
.public-scan-quota strong{font-size:1.4rem}.public-scan-quota span{color:var(--muted);font-weight:700}
.public-scan-trust-card{border-radius:22px;padding:18px;background:linear-gradient(135deg, rgba(124,58,237,.16), rgba(14,165,233,.10));border:1px solid rgba(124,58,237,.18);display:flex;flex-direction:column;gap:8px;justify-content:center}
.public-scan-trust-card strong{font-size:1.1rem}.public-scan-trust-card span{color:var(--muted);line-height:1.55}
.public-scan-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:18px;align-items:stretch}
.public-single-scan-card,.public-account-cta{min-height:100%}
@media(max-width:860px){.public-scan-page{width:min(100% - 22px, 720px);margin-top:76px}.public-scan-hero,.public-scan-grid{grid-template-columns:1fr}.public-scan-hero{padding:18px}.public-scan-hero h1{font-size:2rem}}

/* v11090 - refined scan limit page */
.limit-page-shell {
    width: min(1200px, calc(100% - 32px));
    margin: 28px auto 90px;
}

.limit-ribbon-wrap {
    margin-top: 12px;
}

.public-limit-ribbon {
    position: relative;
    top: 0;
    margin-bottom: 18px;
    box-shadow: 0 24px 60px rgba(17, 24, 39, 0.08);
}

.limit-hero-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.9fr);
    gap: 22px;
    align-items: stretch;
}

.limit-hero-copy,
.limit-summary-card,
.limit-feature-card,
.limit-plan-card {
    border: 1px solid rgba(124, 58, 237, 0.10);
    background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(249,250,255,0.96));
    border-radius: 28px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

.limit-hero-copy {
    padding: 32px;
}

.limit-hero-copy h1 {
    margin: 16px 0 14px;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
    color: #16142b;
}

.limit-hero-copy .hero-subtitle {
    max-width: 62ch;
    font-size: 1.06rem;
    line-height: 1.75;
    color: #4b5563;
}

.limit-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}

.limit-primary-cta {
    min-width: 210px;
    justify-content: center;
}

.limit-summary-card {
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.limit-summary-top {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.limit-summary-top strong {
    font-size: 1.35rem;
    color: #16142b;
}

.limit-summary-badge {
    display: inline-flex;
    align-self: flex-start;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(109, 40, 217, 0.08);
    color: #6d28d9;
    font-weight: 800;
    font-size: 0.82rem;
}

.limit-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.limit-metric-card {
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,0.72);
    border: 1px solid rgba(124, 58, 237, 0.10);
}

.limit-metric-card span,
.limit-plan-tag {
    display: block;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b7280;
}

.limit-metric-card strong {
    display: block;
    margin-top: 8px;
    font-size: 1.45rem;
    line-height: 1.1;
    color: #16142b;
}

.limit-metric-card small {
    display: block;
    margin-top: 8px;
    color: #6b7280;
}

.limit-metric-highlight {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.10), rgba(59, 130, 246, 0.08));
}

.limit-feature-strip {
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.limit-feature-card,
.limit-plan-card {
    padding: 24px;
}

.limit-feature-card h3,
.limit-plan-card h3 {
    margin: 12px 0 10px;
    font-size: 1.12rem;
    color: #16142b;
}

.limit-feature-card p,
.limit-plan-card li {
    color: #4b5563;
    line-height: 1.7;
}

.limit-plan-grid-section {
    margin-top: 28px;
}

.limit-plan-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.limit-plan-head {
    margin-bottom: 14px;
}

.limit-plan-card ul {
    margin: 0 0 18px;
    padding-left: 18px;
}

.limit-plan-card.featured {
    border-color: rgba(124, 58, 237, 0.20);
    background: linear-gradient(180deg, rgba(248,245,255,0.98), rgba(255,255,255,0.98));
    transform: translateY(-2px);
}

.limit-plan-tag.accent {
    color: #7c3aed;
}

body[data-theme="dark"] .limit-hero-copy,
body[data-theme="dark"] .limit-summary-card,
body[data-theme="dark"] .limit-feature-card,
body[data-theme="dark"] .limit-plan-card,
body[data-theme="dark"] .limit-metric-card {
    background: linear-gradient(180deg, rgba(20, 24, 40, 0.95), rgba(14, 18, 31, 0.96));
    border-color: rgba(139, 92, 246, 0.16);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

body[data-theme="dark"] .limit-hero-copy h1,
body[data-theme="dark"] .limit-summary-top strong,
body[data-theme="dark"] .limit-metric-card strong,
body[data-theme="dark"] .limit-feature-card h3,
body[data-theme="dark"] .limit-plan-card h3 {
    color: #f8fafc;
}

body[data-theme="dark"] .limit-hero-copy .hero-subtitle,
body[data-theme="dark"] .limit-feature-card p,
body[data-theme="dark"] .limit-plan-card li,
body[data-theme="dark"] .limit-metric-card small,
body[data-theme="dark"] .limit-metric-card span,
body[data-theme="dark"] .limit-plan-tag {
    color: #cbd5e1;
}

body[data-theme="dark"] .limit-summary-badge {
    background: rgba(139, 92, 246, 0.16);
    color: #ddd6fe;
}

@media (max-width: 980px) {
    .limit-hero-panel,
    .limit-feature-strip,
    .limit-plan-grid {
        grid-template-columns: 1fr;
    }

    .limit-summary-card,
    .limit-hero-copy,
    .limit-feature-card,
    .limit-plan-card {
        border-radius: 24px;
    }
}

@media (max-width: 640px) {
    .limit-page-shell {
        width: min(100%, calc(100% - 18px));
        margin-top: 18px;
    }

    .limit-hero-copy,
    .limit-summary-card,
    .limit-feature-card,
    .limit-plan-card {
        padding: 18px;
    }

    .limit-metric-grid {
        grid-template-columns: 1fr;
    }

    .limit-cta-row {
        display: grid;
        grid-template-columns: 1fr;
    }
}


/* v11100 cleanup note
   Nieuwe CSS moet bij voorkeur onder één herkenbare sectie worden toegevoegd.
   Vermijd oude classnamen opnieuw te gebruiken wanneer componenten opnieuw zijn opgebouwd,
   zodat mobiele navbar/workspace-styling niet opnieuw conflicteert.
*/


/* v11120 - KvK extended result cards */
.kvk-extended-panel {
    margin-top: 18px;
}

.kvk-extended-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.kvk-extended-card,
.kvk-api-status-card {
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(124, 58, 237, 0.12);
    background: rgba(255,255,255,0.72);
}

.kvk-extended-card span,
.kvk-api-status-card span {
    display: block;
    font-size: 0.82rem;
    color: #6b7280;
    font-weight: 750;
    margin-bottom: 6px;
}

.kvk-extended-card strong,
.kvk-api-status-card strong {
    display: block;
    color: #16142b;
    line-height: 1.35;
}

.kvk-api-status-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

body[data-theme="dark"] .kvk-extended-card,
body[data-theme="dark"] .kvk-api-status-card {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(139, 92, 246, 0.18);
}

body[data-theme="dark"] .kvk-extended-card strong,
body[data-theme="dark"] .kvk-api-status-card strong {
    color: #f8fafc;
}

body[data-theme="dark"] .kvk-extended-card span,
body[data-theme="dark"] .kvk-api-status-card span {
    color: #cbd5e1;
}

@media (max-width: 900px) {
    .kvk-extended-grid,
    .kvk-api-status-grid {
        grid-template-columns: 1fr;
    }
}


/* v11130 - mobile overlay hardening for notifications and onboarding */
@media (max-width: 720px) {
    .ss-navbar,
    .ss-nav-actions,
    .ss-notification-center {
        overflow: visible !important;
    }

    .ss-notification-center[open] summary,
    .nav-notification-center[open] summary {
        position: relative;
        z-index: 10003;
    }

    .ss-notification-center .notification-panel,
    .nav-notification-center .notification-panel,
    body > .notification-panel {
        position: fixed !important;
        top: 72px !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        width: min(92vw, 420px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: min(72vh, 560px) !important;
        overflow-y: auto !important;
        border-radius: 22px !important;
        z-index: 10002 !important;
        box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22) !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .ss-notification-item,
    .notification-panel a,
    .notification-panel button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .onboarding-modal,
    .onboarding-popup,
    .universal-onboarding-modal,
    .scamscan-onboarding-modal,
    [data-onboarding-modal] {
        position: fixed !important;
        inset: 0 !important;
        display: none;
        align-items: center !important;
        justify-content: center !important;
        padding: 16px !important;
        z-index: 10020 !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
    }

    .onboarding-modal.is-open,
    .onboarding-popup.is-open,
    .universal-onboarding-modal.is-open,
    .scamscan-onboarding-modal.is-open,
    [data-onboarding-modal].is-open,
    .onboarding-modal[open],
    .onboarding-popup[open],
    .universal-onboarding-modal[open],
    .scamscan-onboarding-modal[open] {
        display: flex !important;
    }

    .onboarding-card,
    .onboarding-dialog,
    .onboarding-panel,
    .universal-onboarding-card,
    .scamscan-onboarding-card,
    [data-onboarding-card] {
        width: min(94vw, 520px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 32px) !important;
        overflow-y: auto !important;
        margin: auto !important;
        transform: none !important;
        border-radius: 24px !important;
        box-sizing: border-box !important;
    }

    body.onboarding-open {
        overflow: hidden !important;
    }
}

.onboarding-modal.is-open,
.onboarding-popup.is-open,
.universal-onboarding-modal.is-open,
.scamscan-onboarding-modal.is-open,
[data-onboarding-modal].is-open {
    display: flex;
}

.onboarding-action,
.onboarding-actions button,
.onboarding-actions a,
[data-onboarding-action] {
    transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.onboarding-action:hover,
.onboarding-actions button:hover,
.onboarding-actions a:hover,
[data-onboarding-action]:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
    box-shadow: 0 14px 34px rgba(124, 58, 237, 0.22);
}


/* v11140 - definitive mobile centering for notifications and onboarding */
@media (max-width: 720px) {
  .ss-navbar,
  .ss-navbar-inner,
  .ss-navbar-actions,
  .ss-notifications {
    overflow: visible !important;
  }

  .ss-notifications {
    position: static !important;
  }

  .ss-notifications[open] .ss-notification-panel,
  .ss-notification-panel.ss-mobile-panel-open {
    position: fixed !important;
    top: 70px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;
    width: min(92vw, 420px) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 96px) !important;
    overflow-y: auto !important;
    display: grid !important;
    box-sizing: border-box !important;
    z-index: 2147483000 !important;
    margin: 0 !important;
    border-radius: 22px !important;
  }

  .ss-notification-panel,
  body > .ss-notification-panel {
    transform-origin: top center !important;
  }

  .ss-notification-panel a,
  .ss-notification-panel .ss-notification-item,
  .ss-notification-panel .notification-empty {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #tenantOnboardingModal,
  .tenant-onboarding-backdrop,
  .onboarding-backdrop {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding: 14px !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    z-index: 2147483001 !important;
  }

  #tenantOnboardingModal.active,
  .tenant-onboarding-backdrop.active,
  .onboarding-backdrop.active,
  #tenantOnboardingModal.is-open,
  .tenant-onboarding-backdrop.is-open,
  .onboarding-backdrop.is-open {
    display: flex !important;
  }

  #tenantOnboardingModal .tenant-onboarding-modal,
  #tenantOnboardingModal .onboarding-modal,
  .tenant-onboarding-modal,
  .onboarding-modal {
    width: min(94vw, 560px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 28px) !important;
    overflow-y: auto !important;
    margin: auto !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    border-radius: 24px !important;
  }

  #tenantOnboardingModal .onboarding-choice-actions,
  #tenantOnboardingModal .onboarding-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #tenantOnboardingModal .onboarding-choice-actions button,
  #tenantOnboardingModal .onboarding-choice-actions a,
  #tenantOnboardingModal .onboarding-actions button,
  #tenantOnboardingModal .onboarding-actions a {
    width: 100% !important;
    justify-content: center !important;
  }

  body.onboarding-open,
  html.onboarding-open {
    overflow: hidden !important;
  }
}


/* v11150 - server-authoritative onboarding overlay and centered mobile notifications */
#tenantOnboardingModal[data-server-show="1"] {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  min-height: 100dvh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  z-index: 2147483001 !important;
  background: rgba(15, 23, 42, 0.48) !important;
  backdrop-filter: blur(10px) !important;
}

#tenantOnboardingModal[data-server-show="1"]:not(.active):not(.is-open) {
  display: none !important;
}

#tenantOnboardingModal[data-server-show="1"] .tenant-onboarding-modal,
#tenantOnboardingModal[data-server-show="1"] .onboarding-modal {
  width: min(620px, calc(100vw - 28px)) !important;
  max-width: calc(100vw - 28px) !important;
  max-height: calc(100dvh - 36px) !important;
  overflow-y: auto !important;
  margin: auto !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  box-sizing: border-box !important;
}

@media (max-width: 720px) {
  .ss-notifications {
    position: static !important;
  }

  .ss-notifications[open] .ss-notification-panel,
  .ss-notification-panel.ss-mobile-panel-open {
    position: fixed !important;
    top: 70px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(92vw, 420px) !important;
    max-width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 96px) !important;
    overflow-y: auto !important;
    display: grid !important;
    z-index: 2147483000 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  #tenantOnboardingModal[data-server-show="1"] {
    padding: 14px !important;
  }

  #tenantOnboardingModal[data-server-show="1"] .tenant-onboarding-modal,
  #tenantOnboardingModal[data-server-show="1"] .onboarding-modal {
    width: min(94vw, 560px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 28px) !important;
    border-radius: 24px !important;
  }

  #tenantOnboardingModal .onboarding-choice-actions,
  #tenantOnboardingModal .onboarding-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

body.onboarding-open,
html.onboarding-open {
  overflow: hidden !important;
}


/* v11160 - rebuilt onboarding from scratch. No old onboarding classes are used. */
.ss-onboarding-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483500 !important;
  width: 100vw !important;
  min-height: 100dvh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  background: rgba(15, 23, 42, 0.50) !important;
  backdrop-filter: blur(10px) !important;
  overflow-y: auto !important;
}

.ss-onboarding-overlay[hidden],
.ss-onboarding-overlay.is-hidden {
  display: none !important;
}

.ss-onboarding-card {
  width: min(620px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100dvh - 40px) !important;
  overflow-y: auto !important;
  margin: auto !important;
  position: relative !important;
  box-sizing: border-box !important;
  border-radius: 28px !important;
  border: 1px solid rgba(124, 58, 237, 0.18) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,250,255,0.98)) !important;
  box-shadow: 0 34px 90px rgba(15, 23, 42, 0.30) !important;
  padding: 26px !important;
  color: #16142b !important;
}

.ss-onboarding-x {
  position: absolute !important;
  right: 16px !important;
  top: 14px !important;
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(124, 58, 237, 0.10) !important;
  color: #16142b !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.ss-onboarding-head {
  padding-right: 42px !important;
}

.ss-onboarding-head span {
  display: inline-flex !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(124, 58, 237, 0.10) !important;
  color: #6d28d9 !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.ss-onboarding-head h2 {
  margin: 16px 0 10px !important;
  font-size: clamp(1.85rem, 4vw, 2.7rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;
  color: #16142b !important;
}

.ss-onboarding-head p,
.ss-onboarding-slide p {
  color: #4b5563 !important;
  line-height: 1.65 !important;
  font-size: 1rem !important;
}

.ss-onboarding-slides {
  margin-top: 18px !important;
}

.ss-onboarding-slide {
  display: none !important;
  padding: 18px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(124, 58, 237, 0.12) !important;
  background: rgba(248, 245, 255, 0.70) !important;
}

.ss-onboarding-slide.is-active {
  display: block !important;
}

.ss-onboarding-icon {
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 18px !important;
  background: rgba(124, 58, 237, 0.12) !important;
  font-size: 26px !important;
  margin-bottom: 12px !important;
}

.ss-onboarding-slide h3 {
  margin: 0 0 8px !important;
  font-size: 1.28rem !important;
  color: #16142b !important;
}

.ss-onboarding-inline-link {
  display: inline-flex !important;
  margin-top: 10px !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  background: rgba(124, 58, 237, 0.10) !important;
  color: #6d28d9 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.ss-onboarding-dots {
  display: flex !important;
  gap: 8px !important;
  margin: 18px 0 !important;
}

.ss-onboarding-dots span {
  height: 8px !important;
  flex: 1 !important;
  border-radius: 999px !important;
  background: rgba(124, 58, 237, 0.16) !important;
}

.ss-onboarding-dots span.is-active {
  background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
}

.ss-onboarding-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1.2fr !important;
  gap: 10px !important;
}

.ss-onboarding-actions button {
  border: 0 !important;
  border-radius: 16px !important;
  min-height: 46px !important;
  padding: 12px 14px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.ss-onboarding-primary {
  background: linear-gradient(135deg, #7c3aed, #2563eb) !important;
  color: #fff !important;
  box-shadow: 0 18px 36px rgba(124, 58, 237, 0.24) !important;
}

.ss-onboarding-secondary {
  background: rgba(124, 58, 237, 0.10) !important;
  color: #4c1d95 !important;
}

.ss-onboarding-secondary.muted {
  background: rgba(100, 116, 139, 0.10) !important;
  color: #475569 !important;
}

.ss-onboarding-actions button:hover,
.ss-onboarding-x:hover,
.ss-onboarding-inline-link:hover {
  filter: brightness(1.03) !important;
  transform: translateY(-1px) !important;
}

body.ss-onboarding-lock,
html.ss-onboarding-lock {
  overflow: hidden !important;
}

body[data-theme="dark"] .ss-onboarding-card {
  background: linear-gradient(180deg, rgba(20,24,40,0.98), rgba(14,18,31,0.98)) !important;
  color: #f8fafc !important;
  border-color: rgba(139, 92, 246, 0.22) !important;
}

body[data-theme="dark"] .ss-onboarding-head h2,
body[data-theme="dark"] .ss-onboarding-slide h3,
body[data-theme="dark"] .ss-onboarding-x {
  color: #f8fafc !important;
}

body[data-theme="dark"] .ss-onboarding-head p,
body[data-theme="dark"] .ss-onboarding-slide p {
  color: #cbd5e1 !important;
}

body[data-theme="dark"] .ss-onboarding-slide {
  background: rgba(30, 41, 59, 0.72) !important;
  border-color: rgba(139, 92, 246, 0.18) !important;
}

@media (max-width: 720px) {
  .ss-onboarding-overlay {
    padding: 12px !important;
    align-items: center !important;
  }

  .ss-onboarding-card {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    border-radius: 24px !important;
    padding: 20px !important;
  }

  .ss-onboarding-actions {
    grid-template-columns: 1fr !important;
  }

  .ss-onboarding-head {
    padding-right: 38px !important;
  }
}


/* v11170 - exports and security monitoring overview */
.export-action-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 12px 0 18px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(124,58,237,.12);
  background: rgba(255,255,255,.72);
  box-shadow: 0 14px 40px rgba(15,23,42,.06);
}
.export-action-bar span {
  color: #64748b;
  font-weight: 750;
}
.security-overview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}
.security-overview-card {
  display: block;
  text-decoration: none;
  padding: 20px;
  border-radius: 22px;
  border: 1px solid rgba(124,58,237,.12);
  background: rgba(255,255,255,.78);
  box-shadow: 0 16px 44px rgba(15,23,42,.07);
  color: #16142b;
}
.security-overview-card span {
  display: block;
  color: #64748b;
  font-size: .82rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.security-overview-card strong {
  display: block;
  font-size: 2rem;
  margin: 8px 0 4px;
}
.security-overview-card small {
  color: #64748b;
}
.admin-three-column {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}
body[data-theme="dark"] .export-action-bar,
body[data-theme="dark"] .security-overview-card {
  background: rgba(15,23,42,.76);
  border-color: rgba(139,92,246,.18);
  color: #f8fafc;
}
body[data-theme="dark"] .export-action-bar span,
body[data-theme="dark"] .security-overview-card span,
body[data-theme="dark"] .security-overview-card small {
  color: #cbd5e1;
}
@media (max-width: 1080px) {
  .security-overview-grid,
  .admin-three-column {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .security-overview-grid,
  .admin-three-column {
    grid-template-columns: 1fr;
  }
  .export-action-bar {
    display: grid;
    grid-template-columns: 1fr;
  }
}


/* v11180 - dismissible notification items */
.ss-notification-item {
  position: relative;
  padding-right: 42px !important;
}

.ss-notification-dismiss {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  background: rgba(100,116,139,.12);
  color: #475569;
  font-weight: 950;
  cursor: pointer;
  display: grid;
  place-items: center;
  line-height: 1;
}

.ss-notification-dismiss:hover,
.ss-notification-dismiss:focus-visible {
  background: rgba(239,68,68,.12);
  color: #b91c1c;
  outline: none;
}

body[data-theme="dark"] .ss-notification-dismiss {
  background: rgba(148,163,184,.16);
  color: #cbd5e1;
}

body[data-theme="dark"] .ss-notification-dismiss:hover,
body[data-theme="dark"] .ss-notification-dismiss:focus-visible {
  background: rgba(239,68,68,.18);
  color: #fecaca;
}


/* v11210 - scan UI parity, score foundation and paid forensic modules */
.single-upload-card {
  min-height: 100%;
}
.single-file-drop {
  min-height: 220px;
}
.score-foundation-panel,
.forensic-panel,
.ai-explanation-panel,
.reputation-panel {
  margin-top: 18px;
}
.score-foundation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.score-foundation-grid > div {
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(124,58,237,.12);
  background: rgba(255,255,255,.72);
}
.score-foundation-grid span {
  display: block;
  color: #64748b;
  font-size: .8rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.score-foundation-grid strong {
  display: block;
  font-size: 2rem;
  margin: 6px 0;
  color: #16142b;
}
.score-foundation-grid p {
  margin: 0;
  color: #64748b;
  line-height: 1.5;
}
.forensic-list {
  margin-top: 14px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(248,250,252,.78);
  border: 1px solid rgba(148,163,184,.20);
}
.forensic-list.warning {
  background: rgba(255,247,237,.80);
  border-color: rgba(245,158,11,.22);
}
.forensic-list h3 {
  margin: 0 0 8px;
}
.forensic-list p {
  margin: 6px 0;
  color: #475569;
}
.compare-upload-grid {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 14px;
  align-items: end;
}
body[data-theme="dark"] .score-foundation-grid > div,
body[data-theme="dark"] .forensic-list {
  background: rgba(15,23,42,.72);
  border-color: rgba(139,92,246,.18);
}
body[data-theme="dark"] .score-foundation-grid strong {
  color: #f8fafc;
}
body[data-theme="dark"] .score-foundation-grid span,
body[data-theme="dark"] .score-foundation-grid p,
body[data-theme="dark"] .forensic-list p {
  color: #cbd5e1;
}
@media (max-width: 1080px) {
  .score-foundation-grid,
  .compare-upload-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .score-foundation-grid,
  .compare-upload-grid {
    grid-template-columns: 1fr;
  }
}


/* v11220 - stronger visible result colors and style consistency */
.result-command-center.risk-low {
  border-color: rgba(22, 163, 74, .55) !important;
  background: linear-gradient(135deg, rgba(22,163,74,.16), rgba(255,255,255,.96)) !important;
}
.result-command-center.risk-medium {
  border-color: rgba(245, 158, 11, .62) !important;
  background: linear-gradient(135deg, rgba(245,158,11,.20), rgba(255,255,255,.96)) !important;
}
.result-command-center.risk-high {
  border-color: rgba(220, 38, 38, .62) !important;
  background: linear-gradient(135deg, rgba(220,38,38,.20), rgba(255,255,255,.96)) !important;
}
.result-command-center.risk-low .result-score-orb {
  background: linear-gradient(135deg, #16a34a, #15803d) !important;
  color: #fff !important;
}
.result-command-center.risk-medium .result-score-orb {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #111827 !important;
}
.result-command-center.risk-high .result-score-orb {
  background: linear-gradient(135deg, #dc2626, #991b1b) !important;
  color: #fff !important;
}
.finding-row.finding-positive {
  border-left: 6px solid #16a34a !important;
  background: rgba(22,163,74,.12) !important;
}
.finding-row.finding-warning {
  border-left: 6px solid #f59e0b !important;
  background: rgba(245,158,11,.14) !important;
}
.finding-row.finding-danger {
  border-left: 6px solid #dc2626 !important;
  background: rgba(220,38,38,.13) !important;
}
.score-foundation-panel,
.forensic-panel,
.ai-explanation-panel,
.reputation-panel,
.article-content-card {
  border: 1px solid rgba(124,58,237,.14);
  box-shadow: 0 18px 50px rgba(15,23,42,.07);
}
.faq-directory details {
  border: 1px solid rgba(124,58,237,.14) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.76) !important;
  box-shadow: 0 14px 38px rgba(15,23,42,.05) !important;
  padding: 16px 18px !important;
}
.faq-directory summary {
  cursor: pointer;
  font-weight: 900;
  color: #16142b;
}
.faq-directory p {
  color: #64748b;
  line-height: 1.65;
}
.pricing-plan-card .plan-feature-list li:nth-child(n+9) {
  display: none;
}
body[data-theme="dark"] .result-command-center.risk-low {
  background: linear-gradient(135deg, rgba(22,163,74,.22), rgba(15,23,42,.88)) !important;
}
body[data-theme="dark"] .result-command-center.risk-medium {
  background: linear-gradient(135deg, rgba(245,158,11,.24), rgba(15,23,42,.88)) !important;
}
body[data-theme="dark"] .result-command-center.risk-high {
  background: linear-gradient(135deg, rgba(220,38,38,.24), rgba(15,23,42,.88)) !important;
}
body[data-theme="dark"] .faq-directory details {
  background: rgba(15,23,42,.76) !important;
  border-color: rgba(139,92,246,.18) !important;
}
body[data-theme="dark"] .faq-directory summary {
  color: #f8fafc;
}


/* v11240 - polished score visual and knowledgebase house style */
.result-score-orb {
  position: relative !important;
  isolation: isolate !important;
  width: 158px !important;
  height: 158px !important;
  border-radius: 34px !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  overflow: hidden !important;
  box-shadow: 0 28px 70px rgba(15,23,42,.22) !important;
  border: 1px solid rgba(255,255,255,.42) !important;
}
.result-score-orb::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 28px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.32);
  z-index: -1;
}
.result-score-orb::after {
  content: "";
  position: absolute;
  width: 125px;
  height: 125px;
  right: -46px;
  top: -42px;
  border-radius: 999px;
  background: rgba(255,255,255,.24);
  z-index: -1;
}
.result-score-orb span,
.result-score-orb small {
  color: rgba(255,255,255,.86) !important;
  font-weight: 900 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}
.result-score-orb strong {
  color: #fff !important;
  font-size: 3.35rem !important;
  line-height: .9 !important;
  letter-spacing: -.07em !important;
  text-shadow: 0 8px 28px rgba(0,0,0,.20);
}
.result-command-center.risk-low .result-score-orb {
  background: radial-gradient(circle at 25% 15%, #86efac 0, #22c55e 35%, #15803d 100%) !important;
}
.result-command-center.risk-medium .result-score-orb {
  background: radial-gradient(circle at 25% 15%, #fde68a 0, #f59e0b 42%, #b45309 100%) !important;
}
.result-command-center.risk-high .result-score-orb {
  background: radial-gradient(circle at 25% 15%, #fca5a5 0, #ef4444 38%, #991b1b 100%) !important;
}
.result-command-center.risk-medium .result-score-orb strong,
.result-command-center.risk-medium .result-score-orb span,
.result-command-center.risk-medium .result-score-orb small {
  color: #fff !important;
  text-shadow: 0 8px 24px rgba(120,53,15,.28);
}
.knowledge-hub-page .marketing-hero,
.faq-page-pro .marketing-hero {
  max-width: 980px;
  margin-inline: auto;
}
.faq-directory-polished {
  width: min(980px, calc(100% - 32px));
  margin: 0 auto 56px;
  display: grid;
  gap: 14px;
}
.faq-directory-polished details {
  padding: 0 !important;
  overflow: hidden;
}
.faq-directory-polished summary {
  list-style: none;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.faq-directory-polished summary::-webkit-details-marker { display: none; }
.faq-directory-polished summary::after {
  content: "+";
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(124,58,237,.10);
  color: #6d28d9;
  font-weight: 950;
}
.faq-directory-polished details[open] summary::after {
  content: "–";
}
.faq-directory-polished p {
  padding: 0 22px 20px;
  margin: 0;
}
.knowledge-featured-grid {
  width: min(1120px, calc(100% - 32px));
  margin-inline: auto;
}
.knowledge-card-grid {
  width: min(1120px, calc(100% - 32px));
  margin: 20px auto 64px;
}
.article-content-polished {
  width: min(880px, calc(100% - 32px));
  margin: 0 auto 64px;
  padding: 28px;
  border-radius: 28px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(124,58,237,.14);
  box-shadow: 0 18px 50px rgba(15,23,42,.07);
}
.article-content-polished h2 {
  margin-top: 22px;
}
.article-content-polished h2:first-child {
  margin-top: 0;
}
.article-content-polished p {
  color: #64748b;
  line-height: 1.72;
}
body[data-theme="dark"] .article-content-polished {
  background: rgba(15,23,42,.76);
  border-color: rgba(139,92,246,.18);
}
body[data-theme="dark"] .article-content-polished p {
  color: #cbd5e1;
}
@media (max-width: 720px) {
  .result-score-orb {
    width: 132px !important;
    height: 132px !important;
    border-radius: 28px !important;
  }
  .result-score-orb strong {
    font-size: 2.75rem !important;
  }
}


/* v11250 - simple modern result score, no decorative orb */
.result-score-orb {
  width: 138px !important;
  height: auto !important;
  min-height: 116px !important;
  border-radius: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 2px !important;
  overflow: visible !important;
  box-shadow: 0 18px 44px rgba(15,23,42,.12) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  background: #fff !important;
}
.result-score-orb::before,
.result-score-orb::after {
  display: none !important;
}
.result-score-orb span {
  color: #64748b !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.result-score-orb strong {
  color: #111827 !important;
  font-size: 3.05rem !important;
  line-height: .92 !important;
  letter-spacing: -.08em !important;
  text-shadow: none !important;
}
.result-score-orb small {
  color: #64748b !important;
  font-weight: 900 !important;
}
.result-command-center.risk-low .result-score-orb {
  border-color: rgba(22,163,74,.45) !important;
  background: linear-gradient(180deg, #ffffff, #f0fdf4) !important;
}
.result-command-center.risk-low .result-score-orb strong {
  color: #15803d !important;
}
.result-command-center.risk-medium .result-score-orb {
  border-color: rgba(245,158,11,.50) !important;
  background: linear-gradient(180deg, #ffffff, #fffbeb) !important;
}
.result-command-center.risk-medium .result-score-orb strong {
  color: #b45309 !important;
}
.result-command-center.risk-high .result-score-orb {
  border-color: rgba(220,38,38,.50) !important;
  background: linear-gradient(180deg, #ffffff, #fef2f2) !important;
}
.result-command-center.risk-high .result-score-orb strong {
  color: #b91c1c !important;
}
body[data-theme="dark"] .result-score-orb {
  background: rgba(15,23,42,.92) !important;
  border-color: rgba(148,163,184,.18) !important;
}
body[data-theme="dark"] .result-score-orb span,
body[data-theme="dark"] .result-score-orb small {
  color: #cbd5e1 !important;
}
@media (max-width: 720px) {
  .result-score-orb {
    width: 100% !important;
    min-height: 92px !important;
  }
}


/* v11260 - ordered result flow and supplier management */
.scan-flow-panel {
  margin-top: 18px;
}
.scan-flow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
  margin-top: 14px;
}
.scan-flow-steps div {
  border: 1px solid rgba(124,58,237,.12);
  background: rgba(255,255,255,.74);
  border-radius: 18px;
  padding: 14px;
}
.scan-flow-steps strong {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg,#7c3aed,#2563eb);
  margin-bottom: 10px;
}
.scan-flow-steps span {
  display: block;
  font-weight: 900;
  color: #16142b;
}
.scan-flow-steps p {
  margin: 6px 0 0;
  color: #64748b;
  line-height: 1.55;
}
.result-detail-section {
  padding: 0 !important;
  overflow: hidden;
}
.result-detail-section > summary {
  cursor: pointer;
  list-style: none;
  padding: 20px 22px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
.result-detail-section > summary::-webkit-details-marker {
  display: none;
}
.result-detail-section > summary span {
  font-weight: 950;
  font-size: 1.1rem;
  color: #16142b;
}
.result-detail-section > summary strong {
  font-size: .84rem;
  color: #6d28d9;
}
.result-detail-section[open] {
  padding: 0 22px 22px !important;
}
.supplier-management-panel {
  display: grid;
  gap: 16px;
}
.supplier-management-grid {
  display: grid;
  grid-template-columns: 1.4fr .9fr;
  gap: 16px;
}
.supplier-manual-form,
.supplier-import-form {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 20px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(124,58,237,.12);
}
.form-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.supplier-manual-form input,
.supplier-manual-form textarea,
.supplier-record-row input {
  width: 100%;
  border: 1px solid rgba(148,163,184,.32);
  border-radius: 14px;
  padding: 11px 12px;
  background: rgba(255,255,255,.88);
}
.supplier-manual-form textarea {
  min-height: 76px;
}
.supplier-records-editor {
  border: 1px solid rgba(124,58,237,.12);
  border-radius: 20px;
  background: rgba(255,255,255,.68);
  overflow: hidden;
}
.supplier-records-editor > summary {
  padding: 16px;
  cursor: pointer;
  font-weight: 900;
}
.supplier-records-list {
  display: grid;
  gap: 10px;
  padding: 16px;
}
.supplier-record-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
}
.supplier-record-delete {
  margin: -4px 0 10px;
}
.inline-success {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(22,163,74,.12);
  border: 1px solid rgba(22,163,74,.22);
  color: #166534;
  font-weight: 850;
}
body[data-theme="dark"] .scan-flow-steps div,
body[data-theme="dark"] .supplier-manual-form,
body[data-theme="dark"] .supplier-import-form,
body[data-theme="dark"] .supplier-records-editor {
  background: rgba(15,23,42,.72);
  border-color: rgba(139,92,246,.18);
}
body[data-theme="dark"] .scan-flow-steps span,
body[data-theme="dark"] .result-detail-section > summary span {
  color: #f8fafc;
}
body[data-theme="dark"] .scan-flow-steps p {
  color: #cbd5e1;
}
@media (max-width: 980px) {
  .scan-flow-steps,
  .supplier-management-grid,
  .supplier-record-row {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 720px) {
  .scan-flow-steps,
  .supplier-management-grid,
  .supplier-record-row,
  .form-grid-2 {
    grid-template-columns: 1fr;
  }
}


/* v11270 - supplier pages and extraction pipeline polish */
.managed-suppliers-panel {
  display: grid;
  gap: 14px;
}
.managed-supplier-list {
  display: grid;
  gap: 10px;
}
.managed-supplier-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(124,58,237,.12);
  background: rgba(255,255,255,.72);
}
.managed-supplier-row strong {
  display: block;
}
.managed-supplier-row span {
  display: block;
  color: #64748b;
  margin-top: 3px;
}
.managed-supplier-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.supplier-form-panel,
.supplier-import-page-panel {
  display: grid;
  gap: 16px;
}
.supplier-manual-form.large,
.supplier-import-form.large {
  padding: 20px;
}
.supplier-manual-form label {
  display: grid;
  gap: 6px;
  font-weight: 850;
  color: #334155;
}
.import-help-card {
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(124,58,237,.12);
  background: rgba(255,255,255,.72);
}
body[data-theme="dark"] .managed-supplier-row,
body[data-theme="dark"] .import-help-card {
  background: rgba(15,23,42,.72);
  border-color: rgba(139,92,246,.18);
}
body[data-theme="dark"] .managed-supplier-row span,
body[data-theme="dark"] .supplier-manual-form label {
  color: #cbd5e1;
}
@media (max-width: 720px) {
  .managed-supplier-row {
    grid-template-columns: 1fr;
  }
  .managed-supplier-actions {
    flex-wrap: wrap;
  }
}


/* v11280 - unified clickable supplier list */
.clickable-supplier-card,
.clickable-supplier-row {
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.clickable-supplier-card:hover,
.clickable-supplier-row:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 48px rgba(15,23,42,.10);
  border-color: rgba(124,58,237,.28);
}
.supplier-inline-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 12px;
}
.supplier-list-row .supplier-inline-actions {
  margin-top: 0;
}
.supplier-inline-actions form {
  margin: 0;
}


/* v11300 - supplier edit/delete/filter fixes */
.clickable-supplier-card:focus,
.clickable-supplier-row:focus {
  outline: 3px solid rgba(124,58,237,.28);
  outline-offset: 3px;
}
.supplier-inline-actions a,
.supplier-inline-actions button {
  position: relative;
  z-index: 2;
}


/* v11320 - reliable supplier card clickability */
.clickable-supplier-card[data-href],
.clickable-supplier-row[data-href] {
  cursor: pointer;
}


/* v11330 - real clickable supplier card overlay */
.clickable-supplier-card,
.clickable-supplier-row {
  position: relative;
}
.supplier-card-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}
.supplier-inline-actions,
.supplier-inline-actions *,
.clickable-supplier-card a:not(.supplier-card-overlay-link),
.clickable-supplier-row a:not(.supplier-card-overlay-link),
.clickable-supplier-card form,
.clickable-supplier-row form {
  position: relative;
  z-index: 3;
}


/* v11360 - Scan command center */
.scan-command-page .account-main-stack { gap: 18px; }
.scan-command-hero {
  display:flex;
  justify-content:space-between;
  align-items:stretch;
  gap:18px;
  padding:24px;
  overflow:hidden;
}
.scan-command-hero h1 {
  margin:6px 0 8px;
  font-size: clamp(1.6rem, 3vw, 2.6rem);
  line-height:1.05;
  letter-spacing:-.04em;
}
.scan-command-hero p { max-width: 760px; color: var(--muted, #64748b); }
.scan-command-stats {
  display:grid;
  grid-template-columns:repeat(2,minmax(110px,1fr));
  gap:10px;
  min-width:260px;
}
.scan-command-stats div {
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,250,252,.9));
  border-radius:22px;
  padding:18px;
  box-shadow:0 16px 40px rgba(15,23,42,.07);
}
.scan-command-stats span,
.scan-job-main span,
.scan-job-footer span,
.scan-result-tile span,
.scan-result-tile small { display:block; color:#64748b; font-size:.82rem; }
.scan-command-stats strong { display:block; font-size:2rem; margin-top:6px; }
.scan-workbench-v11360 {
  grid-template-columns: minmax(360px, 1.2fr) minmax(280px, .8fr);
}
.scan-upload-v11360,
.scan-feedback-card,
.scan-job-panel-v11360,
.scan-history-preview-v11360 {
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 20px 55px rgba(15,23,42,.08);
}
.scan-drop-v11360 { min-height:210px; }
.scan-job-list-v11360 {
  display:grid;
  gap:12px;
}
.scan-job-card-v11360 {
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.92);
  border-radius:22px;
  padding:16px;
  box-shadow:0 14px 35px rgba(15,23,42,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.scan-job-card-v11360[data-href] { cursor:pointer; }
.scan-job-card-v11360[data-href]:hover {
  transform:translateY(-2px);
  box-shadow:0 24px 55px rgba(15,23,42,.1);
  border-color:rgba(37,99,235,.28);
}
.scan-job-main {
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}
.scan-job-main strong { display:block; font-size:1rem; margin-bottom:5px; }
.scan-job-main b {
  min-width:58px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#f1f5f9;
  color:#0f172a;
}
.scan-progress-track {
  height:10px;
  border-radius:999px;
  overflow:hidden;
  background:#e2e8f0;
  margin:14px 0 10px;
}
.scan-progress-track div {
  height:100%;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
  transition:width .35s ease;
}
.scan-job-card-v11360.status-done .scan-progress-track div { background:linear-gradient(90deg,#059669,#22c55e); }
.scan-job-card-v11360.status-failed .scan-progress-track div { background:linear-gradient(90deg,#dc2626,#f97316); }
.scan-job-footer {
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.scan-job-footer a {
  color:#2563eb;
  font-weight:800;
  text-decoration:none;
}
.scan-job-footer em {
  color:#b91c1c;
  font-style:normal;
  font-weight:700;
}
.scan-result-tile-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
.scan-result-tile {
  display:block;
  text-decoration:none;
  color:inherit;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.92);
  border-radius:20px;
  padding:16px;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}
.scan-result-tile strong { display:block; margin:8px 0 4px; }
.scan-result-tile b { display:inline-flex; margin-top:12px; padding:6px 10px; border-radius:999px; background:#f1f5f9; }
@media (max-width: 900px) {
  .scan-command-hero { flex-direction:column; }
  .scan-command-stats { min-width:0; }
  .scan-workbench-v11360 { grid-template-columns:1fr; }
}


/* v11370 - Enterprise scan workspace */
.scan-enterprise-page .account-main-stack { gap: 18px; }

.enterprise-scan-header {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
  gap:18px;
  align-items:stretch;
}
.enterprise-scan-title,
.enterprise-scan-kpis,
.enterprise-upload-panel,
.enterprise-check-panel,
.enterprise-scan-list-panel {
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92));
  border-radius:28px;
  box-shadow:0 24px 70px rgba(15,23,42,.08);
}
.enterprise-scan-title {
  padding:28px;
  position:relative;
  overflow:hidden;
}
.enterprise-scan-title:after {
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-120px;
  top:-150px;
  background:radial-gradient(circle,rgba(37,99,235,.22),transparent 65%);
}
.enterprise-scan-title h1 {
  margin:8px 0;
  font-size:clamp(2rem,4vw,3.8rem);
  line-height:.95;
  letter-spacing:-.06em;
}
.enterprise-scan-title p { max-width:760px; color:#64748b; font-size:1.02rem; }
.enterprise-scan-kpis {
  padding:16px;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.enterprise-scan-kpis div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(15,23,42,.07);
  border-radius:20px;
  padding:14px 16px;
  background:rgba(255,255,255,.75);
}
.enterprise-scan-kpis span,
.enterprise-scan-kpis small { color:#64748b; font-size:.82rem; }
.enterprise-scan-kpis strong { font-size:1.8rem; color:#0f172a; }

.enterprise-scan-layout {
  display:grid;
  grid-template-columns:minmax(360px,1.1fr) minmax(320px,.9fr);
  gap:18px;
}
.enterprise-upload-panel,
.enterprise-check-panel,
.enterprise-scan-list-panel { padding:22px; }
.enterprise-panel-head h2,
.enterprise-check-panel h2,
.enterprise-section-head h2 { margin:6px 0 8px; letter-spacing:-.03em; }
.enterprise-panel-head p,
.enterprise-section-head p { color:#64748b; margin:0; }
.enterprise-upload-form { display:grid; gap:14px; margin-top:18px; }
.enterprise-dropzone {
  min-height:230px;
  border:1.5px dashed rgba(37,99,235,.28);
  background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(124,58,237,.06));
  border-radius:26px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:22px;
  cursor:pointer;
  transition:.18s ease;
}
.enterprise-dropzone:hover,
.enterprise-dropzone.drag-over {
  border-color:rgba(37,99,235,.65);
  transform:translateY(-1px);
  box-shadow:0 18px 44px rgba(37,99,235,.10);
}
.enterprise-file-icon {
  width:96px;
  height:120px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 20px 45px rgba(15,23,42,.10);
  display:grid;
  place-items:center;
  text-align:center;
  flex:0 0 auto;
}
.enterprise-file-icon strong { color:#2563eb; font-size:1.05rem; }
.enterprise-file-icon span { color:#64748b; font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; }
.enterprise-dropzone div:last-child strong { display:block; font-size:1.15rem; margin-bottom:4px; }
.enterprise-dropzone div:last-child span,
.enterprise-dropzone em { display:block; color:#64748b; font-style:normal; }
.enterprise-dropzone em { margin-top:10px; font-weight:700; color:#0f172a; }
.enterprise-scan-button { width:100%; justify-content:center; }

.enterprise-step-list { display:grid; gap:10px; margin-top:16px; }
.enterprise-step-list div {
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.06);
}
.enterprise-step-list b {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eef2ff;
  color:#2563eb;
}

.enterprise-section-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:16px;
}
.enterprise-scan-list {
  display:grid;
  gap:12px;
}
.enterprise-scan-row {
  display:grid;
  grid-template-columns:minmax(260px,1.2fr) minmax(180px,.65fr) minmax(160px,.45fr);
  gap:14px;
  align-items:center;
  border:1px solid rgba(15,23,42,.07);
  background:rgba(255,255,255,.88);
  border-radius:22px;
  padding:16px;
  transition:.18s ease;
}
.enterprise-scan-row[data-href] { cursor:pointer; }
.enterprise-scan-row[data-href]:hover {
  transform:translateY(-2px);
  border-color:rgba(37,99,235,.30);
  box-shadow:0 22px 55px rgba(15,23,42,.09);
}
.enterprise-scan-row-main {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.enterprise-status-dot {
  width:12px;
  height:12px;
  border-radius:999px;
  background:#94a3b8;
  box-shadow:0 0 0 5px rgba(148,163,184,.14);
  flex:0 0 auto;
}
.enterprise-scan-row.status-running .enterprise-status-dot,
.enterprise-scan-row.status-queued .enterprise-status-dot {
  background:#2563eb;
  box-shadow:0 0 0 5px rgba(37,99,235,.14);
}
.enterprise-scan-row.status-done .enterprise-status-dot {
  background:#059669;
  box-shadow:0 0 0 5px rgba(5,150,105,.14);
}
.enterprise-scan-row.status-failed .enterprise-status-dot {
  background:#dc2626;
  box-shadow:0 0 0 5px rgba(220,38,38,.14);
}
.enterprise-scan-row-main strong {
  display:block;
  color:#0f172a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:420px;
}
.enterprise-scan-row-main span,
.enterprise-scan-row-action span {
  display:block;
  color:#64748b;
  font-size:.84rem;
  margin-top:3px;
}
.enterprise-scan-row-progress {
  display:grid;
  grid-template-columns:48px 1fr;
  align-items:center;
  gap:10px;
}
.enterprise-scan-row-progress b {
  font-size:.9rem;
  color:#0f172a;
}
.enterprise-progress-track {
  height:9px;
  background:#e2e8f0;
  border-radius:999px;
  overflow:hidden;
}
.enterprise-progress-track div {
  height:100%;
  width:0;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
  transition:width .35s ease;
}
.enterprise-scan-row.status-done .enterprise-progress-track div { background:linear-gradient(90deg,#059669,#22c55e); }
.enterprise-scan-row.status-failed .enterprise-progress-track div { background:linear-gradient(90deg,#dc2626,#f97316); }
.enterprise-scan-row-action {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
}
.enterprise-scan-row-action a {
  color:#2563eb;
  text-decoration:none;
  font-weight:800;
}
.enterprise-scan-row-action em {
  color:#b91c1c;
  font-style:normal;
  font-size:.82rem;
  text-align:right;
}
.enterprise-empty-state {
  padding:28px;
  border-radius:22px;
  background:#f8fafc;
  border:1px dashed rgba(15,23,42,.16);
  display:grid;
  gap:6px;
}
.enterprise-empty-state span { color:#64748b; }
.scan-mini-row-link {
  text-decoration:none;
  color:inherit;
}
@media (max-width: 1050px) {
  .enterprise-scan-header,
  .enterprise-scan-layout,
  .enterprise-scan-row {
    grid-template-columns:1fr;
  }
  .enterprise-scan-row-action { align-items:flex-start; }
  .enterprise-scan-row-main strong { max-width:100%; }
}


/* v11380 - Single /scans workspace */
.scans-page-v11380 .account-main-stack { gap: 16px; }
.scans-toolbar-v11380,
.scan-upload-card-v11380,
.scans-live-panel-v11380,
.scans-history-panel-v11380 {
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,252,.94));
  border-radius:26px;
  box-shadow:0 22px 60px rgba(15,23,42,.075);
}
.scans-toolbar-v11380 {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:22px 24px;
}
.scans-toolbar-v11380 h1 {
  margin:4px 0 6px;
  font-size:clamp(1.8rem,3vw,3rem);
  line-height:1;
  letter-spacing:-.055em;
}
.scans-toolbar-v11380 p { margin:0; color:#64748b; max-width:760px; }
.scans-toolbar-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.scans-upload-grid-v11380 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.scan-upload-card-v11380 { padding:20px; }
.scan-card-head-v11380 h2 { margin:4px 0 6px; letter-spacing:-.03em; }
.scan-card-head-v11380 p { margin:0; color:#64748b; }
.scan-form-v11380 { display:grid; gap:12px; margin-top:16px; }
.scan-dropzone-v11380 {
  min-height:156px;
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px;
  border-radius:22px;
  cursor:pointer;
  border:1.5px dashed rgba(37,99,235,.28);
  background:linear-gradient(135deg,rgba(37,99,235,.075),rgba(124,58,237,.05));
  transition:.18s ease;
}
.scan-dropzone-v11380:hover,
.scan-dropzone-v11380.drag-over {
  border-color:rgba(37,99,235,.58);
  transform:translateY(-1px);
  box-shadow:0 16px 42px rgba(37,99,235,.09);
}
.scan-file-badge-v11380 {
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:#fff;
  color:#2563eb;
  font-weight:900;
  box-shadow:0 18px 42px rgba(15,23,42,.08);
  flex:0 0 auto;
}
.scan-dropzone-v11380 strong { display:block; color:#0f172a; margin-bottom:4px; }
.scan-dropzone-v11380 span { display:block; color:#64748b; }
.scan-bulk-drop-v11380 input { display:none; }
.scan-upgrade-box-v11380 {
  margin-top:16px;
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:20px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
}
.scan-upgrade-box-v11380 span { color:#64748b; }

.scans-live-panel-v11380,
.scans-history-panel-v11380 { padding:20px; }
.scans-live-panel-v11380.is-empty { opacity:.82; }
.scans-section-head-v11380 {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:14px;
}
.scans-section-head-v11380 h2 { margin:4px 0 6px; letter-spacing:-.035em; }
.scans-section-head-v11380 p { margin:0; color:#64748b; }
.scans-section-head-v11380 > strong {
  white-space:nowrap;
  padding:8px 12px;
  border-radius:999px;
  background:#eef2ff;
  color:#2563eb;
}
.scan-live-list-v11380,
.scan-history-list-v11380 { display:grid; gap:10px; }
.scan-live-row-v11380 {
  display:grid;
  grid-template-columns:minmax(260px,1fr) 56px minmax(220px,.8fr);
  gap:14px;
  align-items:center;
  padding:14px 16px;
  border:1px solid rgba(37,99,235,.14);
  background:#fff;
  border-radius:20px;
}
.scan-live-row-v11380 strong,
.scan-history-main-v11380 strong { display:block; color:#0f172a; }
.scan-live-row-v11380 span,
.scan-history-main-v11380 span { display:block; color:#64748b; font-size:.84rem; margin-top:3px; }
.scan-live-row-v11380 b { color:#2563eb; }
.scan-live-progress-v11380 {
  height:10px;
  background:#e2e8f0;
  border-radius:999px;
  overflow:hidden;
}
.scan-live-progress-v11380 div {
  height:100%;
  background:linear-gradient(90deg,#2563eb,#7c3aed);
  border-radius:999px;
  transition:width .35s ease;
}
.scan-live-empty-v11380 {
  padding:14px 16px;
  border-radius:18px;
  background:#f8fafc;
  color:#64748b;
  border:1px dashed rgba(15,23,42,.12);
}
.scan-history-row-v11380 {
  display:grid;
  grid-template-columns:minmax(260px,1fr) 88px 170px;
  gap:14px;
  align-items:center;
  text-decoration:none;
  color:inherit;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(15,23,42,.07);
  background:rgba(255,255,255,.94);
  transition:.18s ease;
}
.scan-history-row-v11380:hover {
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.28);
  box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.scan-history-score-v11380 {
  justify-self:start;
  display:inline-flex;
  align-items:baseline;
  gap:2px;
  padding:8px 11px;
  border-radius:999px;
  background:#f1f5f9;
  color:#0f172a;
}
.scan-history-score-v11380.danger { background:#fef2f2; color:#b91c1c; }
.scan-history-score-v11380.warn { background:#fffbeb; color:#b45309; }
.scan-history-score-v11380.ok { background:#ecfdf5; color:#047857; }
.scan-history-score-v11380 b { font-size:1.15rem; }
.scan-history-score-v11380 span { font-size:.8rem; }
.scan-history-status-v11380 {
  justify-self:end;
  padding:7px 10px;
  border-radius:999px;
  background:#f8fafc;
  color:#475569;
  font-size:.84rem;
  font-weight:800;
}
@media (max-width: 950px) {
  .scans-toolbar-v11380,
  .scans-section-head-v11380 { flex-direction:column; }
  .scans-upload-grid-v11380,
  .scan-live-row-v11380,
  .scan-history-row-v11380 { grid-template-columns:1fr; }
  .scan-history-status-v11380 { justify-self:start; }
}


/* v11390 - Combined single/bulk upload and realtime active scans */
.scans-upload-grid-v11390 {
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.scan-combined-upload-v11390 {
  padding:22px;
}
.scan-combined-drop-v11390 {
  min-height:170px;
}
.scan-form-note-v11390 {
  margin:0;
  color:#64748b;
  font-size:.9rem;
}
.scans-live-panel-v11380.is-empty {
  display:none;
}
.scan-history-row-v11380.live-job-result {
  border-color:rgba(37,99,235,.22);
  background:linear-gradient(180deg,rgba(239,246,255,.95),rgba(255,255,255,.95));
}
.scan-history-score-v11380 b {
  text-transform:uppercase;
}


/* v11400 - scans cleanup */
.scans-quick-actions-v11400 {
  display:flex;
  justify-content:flex-end;
  margin-bottom:0;
}
.scans-quick-actions-v11400 .scans-toolbar-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.dashboard-focus-grid-single {
  grid-template-columns:1fr;
}


/* v11410 - Scans layout refinement */
.scans-main-grid-v11410 {
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(420px,1.18fr);
  gap:16px;
  align-items:start;
}
.scans-grid-upload-v11410 .scans-upload-grid-v11390,
.scans-grid-history-v11410 .scans-history-panel-v11380 {
  margin:0;
}
.result-delete-action-v11410 {
  margin-top:14px;
}
.danger-outline-button-v11410 {
  border:1px solid rgba(220,38,38,.24);
  background:#fff;
  color:#b91c1c;
  border-radius:999px;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer;
}
.danger-outline-button-v11410:hover {
  background:#fef2f2;
  border-color:rgba(220,38,38,.44);
}
@media (max-width: 1100px) {
  .scans-main-grid-v11410 { grid-template-columns:1fr; }
}


/* v11420 - Compact scan history */
.scans-grid-history-v11410 .scan-history-list-v11380 {
  max-height: 720px;
  overflow:auto;
  padding-right:4px;
}
.scans-section-head-v11380 .scans-toolbar-actions {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}


/* v11430 - result page action placement and collapsible cards */
.result-command-center {
  position: relative;
}
.result-top-actions-v11430 {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  grid-column:1 / -1;
}
.result-top-actions-v11430 form { margin:0; }
.result-delete-link-v11430 {
  border:1px solid rgba(220,38,38,.22);
  background:rgba(255,255,255,.86);
  color:#b91c1c;
  border-radius:999px;
  padding:9px 13px;
  font-weight:800;
  cursor:pointer;
}
.result-delete-link-v11430:hover {
  background:#fef2f2;
  border-color:rgba(220,38,38,.45);
}
.result-detail-section > summary {
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.result-detail-section > summary::-webkit-details-marker { display:none; }
.result-detail-section > summary span {
  font-weight:900;
  color:#0f172a;
}
.result-detail-section > summary strong {
  font-size:.8rem;
  color:#64748b;
  padding:6px 10px;
  border-radius:999px;
  background:#f8fafc;
}


/* v11440 - result page single-column collapsed accordions */
.result-accordion-stack-v11440 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.result-accordion-stack-v11440 .result-detail-section {
  width: 100%;
}
.result-accordion-stack-v11440 .result-detail-section > summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 0;
}
.result-accordion-stack-v11440 .result-detail-section > summary::-webkit-details-marker {
  display: none;
}
.result-accordion-stack-v11440 .result-detail-section > summary span {
  font-weight: 900;
  color: #0f172a;
}
.result-accordion-stack-v11440 .result-detail-section > summary strong {
  font-size: .8rem;
  color: #64748b;
  padding: 6px 10px;
  border-radius: 999px;
  background: #f8fafc;
}
.result-accordion-stack-v11440 .result-detail-section[open] > summary {
  margin-bottom: 14px;
}
.result-accordion-stack-v11440 .preview-section pre {
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 520px;
  overflow: auto;
}


/* v11450 - polished result accordion summaries */
.result-accordion-stack-v11440 {
  gap: 16px;
}
.result-accordion-stack-v11440 .result-detail-section {
  margin: 0;
}
.result-accordion-stack-v11440 .result-detail-section > summary {
  padding: 0;
  min-height: 42px;
}
.result-accordion-stack-v11440 .result-detail-section > summary > div {
  display: grid;
  gap: 4px;
}
.result-accordion-stack-v11440 .result-detail-section > summary b {
  font-size: 1.08rem;
  letter-spacing: -0.025em;
  color: #0f172a;
}
.result-accordion-stack-v11440 .details-toggle-label::before {
  content: "Toon";
}
.result-accordion-stack-v11440 details[open] .details-toggle-label::before {
  content: "Verberg";
}
.result-accordion-stack-v11440 .details-toggle-label {
  font-size: 0;
}
.result-accordion-stack-v11440 .details-toggle-label::before {
  font-size: .8rem;
}

/* v11450 - knowledge article and feature cards consistent with ScamScan SaaS theme */
.knowledge-article-page-v11450 .knowledge-article-hero-v11450 {
  padding-bottom: 28px;
}
.knowledge-article-shell-v11450 {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto 64px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
  align-items: start;
}
.knowledge-article-card-v11450,
.knowledge-side-card-v11450 {
  padding: 26px;
}
.knowledge-article-card-v11450 h2,
.knowledge-side-card-v11450 h2 {
  letter-spacing: -0.035em;
  margin: 10px 0 8px;
}
.knowledge-article-card-v11450 p {
  color: #64748b;
  line-height: 1.75;
}
.knowledge-check-stack-v11450 {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.knowledge-check-stack-v11450 div {
  border: 1px solid rgba(15,23,42,.08);
  background: #f8fafc;
  border-radius: 18px;
  padding: 14px;
}
.knowledge-check-stack-v11450 strong {
  display: block;
  color: #0f172a;
}
.knowledge-check-stack-v11450 span {
  display: block;
  color: #64748b;
  margin-top: 4px;
}
.knowledge-featured-grid .knowledge-feature-card {
  border: 1px solid rgba(15,23,42,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
  color: #0f172a;
  border-radius: 26px;
  box-shadow: 0 22px 60px rgba(15,23,42,.075);
}
.knowledge-featured-grid .knowledge-feature-card p {
  color: #64748b;
}
.knowledge-featured-grid .knowledge-feature-card strong {
  color: #2563eb;
}

/* v11450 - broad mobile responsiveness pass */
img, svg, video, canvas {
  max-width: 100%;
}
table {
  max-width: 100%;
}
@media (max-width: 1100px) {
  .account-layout-grid,
  .result-with-sidebar,
  .scan-with-sidebar,
  .enterprise-scan-layout,
  .enterprise-scan-header,
  .scans-main-grid-v11410,
  .knowledge-article-shell-v11450 {
    grid-template-columns: 1fr !important;
  }
  .account-main-stack,
  .result-main-v10960 {
    min-width: 0;
  }
}
@media (max-width: 760px) {
  .account-page,
  .marketing-page,
  .public-scan-page {
    padding-left: 12px;
    padding-right: 12px;
  }
  .marketing-hero,
  .knowledge-hub-hero,
  .knowledge-article-hero-v11450,
  .result-command-center,
  .polished-panel,
  .compact-panel,
  .scan-upload-card-v11380,
  .scans-live-panel-v11380,
  .scans-history-panel-v11380,
  .knowledge-article-card-v11450,
  .knowledge-side-card-v11450 {
    border-radius: 20px;
    padding: 18px;
  }
  .marketing-hero h1,
  .result-command-copy h1,
  .scans-toolbar-v11380 h1,
  .enterprise-scan-title h1 {
    font-size: clamp(1.75rem, 10vw, 2.6rem);
    line-height: 1.02;
  }
  .result-command-center,
  .result-confidence-strip,
  .score-foundation-grid,
  .evidence-grid,
  .check-explainer-grid,
  .knowledge-featured-grid,
  .knowledge-card-grid,
  .dashboard-kpi-grid,
  .scans-upload-grid-v11390,
  .scan-history-row-v11380,
  .scan-live-row-v11380 {
    grid-template-columns: 1fr !important;
  }
  .result-score-orb {
    justify-self: start;
  }
  .result-top-actions-v11430,
  .scans-section-head-v11380,
  .panel-headline,
  .scans-toolbar-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .result-top-actions-v11430 a,
  .result-top-actions-v11430 button,
  .scans-toolbar-actions a,
  .hero-action-row a,
  .primary-button,
  .saas-primary-link,
  .saas-login-link {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
  .scan-dropzone-v11380,
  .enterprise-dropzone {
    flex-direction: column;
    align-items: flex-start;
  }
  .scan-history-status-v11380,
  .scan-history-score-v11380 {
    justify-self: start;
  }
  .ss-navbar-inner {
    gap: 10px;
  }
}
@media (max-width: 520px) {
  .result-accordion-stack-v11440 .result-detail-section > summary {
    align-items: flex-start;
  }
  .result-accordion-stack-v11440 .result-detail-section > summary > div {
    min-width: 0;
  }
  .result-accordion-stack-v11440 .result-detail-section > summary b {
    font-size: 1rem;
  }
  .result-accordion-stack-v11440 .details-toggle-label {
    flex: 0 0 auto;
  }
  .scan-file-badge-v11380,
  .enterprise-file-icon {
    width: 68px;
    height: 68px;
  }
}


/* v11460 - fix accordion labels and summary text */
.result-accordion-stack-v11440 .result-detail-section > summary {
  margin: 0;
}
.result-accordion-stack-v11440 .result-detail-section > summary > .mini-kicker {
  display: block;
  font-weight: 900;
  letter-spacing: .08em;
}
.result-accordion-stack-v11440 .result-detail-section > summary b,
.result-accordion-stack-v11440 .result-detail-section > summary > div {
  display: none !important;
}
.result-accordion-stack-v11440 .details-toggle-label {
  font-size: 0 !important;
  line-height: 1;
}
.result-accordion-stack-v11440 .details-toggle-label::before {
  content: "Toon";
  font-size: .8rem;
}
.result-accordion-stack-v11440 details[open] .details-toggle-label::before {
  content: "Verberg";
}

/* v11470 - server-side destructive confirmation modal */
.confirm-delete-main-v11470 {
  min-height: calc(100vh - 84px);
  display: grid;
  place-items: center;
  padding: 24px;
}
.server-confirm-backdrop-v11470 {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .58);
  display: grid;
  place-items: center;
  padding: 24px;
  z-index: 1200;
}
.server-confirm-dialog-v11470 {
  width: min(100%, 442px);
  background: #fff;
  border-radius: 0 0 24px 24px;
  box-shadow: 0 34px 100px rgba(15, 23, 42, .28);
  border: 1px solid rgba(15, 23, 42, .08);
  padding: 22px 32px 24px;
}
.server-confirm-dialog-v11470 h1 {
  margin: 0 0 14px;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -.04em;
  color: #111827;
}
.server-confirm-dialog-v11470 p {
  margin: 0;
  color: #667085;
  font-size: 16px;
  line-height: 1.5;
}
.server-confirm-dialog-v11470 small {
  display: block;
  margin-top: 6px;
  color: #94a3b8;
  font-size: 13px;
}
.server-confirm-actions-v11470 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 22px;
}
.server-confirm-actions-v11470 form { margin: 0; }
.server-confirm-cancel-v11470,
.server-confirm-danger-v11470 {
  width: 100%;
  min-height: 45px;
  border-radius: 12px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}
.server-confirm-cancel-v11470 {
  background: #fff;
  color: #111827;
  border: 1px solid #e5e7eb;
}
.server-confirm-danger-v11470 {
  background: #e2252a;
  color: #fff;
  border: 1px solid #e2252a;
}
@media (max-width: 560px) {
  .server-confirm-dialog-v11470 { padding: 22px; border-radius: 22px; }
  .server-confirm-actions-v11470 { grid-template-columns: 1fr; }
}


/* v11500 - superadmin quota and Free account CTAs */
.tenant-quota-mini-v11500 {
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto;
  gap:12px;
  align-items:center;
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:#f8fafc;
}
.tenant-quota-mini-v11500 span,
.tenant-quota-mini-v11500 small {
  display:block;
  color:#64748b;
}
.tenant-quota-mini-v11500 strong {
  display:block;
  font-size:1.4rem;
  color:#0f172a;
}
.free-feature-cta-v11500,
.free-inline-cta-v11500 {
  border:1px solid rgba(37,99,235,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(239,246,255,.92));
}
.free-feature-cta-v11500 {
  padding:26px;
  border-radius:26px;
  display:grid;
  gap:10px;
}
.free-feature-cta-v11500 h1,
.free-feature-cta-v11500 h2 {
  margin:4px 0;
  letter-spacing:-.04em;
}
.free-feature-cta-v11500 p,
.free-inline-cta-v11500 span {
  color:#64748b;
}
.free-inline-cta-v11500 {
  padding:16px;
  border-radius:18px;
  display:grid;
  gap:8px;
}
.locked-scan-row-v11500 {
  cursor:default;
  opacity:.78;
}
.locked-scan-row-v11500::after {
  content:"Upgrade voor resultaat";
  justify-self:end;
  color:#2563eb;
  font-weight:800;
  font-size:.82rem;
}
@media (max-width: 760px) {
  .tenant-quota-mini-v11500 {
    grid-template-columns:1fr;
  }
}


/* v11530 - Free trial lifecycle */
.free-trial-register-note-v11530 {
  margin: 12px 0 0;
  padding: 12px 14px;
  border: 1px solid rgba(37,99,235,.16);
  border-radius: 16px;
  background: rgba(239,246,255,.9);
  color: #1e3a8a;
  font-weight: 700;
  font-size: .92rem;
  line-height: 1.45;
}
.free-trial-expired-panel-v11530 {
  padding: 30px;
  display: grid;
  gap: 12px;
}
.free-trial-expired-panel-v11530 h1 {
  margin: 0;
  letter-spacing: -.045em;
}
.free-trial-expired-panel-v11530 p {
  color: #64748b;
  max-width: 720px;
}
.tenant-trial-mini-v11530 {
  margin-top: 10px;
}
.tenant-trial-actions-v11530 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
@media (max-width: 760px) {
  .tenant-trial-actions-v11530 {
    justify-content: stretch;
  }
  .tenant-trial-actions-v11530 form,
  .tenant-trial-actions-v11530 button,
  .tenant-trial-actions-v11530 a {
    width: 100%;
  }
}


/* v11540 - paid plans do not use Free trial controls */
.tenant-trial-mini-v11530.is-disabled-v11540 {
  opacity: .58;
  filter: grayscale(.25);
}
.tenant-trial-mini-v11530.is-disabled-v11540 button {
  cursor: not-allowed;
  pointer-events: none;
}


/* v11610 - local LLM invoice interpretation */
.local-ai-panel-v11610 .evidence-grid strong {
  word-break: break-word;
}
.small-muted-v11610 {
  color: #64748b;
  font-size: .88rem;
  margin-top: 12px;
}


/* v11630 - extraction evidence and AI comparison */
.source-comparison-v11630 {
  margin-top: 18px;
}
.source-comparison-v11630 h3,
.source-lines-list-v11630 h3 {
  margin: 18px 0 10px;
  font-size: 1rem;
}
.comparison-grid-v11630 {
  display: grid;
  gap: 10px;
}
.comparison-row-v11630,
.source-value-card-v11630 {
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 16px;
  padding: 12px;
  background: rgba(255,255,255,.55);
}
.comparison-row-v11630 > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.comparison-row-v11630 span {
  font-size: .78rem;
  text-transform: uppercase;
  color: #64748b;
}
.comparison-mismatch {
  border-color: rgba(239, 68, 68, .38);
}
.comparison-match {
  border-color: rgba(34, 197, 94, .34);
}
.source-lines-list-v11630 {
  margin-top: 18px;
}
.source-value-card-v11630 {
  margin-bottom: 10px;
}
.source-value-card-v11630 strong {
  display: block;
  margin-bottom: 8px;
  word-break: break-word;
}
.source-value-card-v11630 p {
  margin: 6px 0;
  color: #334155;
}
.source-value-card-v11630 p span {
  display: inline-block;
  min-width: 64px;
  color: #64748b;
  font-size: .86rem;
}


/* v11670 - cleaner result view */
.compact-source-v11670 {
  border: 1px dashed rgba(148, 163, 184, .35);
  border-radius: 16px;
  padding: 14px;
  background: rgba(248, 250, 252, .7);
}
.source-log-panel-v11630 .evidence-grid {
  margin-bottom: 10px;
}


/* v11700 - dark theme coverage for scan and result pages */
[data-theme="dark"] .result-command-center,
[data-theme="dark"] .polished-panel,
[data-theme="dark"] .compact-panel,
[data-theme="dark"] .score-foundation-panel,
[data-theme="dark"] .ai-invoice-panel,
[data-theme="dark"] .local-ai-panel-v11610,
[data-theme="dark"] .source-log-panel-v11630,
[data-theme="dark"] .result-priority-panel,
[data-theme="dark"] .result-detail-section,
[data-theme="dark"] .upload-panel,
[data-theme="dark"] .scan-dropzone,
[data-theme="dark"] .scan-workspace-panel,
[data-theme="dark"] .account-empty-state,
[data-theme="dark"] .supplier-filter-panel,
[data-theme="dark"] .full-panel {
  background: rgba(15, 23, 42, .86) !important;
  border-color: rgba(148, 163, 184, .20) !important;
  color: #e5e7eb !important;
}

[data-theme="dark"] .result-command-center h1,
[data-theme="dark"] .polished-panel h2,
[data-theme="dark"] .polished-panel h3,
[data-theme="dark"] .compact-panel h1,
[data-theme="dark"] .compact-panel h2,
[data-theme="dark"] .compact-panel h3,
[data-theme="dark"] .evidence-grid strong,
[data-theme="dark"] .score-foundation-grid strong,
[data-theme="dark"] .finding-row strong,
[data-theme="dark"] .result-score-orb strong {
  color: #f8fafc !important;
}

[data-theme="dark"] .result-main-advice,
[data-theme="dark"] .result-file-name,
[data-theme="dark"] .score-foundation-grid p,
[data-theme="dark"] .finding-row p,
[data-theme="dark"] .comparison-row-v11630 p,
[data-theme="dark"] .small-muted-v11610,
[data-theme="dark"] .source-value-card-v11630 p,
[data-theme="dark"] .evidence-grid span,
[data-theme="dark"] .score-foundation-grid span,
[data-theme="dark"] .result-confidence-strip span {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .finding-row,
[data-theme="dark"] .comparison-row-v11630,
[data-theme="dark"] .source-value-card-v11630,
[data-theme="dark"] .compact-source-v11670,
[data-theme="dark"] .result-confidence-strip > div,
[data-theme="dark"] .score-foundation-grid > div,
[data-theme="dark"] .evidence-grid > div {
  background: rgba(30, 41, 59, .68) !important;
  border-color: rgba(148, 163, 184, .22) !important;
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: rgba(15, 23, 42, .92) !important;
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, .35) !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #94a3b8 !important;
}

[data-theme="dark"] .scan-delete-request-form-v11470 button,
[data-theme="dark"] .result-delete-link-v11430 {
  color: #fecaca !important;
}

[data-theme="dark"] .raw-text-box,
[data-theme="dark"] pre,
[data-theme="dark"] code {
  background: rgba(2, 6, 23, .88) !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, .25) !important;
}


/* v11710 - scan queue status */
.scan-live-row-v11380.status-queued {
  opacity: .86;
}
.scan-live-row-v11380.status-queued .scan-live-progress-v11380 > div {
  width: 2% !important;
}
[data-theme="dark"] .scan-live-row-v11380.status-queued,
[data-theme="dark"] .scan-live-row-v11380.status-running {
  background: rgba(30, 41, 59, .76) !important;
  border-color: rgba(148, 163, 184, .24) !important;
}


/* v11720 - stop/cancel scan button */
.scan-live-actions-v11720 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.scan-stop-button-v11720 {
  border: 1px solid rgba(239, 68, 68, .32);
  background: rgba(254, 242, 242, .92);
  color: #991b1b;
  border-radius: 999px;
  padding: 7px 11px;
  font-weight: 800;
  cursor: pointer;
}
.scan-stop-button-v11720:hover {
  background: rgba(254, 226, 226, .98);
}
.scan-stop-button-v11720:disabled {
  opacity: .6;
  cursor: wait;
}
.scan-live-row-v11380.status-cancelled {
  opacity: .7;
}
[data-theme="dark"] .scan-stop-button-v11720 {
  background: rgba(127, 29, 29, .30) !important;
  border-color: rgba(248, 113, 113, .40) !important;
  color: #fecaca !important;
}
[data-theme="dark"] .scan-stop-button-v11720:hover {
  background: rgba(127, 29, 29, .46) !important;
}


/* v11730 - stop button at right side of progress bar */
.scan-live-progress-row-v11730 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.scan-live-progress-wrap-v11730 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.scan-live-progress-row-v11730 .scan-live-progress-v11380 {
  margin: 0;
}
.scan-live-progress-row-v11730 .scan-stop-button-v11720 {
  justify-self: end;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .scan-live-progress-row-v11730 {
    grid-template-columns: 1fr;
  }
  .scan-live-progress-row-v11730 .scan-stop-button-v11720 {
    justify-self: stretch;
    text-align: center;
  }
}


/* v11760 - visible percent + dynamic progress bar + stop button */
.scan-live-progress-row-v11760 {
  display: grid;
  grid-template-columns: auto minmax(160px, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 10px;
}
.scan-live-percent-v11760 {
  min-width: 44px;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.scan-live-progress-row-v11760 .scan-live-progress-v11380 {
  display: block !important;
  width: 100% !important;
  min-width: 160px;
  height: 10px;
  margin: 0 !important;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, .22);
}
.scan-live-progress-row-v11760 .scan-live-progress-v11380 > div {
  display: block;
  height: 100%;
  min-width: 2%;
  border-radius: inherit;
}
.scan-live-progress-row-v11760 .scan-stop-button-v11720 {
  justify-self: end;
  white-space: nowrap;
}
[data-theme="dark"] .scan-live-progress-row-v11760 .scan-live-progress-v11380 {
  background: rgba(148, 163, 184, .25) !important;
}
@media (max-width: 640px) {
  .scan-live-progress-row-v11760 {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .scan-live-progress-row-v11760 .scan-stop-button-v11720 {
    grid-column: 1 / -1;
    justify-self: stretch;
    text-align: center;
  }
}


/* v11770 - reliable progress fill + mobile responsive scan queue */
.scan-live-progress-row-v11770 {
  display: grid;
  grid-template-columns: 52px minmax(180px, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 12px;
}
.scan-live-percent-v11770 {
  min-width: 52px;
  text-align: right;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  color: #2563eb;
}
.scan-live-progress-track-v11770 {
  position: relative;
  display: block;
  width: 100%;
  min-width: 180px;
  height: 12px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, .24);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .05);
}
.scan-live-progress-fill-v11770 {
  display: block !important;
  width: var(--scan-progress, 2%);
  min-width: 2%;
  max-width: 100%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb, #7c3aed);
  transition: width .35s ease;
}
.scan-live-progress-row-v11770 .scan-stop-button-v11720 {
  justify-self: end;
  white-space: nowrap;
}
[data-theme="dark"] .scan-live-percent-v11770 {
  color: #93c5fd !important;
}
[data-theme="dark"] .scan-live-progress-track-v11770 {
  background: rgba(148, 163, 184, .28) !important;
  box-shadow: inset 0 0 0 1px rgba(226, 232, 240, .06);
}
[data-theme="dark"] .scan-live-progress-fill-v11770 {
  background: linear-gradient(90deg, #60a5fa, #a78bfa) !important;
}
@media (max-width: 720px) {
  .scan-live-progress-row-v11770 {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
  }
  .scan-live-progress-track-v11770 {
    min-width: 0;
  }
  .scan-live-progress-row-v11770 .scan-stop-button-v11720 {
    grid-column: 1 / -1;
    justify-self: stretch;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width: 420px) {
  .scan-live-progress-row-v11770 {
    grid-template-columns: 1fr;
  }
  .scan-live-percent-v11770 {
    min-width: 0;
    text-align: left;
  }
}


/* v11790 - upgraded public pages and centered footer */
.saas-footer {
  width: 100%;
}
.saas-footer-inner {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
.portal-footer .saas-footer-inner {
  width: min(1180px, calc(100% - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.v11790-hero .landing-hero-copy {
  max-width: 760px;
}
.v11790-usp-grid .value-model-card {
  min-height: 220px;
}
.v11790-story,
.v11790-checks,
.v11790-pricing-difference {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}
.v11790-insight-card {
  border: 1px solid rgba(99, 102, 241, .22);
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(239,246,255,.90));
  border-radius: 28px;
  padding: 28px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .10);
}
.v11790-insight-card strong {
  display: block;
  font-size: 1.35rem;
  line-height: 1.25;
  color: #0f172a;
  margin-bottom: 12px;
}
.v11790-insight-card p {
  color: #475569;
}
.v11790-check-grid,
.v11790-compare-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}
.v11790-check-grid > div,
.v11790-compare-grid > div {
  border: 1px solid rgba(15, 23, 42, .08);
  background: rgba(255,255,255,.86);
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 18px 55px rgba(15, 23, 42, .08);
}
.v11790-check-grid span {
  display: inline-flex;
  font-size: 1.55rem;
  margin-bottom: 12px;
}
.v11790-check-grid h3,
.v11790-compare-grid strong {
  display: block;
  color: #0f172a;
  margin-bottom: 8px;
}
.v11790-check-grid p,
.v11790-compare-grid p {
  color: #64748b;
  margin: 0;
}
.v11790-cta {
  align-items: center;
}
.v11790-pricing-hero {
  max-width: 940px !important;
}
.v11790-pricing .pricing-plan-card {
  position: relative;
  overflow: hidden;
}
.v11790-pricing .pricing-plan-featured {
  transform: translateY(-8px);
}
.v11790-knowledge-hero {
  max-width: 900px !important;
}
.centered-proof {
  justify-content: center;
}
.v11790-kb-featured {
  width: min(1180px, calc(100% - 40px));
  margin: 20px auto 44px;
  display: grid;
  grid-template-columns: 1.35fr .85fr;
  gap: 20px;
}
.v11790-kb-main-card,
.v11790-kb-side-stack > a {
  display: block;
  text-decoration: none;
  border: 1px solid rgba(15, 23, 42, .08);
  background: rgba(255,255,255,.88);
  border-radius: 30px;
  padding: 30px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .10);
  color: inherit;
}
.v11790-kb-main-card {
  background: linear-gradient(145deg, rgba(37,99,235,.96), rgba(124,58,237,.92));
  color: #fff;
}
.v11790-kb-main-card span,
.v11790-kb-side-stack span {
  display: inline-flex;
  font-weight: 900;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .84;
  margin-bottom: 12px;
}
.v11790-kb-main-card h2 {
  color: #fff;
  font-size: clamp(2rem, 4vw, 3.4rem);
  margin: 0 0 12px;
}
.v11790-kb-main-card p {
  color: rgba(255,255,255,.84);
  font-size: 1.08rem;
}
.v11790-kb-main-card strong {
  color: #fff;
}
.v11790-kb-side-stack {
  display: grid;
  gap: 20px;
}
.v11790-kb-side-stack strong {
  display: block;
  font-size: 1.3rem;
  color: #0f172a;
  margin-bottom: 8px;
}
.v11790-kb-side-stack p {
  color: #64748b;
  margin: 0;
}
.v11790-kb-directory {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 60px;
}
.v11790-about-hero {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}
.v11790-founder-card {
  background: linear-gradient(145deg, #0f172a, #1e1b4b) !important;
  color: #fff !important;
}
.v11790-founder-card strong,
.v11790-founder-card p,
.v11790-founder-card span {
  color: #fff !important;
}
.v11790-about-grid {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}
.v11790-about-cta {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}
[data-theme="dark"] .v11790-insight-card,
[data-theme="dark"] .v11790-check-grid > div,
[data-theme="dark"] .v11790-compare-grid > div,
[data-theme="dark"] .v11790-kb-side-stack > a {
  background: rgba(15, 23, 42, .86) !important;
  border-color: rgba(148, 163, 184, .22) !important;
  color: #e5e7eb !important;
}
[data-theme="dark"] .v11790-insight-card strong,
[data-theme="dark"] .v11790-check-grid h3,
[data-theme="dark"] .v11790-compare-grid strong,
[data-theme="dark"] .v11790-kb-side-stack strong {
  color: #f8fafc !important;
}
[data-theme="dark"] .v11790-insight-card p,
[data-theme="dark"] .v11790-check-grid p,
[data-theme="dark"] .v11790-compare-grid p,
[data-theme="dark"] .v11790-kb-side-stack p {
  color: #cbd5e1 !important;
}
@media (max-width: 980px) {
  .v11790-check-grid,
  .v11790-compare-grid,
  .v11790-kb-featured {
    grid-template-columns: 1fr 1fr;
  }
  .v11790-kb-main-card {
    grid-column: 1 / -1;
  }
}
@media (max-width: 680px) {
  .saas-footer-inner,
  .portal-footer .saas-footer-inner,
  .v11790-story,
  .v11790-checks,
  .v11790-pricing-difference,
  .v11790-kb-featured,
  .v11790-kb-directory,
  .v11790-about-hero,
  .v11790-about-grid,
  .v11790-about-cta {
    width: min(100% - 24px, 1180px) !important;
  }
  .v11790-check-grid,
  .v11790-compare-grid,
  .v11790-kb-featured {
    grid-template-columns: 1fr;
  }
  .v11790-pricing .pricing-plan-featured {
    transform: none;
  }
}


/* v11800 - footer hard centering + restored mock-result colors + CSS cleanup */
.saas-footer,
.clean-footer {
  display: block !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
.saas-footer-inner {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}
.saas-footer-brandline,
.saas-footer-grid,
.saas-footer-bottom {
  width: 100% !important;
}
.portal-footer {
  left: auto !important;
  right: auto !important;
}
.portal-footer .saas-footer-inner {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}
@media (min-width: 1181px) {
  .saas-footer-inner,
  .portal-footer .saas-footer-inner {
    width: 1180px !important;
  }
}
@media (max-width: 680px) {
  .saas-footer-inner,
  .portal-footer .saas-footer-inner {
    width: calc(100vw - 24px) !important;
  }
}

.mock-result-card.anomaly-card {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  box-shadow: 0 28px 90px rgba(15, 23, 42, .18) !important;
}
.mock-result-card .mock-top strong {
  color: #0f172a !important;
}
.mock-result-card .mock-top .danger,
.mock-result-card span.danger {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border: 1px solid #fecaca !important;
}
.mock-result-card .mock-score span {
  color: #dc2626 !important;
}
.mock-result-card .mock-score small {
  color: #64748b !important;
}
.mock-finding {
  border-radius: 14px !important;
  padding: 11px 12px !important;
  font-weight: 800 !important;
  border: 1px solid transparent !important;
}
.mock-finding.danger {
  background: #fef2f2 !important;
  color: #991b1b !important;
  border-color: #fecaca !important;
}
.mock-finding.warning {
  background: #fffbeb !important;
  color: #92400e !important;
  border-color: #fde68a !important;
}
.mock-finding.ok {
  background: #ecfdf5 !important;
  color: #065f46 !important;
  border-color: #bbf7d0 !important;
}
[data-theme="dark"] .mock-result-card.anomaly-card {
  background: rgba(15, 23, 42, .96) !important;
  border-color: rgba(148, 163, 184, .24) !important;
}
[data-theme="dark"] .mock-result-card .mock-top strong {
  color: #f8fafc !important;
}
[data-theme="dark"] .mock-result-card .mock-score small {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .mock-finding.danger {
  background: rgba(127, 29, 29, .35) !important;
  color: #fecaca !important;
  border-color: rgba(248, 113, 113, .35) !important;
}
[data-theme="dark"] .mock-finding.warning {
  background: rgba(120, 53, 15, .35) !important;
  color: #fde68a !important;
  border-color: rgba(251, 191, 36, .34) !important;
}
[data-theme="dark"] .mock-finding.ok {
  background: rgba(6, 78, 59, .35) !important;
  color: #a7f3d0 !important;
  border-color: rgba(52, 211, 153, .32) !important;
}


/* v11810 - cosmetic cleanup */
.v11810-insight-visual-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  border: 1px solid rgba(37, 99, 235, .18);
  background:
    radial-gradient(circle at 85% 15%, rgba(124, 58, 237, .16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(239,246,255,.92));
  border-radius: 30px;
  padding: 28px;
  box-shadow: 0 28px 80px rgba(15, 23, 42, .12);
}
.v11810-insight-icon {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  color: #fff;
  font-size: 1.7rem;
  font-weight: 900;
  box-shadow: 0 18px 45px rgba(37, 99, 235, .30);
}
.v11810-insight-visual-card span {
  display: inline-flex;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #2563eb;
  margin-bottom: 10px;
}
.v11810-insight-visual-card strong {
  display: block;
  font-size: clamp(1.35rem, 2.4vw, 1.9rem);
  line-height: 1.15;
  color: #0f172a;
  margin-bottom: 12px;
}
.v11810-insight-visual-card p {
  color: #475569;
  font-size: 1.02rem;
  line-height: 1.7;
  margin: 0;
}
.v11810-mini-checks {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 4px;
}
.v11810-mini-checks em {
  font-style: normal;
  font-weight: 900;
  color: #1e40af;
  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.16);
  padding: 8px 11px;
  border-radius: 999px;
}
.plan-year-price {
  margin-top: -8px;
  margin-bottom: 16px;
  font-weight: 900;
  color: #2563eb;
  background: rgba(37, 99, 235, .08);
  border: 1px solid rgba(37, 99, 235, .14);
  border-radius: 999px;
  padding: 8px 12px;
  display: inline-flex;
}
.v11810-about-final {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items: stretch;
}
.v11810-about-final-copy,
.v11810-about-final-card {
  border-radius: 30px;
  padding: 30px;
  border: 1px solid rgba(15, 23, 42, .08);
  background: rgba(255,255,255,.88);
  box-shadow: 0 24px 70px rgba(15, 23, 42, .10);
}
.v11810-about-final-copy h2 {
  margin-top: 8px;
}
.v11810-about-final-card {
  background: linear-gradient(145deg, #0f172a, #312e81);
  color: #fff;
}
.v11810-about-final-card strong {
  display: block;
  color: #fff;
  font-size: 1.45rem;
  line-height: 1.2;
  margin: 14px 0 10px;
}
.v11810-about-final-card p {
  color: rgba(255,255,255,.78);
  margin: 0;
}
.v11810-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.14);
  color: #fff;
  font-weight: 900;
  font-size: 1.4rem;
}
[data-theme="dark"] .v11810-insight-visual-card,
[data-theme="dark"] .v11810-about-final-copy {
  background: rgba(15, 23, 42, .88) !important;
  border-color: rgba(148, 163, 184, .22) !important;
}
[data-theme="dark"] .v11810-insight-visual-card strong,
[data-theme="dark"] .v11810-about-final-copy h2 {
  color: #f8fafc !important;
}
[data-theme="dark"] .v11810-insight-visual-card p,
[data-theme="dark"] .v11810-about-final-copy p {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .plan-year-price {
  color: #bfdbfe;
  background: rgba(37, 99, 235, .20);
  border-color: rgba(147, 197, 253, .22);
}
@media (max-width: 780px) {
  .v11810-about-final {
    grid-template-columns: 1fr;
    width: min(100% - 24px, 1180px);
  }
  .v11810-insight-visual-card {
    grid-template-columns: 1fr;
  }
}


/* v11820 - over ons story visual and scanlimit cleanup */
.v11820-story-panel {
  width: min(1180px, calc(100% - 40px));
  margin: 56px auto;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 24px;
  align-items: stretch;
}
.v11820-story-copy,
.v11820-story-visual {
  border: 1px solid rgba(15, 23, 42, .08);
  background: rgba(255,255,255,.90);
  border-radius: 30px;
  padding: 30px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .10);
}
.v11820-story-copy h2 {
  margin-top: 8px;
}
.v11820-story-copy p {
  color: #475569;
  line-height: 1.75;
}
.v11820-story-visual {
  display: grid;
  gap: 14px;
  align-content: center;
  background:
    radial-gradient(circle at 90% 10%, rgba(124,58,237,.16), transparent 34%),
    linear-gradient(145deg, rgba(248,250,252,.96), rgba(239,246,255,.90));
}
.v11820-flow-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 14px;
  align-items: start;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
}
.v11820-flow-card span {
  grid-row: span 2;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}
.v11820-flow-card strong {
  color: #0f172a;
  line-height: 1.2;
}
.v11820-flow-card small {
  color: #64748b;
  line-height: 1.45;
}
.v11820-flow-card.muted span {
  background: #eff6ff;
  color: #1d4ed8;
}
.v11820-flow-card.danger span {
  background: #fee2e2;
  color: #991b1b;
}
.v11820-flow-card.ok span {
  background: #dcfce7;
  color: #166534;
}
.v11820-flow-arrow {
  text-align: center;
  font-size: 1.35rem;
  font-weight: 900;
  color: #6366f1;
}
[data-theme="dark"] .v11820-story-copy,
[data-theme="dark"] .v11820-story-visual,
[data-theme="dark"] .v11820-flow-card {
  background: rgba(15, 23, 42, .88) !important;
  border-color: rgba(148, 163, 184, .22) !important;
}
[data-theme="dark"] .v11820-story-copy p,
[data-theme="dark"] .v11820-flow-card small {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .v11820-flow-card strong {
  color: #f8fafc !important;
}
@media (max-width: 820px) {
  .v11820-story-panel {
    grid-template-columns: 1fr;
    width: min(100% - 24px, 1180px);
  }
}


/* v11830 - tenant portal contact and richer support articles */
.portal-contact-page .contact-hero-card {
  background: linear-gradient(145deg, rgba(37,99,235,.96), rgba(124,58,237,.92)) !important;
  color: #fff !important;
}
.portal-contact-page .contact-hero-card strong,
.portal-contact-page .contact-hero-card span {
  color: #fff !important;
}
.portal-kb-article-v11830 {
  padding: 0 !important;
  overflow: hidden;
}
.portal-back-link-v11830 {
  display: inline-flex;
  margin: 20px 24px 0;
}
.portal-article-hero-v11830 {
  padding: 28px 30px 24px;
  border-bottom: 1px solid rgba(15,23,42,.08);
  background:
    radial-gradient(circle at 92% 12%, rgba(124,58,237,.14), transparent 35%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(239,246,255,.92));
}
.portal-article-hero-v11830 span {
  display: inline-flex;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #2563eb;
  margin-bottom: 10px;
}
.portal-article-hero-v11830 h1 {
  margin: 0 0 10px;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  color: #0f172a;
}
.portal-article-hero-v11830 p {
  max-width: 820px;
  color: #475569;
  line-height: 1.7;
  margin: 0;
}
.portal-article-grid-v11830 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: 24px 30px;
}
.portal-article-grid-v11830 section,
.portal-article-steps-v11830,
.portal-article-more-v11830 {
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(248,250,252,.82);
  border-radius: 22px;
  padding: 20px;
}
.portal-article-grid-v11830 h2,
.portal-article-steps-v11830 h2,
.portal-article-more-v11830 h2 {
  margin: 0 0 12px;
  color: #0f172a;
  font-size: 1.08rem;
}
.portal-article-grid-v11830 ul {
  margin: 0;
  padding-left: 18px;
  color: #475569;
  line-height: 1.7;
}
.portal-article-steps-v11830,
.portal-article-more-v11830 {
  margin: 0 30px 24px;
}
.portal-article-more-v11830 > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.portal-article-more-v11830 span {
  display: inline-flex;
  border-radius: 999px;
  padding: 8px 11px;
  background: rgba(37,99,235,.09);
  color: #1d4ed8;
  border: 1px solid rgba(37,99,235,.14);
  font-weight: 800;
}
.portal-kb-article-v11830 .article-note {
  margin: 0 30px 30px;
}
[data-theme="dark"] .portal-article-hero-v11830,
[data-theme="dark"] .portal-article-grid-v11830 section,
[data-theme="dark"] .portal-article-steps-v11830,
[data-theme="dark"] .portal-article-more-v11830 {
  background: rgba(15,23,42,.86) !important;
  border-color: rgba(148,163,184,.22) !important;
}
[data-theme="dark"] .portal-article-hero-v11830 h1,
[data-theme="dark"] .portal-article-grid-v11830 h2,
[data-theme="dark"] .portal-article-steps-v11830 h2,
[data-theme="dark"] .portal-article-more-v11830 h2 {
  color: #f8fafc !important;
}
[data-theme="dark"] .portal-article-hero-v11830 p,
[data-theme="dark"] .portal-article-grid-v11830 ul {
  color: #cbd5e1 !important;
}
@media (max-width: 760px) {
  .portal-article-grid-v11830 {
    grid-template-columns: 1fr;
    padding: 18px;
  }
  .portal-article-hero-v11830 {
    padding: 24px 20px;
  }
  .portal-article-steps-v11830,
  .portal-article-more-v11830,
  .portal-kb-article-v11830 .article-note {
    margin-left: 18px;
    margin-right: 18px;
  }
}

/* v11872: failed scan jobs live in Alle scans, not in Lopende scans. */
.failed-scan-jobs-v11872 { margin: 14px 0 18px; padding: 14px; border: 1px solid rgba(239,68,68,.20); border-radius: 22px; background: rgba(254,242,242,.72); }
.failed-scan-head-v11872 { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.failed-scan-head-v11872 strong { display:block; color: var(--text-main); font-weight:950; }
.failed-scan-head-v11872 span { display:block; color: var(--text-soft); font-weight:700; font-size:.92rem; margin-top:2px; }
.failed-scan-head-v11872 em { font-style:normal; color:#b42318; font-weight:950; font-size:.86rem; white-space:nowrap; }
.failed-scan-row-v11872 { cursor: default !important; grid-template-columns: minmax(0,1fr) auto auto auto !important; align-items:center; }
.scan-delete-job-form-v11872 { display:flex; justify-content:flex-end; margin:0; }
.scan-delete-job-form-v11872 .admin-danger-link { min-height:36px; border-radius:12px; padding:8px 12px; }
body[data-theme="dark"] .failed-scan-jobs-v11872 { background: rgba(127,29,29,.18); border-color: rgba(248,113,113,.22); }
@media(max-width:760px){ .failed-scan-head-v11872{align-items:flex-start;flex-direction:column}.failed-scan-row-v11872{grid-template-columns:1fr!important}.scan-delete-job-form-v11872{justify-content:flex-start} }
/* v11882 usability and bulk actions */
.bulk-action-bar-v11882{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0;padding:12px 14px;border:1px solid rgba(148,163,184,.28);border-radius:18px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px)}
.bulk-check-v11882{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;padding:8px;margin-right:8px}.bulk-check-v11882 input{width:18px;height:18px;accent-color:#0f766e}.failed-bottom-v11882{margin-top:28px}.result-summary-card-v11882 h2,.result-detail-section h2{margin-top:6px}.finance-next-step-grid-v11882{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.finance-next-step-grid-v11882>div{padding:16px;border-radius:18px;background:rgba(15,23,42,.04);border:1px solid rgba(148,163,184,.22)}.finance-next-step-grid-v11882 p{margin:.35rem 0 0;color:#475569}.scan-history-row-v11380{gap:10px}.scan-history-main-v11380{flex:1;text-decoration:none;color:inherit}@media(max-width:800px){.finance-next-step-grid-v11882{grid-template-columns:1fr}.bulk-action-bar-v11882{align-items:flex-start;flex-direction:column}}

/* v11883 - professional bulk selection and platform logging */
.bulk-action-bar-professional{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.85rem 1rem;
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  margin:0 0 .9rem;
}
.bulk-select-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}
.select-all-toggle-v11883{display:inline-flex;align-items:center;gap:.55rem;font-size:.88rem;color:#475569;font-weight:700;cursor:pointer;white-space:nowrap}
.select-all-toggle-v11883 input,.bulk-check-right-v11883 input{width:18px;height:18px;accent-color:#111827;cursor:pointer}
.bulk-check-right-v11883{margin-left:auto;display:flex;align-items:center;justify-content:center;min-width:34px;position:relative;z-index:5;cursor:pointer}
.scan-history-row-v11380{align-items:center}
.supplier-list-row{align-items:center}
.supplier-card-checkbox-v11883{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:.35rem;box-shadow:0 10px 26px rgba(15,23,42,.10)}
.logging-filter-panel{padding:1rem}
.logging-filter-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr .9fr .8fr .8fr auto auto;gap:.75rem;align-items:center}
.logging-filter-grid input,.logging-filter-grid select{width:100%;min-height:42px;border:1px solid rgba(15,23,42,.14);border-radius:14px;padding:.65rem .8rem;background:rgba(255,255,255,.9)}
.status-pill.status-neutral{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}
.status-pill.status-warning{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
@media (max-width:1100px){.logging-filter-grid{grid-template-columns:1fr 1fr}.bulk-action-bar-professional{align-items:flex-start;flex-direction:column}.bulk-select-actions{width:100%;justify-content:space-between}}
@media (max-width:700px){.logging-filter-grid{grid-template-columns:1fr}.bulk-select-actions{justify-content:flex-start}}

/* v11884 - Professional invoice comparator UX */
.compare-hero-v11884 p { max-width: 760px; }
.compare-purpose-grid-v11884 {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 14px;
}
.compare-purpose-card-v11884 {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 18px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 24px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}
.compare-purpose-card-v11884.primary { background: linear-gradient(135deg, rgba(37,99,235,.12), rgba(14,165,233,.08)); }
.compare-purpose-card-v11884 span { font-size: 1.55rem; }
.compare-purpose-card-v11884 h2,
.compare-purpose-card-v11884 p,
.compare-purpose-card-v11884 strong { margin: 0; }
.compare-purpose-card-v11884 p { margin-top: 6px; color: var(--muted, #64748b); line-height: 1.55; }
.compare-upload-panel-v11884 { display: grid; gap: 18px; }
.compare-upload-head-v11884 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.compare-upload-head-v11884 h2,
.compare-upload-head-v11884 p { margin: 0; }
.compare-upload-head-v11884 p { margin-top: 6px; color: var(--muted, #64748b); }
.compare-upload-grid-v11884 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.compare-drop-card-v11884 {
  position: relative;
  display: grid;
  gap: 8px;
  min-height: 142px;
  padding: 22px;
  border: 1.5px dashed rgba(37, 99, 235, .34);
  border-radius: 24px;
  background: rgba(248, 250, 252, .88);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.compare-drop-card-v11884:hover {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, .72);
  background: rgba(239, 246, 255, .94);
}
.compare-drop-card-v11884 input { margin-top: 10px; max-width: 100%; }
.compare-drop-card-v11884 strong { font-size: 1.05rem; }
.compare-drop-card-v11884 small,
.compare-upload-note-v11884 { color: var(--muted, #64748b); }
.compare-drop-icon-v11884 {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1d4ed8;
  color: #fff;
  font-weight: 800;
}
.compare-feedback-v11884 {
  border-radius: 22px;
  padding: 16px 18px;
  border: 1px solid rgba(15, 23, 42, .10);
}
.compare-feedback-v11884 p { margin: 5px 0 0; }
.compare-feedback-v11884.error { background: rgba(254, 242, 242, .96); border-color: rgba(220, 38, 38, .24); }
.compare-feedback-v11884.success { background: rgba(240, 253, 244, .96); border-color: rgba(22, 163, 74, .24); }
.compare-summary-v11884 { display: grid; grid-template-columns: 1.4fr 1fr; gap: 14px; }
.compare-summary-card-v11884,
.compare-file-pair-v11884 {
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 26px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 16px 38px rgba(15, 23, 42, .07);
  padding: 20px;
}
.compare-summary-card-v11884 { display: flex; gap: 16px; align-items: flex-start; }
.compare-summary-card-v11884 > span { font-size: 2rem; }
.compare-summary-card-v11884 h2,
.compare-summary-card-v11884 p { margin: 0; }
.compare-summary-card-v11884 p { margin-top: 6px; color: var(--muted, #64748b); line-height: 1.55; }
.compare-summary-card-v11884.danger { border-color: rgba(220, 38, 38, .28); background: linear-gradient(135deg, rgba(254,242,242,.96), rgba(255,255,255,.94)); }
.compare-summary-card-v11884.warning { border-color: rgba(245, 158, 11, .30); background: linear-gradient(135deg, rgba(255,251,235,.98), rgba(255,255,255,.94)); }
.compare-summary-card-v11884.ok { border-color: rgba(22, 163, 74, .26); background: linear-gradient(135deg, rgba(240,253,244,.98), rgba(255,255,255,.94)); }
.compare-file-pair-v11884 { display: grid; gap: 12px; }
.compare-file-pair-v11884 small { display: block; color: var(--muted, #64748b); margin-bottom: 2px; }
.compare-file-pair-v11884 strong { overflow-wrap: anywhere; }
.compare-result-list-v11884 { display: grid; gap: 12px; }
.compare-row-card-v11884 {
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 24px;
  background: rgba(255,255,255,.9);
  padding: 18px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .055);
}
.compare-row-card-v11884.changed.danger { border-color: rgba(220, 38, 38, .30); }
.compare-row-card-v11884.changed.warning { border-color: rgba(245, 158, 11, .34); }
.compare-row-card-v11884.same { opacity: .88; }
.compare-row-main-v11884 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.compare-row-main-v11884 h3 { margin: 8px 0 0; }
.compare-status-pill-v11884 {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .82rem;
  font-weight: 800;
  background: rgba(226, 232, 240, .85);
  color: #334155;
}
.compare-status-pill-v11884.danger { background: rgba(254, 226, 226, .96); color: #991b1b; }
.compare-status-pill-v11884.warning { background: rgba(254, 243, 199, .96); color: #92400e; }
.compare-status-pill-v11884.attention { background: rgba(219, 234, 254, .96); color: #1e40af; }
.compare-status-pill-v11884.ok { background: rgba(220, 252, 231, .96); color: #166534; }
.compare-values-v11884 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.compare-values-v11884 div {
  border-radius: 18px;
  background: rgba(248, 250, 252, .92);
  padding: 12px;
}
.compare-values-v11884 small { color: var(--muted, #64748b); font-weight: 700; }
.compare-values-v11884 p { margin: 6px 0 0; overflow-wrap: anywhere; }
.compare-advice-v11884 {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(241, 245, 249, .9);
  color: #334155;
}
body[data-theme="dark"] .compare-purpose-card-v11884,
body[data-theme="dark"] .compare-drop-card-v11884,
body[data-theme="dark"] .compare-summary-card-v11884,
body[data-theme="dark"] .compare-file-pair-v11884,
body[data-theme="dark"] .compare-row-card-v11884 {
  background: rgba(15, 23, 42, .82);
  border-color: rgba(148, 163, 184, .22);
}
body[data-theme="dark"] .compare-values-v11884 div,
body[data-theme="dark"] .compare-advice-v11884 { background: rgba(30, 41, 59, .72); color: #cbd5e1; }
body[data-theme="dark"] .compare-purpose-card-v11884 p,
body[data-theme="dark"] .compare-upload-head-v11884 p,
body[data-theme="dark"] .compare-upload-note-v11884,
body[data-theme="dark"] .compare-drop-card-v11884 small,
body[data-theme="dark"] .compare-file-pair-v11884 small { color: #94a3b8; }
@media (max-width: 980px) {
  .compare-purpose-grid-v11884,
  .compare-summary-v11884 { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .compare-upload-head-v11884 { align-items: stretch; flex-direction: column; }
  .compare-upload-grid-v11884,
  .compare-values-v11884 { grid-template-columns: 1fr; }
  .compare-row-main-v11884 { flex-direction: column; }
}

/* v11885: professional bulk-selection layout */
.bulk-action-bar-v11882{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 16px; margin:12px 0; border:1px solid rgba(148,163,184,.24);
  border-radius:18px; background:rgba(255,255,255,.78); box-shadow:0 12px 34px rgba(15,23,42,.06);
}
.bulk-select-actions{display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:flex-end;}
.select-all-toggle-v11883{display:inline-flex;align-items:center;gap:.55rem;font-size:.9rem;color:#475569;font-weight:800;cursor:pointer;white-space:nowrap;user-select:none;}
.select-all-toggle-v11883 input,.bulk-check-right-v11883 input{width:18px;height:18px;accent-color:#111827;cursor:pointer;}
.scan-history-row-v11380,.supplier-list-row,.supplier-profile-card{position:relative;}
.scan-history-row-v11380{display:flex;align-items:center;}
.bulk-check-right-v11883{margin-left:auto;display:flex!important;align-items:center;justify-content:center;min-width:38px;min-height:38px;position:relative;z-index:50;cursor:pointer;border-radius:12px;}
.bulk-check-right-v11883:hover{background:rgba(15,23,42,.06);}
.supplier-card-checkbox-v11883{position:absolute;right:14px;top:14px;margin:0;background:rgba(255,255,255,.92);border:1px solid rgba(148,163,184,.35);}
.supplier-card-overlay-link{z-index:1;}
.supplier-inline-actions,.bulk-check-right-v11883{z-index:60;}
.supplier-profile-card .supplier-profile-top{padding-right:50px;}
body[data-theme="dark"] .bulk-action-bar-v11882{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.2);}
body[data-theme="dark"] .select-all-toggle-v11883{color:#cbd5e1;}
body[data-theme="dark"] .supplier-card-checkbox-v11883{background:rgba(15,23,42,.9);}

/* v11885: readable collapsible scan result sections */
.result-accordion-v11885{padding:0!important;overflow:hidden;}
.result-accordion-v11885 > summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;border-bottom:1px solid rgba(148,163,184,.18);}
.result-accordion-v11885 > summary::-webkit-details-marker{display:none;}
.result-accordion-v11885 > summary span{font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;color:#64748b;font-weight:900;}
.result-accordion-v11885 > summary strong{font-size:1.15rem;color:var(--text-main);}
.result-accordion-v11885 > summary::after{content:'Uitklappen';font-size:.82rem;font-weight:900;color:#334155;background:rgba(15,23,42,.06);border:1px solid rgba(148,163,184,.22);border-radius:999px;padding:7px 11px;}
.result-accordion-v11885[open] > summary::after{content:'Inklappen';}
.result-accordion-body-v11885{padding:18px 22px 22px;}
.result-accordion-v11885 + .result-accordion-v11885{margin-top:14px;}
body[data-theme="dark"] .result-accordion-v11885 > summary::after{color:#e2e8f0;background:rgba(255,255,255,.08);}
@media(max-width:800px){.bulk-action-bar-v11882{align-items:flex-start;flex-direction:column}.bulk-select-actions{justify-content:flex-start}.result-accordion-v11885 > summary{align-items:flex-start;flex-direction:column}.result-accordion-v11885 > summary::after{align-self:flex-start}.supplier-card-checkbox-v11883{right:12px;top:12px}}

/* v11886: fixed bulk select UX */
.scan-history-row-v11380.row-selected-v11886,
.supplier-list-row.row-selected-v11886,
.supplier-profile-card.row-selected-v11886{
  outline:2px solid rgba(124,58,237,.32);
  background:linear-gradient(135deg, rgba(124,58,237,.08), rgba(255,255,255,.92));
}
body[data-theme="dark"] .scan-history-row-v11380.row-selected-v11886,
body[data-theme="dark"] .supplier-list-row.row-selected-v11886,
body[data-theme="dark"] .supplier-profile-card.row-selected-v11886{
  background:linear-gradient(135deg, rgba(124,58,237,.18), rgba(15,23,42,.86));
}
.bulk-check-right-v11883{flex:0 0 auto;}
.select-all-toggle-v11883 input{order:2;}

/* v11886: readable finance result page */
.result-summary-purple-v11886{
  border:0!important;
  color:#fff;
  background:linear-gradient(135deg, #5b21b6 0%, #7c3aed 52%, #a855f7 100%)!important;
  box-shadow:0 24px 70px rgba(91,33,182,.24);
  overflow:hidden;
}
.result-summary-purple-v11886 .mini-kicker{color:rgba(255,255,255,.82);}
.result-summary-purple-v11886 h2{margin:6px 0 8px;color:#fff;font-size:1.65rem;}
.result-summary-purple-v11886 p{color:rgba(255,255,255,.9);}
.result-summary-purple-copy-v11886{max-width:980px;margin-bottom:18px;}
.result-next-actions-v11886{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.result-next-actions-v11886 div{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:16px;backdrop-filter:blur(10px);}
.result-next-actions-v11886 span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:rgba(255,255,255,.95);color:#6d28d9;font-weight:900;margin-bottom:10px;}
.result-next-actions-v11886 strong{display:block;color:#fff;margin-bottom:6px;}
.result-next-actions-v11886 p{margin:0;color:rgba(255,255,255,.88);}
.result-page-v11886 .result-accordion-v11885{border:1px solid rgba(148,163,184,.2);}
.result-page-v11886 .result-accordion-v11885 > summary{background:rgba(255,255,255,.76);}
.result-page-v11886 .result-accordion-v11885 > summary::after{content:'Openen';}
.result-page-v11886 .result-accordion-v11885[open] > summary::after{content:'Sluiten';}
.result-evidence-readable-v11886 div{border-radius:18px;}
.result-soft-note-v11886{margin:16px 0 0;padding:12px 14px;border-radius:16px;background:rgba(245,158,11,.10);color:#92400e;font-weight:700;}
.result-findings-readable-v11886 .finding-row p{font-size:.96rem;line-height:1.55;}
.finding-positive{border-color:rgba(34,197,94,.22)!important;background:rgba(34,197,94,.08)!important;}
@media(max-width:900px){.result-next-actions-v11886{grid-template-columns:1fr;}}
body[data-theme="dark"] .result-page-v11886 .result-accordion-v11885 > summary{background:rgba(15,23,42,.78);}

/* v11886: compare upload feedback */
.compare-drop-card-v11884{cursor:pointer;transition:transform .16s ease, border-color .16s ease, background .16s ease;}
.compare-drop-card-v11884:hover{transform:translateY(-1px);border-color:rgba(124,58,237,.35);}
.compare-drop-card-v11884.has-file-v11886{border-color:rgba(124,58,237,.55);background:linear-gradient(135deg, rgba(124,58,237,.08), rgba(255,255,255,.94));}
.compare-file-status-v11886{display:block;margin-top:10px;padding:8px 10px;border-radius:999px;background:rgba(15,23,42,.06);color:#334155;font-size:.82rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.compare-drop-card-v11884.has-file-v11886 .compare-file-status-v11886{background:rgba(124,58,237,.12);color:#5b21b6;}
.compare-client-feedback-v11886{margin:0 0 14px;padding:12px 14px;border-radius:16px;background:rgba(124,58,237,.1);color:#5b21b6;font-weight:800;}
.compare-client-feedback-v11886.error{background:rgba(239,68,68,.1);color:#991b1b;}
.compare-upload-panel-v11884 button[disabled]{opacity:.7;cursor:wait;}
body[data-theme="dark"] .compare-drop-card-v11884.has-file-v11886{background:linear-gradient(135deg, rgba(124,58,237,.20), rgba(15,23,42,.86));}
body[data-theme="dark"] .compare-file-status-v11886{background:rgba(255,255,255,.08);color:#e2e8f0;}

/* v11887 - Superadmin logging polish */
.logging-hero-v11887 {
  background: linear-gradient(135deg, rgba(99,102,241,.14), rgba(168,85,247,.10), rgba(255,255,255,.92));
  border: 1px solid rgba(124,58,237,.18);
  box-shadow: 0 18px 48px rgba(76,29,149,.10);
}
[data-theme="dark"] .logging-hero-v11887 {
  background: linear-gradient(135deg, rgba(99,102,241,.20), rgba(168,85,247,.12), rgba(15,23,42,.92));
  border-color: rgba(167,139,250,.22);
}
.logging-kpi-grid-v11887 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.logging-kpi-card-v11887 {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 22px;
  background: rgba(255,255,255,.92);
  padding: 18px;
  box-shadow: 0 16px 36px rgba(15,23,42,.08);
}
.logging-kpi-card-v11887::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: #7c3aed;
}
.logging-kpi-card-v11887 span,
.logging-kpi-card-v11887 small { display: block; color: var(--muted, #64748b); }
.logging-kpi-card-v11887 span { font-size: .78rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.logging-kpi-card-v11887 strong { display: block; margin-top: 6px; font-size: 2rem; line-height: 1; color: var(--text, #0f172a); }
.logging-kpi-card-v11887 small { margin-top: 8px; line-height: 1.35; }
.logging-kpi-card-v11887.red::before { background: #dc2626; }
.logging-kpi-card-v11887.amber::before { background: #f59e0b; }
.logging-kpi-card-v11887.blue::before { background: #2563eb; }
[data-theme="dark"] .logging-kpi-card-v11887 { background: rgba(15,23,42,.84); border-color: rgba(148,163,184,.18); }
.logging-filter-grid-v11887 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}
.logging-filter-grid-v11887 label { display: grid; gap: 6px; font-size: .82rem; color: var(--muted, #64748b); font-weight: 800; }
.logging-filter-grid-v11887 input,
.logging-filter-grid-v11887 select {
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.28);
  background: rgba(255,255,255,.92);
  padding: 0 12px;
  color: var(--text, #0f172a);
}
[data-theme="dark"] .logging-filter-grid-v11887 input,
[data-theme="dark"] .logging-filter-grid-v11887 select { background: rgba(15,23,42,.84); border-color: rgba(148,163,184,.20); color: #e5e7eb; }
.logging-filter-actions-v11887 { display: flex; gap: 10px; align-items: center; justify-content: flex-end; }
.logging-table-scroll-v11887 { max-height: 72vh; }
.logging-table-v11887 { min-width: 1500px; }
.logging-table-v11887 th { position: sticky; top: 0; z-index: 2; background: rgba(248,250,252,.98); }
[data-theme="dark"] .logging-table-v11887 th { background: rgba(15,23,42,.98); }
.logging-table-v11887 td { vertical-align: top; }
.logging-file-name-v11887 { display: inline-block; max-width: 240px; overflow-wrap: anywhere; }
@media (max-width: 1100px) {
  .logging-kpi-grid-v11887 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .logging-filter-grid-v11887 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .logging-kpi-grid-v11887,
  .logging-filter-grid-v11887 { grid-template-columns: 1fr; }
  .logging-filter-actions-v11887 { justify-content: stretch; flex-wrap: wrap; }
}


/* v11888 finance-first result page */
.result-page-v11888 .result-summary-purple-v11888{
  background:linear-gradient(135deg,#6d28d9 0%,#7c3aed 42%,#a855f7 100%)!important;
  box-shadow:0 26px 70px rgba(109,40,217,.24)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.result-next-actions-v11888 div{min-height:138px;display:flex;flex-direction:column;justify-content:flex-start;}
.result-next-actions-v11888 strong{font-size:1rem;}
.result-next-actions-v11888 p{font-size:.95rem;line-height:1.45;}
.finance-check-grid-v11888{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0;}
.finance-check-card-v11888{border-radius:22px;padding:18px;background:var(--panel-bg-strong);border:1px solid rgba(148,163,184,.22);box-shadow:0 18px 44px rgba(31,17,69,.08);}
.finance-check-card-v11888 span{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:900;color:#64748b;margin-bottom:10px;}
.finance-check-card-v11888 strong{display:block;font-size:1.08rem;color:var(--text-main);margin-bottom:8px;}
.finance-check-card-v11888 p{margin:0;color:var(--text-soft);font-size:.94rem;line-height:1.48;}
.finance-check-card-v11888.needs-review{border-color:rgba(245,158,11,.36);background:linear-gradient(135deg,rgba(245,158,11,.10),var(--panel-bg-strong));}
.finance-check-card-v11888.is-ok{border-color:rgba(34,197,94,.28);background:linear-gradient(135deg,rgba(34,197,94,.09),var(--panel-bg-strong));}
.result-accordion-stack-v11888{display:grid;gap:14px;margin-top:16px;}
.result-page-v11888 .result-accordion-v11888{border:1px solid rgba(109,40,217,.18)!important;box-shadow:0 18px 48px rgba(31,17,69,.07);}
.result-page-v11888 .result-accordion-v11888 > summary{background:linear-gradient(135deg,rgba(109,40,217,.10),rgba(168,85,247,.06))!important;}
.result-page-v11888 .result-accordion-v11888 > summary span{color:#6d28d9!important;}
.result-page-v11888 .result-accordion-v11888 > summary strong{font-size:1.04rem;}
.score-help-v11888{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.score-help-v11888 div{border-radius:18px;padding:16px;background:var(--surface-muted-2);border:1px solid rgba(148,163,184,.2);}
.score-help-v11888 strong{display:block;font-size:1.35rem;color:#6d28d9;margin-bottom:5px;}
.score-help-v11888 span{display:block;font-weight:900;color:var(--text-main);margin-bottom:6px;}
.score-help-v11888 p{margin:0;color:var(--text-soft);line-height:1.45;}
body[data-theme="dark"] .finance-check-card-v11888{background:rgba(15,23,42,.78);}
body[data-theme="dark"] .result-page-v11888 .result-accordion-v11888 > summary{background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(168,85,247,.10))!important;}
body[data-theme="dark"] .result-page-v11888 .result-accordion-v11888 > summary span{color:#c4b5fd!important;}
@media(max-width:1100px){.finance-check-grid-v11888{grid-template-columns:repeat(2,minmax(0,1fr));}.score-help-v11888{grid-template-columns:1fr;}}
@media(max-width:720px){.finance-check-grid-v11888{grid-template-columns:1fr;}.result-next-actions-v11888 div{min-height:auto;}}


/* v11889 - polished finance summary */
.result-page-v11889 .finance-summary-v11889{
  position:relative;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(124,58,237,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92));
  box-shadow:0 24px 70px rgba(31,17,69,.10);
}
.result-page-v11889 .finance-summary-v11889::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:linear-gradient(90deg,#6d28d9,#8b5cf6,#a855f7);
}
.finance-summary-head-v11889{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:22px;
  padding:28px 30px 18px;
}
.finance-summary-head-v11889 .mini-kicker{
  color:#6d28d9;
  letter-spacing:.12em;
  font-weight:900;
}
.finance-summary-head-v11889 h2{
  margin:8px 0 8px;
  color:var(--text-main);
  font-size:clamp(1.55rem,2.6vw,2.25rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.finance-summary-head-v11889 p{
  max-width:760px;
  margin:0;
  color:var(--text-soft);
  font-size:1.02rem;
  line-height:1.62;
}
.finance-score-pill-v11889{
  min-width:170px;
  border-radius:24px;
  padding:16px 18px;
  background:linear-gradient(135deg,#6d28d9,#a855f7);
  color:#fff;
  box-shadow:0 18px 42px rgba(109,40,217,.26);
  text-align:center;
}
.finance-score-pill-v11889 span,
.finance-score-pill-v11889 small{
  display:block;
  color:rgba(255,255,255,.82);
  font-weight:800;
}
.finance-score-pill-v11889 span{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;}
.finance-score-pill-v11889 strong{display:block;margin:7px 0 4px;font-size:1.8rem;line-height:1;color:#fff;}
.finance-action-grid-v11889{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:0 30px 30px;
}
.finance-action-card-v11889{
  display:flex;
  gap:14px;
  min-height:156px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 16px 38px rgba(15,23,42,.07);
}
.finance-action-icon-v11889{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(124,58,237,.10);
  color:#6d28d9;
  font-weight:1000;
  font-size:1rem;
}
.finance-action-card-v11889 small{
  display:block;
  margin-bottom:6px;
  color:#6d28d9;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.finance-action-card-v11889 strong{
  display:block;
  color:var(--text-main);
  font-size:1.04rem;
  line-height:1.25;
  margin-bottom:7px;
}
.finance-action-card-v11889 p{
  margin:0;
  color:var(--text-soft);
  font-size:.94rem;
  line-height:1.48;
}
.finance-summary-high::before{background:linear-gradient(90deg,#dc2626,#f97316)!important;}
.finance-summary-high .finance-score-pill-v11889{background:linear-gradient(135deg,#b91c1c,#f97316);}
.finance-summary-high .finance-action-icon-v11889,.finance-summary-high .finance-action-card-v11889 small,.finance-summary-high .finance-summary-head-v11889 .mini-kicker{color:#b91c1c;}
.finance-summary-high .finance-action-icon-v11889{background:rgba(220,38,38,.10);}
.finance-summary-medium::before{background:linear-gradient(90deg,#d97706,#f59e0b)!important;}
.finance-summary-medium .finance-score-pill-v11889{background:linear-gradient(135deg,#b45309,#f59e0b);}
.finance-summary-medium .finance-action-icon-v11889,.finance-summary-medium .finance-action-card-v11889 small,.finance-summary-medium .finance-summary-head-v11889 .mini-kicker{color:#b45309;}
.finance-summary-medium .finance-action-icon-v11889{background:rgba(245,158,11,.12);}
body[data-theme="dark"] .result-page-v11889 .finance-summary-v11889{
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.84));
  border-color:rgba(167,139,250,.20);
}
body[data-theme="dark"] .finance-action-card-v11889{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.18);}
body[data-theme="dark"] .finance-summary-head-v11889 p,
body[data-theme="dark"] .finance-action-card-v11889 p{color:#cbd5e1;}
@media(max-width:980px){
  .finance-summary-head-v11889{flex-direction:column;}
  .finance-score-pill-v11889{width:100%;text-align:left;}
  .finance-action-grid-v11889{grid-template-columns:1fr;}
  .finance-action-card-v11889{min-height:auto;}
}
@media(max-width:640px){
  .finance-summary-head-v11889{padding:24px 20px 16px;}
  .finance-action-grid-v11889{padding:0 20px 22px;}
}

/* v11890 - finance summary collapsible and no duplicate risk score */
.result-page-v11890 .finance-summary-v11890{
  display:block;
  margin-top:18px;
}
.result-page-v11890 .finance-summary-v11890 > summary{
  list-style:none;
  cursor:pointer;
}
.result-page-v11890 .finance-summary-v11890 > summary::-webkit-details-marker{display:none;}
.finance-summary-toggle-v11890{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:28px 30px;
  position:relative;
  z-index:1;
}
.finance-summary-toggle-v11890 .mini-kicker{
  color:#6d28d9;
  letter-spacing:.12em;
  font-weight:900;
}
.finance-summary-toggle-v11890 h2{
  margin:8px 0 8px;
  color:var(--text-main);
  font-size:clamp(1.45rem,2.45vw,2.05rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.finance-summary-toggle-v11890 p{
  max-width:850px;
  margin:0;
  color:var(--text-soft);
  font-size:1rem;
  line-height:1.58;
}
.finance-summary-chevron-v11890{
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#6d28d9;
  background:rgba(124,58,237,.10);
  border:1px solid rgba(124,58,237,.16);
  font-size:1.45rem;
  font-weight:900;
  transition:transform .18s ease, background .18s ease;
}
.finance-summary-v11890[open] .finance-summary-chevron-v11890{transform:rotate(180deg);background:rgba(124,58,237,.16);}
.finance-summary-body-v11890{padding-bottom:30px;}
.result-page-v11890 .finance-summary-v11890 .finance-action-grid-v11889{padding-top:0;}
.result-page-v11890 .finance-summary-v11890 .finance-score-pill-v11889{display:none!important;}
.result-page-v11890 .finance-summary-high .finance-summary-toggle-v11890 .mini-kicker,
.result-page-v11890 .finance-summary-high .finance-summary-chevron-v11890{color:#b91c1c;}
.result-page-v11890 .finance-summary-high .finance-summary-chevron-v11890{background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.16);}
.result-page-v11890 .finance-summary-medium .finance-summary-toggle-v11890 .mini-kicker,
.result-page-v11890 .finance-summary-medium .finance-summary-chevron-v11890{color:#b45309;}
.result-page-v11890 .finance-summary-medium .finance-summary-chevron-v11890{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.20);}
body[data-theme="dark"] .finance-summary-toggle-v11890 p{color:#cbd5e1;}
body[data-theme="dark"] .finance-summary-chevron-v11890{background:rgba(124,58,237,.18);border-color:rgba(167,139,250,.18);color:#c4b5fd;}
@media(max-width:720px){
  .finance-summary-toggle-v11890{padding:24px 20px;align-items:flex-start;}
  .finance-summary-chevron-v11890{width:42px;height:42px;flex-basis:42px;border-radius:16px;}
  .finance-summary-body-v11890{padding-bottom:22px;}
}


/* v11891 - cleaner collapsible finance summary and mini-kickers on action tiles */
.result-page-v11891 .finance-summary-toggle-v11890{
  padding:24px 30px;
}
.result-page-v11891 .finance-summary-toggle-v11890 h2{
  margin:10px 0 0;
}
.result-page-v11891 .finance-summary-toggle-v11890 p{
  display:none!important;
}
.finance-action-copy-v11891{
  min-width:0;
}
.finance-card-kicker-v11891{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-bottom:10px;
  padding:7px 11px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(168,85,247,.10));
  color:#6d28d9;
  border:1px solid rgba(124,58,237,.14);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
  line-height:1;
}
.result-page-v11891 .finance-summary-high .finance-card-kicker-v11891{
  color:#b91c1c;
  background:rgba(220,38,38,.10);
  border-color:rgba(220,38,38,.14);
}
.result-page-v11891 .finance-summary-medium .finance-card-kicker-v11891{
  color:#b45309;
  background:rgba(245,158,11,.12);
  border-color:rgba(245,158,11,.18);
}
body[data-theme="dark"] .finance-card-kicker-v11891{
  background:rgba(124,58,237,.18);
  border-color:rgba(167,139,250,.18);
  color:#c4b5fd;
}
@media(max-width:720px){
  .result-page-v11891 .finance-summary-toggle-v11890{padding:22px 20px;}
}


/* v11892 - consistent collapsible result sections */
.result-page-v11892 .result-accordion-v11888{
  position:relative;
  overflow:hidden;
  padding:0!important;
  border:1px solid rgba(124,58,237,.18)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92))!important;
  box-shadow:0 24px 70px rgba(31,17,69,.10)!important;
}
.result-page-v11892 .result-accordion-v11888::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:6px;
  background:linear-gradient(90deg,#6d28d9,#8b5cf6,#a855f7);
}
.result-page-v11892 .result-accordion-v11888 > summary{
  list-style:none;
  cursor:pointer;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:24px 30px!important;
  background:transparent!important;
  position:relative;
  z-index:1;
}
.result-page-v11892 .result-accordion-v11888 > summary::-webkit-details-marker{display:none;}
.result-page-v11892 .result-accordion-v11888 > summary div{min-width:0;}
.result-page-v11892 .result-accordion-v11888 > summary strong{
  display:block;
  color:var(--text-main);
  font-size:clamp(1.25rem,2vw,1.65rem)!important;
  line-height:1.1;
  letter-spacing:-.03em;
}
.result-page-v11892 .result-accordion-v11888 > summary > span:not(.finance-summary-chevron-v11890){display:none!important;}
.result-section-kicker-v11892{margin-bottom:10px!important;}
.result-page-v11892 .result-accordion-v11888[open] .finance-summary-chevron-v11890{transform:rotate(180deg);background:rgba(124,58,237,.16);}
.result-page-v11892 .result-accordion-body-v11885{padding:0 30px 30px!important;}
body[data-theme="dark"] .result-page-v11892 .result-accordion-v11888{
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.84))!important;
  border-color:rgba(167,139,250,.20)!important;
}
@media(max-width:720px){
  .result-page-v11892 .result-accordion-v11888 > summary{padding:22px 20px!important;align-items:flex-start;}
  .result-page-v11892 .result-accordion-body-v11885{padding:0 20px 24px!important;}
}


/* v11893: consistent collapsible panels without visible chevrons */
.result-page-v11893 summary::-webkit-details-marker{display:none!important;}
.result-page-v11893 summary::marker{content:""!important;}
.result-page-v11893 .finance-summary-chevron-v11890{display:none!important;}
.result-page-v11893 .finance-summary-toggle-v11890,
.result-page-v11893 .result-accordion-v11888 > summary{cursor:pointer;}
.result-page-v11893 .result-accordion-v11888 > summary > div,
.result-page-v11893 .finance-summary-toggle-v11890 > div{width:100%;}

/* v11895: private temp uploads + finance summary polish */
.result-page-v11895 .finance-summary-toggle-v11895{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.result-page-v11895 .summary-open-close-v11895{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 13px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
  letter-spacing:.02em;
  color:#6d28d9;
  background:rgba(124,58,237,.10);
  border:1px solid rgba(124,58,237,.16);
  white-space:nowrap;
}
.result-page-v11895 .finance-summary-v11894[open] .summary-open-close-v11895{
  background:rgba(124,58,237,.16);
  border-color:rgba(124,58,237,.24);
}
.result-page-v11895 .finance-action-grid-v11895{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
body[data-theme="dark"] .result-page-v11895 .summary-open-close-v11895{
  color:#ddd6fe;
  background:rgba(167,139,250,.16);
  border-color:rgba(167,139,250,.22);
}
@media(max-width:720px){
  .result-page-v11895 .finance-summary-toggle-v11895{
    flex-direction:column;
    align-items:flex-start!important;
  }
}

/* v11896 — global mobile responsiveness and disclosure polish
   Applies to all server-rendered templates. Specific fixes for cookie policy and scans pages included. */
:root{--v11896-card-radius:22px;}
img,svg,video,canvas{max-width:100%;height:auto;}
table{max-width:100%;}
.policy-table-wrap,.admin-table-wrap,.logging-table-wrap-v11887,.table-scroll,.account-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.policy-table,.admin-table,.logging-table-v11887{min-width:720px;}
.legal-modern-page,.marketing-page,.account-page{max-width:100vw;overflow-x:hidden;}
.legal-modern-layout,.pricing-v10550-grid,.pricing-equal-grid,.security-layer-grid,.value-model-grid,.v11790-check-grid,.step-grid,.saas-footer-grid{min-width:0;}
.legal-modern-card,.legal-summary-card,.pricing-plan-card,.security-layer-card,.value-model-card,.step-card,.account-card,.scan-upload-card-v11380,.scans-history-panel-v11380,.scans-live-panel-v11380{min-width:0;word-break:normal;overflow-wrap:anywhere;}
.auth-transparency-note-v11896{margin:14px 0 0;padding:12px 14px;border:1px solid rgba(124,58,237,.18);border-radius:16px;background:rgba(124,58,237,.08);color:var(--text-muted,#5b6072);font-size:.9rem;line-height:1.45;}
.cookie-policy-callout-v11896{margin:18px 0;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(124,58,237,.10),rgba(14,165,233,.08));border:1px solid rgba(124,58,237,.18);}
.cookie-policy-callout-v11896 strong{display:block;margin-bottom:6px;color:var(--text-main,#111827);}

@media (max-width: 1100px){
  .account-layout-grid,.account-layout-tight{grid-template-columns:1fr!important;gap:18px!important;padding-left:16px!important;padding-right:16px!important;}
  .account-menu,.account-side-menu,.portal-side-nav{position:static!important;width:100%!important;max-width:100%!important;display:flex!important;overflow-x:auto!important;gap:10px!important;padding:10px!important;border-radius:18px!important;}
  .account-menu a,.account-side-menu a,.portal-side-nav a{white-space:nowrap;flex:0 0 auto;}
  .account-main-stack,.account-main-tight{width:100%!important;max-width:100%!important;}
  .scans-main-grid-v11410,.scans-upload-grid-v11390{grid-template-columns:1fr!important;}
  .admin-grid,.admin-detail-grid,.admin-metrics-grid,.logging-filter-grid-v11887,.logging-kpi-grid-v11887{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media (max-width: 820px){
  body{overflow-x:hidden;}
  main{width:100%;}
  .split-auth-page{grid-template-columns:1fr!important;min-height:auto!important;}
  .split-auth-side{padding:28px 18px!important;border-radius:0 0 28px 28px!important;min-height:auto!important;}
  .split-auth-form-panel{padding:18px!important;}
  .auth-panel-card{width:100%!important;max-width:100%!important;padding:22px!important;border-radius:24px!important;}
  .auth-side-list{grid-template-columns:1fr!important;}
  .landing-hero,.landing-section.split,.purple-story,.legal-modern-layout,.pricing-v10550-grid,.pricing-equal-grid,.security-layer-grid,.value-model-grid,.v11790-check-grid,.step-grid,.saas-footer-brandline{grid-template-columns:1fr!important;}
  .landing-hero,.marketing-hero,.legal-modern-hero,.pricing-v10550-hero{padding-left:18px!important;padding-right:18px!important;text-align:left!important;}
  .landing-actions,.scans-toolbar-actions,.bulk-select-actions{flex-direction:column!important;align-items:stretch!important;width:100%;}
  .landing-actions a,.scans-toolbar-actions a,.bulk-select-actions button,.bulk-select-actions label{width:100%;justify-content:center;}
  .saas-footer-inner{padding:28px 18px!important;}
  .saas-footer-grid{grid-template-columns:1fr 1fr!important;gap:18px!important;}
  .legal-modern-layout{padding:0 18px 32px!important;}
  .legal-modern-card,.legal-summary-card{padding:20px!important;border-radius:22px!important;}
  .pricing-v10550-grid,.pricing-equal-grid{padding:0 18px!important;}
  .pricing-plan-card{padding:22px!important;}
  .scan-dropzone-v11380{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:14px!important;padding:18px!important;}
  .scan-history-row-v11380{grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;padding:16px!important;}
  .scan-history-main-v11380{min-width:0!important;}
  .scan-history-main-v11380 span,.scan-history-main-v11380 strong{overflow-wrap:anywhere;}
  .scan-history-score-v11380,.scan-history-status-v11380{justify-self:start;}
  .bulk-check-right-v11883,.bulk-check-v11882{justify-self:end!important;grid-column:2!important;grid-row:1 / span 2!important;}
  .failed-scan-row-v11872{grid-template-columns:1fr!important;}
  .failed-scan-row-v11872 form,.failed-scan-row-v11872 button{width:100%;}
  .scans-section-head-v11380,.failed-scan-head-v11872{flex-direction:column!important;align-items:stretch!important;gap:12px!important;}
  .result-command-center,.result-command-center-v11890,.result-summary-card-v11889,.finance-summary-card-v11895{padding:18px!important;border-radius:24px!important;}
  .result-panel-grid,.finance-summary-grid-v11895{grid-template-columns:1fr!important;}
  .support-layout,.contact-layout,.faq-grid,.knowledge-grid{grid-template-columns:1fr!important;}
}

@media (max-width: 560px){
  h1{font-size:clamp(2rem,10vw,3rem)!important;line-height:1.05!important;}
  h2{font-size:clamp(1.35rem,7vw,2rem)!important;}
  .section-kicker,.mini-kicker{font-size:.72rem!important;letter-spacing:.08em!important;}
  .saas-footer-grid{grid-template-columns:1fr!important;}
  .auth-input-wrap{grid-template-columns:auto 1fr auto!important;}
  .auth-input-wrap input{min-width:0!important;}
  .policy-table,.admin-table,.logging-table-v11887{min-width:640px;}
  .scan-file-badge-v11380{width:48px!important;height:48px!important;font-size:.75rem!important;}
  .scan-history-row-v11380{grid-template-columns:1fr!important;}
  .bulk-check-right-v11883,.bulk-check-v11882{grid-column:1!important;grid-row:auto!important;justify-self:end!important;}
  .admin-grid,.admin-detail-grid,.admin-metrics-grid,.logging-filter-grid-v11887,.logging-kpi-grid-v11887{grid-template-columns:1fr!important;}
  .navbar,.saas-navbar,.navbar-inner{max-width:100vw!important;}
  .mobile-auth-logo{display:inline-flex!important;}
}


/* v11897 — portal mobile: hide workspace side rail, use navbar hamburger menu instead */
@media (max-width: 820px){
  .account-layout-grid,
  .account-layout-tight,
  .compact-layout-grid,
  .scan-with-sidebar,
  .result-with-sidebar{
    grid-template-columns:1fr!important;
  }
  .account-side-menu,
  .account-side-menu-v10870,
  .account-side-menu-v10880,
  .account-side-menu-v10900,
  .account-menu,
  .account-menu-card,
  .portal-side-nav{
    display:none!important;
  }
  .account-main-stack,
  .account-main-tight,
  .account-content-stack{
    width:100%!important;
    max-width:100%!important;
  }
  .ss-navbar-portal .ss-mobile-panel .ss-mobile-kicker{
    display:inline-flex!important;
  }
}

/* v11897 — expanded public FAQ polish */
.faq-page-pro .faq-directory{
  max-width:980px;
  margin:0 auto 72px;
  padding:0 20px;
  display:grid;
  gap:14px;
}
.faq-page-pro .faq-directory details{
  border:1px solid rgba(124,58,237,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(250,248,255,.82));
  border-radius:20px;
  box-shadow:0 18px 55px rgba(31,17,69,.07);
  overflow:hidden;
}
.faq-page-pro .faq-directory summary{
  cursor:pointer;
  padding:18px 20px;
  font-weight:900;
  color:var(--text-main,#111827);
  list-style:none;
}
.faq-page-pro .faq-directory summary::-webkit-details-marker{display:none;}
.faq-page-pro .faq-directory p,
.faq-page-pro .faq-directory ul{
  margin:0;
  padding:0 20px 18px;
  color:var(--text-muted,#5b6072);
  line-height:1.65;
}
.faq-page-pro .faq-directory ul{padding-left:38px;}
.faq-group-title-v11897{
  margin:28px 0 2px;
  color:#6d28d9;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}
body[data-theme="dark"] .faq-page-pro .faq-directory details{
  background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(30,27,75,.54));
  border-color:rgba(167,139,250,.18);
}
body[data-theme="dark"] .faq-group-title-v11897{color:#ddd6fe;}
@media(max-width:640px){
  .faq-page-pro .faq-directory{padding:0 14px;margin-bottom:44px;}
  .faq-page-pro .faq-directory summary{padding:16px;font-size:.96rem;}
  .faq-page-pro .faq-directory p,.faq-page-pro .faq-directory ul{padding:0 16px 16px;}
}


/* =========================================================
   v11900 layout, footer and homepage polish
========================================================= */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}
body {
  margin: 0 !important;
}
main {
  max-width: 100%;
  overflow-x: clip;
}

/* Force footer to be true full-bleed even when rendered inside a centered wrapper. */
.saas-footer.clean-footer,
.saas-footer {
  position: relative !important;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}
.saas-footer-inner {
  width: min(1180px, calc(100vw - 48px)) !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  box-sizing: border-box !important;
}
.saas-footer-brandline {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr) !important;
  gap: 34px !important;
  align-items: start !important;
}
.footer-contact-card {
  max-width: 100% !important;
}
.saas-footer-grid {
  width: 100% !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* New homepage sections */
.home-trust-flow-v11900,
.home-audience-grid-v11900 {
  width: min(1180px, calc(100% - 40px));
  margin: 38px auto;
}
.home-trust-flow-v11900 {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
  gap: 26px;
  align-items: stretch;
}
.home-trust-copy-v11900,
.home-risk-orbit-v11900,
.home-audience-grid-v11900 article {
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.88);
  border-radius: 30px;
  box-shadow: 0 24px 70px rgba(15,23,42,.10);
}
.home-trust-copy-v11900 {
  padding: 32px;
}
.home-trust-copy-v11900 h2 {
  margin: 8px 0 14px;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.05;
  color: #0f172a;
}
.home-trust-copy-v11900 p {
  color: #475569;
  line-height: 1.75;
  font-size: 1.03rem;
}
.home-risk-orbit-v11900 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding: 24px;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 20%, rgba(124,58,237,.20), transparent 32%),
    radial-gradient(circle at 84% 74%, rgba(37,99,235,.18), transparent 30%),
    rgba(255,255,255,.90);
}
.home-risk-orbit-v11900::before {
  content: "";
  position: absolute;
  inset: 16%;
  border: 1px dashed rgba(99,102,241,.28);
  border-radius: 999px;
  animation: scamscanSpin11900 24s linear infinite;
}
.orbit-card-v11900 {
  position: relative;
  z-index: 1;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.92);
  border-radius: 22px;
  padding: 20px;
  min-height: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  animation: scamscanFloat11900 5s ease-in-out infinite;
}
.orbit-card-v11900:nth-child(2) { animation-delay: .4s; }
.orbit-card-v11900:nth-child(3) { animation-delay: .8s; }
.orbit-card-v11900:nth-child(4) { animation-delay: 1.2s; }
.orbit-card-v11900 span {
  color: #2563eb;
  font-weight: 900;
  font-size: .82rem;
  letter-spacing: .08em;
}
.orbit-card-v11900 strong {
  color: #0f172a;
  font-size: 1.25rem;
  margin: 8px 0 4px;
}
.orbit-card-v11900 small {
  color: #64748b;
  line-height: 1.45;
}
.orbit-card-v11900.active {
  background: linear-gradient(145deg, #2563eb, #7c3aed);
}
.orbit-card-v11900.active span,
.orbit-card-v11900.active strong,
.orbit-card-v11900.active small {
  color: #fff;
}
.home-audience-grid-v11900 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.home-audience-grid-v11900 article {
  padding: 24px;
  transition: transform .22s ease, box-shadow .22s ease;
}
.home-audience-grid-v11900 article:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 90px rgba(15,23,42,.14);
}
.home-audience-grid-v11900 span {
  font-size: 1.6rem;
  display: inline-flex;
  margin-bottom: 12px;
}
.home-audience-grid-v11900 h3 {
  color: #0f172a;
  margin: 0 0 8px;
}
.home-audience-grid-v11900 p {
  color: #64748b;
  line-height: 1.65;
  margin: 0;
}
@keyframes scamscanFloat11900 {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}
@keyframes scamscanSpin11900 {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .home-risk-orbit-v11900::before,
  .orbit-card-v11900 {
    animation: none !important;
  }
}
[data-theme="dark"] .home-trust-copy-v11900,
[data-theme="dark"] .home-risk-orbit-v11900,
[data-theme="dark"] .home-audience-grid-v11900 article,
[data-theme="dark"] .orbit-card-v11900 {
  background: rgba(15,23,42,.88) !important;
  border-color: rgba(148,163,184,.22) !important;
}
[data-theme="dark"] .home-trust-copy-v11900 h2,
[data-theme="dark"] .home-audience-grid-v11900 h3,
[data-theme="dark"] .orbit-card-v11900 strong {
  color: #f8fafc !important;
}
[data-theme="dark"] .home-trust-copy-v11900 p,
[data-theme="dark"] .home-audience-grid-v11900 p,
[data-theme="dark"] .orbit-card-v11900 small {
  color: #cbd5e1 !important;
}

@media (max-width: 980px) {
  .home-trust-flow-v11900,
  .home-audience-grid-v11900 {
    width: min(100% - 28px, 1180px);
  }
  .home-trust-flow-v11900 {
    grid-template-columns: 1fr;
  }
  .home-audience-grid-v11900 {
    grid-template-columns: 1fr;
  }
  .saas-footer-brandline {
    grid-template-columns: 1fr !important;
  }
  .saas-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 620px) {
  .saas-footer-inner {
    width: calc(100vw - 24px) !important;
  }
  .saas-footer-grid {
    grid-template-columns: 1fr !important;
  }
  .home-risk-orbit-v11900 {
    grid-template-columns: 1fr;
    padding: 16px;
  }
  .home-trust-copy-v11900,
  .home-audience-grid-v11900 article {
    padding: 22px;
  }
  .landing-hero,
  .landing-section,
  .value-model-grid,
  .v11790-story,
  .v11790-checks {
    width: min(100% - 24px, 1180px) !important;
  }
}


/* =========================================================
   v12200 homepage + portal footer polish
   ========================================================= */
.v12200-hero {
  position: relative !important;
  grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr) !important;
  gap: clamp(34px, 5vw, 82px) !important;
  min-height: 680px !important;
  padding: clamp(34px, 4vw, 58px) !important;
  border-radius: 42px !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(148, 74, 255, .18), transparent 28%),
    radial-gradient(circle at 78% 20%, rgba(65, 209, 255, .14), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(247,244,255,.74)) !important;
  border: 1px solid rgba(120, 82, 210, .16) !important;
  box-shadow: 0 32px 110px rgba(51, 35, 98, .13) !important;
  overflow: hidden !important;
}
.v12200-hero::before { content:""; position:absolute; inset:-2px; background-image: linear-gradient(rgba(102,65,200,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(102,65,200,.06) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle at 55% 45%, #000 0, transparent 72%); pointer-events:none; }
.v12200-hero-copy { position: relative; z-index: 2; }
.v12200-pill { width: fit-content; border-color: rgba(123, 67, 255, .24) !important; background: rgba(255,255,255,.78) !important; box-shadow: 0 14px 36px rgba(70,44,130,.10) !important; }
.v12200-hero h1 { max-width: 780px !important; font-size: clamp(48px, 5.6vw, 88px) !important; line-height: .95 !important; letter-spacing: -.078em !important; color: #101225 !important; }
.v12200-hero p { max-width: 740px !important; font-size: clamp(17px, 1.45vw, 22px) !important; color: #485066 !important; }
.v12200-usp-strip { display:flex; flex-wrap:wrap; gap:10px; margin: 24px 0 6px; }
.v12200-usp-strip span { padding: 10px 13px; border-radius: 999px; background: rgba(255,255,255,.78); border:1px solid rgba(120,82,210,.15); color:#2c2448; font-weight:900; font-size:.86rem; box-shadow:0 10px 26px rgba(40,24,90,.07); }
.v12200-proof-row { gap: 14px !important; flex-wrap: wrap !important; }
.v12200-risk-stage { min-height: 560px; position:relative; z-index:2; display:grid; place-items:center; perspective: 1100px; }
.v12200-orb { position:absolute; width:220px; height:220px; border-radius:50%; filter: blur(8px); opacity:.50; animation: v12200-float 7s ease-in-out infinite; }
.v12200-orb.orb-a { background: rgba(139,92,246,.20); left:4%; top:8%; }
.v12200-orb.orb-b { background: rgba(34,211,238,.18); right:2%; bottom:10%; animation-delay:-2.2s; }
.v12200-invoice-card, .v12200-result-card { position:absolute; width: min(78%, 390px); border-radius: 30px; background: rgba(255,255,255,.86); border:1px solid rgba(120,82,210,.16); box-shadow:0 28px 70px rgba(28,17,70,.16); backdrop-filter: blur(18px); }
.v12200-invoice-card { left: 2%; top: 46px; padding: 24px; transform: rotate(-4deg); animation: v12200-card-in 6.5s ease-in-out infinite; }
.v12200-result-card { right: 0; bottom: 50px; padding: 24px; transform: rotate(3deg); animation: v12200-card-out 6.5s ease-in-out infinite; }
.v12200-invoice-head { display:grid; gap:8px; margin-bottom:22px; } .v12200-invoice-head span { font-size:.70rem; color:#7c6f9c; font-weight:950; letter-spacing:.12em; } .v12200-invoice-head strong { font-size:1.25rem; color:#111827; }
.v12200-line { height:12px; border-radius:999px; background:linear-gradient(90deg,#e7e3f9,#f5f3ff); margin:12px 0; } .v12200-line.w80{width:80%}.v12200-line.w55{width:55%}.v12200-line.w72{width:72%}
.v12200-payment-box { margin-top:22px; padding:16px; border-radius:20px; background:#f7f3ff; border:1px solid rgba(139,92,246,.18); display:grid; gap:4px; } .v12200-payment-box small{color:#7c6f9c;font-weight:950}.v12200-payment-box b{color:#28164f;font-size:.95rem}.v12200-total-row{display:flex;justify-content:space-between;margin-top:18px;font-weight:950;color:#111827}
.v12200-scan-beam { position:absolute; width: 44%; height: 12px; border-radius:999px; background: linear-gradient(90deg, transparent, rgba(139,92,246,.72), rgba(34,211,238,.60), transparent); box-shadow:0 0 34px rgba(139,92,246,.35); animation: v12200-beam 3.6s ease-in-out infinite; }
.v12200-result-top { display:flex; justify-content:space-between; gap:14px; align-items:center; } .v12200-result-top strong{color:#111827}.v12200-result-top span{padding:8px 10px;border-radius:999px;background:#fff1f2;color:#be123c;font-size:.75rem;font-weight:950}.v12200-score-ring{width:126px;height:126px;margin:22px auto;border-radius:50%;display:grid;place-items:center;background: conic-gradient(#ef4444 0 82%, #eee7ff 82%); position:relative}.v12200-score-ring::after{content:"";position:absolute;inset:12px;background:white;border-radius:50%}.v12200-score-ring b,.v12200-score-ring small{position:relative;z-index:1}.v12200-score-ring b{font-size:2.2rem;color:#111827}.v12200-score-ring small{font-size:.72rem;color:#64748b;font-weight:900}.v12200-result-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.v12200-result-card li{padding:10px 12px;border-radius:14px;font-weight:850;font-size:.86rem}.v12200-result-card li.danger{background:#fff1f2;color:#be123c}.v12200-result-card li.warning{background:#fffbeb;color:#92400e}.v12200-result-card li.ok{background:#ecfdf5;color:#047857}
.v12200-check-chip{position:absolute;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(120,82,210,.16);box-shadow:0 16px 34px rgba(36,22,80,.10);font-weight:950;color:#321f68;animation:v12200-float 5s ease-in-out infinite}.chip-1{left:44%;top:18%}.chip-2{right:16%;top:38%;animation-delay:-1.5s}.chip-3{left:22%;bottom:20%;animation-delay:-2.5s}
@keyframes v12200-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes v12200-card-in{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-10px)}}@keyframes v12200-card-out{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(12px)}}@keyframes v12200-beam{0%,100%{transform:translateX(-80px) rotate(-8deg);opacity:.28}50%{transform:translateX(70px) rotate(-8deg);opacity:1}}
.portal-footer-compact-v12200 { margin-top: 34px !important; padding-bottom: 18px !important; }
.portal-footer-compact-v12200 .saas-footer-inner { padding: 22px 26px !important; border-radius: 24px !important; background: linear-gradient(135deg,#090617,#171033) !important; box-shadow: 0 18px 60px rgba(16,5,31,.18) !important; }
.portal-footer-row-v12200 { display:grid; grid-template-columns: auto minmax(180px,1fr) auto; gap:22px; align-items:center; }
.portal-footer-row-v12200 p { margin:0 !important; font-size:.92rem !important; }
.portal-footer-links-v12200 { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 16px; }
.portal-footer-links-v12200 a { color: rgba(255,255,255,.74) !important; text-decoration:none !important; font-weight:800 !important; font-size:.84rem !important; }
.portal-footer-links-v12200 a:hover { color:#fff !important; }
.portal-footer-compact-v12200 .saas-footer-bottom { margin-top:18px !important; padding-top:16px !important; font-size:.78rem !important; }
@media (min-width:1181px){ .saas-footer.clean-footer.portal-footer.portal-footer-compact-v12200{ margin-left: calc(var(--sc-workspace-left-v10910) + var(--sc-workspace-width-v10910) + var(--sc-workspace-gap-v10910)) !important; margin-right: var(--sc-content-right-v10910) !important; width:auto !important; max-width: calc(100vw - var(--sc-workspace-left-v10910) - var(--sc-workspace-width-v10910) - var(--sc-workspace-gap-v10910) - var(--sc-content-right-v10910)) !important; } }
@media (max-width:1100px){ .v12200-hero{grid-template-columns:1fr !important; min-height:0 !important}.v12200-risk-stage{min-height:520px}.portal-footer-row-v12200{grid-template-columns:1fr}.portal-footer-links-v12200{justify-content:flex-start}.v12200-invoice-card,.v12200-result-card{width:min(92%,390px)} }
@media (max-width:700px){ .v12200-hero{padding:24px !important;border-radius:30px !important}.v12200-risk-stage{min-height:470px}.v12200-invoice-card{left:0;top:22px}.v12200-result-card{right:0;bottom:28px}.v12200-check-chip{display:none}.v12200-scan-beam{width:70%}.v12200-usp-strip span{width:100%;box-sizing:border-box}.portal-footer-compact-v12200 .saas-footer-inner{padding:22px !important}.portal-footer-links-v12200{display:grid;grid-template-columns:1fr 1fr} }

/* =========================================================
   v12200 - portal footer removal + calmer homepage sections
   ========================================================= */
.saas-footer.clean-footer.portal-footer,
.portal-footer,
.portal-footer-compact-v12200,
.portal-footer-compact-v12100 {
  display: none !important;
}

.v12200-hero {
  margin-top: 18px !important;
}

.v12200-problem-strip,
.v12200-flow-section,
.v12200-check-panel,
.v12200-audience-section,
.v12200-final-cta {
  width: min(92%, 1180px);
  margin: 28px auto 0;
  position: relative;
}

.v12200-section-head {
  max-width: 850px;
  margin: 0 auto 24px;
  text-align: center;
}
.v12200-section-head.compact { margin-bottom: 18px; }
.v12200-section-head h2,
.v12200-flow-copy h2,
.v12200-final-cta h2 {
  margin: 10px 0 12px;
  color: #101225;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 950;
}
.v12200-section-head p,
.v12200-flow-copy p,
.v12200-final-cta p {
  margin: 0;
  color: #566177;
  font-size: 1.06rem;
  line-height: 1.75;
  font-weight: 650;
}

.v12200-problem-strip {
  padding: 18px 0 0;
}
.v12200-signal-grid,
.v12200-audience-section {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.v12200-signal-grid article,
.v12200-audience-section article,
.v12200-check-matrix div,
.v12200-flow-step {
  border: 1px solid rgba(124, 90, 255, .14);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 48px rgba(46, 30, 90, .07);
  backdrop-filter: blur(18px);
}
.v12200-signal-grid article,
.v12200-audience-section article {
  border-radius: 28px;
  padding: 24px;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.v12200-signal-grid article:hover,
.v12200-audience-section article:hover {
  transform: translateY(-5px);
  border-color: rgba(124, 90, 255, .28);
  box-shadow: 0 28px 70px rgba(46, 30, 90, .12);
}
.v12200-signal-grid span,
.v12200-audience-section span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(124,90,255,.16), rgba(34,211,238,.12));
  margin-bottom: 14px;
  font-size: 1.25rem;
}
.v12200-signal-grid strong,
.v12200-audience-section h3,
.v12200-check-matrix b,
.v12200-flow-step strong {
  display: block;
  color: #111827;
  font-weight: 950;
  letter-spacing: -.025em;
}
.v12200-signal-grid p,
.v12200-audience-section p,
.v12200-check-matrix span,
.v12200-flow-step span {
  color: #647084;
  line-height: 1.62;
  font-weight: 650;
}

.v12200-flow-section {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 26px;
  align-items: stretch;
  padding: 34px;
  border-radius: 38px;
  background:
    radial-gradient(circle at 15% 15%, rgba(139,92,246,.13), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(247,244,255,.62));
  border: 1px solid rgba(124, 90, 255, .15);
  box-shadow: 0 26px 80px rgba(46, 30, 90, .09);
  overflow: hidden;
}
.v12200-flow-section::after {
  content:"";
  position:absolute;
  width: 360px;
  height: 360px;
  right: -160px;
  top: -150px;
  border-radius: 999px;
  background: rgba(124,90,255,.10);
  filter: blur(18px);
  animation: v12200-pulse 7s ease-in-out infinite;
}
.v12200-flow-copy { position: relative; z-index: 1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.v12200-flow-copy .saas-primary-link { margin-top: 22px; }
.v12200-flow-timeline { position:relative; z-index:1; display:grid; gap:14px; }
.v12200-flow-step {
  display:grid;
  grid-template-columns: 48px 1fr;
  gap: 8px 14px;
  align-items: center;
  border-radius: 24px;
  padding: 18px;
}
.v12200-flow-step i {
  grid-row: span 2;
  width: 48px;
  height: 48px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  font-style: normal;
  color: white;
  font-weight: 950;
  background: linear-gradient(135deg, #7c3aed, #22d3ee);
  box-shadow: 0 16px 36px rgba(124,58,237,.18);
}

.v12200-check-panel {
  padding: 36px;
  border-radius: 38px;
  background: #0b0618;
  box-shadow: 0 30px 90px rgba(19, 8, 40, .16);
  overflow:hidden;
}
.v12200-check-panel::before {
  content:"";
  position:absolute;
  inset:0;
  background-image: radial-gradient(circle at 20% 15%, rgba(124,90,255,.26), transparent 28%), radial-gradient(circle at 82% 20%, rgba(34,211,238,.15), transparent 25%);
  pointer-events:none;
}
.v12200-check-panel .v12200-section-head { position:relative; z-index:1; }
.v12200-check-panel h2 { color: white; }
.v12200-check-matrix { position:relative; z-index:1; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.v12200-check-matrix div { border-radius: 22px; padding: 20px; background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.12); box-shadow:none; }
.v12200-check-matrix b { color:white; margin-bottom:8px; }
.v12200-check-matrix span { color: rgba(255,255,255,.70); }

.v12200-final-cta {
  margin-bottom: 54px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  padding: 34px;
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(124,58,237,.95), rgba(17,24,39,.96));
  color:white;
  box-shadow: 0 30px 90px rgba(76, 29, 149, .22);
}
.v12200-final-cta span { color: rgba(255,255,255,.74); font-weight:950; text-transform:uppercase; letter-spacing:.10em; font-size:.75rem; }
.v12200-final-cta h2 { color:white; max-width:760px; }
.v12200-final-cta p { color: rgba(255,255,255,.78); max-width:720px; }
.v12200-final-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }
.v12200-final-actions .saas-secondary-link { color:white !important; border-color: rgba(255,255,255,.24) !important; background: rgba(255,255,255,.08) !important; }

@keyframes v12200-pulse { 0%,100%{transform:scale(1);opacity:.60} 50%{transform:scale(1.14);opacity:1} }

[data-theme="dark"] .v12200-section-head h2,
[data-theme="dark"] .v12200-flow-copy h2,
[data-theme="dark"] .v12200-signal-grid strong,
[data-theme="dark"] .v12200-audience-section h3,
[data-theme="dark"] .v12200-flow-step strong { color: #f8fafc; }
[data-theme="dark"] .v12200-section-head p,
[data-theme="dark"] .v12200-flow-copy p,
[data-theme="dark"] .v12200-signal-grid p,
[data-theme="dark"] .v12200-audience-section p,
[data-theme="dark"] .v12200-flow-step span { color: #cbd5e1; }
[data-theme="dark"] .v12200-signal-grid article,
[data-theme="dark"] .v12200-audience-section article,
[data-theme="dark"] .v12200-flow-section,
[data-theme="dark"] .v12200-flow-step { background: rgba(15,23,42,.82); border-color: rgba(148,163,184,.18); }

@media (max-width: 980px) {
  .v12200-hero { margin-top: 10px !important; }
  .v12200-flow-section,
  .v12200-signal-grid,
  .v12200-audience-section,
  .v12200-check-matrix { grid-template-columns: 1fr; }
  .v12200-final-cta { align-items:flex-start; flex-direction:column; }
  .v12200-final-actions { justify-content:flex-start; }
}
@media (max-width: 680px) {
  .v12200-problem-strip,
  .v12200-flow-section,
  .v12200-check-panel,
  .v12200-audience-section,
  .v12200-final-cta { width: calc(100% - 24px); margin-top: 18px; }
  .v12200-flow-section,
  .v12200-check-panel,
  .v12200-final-cta { padding: 22px; border-radius: 28px; }
  .v12200-flow-step { grid-template-columns: 1fr; }
  .v12200-flow-step i { grid-row:auto; }
}

/* ============================================================================
   v12300 - dark mode hardening, scan workspace readability and landing polish
   ============================================================================ */
.v12300-release-marker{display:none}
body[data-theme="dark"] .v12200-hero{
  background:radial-gradient(circle at 18% 18%,rgba(124,58,237,.32),transparent 38%),radial-gradient(circle at 84% 34%,rgba(14,165,233,.20),transparent 36%),linear-gradient(135deg,#101225 0%,#171326 48%,#0b1020 100%)!important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.42)!important;
}
body[data-theme="dark"] .v12200-hero::before{background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)!important;opacity:.65}
body[data-theme="dark"] .v12200-hero h1{color:#f8fafc!important;text-shadow:0 18px 50px rgba(0,0,0,.35)}
body[data-theme="dark"] .v12200-hero p{color:#dbe4f0!important}
body[data-theme="dark"] .v12200-pill,
body[data-theme="dark"] .v12200-usp-strip span{background:rgba(15,23,42,.72)!important;border-color:rgba(255,255,255,.13)!important;color:#e9d5ff!important;box-shadow:0 18px 55px rgba(0,0,0,.22)!important}
body[data-theme="dark"] .v12200-proof-row span{color:#cbd5e1!important}
body[data-theme="dark"] .v12200-invoice-card,
body[data-theme="dark"] .v12200-result-card{background:rgba(15,23,42,.84)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important;color:#f8fafc!important}
body[data-theme="dark"] .v12200-invoice-head strong,
body[data-theme="dark"] .v12200-result-top strong,
body[data-theme="dark"] .v12200-total-row,
body[data-theme="dark"] .v12200-score-ring b{color:#f8fafc!important}
body[data-theme="dark"] .v12200-invoice-head span,
body[data-theme="dark"] .v12200-payment-box small,
body[data-theme="dark"] .v12200-score-ring small{color:#c4b5fd!important}
body[data-theme="dark"] .v12200-line{background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(167,139,250,.18))!important}
body[data-theme="dark"] .v12200-payment-box{background:rgba(124,58,237,.14)!important;border-color:rgba(167,139,250,.25)!important}
body[data-theme="dark"] .v12200-payment-box b{color:#f5f3ff!important}
body[data-theme="dark"] .v12200-score-ring::after{background:#0f172a!important}
body[data-theme="dark"] .v12200-result-card li.danger{background:rgba(239,68,68,.16)!important;color:#fecaca!important}
body[data-theme="dark"] .v12200-result-card li.warning{background:rgba(245,158,11,.15)!important;color:#fde68a!important}
body[data-theme="dark"] .v12200-result-card li.ok{background:rgba(16,185,129,.15)!important;color:#bbf7d0!important}
body[data-theme="dark"] .v12200-check-chip{background:rgba(15,23,42,.92)!important;border-color:rgba(255,255,255,.14)!important;color:#ede9fe!important}

/* Scan workspace: keep dark mode readable. */
body[data-theme="dark"] .scans-page-v11380 .scan-upload-card-v11380,
body[data-theme="dark"] .scans-page-v11380 .scans-history-panel-v11380,
body[data-theme="dark"] .scans-page-v11380 .scans-live-panel-v11380,
body[data-theme="dark"] .scans-page-v11380 .scan-combined-upload-v11390{
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.82))!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#f8fafc!important;
  box-shadow:0 24px 70px rgba(0,0,0,.34)!important;
}
body[data-theme="dark"] .scans-page-v11380 h1,
body[data-theme="dark"] .scans-page-v11380 h2,
body[data-theme="dark"] .scans-page-v11380 strong{color:#f8fafc!important}
body[data-theme="dark"] .scans-page-v11380 p,
body[data-theme="dark"] .scans-page-v11380 span,
body[data-theme="dark"] .scan-form-note-v11390{color:#cbd5e1!important}
body[data-theme="dark"] .scans-page-v11380 .scan-dropzone-v11380,
body[data-theme="dark"] .scans-page-v11380 .scan-combined-drop-v11390,
body[data-theme="dark"] .scans-page-v11380 .scan-history-row-v11380{
  background:rgba(30,41,59,.72)!important;
  border-color:rgba(148,163,184,.22)!important;
  color:#f8fafc!important;
}
body[data-theme="dark"] .scans-page-v11380 .scan-file-badge-v11380{background:#f8fafc!important;color:#4f46e5!important}
body[data-theme="dark"] .scan-history-score-v11380.ok{background:rgba(16,185,129,.14)!important;color:#bbf7d0!important}
body[data-theme="dark"] .scan-history-score-v11380.warn{background:rgba(245,158,11,.15)!important;color:#fde68a!important}
body[data-theme="dark"] .scan-history-score-v11380.danger{background:rgba(239,68,68,.16)!important;color:#fecaca!important}

/* Portal footer should never float inside an authenticated workspace. */
body:has(.account-page) .portal-footer,
body:has(.admin-page) .portal-footer,
body:has(.scans-page-v11380) .portal-footer,
body:has(.result-page) .portal-footer{display:none!important}


/* v12400 - Dark mode contrast hardening for scan workspace and result pages */
body[data-theme="dark"] .scans-page-v11380 .enterprise-empty-state,
body[data-theme="dark"] .scans-page-v11380 .scan-live-empty-v11380,
body[data-theme="dark"] .scans-page-v11380 .empty-state-card {
  background: rgba(15,23,42,.78) !important;
  border-color: rgba(148,163,184,.24) !important;
  color: #f8fafc !important;
}
body[data-theme="dark"] .scans-page-v11380 .enterprise-empty-state strong,
body[data-theme="dark"] .scans-page-v11380 .enterprise-empty-state span,
body[data-theme="dark"] .scans-page-v11380 .scan-live-empty-v11380 {
  color: #cbd5e1 !important;
}
body[data-theme="dark"] .scans-page-v11380 .bulk-action-bar-v11882,
body[data-theme="dark"] .scans-page-v11380 .bulk-action-bar-professional {
  background: rgba(15,23,42,.72) !important;
  border-color: rgba(148,163,184,.24) !important;
  color: #f8fafc !important;
}
body[data-theme="dark"] .scans-page-v11380 .saas-login-link {
  background: rgba(15,23,42,.72) !important;
  border-color: rgba(148,163,184,.26) !important;
  color: #e2e8f0 !important;
}
body[data-theme="dark"] .scans-page-v11380 .admin-danger-link {
  background: rgba(127,29,29,.26) !important;
  border-color: rgba(248,113,113,.35) !important;
  color: #fecaca !important;
}
body[data-theme="dark"] .scans-page-v11380 input[type="checkbox"] {
  accent-color: #8b5cf6 !important;
}
body[data-theme="dark"] .result-command-center.risk-low .result-score-orb,
body[data-theme="dark"] .result-command-center.risk-medium .result-score-orb,
body[data-theme="dark"] .result-command-center.risk-high .result-score-orb {
  background: rgba(15,23,42,.88) !important;
  border-color: rgba(148,163,184,.24) !important;
  color: #f8fafc !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body[data-theme="dark"] .result-command-center .result-score-orb span,
body[data-theme="dark"] .result-command-center .result-score-orb small {
  color: #cbd5e1 !important;
}
body[data-theme="dark"] .result-command-center.risk-medium .result-score-orb strong { color:#fbbf24 !important; }
body[data-theme="dark"] .result-command-center.risk-low .result-score-orb strong { color:#34d399 !important; }
body[data-theme="dark"] .result-command-center.risk-high .result-score-orb strong { color:#f87171 !important; }