:root {
    --bg: #f5f8ff;
    --panel: #ffffff;
    --ink: #09112f;
    --muted: #53668f;
    --soft: #eef4ff;
    --line: #e3e9f5;
    --primary: #1d63f5;
    --primary-dark: #1550d6;
    --success: #18b579;
    --danger: #ff454d;
    --warning: #ff9800;
    --shadow: 0 16px 44px rgba(22, 42, 88, 0.08);
}

/* Dark SaaS billing redesign */
@supports selector(html:has(body.billing-page)) {
    html:has(body.billing-page),
    body.billing-page {
        height: auto;
        min-height: 100%;
        overflow: auto;
    }

    body.billing-page .app-shell {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    body.billing-page .sidebar {
        height: 100vh;
        overflow-y: auto;
    }

    body.billing-page .content {
        display: block;
        height: auto;
        min-height: 100vh;
        overflow: visible;
        padding: 18px 22px 34px;
    }
}

body.billing-page {
    background: #0f172a;
}

body.billing-page .app-shell {
    background:
        radial-gradient(circle at 18% 8%, rgba(37, 99, 235, 0.18), transparent 30rem),
        radial-gradient(circle at 82% 16%, rgba(124, 58, 237, 0.16), transparent 34rem),
        #0f172a;
}

body.billing-page .content {
    background: transparent;
}

body.billing-page .topbar {
    margin-bottom: 14px;
}

.billing-hero-panel,
.billing-stat-card,
.billing-plan-card,
.billing-chart-card,
.extra-credits-card,
.billing-table-card {
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.78), rgba(15, 23, 42, 0.74));
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 18px 48px rgba(2, 6, 23, 0.34);
    backdrop-filter: blur(18px);
}

.billing-hero-panel {
    align-items: center;
    border-radius: 14px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 14px;
    overflow: hidden;
    padding: 18px;
    position: relative;
}

.billing-hero-panel::after {
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.25), rgba(124, 58, 237, 0.18));
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
}

.billing-eyebrow {
    align-items: center;
    color: #93c5fd;
    display: inline-flex;
    font-size: 12px;
    font-weight: 950;
    gap: 8px;
    text-transform: uppercase;
}

.billing-hero-panel h2 {
    color: #f8fafc;
    font-size: clamp(26px, 2.4vw, 34px);
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.05;
    margin: 7px 0 7px;
}

.billing-hero-panel p,
.billing-section-head p,
.billing-stat-card small,
.billing-plan-description,
.billing-plan-features li,
.extra-credit-note,
body.billing-page .billing-empty span {
    color: #94a3b8;
}

.billing-hero-panel p {
    font-size: 13px;
    font-weight: 760;
    margin: 0;
    max-width: 660px;
}

.billing-hero-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 10px;
}

.billing-gradient-button,
.billing-ghost-button {
    align-items: center;
    border-radius: 10px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 950;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    padding: 0 15px;
    text-decoration: none;
}

.billing-gradient-button {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    border: 1px solid rgba(147, 197, 253, 0.24);
    box-shadow: 0 14px 32px rgba(37, 99, 235, 0.26);
    color: #fff;
}

.billing-ghost-button {
    background: rgba(15, 23, 42, 0.58);
    border: 1px solid rgba(148, 163, 184, 0.2);
    color: #dbeafe;
}

.billing-stat-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 14px;
}

.billing-stat-card {
    border-radius: 12px;
    display: grid;
    gap: 7px;
    min-height: 118px;
    min-width: 0;
    padding: 14px;
}

.billing-stat-card i {
    align-items: center;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    border-radius: 11px;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.26);
    color: #fff;
    display: inline-flex;
    font-size: 19px;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.billing-stat-card span,
.plan-credit-highlight span {
    color: #cbd5e1;
    font-size: 12px;
    font-weight: 900;
}

.billing-stat-card strong {
    color: #f8fafc;
    font-size: clamp(20px, 1.8vw, 26px);
    font-weight: 950;
    line-height: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.billing-status {
    background: rgba(59, 130, 246, 0.15);
    border: 1px solid rgba(96, 165, 250, 0.26);
    color: #93c5fd;
    min-height: 24px;
}

.billing-status.active {
    background: rgba(16, 185, 129, 0.14);
    border-color: rgba(52, 211, 153, 0.28);
    color: #6ee7b7;
}

.billing-status.expired {
    background: rgba(239, 68, 68, 0.14);
    border-color: rgba(248, 113, 113, 0.28);
    color: #fca5a5;
}

.billing-section-head {
    align-items: end;
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 10px;
}

.billing-section-head.compact {
    margin: 0;
}

.billing-section-head h2 {
    color: #f8fafc;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: 0;
    margin: 0;
}

.billing-section-head span {
    color: #93c5fd;
    font-size: 12px;
    font-weight: 950;
}

body.billing-page .billing-plan-section {
    margin-bottom: 14px;
}

body.billing-page .billing-plan-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.billing-page .billing-plan-card {
    border-radius: 14px;
    gap: 12px;
    min-height: 306px;
    padding: 16px;
}

body.billing-page .billing-plan-card:hover {
    border-color: rgba(96, 165, 250, 0.48);
    box-shadow: 0 22px 60px rgba(2, 6, 23, 0.42);
}

body.billing-page .billing-plan-card.recommended {
    border-color: rgba(168, 85, 247, 0.78);
    box-shadow: 0 22px 60px rgba(88, 28, 135, 0.28), 0 0 0 1px rgba(96, 165, 250, 0.28), 0 0 34px rgba(124, 58, 237, 0.18);
}

body.billing-page .billing-plan-card.current {
    border-color: rgba(52, 211, 153, 0.56);
}

body.billing-page .billing-plan-card.selected-from-landing {
    border-color: rgba(255, 79, 159, .76) !important;
    box-shadow: 0 24px 80px rgba(255, 47, 143, .2) !important;
    transform: translateY(-2px);
}

body.billing-page .plan-card-top {
    align-items: start;
    display: flex;
    justify-content: space-between;
    min-height: 34px;
}

body.billing-page .plan-card-top h3 {
    color: #f8fafc;
    font-size: 22px;
    font-weight: 950;
    margin: 0;
}

body.billing-page .plan-badges {
    justify-content: flex-end;
}

body.billing-page .recommended-badge,
body.billing-page .current-badge {
    border: 1px solid rgba(148, 163, 184, 0.22);
    min-height: 26px;
}

body.billing-page .recommended-badge {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.26), rgba(124, 58, 237, 0.32));
    color: #dbeafe;
}

body.billing-page .current-badge {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
}

body.billing-page .plan-price strong {
    color: #fff;
}

body.billing-page .plan-price span {
    color: #94a3b8;
}

body.billing-page .plan-credit-highlight {
    background: rgba(15, 23, 42, 0.56);
    border-color: rgba(148, 163, 184, 0.16);
}

body.billing-page .plan-credit-highlight strong {
    color: #93c5fd;
}

.billing-plan-description {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    min-height: 34px;
}

.billing-plan-features {
    display: grid;
    gap: 7px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.billing-plan-features li {
    align-items: start;
    display: grid;
    font-size: 12px;
    font-weight: 760;
    gap: 8px;
    grid-template-columns: 16px 1fr;
}

.billing-plan-features i {
    color: #38bdf8;
    font-size: 14px;
    margin-top: 1px;
}

body.billing-page .plan-cta {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(148, 163, 184, 0.2);
    border-radius: 10px;
    color: #dbeafe;
    min-height: 40px;
}

body.billing-page .plan-cta.primary {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    box-shadow: 0 14px 32px rgba(37, 99, 235, 0.25);
    color: #fff;
}

.billing-analytics-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.8fr);
    margin-bottom: 14px;
}

.billing-chart-card,
.extra-credits-card,
.billing-table-card {
    border-radius: 14px;
    padding: 16px;
}

.usage-chart {
    align-items: end;
    display: grid;
    gap: 11px;
    grid-template-columns: repeat(7, minmax(24px, 1fr));
    height: 190px;
    padding-top: 18px;
}

.usage-bar-wrap {
    align-items: center;
    display: grid;
    gap: 8px;
    height: 100%;
    justify-items: center;
}

.usage-bar {
    align-self: end;
    background: linear-gradient(180deg, #60a5fa, #7c3aed);
    border-radius: 999px 999px 6px 6px;
    box-shadow: 0 10px 26px rgba(37, 99, 235, 0.28);
    min-height: 14px;
    width: 100%;
}

.usage-bar.added {
    background: linear-gradient(180deg, #34d399, #2563eb);
}

.usage-bar.used {
    background: linear-gradient(180deg, #60a5fa, #7c3aed);
}

.usage-bar-wrap small {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.extra-credit-options {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 15px 0 12px;
}

.extra-credit-option {
    background: rgba(15, 23, 42, 0.64);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 12px;
    color: #f8fafc;
    display: grid;
    gap: 3px;
    min-height: 78px;
    padding: 10px;
}

.extra-credit-option span {
    font-size: 18px;
    font-weight: 950;
}

.extra-credit-option small {
    color: #93c5fd;
    font-size: 11px;
    font-weight: 900;
}

.extra-credit-note {
    font-size: 12px;
    line-height: 1.45;
    margin: 0;
}

body.billing-page .billing-table-card {
    margin-bottom: 14px;
    overflow: hidden;
}

body.billing-page .table-wrap {
    padding: 0;
}

body.billing-page .billing-table {
    min-width: 900px;
}

body.billing-page .billing-table th {
    background: rgba(15, 23, 42, 0.72);
    color: #cbd5e1;
    font-size: 10px;
    padding: 11px 12px;
}

body.billing-page .billing-table td {
    border-color: rgba(148, 163, 184, 0.12);
    color: #e2e8f0;
    padding: 11px 12px;
}

body.billing-page .billing-empty {
    min-height: 132px;
}

body.billing-page .billing-empty i {
    background: rgba(37, 99, 235, 0.14);
    color: #93c5fd;
}

body.billing-page .billing-empty strong {
    color: #f8fafc;
}

body.billing-page .job-status.completed,
body.billing-page .credit-type.added {
    background: rgba(16, 185, 129, 0.14);
    color: #6ee7b7;
}

body.billing-page .job-status.failed,
body.billing-page .credit-type.used {
    background: rgba(239, 68, 68, 0.14);
    color: #fca5a5;
}

body.billing-page .job-status.pending,
body.billing-page .credit-type.renewal {
    background: rgba(59, 130, 246, 0.14);
    color: #93c5fd;
}

body.billing-page .credit-filters {
    background: rgba(15, 23, 42, 0.62);
    border-color: rgba(148, 163, 184, 0.18);
}

body.billing-page .credit-filters button {
    color: #94a3b8;
}

body.billing-page .credit-filters button.active {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.2);
    color: #fff;
}

body.billing-page .table-button {
    background: rgba(37, 99, 235, 0.16);
    border-color: rgba(96, 165, 250, 0.24);
    color: #bfdbfe;
}

body.billing-page .admin-muted {
    color: #64748b;
}

@media (max-width: 1180px) {
    .billing-hero-panel {
        align-items: stretch;
        display: grid;
    }

    .billing-stat-grid,
    body.billing-page .billing-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .billing-analytics-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    body.billing-page .content {
        padding: 14px;
    }

    .billing-hero-actions,
    .billing-section-head,
    .credit-heading {
        align-items: stretch;
        display: grid;
    }

    .billing-gradient-button,
    .billing-ghost-button {
        width: 100%;
    }

    .billing-stat-grid,
    body.billing-page .billing-plan-grid,
    .extra-credit-options {
        grid-template-columns: 1fr;
    }

    .usage-chart {
        gap: 8px;
        height: 160px;
    }

    body.billing-page .billing-table {
        min-width: 0;
    }

    body.billing-page .billing-table thead {
        display: none;
    }

    body.billing-page .billing-table tr {
        border: 1px solid rgba(148, 163, 184, 0.16);
        border-radius: 12px;
        display: grid;
        gap: 8px;
        margin-bottom: 10px;
        padding: 12px;
    }

    body.billing-page .billing-table td {
        align-items: center;
        border: 0;
        display: flex;
        justify-content: space-between;
        padding: 0;
        text-align: right;
    }

    body.billing-page .billing-table td::before {
        color: #94a3b8;
        content: attr(data-label);
        font-size: 12px;
        font-weight: 950;
        padding-right: 12px;
        text-align: left;
    }
}

/* Email Sender SaaS UI */
.sender-saas {
    color: #071538;
    display: grid;
    gap: 16px;
}

.sender-saas-head {
    align-items: end;
    display: flex;
    justify-content: space-between;
}

.sender-saas-head h2 {
    font-size: 30px;
    font-weight: 950;
    margin: 0 0 4px;
}

.sender-saas-head p,
.panel-line-title p,
.sender-mode-pill small,
.mode-choice small,
.upload-card em,
.replace-card em,
.using-row span {
    color: #53648a;
}

.autosave-note {
    align-items: center;
    color: #2f8a5b;
    display: flex;
    font-size: 13px;
    gap: 7px;
}

.sender-mode-pill {
    background: #fff;
    border: 1px solid #dfe5f3;
    border-radius: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    max-width: 760px;
    overflow: hidden;
}

.sender-mode-pill a {
    align-items: center;
    color: #101d3d;
    display: grid;
    gap: 2px 14px;
    grid-template-columns: 48px 1fr;
    min-height: 74px;
    padding: 14px 20px;
    text-decoration: none;
}

.sender-mode-pill i {
    align-items: center;
    background: #f2f4ff;
    border-radius: 14px;
    color: #4f39ff;
    display: flex;
    font-size: 22px;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.sender-mode-pill span {
    font-weight: 900;
}

.sender-mode-pill small {
    grid-column: 2;
}

.sender-mode-pill a.active {
    background: linear-gradient(135deg, #f7f4ff, #fff);
    box-shadow: inset 0 -2px 0 #6047ff;
    color: #3526e8;
}

.bulk-stepper {
    background: rgba(255, 255, 255, .92);
    border: 1px solid #dfe5f3;
    border-radius: 12px;
    box-shadow: 0 14px 38px rgba(23, 41, 84, .04);
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
    padding: 14px 18px;
}

.bulk-stepper div {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 0;
    position: relative;
}

.bulk-stepper div:not(:last-child):after {
    background: #dfe5f3;
    content: "";
    height: 1px;
    position: absolute;
    right: 16px;
    top: 50%;
    width: 46px;
}

.bulk-stepper strong,
.panel-line-title span {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-weight: 950;
    justify-content: center;
}

.bulk-stepper strong {
    background: #eef1fa;
    color: #243356;
    height: 38px;
    width: 38px;
}

.bulk-stepper .active strong,
.panel-line-title span {
    background: linear-gradient(135deg, #6a52ff, #3124db);
    color: #fff;
}

.bulk-stepper span {
    display: grid;
    font-weight: 900;
    line-height: 1.25;
}

.bulk-stepper small {
    color: #637299;
    font-weight: 650;
}

.bulk-shell {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) 360px;
}

.bulk-main,
.individual-form,
.individual-simple {
    display: grid;
    gap: 14px;
}

.saas-panel,
.sample-preview-card {
    background: rgba(255, 255, 255, .96);
    border: 1px solid #dfe5f3;
    border-radius: 12px;
    box-shadow: 0 18px 45px rgba(20, 35, 72, .05);
}

.saas-panel {
    padding: 18px;
}

.panel-line-title {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
}

.panel-line-title span {
    height: 26px;
    width: 26px;
}

.panel-line-title h3 {
    font-size: 17px;
    font-weight: 950;
    margin: 0;
}

.panel-line-title p {
    font-size: 13px;
    margin: 0 0 0 6px;
}

.file-card-row {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(5, minmax(135px, 1fr));
}

.upload-card,
.replace-card {
    border: 1px solid #dfe5f3;
    border-radius: 12px;
    cursor: pointer;
    display: grid;
    gap: 7px;
    min-height: 170px;
    padding: 16px;
    position: relative;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.upload-card:hover,
.replace-card:hover {
    border-color: #7a67ff;
    box-shadow: 0 16px 34px rgba(76, 55, 244, .10);
    transform: translateY(-2px);
}

.upload-card > i,
.replace-card > i,
.mode-choice > i {
    align-items: center;
    border-radius: 14px;
    display: flex;
    font-size: 24px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.upload-card.purple > i { background: #f0ebff; color: #5a3cff; }
.upload-card.green > i { background: #eafaf0; color: #23a566; }
.upload-card.blue > i { background: #edf3ff; color: #335dff; }
.upload-card.amber > i { background: #fff3df; color: #f59b21; }

.upload-card strong,
.replace-card strong {
    font-size: 15px;
    font-weight: 950;
}

.upload-card small {
    color: #23365f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-card b {
    font-size: 16px;
    margin-top: 12px;
}

.upload-card button {
    align-items: center;
    background: #fff;
    border: 1px solid #d8e0f1;
    border-radius: 9px;
    bottom: 14px;
    color: #435780;
    display: flex;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 14px;
    width: 30px;
}

.upload-card:after {
    align-items: center;
    background: #23a566;
    border-radius: 50%;
    color: #fff;
    content: "\F26E";
    display: flex;
    font-family: bootstrap-icons;
    font-size: 12px;
    height: 18px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 42%;
    width: 18px;
}

.replace-card {
    align-content: center;
    border-color: #9f8bff;
    border-style: dashed;
    justify-items: center;
    text-align: center;
}

.replace-card > i {
    background: #f3efff;
    color: #5a3cff;
}

.mode-choice-row {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mode-choice {
    align-items: center;
    border: 1px solid #dfe5f3;
    border-radius: 12px;
    cursor: pointer;
    display: grid;
    gap: 2px 14px;
    grid-template-columns: 22px 48px 1fr;
    min-height: 92px;
    padding: 16px;
}

.mode-choice input {
    accent-color: #5a3cff;
}

.mode-choice > i {
    background: #f1f0ff;
    color: #5a3cff;
}

.mode-choice strong {
    font-weight: 950;
}

.mode-choice small {
    grid-column: 3;
}

.mode-choice.active {
    background: linear-gradient(135deg, #fbfaff, #fff);
    border-color: #7b63ff;
    box-shadow: inset 0 0 0 1px rgba(91, 76, 255, .16);
}

.hidden-selects {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 14px;
}

.settings-row {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
}

.settings-row label {
    align-items: center;
    border: 1px solid #dfe5f3;
    border-radius: 12px;
    display: grid;
    gap: 6px 10px;
    grid-template-columns: 32px 1fr auto;
    padding: 12px;
}

.settings-row i {
    align-items: center;
    background: #f3f5ff;
    border-radius: 9px;
    color: #4e3bff;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.settings-row span {
    color: #324469;
    font-size: 12px;
    font-weight: 850;
    grid-column: 2 / 4;
}

.settings-row input {
    grid-column: 2;
}

.settings-row small {
    color: #53648a;
}

.rotate-toggle {
    align-items: center;
    display: inline-flex;
    font-weight: 850;
    gap: 10px;
    margin-top: 14px;
}

.rotate-toggle input {
    display: none;
}

.rotate-toggle span {
    background: #dce3f2;
    border-radius: 999px;
    height: 22px;
    position: relative;
    width: 42px;
}

.rotate-toggle span:after {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(17, 31, 65, .22);
    content: "";
    height: 18px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: left .18s ease;
    width: 18px;
}

.rotate-toggle input:checked + span {
    background: linear-gradient(135deg, #6a52ff, #3124db);
}

.rotate-toggle input:checked + span:after {
    left: 22px;
}

.bulk-actions {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(220px, .7fr) 24px minmax(260px, 1fr);
}

.preview-cta,
.start-bulk {
    align-items: center;
    border-radius: 12px;
    display: flex;
    font-weight: 950;
    gap: 14px;
    justify-content: center;
    min-height: 72px;
    padding: 14px 22px;
}

.preview-cta {
    background: #fff;
    border: 1px solid #cfc5ff;
    color: #5036f4;
}

.preview-cta i,
.start-bulk i {
    font-size: 24px;
}

.preview-cta span,
.start-bulk span {
    display: grid;
}

.preview-cta small,
.start-bulk small {
    font-weight: 650;
}

.start-bulk {
    background: linear-gradient(135deg, #2d6cff, #7432f8);
    border: 0;
    color: #fff;
    box-shadow: 0 18px 38px rgba(73, 58, 238, .24);
}

.sample-preview-card {
    align-self: start;
    display: grid;
    gap: 16px;
    padding: 22px;
    position: sticky;
    top: 16px;
}

.preview-title {
    align-items: center;
    border-bottom: 1px solid #dfe5f3;
    display: flex;
    justify-content: space-between;
    padding-bottom: 14px;
}

.preview-title h3 {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: 950;
    gap: 10px;
    margin: 0;
}

.preview-title i {
    color: #5a3cff;
}

.preview-title button {
    background: transparent;
    border: 0;
    color: #1d2b4f;
}

.sample-preview-card dl {
    display: grid;
    gap: 12px 22px;
    grid-template-columns: 74px 1fr;
    margin: 0;
}

.sample-preview-card dt {
    color: #203257;
    font-weight: 850;
}

.sample-preview-card dd {
    margin: 0;
}

.sample-body {
    border-top: 1px solid #dfe5f3;
    line-height: 1.65;
    padding-top: 14px;
}

.sample-body a {
    color: #5137ff;
    font-weight: 850;
    text-decoration: none;
}

.sample-note {
    align-items: center;
    background: #eaf9ef;
    border: 1px solid #c4efd2;
    border-radius: 10px;
    color: #0f8b4e;
    display: flex;
    gap: 12px;
    padding: 12px;
}

.sample-note span {
    display: grid;
}

.using-row {
    border-top: 1px solid #e7ecf6;
    display: grid;
    gap: 4px;
    padding-top: 12px;
}

.using-row b {
    background: #efe9ff;
    border-radius: 999px;
    color: #5a3cff;
    float: right;
    font-size: 12px;
    padding: 2px 8px;
}

.individual-simple {
    grid-template-columns: minmax(0, 1fr) 380px;
}

.individual-fields {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.individual-form label {
    color: #203257;
    display: grid;
    font-weight: 850;
    gap: 7px;
}

.individual-message {
    min-height: 210px;
}

.individual-actions {
    display: grid;
    gap: 14px;
    grid-template-columns: .6fr 1fr;
}

.sample-preview-card.compact {
    position: static;
}

.floating-preview {
    border-radius: 14px;
}

@media (max-width: 1280px) {
    .bulk-shell,
    .individual-simple {
        grid-template-columns: 1fr;
    }

    .sample-preview-card {
        position: static;
    }

    .file-card-row {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .replace-card {
        min-height: 120px;
    }
}

@media (max-width: 860px) {
    .sender-saas-head,
    .panel-line-title {
        align-items: start;
        flex-direction: column;
    }

    .sender-mode-pill,
    .bulk-stepper,
    .mode-choice-row,
    .settings-row,
    .hidden-selects,
    .individual-fields,
    .individual-actions {
        grid-template-columns: 1fr;
    }

    .bulk-stepper div:after {
        display: none;
    }

    .file-card-row {
        grid-template-columns: 1fr;
    }

    .bulk-actions {
        grid-template-columns: 1fr;
    }

    .bulk-actions > i {
        display: none;
    }
}

/* Compact Email Sender revision */
body.sender-page .content {
    padding: 10px 18px 18px !important;
}

body.sender-page .topbar {
    margin-bottom: 6px;
    min-height: 54px;
}

body.sender-page .topbar h1 {
    font-size: 28px;
    line-height: 1.05;
}

body.sender-page .breadcrumb-line {
    font-size: 12px;
}

.sender-saas {
    gap: 10px;
}

.sender-saas-head {
    min-height: 0;
}

.sender-saas-head h2 {
    display: none;
}

.sender-saas-head p {
    font-size: 14px;
    margin: 0;
}

.autosave-note {
    margin-left: auto;
}

.sender-mode-pill {
    max-width: 680px;
}

.sender-mode-pill a {
    gap: 0 12px;
    grid-template-columns: 42px 1fr;
    min-height: 54px;
    padding: 9px 16px;
}

.sender-mode-pill i {
    border-radius: 12px;
    font-size: 19px;
    height: 36px;
    width: 36px;
}

.sender-mode-pill span {
    font-size: 15px;
}

.sender-mode-pill small {
    font-size: 12px;
}

.bulk-stepper {
    gap: 8px;
    padding: 10px 14px;
}

.bulk-stepper div {
    gap: 8px;
}

.bulk-stepper strong {
    font-size: 14px;
    height: 30px;
    width: 30px;
}

.bulk-stepper span {
    font-size: 14px;
}

.bulk-stepper div:not(:last-child):after {
    right: 10px;
    width: 36px;
}

.bulk-shell {
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) 330px;
}

.bulk-main {
    gap: 10px;
}

.saas-panel {
    border-radius: 10px;
    padding: 12px 14px;
}

.panel-line-title {
    gap: 8px;
    margin-bottom: 10px;
}

.panel-line-title span {
    font-size: 13px;
    height: 23px;
    width: 23px;
}

.panel-line-title h3 {
    font-size: 16px;
}

.panel-line-title p {
    font-size: 12px;
}

.file-card-row {
    gap: 10px;
    grid-template-columns: repeat(5, minmax(118px, 1fr));
}

.upload-card,
.replace-card {
    border-radius: 10px;
    gap: 4px;
    min-height: 116px;
    padding: 12px;
}

.upload-card > i,
.replace-card > i,
.mode-choice > i {
    border-radius: 11px;
    font-size: 19px;
    height: 34px;
    width: 34px;
}

.upload-card strong,
.replace-card strong {
    font-size: 13px;
    line-height: 1.2;
}

.upload-card small,
.upload-card em,
.replace-card small {
    font-size: 12px;
}

.upload-card b {
    font-size: 18px;
    margin-top: 5px;
}

.upload-card button {
    display: none;
}

.upload-card:after {
    height: 16px;
    right: 10px;
    top: 48px;
    width: 16px;
}

.replace-card {
    align-content: center;
}

.mode-choice-row {
    gap: 10px;
}

.mode-choice {
    border-radius: 10px;
    grid-template-columns: 18px 38px 1fr;
    min-height: 64px;
    padding: 10px 12px;
}

.mode-choice strong {
    font-size: 14px;
}

.mode-choice small {
    font-size: 12px;
}

.hidden-selects {
    gap: 10px;
    margin-top: 10px;
}

.hidden-selects .form-control,
.individual-fields .form-control,
.settings-row .form-control {
    min-height: 36px;
    padding: 6px 10px;
}

.settings-row {
    gap: 10px;
}

.settings-row label {
    border-radius: 10px;
    gap: 4px 8px;
    grid-template-columns: 28px 1fr auto;
    padding: 9px;
}

.settings-row i {
    height: 28px;
    width: 28px;
}

.settings-row span {
    font-size: 11px;
}

.settings-row small {
    font-size: 12px;
}

.rotate-toggle {
    font-size: 13px;
    margin-top: 9px;
}

.bulk-actions {
    gap: 12px;
    grid-template-columns: minmax(190px, .6fr) 20px minmax(240px, 1fr);
}

.preview-cta,
.start-bulk {
    border-radius: 10px;
    gap: 10px;
    min-height: 50px;
    padding: 10px 16px;
}

.preview-cta i,
.start-bulk i {
    font-size: 20px;
}

.sample-preview-card {
    border-radius: 10px;
    gap: 10px;
    padding: 15px;
    top: 10px;
}

.preview-title {
    padding-bottom: 10px;
}

.preview-title h3 {
    font-size: 15px;
}

.sample-preview-card dl {
    gap: 7px 14px;
    grid-template-columns: 62px 1fr;
}

.sample-preview-card dt,
.sample-preview-card dd {
    font-size: 13px;
}

.sample-body {
    font-size: 13px;
    line-height: 1.48;
    padding-top: 10px;
}

.sample-body p {
    margin-bottom: 9px;
}

.sample-note,
.using-row {
    display: none;
}

.individual-simple {
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) 360px;
}

.individual-form {
    gap: 10px;
}

.individual-fields {
    gap: 10px;
}

.individual-form label {
    font-size: 13px;
}

.individual-message {
    min-height: 178px;
}

.individual-actions {
    gap: 10px;
    grid-template-columns: .85fr 1.15fr;
}

.sample-preview-card.compact .sample-body {
    max-height: 250px;
    overflow: auto;
}

@media (min-width: 1281px) {
    .bulk-shell {
        align-items: start;
    }
}

@media (max-width: 1480px) {
    .bulk-shell {
        grid-template-columns: minmax(0, 1fr) 300px;
    }

    .file-card-row {
        grid-template-columns: repeat(4, minmax(120px, 1fr));
    }

    .replace-card {
        min-height: 86px;
    }
}

@media (max-width: 1180px) {
    .bulk-shell,
    .individual-simple {
        grid-template-columns: 1fr;
    }

    .file-card-row,
    .settings-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sample-preview-card {
        position: static;
    }
}

@media (max-width: 760px) {
    .sender-mode-pill,
    .bulk-stepper,
    .file-card-row,
    .mode-choice-row,
    .hidden-selects,
    .settings-row,
    .individual-fields,
    .individual-actions {
        grid-template-columns: 1fr;
    }

    .sender-saas-head {
        align-items: flex-start;
    }
}

/* Single-screen Email Sender fit */
@media (min-width: 1000px) {
    body.sender-page .content {
        padding: 8px 16px 10px !important;
    }

    body.sender-page .topbar {
        margin-bottom: 2px;
        min-height: 40px;
    }

    body.sender-page .topbar h1 {
        font-size: 24px;
        margin-bottom: 2px;
    }

    body.sender-page .breadcrumb-line {
        font-size: 11px;
    }

    body.sender-page .topbar-actions {
        transform: scale(.86);
        transform-origin: right top;
    }

    .sender-saas {
        gap: 7px;
    }

    .sender-saas-head {
        display: none;
    }

    .sender-mode-pill {
        max-width: 620px;
    }

    .sender-mode-pill a {
        grid-template-columns: 32px 1fr;
        min-height: 42px;
        padding: 6px 12px;
    }

    .sender-mode-pill i {
        border-radius: 9px;
        font-size: 16px;
        height: 28px;
        width: 28px;
    }

    .sender-mode-pill span {
        font-size: 13px;
    }

    .sender-mode-pill small {
        display: none;
    }

    .bulk-stepper {
        border-radius: 9px;
        padding: 7px 12px;
    }

    .bulk-stepper strong {
        font-size: 12px;
        height: 24px;
        width: 24px;
    }

    .bulk-stepper span {
        font-size: 13px;
    }

    .bulk-shell {
        gap: 10px;
        grid-template-columns: minmax(0, 1fr) 300px;
    }

    .bulk-main {
        gap: 7px;
    }

    .saas-panel {
        border-radius: 9px;
        padding: 8px 10px;
    }

    .panel-line-title {
        margin-bottom: 7px;
    }

    .panel-line-title span {
        font-size: 11px;
        height: 20px;
        width: 20px;
    }

    .panel-line-title h3 {
        font-size: 14px;
    }

    .panel-line-title p {
        display: none;
    }

    .file-card-row {
        gap: 7px;
        grid-template-columns: repeat(5, minmax(100px, 1fr));
    }

    .upload-card,
    .replace-card {
        gap: 2px;
        min-height: 78px;
        padding: 8px 9px;
    }

    .upload-card > i,
    .replace-card > i {
        border-radius: 8px;
        font-size: 15px;
        height: 26px;
        width: 26px;
    }

    .upload-card strong,
    .replace-card strong {
        font-size: 12px;
        line-height: 1.1;
    }

    .upload-card small,
    .upload-card em,
    .replace-card small {
        font-size: 10px;
    }

    .upload-card b {
        font-size: 15px;
        margin-top: 1px;
    }

    .upload-card:after {
        height: 13px;
        right: 8px;
        top: 34px;
        width: 13px;
    }

    .mode-choice-row {
        gap: 8px;
    }

    .mode-choice {
        grid-template-columns: 16px 30px 1fr;
        min-height: 47px;
        padding: 7px 9px;
    }

    .mode-choice > i {
        border-radius: 8px;
        font-size: 15px;
        height: 28px;
        width: 28px;
    }

    .mode-choice strong {
        font-size: 12px;
    }

    .mode-choice small {
        display: none;
    }

    .hidden-selects {
        gap: 8px;
        margin-top: 7px;
    }

    .hidden-selects .form-control,
    .settings-row .form-control,
    .individual-fields .form-control {
        font-size: 12px;
        min-height: 30px;
        padding: 4px 8px;
    }

    .settings-row {
        gap: 8px;
    }

    .settings-row label {
        grid-template-columns: 24px 1fr auto;
        padding: 6px;
    }

    .settings-row i {
        font-size: 12px;
        height: 22px;
        width: 22px;
    }

    .settings-row span {
        font-size: 10px;
    }

    .settings-row small {
        font-size: 10px;
    }

    .rotate-toggle {
        font-size: 12px;
        margin-top: 5px;
    }

    .rotate-toggle span {
        height: 18px;
        width: 34px;
    }

    .rotate-toggle span:after {
        height: 14px;
        width: 14px;
    }

    .rotate-toggle input:checked + span:after {
        left: 18px;
    }

    .bulk-actions {
        gap: 8px;
        grid-template-columns: 1fr 16px 1.25fr;
    }

    .preview-cta,
    .start-bulk {
        border-radius: 9px;
        font-size: 13px;
        min-height: 38px;
        padding: 7px 12px;
    }

    .preview-cta i,
    .start-bulk i {
        font-size: 16px;
    }

    .sample-preview-card {
        gap: 7px;
        padding: 11px;
    }

    .preview-title {
        padding-bottom: 7px;
    }

    .preview-title h3 {
        font-size: 13px;
    }

    .sample-preview-card dl {
        gap: 5px 10px;
        grid-template-columns: 50px 1fr;
    }

    .sample-preview-card dt,
    .sample-preview-card dd {
        font-size: 12px;
    }

    .sample-body {
        font-size: 12px;
        line-height: 1.34;
        padding-top: 7px;
    }

    .sample-body p {
        margin-bottom: 6px;
    }

    .individual-simple {
        gap: 10px;
        grid-template-columns: minmax(0, 1fr) 300px;
    }

    .individual-form {
        gap: 7px;
    }

    .individual-fields {
        gap: 8px;
    }

    .individual-form label {
        font-size: 12px;
        gap: 5px;
    }

    .individual-message {
        font-size: 13px;
        min-height: 135px;
    }

    .sample-preview-card.compact .sample-body {
        max-height: 170px;
    }

    .individual-actions {
        gap: 8px;
    }
}

/* Bulk campaign wireframe UI */
body.sender-page {
    background: #eef4ff;
}

body.sender-page .sidebar {
    background: linear-gradient(180deg, #07122d 0%, #0b1737 58%, #0d1a42 100%);
    border-right: 0;
    color: #eef4ff;
}

body.sender-page .sidebar-brand,
body.sender-page .nav-link,
body.sender-page .nav-submenu a,
body.sender-page .user-profile,
body.sender-page .plan-card {
    color: #eef4ff;
}

body.sender-page .sidebar-brand .brand-mark {
    background: linear-gradient(135deg, #2368ff, #7c37ff);
}

body.sender-page .nav-link i,
body.sender-page .nav-submenu i {
    color: #9ab8ff;
}

body.sender-page .nav-link:hover,
body.sender-page .nav-link.active,
body.sender-page .nav-submenu a:hover,
body.sender-page .nav-submenu a.active {
    background: linear-gradient(135deg, rgba(36, 105, 255, .95), rgba(124, 55, 255, .92));
    color: #fff;
}

body.sender-page .nav-submenu a {
    border-radius: 8px;
    margin: 2px 8px;
}

body.sender-page .plan-card {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .12);
}

body.sender-page .user-profile {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .12);
}

.campaign-console,
.asset-console {
    color: #071538;
    display: grid;
    gap: 10px;
}

.sender-alert {
    margin-bottom: 8px;
}

.sender-switch {
    background: #fff;
    border: 1px solid #dce5f5;
    border-radius: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    max-width: 560px;
    overflow: hidden;
}

.sender-switch a {
    align-items: center;
    color: #14254c;
    display: flex;
    gap: 10px;
    min-height: 46px;
    padding: 10px 16px;
    text-decoration: none;
}

.sender-switch i {
    align-items: center;
    background: #f0f3ff;
    border-radius: 10px;
    color: #4e3bff;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.sender-switch a.active {
    background: linear-gradient(135deg, #f8f5ff, #ffffff);
    box-shadow: inset 0 -2px 0 #5b45ff;
    color: #3927e8;
    font-weight: 900;
}

.bulk-canvas {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) 280px;
}

.bulk-compose {
    display: grid;
    gap: 8px;
}

.flow-steps {
    background: #fff;
    border: 1px solid #dce5f5;
    border-radius: 12px;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);
    padding: 8px 12px;
}

.flow-steps span {
    align-items: center;
    color: #31456d;
    display: flex;
    font-size: 13px;
    font-weight: 850;
    gap: 8px;
}

.flow-steps b {
    align-items: center;
    background: #edf1fa;
    border-radius: 999px;
    color: #23345b;
    display: flex;
    height: 25px;
    justify-content: center;
    width: 25px;
}

.flow-steps .active b {
    background: linear-gradient(135deg, #2368ff, #7c37ff);
    color: #fff;
}

.campaign-card,
.side-card,
.asset-card {
    background: rgba(255, 255, 255, .98);
    border: 1px solid #dce5f5;
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(21, 38, 82, .06);
}

.campaign-card {
    padding: 11px 13px;
}

.card-title-row,
.asset-card-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px;
}

.card-title-row > div,
.asset-card-title {
    align-items: center;
    display: flex;
    gap: 9px;
}

.card-title-row i,
.asset-card-title i {
    align-items: center;
    background: #f0edff;
    border-radius: 9px;
    color: #573bff;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.card-title-row h2,
.asset-card-title h3 {
    font-size: 15px;
    font-weight: 950;
    margin: 0;
}

.card-title-row strong,
.asset-card-title strong {
    background: #effaf4;
    border-radius: 999px;
    color: #15844c;
    font-size: 12px;
    padding: 4px 9px;
}

.compact-grid {
    display: grid;
    gap: 9px;
}

.compact-grid.two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

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

.campaign-console label,
.asset-console label {
    color: #24375f;
    display: grid;
    font-size: 12px;
    font-weight: 850;
    gap: 5px;
}

.campaign-console .form-control,
.asset-console .form-control {
    border-color: #d9e3f3;
    border-radius: 8px;
    font-size: 13px;
    min-height: 34px;
    padding: 5px 9px;
}

.selected-list-card {
    background: linear-gradient(135deg, #f6f9ff, #fff);
    border: 1px solid #dce5f5;
    border-radius: 10px;
    display: grid;
    gap: 3px;
    padding: 9px 11px;
}

.selected-list-card span,
.asset-line span,
.info-chip span {
    color: #66769b;
    font-size: 11px;
}

.selected-list-card strong {
    font-size: 13px;
}

.mode-selector {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mode-selector label {
    align-items: center;
    border: 1px solid #dce5f5;
    border-radius: 10px;
    cursor: pointer;
    display: grid;
    gap: 8px;
    grid-template-columns: 16px 30px 1fr;
    min-height: 50px;
    padding: 8px 10px;
}

.mode-selector label.active {
    background: #faf8ff;
    border-color: #6d55ff;
}

.mode-selector input {
    accent-color: #5b45ff;
}

.mode-selector i {
    align-items: center;
    background: #f0edff;
    border-radius: 9px;
    color: #5b45ff;
    display: flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.mode-selector span {
    font-size: 13px;
    font-weight: 900;
}

.provider-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 9px;
}

.provider-pills button {
    background: #f5f7fd;
    border: 1px solid #dce5f5;
    border-radius: 999px;
    color: #253a65;
    font-size: 12px;
    font-weight: 850;
    padding: 6px 11px;
}

.provider-pills button.active {
    background: linear-gradient(135deg, #2368ff, #7c37ff);
    border-color: transparent;
    color: #fff;
}

.settings-strip {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.settings-strip label {
    background: #f8faff;
    border: 1px solid #dce5f5;
    border-radius: 9px;
    padding: 7px;
}

.settings-strip small {
    color: #6a789c;
    font-size: 10px;
}

.mini-toggle {
    align-content: center;
    align-items: center;
    display: flex !important;
    flex-direction: row;
}

.mini-toggle input {
    display: none;
}

.mini-toggle span {
    background: #d9e1f1;
    border-radius: 999px;
    height: 18px;
    position: relative;
    width: 34px;
}

.mini-toggle span:after {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: left .15s ease;
    width: 14px;
}

.mini-toggle input:checked + span {
    background: linear-gradient(135deg, #2368ff, #7c37ff);
}

.mini-toggle input:checked + span:after {
    left: 18px;
}

.advanced-settings {
    margin-top: 8px;
}

.advanced-settings summary {
    color: #4934ee;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
}

.advanced-grid {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 8px;
}

.advanced-grid label {
    background: #fbfcff;
    border: 1px solid #e5ebf7;
    border-radius: 8px;
    padding: 7px;
}

.campaign-actions-bar {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(180px, .65fr) minmax(240px, 1fr);
}

.ghost-action,
.primary-action {
    align-items: center;
    border-radius: 10px;
    display: inline-flex;
    font-weight: 950;
    gap: 9px;
    justify-content: center;
    min-height: 42px;
    padding: 8px 14px;
}

.ghost-action {
    background: #fff;
    border: 1px solid #cfc6ff;
    color: #4934ee;
}

.primary-action {
    background: linear-gradient(135deg, #2368ff, #7c37ff);
    border: 0;
    color: #fff;
    box-shadow: 0 14px 28px rgba(67, 63, 232, .22);
}

.primary-action span {
    display: grid;
    line-height: 1.15;
}

.primary-action small {
    font-size: 11px;
    font-weight: 650;
    opacity: .86;
}

.ghost-action.slim,
.primary-action.slim {
    min-height: 36px;
}

.campaign-side {
    display: grid;
    gap: 10px;
    align-content: start;
}

.side-card {
    display: grid;
    gap: 8px;
    padding: 13px;
}

.side-card h3 {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 950;
    gap: 8px;
    margin: 0 0 3px;
}

.side-card h3 i {
    color: #573bff;
}

.asset-line,
.info-chip {
    align-items: center;
    background: #f8faff;
    border: 1px solid #e5ebf7;
    border-radius: 9px;
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
}

.asset-line strong,
.info-chip strong {
    font-size: 12px;
    max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-modal[hidden] {
    display: none;
}

.preview-modal {
    align-items: center;
    background: rgba(7, 18, 45, .52);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 22px;
    position: fixed;
    z-index: 100;
}

.preview-dialog {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 30px 70px rgba(7, 18, 45, .28);
    max-width: 520px;
    padding: 20px;
    position: relative;
    width: 100%;
}

.modal-close {
    background: #f2f5ff;
    border: 0;
    border-radius: 9px;
    height: 32px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 32px;
}

.preview-dialog h3 {
    font-size: 18px;
    font-weight: 950;
    margin: 0 0 14px;
}

.preview-dialog dl {
    border-bottom: 1px solid #e1e8f4;
    display: grid;
    gap: 8px 16px;
    grid-template-columns: 70px 1fr;
    margin: 0 0 12px;
    padding-bottom: 12px;
}

.preview-dialog dt {
    font-weight: 900;
}

.preview-dialog dd {
    margin: 0;
}

.modal-body-preview {
    line-height: 1.6;
}

.individual-console {
    max-width: 980px;
}

.compact-message {
    min-height: 165px;
}

.asset-hero {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.asset-hero h2 {
    font-size: 24px;
    font-weight: 950;
    margin: 0 0 3px;
}

.asset-hero p {
    color: #54658b;
    margin: 0;
}

.import-tile {
    align-items: center;
    background: #fff;
    border: 1px dashed #9c8bff;
    border-radius: 12px;
    color: #4934ee;
    cursor: pointer;
    display: grid !important;
    gap: 2px;
    grid-template-columns: 34px 1fr;
    min-width: 230px;
    padding: 10px 14px;
}

.import-tile i {
    align-items: center;
    background: #f0edff;
    border-radius: 10px;
    display: flex;
    font-size: 18px;
    grid-row: span 2;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.import-tile span {
    font-weight: 950;
}

.import-tile small {
    color: #65759a;
}

.import-tile.green {
    border-color: #8fd8ad;
    color: #14824c;
}

.import-tile.amber {
    border-color: #ffc46e;
    color: #a86400;
}

.asset-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(360px, .85fr) minmax(0, 1.15fr);
}

.asset-card {
    padding: 14px;
}

.editor-card {
    align-content: start;
    display: grid;
    gap: 10px;
}

.template-editor {
    min-height: 210px;
}

.variable-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.variable-chips span {
    background: #f0edff;
    border-radius: 999px;
    color: #4934ee;
    font-size: 11px;
    font-weight: 850;
    padding: 5px 8px;
}

.asset-list,
.smtp-card-list {
    display: grid;
    gap: 9px;
    max-height: calc(100vh - 245px);
    overflow: auto;
}

.asset-item,
.smtp-mini-card {
    align-items: center;
    background: #f8faff;
    border: 1px solid #e5ebf7;
    border-radius: 10px;
    display: grid;
    gap: 10px;
    padding: 10px;
}

.asset-item {
    grid-template-columns: minmax(0, 1fr) auto;
}

.asset-item.subject-item {
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.asset-item strong,
.smtp-mini-card strong {
    display: block;
    font-size: 13px;
}

.asset-item span,
.smtp-mini-card span,
.smtp-mini-card small {
    color: #53658a;
    display: block;
    font-size: 12px;
}

.asset-item p {
    color: #66769b;
    font-size: 12px;
    margin: 4px 0 0;
}

.asset-actions {
    align-items: center;
    display: flex;
    gap: 7px;
    justify-content: flex-end;
}

.asset-actions summary,
.danger-icon,
.test-smtp {
    align-items: center;
    background: #fff;
    border: 1px solid #dce5f5;
    border-radius: 8px;
    color: #4934ee;
    cursor: pointer;
    display: flex;
    height: 31px;
    justify-content: center;
    list-style: none;
    width: 31px;
}

.danger-icon {
    color: #db334d;
}

.inline-editor {
    background: #fff;
    border: 1px solid #dce5f5;
    border-radius: 10px;
    box-shadow: 0 18px 44px rgba(7, 18, 45, .12);
    display: grid;
    gap: 8px;
    margin-top: 8px;
    min-width: 300px;
    padding: 10px;
    position: absolute;
    right: 0;
    z-index: 8;
}

.asset-actions details {
    position: relative;
}

.status-pill {
    border-radius: 999px;
    font-size: 11px;
    font-weight: 850;
    padding: 4px 8px;
}

.status-pill.active {
    background: #e9f8ef;
    color: #14824c;
}

.status-pill.inactive {
    background: #f0f3fa;
    color: #62708f;
}

.smtp-grid {
    grid-template-columns: minmax(420px, .9fr) minmax(0, 1.1fr);
}

.provider-pills.compact button {
    font-size: 11px;
    padding: 5px 9px;
}

.smtp-mini-card {
    grid-template-columns: 38px minmax(0, 1fr) auto auto;
}

.smtp-avatar {
    align-items: center;
    background: #f0edff;
    border-radius: 11px;
    color: #573bff;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.upload-hub-card {
    background: rgba(255, 255, 255, .98);
    border: 1px solid #dce5f5;
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(21, 38, 82, .06);
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 210px;
    padding: 12px;
}

.upload-hub-tile {
    border: 1px dashed #b9c6dd;
    border-radius: 11px;
    cursor: pointer;
    display: grid !important;
    gap: 2px 10px;
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 78px;
    padding: 11px;
}

.upload-hub-tile i {
    align-items: center;
    border-radius: 10px;
    display: flex;
    font-size: 19px;
    grid-row: span 3;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.upload-hub-tile span {
    color: #10224a;
    font-size: 13px;
    font-weight: 950;
}

.upload-hub-tile small {
    color: #5f7199;
    font-size: 11px;
}

.upload-hub-tile b {
    color: #4934ee;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-hub-tile.green {
    background: #f3fbf6;
    border-color: #8bd5aa;
}

.upload-hub-tile.green i {
    background: #ddf7e7;
    color: #16854d;
}

.upload-hub-tile.amber {
    background: #fff9ef;
    border-color: #ffc46e;
}

.upload-hub-tile.amber i {
    background: #fff1d7;
    color: #b86d00;
}

.upload-hub-tile.purple {
    background: #fbf9ff;
    border-color: #aa9cff;
}

.upload-hub-tile.purple i {
    background: #f0edff;
    color: #573bff;
}

.upload-save {
    align-self: stretch;
    min-height: 78px;
}

.asset-mini-stats {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 10px;
}

.asset-mini-stats span {
    background: #f8faff;
    border: 1px solid #e5ebf7;
    border-radius: 9px;
    color: #5f7199;
    font-size: 11px;
    padding: 8px;
}

.asset-mini-stats b {
    color: #10224a;
    display: block;
    font-size: 16px;
}

@media (max-width: 1180px) {
    .bulk-canvas,
    .asset-grid,
    .smtp-grid,
    .upload-hub-card {
        grid-template-columns: 1fr;
    }

    .campaign-side {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .sender-switch,
    .flow-steps,
    .compact-grid.two,
    .compact-grid.three,
    .mode-selector,
    .settings-strip,
    .advanced-grid,
    .campaign-actions-bar,
    .campaign-side {
        grid-template-columns: 1fr;
    }

    .asset-hero {
        align-items: stretch;
        flex-direction: column;
    }

    .import-tile {
        min-width: 0;
    }

    .smtp-mini-card,
    .asset-item,
    .asset-item.subject-item {
        grid-template-columns: 1fr;
    }

    .inline-editor {
        left: 0;
        min-width: 260px;
        right: auto;
    }
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at 75% 0%, rgba(29, 99, 245, 0.08), transparent 32rem),
        var(--bg);
    color: var(--ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

.app-shell {
    display: grid;
    grid-template-columns: 286px minmax(0, 1fr);
    min-height: 100vh;
}

.sidebar {
    background: rgba(255, 255, 255, 0.92);
    border-right: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-height: 100vh;
    padding: 24px 18px;
    position: sticky;
    top: 0;
}

.sidebar-brand,
.auth-brand h1 {
    align-items: center;
    display: flex;
    font-size: 25px;
    font-weight: 850;
    gap: 14px;
}

.brand-mark {
    align-items: center;
    background: linear-gradient(135deg, #0c73ff, #6533ff);
    border-radius: 10px;
    color: white;
    display: inline-flex;
    font-size: 20px;
    font-weight: 850;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.sidebar-nav {
    display: grid;
    gap: 10px;
}

.nav-link,
.nav-submenu a {
    align-items: center;
    border-radius: 8px;
    color: #27416e;
    display: flex;
    font-weight: 750;
    gap: 14px;
    min-height: 46px;
    padding: 0 14px;
}

.nav-link i,
.nav-submenu i {
    color: #284d8c;
    font-size: 20px;
    width: 22px;
}

.nav-link.active,
.nav-link:hover,
.nav-submenu a.active,
.nav-submenu a:hover {
    background: #edf4ff;
    color: var(--primary);
}

.nav-link.active i,
.nav-link:hover i,
.nav-submenu a.active i,
.nav-submenu a:hover i {
    color: var(--primary);
}

.nav-chevron {
    margin-left: auto;
}

.nav-group .nav-submenu {
    display: none;
}

.nav-group.is-open .nav-submenu {
    display: grid;
    gap: 6px;
    margin-top: 8px;
    padding-left: 10px;
}

.sidebar-spacer {
    flex: 1;
    min-height: 18px;
}

.plan-card {
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(19, 54, 116, 0.06);
    display: grid;
    gap: 18px;
    padding: 18px 16px;
}

.plan-title {
    align-items: center;
    display: flex;
    gap: 12px;
}

.plan-title i {
    color: var(--warning);
    font-size: 25px;
}

.plan-title strong,
.user-profile strong {
    display: block;
    font-weight: 850;
}

.plan-title span,
.user-profile small {
    color: var(--muted);
    display: block;
    font-size: 12px;
}

.plan-meter-label {
    align-items: center;
    color: #253d68;
    display: flex;
    font-size: 12px;
    justify-content: space-between;
}

.plan-meter,
.wide-progress,
.mini-progress {
    background: #e9eef8;
    border-radius: 999px;
    overflow: hidden;
}

.plan-meter {
    height: 10px;
}

.plan-meter span,
.wide-progress span,
.mini-progress span {
    background: linear-gradient(90deg, var(--primary), #6b32ff);
    border-radius: inherit;
    display: block;
    height: 100%;
}

.upgrade-button {
    background: linear-gradient(135deg, #0d69ff, #7536f2);
    border-radius: 8px;
    color: white;
    display: block;
    font-weight: 850;
    padding: 12px;
    text-align: center;
}

.user-profile {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    gap: 12px;
}

.avatar {
    align-items: center;
    background: linear-gradient(135deg, #d8e9ff, #f5c49b);
    border-radius: 50%;
    color: #0e2650;
    display: inline-flex;
    font-weight: 850;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.profile-copy {
    min-width: 0;
}

.profile-copy small {
    max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-profile .logout-button {
    align-items: center;
    background: #eef4ff;
    border: 1px solid #dce6f6;
    border-radius: 8px;
    color: #183b72;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 6px;
    margin-left: auto;
    min-height: 34px;
    padding: 0 10px;
}

.user-profile .logout-button:hover {
    background: #e4efff;
    color: #0b56d9;
}

.content {
    min-width: 0;
    padding: 28px 30px 42px;
}

.topbar {
    align-items: flex-start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 30px;
}

.topbar h1 {
    font-size: clamp(30px, 3vw, 38px);
    font-weight: 900;
    letter-spacing: 0;
    margin: 0 0 16px;
}

.breadcrumb-line {
    align-items: center;
    color: #24406e;
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 750;
    gap: 9px;
}

.breadcrumb-line i {
    color: #8ca0c3;
    font-size: 12px;
}

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

.icon-button,
.credits-dropdown {
    background: white;
    border: 0;
    box-shadow: var(--shadow);
    color: #0e1b41;
}

.icon-button {
    align-items: center;
    border-radius: 14px;
    display: inline-flex;
    font-size: 26px;
    height: 64px;
    justify-content: center;
    position: relative;
    width: 64px;
}

.icon-button.has-badge span {
    align-items: center;
    background: var(--primary);
    border-radius: 999px;
    color: white;
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: -5px;
    top: -7px;
    width: 26px;
}

.credits-dropdown {
    align-items: center;
    border-radius: 14px;
    display: flex;
    gap: 14px;
    min-width: 240px;
    padding: 14px 18px;
    text-align: left;
}

.credits-icon {
    align-items: center;
    background: #eef0ff;
    border-radius: 14px;
    color: var(--primary);
    display: inline-flex;
    font-size: 27px;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.credits-dropdown small {
    display: block;
    font-weight: 850;
}

.credits-dropdown strong {
    display: block;
    font-size: 23px;
    font-weight: 900;
}

.credits-dropdown .bi-chevron-down {
    margin-left: auto;
}

.stats-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 26px;
}

.stat-card,
.extract-card,
.jobs-card,
.dashboard-panel,
.upload-panel,
.table-section,
.auth-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
}

.stat-card {
    align-items: center;
    display: flex;
    gap: 22px;
    min-height: 138px;
    padding: 24px;
}

.stat-icon {
    align-items: center;
    border-radius: 22px;
    display: inline-flex;
    flex: 0 0 68px;
    font-size: 34px;
    height: 68px;
    justify-content: center;
    width: 68px;
}

.stat-icon.purple { background: #f0dcff; color: #8d31ed; }
.stat-icon.blue { background: #ddecff; color: var(--primary); }
.stat-icon.green { background: #d8f8e8; color: var(--success); }
.stat-icon.orange { background: #ffe8c9; color: var(--warning); }

.stat-title {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.stat-title span {
    color: #06133a;
    font-weight: 850;
}

.stat-title i {
    color: #5573ad;
}

.stat-card strong {
    display: block;
    font-size: 31px;
    font-weight: 900;
    line-height: 1;
    margin-top: 12px;
}

.stat-card p {
    color: #2d4775;
    font-size: 13px;
    margin: 14px 0 0;
}

.extractor-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(360px, 1.25fr) minmax(300px, 1fr) minmax(360px, 1.33fr);
}

.extract-card {
    min-width: 0;
    overflow: hidden;
}

.tabs {
    border-bottom: 1px solid var(--line);
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.tab-button {
    align-items: center;
    background: transparent;
    border: 0;
    color: #284572;
    display: flex;
    font-weight: 850;
    gap: 10px;
    justify-content: center;
    min-height: 70px;
    position: relative;
}

.tab-button i {
    font-size: 25px;
}

.tab-button.active {
    color: var(--primary);
}

.tab-button.active::after {
    background: var(--primary);
    border-radius: 999px 999px 0 0;
    bottom: -1px;
    content: "";
    height: 4px;
    left: 18%;
    position: absolute;
    right: 18%;
}

.domain-form {
    padding: 26px 26px 0;
}

.domain-form label {
    color: #06133a;
    display: block;
    font-weight: 850;
    margin-bottom: 14px;
}

.domain-form label span {
    color: #2d4775;
    font-size: 13px;
    font-weight: 700;
}

.domain-form textarea {
    border: 1px solid #b9c8e3;
    border-radius: 8px;
    color: #102044;
    min-height: 190px;
    outline: 0;
    padding: 18px 20px;
    resize: vertical;
    width: 100%;
}

.domain-file-input {
    border: 1px solid #b9c8e3;
    border-radius: 8px;
    color: #102044;
    min-height: 124px;
    padding: 42px 14px;
    width: 100%;
}

.domain-form textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(29, 99, 245, 0.12);
}

.domain-meta {
    align-items: center;
    color: #294678;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    margin-top: 18px;
}

.validation-summary {
    color: #34517f;
    font-size: 12px;
    font-weight: 800;
    min-height: 18px;
    margin-top: 8px;
}

.validation-summary.is-good {
    color: var(--success);
}

.validation-summary.is-bad {
    color: var(--danger);
}

.domain-footer {
    align-items: center;
    color: #304d80;
    display: flex;
    font-size: 13px;
    justify-content: space-between;
    min-height: 112px;
    padding: 0 26px 22px;
}

.validate-button,
.advanced-button,
.table-button,
.pagination-buttons button {
    align-items: center;
    background: white;
    border: 1px solid #cfdaee;
    border-radius: 8px;
    box-shadow: 0 6px 16px rgba(16, 45, 95, 0.06);
    color: #174aa8;
    display: inline-flex;
    font-weight: 850;
    gap: 8px;
    justify-content: center;
}

.validate-button {
    min-width: 124px;
    padding: 9px 14px;
}

.card-heading {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    min-height: 70px;
    padding: 0 24px;
}

.card-heading h2,
.section-heading h2 {
    font-size: 18px;
    font-weight: 900;
    margin: 0;
}

.advanced-button {
    padding: 10px 14px;
}

.settings-list {
    display: grid;
    gap: 18px;
    padding: 25px 24px 28px;
}

.setting-row {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.setting-row > span:first-child {
    align-items: center;
    color: #071537;
    display: flex;
    font-weight: 800;
    gap: 13px;
}

.setting-row i {
    align-items: center;
    background: #f0f5ff;
    border-radius: 50%;
    color: #42659e;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.setting-row input {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.toggle {
    background: #cbd4e5;
    border-radius: 999px;
    height: 22px;
    position: relative;
    width: 38px;
}

.toggle::after {
    background: white;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    content: "";
    height: 18px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: transform 0.18s ease;
    width: 18px;
}

.setting-row input:checked + .toggle {
    background: var(--primary);
}

.setting-row input:checked + .toggle::after {
    transform: translateX(16px);
}

.start-button {
    align-items: center;
    background: linear-gradient(180deg, #2675ff, #0758f0);
    border: 0;
    border-radius: 8px;
    box-shadow: 0 12px 24px rgba(29, 99, 245, 0.25);
    color: white;
    display: flex;
    font-size: 17px;
    font-weight: 850;
    gap: 11px;
    justify-content: center;
    margin: 0 24px 22px;
    min-height: 56px;
    width: calc(100% - 48px);
}

.status-badge {
    border-radius: 8px;
    font-weight: 850;
    padding: 10px 17px;
}

.status-badge.processing {
    background: #d7f9e7;
    color: #0aa461;
}

.status-badge.cancelled {
    background: #fff1dc;
    color: #b76400;
}

.live-main {
    align-items: center;
    display: grid;
    gap: 28px;
    grid-template-columns: 150px minmax(0, 1fr);
    padding: 26px 28px 18px;
}

.progress-ring {
    align-items: center;
    background:
        radial-gradient(closest-side, white 74%, transparent 76%),
        conic-gradient(var(--primary) calc(var(--progress) * 1%), #e5eaf5 0);
    border-radius: 50%;
    display: flex;
    height: 148px;
    justify-content: center;
    width: 148px;
}

.progress-ring span {
    font-size: 35px;
    font-weight: 900;
}

.job-details {
    display: grid;
    gap: 8px;
}

.job-details span {
    color: #31528b;
    font-weight: 750;
}

.job-details strong {
    font-size: 20px;
    font-weight: 900;
}

.job-details p {
    color: #31528b;
    font-weight: 750;
    margin: 0;
}

.wide-progress {
    height: 10px;
    margin: 0 28px 30px;
}

.live-metrics {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    padding: 0 24px 22px;
}

.live-metrics div {
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 3px 12px;
    grid-template-columns: 44px 1fr;
    min-height: 72px;
    padding: 12px 14px;
}

.live-metrics i {
    align-items: center;
    background: #eef4ff;
    border-radius: 12px;
    color: var(--primary);
    display: flex;
    font-size: 24px;
    grid-row: span 2;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.live-metrics div:nth-child(2) i,
.live-metrics div:nth-child(4) i {
    background: #e4f9ed;
    color: var(--success);
}

.live-metrics div:nth-child(3) i {
    background: #fff1dc;
    color: var(--warning);
}

.live-metrics span {
    color: #435e8e;
    font-size: 12px;
    font-weight: 800;
}

.live-metrics strong {
    font-size: 18px;
    font-weight: 900;
}

.jobs-card {
    margin-top: 24px;
    overflow: hidden;
}

.section-heading {
    padding: 20px 26px 0;
}

.table-wrap {
    overflow-x: auto;
    padding: 16px 22px 0;
}

table {
    border-collapse: collapse;
    min-width: 1060px;
    width: 100%;
}

th,
td {
    border-bottom: 1px solid var(--line);
    padding: 13px 12px;
    text-align: left;
    vertical-align: middle;
}

th {
    background: #f7f9fd;
    color: #314f82;
    font-size: 12px;
    font-weight: 850;
}

td {
    color: #102044;
    font-weight: 700;
}

.table-icon {
    color: #476695;
    margin-right: 10px;
}

.table-icon.green {
    color: var(--success);
}

.job-status {
    align-items: center;
    display: inline-flex;
    font-weight: 850;
    gap: 8px;
}

.job-status::before {
    border-radius: 50%;
    content: "";
    height: 8px;
    width: 8px;
}

.job-status.processing { color: var(--primary); }
.job-status.processing::before { background: var(--primary); }
.job-status.running { color: var(--primary); }
.job-status.running::before { background: var(--primary); }
.job-status.completed { color: var(--success); }
.job-status.completed::before { background: var(--success); }
.job-status.failed { color: var(--danger); }
.job-status.failed::before { background: var(--danger); }
.job-status.stopped { color: var(--danger); }
.job-status.stopped::before { background: var(--danger); }
.job-status.cancelled { color: var(--warning); }
.job-status.cancelled::before { background: var(--warning); }
.job-status.pending { color: var(--warning); }
.job-status.pending::before { background: var(--warning); }

.progress-text {
    display: inline-block;
    min-width: 40px;
}

.mini-progress {
    display: inline-block;
    height: 8px;
    margin-left: 8px;
    vertical-align: middle;
    width: 126px;
}

.mini-progress.success span {
    background: var(--success);
}

.table-button {
    min-height: 34px;
    min-width: 108px;
    padding: 0 12px;
}

.table-button.danger {
    border-color: #ffc3c6;
    color: #f01824;
}

.stop-extraction-button {
    align-items: center;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(194, 101, 0, 0.10);
    color: #c2410c;
    display: inline-flex;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
}

.stop-extraction-button:hover {
    background: #ffedd5;
}

.stop-extraction-button:disabled {
    cursor: wait;
    opacity: .72;
}

#stop-extraction {
    margin: 0 24px 16px;
    width: calc(100% - 48px);
}

.stop-modal {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(8, 21, 55, .20);
    max-width: 440px;
    padding: 0;
    width: calc(100% - 32px);
}

.stop-modal header {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    padding: 18px 20px;
}

.stop-modal h2 {
    color: #071537;
    font-size: 20px;
    font-weight: 950;
    margin: 0;
}

.stop-modal header button {
    background: transparent;
    border: 0;
    color: #53668f;
}

.stop-modal p {
    color: #53668f;
    font-weight: 760;
    margin: 0;
    padding: 18px 20px;
}

.stop-modal-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 0 20px 20px;
}

.extractor-toast {
    background: #102044;
    border-radius: 8px;
    bottom: 22px;
    box-shadow: 0 18px 40px rgba(8, 21, 55, .24);
    color: #fff;
    font-weight: 850;
    padding: 12px 16px;
    position: fixed;
    right: 22px;
    z-index: 60;
}

@media (max-width: 700px) {
    .stop-modal-actions {
        display: grid;
    }

    .extractor-toast {
        bottom: 14px;
        left: 14px;
        right: 14px;
    }
}

/* Production admin/review utilities */
.support-review-form {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 16px;
    display: grid;
    gap: 12px;
    margin-top: 18px;
    padding: 16px;
}

.support-review-form h3 {
    color: #fff;
    font-size: 18px;
    margin: 0;
}

.support-review-form label {
    color: #cbd5e1;
    display: grid;
    font-weight: 800;
    gap: 7px;
}

.support-review-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-review-form select,
.support-review-form textarea,
.admin-filter-bar input,
.admin-filter-bar select,
.admin-inline-cancel input,
.admin-actions-cell select {
    background: rgba(5, 12, 27, 0.78);
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: 12px;
    color: #f8fafc;
    min-height: 42px;
    padding: 10px 12px;
}

.admin-filter-bar {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(240px, 1fr) 180px auto auto;
    margin-bottom: 16px;
}

.admin-health-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-health-grid article {
    background: rgba(15, 23, 42, 0.66);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 14px;
    padding: 14px;
}

.admin-health-grid span {
    color: #94a3b8;
    display: block;
    font-weight: 800;
}

.admin-health-grid strong {
    color: #fff;
    display: block;
    font-size: 20px;
    margin-top: 6px;
}

.admin-warning {
    color: #fbbf24;
    font-weight: 850;
    margin: 14px 0 0;
}

.admin-actions-cell,
.admin-actions-cell form,
.admin-inline-cancel {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.table-button.danger {
    border-color: rgba(244, 63, 94, 0.4);
    color: #fecdd3;
}

@media (max-width: 900px) {
    .admin-filter-bar,
    .admin-health-grid,
    .support-review-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.more-button {
    background: transparent;
    border: 0;
    color: #2f5590;
    font-size: 20px;
}

.pagination-row {
    align-items: center;
    color: #24436f;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    padding: 24px 26px 22px;
}

.pagination-buttons {
    display: flex;
    gap: 12px;
}

.pagination-buttons button {
    height: 38px;
    min-width: 38px;
}

.pagination-buttons button.active {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

.dashboard-panel,
.upload-panel {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 28px;
}

.dashboard-panel p,
.upload-panel p,
.form-heading p {
    color: var(--muted);
    line-height: 1.6;
    margin: 8px 0 0;
}

.primary-button,
.secondary-button {
    border: 0;
    border-radius: 8px;
    display: inline-flex;
    font-weight: 850;
    justify-content: center;
    padding: 12px 16px;
    white-space: nowrap;
}

.primary-button {
    background: var(--primary);
    color: white;
}

.secondary-button {
    background: #eef4ff;
    color: var(--primary-dark);
}

.empty-state {
    color: var(--muted);
    text-align: center;
}

.auth-body {
    background: linear-gradient(135deg, #101828 0%, #1d2939 45%, #f5f7fb 45%);
}

.auth-shell {
    align-items: center;
    display: grid;
    gap: 40px;
    grid-template-columns: minmax(0, 1fr) 420px;
    margin: 0 auto;
    max-width: 1120px;
    min-height: 100vh;
    padding: 32px;
}

.auth-brand {
    color: white;
    max-width: 520px;
}

.auth-brand h1 {
    font-size: 42px;
    margin: 0 0 16px;
}

.auth-brand p {
    color: #cbd5e1;
    font-size: 18px;
    line-height: 1.7;
}

.auth-card {
    padding: 30px;
}

.stack-form {
    display: grid;
    gap: 16px;
    margin-top: 24px;
}

.stack-form label {
    color: #344054;
    display: grid;
    font-size: 14px;
    font-weight: 700;
    gap: 7px;
}

.stack-form input,
.upload-box input {
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 11px 12px;
}

.checkbox-row {
    align-items: center;
    display: flex !important;
    font-weight: 500 !important;
}

.field-error {
    color: #b42318;
    font-size: 13px;
}

.auth-switch {
    color: var(--muted);
    margin: 20px 0 0;
}

.auth-switch a {
    color: var(--primary);
    font-weight: 850;
}

@media (max-width: 1320px) {
    .extractor-grid {
        grid-template-columns: minmax(360px, 1fr) minmax(300px, 0.85fr);
    }

    .live-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .receipt-head {
        align-items: stretch;
        display: grid;
    }

    .receipt-grid {
        grid-template-columns: 1fr;
    }

    .billing-toast {
        bottom: 16px;
        right: 16px;
    }
}

@media print {
    body.receipt-page .sidebar,
    body.receipt-page .topbar,
    .receipt-actions {
        display: none !important;
    }

    body.receipt-page .content,
    body.receipt-page .app-shell {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    .receipt-shell {
        border: 0;
        box-shadow: none;
        max-width: none;
    }
}

@media (max-width: 1080px) {
    .app-shell {
        grid-template-columns: 1fr;
    }

    .sidebar {
        min-height: auto;
        position: static;
    }

    .sidebar-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .nav-group.is-open .nav-submenu {
        padding-left: 0;
    }

    .plan-card,
    .user-profile {
        display: none;
    }

    .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .content {
        padding: 22px 18px 34px;
    }

    .topbar,
    .pagination-row {
        align-items: stretch;
        flex-direction: column;
    }

    .topbar-actions {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .extractor-grid {
        grid-template-columns: 1fr;
    }

    .extractor-grid > * {
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .sidebar {
        padding: 18px 14px;
    }

    .sidebar-brand {
        font-size: 22px;
    }

    .sidebar-nav,
    .stats-grid,
    .live-metrics {
        grid-template-columns: 1fr;
    }

    .nav-submenu {
        grid-template-columns: 1fr;
    }

    .topbar h1 {
        font-size: 30px;
    }

    .icon-button {
        height: 52px;
        width: 52px;
    }

    .credits-dropdown {
        min-width: 210px;
    }

    .stat-card,
    .live-main {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }

    .stat-card {
        min-height: auto;
    }

    .domain-meta,
    .domain-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .validate-button {
        width: 100%;
    }

    .tabs {
        grid-template-columns: 1fr;
    }

    .pagination-buttons {
        flex-wrap: wrap;
    }

    .auth-shell {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .auth-body {
        background: #f5f7fb;
    }

    .auth-brand {
        color: var(--ink);
    }

    .auth-brand p {
        color: var(--muted);
    }
}

/* Compact desktop dashboard tuning */
.app-shell {
    grid-template-columns: 230px minmax(0, 1fr);
}

.sidebar {
    gap: 16px;
    padding: 16px 14px;
}

.sidebar-brand {
    font-size: 21px;
    gap: 10px;
}

.brand-mark {
    border-radius: 9px;
    font-size: 18px;
    height: 38px;
    width: 38px;
}

.sidebar-nav {
    gap: 6px;
}

.nav-link,
.nav-submenu a {
    gap: 10px;
    min-height: 38px;
    padding: 0 10px;
}

.nav-link i,
.nav-submenu i {
    font-size: 17px;
    width: 19px;
}

.nav-group.is-open .nav-submenu {
    gap: 4px;
    margin-top: 5px;
    padding-left: 6px;
}

.sidebar-spacer {
    flex: 0 0 8px;
    min-height: 8px;
}

.plan-card {
    gap: 10px;
    padding: 12px;
}

.plan-title {
    gap: 9px;
}

.plan-title i {
    font-size: 20px;
}

.plan-title span,
.user-profile small,
.plan-meter-label {
    font-size: 11px;
}

.plan-meter {
    height: 7px;
}

.upgrade-button {
    padding: 9px;
}

.user-profile {
    gap: 9px;
}

.avatar {
    height: 36px;
    width: 36px;
}

.content {
    padding: 16px 18px 18px;
}

.topbar {
    gap: 12px;
    margin-bottom: 12px;
}

.topbar h1 {
    font-size: clamp(26px, 2.1vw, 30px);
    margin: 0 0 7px;
}

.breadcrumb-line {
    font-size: 12px;
    gap: 7px;
}

.topbar-actions {
    gap: 10px;
}

.icon-button {
    border-radius: 12px;
    font-size: 20px;
    height: 46px;
    width: 46px;
}

.icon-button.has-badge span {
    font-size: 10px;
    height: 20px;
    width: 20px;
}

.credits-dropdown {
    border-radius: 12px;
    gap: 10px;
    min-width: 180px;
    padding: 8px 12px;
}

.credits-icon {
    border-radius: 10px;
    font-size: 21px;
    height: 36px;
    width: 36px;
}

.credits-dropdown small {
    font-size: 11px;
}

.credits-dropdown strong {
    font-size: 18px;
}

.stats-grid {
    gap: 12px;
    margin-bottom: 12px;
}

.stat-card {
    gap: 13px;
    height: 96px;
    min-height: 96px;
    padding: 14px;
}

.stat-icon {
    border-radius: 15px;
    flex-basis: 46px;
    font-size: 24px;
    height: 46px;
    width: 46px;
}

.stat-title {
    gap: 8px;
}

.stat-title span {
    font-size: 12px;
}

.stat-card strong {
    font-size: 25px;
    margin-top: 6px;
}

.stat-card p {
    font-size: 11px;
    margin: 5px 0 0;
}

.extractor-grid {
    gap: 12px;
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.92fr) minmax(0, 1.18fr);
}

.live-card {
    grid-column: auto;
}

.tab-button {
    font-size: 13px;
    gap: 8px;
    min-height: 44px;
}

.tab-button i {
    font-size: 18px;
}

.tab-button.active::after {
    height: 3px;
}

.domain-form {
    padding: 14px 14px 0;
}

.domain-form label {
    font-size: 13px;
    margin-bottom: 7px;
}

.domain-form label span,
.domain-meta,
.domain-footer {
    font-size: 11px;
}

.domain-form textarea {
    height: 150px;
    min-height: 150px;
    padding: 10px 12px;
}

.domain-meta {
    margin-top: 8px;
}

.domain-footer {
    min-height: 50px;
    padding: 0 14px 12px;
}

.domain-actions {
    align-items: center;
    display: flex;
    gap: 10px;
}

.validate-button {
    font-size: 12px;
    min-width: 108px;
    padding: 7px 11px;
}

.card-heading {
    min-height: 46px;
    padding: 0 14px;
}

.card-heading h2,
.section-heading h2 {
    font-size: 15px;
}

.advanced-button {
    font-size: 12px;
    padding: 7px 10px;
}

.settings-list {
    gap: 8px;
    padding: 12px 14px 13px;
}

.setting-row {
    gap: 9px;
    min-height: 27px;
}

.setting-row > span:first-child {
    font-size: 12px;
    gap: 8px;
}

.setting-row i {
    font-size: 12px;
    height: 22px;
    width: 22px;
}

.toggle {
    height: 18px;
    width: 32px;
}

.toggle::after {
    height: 14px;
    width: 14px;
}

.setting-row input:checked + .toggle::after {
    transform: translateX(14px);
}

.start-button {
    font-size: 14px;
    gap: 8px;
    margin: 0;
    min-height: 40px;
    min-width: 180px;
    padding: 0 18px;
    width: auto;
}

.status-badge {
    font-size: 12px;
    padding: 6px 10px;
}

.live-main {
    gap: 14px;
    grid-template-columns: 130px minmax(0, 1fr);
    padding: 14px 16px 10px;
}

.progress-ring {
    height: 130px;
    width: 130px;
}

.progress-ring span {
    font-size: 30px;
}

.job-details {
    gap: 3px;
}

.job-details span {
    font-size: 12px;
}

.job-details strong {
    font-size: 16px;
}

.job-details p {
    font-size: 12px;
}

.wide-progress {
    height: 8px;
    margin: 0 16px 12px;
}

.live-metrics {
    gap: 8px;
    padding: 0 14px 12px;
}

.live-metrics div {
    gap: 2px 9px;
    grid-template-columns: 32px 1fr;
    min-height: 52px;
    padding: 7px 9px;
}

.live-metrics i {
    border-radius: 10px;
    font-size: 17px;
    height: 32px;
    width: 32px;
}

.live-metrics span {
    font-size: 10px;
}

.live-metrics strong {
    font-size: 14px;
}

.jobs-card {
    margin-top: 12px;
}

.section-heading {
    padding: 11px 16px 0;
}

.table-wrap {
    padding: 8px 12px 0;
}

table {
    min-width: 1010px;
}

th,
td {
    padding: 7px 9px;
}

th {
    font-size: 10px;
}

td {
    font-size: 11px;
}

.job-status {
    gap: 6px;
}

.job-status::before {
    height: 7px;
    width: 7px;
}

.progress-text {
    min-width: 32px;
}

.mini-progress {
    height: 7px;
    margin-left: 5px;
    width: 82px;
}

.table-button {
    font-size: 11px;
    min-height: 27px;
    min-width: 88px;
    padding: 0 9px;
}

.more-button {
    font-size: 16px;
}

.pagination-row {
    font-size: 11px;
    padding: 10px 16px 12px;
}

.pagination-buttons {
    gap: 7px;
}

.pagination-buttons button {
    height: 29px;
    min-width: 29px;
}

@media (max-width: 1080px) {
    .app-shell {
        grid-template-columns: 1fr;
    }

    .extractor-grid,
    .stats-grid {
        grid-template-columns: 1fr;
    }

    .stat-card {
        height: auto;
        min-height: 90px;
    }

    .live-card {
        grid-column: auto;
    }
}

/* Billing page */
.billing-summary {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(260px, 1fr) auto;
    margin-bottom: 22px;
    padding: 24px;
}

.billing-summary-main {
    display: grid;
    gap: 8px;
}

.billing-summary-main h2 {
    color: #06133a;
    font-size: 28px;
    font-weight: 950;
    margin: 0;
}

.billing-summary-main p {
    color: #53668f;
    font-size: 14px;
    margin: 0;
    max-width: 680px;
}

.billing-status {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    width: max-content;
}

.billing-status.trial {
    background: #fff1dc;
    color: #b76400;
}

.billing-status.active {
    background: #dff8ec;
    color: #087f51;
}

.billing-status.expired {
    background: #ffe7e9;
    color: #c81924;
}

.billing-status.none {
    background: #eef4ff;
    color: #31528b;
}

.billing-summary-actions {
    align-items: start;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: end;
}

.billing-summary-actions a {
    text-decoration: none;
}

.billing-summary-metrics {
    border-top: 1px solid var(--line);
    display: grid;
    gap: 14px;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 18px;
}

.billing-summary-metrics div {
    background: #f8fbff;
    border: 1px solid #e3eaf6;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    min-height: 88px;
    padding: 14px 16px;
}

.billing-summary-metrics span,
.billing-plan-card p,
.plan-price span,
.plan-features li,
.billing-empty span {
    color: #53668f;
}

.billing-summary-metrics span {
    font-size: 12px;
    font-weight: 850;
}

.billing-summary-metrics strong {
    color: #071537;
    font-size: 22px;
    font-weight: 950;
}

.billing-summary-metrics small {
    color: #64779d;
    font-weight: 750;
}

.billing-plan-section {
    margin-bottom: 24px;
}

.billing-heading {
    padding: 0 0 14px;
}

.billing-heading h2 {
    color: #06133a;
    font-size: 22px;
    font-weight: 950;
    margin: 0;
}

.billing-heading p {
    color: #53668f;
    margin: 5px 0 0;
}

.billing-plan-grid {
    align-items: stretch;
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.billing-plan-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 100%;
    padding: 20px;
    position: relative;
}

.billing-plan-card.recommended {
    border-color: #8eb5ff;
    box-shadow: 0 18px 46px rgba(29, 99, 245, 0.14);
}

.billing-plan-card.current {
    border-color: #9be3c4;
}

.plan-card-top {
    display: grid;
    gap: 12px;
    min-height: 118px;
}

.plan-card-top h3 {
    color: #06133a;
    font-size: 20px;
    font-weight: 950;
    margin: 0 0 6px;
}

.plan-card-top p {
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

.recommended-badge,
.current-badge {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    gap: 6px;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    width: max-content;
}

.recommended-badge {
    background: #e8f1ff;
    color: #0b56d9;
}

.current-badge {
    background: #dff8ec;
    color: #087f51;
}

.plan-price {
    align-items: baseline;
    display: flex;
    gap: 7px;
}

.plan-price strong {
    color: #071537;
    font-size: 30px;
    font-weight: 950;
    line-height: 1;
}

.plan-price span {
    font-size: 13px;
    font-weight: 800;
}

.plan-features {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.plan-features li {
    align-items: start;
    display: grid;
    font-size: 13px;
    font-weight: 760;
    gap: 9px;
    grid-template-columns: 18px 1fr;
}

.plan-features i {
    color: var(--success);
    font-size: 16px;
    margin-top: 1px;
}

.plan-cta {
    align-items: center;
    background: #fff;
    border: 1px solid #cfdaee;
    border-radius: 8px;
    color: #174aa8;
    display: inline-flex;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    margin-top: auto;
    min-height: 42px;
    padding: 0 14px;
    text-decoration: none;
}

.plan-cta.primary {
    background: linear-gradient(180deg, #2675ff, #0758f0);
    border-color: transparent;
    box-shadow: 0 12px 24px rgba(29, 99, 245, 0.22);
    color: #fff;
}

.receipt-button {
    min-width: 96px;
}

.billing-empty {
    align-items: center;
    display: grid;
    gap: 8px;
    justify-items: center;
    min-height: 150px;
    padding: 26px 16px;
    text-align: center;
}

.billing-empty i {
    align-items: center;
    background: #eef4ff;
    border-radius: 16px;
    color: var(--primary);
    display: inline-flex;
    font-size: 28px;
    height: 56px;
    justify-content: center;
    width: 56px;
}

.billing-empty strong {
    color: #071537;
    font-size: 16px;
    font-weight: 950;
}

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

    .billing-summary-actions {
        justify-content: start;
    }
}

@media (max-width: 760px) {
    .billing-summary {
        padding: 18px;
    }

    .billing-summary-main h2 {
        font-size: 22px;
    }

    .billing-summary-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .billing-summary-actions .start-button,
    .billing-summary-actions .validate-button {
        width: 100%;
    }

    .billing-summary-metrics {
        grid-template-columns: 1fr;
    }

    .billing-plan-grid {
        grid-template-columns: 1fr;
    }
}

.sidebar-plan-meta {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
}

.sidebar-plan-meta div {
    background: #f7faff;
    border: 1px solid #e1e8f5;
    border-radius: 8px;
    display: grid;
    gap: 2px;
    padding: 9px 10px;
}

.sidebar-plan-meta span {
    color: #61749c;
    font-size: 10px;
    font-weight: 850;
}

.sidebar-plan-meta strong {
    color: #071537;
    font-size: 12px;
    font-weight: 950;
}

.billing-summary {
    align-items: stretch;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 18px;
    padding: 0;
}

.billing-summary-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    display: grid;
    gap: 6px;
    min-height: 112px;
    min-width: 0;
    padding: 16px;
}

.billing-summary-card > span:not(.billing-status) {
    color: #53668f;
    font-size: 12px;
    font-weight: 900;
}

.billing-summary-card strong {
    color: #071537;
    font-size: 24px;
    font-weight: 950;
    line-height: 1.05;
    min-width: 0;
    overflow-wrap: anywhere;
}

.billing-summary-card small {
    color: #64779d;
    font-size: 12px;
    font-weight: 760;
}

.current-plan-card {
    border-color: #d6e3ff;
}

.billing-status.trial {
    background: #e8f1ff;
    color: #0b56d9;
}

.billing-status.none {
    background: #edf1f7;
    color: #5b6b87;
}

.billing-summary-cta {
    align-content: center;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 16px;
}

.billing-summary-cta .start-button,
.billing-summary-cta .validate-button {
    min-height: 40px;
    min-width: 0;
    text-decoration: none;
    width: 100%;
}

.billing-plan-section,
.current-subscription-card {
    margin-bottom: 22px;
}

.current-subscription-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    padding: 18px;
}

.subscription-card-head {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding-bottom: 14px;
}

.subscription-card-head h2 {
    color: #071537;
    font-size: 22px;
    font-weight: 950;
    margin: 8px 0 0;
}

.subscription-card-head a {
    text-decoration: none;
}

.subscription-detail-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 14px;
}

.subscription-detail-grid div {
    background: #f8fbff;
    border: 1px solid #e4ebf8;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    min-height: 70px;
    min-width: 0;
    padding: 11px 12px;
}

.subscription-detail-grid span {
    color: #53668f;
    font-size: 11px;
    font-weight: 900;
}

.subscription-detail-grid strong {
    color: #071537;
    font-size: 15px;
    font-weight: 950;
    min-width: 0;
    overflow-wrap: anywhere;
}

.billing-heading {
    align-items: end;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 0 0 12px;
}

.billing-heading p,
.credit-heading p {
    color: #53668f;
    font-size: 13px;
    margin: 4px 0 0;
    max-width: 680px;
    overflow-wrap: anywhere;
}

.billing-plan-grid {
    align-items: stretch;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.billing-plan-card {
    border-color: #dfe7f5;
    gap: 10px;
    min-height: 318px;
    min-width: 0;
    overflow: hidden;
    padding: 14px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.billing-plan-card:hover {
    border-color: #9dbdff;
    box-shadow: 0 18px 48px rgba(20, 48, 96, 0.13);
    transform: translateY(-2px);
}

.billing-plan-card.recommended {
    border: 1px solid #6ea0ff;
    box-shadow: 0 18px 48px rgba(29, 99, 245, 0.18), 0 0 0 3px rgba(29, 99, 245, 0.08);
}

.plan-card-top {
    gap: 8px;
    min-height: 76px;
    min-width: 0;
}

.plan-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.plan-price strong {
    font-size: clamp(28px, 2vw, 34px);
    min-width: 0;
    overflow-wrap: anywhere;
}

.plan-credit-highlight {
    align-items: center;
    background: #f3f8ff;
    border: 1px solid #dce8fb;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    min-height: 40px;
    min-width: 0;
    padding: 7px 10px;
}

.plan-credit-highlight span {
    color: #48628f;
    font-size: 12px;
    font-weight: 900;
    min-width: 0;
}

.plan-credit-highlight strong {
    color: #0b56d9;
    font-size: clamp(16px, 1.25vw, 19px);
    font-weight: 950;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: right;
}

.plan-credit-note {
    background: #f7faff;
    border: 1px solid #e4ebf8;
    border-radius: 8px;
    color: #435e8e;
    font-size: 11px;
    font-weight: 850;
    margin: 0;
    line-height: 1.35;
    min-height: 34px;
    padding: 7px 8px;
}

.plan-features {
    gap: 6px;
}

.plan-features li {
    font-size: 11px;
}

.plan-cta {
    min-height: 38px;
}

.billing-table {
    min-width: 920px;
}

.billing-empty {
    min-height: 136px;
}

.credit-heading {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.credit-heading h2 {
    margin: 0;
}

.credit-filters {
    background: #f3f7ff;
    border: 1px solid #dce6f6;
    border-radius: 8px;
    display: flex;
    gap: 4px;
    padding: 4px;
}

.credit-filters button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #53668f;
    font-size: 12px;
    font-weight: 900;
    min-height: 30px;
    padding: 0 11px;
}

.credit-filters button.active {
    background: #fff;
    box-shadow: 0 6px 14px rgba(16, 45, 95, 0.08);
    color: #0b56d9;
}

.credit-type {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 950;
    padding: 6px 10px;
}

.credit-type.added {
    background: #dff8ec;
    color: #087f51;
}

.credit-type.used {
    background: #ffe7e9;
    color: #c81924;
}

.credit-type.renewal {
    background: #e8f1ff;
    color: #0b56d9;
}

.credit-added {
    color: #087f51;
}

.credit-used {
    color: #c81924;
}

@media (max-width: 1320px) {
    .billing-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .billing-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subscription-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .billing-summary,
    .billing-plan-grid,
    .billing-summary-cta {
        grid-template-columns: 1fr;
    }

    .billing-summary-card {
        min-height: auto;
    }

    .subscription-card-head {
        align-items: stretch;
        display: grid;
    }

    .subscription-detail-grid {
        grid-template-columns: 1fr;
    }

    .billing-heading,
    .credit-heading {
        align-items: stretch;
        display: grid;
    }

    .credit-filters {
        overflow-x: auto;
    }
}

.billing-plan-section .billing-plan-grid {
    align-items: stretch;
}

.billing-plan-section .billing-plan-card {
    height: 100%;
}

.billing-plan-section .plan-card-top h3 {
    font-size: 21px;
    letter-spacing: 0;
    line-height: 1.1;
    margin-bottom: 4px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.billing-plan-section .plan-card-top p {
    display: -webkit-box;
    font-size: 12px;
    line-height: 1.35;
    min-height: 32px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.billing-plan-section .plan-price {
    margin-top: 0;
}

.billing-plan-section .plan-price span {
    white-space: nowrap;
}

.billing-plan-section .plan-features i {
    font-size: 14px;
}

.billing-plan-section .plan-cta {
    font-size: 13px;
    width: 100%;
}

.billing-overview-card {
    align-items: center;
    background: linear-gradient(135deg, #ffffff, #f7faff);
    border: 1px solid #dfe8f7;
    border-radius: 12px;
    box-shadow: 0 18px 48px rgba(22, 42, 88, 0.10);
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(260px, 1.2fr) minmax(360px, 1fr) auto;
    margin-bottom: 22px;
    padding: 22px;
}

.billing-overview-main {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.billing-overview-main h2 {
    color: #071537;
    font-size: 30px;
    font-weight: 950;
    line-height: 1.05;
    margin: 0;
}

.billing-overview-main p {
    color: #53668f;
    font-size: 13px;
    font-weight: 760;
    margin: 0;
}

.billing-overview-stats {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.billing-overview-stats div {
    background: #fff;
    border: 1px solid #e2eaf7;
    border-radius: 10px;
    display: grid;
    gap: 5px;
    min-height: 76px;
    min-width: 0;
    padding: 12px 14px;
}

.billing-overview-stats span {
    color: #53668f;
    font-size: 11px;
    font-weight: 900;
}

.billing-overview-stats strong {
    color: #071537;
    font-size: 18px;
    font-weight: 950;
    min-width: 0;
    overflow-wrap: anywhere;
}

.billing-overview-actions {
    display: grid;
    gap: 10px;
    min-width: 170px;
}

.billing-overview-actions a {
    margin: 0;
    min-height: 40px;
    min-width: 0;
    text-decoration: none;
    width: 100%;
}

.billing-plan-section {
    margin-bottom: 18px;
}

.billing-plan-section .billing-heading {
    padding-bottom: 10px;
}

.billing-plan-section .billing-plan-grid {
    gap: 12px;
}

.billing-plan-section .billing-plan-card {
    border-radius: 10px;
    gap: 12px;
    min-height: 178px;
    padding: 16px;
}

.billing-plan-section .plan-card-top {
    align-items: start;
    display: flex;
    justify-content: space-between;
    min-height: 34px;
}

.billing-plan-section .plan-card-top h3 {
    font-size: 22px;
    margin: 0;
}

.billing-plan-section .plan-credit-highlight {
    min-height: 54px;
}

.billing-plan-section .plan-credit-highlight strong {
    font-size: clamp(20px, 1.45vw, 24px);
}

.billing-plan-section .plan-cta {
    margin-top: auto;
    min-height: 40px;
}

@media (max-width: 1320px) {
    .billing-overview-card {
        grid-template-columns: 1fr;
    }

    .billing-overview-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .billing-overview-card {
        padding: 16px;
    }

    .billing-overview-main h2 {
        font-size: 24px;
    }

    .billing-overview-stats,
    .billing-overview-actions {
        grid-template-columns: 1fr;
    }
}

/* Extraction history page */
.history-filters {
    align-items: end;
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    display: grid;
    gap: 34px;
    grid-template-columns: minmax(220px, 1.2fr) minmax(190px, 1fr) minmax(260px, 1.05fr) auto;
    margin-top: 30px;
    padding: 28px 34px;
}

.filter-field {
    display: grid;
    gap: 10px;
}

.filter-field > span:first-child {
    color: #071537;
    font-size: 13px;
    font-weight: 850;
}

.filter-control {
    align-items: center;
    background: #fff;
    border: 1px solid #cfd9ec;
    border-radius: 8px;
    color: #52699a;
    display: flex;
    gap: 10px;
    min-height: 48px;
    padding: 0 14px;
}

.filter-control input,
.filter-control select {
    appearance: none;
    background: transparent;
    border: 0;
    color: #102044;
    flex: 1;
    font-weight: 750;
    min-width: 0;
    outline: 0;
}

.filter-control input::placeholder {
    color: #657ba8;
}

.filter-control i {
    color: #5b73a4;
    font-size: 19px;
}

.filter-control .leading {
    color: #5b73a4;
    order: -1;
}

.export-button {
    align-items: center;
    background: white;
    border: 1px solid #cfd9ec;
    border-radius: 8px;
    color: #0b56d9;
    display: inline-flex;
    font-weight: 850;
    gap: 13px;
    justify-content: center;
    min-height: 48px;
    min-width: 148px;
    padding: 0 20px;
}

.history-card {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    margin-top: 22px;
    overflow: hidden;
    padding: 16px 18px 0;
}

.history-table-wrap {
    overflow-x: auto;
}

.history-table {
    min-width: 980px;
}

.history-table th {
    background: #f7f9fd;
    color: #071537;
    font-size: 13px;
    padding: 16px 18px;
    text-transform: none;
}

.history-table td {
    color: #06133a;
    font-size: 13px;
    font-weight: 850;
    padding: 16px 18px;
}

.history-table td:first-child a {
    color: #0055d8;
}

.history-table th:last-child,
.history-table td:last-child {
    text-align: center;
    width: 100px;
}

.history-status {
    border-radius: 6px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    padding: 6px 10px;
}

.history-status.completed {
    background: #dff8ec;
    color: #03955b;
}

.history-status.failed {
    background: #ffe7e9;
    color: #ff1723;
}

.history-status.stopped {
    background: #ffe7e9;
    color: #ff1723;
}

.history-status.cancelled {
    background: #fff1dc;
    color: #b76400;
}

.history-status.running {
    background: #e8f1ff;
    color: #0063ff;
}

.history-status.pending {
    background: #fff1dc;
    color: #ff8500;
}

.history-status.processing {
    background: #e8f1ff;
    color: #0063ff;
}

.history-pagination {
    align-items: center;
    color: #071537;
    display: flex;
    font-size: 13px;
    font-weight: 850;
    justify-content: space-between;
    padding: 18px 12px 24px;
}

.history-pagination .pagination-buttons button {
    height: 46px;
    min-width: 46px;
}

.action-menu {
    display: inline-flex;
    justify-content: center;
    position: relative;
}

.action-list {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    display: grid;
    min-width: 150px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 28px;
    z-index: 8;
}

.action-list a,
.action-list button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #102044;
    font-size: 12px;
    font-weight: 800;
    padding: 8px 10px;
    text-align: left;
}

.action-list a:hover,
.action-list button:hover {
    background: #eef4ff;
    color: var(--primary);
}

.action-list button:disabled {
    color: #9aa8c0;
    cursor: not-allowed;
}

.modal-backdrop-lite {
    align-items: center;
    background: rgba(8, 18, 45, 0.45);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 22px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20;
}

.details-modal {
    background: white;
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(8, 18, 45, 0.22);
    display: flex;
    flex-direction: column;
    max-height: min(720px, 88vh);
    max-width: 920px;
    overflow: hidden;
    width: min(920px, 100%);
}

.details-modal header {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    padding: 16px 18px;
}

.details-modal h2 {
    font-size: 18px;
    font-weight: 900;
    margin: 0;
}

.details-modal header button {
    background: transparent;
    border: 0;
    color: #102044;
}

.details-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 16px 18px;
}

.details-grid div {
    background: #f7f9fd;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 10px;
}

.details-grid span {
    color: var(--muted);
    display: block;
    font-size: 11px;
    font-weight: 800;
}

.details-grid strong {
    display: block;
    font-size: 13px;
    margin-top: 4px;
}

.details-table-wrap {
    overflow: auto;
    padding: 0 18px 18px;
}

.details-table-wrap table {
    min-width: 720px;
}

@media (max-width: 1180px) {
    .history-filters {
        gap: 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 18px;
        padding: 18px;
    }

    .export-button {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .history-filters {
        grid-template-columns: 1fr;
    }

    .history-pagination {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
    }
}

.sender-workspace,
.sender-panel,
.quick-settings,
.settings-panel {
    min-width: 0;
}

.campaign-steps {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 12px;
    padding: 12px;
}

.campaign-steps span {
    align-items: center;
    border-right: 1px solid var(--line);
    color: var(--muted);
    display: flex;
    font-weight: 800;
    gap: 10px;
    min-height: 36px;
}

.campaign-steps span:last-child {
    border-right: 0;
}

.campaign-steps strong {
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.campaign-steps .active {
    color: #3f36f4;
}

.campaign-steps .active strong {
    background: linear-gradient(135deg, #2368ff, #6533ff);
    color: white;
}

.sender-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(280px, 0.9fr) minmax(340px, 1.2fr) minmax(300px, 1fr);
}

.sender-panel,
.quick-settings,
.settings-panel {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 12px 30px rgba(22, 42, 88, 0.05);
    padding: 16px;
}

.panel-title h2,
.settings-panel h2 {
    font-size: 18px;
    font-weight: 850;
    margin: 0 0 4px;
}

.panel-title p {
    color: var(--muted);
    font-size: 12px;
    margin: 0 0 14px;
}

.source-tabs {
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 14px;
    overflow: hidden;
}

.source-tabs input {
    position: absolute;
    opacity: 0;
}

.source-tabs span {
    align-items: center;
    color: #1d3157;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    min-height: 78px;
}

.source-tabs i {
    color: #453cf2;
    font-size: 23px;
}

.source-tabs input:checked + span {
    background: #f2f0ff;
    box-shadow: inset 0 0 0 2px #5748ff;
    color: #372ce7;
}

.recipient-source-pane,
.campaign-details label,
.settings-panel label {
    display: grid;
    gap: 7px;
    margin-bottom: 12px;
}

.recipient-metrics {
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 14px 0;
}

.recipient-metrics div {
    border-right: 1px solid var(--line);
    padding: 12px 10px;
}

.recipient-metrics div:last-child {
    border-right: 0;
}

.recipient-metrics span,
.preview-summary span {
    color: var(--muted);
    display: block;
    font-size: 11px;
}

.recipient-metrics strong {
    display: block;
    font-size: 17px;
    margin-top: 5px;
}

.sender-checks {
    display: grid;
    gap: 12px;
    margin: 12px 0;
}

.sender-checks label {
    align-items: center;
    color: #273d66;
    display: flex;
    font-weight: 750;
    gap: 10px;
}

.sender-checks input {
    accent-color: #5748ff;
}

.ready-note {
    align-items: center;
    background: #eefbf4;
    border: 1px solid #bcebd1;
    border-radius: 8px;
    color: #0a8d54;
    display: flex;
    font-weight: 800;
    gap: 10px;
    min-height: 52px;
    padding: 10px 12px;
}

.editor-toolbar {
    align-items: center;
    border: 1px solid var(--line);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    display: flex;
    gap: 8px;
    padding: 8px;
}

.editor-toolbar .form-control {
    max-width: 180px;
}

.editor-toolbar button,
.icon-only {
    align-items: center;
    background: #f6f8fe;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: #1e3155;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.icon-only.danger {
    color: var(--danger);
}

.content-editor {
    border-radius: 0 0 8px 8px;
    min-height: 238px;
}

.variables-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.variables-row span {
    background: #f0edff;
    border-radius: 999px;
    color: #4733f2;
    font-size: 12px;
    font-weight: 850;
    padding: 5px 9px;
}

.preview-panel {
    position: relative;
}

.preview-device {
    display: flex;
    gap: 6px;
    position: absolute;
    right: 14px;
    top: 14px;
}

.preview-device button {
    background: #f6f8ff;
    border: 1px solid var(--line);
    border-radius: 8px;
    height: 34px;
    width: 42px;
}

.preview-device .active {
    background: #ebe8ff;
    color: #4335f4;
}

.email-preview {
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}

.preview-meta {
    background: #f8faff;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    display: grid;
    font-size: 12px;
    gap: 6px;
    padding: 12px;
}

.preview-body {
    line-height: 1.7;
    min-height: 240px;
    padding: 18px;
}

.preview-summary {
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 9px;
    margin-top: 12px;
    padding: 12px;
}

.preview-summary strong {
    color: var(--ink);
    float: right;
}

.quick-settings {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: 1.1fr 1fr repeat(4, minmax(120px, 0.8fr)) 1.5fr;
    margin-top: 14px;
}

.quick-settings label {
    color: #273d66;
    display: grid;
    font-size: 12px;
    font-weight: 850;
    gap: 7px;
}

.campaign-actions {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
}

.outline-button {
    background: white;
    border: 1px solid #5748ff;
    border-radius: 8px;
    color: #4232ed;
    font-weight: 850;
    min-height: 44px;
}

.sender-recent {
    margin-top: 14px;
}

.section-heading a {
    color: #453cf2;
    font-weight: 850;
}

.settings-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
}

.form-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.action-row {
    align-items: center;
    display: flex;
    gap: 6px;
}

.action-row form {
    margin: 0;
}

.mini-edit {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
    display: grid;
    gap: 8px;
    margin-top: 8px;
    min-width: 260px;
    padding: 10px;
    position: absolute;
    z-index: 3;
}

.template-list {
    display: grid;
    gap: 12px;
}

.template-card {
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    gap: 10px;
    padding: 12px;
}

.template-card strong,
.template-card span {
    display: block;
}

.template-card span,
.template-preview {
    color: var(--muted);
}

.compact-settings {
    max-width: 760px;
}

.job-status.running,
.job-status.paused,
.job-status.draft,
.job-status.cancelled,
.job-status.active,
.job-status.inactive {
    background: #f0edff;
    color: #4635ef;
}

.mailpro-send {
    display: grid;
    gap: 18px;
}

.send-heading {
    align-items: center;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    padding: 2px 0 16px;
}

.send-heading h2 {
    font-size: 26px;
    font-weight: 900;
    margin: 0 0 5px;
}

.send-heading p {
    color: var(--muted);
    margin: 0;
}

.heading-actions {
    display: flex;
    gap: 12px;
}

.send-mode-tabs {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    max-width: 760px;
}

.send-mode-tabs a {
    align-items: center;
    background: white;
    border: 1px solid var(--line);
    color: #17284d;
    display: grid;
    gap: 4px 14px;
    grid-template-columns: 58px minmax(0, 1fr);
    min-height: 84px;
    padding: 16px 22px;
}

.send-mode-tabs a:first-child {
    border-radius: 8px 0 0 8px;
}

.send-mode-tabs a:last-child {
    border-radius: 0 8px 8px 0;
}

.send-mode-tabs i {
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: #1e3155;
    display: flex;
    font-size: 30px;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.send-mode-tabs span {
    font-size: 17px;
    font-weight: 900;
}

.send-mode-tabs small {
    color: var(--muted);
    grid-column: 2;
}

.send-mode-tabs a.active {
    background: #f6f4ff;
    border-color: #5b4cff;
    box-shadow: inset 0 -2px 0 #5b4cff;
    color: #3026dc;
}

.send-mode-tabs a.active i {
    background: #ece8ff;
    border-color: transparent;
    color: #4c37f4;
}

.individual-layout {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(280px, .9fr) minmax(420px, 1.5fr) minmax(300px, 1fr);
}

.bulk-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(280px, 1.05fr) minmax(360px, 1.35fr) minmax(280px, 1fr) minmax(240px, .85fr);
}

.send-card {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(22, 42, 88, 0.04);
    display: grid;
    gap: 14px;
    padding: 18px;
}

.send-card h3 {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 900;
    gap: 12px;
    margin: 0;
}

.send-card h3 i,
.send-card h3 span {
    color: #4c37f4;
}

.send-card p {
    color: var(--muted);
    margin: -8px 0 0;
}

.send-card label {
    color: #15274a;
    display: grid;
    font-weight: 850;
    gap: 8px;
}

.send-card b {
    color: var(--danger);
}

.with-icon,
.plus-row {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) 42px;
}

.with-icon button,
.plus-row a {
    align-items: center;
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: #3528dc;
    display: flex;
    font-size: 20px;
    font-weight: 900;
    justify-content: center;
}

.or-line {
    align-items: center;
    color: var(--muted);
    display: grid;
    font-size: 12px;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    margin: 8px 0;
}

.or-line:before,
.or-line:after {
    background: var(--line);
    content: "";
    height: 1px;
}

.browse-row {
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: #372ce7;
    display: flex;
    font-weight: 850;
    gap: 10px;
    min-height: 46px;
    padding: 0 14px;
}

.browse-row .bi-chevron-right {
    margin-left: auto;
}

.mini-toolbar {
    align-items: center;
    border: 1px solid var(--line);
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    display: flex;
    gap: 5px;
    padding: 7px;
}

.mini-toolbar .form-control {
    max-width: 120px;
}

.mini-toolbar button {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #1e3155;
    height: 32px;
    width: 32px;
}

.mini-toolbar button:hover {
    background: #f2f5ff;
}

.editor-area {
    border-radius: 0 0 8px 8px;
    min-height: 220px;
}

.quick-card {
    align-content: start;
}

.preview-button {
    background: white;
    border: 1px solid #c8bfff;
    border-radius: 8px;
    color: #4c37f4;
    font-weight: 900;
    min-height: 46px;
}

.advanced-options {
    color: #283d66;
    text-align: center;
}

.advanced-options summary {
    cursor: pointer;
    font-weight: 850;
}

.start-button.full {
    width: 100%;
}

.source-tabs.compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.source-tabs.compact span {
    flex-direction: row;
    min-height: 45px;
}

.source-tabs.compact i {
    font-size: 16px;
}

.mini-metrics {
    border: 1px solid var(--line);
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mini-metrics div {
    border-right: 1px solid var(--line);
    display: grid;
    gap: 4px;
    padding: 12px;
}

.mini-metrics div:last-child {
    border-right: 0;
}

.mini-metrics span {
    color: var(--muted);
    font-size: 11px;
}

.mini-metrics strong {
    font-size: 18px;
}

.radio-stack {
    display: grid;
    gap: 10px;
}

.radio-stack label,
.toggle-line {
    align-items: center;
    display: flex !important;
    gap: 10px !important;
}

.radio-stack input,
.toggle-line input {
    accent-color: #5b4cff;
}

.file-soft {
    background: #f8faff;
    border: 1px dashed #c9d5ef;
    border-radius: 8px;
    padding: 10px;
}

.after-every {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
}

.bulk-bottom {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .9fr);
}

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

.card-head-row h3 small {
    color: var(--muted);
    font-size: 13px;
}

.valid-dot {
    color: #149e63;
    font-weight: 850;
}

.preview-empty {
    min-height: 250px;
}

.empty-envelope {
    align-items: center;
    color: var(--muted);
    display: grid;
    gap: 14px;
    justify-items: center;
    min-height: 180px;
    text-align: center;
}

.empty-envelope i {
    color: #a79bff;
    font-size: 72px;
}

.floating-preview {
    background: white;
    border: 1px solid var(--line);
    border-radius: 8px;
    bottom: 38px;
    box-shadow: 0 20px 50px rgba(22, 42, 88, 0.18);
    max-width: 430px;
    padding: 22px;
    position: fixed;
    right: 28px;
    width: calc(100vw - 48px);
    z-index: 20;
}

.floating-preview > button {
    background: transparent;
    border: 0;
    position: absolute;
    right: 14px;
    top: 14px;
}

.floating-preview h3 {
    font-size: 18px;
    font-weight: 900;
    margin: 0 0 16px;
}

.floating-preview p {
    margin: 8px 0;
}

.floating-preview div {
    line-height: 1.7;
}

@media (max-width: 1200px) {
    .sender-grid,
    .quick-settings,
    .settings-grid,
    .individual-layout,
    .bulk-grid,
    .bulk-bottom {
        grid-template-columns: 1fr;
    }

    .campaign-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .send-heading {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    .send-mode-tabs {
        max-width: none;
    }
}

@media (max-width: 720px) {
    .send-mode-tabs,
    .source-tabs.compact,
    .mini-metrics,
    .heading-actions {
        grid-template-columns: 1fr;
    }

    .send-mode-tabs a:first-child,
    .send-mode-tabs a:last-child {
        border-radius: 8px;
    }

    .heading-actions {
        display: grid;
    }

    .after-every {
        grid-template-columns: 1fr;
    }
}

/* Desktop no-page-scroll layout */
@media (min-width: 1081px) {
    html,
    body {
        height: 100%;
        overflow: hidden;
    }

    body {
        min-height: 100vh;
    }

    .app-shell {
        height: 100vh;
        min-height: 100vh;
        overflow: hidden;
    }

    .sidebar {
        height: 100vh;
        min-height: 100vh;
        overflow: hidden;
    }

    .content {
        display: flex;
        flex-direction: column;
        height: 100vh;
        min-height: 0;
        overflow: hidden;
        padding: 12px 18px 12px;
    }

    .topbar {
        align-items: center;
        flex: 0 0 auto;
        margin-bottom: 8px;
        min-height: 46px;
    }

    .topbar h1 {
        font-size: 26px;
        margin-bottom: 4px;
    }

    .breadcrumb-line {
        font-size: 11px;
    }

    .icon-button {
        height: 40px;
        width: 40px;
    }

    .credits-dropdown {
        min-width: 166px;
        padding: 6px 10px;
    }

    .credits-icon {
        height: 32px;
        width: 32px;
    }

    .stats-grid {
        flex: 0 0 auto;
        gap: 10px;
        margin-bottom: 10px;
    }

    .stat-card {
        height: 84px;
        min-height: 84px;
        padding: 11px 13px;
    }

    .stat-icon {
        flex-basis: 42px;
        font-size: 21px;
        height: 42px;
        width: 42px;
    }

    .stat-card strong {
        font-size: 23px;
        margin-top: 4px;
    }

    .stat-card p {
        margin-top: 3px;
    }

    .extractor-grid {
        flex: 0 0 auto;
        gap: 10px;
    }

    .tab-button,
    .card-heading {
        min-height: 40px;
    }

    .domain-form {
        padding-top: 10px;
    }

    .domain-form textarea {
        height: 124px;
        min-height: 124px;
    }

    .domain-footer {
        min-height: 44px;
        padding-bottom: 9px;
    }

    .settings-list {
        gap: 6px;
        padding: 10px 14px 10px;
    }

    .setting-row {
        min-height: 23px;
    }

    .live-main {
        grid-template-columns: 112px minmax(0, 1fr);
        padding: 10px 14px 8px;
    }

    .progress-ring {
        height: 112px;
        width: 112px;
    }

    .progress-ring span {
        font-size: 26px;
    }

    .wide-progress {
        margin-bottom: 8px;
    }

    .live-metrics {
        gap: 6px;
        padding-bottom: 9px;
    }

    .live-metrics div {
        min-height: 45px;
        padding: 6px 8px;
    }

    .jobs-card {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        margin-top: 10px;
        min-height: 0;
    }

    .jobs-card .section-heading {
        flex: 0 0 auto;
        padding: 9px 14px 0;
    }

    .jobs-card .table-wrap {
        flex: 1 1 auto;
        max-height: calc(100vh - 525px);
        min-height: 0;
        overflow: auto;
        padding: 7px 10px 0;
    }

    .jobs-card .pagination-row {
        flex: 0 0 auto;
        padding: 7px 14px 9px;
    }

    .jobs-table th,
    .jobs-table td {
        padding: 6px 8px;
    }

    .jobs-table th,
    .history-table th {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .table-button {
        min-height: 25px;
    }

    .history-filters {
        flex: 0 0 auto;
        gap: 18px;
        margin-top: 8px;
        padding: 14px 22px;
    }

    .filter-field {
        gap: 6px;
    }

    .filter-control,
    .export-button {
        min-height: 38px;
    }

    .history-card {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        margin-top: 10px;
        min-height: 0;
        padding: 10px 14px 0;
    }

    .history-table-wrap {
        flex: 1 1 auto;
        max-height: calc(100vh - 225px);
        min-height: 0;
        overflow: auto;
    }

    .history-table th,
    .history-table td {
        padding: 10px 14px;
    }

    .history-pagination {
        flex: 0 0 auto;
        padding: 10px 10px 12px;
    }

    .history-pagination .pagination-buttons button {
        height: 34px;
        min-width: 34px;
    }

    body.sender-page {
        height: auto;
        overflow: auto;
    }

    .sender-page .app-shell {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    .sender-page .sidebar {
        height: 100vh;
        overflow: auto;
    }

    .sender-page .content {
        height: auto;
        min-height: 100vh;
        overflow: visible;
        padding-bottom: 28px;
    }
}

/* Billing page premium workspace overrides */
@media (min-width: 1081px) {
    html:has(body.billing-page),
    body.billing-page {
        height: auto;
        min-height: 100%;
        overflow: auto;
    }

    body.billing-page .app-shell {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    body.billing-page .sidebar {
        height: 100vh;
        overflow-y: auto;
    }

    body.billing-page .content {
        display: block;
        height: auto;
        min-height: 100vh;
        overflow: visible;
        padding: 18px 22px 34px;
    }
}

body.billing-page .topbar {
    margin-bottom: 16px;
}

body.billing-page .billing-overview-card {
    border-radius: 14px;
    grid-template-columns: minmax(240px, 1fr) minmax(360px, 1.1fr) minmax(160px, 180px);
    margin-bottom: 18px;
    padding: 18px;
}

body.billing-page .billing-overview-main h2 {
    font-size: 28px;
}

body.billing-page .billing-overview-stats {
    gap: 8px;
}

body.billing-page .billing-overview-stats div {
    border-radius: 10px;
    min-height: 66px;
    padding: 10px 12px;
}

body.billing-page .billing-overview-actions {
    min-width: 0;
}

body.billing-page .billing-plan-section {
    margin-bottom: 16px;
}

body.billing-page .billing-heading {
    padding-bottom: 8px;
}

body.billing-page .billing-plan-grid {
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.billing-page .billing-plan-card {
    border-radius: 12px;
    gap: 12px;
    min-height: 164px;
    padding: 15px;
}

body.billing-page .billing-plan-card:nth-child(1) {
    border-color: #dfe6f3;
}

body.billing-page .billing-plan-card:nth-child(2) {
    border-top: 3px solid #4e8dff;
}

body.billing-page .billing-plan-card.recommended {
    border-color: #5f96ff;
    box-shadow: 0 16px 42px rgba(29, 99, 245, 0.16), 0 0 0 3px rgba(29, 99, 245, 0.07);
}

body.billing-page .billing-plan-card:nth-child(4) {
    border-top: 3px solid #6b5cff;
}

body.billing-page .plan-card-top {
    min-height: 28px;
}

body.billing-page .billing-plan-section .plan-card-top h3 {
    font-size: 21px;
}

body.billing-page .billing-plan-description {
    color: #5b6f98;
    display: -webkit-box;
    font-size: 12px;
    line-height: 1.35;
    margin: 0;
    min-height: 32px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.billing-page .plan-credit-highlight {
    background: #f6f9ff;
    min-height: 44px;
}

body.billing-page .plan-cta {
    min-height: 38px;
}

body.billing-page button.plan-cta {
    border: 0;
    width: 100%;
}

body.billing-page .plan-cta:disabled {
    cursor: wait;
    opacity: .75;
}

body.billing-page .plan-cta.is-loading i {
    animation: paymentSpin .8s linear infinite;
}

body.billing-page .jobs-card {
    border-radius: 12px;
    margin-top: 16px;
}

body.billing-page .billing-empty {
    min-height: 128px;
    padding: 22px 16px;
}

body.billing-page .billing-empty.compact {
    min-height: 110px;
}

.payment-processing-modal[hidden],
.billing-toast[hidden] {
    display: none;
}

.payment-processing-modal {
    align-items: center;
    background: rgba(8, 16, 40, .34);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 18px;
    position: fixed;
    z-index: 80;
}

.payment-processing-modal > div {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(9, 17, 47, 0.22);
    display: grid;
    gap: 10px;
    justify-items: center;
    max-width: 340px;
    padding: 24px;
    text-align: center;
}

.payment-processing-modal strong {
    color: #071537;
    font-size: 18px;
    font-weight: 950;
}

.payment-processing-modal p {
    color: #53668f;
    margin: 0;
}

.payment-spinner {
    border: 3px solid #e4ebf7;
    border-top-color: #1d63f5;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    animation: paymentSpin .8s linear infinite;
}

.billing-toast {
    border-radius: 12px;
    bottom: 24px;
    box-shadow: 0 18px 44px rgba(9, 17, 47, .18);
    color: #fff;
    font-weight: 900;
    max-width: min(380px, calc(100vw - 32px));
    padding: 13px 16px;
    position: fixed;
    right: 24px;
    z-index: 90;
}

.billing-toast.success {
    background: #087f51;
}

.billing-toast.failed {
    background: #c81924;
}

.billing-summary-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
}

.billing-summary-grid div {
    background: #f7faff;
    display: grid;
    gap: 7px;
    min-height: 78px;
    padding: 14px;
}

.billing-summary-grid span {
    color: #53668f;
    font-size: 12px;
    font-weight: 900;
}

.billing-summary-grid strong {
    color: #071537;
    font-size: 15px;
    font-weight: 950;
    overflow-wrap: anywhere;
}

body.billing-page .plan-credit-highlight.muted {
    background: #fff;
    border: 1px solid #e4ebf7;
}

.dummy-payment-modal > div {
    align-items: stretch;
    justify-items: stretch;
    max-width: 460px;
}

.dummy-payment-details {
    background: #f7faff;
    border: 1px solid #e4ebf7;
    border-radius: 10px;
    display: grid;
    gap: 8px;
    padding: 12px;
    text-align: left;
}

.dummy-payment-details span {
    color: #33476f;
    font-size: 13px;
    font-weight: 850;
}

.dummy-payment-actions {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 4px;
}

.dummy-payment-actions .plan-cta,
.dummy-payment-actions .billing-ghost-button {
    min-height: 42px;
    width: 100%;
}

.daily-usage-panel {
    background: #f7faff;
    border: 1px solid #e4ebf7;
    border-radius: 10px;
    display: grid;
    gap: 9px;
    padding: 12px;
}

.daily-usage-panel > div:first-child {
    align-items: center;
    color: #20345c;
    display: flex;
    font-weight: 900;
    justify-content: space-between;
}

.daily-usage-panel > div:first-child span {
    color: #53668f;
    font-size: 12px;
}

.daily-usage-warning {
    color: #b45309;
    display: none;
    font-size: 12px;
    font-weight: 900;
    margin: 0;
}

.daily-usage-warning.is-visible {
    display: block;
}

@media (max-width: 900px) {
    .billing-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .billing-summary-grid,
    .dummy-payment-actions {
        grid-template-columns: 1fr;
    }
}

.receipt-shell {
    background: #fff;
    border: 1px solid #dfe8f7;
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(22, 42, 88, 0.10);
    margin: 0 auto;
    max-width: 920px;
    padding: 24px;
}

.receipt-head {
    align-items: center;
    border-bottom: 1px solid #e4ebf7;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding-bottom: 18px;
}

.receipt-head h2 {
    color: #071537;
    font-size: 28px;
    font-weight: 950;
    margin: 8px 0 5px;
}

.receipt-head p {
    color: #53668f;
    margin: 0;
}

.receipt-grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 18px 0 0;
    overflow: hidden;
}

.receipt-grid div {
    background: #f7faff;
    display: grid;
    gap: 6px;
    min-height: 76px;
    padding: 14px;
}

.receipt-grid dt {
    color: #53668f;
    font-size: 12px;
    font-weight: 900;
}

.receipt-grid dd {
    color: #071537;
    font-weight: 950;
    margin: 0;
    overflow-wrap: anywhere;
}

.receipt-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 18px;
}

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

@media (max-width: 720px) {
    .receipt-head {
        align-items: stretch;
        display: grid;
    }

    .receipt-grid {
        grid-template-columns: 1fr;
    }

    .billing-toast {
        bottom: 16px;
        right: 16px;
    }
}

@media print {
    body.receipt-page .sidebar,
    body.receipt-page .topbar,
    .receipt-actions {
        display: none !important;
    }

    body.receipt-page .content,
    body.receipt-page .app-shell {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    .receipt-shell {
        border: 0 !important;
        box-shadow: none !important;
        max-width: none !important;
    }
}

@media (max-width: 1320px) {
    body.billing-page .billing-overview-card {
        grid-template-columns: 1fr;
    }

    body.billing-page .billing-overview-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.billing-page .billing-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Email Extractor dashboard */
@media (min-width: 1081px) {
    html:has(body.dashboard-page),
    body.dashboard-page {
        height: auto;
        min-height: 100%;
        overflow: auto;
    }

    body.dashboard-page .app-shell {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    body.dashboard-page .sidebar {
        height: 100vh;
        overflow-y: auto;
    }

    body.dashboard-page .content {
        display: block;
        height: auto;
        min-height: 100vh;
        overflow: visible;
        padding: 18px 22px 34px;
    }
}

body.dashboard-page .topbar {
    margin-bottom: 16px;
}

.dashboard-hero {
    align-items: center;
    background: linear-gradient(135deg, #ffffff, #f4f8ff);
    border: 1px solid #dfe8f7;
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(22, 42, 88, 0.10);
    display: flex;
    gap: 22px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 22px;
}

.hero-kicker {
    color: #0b56d9;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}

.dashboard-hero h2 {
    color: #071537;
    font-size: 30px;
    font-weight: 950;
    line-height: 1.08;
    margin: 7px 0 12px;
}

.hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.hero-meta span {
    align-items: center;
    background: #fff;
    border: 1px solid #e0e8f6;
    border-radius: 999px;
    color: #53668f;
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    gap: 6px;
    min-height: 30px;
    padding: 0 11px;
}

.hero-cta {
    align-items: center;
    background: linear-gradient(180deg, #2675ff, #0758f0);
    border-radius: 8px;
    box-shadow: 0 12px 24px rgba(29, 99, 245, 0.24);
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 950;
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    text-decoration: none;
}

.dashboard-kpis {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
}

.subscription-warning,
.dashboard-subscription-card {
    background: #fff;
    border: 1px solid #dfe8f7;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(22, 42, 88, 0.07);
    margin-bottom: 16px;
}

.subscription-warning {
    align-items: center;
    border-color: #ffd4a3;
    display: grid;
    gap: 12px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    padding: 14px 16px;
}

.subscription-warning i {
    align-items: center;
    background: #fff1dc;
    border-radius: 11px;
    color: #b76400;
    display: flex;
    font-size: 20px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.subscription-warning strong {
    color: #071537;
    display: block;
    font-weight: 950;
}

.subscription-warning span {
    color: #53668f;
    font-size: 13px;
}

.subscription-warning a {
    color: #0b56d9;
    font-weight: 950;
    text-decoration: none;
}

.dashboard-subscription-card {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
}

.dashboard-subscription-card article {
    background: #fff;
    display: grid;
    gap: 5px;
    min-height: 78px;
    padding: 15px;
}

.dashboard-subscription-card span {
    color: #53668f;
    font-size: 12px;
    font-weight: 900;
}

.dashboard-subscription-card strong {
    color: #071537;
    font-size: 19px;
    font-weight: 950;
}

.dashboard-subscription-status.active { color: #087f51; }
.dashboard-subscription-status.trial { color: #0b56d9; }
.dashboard-subscription-status.expired { color: #c81924; }
.dashboard-subscription-status.cancelled { color: #b76400; }

.dashboard-kpi {
    background: #fff;
    border: 1px solid #dfe8f7;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(22, 42, 88, 0.07);
    display: grid;
    gap: 7px;
    min-height: 126px;
    padding: 17px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.dashboard-kpi:hover,
.quick-actions a:hover {
    border-color: #9dbdff;
    box-shadow: 0 18px 42px rgba(22, 42, 88, 0.12);
    transform: translateY(-2px);
}

.dashboard-kpi i {
    align-items: center;
    background: #eef4ff;
    border-radius: 12px;
    color: #0b56d9;
    display: inline-flex;
    font-size: 21px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.dashboard-kpi:nth-child(2) i { background: #e8f8ee; color: #0a8e58; }
.dashboard-kpi:nth-child(3) i { background: #fff3df; color: #c97000; }
.dashboard-kpi:nth-child(4) i { background: #f0ebff; color: #6142e8; }

.dashboard-kpi span {
    color: #53668f;
    font-size: 12px;
    font-weight: 900;
}

.dashboard-kpi strong {
    color: #071537;
    font-size: 26px;
    font-weight: 950;
    line-height: 1;
}

.quick-actions {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
}

.quick-actions a {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe8f7;
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(22, 42, 88, 0.06);
    color: #071537;
    display: flex;
    font-weight: 950;
    gap: 11px;
    min-height: 64px;
    padding: 0 16px;
    text-decoration: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.quick-actions i {
    align-items: center;
    background: #f3f7ff;
    border-radius: 10px;
    color: #0b56d9;
    display: inline-flex;
    font-size: 18px;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.dashboard-jobs-card {
    background: #fff;
    border: 1px solid #dfe8f7;
    border-radius: 14px;
    box-shadow: 0 14px 38px rgba(22, 42, 88, 0.08);
    overflow: hidden;
}

.dashboard-section-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 18px 20px 0;
}

.dashboard-section-head h2 {
    color: #071537;
    font-size: 20px;
    font-weight: 950;
    margin: 0;
}

.dashboard-section-head p {
    color: #53668f;
    font-size: 13px;
    margin: 4px 0 0;
}

.dashboard-section-head a,
.dashboard-view {
    color: #0b56d9;
    font-weight: 950;
    text-decoration: none;
}

.dashboard-table-wrap {
    overflow-x: auto;
    padding: 14px 18px 18px;
}

.dashboard-jobs-table {
    min-width: 820px;
}

.dashboard-jobs-table th,
.dashboard-jobs-table td {
    padding: 12px 14px;
}

.dashboard-status {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 950;
    padding: 6px 10px;
}

.dashboard-status.completed { background: #dff8ec; color: #087f51; }
.dashboard-status.running { background: #e8f1ff; color: #0b56d9; }
.dashboard-status.cancelled { background: #fff1dc; color: #b76400; }
.dashboard-status.failed { background: #ffe7e9; color: #c81924; }
.dashboard-status.pending { background: #edf1f7; color: #5b6b87; }

.dashboard-empty {
    align-items: center;
    display: grid;
    gap: 12px;
    justify-items: center;
    min-height: 220px;
    padding: 28px 18px;
    text-align: center;
}

.dashboard-empty i {
    align-items: center;
    background: #eef4ff;
    border-radius: 18px;
    color: #0b56d9;
    display: inline-flex;
    font-size: 34px;
    height: 66px;
    justify-content: center;
    width: 66px;
}

.dashboard-empty strong {
    color: #071537;
    font-size: 18px;
    font-weight: 950;
}

@media (max-width: 1180px) {
    .dashboard-hero {
        align-items: stretch;
        display: grid;
    }

    .dashboard-kpis,
    .quick-actions,
    .dashboard-subscription-card {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .subscription-warning {
        align-items: start;
        grid-template-columns: 42px 1fr;
    }

    .subscription-warning a {
        grid-column: 2;
    }

    .dashboard-hero {
        padding: 17px;
    }

    .dashboard-hero h2 {
        font-size: 24px;
    }

    .dashboard-kpis,
    .quick-actions,
    .dashboard-subscription-card {
        grid-template-columns: 1fr;
    }

    .dashboard-section-head {
        align-items: stretch;
        display: grid;
        gap: 10px;
    }
}

@media (max-width: 760px) {
    body.billing-page .billing-overview-card,
    body.billing-page .billing-overview-stats,
    body.billing-page .billing-overview-actions,
    body.billing-page .billing-plan-grid {
        grid-template-columns: 1fr;
    }

    body.billing-page .billing-overview-main h2 {
        font-size: 24px;
    }
}

/* Admin SaaS workspace */
@media (min-width: 1081px) {
    html:has(body.admin-page),
    body.admin-page {
        height: auto;
        min-height: 100%;
        overflow: auto;
    }

    body.admin-page .app-shell {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    body.admin-page .sidebar {
        height: 100vh;
        overflow-y: auto;
    }

    body.admin-page .content {
        display: block;
        height: auto;
        min-height: 100vh;
        overflow: visible;
        padding: 18px 22px 34px;
    }
}

body.admin-page .topbar {
    margin-bottom: 16px;
}

.admin-hero,
.admin-user-header,
.admin-stat-card,
body.admin-page .extract-card,
body.admin-page .jobs-card {
    background: #fff;
    border: 1px solid #dfe8f7;
    border-radius: 14px;
    box-shadow: 0 14px 36px rgba(22, 42, 88, 0.08);
}

.admin-hero {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 22px;
}

.admin-kicker {
    color: #0b56d9;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}

.admin-hero h2,
.admin-user-header h2 {
    color: #071537;
    font-size: 28px;
    font-weight: 950;
    line-height: 1.08;
    margin: 6px 0;
}

.admin-hero p,
.admin-user-header p,
.admin-muted {
    color: #53668f;
    margin: 0;
}

.admin-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.admin-stat-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
}

.admin-stat-card {
    display: grid;
    gap: 6px;
    min-height: 118px;
    padding: 16px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.admin-stat-card:hover {
    border-color: #9dbdff;
    box-shadow: 0 18px 42px rgba(22, 42, 88, 0.12);
    transform: translateY(-2px);
}

.admin-stat-card i {
    align-items: center;
    background: #eef4ff;
    border-radius: 12px;
    color: #0b56d9;
    display: inline-flex;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.admin-stat-card span {
    color: #53668f;
    font-size: 12px;
    font-weight: 900;
}

.admin-stat-card strong {
    color: #071537;
    font-size: 25px;
    font-weight: 950;
}

.admin-split,
.admin-management-grid {
    display: grid;
    gap: 14px;
    margin-bottom: 16px;
}

.admin-split {
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
}

.admin-management-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-table-card {
    margin-top: 16px;
}

body.admin-page .jobs-card .table-wrap {
    max-height: none;
    overflow: auto;
}

.admin-status,
.admin-job-status {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 950;
    padding: 6px 10px;
    white-space: nowrap;
}

.admin-status.active,
.admin-job-status.completed {
    background: #dff8ec;
    color: #087f51;
}

.admin-status.trial {
    background: #e8f1ff;
    color: #0b56d9;
}

.admin-status.inactive,
.admin-status.inactive {
    background: #edf1f7;
    color: #5b6b87;
}

.admin-status.expired {
    background: #ffe7e9;
    color: #c81924;
}

.admin-status.cancelled,
.admin-job-status.cancelled {
    background: #fff1dc;
    color: #b76400;
}

.admin-job-status.running,
.admin-job-status.processing,
.admin-job-status.pending {
    background: #e8f1ff;
    color: #0b56d9;
}

.admin-job-status.failed {
    background: #ffe7e9;
    color: #c81924;
}

.admin-user-header {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 20px;
}

.admin-user-metrics {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
}

.admin-user-metrics div {
    background: #f6f9ff;
    border: 1px solid #e0e8f6;
    border-radius: 10px;
    display: grid;
    gap: 4px;
    min-height: 70px;
    padding: 12px;
}

.admin-user-metrics span {
    color: #53668f;
    font-size: 12px;
    font-weight: 850;
}

.admin-user-metrics strong {
    color: #071537;
    font-size: 20px;
    font-weight: 950;
}

.admin-date-row {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-link-button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-top: 16px;
    text-decoration: none;
}

.credit-added {
    color: #087f51;
    font-weight: 900;
}

.credit-used {
    color: #c81924;
    font-weight: 900;
}

@media (max-width: 1180px) {
    .admin-stat-grid,
    .admin-management-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-split,
    .admin-hero,
    .admin-user-header {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .admin-stat-grid,
    .admin-management-grid,
    .admin-user-metrics,
    .admin-date-row {
        grid-template-columns: 1fr;
    }

    .admin-hero,
    .admin-user-header {
        padding: 16px;
    }

    .admin-hero h2,
    .admin-user-header h2 {
        font-size: 23px;
    }
}

/* Compact admin dashboard refinement */
body.admin-dashboard-page .content {
    max-width: 1480px;
    width: 100%;
}

body.admin-dashboard-page .topbar {
    margin-bottom: 10px;
}

.admin-sidebar-widget {
    align-items: flex-start;
}

.admin-sidebar-widget i {
    background: #eef4ff;
    border-radius: 12px;
    color: #0b56d9;
}

.admin-sidebar-widget small {
    color: #6b7b9d;
    display: block;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.25;
    margin-top: 2px;
    max-width: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-top-profile {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe8f7;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(22, 42, 88, .06);
    color: #071537;
    display: flex;
    gap: 10px;
    min-height: 48px;
    padding: 6px 12px 6px 8px;
}

.admin-top-profile-form {
    margin: 0;
}

.admin-top-profile-form .admin-top-profile {
    cursor: pointer;
}

.admin-top-profile .avatar {
    flex: 0 0 auto;
    height: 34px;
    width: 34px;
}

.admin-top-profile span:not(.avatar) {
    display: grid;
    line-height: 1.15;
    text-align: left;
}

.admin-top-profile small {
    color: #6b7b9d;
    font-size: 11px;
    font-weight: 850;
}

.admin-top-profile strong {
    font-size: 13px;
    font-weight: 950;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.admin-dashboard-page .admin-hero.compact {
    border-radius: 12px;
    margin-bottom: 12px;
    padding: 14px 16px;
}

body.admin-dashboard-page .admin-hero.compact h2 {
    font-size: 24px;
    margin: 0 0 4px;
}

body.admin-dashboard-page .admin-hero.compact p {
    font-size: 13px;
}

body.admin-dashboard-page .admin-hero-actions {
    gap: 8px;
}

body.admin-dashboard-page .admin-hero-actions a {
    border-radius: 9px;
    min-height: 38px;
    padding: 0 13px;
}

body.admin-dashboard-page .admin-stat-grid.compact {
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 12px;
}

body.admin-dashboard-page .admin-stat-card.compact {
    align-items: center;
    border-radius: 12px;
    display: grid;
    gap: 12px;
    grid-template-columns: 42px minmax(0, 1fr);
    min-height: 82px;
    padding: 12px 14px;
}

body.admin-dashboard-page .admin-stat-card.compact i {
    border-radius: 10px;
    font-size: 18px;
    height: 38px;
    width: 38px;
}

body.admin-dashboard-page .admin-stat-card.compact span {
    display: block;
    font-size: 11px;
    line-height: 1.2;
    margin-bottom: 4px;
}

body.admin-dashboard-page .admin-stat-card.compact strong {
    display: block;
    font-size: 23px;
    line-height: 1;
}

.admin-quick-actions {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 12px;
}

.admin-quick-actions a {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe8f7;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(22, 42, 88, .06);
    color: #071537;
    display: flex;
    font-weight: 950;
    gap: 10px;
    min-height: 50px;
    padding: 0 14px;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.admin-quick-actions a:hover {
    border-color: #9dbdff;
    box-shadow: 0 16px 34px rgba(22, 42, 88, .10);
    transform: translateY(-1px);
}

.admin-quick-actions i {
    align-items: center;
    background: #eef4ff;
    border-radius: 9px;
    color: #0b56d9;
    display: inline-flex;
    font-size: 17px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

body.admin-dashboard-page .admin-table-card.compact {
    border-radius: 12px;
    margin-top: 12px;
}

body.admin-dashboard-page .admin-table-card.compact .section-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 12px 14px 0;
}

body.admin-dashboard-page .admin-table-card.compact .section-heading h2 {
    font-size: 18px;
}

body.admin-dashboard-page .admin-table-card.compact .table-wrap {
    padding: 8px 10px 12px;
}

body.admin-dashboard-page .admin-table-card.compact .jobs-table th,
body.admin-dashboard-page .admin-table-card.compact .jobs-table td {
    padding: 8px 10px;
    vertical-align: middle;
}

body.admin-dashboard-page .admin-table-card.compact .jobs-table th {
    font-size: 11px;
}

body.admin-dashboard-page .admin-status,
body.admin-dashboard-page .admin-job-status {
    padding: 5px 9px;
}

@media (max-width: 1180px) {
    body.admin-dashboard-page .admin-stat-grid.compact,
    .admin-quick-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    body.admin-dashboard-page .admin-stat-grid.compact,
    .admin-quick-actions {
        grid-template-columns: 1fr;
    }

    .admin-top-profile span:not(.avatar),
    .admin-top-profile .bi-chevron-down {
        display: none;
    }

    body.admin-dashboard-page .admin-hero.compact {
        padding: 14px;
    }

    body.admin-dashboard-page .admin-hero.compact h2 {
        font-size: 22px;
    }
}

/* Admin user management module */
.admin-module-bar,
.admin-toolbar {
    background: #fff;
    border: 1px solid #dfe8f7;
    border-radius: 14px;
    box-shadow: 0 14px 36px rgba(22, 42, 88, 0.08);
    margin-bottom: 14px;
    padding: 16px;
}

.admin-module-bar {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
}

.admin-module-bar h2 {
    color: #071537;
    font-size: 25px;
    font-weight: 950;
    line-height: 1.1;
    margin: 4px 0;
}

.admin-module-bar p {
    color: #53668f;
    margin: 0;
}

.admin-module-actions,
.admin-profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.admin-module-actions a,
.admin-module-actions button,
.admin-profile-actions button,
.admin-profile-actions a {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    min-height: 40px;
    text-decoration: none;
}

.admin-toolbar {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(300px, 1fr) auto;
}

.admin-search-form {
    align-items: center;
    background: #f6f9ff;
    border: 1px solid #dfe8f7;
    border-radius: 11px;
    display: grid;
    gap: 10px;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    min-height: 46px;
    padding: 6px 8px 6px 13px;
}

.admin-search-form i {
    color: #6a7b9d;
}

.admin-search-form input {
    background: transparent;
    border: 0;
    color: #071537;
    min-width: 0;
    outline: 0;
}

.admin-search-form button,
.admin-filter-tabs a {
    align-items: center;
    border-radius: 9px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 950;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    text-decoration: none;
}

.admin-search-form button {
    background: #0b56d9;
    border: 0;
    color: #fff;
}

.admin-filter-tabs {
    background: #f6f9ff;
    border: 1px solid #dfe8f7;
    border-radius: 11px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 5px;
}

.admin-filter-tabs a {
    color: #53668f;
}

.admin-filter-tabs a.active {
    background: #fff;
    box-shadow: 0 8px 20px rgba(22, 42, 88, 0.08);
    color: #0b56d9;
}

.admin-users-table .section-heading,
.admin-subscriptions-table .section-heading,
.admin-plans-table .section-heading,
.admin-table-card .section-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 16px 18px 0;
}

.admin-users-table .section-heading span {
    color: #53668f;
    font-size: 13px;
    font-weight: 850;
}

.admin-history-action {
    background: #eef4ff;
    border-radius: 999px;
    color: #0b56d9;
    display: inline-flex;
    font-size: 11px;
    font-weight: 950;
    padding: 6px 10px;
    white-space: nowrap;
}

.admin-checkbox {
    align-items: center;
    display: flex;
    gap: 9px;
}

.admin-checkbox input {
    margin: 0;
    min-height: auto;
    width: auto;
}

.admin-user-cell,
.admin-profile-title {
    align-items: center;
    display: flex;
    gap: 10px;
    min-width: 0;
}

.admin-user-cell .avatar,
.admin-profile-title .avatar {
    flex: 0 0 auto;
}

.admin-actions-menu .dropdown-menu {
    border: 1px solid #dfe8f7;
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(22, 42, 88, 0.16);
    min-width: 210px;
    padding: 6px;
}

.admin-actions-menu .dropdown-item {
    align-items: center;
    border: 0;
    border-radius: 8px;
    color: #1d2b4f;
    display: flex;
    font-size: 13px;
    font-weight: 850;
    gap: 9px;
    min-height: 34px;
}

.admin-actions-menu form {
    margin: 0;
}

.admin-pagination {
    padding: 0 18px 18px;
}

.admin-modal {
    border: 0;
    border-radius: 14px;
    box-shadow: 0 24px 70px rgba(9, 17, 47, 0.22);
}

.admin-modal .modal-header,
.admin-modal .modal-footer {
    border-color: #e4ebf7;
}

.admin-modal .modal-title {
    color: #071537;
    font-weight: 950;
}

.admin-modal .modal-header p {
    color: #53668f;
    font-size: 13px;
    margin: 4px 0 0;
}

.admin-form-grid {
    display: grid;
    gap: 13px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-form-grid.single {
    grid-template-columns: 1fr;
}

.admin-form-grid label,
.admin-detail-list dt {
    color: #25375d;
    font-size: 13px;
    font-weight: 900;
}

.admin-form-grid input,
.admin-form-grid select {
    background: #f8fbff;
    border: 1px solid #dce5f4;
    border-radius: 10px;
    color: #071537;
    display: block;
    margin-top: 7px;
    min-height: 42px;
    padding: 8px 11px;
    width: 100%;
}

.admin-profile-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 14px;
}

.admin-settings-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-payments-page .admin-stat-grid.compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-user-header.profile {
    align-items: center;
}

.admin-user-header.profile h2 {
    margin-bottom: 3px;
}

.admin-detail-list {
    display: grid;
    gap: 11px;
    margin: 0;
}

.admin-detail-list div {
    align-items: center;
    border-bottom: 1px solid #edf2fa;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    min-height: 34px;
    padding-bottom: 10px;
}

.admin-detail-list div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.admin-detail-list dd {
    color: #071537;
    font-weight: 850;
    margin: 0;
    text-align: right;
}

.admin-user-profile-page .admin-stat-grid.compact {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

body.admin-page .jobs-table td {
    vertical-align: middle;
}

.admin-status.paid {
    background: #dff8ec;
    color: #087f51;
}

@media (max-width: 1240px) {
    .admin-toolbar,
    .admin-profile-grid,
    .admin-settings-grid,
    .admin-user-profile-page .admin-stat-grid.compact {
        grid-template-columns: 1fr;
    }

    .admin-module-bar,
    .admin-user-header.profile {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .admin-form-grid,
    .admin-search-form {
        grid-template-columns: 1fr;
    }

    .admin-search-form i {
        display: none;
    }

.admin-users-table .jobs-table,
.admin-subscriptions-table .jobs-table,
.admin-history-table .jobs-table,
.admin-plans-table .jobs-table,
    .admin-payments-table .jobs-table,
    .admin-user-profile-page .jobs-table {
        min-width: 0;
    }

    .admin-users-table .jobs-table thead,
    .admin-subscriptions-table .jobs-table thead,
    .admin-history-table .jobs-table thead,
    .admin-plans-table .jobs-table thead,
    .admin-payments-table .jobs-table thead,
    .admin-user-profile-page .jobs-table thead {
        display: none;
    }

    .admin-users-table .jobs-table tr,
    .admin-subscriptions-table .jobs-table tr,
    .admin-history-table .jobs-table tr,
    .admin-plans-table .jobs-table tr,
    .admin-payments-table .jobs-table tr,
    .admin-user-profile-page .jobs-table tr {
        border: 1px solid #dfe8f7;
        border-radius: 12px;
        display: grid;
        gap: 8px;
        margin-bottom: 10px;
        padding: 12px;
    }

    .admin-users-table .jobs-table td,
    .admin-subscriptions-table .jobs-table td,
    .admin-history-table .jobs-table td,
    .admin-plans-table .jobs-table td,
    .admin-payments-table .jobs-table td,
    .admin-user-profile-page .jobs-table td {
        align-items: center;
        border: 0;
        display: flex;
        justify-content: space-between;
        padding: 0;
        text-align: right;
    }

    .admin-users-table .jobs-table td:before,
    .admin-subscriptions-table .jobs-table td:before,
    .admin-history-table .jobs-table td:before,
    .admin-plans-table .jobs-table td:before,
    .admin-payments-table .jobs-table td:before,
    .admin-user-profile-page .jobs-table td:before {
        color: #53668f;
        content: attr(data-label);
        font-size: 12px;
        font-weight: 950;
        padding-right: 14px;
        text-align: left;
    }

    .admin-users-table .jobs-table td:first-child,
    .admin-subscriptions-table .jobs-table td:first-child,
    .admin-history-table .jobs-table td:first-child,
    .admin-plans-table .jobs-table td:first-child,
    .admin-payments-table .jobs-table td:first-child,
    .admin-user-profile-page .jobs-table td:first-child {
        align-items: flex-start;
    }

    .admin-actions-menu {
        width: 100%;
    }

    .admin-actions-menu .dropdown-toggle {
        justify-content: center;
        width: 100%;
    }
}

/* Final billing dark-theme cascade corrections */
body.billing-page .billing-plan-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.billing-page .billing-plan-card,
body.billing-page .billing-plan-card:nth-child(1),
body.billing-page .billing-plan-card:nth-child(2),
body.billing-page .billing-plan-card:nth-child(4) {
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.78), rgba(15, 23, 42, 0.74));
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 14px;
    box-shadow: 0 18px 48px rgba(2, 6, 23, 0.34);
    min-height: 306px;
    padding: 16px;
}

body.billing-page .billing-plan-card.recommended {
    border-color: rgba(168, 85, 247, 0.78);
    box-shadow: 0 22px 60px rgba(88, 28, 135, 0.28), 0 0 0 1px rgba(96, 165, 250, 0.28), 0 0 34px rgba(124, 58, 237, 0.18);
}

body.billing-page .billing-plan-section .plan-card-top h3,
body.billing-page .plan-card-top h3 {
    color: #f8fafc;
    font-size: 22px;
}

body.billing-page .billing-plan-description {
    color: #94a3b8;
}

body.billing-page .plan-credit-highlight {
    background: rgba(15, 23, 42, 0.56);
    border-color: rgba(148, 163, 184, 0.16);
}

body.billing-page .plan-credit-highlight span {
    color: #cbd5e1;
}

body.billing-page .plan-credit-highlight strong {
    color: #93c5fd;
}

@media (max-width: 1180px) {
    body.billing-page .billing-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    body.billing-page .billing-plan-grid {
        grid-template-columns: 1fr;
    }
}

/* Dark Dashboard redesign */
@supports selector(html:has(body.dashboard-page)) {
    html:has(body.dashboard-page),
    body.dashboard-page {
        height: auto;
        min-height: 100%;
        overflow: auto;
    }

    body.dashboard-page .app-shell {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    body.dashboard-page .sidebar {
        height: 100vh;
        overflow-y: auto;
    }

    body.dashboard-page .content {
        display: block;
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }
}

body.dashboard-page {
    background: #0f172a;
}

body.dashboard-page .app-shell {
    background:
        radial-gradient(circle at 34% 8%, rgba(37, 99, 235, 0.13), transparent 28rem),
        radial-gradient(circle at 78% 18%, rgba(124, 58, 237, 0.13), transparent 32rem),
        #0f172a;
    color: #e5e7eb;
}

body.dashboard-page .sidebar {
    background: rgba(2, 6, 23, 0.72);
    border-right: 1px solid rgba(148, 163, 184, 0.12);
}

body.dashboard-page .sidebar-brand,
body.dashboard-page .nav-link,
body.dashboard-page .nav-submenu a,
body.dashboard-page .user-profile strong,
body.dashboard-page .plan-title strong {
    color: #f8fafc;
}

body.dashboard-page .nav-link,
body.dashboard-page .nav-submenu a {
    border-radius: 7px;
}

body.dashboard-page .nav-link.active,
body.dashboard-page .nav-link:hover,
body.dashboard-page .nav-submenu a:hover,
body.dashboard-page .nav-submenu a.active {
    background: rgba(148, 163, 184, 0.12);
}

body.dashboard-page .nav-link span,
body.dashboard-page .nav-submenu span,
body.dashboard-page .plan-title span,
body.dashboard-page .plan-title small,
body.dashboard-page .user-profile small {
    color: #94a3b8;
}

body.dashboard-page .brand-mark,
body.dashboard-page .credits-icon,
body.dashboard-page .dashboard-widget-top i {
    background: linear-gradient(135deg, #0ea5e9, #7c3aed);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.25);
    color: #fff;
}

body.dashboard-page .plan-card,
body.dashboard-page .credits-dropdown,
body.dashboard-page .icon-button,
body.dashboard-page .user-profile {
    background: rgba(15, 23, 42, 0.72);
    border-color: rgba(148, 163, 184, 0.14);
}

body.dashboard-page .sidebar-plan-meta div {
    background: rgba(15, 23, 42, 0.76);
    border-color: rgba(148, 163, 184, 0.12);
}

body.dashboard-page .sidebar-plan-meta strong,
body.dashboard-page .credits-dropdown strong,
body.dashboard-page .topbar h1 {
    color: #f8fafc;
}

body.dashboard-page .upgrade-button,
.dashboard-page-actions a,
.dashboard-mini-cta,
body.dashboard-page .hero-cta {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    border: 1px solid rgba(147, 197, 253, 0.2);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.25);
    color: #fff;
}

body.dashboard-page .content {
    background: rgba(15, 23, 42, 0.72);
    padding: 18px 20px 28px;
}

body.dashboard-page .topbar {
    align-items: center;
    margin-bottom: 10px;
}

body.dashboard-page .breadcrumb-line {
    display: none;
}

body.dashboard-page .topbar-actions {
    display: none;
}

body.dashboard-page .topbar h1 {
    font-size: 26px;
    font-weight: 950;
    margin: 0;
}

.dashboard-workspace-head {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.dashboard-workspace-head h2,
.dashboard-section-title h2,
.dashboard-section-head h2 {
    color: #f8fafc;
    font-size: 21px;
    font-weight: 950;
    letter-spacing: 0;
    margin: 0;
}

.dashboard-workspace-head p {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 760;
    margin: 3px 0 0;
}

.dashboard-page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.dashboard-page-actions a,
.dashboard-mini-cta {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 950;
    gap: 7px;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    text-decoration: none;
}

.dashboard-summary-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 12px;
}

.dashboard-summary-card,
.dashboard-widget-card,
.dashboard-jobs-card,
.subscription-warning {
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.78));
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: 0 14px 34px rgba(2, 6, 23, 0.28);
    backdrop-filter: blur(16px);
}

.dashboard-summary-card {
    border-radius: 8px;
    display: grid;
    gap: 5px;
    min-height: 78px;
    min-width: 0;
    padding: 14px 16px;
}

.dashboard-summary-card span,
.dashboard-widget-top span {
    color: #e2e8f0;
    font-size: 12px;
    font-weight: 850;
}

.dashboard-summary-card strong {
    color: #fff;
    font-size: 21px;
    font-weight: 950;
    line-height: 1.05;
    min-width: 0;
    overflow-wrap: anywhere;
}

.dashboard-summary-card p {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 760;
    margin: 0;
}

.dashboard-card-badges,
.dashboard-widget-top .dashboard-card-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.dash-badge {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    min-height: 22px;
    padding: 0 7px;
    width: max-content;
}

.dash-badge.good {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(74, 222, 128, 0.42);
    color: #86efac;
}

.dash-badge.info {
    background: rgba(14, 165, 233, 0.12);
    border: 1px solid rgba(56, 189, 248, 0.42);
    color: #67e8f9;
}

.dashboard-widget-section {
    margin-bottom: 14px;
}

.dashboard-section-title {
    margin-bottom: 10px;
}

.dashboard-widget-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-widget-card {
    border-radius: 8px;
    min-height: 154px;
    overflow: hidden;
    padding: 13px;
    position: relative;
}

.dashboard-widget-card::after {
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.18), transparent 60%);
    bottom: 0;
    content: "";
    height: 76px;
    left: 48px;
    opacity: 0.75;
    position: absolute;
    right: 16px;
}

.dashboard-widget-top {
    align-items: start;
    display: grid;
    gap: 9px;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    position: relative;
    z-index: 1;
}

.dashboard-widget-top i {
    align-items: center;
    border-radius: 10px;
    display: inline-flex;
    font-size: 18px;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.dashboard-widget-top strong {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 950;
    line-height: 1.08;
    min-width: 0;
    overflow-wrap: anywhere;
}

.dashboard-sparkline {
    bottom: 13px;
    height: 78px;
    left: 16px;
    overflow: visible;
    position: absolute;
    right: 16px;
    width: calc(100% - 32px);
    z-index: 1;
}

.dashboard-sparkline path {
    fill: none;
    filter: drop-shadow(0 8px 14px rgba(16, 185, 129, 0.3));
    stroke: #34d399;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.dashboard-jobs-card {
    border-radius: 8px;
    overflow: hidden;
}

.dashboard-section-head {
    align-items: center;
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    display: flex;
    justify-content: space-between;
    padding: 12px 14px;
}

.dashboard-table-wrap {
    overflow-x: auto;
    padding: 0 12px 12px;
}

.dashboard-jobs-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 820px;
    width: 100%;
}

.dashboard-jobs-table th {
    background: rgba(148, 163, 184, 0.16);
    border: 0;
    color: #e2e8f0;
    font-size: 11px;
    font-weight: 850;
    padding: 10px 13px;
}

.dashboard-jobs-table th:first-child {
    border-radius: 6px 0 0 6px;
}

.dashboard-jobs-table th:last-child {
    border-radius: 0 6px 6px 0;
}

.dashboard-jobs-table td {
    border-bottom: 1px solid rgba(148, 163, 184, 0.1);
    color: #e5e7eb;
    font-size: 12px;
    font-weight: 760;
    padding: 10px 13px;
}

.dashboard-jobs-table td strong {
    color: #fff;
    font-weight: 900;
}

.dashboard-status {
    background: rgba(148, 163, 184, 0.12);
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 999px;
    color: #cbd5e1;
    display: inline-flex;
    font-size: 10px;
    font-weight: 950;
    padding: 5px 8px;
}

.dashboard-status.completed { background: rgba(34, 197, 94, 0.12); border-color: rgba(74, 222, 128, 0.34); color: #86efac; }
.dashboard-status.running { background: rgba(59, 130, 246, 0.13); border-color: rgba(96, 165, 250, 0.34); color: #93c5fd; }
.dashboard-status.cancelled,
.dashboard-status.pending { background: rgba(245, 158, 11, 0.12); border-color: rgba(251, 191, 36, 0.34); color: #fcd34d; }
.dashboard-status.failed { background: rgba(239, 68, 68, 0.13); border-color: rgba(248, 113, 113, 0.34); color: #fca5a5; }

.dashboard-view {
    color: #93c5fd;
    font-weight: 950;
    text-decoration: none;
}

.dashboard-empty {
    color: #cbd5e1;
}

.dashboard-empty strong {
    color: #fff;
}

.dashboard-empty i {
    background: rgba(37, 99, 235, 0.16);
    color: #93c5fd;
}

body.dashboard-page .subscription-warning {
    border-color: rgba(251, 191, 36, 0.34);
}

body.dashboard-page .subscription-warning strong {
    color: #fff;
}

body.dashboard-page .subscription-warning span {
    color: #cbd5e1;
}

body.dashboard-page .subscription-warning a {
    color: #93c5fd;
}

@media (max-width: 1180px) {
    .dashboard-summary-grid,
    .dashboard-widget-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    body.dashboard-page .content {
        padding: 14px;
    }

    .dashboard-workspace-head,
    .dashboard-section-head {
        align-items: stretch;
        display: grid;
    }

    .dashboard-page-actions {
        display: grid;
    }

    .dashboard-page-actions a,
    .dashboard-mini-cta {
        width: 100%;
    }

    .dashboard-summary-grid,
    .dashboard-widget-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-jobs-table {
        min-width: 0;
    }

    .dashboard-jobs-table thead {
        display: none;
    }

    .dashboard-jobs-table tr {
        border: 1px solid rgba(148, 163, 184, 0.16);
        border-radius: 10px;
        display: grid;
        gap: 8px;
        margin-bottom: 10px;
        padding: 12px;
    }

    .dashboard-jobs-table td {
        align-items: center;
        border: 0;
        display: flex;
        justify-content: space-between;
        padding: 0;
        text-align: right;
    }

    .dashboard-jobs-table td::before {
        color: #94a3b8;
        content: attr(data-label);
        font-size: 12px;
        font-weight: 950;
        padding-right: 12px;
        text-align: left;
    }
}

/* Dark Email Extractor module redesign */
@supports selector(html:has(body.extractor-page)) {
    html:has(body.extractor-page),
    body.extractor-page {
        height: auto;
        min-height: 100%;
        overflow: auto;
    }

    body.extractor-page .app-shell {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    body.extractor-page .sidebar {
        height: 100vh;
        overflow-y: auto;
    }

    body.extractor-page .content {
        display: block;
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }
}

body.extractor-page {
    background: #0f172a;
}

body.extractor-page .app-shell {
    background:
        radial-gradient(circle at 28% 8%, rgba(37, 99, 235, 0.14), transparent 30rem),
        radial-gradient(circle at 78% 12%, rgba(124, 58, 237, 0.14), transparent 34rem),
        #0f172a;
}

body.extractor-page .content {
    background: rgba(15, 23, 42, 0.72);
    color: #e5e7eb;
    padding: 18px 20px 30px;
}

body.extractor-page .sidebar {
    background: rgba(2, 6, 23, 0.74);
    border-right: 1px solid rgba(148, 163, 184, 0.12);
}

body.extractor-page .sidebar-brand,
body.extractor-page .nav-link,
body.extractor-page .nav-submenu a,
body.extractor-page .user-profile strong,
body.extractor-page .plan-title strong {
    color: #f8fafc;
}

body.extractor-page .nav-link,
body.extractor-page .nav-submenu a {
    border-radius: 8px;
}

body.extractor-page .nav-link.active,
body.extractor-page .nav-link:hover,
body.extractor-page .nav-submenu a.active,
body.extractor-page .nav-submenu a:hover {
    background: rgba(148, 163, 184, 0.12);
    color: #bfdbfe;
}

body.extractor-page .nav-link span,
body.extractor-page .nav-submenu span,
body.extractor-page .plan-title span,
body.extractor-page .plan-title small,
body.extractor-page .user-profile small,
body.extractor-page .breadcrumb-line {
    color: #94a3b8;
}

body.extractor-page .brand-mark,
body.extractor-page .credits-icon,
body.extractor-page .stat-icon {
    background: linear-gradient(135deg, #0ea5e9, #7c3aed);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.25);
    color: #fff;
}

body.extractor-page .plan-card,
body.extractor-page .credits-dropdown,
body.extractor-page .icon-button,
body.extractor-page .user-profile {
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: 0 14px 34px rgba(2, 6, 23, 0.2);
}

body.extractor-page .sidebar-plan-meta div {
    background: rgba(15, 23, 42, 0.76);
    border-color: rgba(148, 163, 184, 0.12);
}

body.extractor-page .sidebar-plan-meta strong,
body.extractor-page .credits-dropdown strong,
body.extractor-page .topbar h1 {
    color: #f8fafc;
}

body.extractor-page .upgrade-button,
body.extractor-page .start-button,
body.extractor-page .pagination-buttons button.active {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    border: 1px solid rgba(147, 197, 253, 0.2);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.25);
    color: #fff;
}

body.extractor-page .topbar {
    margin-bottom: 14px;
}

body.extractor-page .topbar h1 {
    font-size: 30px;
    font-weight: 950;
    letter-spacing: 0;
    margin-bottom: 8px;
}

body.extractor-page .stats-grid {
    gap: 12px;
    margin-bottom: 14px;
}

body.extractor-page .stat-card,
body.extractor-page .extract-card,
body.extractor-page .jobs-card,
body.extractor-page .history-filters,
body.extractor-page .history-card,
body.extractor-page .details-modal,
body.extractor-page .stop-modal {
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.78));
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: 0 16px 42px rgba(2, 6, 23, 0.3);
    backdrop-filter: blur(16px);
}

body.extractor-page .stat-card {
    border-radius: 12px;
    gap: 14px;
    min-height: 104px;
    padding: 15px;
}

body.extractor-page .stat-icon {
    border-radius: 12px;
    flex-basis: 44px;
    font-size: 21px;
    height: 44px;
    width: 44px;
}

body.extractor-page .stat-title span,
body.extractor-page .card-heading h2,
body.extractor-page .section-heading h2,
body.extractor-page .domain-form label,
body.extractor-page .setting-row > span:first-child,
body.extractor-page .job-details strong,
body.extractor-page .live-metrics strong,
body.extractor-page .stop-modal h2,
body.extractor-page .details-modal h2 {
    color: #f8fafc;
}

body.extractor-page .stat-title i,
body.extractor-page .stat-card p,
body.extractor-page .domain-form label span,
body.extractor-page .domain-meta,
body.extractor-page .domain-footer,
body.extractor-page .job-details span,
body.extractor-page .job-details p,
body.extractor-page .live-metrics span,
body.extractor-page .pagination-row,
body.extractor-page .stop-modal p {
    color: #94a3b8;
}

body.extractor-page .stat-card strong {
    color: #fff;
    font-size: 27px;
    margin-top: 6px;
}

body.extractor-page .extractor-grid {
    gap: 12px;
    grid-template-columns: minmax(360px, 1.25fr) minmax(290px, 0.95fr) minmax(360px, 1.25fr);
}

body.extractor-page .extract-card,
body.extractor-page .jobs-card,
body.extractor-page .history-card {
    border-radius: 12px;
}

body.extractor-page .tabs,
body.extractor-page .card-heading,
body.extractor-page th,
body.extractor-page td,
body.extractor-page .stop-modal header,
body.extractor-page .details-modal header {
    border-color: rgba(148, 163, 184, 0.12);
}

body.extractor-page .tab-button {
    color: #cbd5e1;
    min-height: 50px;
}

body.extractor-page .tab-button.active {
    color: #93c5fd;
}

body.extractor-page .tab-button.active::after {
    background: linear-gradient(90deg, #2563eb, #7c3aed);
}

body.extractor-page .card-heading {
    min-height: 52px;
    padding: 0 18px;
}

body.extractor-page .domain-form {
    padding: 18px 18px 0;
}

body.extractor-page .domain-form textarea,
body.extractor-page .domain-file-input,
body.extractor-page .filter-control,
body.extractor-page .admin-form-grid input,
body.extractor-page .admin-form-grid select {
    background: rgba(15, 23, 42, 0.62);
    border: 1px solid rgba(148, 163, 184, 0.2);
    color: #f8fafc;
}

body.extractor-page .domain-form textarea::placeholder,
body.extractor-page .filter-control input::placeholder {
    color: #64748b;
}

body.extractor-page .domain-form textarea:focus,
body.extractor-page .filter-control:focus-within {
    border-color: rgba(96, 165, 250, 0.62);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}

body.extractor-page .domain-meta {
    margin-top: 12px;
}

body.extractor-page .domain-footer {
    min-height: 72px;
    padding: 0 18px 16px;
}

body.extractor-page .validate-button,
body.extractor-page .advanced-button,
body.extractor-page .table-button,
body.extractor-page .export-button,
body.extractor-page .pagination-buttons button {
    background: rgba(15, 23, 42, 0.68);
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: none;
    color: #bfdbfe;
}

body.extractor-page .start-button {
    border-radius: 10px;
    font-size: 14px;
    min-height: 44px;
}

body.extractor-page .settings-list {
    gap: 13px;
    padding: 18px;
}

body.extractor-page .setting-row i,
body.extractor-page .live-metrics i {
    background: rgba(37, 99, 235, 0.16);
    color: #93c5fd;
}

body.extractor-page .toggle {
    background: rgba(148, 163, 184, 0.28);
}

body.extractor-page .setting-row input:checked + .toggle {
    background: linear-gradient(135deg, #2563eb, #7c3aed);
}

body.extractor-page .live-main {
    gap: 20px;
    grid-template-columns: 128px minmax(0, 1fr);
    padding: 20px 20px 14px;
}

body.extractor-page .progress-ring {
    background:
        radial-gradient(closest-side, #0f172a 72%, transparent 74%),
        conic-gradient(#60a5fa calc(var(--progress) * 1%), rgba(148, 163, 184, 0.18) 0);
    height: 128px;
    width: 128px;
}

body.extractor-page .progress-ring span {
    color: #fff;
    font-size: 30px;
}

body.extractor-page .wide-progress,
body.extractor-page .mini-progress {
    background: rgba(148, 163, 184, 0.14);
}

body.extractor-page .wide-progress span,
body.extractor-page .mini-progress span {
    background: linear-gradient(90deg, #2563eb, #7c3aed);
}

body.extractor-page .live-metrics {
    gap: 10px;
    padding: 0 18px 18px;
}

body.extractor-page .live-metrics div {
    background: rgba(15, 23, 42, 0.48);
    border-color: rgba(148, 163, 184, 0.14);
    min-height: 64px;
}

body.extractor-page .status-badge.processing {
    background: rgba(34, 197, 94, 0.14);
    color: #86efac;
}

body.extractor-page .status-badge.cancelled {
    background: rgba(245, 158, 11, 0.14);
    color: #fcd34d;
}

body.extractor-page .stop-extraction-button {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(248, 113, 113, 0.24);
    color: #fca5a5;
}

body.extractor-page .jobs-card {
    margin-top: 14px;
}

body.extractor-page .section-heading {
    padding: 14px 18px 0;
}

body.extractor-page .table-wrap {
    padding: 10px 14px 0;
}

body.extractor-page table {
    min-width: 1000px;
}

body.extractor-page th {
    background: rgba(148, 163, 184, 0.13);
    color: #cbd5e1;
}

body.extractor-page td {
    color: #e5e7eb;
}

body.extractor-page td strong,
body.extractor-page .history-table td:first-child a {
    color: #fff;
}

body.extractor-page .job-status.completed,
body.extractor-page .history-status.completed {
    color: #6ee7b7;
}

body.extractor-page .job-status.processing,
body.extractor-page .job-status.running,
body.extractor-page .history-status.processing,
body.extractor-page .history-status.running {
    color: #93c5fd;
}

body.extractor-page .job-status.failed,
body.extractor-page .history-status.failed {
    color: #fca5a5;
}

body.extractor-page .job-status.pending,
body.extractor-page .job-status.cancelled,
body.extractor-page .history-status.pending,
body.extractor-page .history-status.cancelled {
    color: #fcd34d;
}

body.extractor-page .more-button,
body.extractor-page .table-icon {
    color: #93c5fd;
}

body.extractor-page .history-filters {
    border-radius: 12px;
    gap: 14px;
    margin-top: 0;
    padding: 16px;
}

body.extractor-page .filter-field > span:first-child {
    color: #e2e8f0;
}

body.extractor-page .filter-control input,
body.extractor-page .filter-control select {
    color: #f8fafc;
}

body.extractor-page .history-card {
    margin-top: 14px;
}

body.extractor-page .action-list {
    background: #111827;
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 18px 44px rgba(2, 6, 23, 0.38);
}

body.extractor-page .action-list button,
body.extractor-page .action-list a {
    color: #e5e7eb;
}

body.extractor-page .details-grid div {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.14);
}

body.extractor-page .details-grid span,
body.extractor-page .empty-state {
    color: #94a3b8;
}

body.extractor-page .details-grid strong {
    color: #fff;
}

body.extractor-page .extractor-toast {
    background: #020617;
    border: 1px solid rgba(148, 163, 184, 0.16);
}

@media (max-width: 1180px) {
    body.extractor-page .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.extractor-page .extractor-grid,
    body.extractor-page .history-filters {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    body.extractor-page .content {
        padding: 14px;
    }

    body.extractor-page .stats-grid {
        grid-template-columns: 1fr;
    }

    body.extractor-page .domain-footer,
    body.extractor-page .domain-actions,
    body.extractor-page .live-main,
    body.extractor-page .stop-modal-actions {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr;
    }

    body.extractor-page .validate-button,
    body.extractor-page .start-button,
    body.extractor-page .advanced-button,
    body.extractor-page .export-button {
        width: 100%;
    }

    body.extractor-page .live-metrics {
        grid-template-columns: 1fr;
    }

    body.extractor-page .jobs-table,
    body.extractor-page .history-table {
        min-width: 0;
    }

    body.extractor-page .jobs-table thead,
    body.extractor-page .history-table thead {
        display: none;
    }

    body.extractor-page .jobs-table tr,
    body.extractor-page .history-table tr {
        border: 1px solid rgba(148, 163, 184, 0.16);
        border-radius: 10px;
        display: grid;
        gap: 8px;
        margin-bottom: 10px;
        padding: 12px;
    }

    body.extractor-page .jobs-table td,
    body.extractor-page .history-table td {
        align-items: center;
        border: 0;
        display: flex;
        justify-content: space-between;
        padding: 0;
        text-align: right;
    }

    body.extractor-page .jobs-table td::before,
    body.extractor-page .history-table td::before {
        color: #94a3b8;
        content: attr(data-label);
        font-size: 12px;
        font-weight: 950;
        padding-right: 12px;
        text-align: left;
    }
}

/* Final shared dark shell override for redesigned pages */
body.billing-page .sidebar,
body.dashboard-page .sidebar,
body.extractor-page .sidebar,
body.settings-page .sidebar {
    background: rgba(2, 6, 23, 0.86);
    border-right: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: 18px 0 48px rgba(2, 6, 23, 0.22);
}

body.billing-page .sidebar-brand,
body.dashboard-page .sidebar-brand,
body.extractor-page .sidebar-brand,
body.settings-page .sidebar-brand,
body.billing-page .nav-link,
body.dashboard-page .nav-link,
body.extractor-page .nav-link,
body.settings-page .nav-link,
body.billing-page .nav-submenu a,
body.dashboard-page .nav-submenu a,
body.extractor-page .nav-submenu a,
body.settings-page .nav-submenu a,
body.billing-page .plan-title strong,
body.dashboard-page .plan-title strong,
body.extractor-page .plan-title strong,
body.settings-page .plan-title strong,
body.billing-page .user-profile strong,
body.dashboard-page .user-profile strong,
body.extractor-page .user-profile strong,
body.settings-page .user-profile strong {
    color: #f8fafc;
}

body.billing-page .nav-link i,
body.dashboard-page .nav-link i,
body.extractor-page .nav-link i,
body.settings-page .nav-link i,
body.billing-page .nav-submenu i,
body.dashboard-page .nav-submenu i,
body.extractor-page .nav-submenu i,
body.settings-page .nav-submenu i {
    color: #93c5fd;
}

body.billing-page .nav-link.active,
body.dashboard-page .nav-link.active,
body.extractor-page .nav-link.active,
body.settings-page .nav-link.active,
body.billing-page .nav-link:hover,
body.dashboard-page .nav-link:hover,
body.extractor-page .nav-link:hover,
body.settings-page .nav-link:hover,
body.billing-page .nav-submenu a.active,
body.dashboard-page .nav-submenu a.active,
body.extractor-page .nav-submenu a.active,
body.settings-page .nav-submenu a.active,
body.billing-page .nav-submenu a:hover,
body.dashboard-page .nav-submenu a:hover,
body.extractor-page .nav-submenu a:hover,
body.settings-page .nav-submenu a:hover {
    background: rgba(37, 99, 235, 0.16);
    color: #dbeafe;
}

body.billing-page .nav-link.active i,
body.dashboard-page .nav-link.active i,
body.extractor-page .nav-link.active i,
body.settings-page .nav-link.active i,
body.billing-page .nav-link:hover i,
body.dashboard-page .nav-link:hover i,
body.extractor-page .nav-link:hover i,
body.settings-page .nav-link:hover i {
    color: #dbeafe;
}

body.billing-page .plan-card,
body.dashboard-page .plan-card,
body.extractor-page .plan-card,
body.settings-page .plan-card,
body.billing-page .user-profile,
body.dashboard-page .user-profile,
body.extractor-page .user-profile,
body.settings-page .user-profile,
body.billing-page .sidebar-plan-meta div,
body.dashboard-page .sidebar-plan-meta div,
body.extractor-page .sidebar-plan-meta div,
body.settings-page .sidebar-plan-meta div {
    background: rgba(15, 23, 42, 0.82);
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow: 0 14px 34px rgba(2, 6, 23, 0.22);
}

body.billing-page .plan-title span,
body.dashboard-page .plan-title span,
body.extractor-page .plan-title span,
body.settings-page .plan-title span,
body.billing-page .plan-title small,
body.dashboard-page .plan-title small,
body.extractor-page .plan-title small,
body.settings-page .plan-title small,
body.billing-page .sidebar-plan-meta span,
body.dashboard-page .sidebar-plan-meta span,
body.extractor-page .sidebar-plan-meta span,
body.settings-page .sidebar-plan-meta span,
body.billing-page .user-profile small,
body.dashboard-page .user-profile small,
body.extractor-page .user-profile small,
body.settings-page .user-profile small {
    color: #94a3b8;
}

body.billing-page .sidebar-plan-meta strong,
body.dashboard-page .sidebar-plan-meta strong,
body.extractor-page .sidebar-plan-meta strong,
body.settings-page .sidebar-plan-meta strong {
    color: #f8fafc;
}

body.billing-page .user-profile .logout-button,
body.dashboard-page .user-profile .logout-button,
body.extractor-page .user-profile .logout-button,
body.settings-page .user-profile .logout-button {
    background: rgba(37, 99, 235, 0.14);
    border: 1px solid rgba(96, 165, 250, 0.24);
    color: #dbeafe;
}

/* Dark Settings placeholder */
@supports selector(html:has(body.settings-page)) {
    html:has(body.settings-page),
    body.settings-page {
        height: auto;
        min-height: 100%;
        overflow: auto;
    }

    body.settings-page .app-shell {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    body.settings-page .sidebar {
        height: 100vh;
        overflow-y: auto;
    }

    body.settings-page .content {
        display: block;
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }
}

body.settings-page {
    background: #0f172a;
}

body.settings-page .app-shell {
    background:
        radial-gradient(circle at 28% 8%, rgba(37, 99, 235, 0.14), transparent 30rem),
        radial-gradient(circle at 78% 12%, rgba(124, 58, 237, 0.14), transparent 34rem),
        #0f172a;
}

body.settings-page .content {
    background: rgba(15, 23, 42, 0.72);
    color: #e5e7eb;
    padding: 18px 20px 30px;
}

body.settings-page .topbar h1 {
    color: #f8fafc;
    font-size: 30px;
    font-weight: 950;
    margin-bottom: 8px;
}

body.settings-page .breadcrumb-line {
    color: #94a3b8;
}

body.settings-page .credits-dropdown,
body.settings-page .icon-button {
    background: rgba(15, 23, 42, 0.82);
    border: 1px solid rgba(148, 163, 184, 0.16);
    color: #f8fafc;
}

body.settings-page .credits-icon,
body.settings-page .brand-mark,
body.settings-page .settings-card > i {
    background: linear-gradient(135deg, #0ea5e9, #7c3aed);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.25);
    color: #fff;
}

.settings-hero-panel,
.settings-card {
    background: linear-gradient(145deg, rgba(30, 41, 59, 0.82), rgba(15, 23, 42, 0.78));
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: 0 16px 42px rgba(2, 6, 23, 0.3);
    backdrop-filter: blur(16px);
}

.settings-hero-panel {
    align-items: center;
    border-radius: 14px;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 14px;
    padding: 22px;
}

.settings-eyebrow {
    align-items: center;
    color: #93c5fd;
    display: inline-flex;
    font-size: 12px;
    font-weight: 950;
    gap: 8px;
    text-transform: uppercase;
}

.settings-hero-panel h2 {
    color: #f8fafc;
    font-size: 34px;
    font-weight: 950;
    margin: 8px 0 8px;
}

.settings-hero-panel p,
.settings-card p {
    color: #94a3b8;
    font-weight: 760;
    margin: 0;
}

.settings-gradient-button {
    align-items: center;
    background: linear-gradient(135deg, #2563eb, #7c3aed);
    border: 1px solid rgba(147, 197, 253, 0.2);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.25);
    color: #fff;
    display: inline-flex;
    font-weight: 950;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    text-decoration: none;
}

.settings-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.settings-card {
    border-radius: 14px;
    display: grid;
    gap: 12px;
    min-height: 196px;
    padding: 18px;
}

.settings-card > i {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    font-size: 22px;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.settings-card h3 {
    color: #f8fafc;
    font-size: 18px;
    font-weight: 950;
    margin: 0 0 6px;
}

.settings-card span {
    align-self: end;
    background: rgba(59, 130, 246, 0.14);
    border: 1px solid rgba(96, 165, 250, 0.24);
    border-radius: 999px;
    color: #93c5fd;
    font-size: 11px;
    font-weight: 950;
    padding: 6px 10px;
    width: max-content;
}

@media (max-width: 1180px) {
    .settings-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    body.settings-page .content {
        padding: 14px;
    }

    .settings-hero-panel {
        align-items: stretch;
        display: grid;
    }

    .settings-gradient-button {
        width: 100%;
    }

    .settings-grid {
        grid-template-columns: 1fr;
    }
}

/* Public landing page */
body.landing-page {
    background:
        radial-gradient(circle at 78% 12%, rgba(236, 72, 153, .22), transparent 30%),
        radial-gradient(circle at 15% 8%, rgba(14, 165, 233, .12), transparent 28%),
        #020914;
    color: #f8fafc;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 0;
    min-height: 100vh;
    overflow: visible;
    overflow-y: auto;
}

body.landing-page main {
    min-height: auto;
    overflow: visible;
}

body.landing-page ::selection {
    background: rgba(255, 75, 163, .32);
    color: #fff;
}

.landing-page a {
    color: inherit;
    text-decoration: none;
}

.landing-header,
.landing-hero,
.free-extractor,
.landing-section,
.testimonials,
.landing-footer {
    margin-inline: auto;
    max-width: 1180px;
    width: calc(100% - 40px);
}

.landing-header {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 16px 0 10px;
    position: sticky;
    top: 0;
    z-index: 20;
}

.landing-header::before {
    background: rgba(2, 9, 20, .84);
    border-bottom: 1px solid rgba(148, 163, 184, .12);
    content: "";
    inset: 0 calc((100vw - 100%) / -2);
    position: absolute;
    z-index: -1;
}

.landing-brand {
    align-items: center;
    display: inline-flex;
    font-size: 22px;
    font-weight: 950;
    gap: 10px;
}

.landing-brand span {
    align-items: center;
    background: linear-gradient(135deg, #ff4ba3, #f71768);
    border-radius: 9px;
    box-shadow: 0 14px 30px rgba(247, 23, 104, .28);
    display: inline-flex;
    font-size: 17px;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.landing-nav {
    align-items: center;
    display: flex;
    gap: 34px;
    font-size: 14px;
    font-weight: 850;
}

.landing-actions,
.landing-hero-actions,
.landing-trust-points,
.pricing-trust {
    align-items: center;
    display: flex;
    gap: 14px;
}

.landing-login,
.landing-secondary {
    border: 1px solid rgba(226, 232, 240, .22);
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    justify-content: center;
    min-width: 92px;
    padding: 13px 18px;
}

.landing-cta {
    align-items: center;
    background: linear-gradient(135deg, #ff4ba3, #f71768);
    border: 0;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(247, 23, 104, .28);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 950;
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    padding: 0 22px;
}

.landing-cta.large {
    min-height: 54px;
    padding-inline: 28px;
}

.landing-hero {
    align-items: center;
    display: grid;
    gap: 30px;
    grid-template-columns: minmax(0, .9fr) minmax(380px, 1fr);
    padding: 30px 0 18px;
}

.landing-badge,
.section-kicker {
    border: 1px solid rgba(255, 75, 163, .36);
    border-radius: 999px;
    color: #ff67b3;
    display: inline-flex;
    font-size: 13px;
    font-weight: 950;
    padding: 7px 11px;
}

.landing-hero h1,
.landing-section h2,
.testimonials h2 {
    color: #fff;
    font-weight: 950;
    letter-spacing: 0;
    margin: 0;
}

.landing-hero h1 {
    font-size: clamp(38px, 5vw, 60px);
    line-height: 1.04;
    margin-top: 16px;
}

.landing-hero h1 span,
.free-copy h2 span {
    color: #ff4ba3;
}

.landing-hero p,
.free-copy p,
.landing-section > p,
.testimonial-grid p,
.landing-footer p {
    color: #b9c4d6;
    font-size: 15px;
    line-height: 1.62;
}

.landing-hero-copy > p {
    max-width: 560px;
}

.landing-trust-points {
    flex-wrap: wrap;
    margin-top: 20px;
}

.landing-trust-points span,
.pricing-trust span {
    align-items: center;
    color: #d7dfef;
    display: inline-flex;
    font-size: 13px;
    font-weight: 850;
    gap: 8px;
}

.landing-trust-points i,
.pricing-trust i,
.free-copy li i {
    color: #ff4ba3;
}

.landing-dashboard-preview,
.free-extractor,
.feature-grid article,
.steps-grid article,
.pricing-card,
.testimonials,
.testimonial-grid article,
.faq-grid details {
    background: linear-gradient(180deg, rgba(17, 27, 49, .92), rgba(9, 17, 32, .92));
    border: 1px solid rgba(148, 163, 184, .18);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

.landing-dashboard-preview {
    border-radius: 16px;
    display: grid;
    gap: 12px;
    grid-template-columns: 132px 1fr;
    min-height: 312px;
    padding: 14px;
}

.preview-sidebar,
.preview-main {
    border-radius: 12px;
    display: grid;
    gap: 14px;
}

.preview-sidebar {
    background: #06101f;
    align-content: start;
    padding: 13px;
}

.preview-sidebar strong,
.preview-sidebar em {
    align-items: center;
    display: flex;
    gap: 8px;
}

.preview-sidebar strong span {
    background: #ff2d85;
    border-radius: 6px;
    display: inline-grid;
    height: 22px;
    place-items: center;
    width: 22px;
}

.preview-sidebar em {
    color: #cbd5e1;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.preview-metrics {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.preview-metrics div {
    background: #101c31;
    border-radius: 12px;
    display: grid;
    gap: 4px;
    padding: 11px;
}

.preview-metrics i {
    color: #ff4ba3;
}

.preview-metrics span,
.preview-jobs span,
.preview-jobs em {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 850;
}

.preview-metrics strong {
    font-size: 19px;
}

.preview-chart {
    align-items: end;
    background: linear-gradient(180deg, #101c31, #0b1427);
    border-radius: 12px;
    display: flex;
    gap: 12px;
    height: 124px;
    padding: 14px;
}

.preview-chart span {
    background: linear-gradient(180deg, #ff4ba3, rgba(255, 75, 163, .12));
    border-radius: 999px 999px 0 0;
    flex: 1;
}

.preview-chart span:nth-child(1) { height: 28%; }
.preview-chart span:nth-child(2) { height: 42%; }
.preview-chart span:nth-child(3) { height: 36%; }
.preview-chart span:nth-child(4) { height: 62%; }
.preview-chart span:nth-child(5) { height: 84%; }
.preview-chart span:nth-child(6) { height: 72%; }

.preview-jobs {
    background: #101c31;
    border-radius: 12px;
    display: grid;
    gap: 8px;
    padding: 12px;
}

.preview-jobs p {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.preview-jobs em {
    color: #34d399;
    font-style: normal;
}

.free-extractor {
    border-color: rgba(255, 75, 163, .55);
    border-radius: 14px;
    display: grid;
    gap: 26px;
    grid-template-columns: minmax(260px, .46fr) minmax(0, 1fr);
    padding: 26px;
}

.free-copy h2 {
    font-size: 30px;
    line-height: 1.15;
}

.free-copy ul {
    display: grid;
    gap: 9px;
    list-style: none;
    margin: 18px 0 0;
    padding: 0;
}

.free-copy li {
    align-items: center;
    color: #e2e8f0;
    display: flex;
    font-weight: 850;
    gap: 10px;
}

.free-tool {
    display: grid;
    gap: 10px;
}

.free-tool label {
    color: #fff;
    font-weight: 950;
}

.free-tool textarea,
.newsletter input {
    background: #071225;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 9px;
    color: #fff;
    font: inherit;
    outline: none;
    padding: 14px;
    resize: vertical;
    width: 100%;
}

.free-tool textarea {
    min-height: 112px;
}

.free-tool-meta {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.free-tool-meta span,
.free-tool-meta strong {
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 900;
}

.free-tool-meta .over-limit,
.free-tool-meta .error {
    color: #fb7185;
}

.free-tool-meta .success {
    color: #34d399;
}

.free-limit-box {
    align-items: start;
    background: rgba(15, 23, 42, .72);
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 10px;
    display: flex;
    gap: 12px;
    padding: 14px;
}

.free-limit-box i {
    color: #ff4ba3;
}

.free-limit-box p {
    color: #94a3b8;
    font-size: 13px;
    margin: 4px 0 0;
}

.free-submit {
    width: 100%;
}

.free-results {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 10px;
    overflow-x: auto;
}

.free-results-head {
    background: #071225;
    color: #fff;
    font-weight: 950;
    padding: 12px 14px;
}

.free-results table {
    border-collapse: collapse;
    min-width: 620px;
    width: 100%;
}

.free-results th,
.free-results td {
    color: #dbe6f6;
    font-size: 13px;
    padding: 12px 14px;
    text-align: left;
}

.free-results th {
    background: #111b2d;
}

.free-results .empty td {
    color: #94a3b8;
    padding: 20px;
    text-align: center;
}

.free-results .empty strong,
.free-results .empty span {
    display: block;
}

.free-results .found {
    color: #34d399;
}

.free-results .none {
    color: #fbbf24;
}

.landing-section {
    padding: 58px 0 0;
    text-align: center;
}

.landing-section h2,
.testimonials h2 {
    font-size: 34px;
    margin-top: 12px;
}

.feature-grid,
.pricing-grid,
.testimonial-grid,
.faq-grid {
    display: grid;
    gap: 16px;
    margin-top: 28px;
}

.feature-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.feature-grid article,
.steps-grid article,
.pricing-card,
.testimonial-grid article {
    border-radius: 10px;
    padding: 24px;
}

.feature-grid i,
.steps-grid i {
    color: #ff4ba3;
    font-size: 40px;
}

.feature-grid h3,
.steps-grid h3,
.pricing-card h3 {
    color: #fff;
    font-size: 17px;
    margin: 18px 0 10px;
}

.feature-grid p,
.steps-grid p,
.pricing-card li,
.faq-grid p {
    color: #aebbd0;
    font-size: 14px;
    line-height: 1.6;
}

.steps-grid {
    display: grid;
    gap: 90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 34px auto 0;
    max-width: 860px;
}

.steps-grid article {
    position: relative;
}

.steps-grid article > span {
    background: #ff2d85;
    border-radius: 999px;
    display: inline-grid;
    font-weight: 950;
    height: 28px;
    left: 50%;
    place-items: center;
    position: absolute;
    top: -14px;
    transform: translateX(-50%);
    width: 28px;
}

.pricing-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    text-align: left;
}

.pricing-card {
    position: relative;
}

.pricing-card.popular {
    border-color: rgba(255, 75, 163, .82);
    box-shadow: 0 24px 80px rgba(247, 23, 104, .20);
}

.popular-badge {
    background: #ff2d85;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 950;
    padding: 8px 10px;
    position: absolute;
    right: 16px;
    top: -12px;
}

.price {
    color: #fff;
    font-size: 38px;
    font-weight: 950;
}

.price span {
    color: #cbd5e1;
    font-size: 13px;
    margin-left: 4px;
}

.pricing-card ul {
    border-top: 1px solid rgba(148, 163, 184, .14);
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 18px 0;
    padding: 18px 0 0;
}

.pricing-card li {
    align-items: center;
    display: flex;
    gap: 8px;
}

.pricing-card li i {
    color: #ff4ba3;
}

.plan-button {
    width: 100%;
}

.pricing-trust {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 28px;
}

.testimonials {
    border-radius: 14px;
    margin-top: 58px;
    padding: 28px;
}

.testimonial-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    text-align: left;
}

.testimonial-grid div {
    color: #ff4ba3;
    letter-spacing: 2px;
}

.testimonial-grid strong,
.testimonial-grid span {
    display: block;
}

.testimonial-grid span {
    color: #94a3b8;
    font-size: 13px;
}

.faq-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    text-align: left;
}

.faq-grid details {
    border-radius: 9px;
    padding: 0;
}

.faq-grid summary {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 900;
    justify-content: space-between;
    list-style: none;
    padding: 16px 18px;
}

.faq-grid summary::-webkit-details-marker {
    display: none;
}

.faq-grid p {
    margin: 0;
    padding: 0 18px 18px;
}

.landing-footer {
    border-top: 1px solid rgba(148, 163, 184, .16);
    display: grid;
    gap: 26px;
    grid-template-columns: 1.5fr repeat(4, .75fr) 1.25fr;
    margin-top: 64px;
    padding: 28px 0;
}

.landing-footer nav,
.newsletter {
    display: grid;
    gap: 9px;
}

.landing-footer strong {
    color: #fff;
}

.landing-footer a,
.landing-footer p {
    color: #9aa8bd;
    font-size: 13px;
}

.newsletter label {
    display: flex;
    gap: 8px;
}

.newsletter button {
    aspect-ratio: 1;
    background: #ff2d85;
    border: 0;
    border-radius: 8px;
    color: #fff;
    width: 44px;
}

@media (max-width: 1080px) {
    .landing-nav {
        display: none;
    }

    .landing-hero,
    .free-extractor {
        grid-template-columns: 1fr;
    }

    .landing-hero {
        padding-top: 24px;
    }

    .feature-grid,
    .pricing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .landing-footer {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .landing-header,
    .landing-actions,
    .landing-hero-actions {
        align-items: stretch;
        display: grid;
    }

    .landing-header,
    .landing-hero,
    .free-extractor,
    .landing-section,
    .testimonials,
    .landing-footer {
        width: calc(100% - 28px);
    }

    .landing-dashboard-preview {
        grid-template-columns: 1fr;
        min-width: 0;
        min-height: auto;
    }

    .preview-metrics,
    .steps-grid,
    .testimonial-grid,
    .faq-grid,
    .feature-grid,
    .pricing-grid,
    .landing-footer {
        grid-template-columns: 1fr;
    }

    .steps-grid {
        gap: 24px;
    }

    .free-extractor {
        padding: 22px;
    }

    .landing-hero h1 {
        font-size: clamp(34px, 11vw, 44px);
    }
}

/* Unified MailExtract dark SaaS theme */
:root {
    --mx-bg: #020914;
    --mx-bg-soft: #071225;
    --mx-card: #0f1b2d;
    --mx-card-2: #111f35;
    --mx-line: rgba(148, 163, 184, .18);
    --mx-line-strong: rgba(255, 79, 159, .42);
    --mx-text: #f8fafc;
    --mx-muted: #9aa8bd;
    --mx-pink: #ff2f8f;
    --mx-pink-2: #ff4f9f;
    --mx-gradient: linear-gradient(135deg, #ff2f8f, #ff4f9f);
    --mx-shadow: 0 22px 70px rgba(0, 0, 0, .34);
}

body.landing-page,
body.auth-body,
body.dashboard-page,
body.extractor-page,
body.billing-page,
body.admin-page,
body.settings-page,
body.receipt-page {
    background:
        radial-gradient(circle at 76% 8%, rgba(255, 47, 143, .17), transparent 32rem),
        radial-gradient(circle at 12% 4%, rgba(14, 165, 233, .08), transparent 28rem),
        var(--mx-bg) !important;
    color: var(--mx-text) !important;
}

body.landing-page,
body.landing-page main {
    overflow-x: hidden;
    width: 100%;
}

.landing-header,
.landing-hero,
.free-extractor,
.landing-section,
.testimonials,
.landing-footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
}

.landing-header::before {
    inset: 0 !important;
}

.landing-hero {
    grid-template-columns: minmax(0, .82fr) minmax(430px, 1.18fr);
}

.hero-free-extractor {
    margin: 0;
    max-width: none;
    width: 100%;
}

.hero-free-extractor .free-copy h2 {
    font-size: 25px;
}

.hero-free-extractor .free-copy p,
.hero-free-extractor .free-copy li {
    font-size: 13px;
}

.hero-free-extractor .free-tool textarea {
    min-height: 120px;
}

.auth-body {
    min-height: 100vh;
}

.auth-shell {
    align-items: center;
    display: grid;
    gap: 42px;
    grid-template-columns: minmax(0, .9fr) minmax(360px, 440px);
    margin: 0 auto;
    max-width: 1120px;
    min-height: 100vh;
    padding: 36px 24px;
}

.auth-brand {
    background: transparent;
    color: var(--mx-text);
}

.auth-brand .brand-mark,
.brand-mark,
.landing-brand span {
    background: var(--mx-gradient) !important;
    color: #fff !important;
    box-shadow: 0 14px 34px rgba(255, 47, 143, .26);
}

.auth-brand h1 {
    color: #fff;
    font-size: clamp(38px, 6vw, 64px);
    letter-spacing: 0;
}

.auth-brand p {
    color: var(--mx-muted);
    font-size: 17px;
    max-width: 560px;
}

.auth-card {
    background: linear-gradient(180deg, rgba(15, 27, 45, .94), rgba(8, 18, 33, .94)) !important;
    border: 1px solid var(--mx-line) !important;
    border-radius: 18px !important;
    box-shadow: var(--mx-shadow) !important;
    color: var(--mx-text);
    padding: 30px !important;
}

.form-heading h2,
.topbar h1,
.dashboard-workspace-head h2,
.section-heading h2,
.card-heading h2,
.billing-section-head h2,
.admin-module-bar h2 {
    color: var(--mx-text) !important;
}

.form-heading p,
.dashboard-workspace-head p,
.billing-section-head p,
.admin-module-bar p,
.breadcrumb-line,
.stat-title span,
.stat-card p,
.dashboard-summary-card p,
.job-details span,
.live-metrics span,
.admin-muted {
    color: var(--mx-muted) !important;
}

.app-shell {
    background: transparent !important;
}

.sidebar,
.topbar,
.content {
    background: transparent !important;
}

.sidebar {
    background: rgba(5, 13, 27, .82) !important;
    border-right: 1px solid var(--mx-line) !important;
}

.sidebar-brand,
.nav-link,
.nav-submenu a,
.user-profile,
.plan-title strong,
.topbar h1 {
    color: var(--mx-text) !important;
}

.nav-link,
.nav-submenu a,
.plan-card,
.user-profile,
.credits-dropdown,
.icon-button {
    background: rgba(15, 27, 45, .64) !important;
    border: 1px solid rgba(148, 163, 184, .14) !important;
}

.nav-link i,
.nav-submenu i,
.credits-icon,
.plan-title i,
.stat-icon,
.admin-stat-card i,
.dashboard-widget-top i {
    color: var(--mx-pink-2) !important;
}

.nav-link.active,
.nav-link:hover,
.nav-submenu a.active,
.nav-submenu a:hover {
    background: rgba(255, 47, 143, .13) !important;
    border-color: rgba(255, 79, 159, .38) !important;
    color: #fff !important;
}

.plan-card,
.stat-card,
.extract-card,
.jobs-card,
.dashboard-summary-card,
.dashboard-widget-card,
.dashboard-jobs-card,
.billing-hero-panel,
.billing-stat-card,
.billing-table-card,
.billing-plan-card,
.admin-stat-card,
.admin-table-card,
.admin-module-bar,
.history-card,
.settings-card,
.modal-content,
.receipt-shell {
    background: linear-gradient(180deg, rgba(15, 27, 45, .94), rgba(8, 18, 33, .94)) !important;
    border: 1px solid var(--mx-line) !important;
    box-shadow: var(--mx-shadow) !important;
    color: var(--mx-text) !important;
}

.stat-card strong,
.dashboard-summary-card strong,
.dashboard-widget-card strong,
.billing-stat-card strong,
.billing-summary-grid strong,
.admin-stat-card strong,
.jobs-table td strong,
.receipt-grid dd {
    color: var(--mx-text) !important;
}

.billing-summary-grid div,
.receipt-grid div,
.daily-usage-panel,
.free-limit-box,
.preview-metrics div,
.preview-chart,
.preview-jobs {
    background: rgba(7, 18, 37, .86) !important;
    border-color: var(--mx-line) !important;
}

.start-button,
.primary-button,
.upgrade-button,
.billing-gradient-button,
.plan-cta.primary,
.landing-cta,
.dashboard-page-actions a,
.dashboard-mini-cta,
.hero-cta,
.free-submit {
    background: var(--mx-gradient) !important;
    border: 0 !important;
    box-shadow: 0 14px 34px rgba(255, 47, 143, .24) !important;
    color: #fff !important;
}

.validate-button,
.table-button,
.billing-ghost-button,
.landing-secondary,
.landing-login,
.advanced-button,
.stop-extraction-button {
    background: rgba(15, 27, 45, .72) !important;
    border: 1px solid var(--mx-line) !important;
    color: var(--mx-text) !important;
}

input,
textarea,
select,
.domain-file-input,
.filter-control,
.admin-form-grid input,
.admin-form-grid select,
.admin-form-grid textarea,
.stack-form input,
.free-tool textarea {
    background: #071225 !important;
    border: 1px solid rgba(148, 163, 184, .28) !important;
    color: #fff !important;
    caret-color: var(--mx-pink-2);
}

input::placeholder,
textarea::placeholder {
    color: #74839a !important;
    opacity: 1;
}

input:focus,
textarea:focus,
select:focus,
.filter-control:focus-within,
.domain-form textarea:focus {
    border-color: var(--mx-line-strong) !important;
    box-shadow: 0 0 0 4px rgba(255, 47, 143, .14) !important;
    outline: none !important;
}

.wide-progress,
.mini-progress,
.plan-meter {
    background: rgba(148, 163, 184, .18) !important;
}

.wide-progress span,
.mini-progress span,
.plan-meter span,
#daily-usage-bar {
    background: var(--mx-gradient) !important;
}

.jobs-table,
.dashboard-jobs-table,
.billing-table {
    color: var(--mx-text) !important;
}

.jobs-table th,
.dashboard-jobs-table th,
.billing-table th {
    background: rgba(7, 18, 37, .95) !important;
    color: #dbe6f6 !important;
}

.jobs-table td,
.dashboard-jobs-table td,
.billing-table td {
    border-color: rgba(148, 163, 184, .12) !important;
    color: #dbe6f6 !important;
}

.free-results {
    background: rgba(7, 18, 37, .75);
    border-color: var(--mx-line) !important;
}

.free-results-head,
.free-results th {
    background: rgba(5, 13, 27, .94) !important;
}

.billing-plan-card.recommended,
.pricing-card.popular {
    border-color: rgba(255, 79, 159, .72) !important;
    box-shadow: 0 24px 80px rgba(255, 47, 143, .18) !important;
}

.recommended-badge,
.popular-badge,
.dash-badge.good,
.admin-status.active,
.billing-status.active {
    background: rgba(255, 47, 143, .14) !important;
    border-color: rgba(255, 79, 159, .32) !important;
    color: #ff8ec5 !important;
}

.payment-processing-modal > div {
    background: var(--mx-card) !important;
    border: 1px solid var(--mx-line) !important;
    color: var(--mx-text) !important;
}

.payment-processing-modal strong {
    color: var(--mx-text) !important;
}

.payment-processing-modal p {
    color: var(--mx-muted) !important;
}

@media (max-width: 1080px) {
    .landing-hero {
        grid-template-columns: 1fr;
    }

    .auth-shell {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .landing-header,
    .landing-hero,
    .free-extractor,
    .landing-section,
    .testimonials,
    .landing-footer {
        padding-left: 14px;
        padding-right: 14px;
    }

    .auth-shell {
        padding: 24px 14px;
    }
}

/* Landing conversion sections */
html,
body {
    overflow-x: hidden;
    overflow-y: auto;
}

body.landing-page main {
    overflow: visible;
}

body.landing-page .landing-header,
body.landing-page .landing-hero,
body.landing-page .landing-section,
body.landing-page .testimonials,
body.landing-page .landing-footer,
.landing-trust-stats,
.landing-final-cta {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
}

body.landing-page .landing-hero {
    gap: 28px;
    padding-bottom: 34px;
    padding-top: 28px;
}

body.landing-page .landing-hero h1 {
    font-size: clamp(42px, 5.2vw, 72px);
    line-height: 1.02;
}

body.landing-page .landing-hero-copy p {
    max-width: 590px;
}

body.landing-page .hero-free-extractor {
    border-color: rgba(255, 79, 159, .32);
    box-shadow: 0 26px 90px rgba(0, 0, 0, .28), 0 0 0 1px rgba(255, 47, 143, .08);
    gap: 18px;
    padding: 22px;
}

body.landing-page .hero-free-extractor .free-tool textarea {
    min-height: 112px;
}

.landing-trust-stats {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 8px;
}

.landing-trust-stats article,
.use-case-grid article,
.why-grid article,
.result-preview-card,
.landing-final-cta {
    background: linear-gradient(180deg, rgba(15, 27, 45, .92), rgba(7, 18, 37, .92));
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 16px;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .22);
}

.landing-trust-stats article {
    min-height: 112px;
    padding: 22px;
}

.landing-trust-stats strong {
    color: #fff;
    display: block;
    font-size: clamp(27px, 3vw, 40px);
    letter-spacing: 0;
    line-height: 1;
}

.landing-trust-stats span {
    color: var(--mx-muted);
    display: block;
    font-size: 14px;
    margin-top: 10px;
}

.use-case-grid,
.why-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.use-case-grid article {
    align-items: center;
    display: flex;
    gap: 14px;
    min-height: 98px;
    padding: 22px;
}

.use-case-grid i,
.why-grid i,
.result-badges i {
    color: var(--mx-pink-2);
    font-size: 24px;
}

.use-case-grid h3 {
    color: #fff;
    font-size: 17px;
    margin: 0;
}

.result-preview-section {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, .78fr) minmax(440px, 1fr);
}

.result-preview-copy p {
    color: var(--mx-muted);
    font-size: 15px;
    line-height: 1.7;
    margin: 0 auto 20px;
    max-width: 620px;
}

.result-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.result-badges span {
    align-items: center;
    background: rgba(255, 47, 143, .1);
    border: 1px solid rgba(255, 79, 159, .24);
    border-radius: 999px;
    color: #ffd7e8;
    display: inline-flex;
    font-size: 13px;
    gap: 8px;
    padding: 9px 12px;
}

.result-badges i {
    font-size: 15px;
}

.result-preview-card {
    overflow: hidden;
    padding: 0;
}

.result-preview-card table {
    border-collapse: collapse;
    width: 100%;
}

.result-preview-card th,
.result-preview-card td {
    border-bottom: 1px solid rgba(148, 163, 184, .12);
    color: #dbe6f6;
    padding: 17px 18px;
    text-align: left;
}

.result-preview-card th {
    background: rgba(5, 13, 27, .92);
    color: #fff;
    font-size: 13px;
}

.result-preview-card td span {
    background: rgba(34, 197, 94, .12);
    border: 1px solid rgba(34, 197, 94, .22);
    border-radius: 999px;
    color: #86efac;
    display: inline-flex;
    font-size: 12px;
    padding: 6px 10px;
}

.why-grid article {
    align-items: center;
    display: flex;
    gap: 12px;
    padding: 18px;
}

.why-grid span {
    color: #eef5ff;
    font-size: 15px;
}

.landing-final-cta {
    align-items: center;
    display: grid;
    justify-items: center;
    margin-top: 54px;
    overflow: hidden;
    padding-bottom: 42px;
    padding-top: 42px;
    position: relative;
    text-align: center;
}

.landing-final-cta::before {
    background: radial-gradient(circle, rgba(255, 47, 143, .28), transparent 58%);
    content: "";
    height: 280px;
    position: absolute;
    right: -80px;
    top: -110px;
    width: 280px;
}

.landing-final-cta > * {
    position: relative;
}

.landing-final-cta h2 {
    color: #fff;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.08;
    margin: 8px 0 10px;
}

.landing-final-cta p {
    color: var(--mx-muted);
    font-size: 16px;
    margin: 0 0 24px;
}

.landing-final-cta div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.testimonial-stars {
    color: var(--mx-pink-2);
    display: flex;
    gap: 4px;
}

@media (max-width: 1080px) {
    .landing-trust-stats,
    .use-case-grid,
    .why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .result-preview-section {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    body.landing-page .landing-header,
    body.landing-page .landing-hero,
    body.landing-page .landing-section,
    body.landing-page .testimonials,
    body.landing-page .landing-footer,
    .landing-trust-stats,
    .landing-final-cta {
        padding-left: 14px;
        padding-right: 14px;
    }

    body.landing-page .landing-hero {
        gap: 22px;
        padding-top: 20px;
    }

    body.landing-page .landing-hero h1 {
        font-size: clamp(34px, 10vw, 46px);
    }

    .landing-trust-stats,
    .use-case-grid,
    .why-grid {
        grid-template-columns: 1fr;
    }

    .result-preview-card {
        overflow-x: auto;
    }

    .result-preview-card table {
        min-width: 600px;
    }

    .landing-final-cta {
        margin-top: 34px;
        padding-bottom: 34px;
        padding-top: 34px;
    }
}

/* High-contrast authenticated app polish */
:root {
    --mx-app-bg: #07111f;
    --mx-app-bg-2: #0b1526;
    --mx-panel: #122238;
    --mx-panel-2: #162a44;
    --mx-panel-3: #0f1d31;
    --mx-border-readable: rgba(148, 163, 184, .30);
    --mx-border-strong: rgba(255, 79, 159, .46);
    --mx-text-strong: #ffffff;
    --mx-text-readable: #e6edf7;
    --mx-text-muted-readable: #b9c7d9;
    --mx-icon-tile: linear-gradient(135deg, #2f9bff, #7c3aed);
}

body.dashboard-page,
body.extractor-page,
body.billing-page,
body.settings-page,
body.admin-page,
body.receipt-page {
    background:
        radial-gradient(circle at 82% 0%, rgba(255, 47, 143, .16), transparent 30rem),
        linear-gradient(135deg, var(--mx-app-bg), var(--mx-app-bg-2)) !important;
    color: var(--mx-text-readable) !important;
}

body.dashboard-page .content,
body.extractor-page .content,
body.billing-page .content,
body.settings-page .content,
body.admin-page .content,
body.receipt-page .content {
    background: transparent !important;
    color: var(--mx-text-readable) !important;
}

body.dashboard-page .sidebar,
body.extractor-page .sidebar,
body.billing-page .sidebar,
body.settings-page .sidebar,
body.admin-page .sidebar,
body.receipt-page .sidebar {
    background: #081322 !important;
    border-right: 1px solid rgba(148, 163, 184, .24) !important;
    box-shadow: 18px 0 50px rgba(0, 0, 0, .18);
}

body.dashboard-page .sidebar-brand,
body.extractor-page .sidebar-brand,
body.billing-page .sidebar-brand,
body.settings-page .sidebar-brand,
body.admin-page .sidebar-brand,
body.receipt-page .sidebar-brand,
body.dashboard-page .topbar h1,
body.extractor-page .topbar h1,
body.billing-page .topbar h1,
body.settings-page .topbar h1,
body.admin-page .topbar h1,
body.receipt-page .topbar h1,
body.dashboard-page h2,
body.extractor-page h2,
body.billing-page h2,
body.settings-page h2,
body.admin-page h2,
body.receipt-page h2,
body.dashboard-page h3,
body.extractor-page h3,
body.billing-page h3,
body.settings-page h3,
body.admin-page h3,
body.receipt-page h3 {
    color: var(--mx-text-strong) !important;
    text-shadow: none !important;
}

body.dashboard-page .breadcrumb-line,
body.extractor-page .breadcrumb-line,
body.billing-page .breadcrumb-line,
body.settings-page .breadcrumb-line,
body.admin-page .breadcrumb-line,
body.receipt-page .breadcrumb-line,
body.dashboard-page p,
body.extractor-page p,
body.billing-page p,
body.settings-page p,
body.admin-page p,
body.receipt-page p,
body.dashboard-page small,
body.extractor-page small,
body.billing-page small,
body.settings-page small,
body.admin-page small,
body.receipt-page small,
body.dashboard-page span,
body.extractor-page span,
body.billing-page span,
body.settings-page span,
body.admin-page span,
body.receipt-page span {
    text-shadow: none !important;
}

body.dashboard-page .breadcrumb-line,
body.extractor-page .breadcrumb-line,
body.billing-page .breadcrumb-line,
body.settings-page .breadcrumb-line,
body.admin-page .breadcrumb-line,
body.receipt-page .breadcrumb-line,
.stat-title span,
.stat-card p,
.billing-stat-card small,
.billing-section-head p,
.billing-summary-grid span,
.plan-credit-highlight span,
.billing-plan-features li,
.dashboard-summary-card p,
.dashboard-widget-card p,
.dashboard-jobs-table th,
.jobs-table th,
.live-metrics span,
.job-details span,
.domain-entry-meta,
.daily-usage-panel span,
.extract-card label small,
.sidebar-plan-meta span,
.plan-title span,
.profile-copy small,
.admin-muted {
    color: var(--mx-text-muted-readable) !important;
}

body.dashboard-page .nav-link,
body.extractor-page .nav-link,
body.billing-page .nav-link,
body.settings-page .nav-link,
body.admin-page .nav-link,
body.receipt-page .nav-link,
body.dashboard-page .nav-submenu a,
body.extractor-page .nav-submenu a,
body.billing-page .nav-submenu a,
body.settings-page .nav-submenu a,
body.admin-page .nav-submenu a,
body.receipt-page .nav-submenu a {
    background: #101f34 !important;
    border: 1px solid rgba(148, 163, 184, .22) !important;
    color: var(--mx-text-readable) !important;
    box-shadow: none !important;
}

body.dashboard-page .nav-link span,
body.extractor-page .nav-link span,
body.billing-page .nav-link span,
body.settings-page .nav-link span,
body.admin-page .nav-link span,
body.receipt-page .nav-link span,
body.dashboard-page .nav-submenu span,
body.extractor-page .nav-submenu span,
body.billing-page .nav-submenu span,
body.settings-page .nav-submenu span,
body.admin-page .nav-submenu span,
body.receipt-page .nav-submenu span {
    color: var(--mx-text-readable) !important;
}

body.dashboard-page .nav-link.active,
body.extractor-page .nav-link.active,
body.billing-page .nav-link.active,
body.settings-page .nav-link.active,
body.admin-page .nav-link.active,
body.receipt-page .nav-link.active,
body.dashboard-page .nav-link:hover,
body.extractor-page .nav-link:hover,
body.billing-page .nav-link:hover,
body.settings-page .nav-link:hover,
body.admin-page .nav-link:hover,
body.receipt-page .nav-link:hover,
body.dashboard-page .nav-submenu a.active,
body.extractor-page .nav-submenu a.active,
body.billing-page .nav-submenu a.active,
body.settings-page .nav-submenu a.active,
body.admin-page .nav-submenu a.active,
body.receipt-page .nav-submenu a.active,
body.dashboard-page .nav-submenu a:hover,
body.extractor-page .nav-submenu a:hover,
body.billing-page .nav-submenu a:hover,
body.settings-page .nav-submenu a:hover,
body.admin-page .nav-submenu a:hover,
body.receipt-page .nav-submenu a:hover {
    background: rgba(255, 47, 143, .16) !important;
    border-color: rgba(255, 79, 159, .58) !important;
    color: #fff !important;
}

.stat-card,
.extract-card,
.jobs-card,
.dashboard-summary-card,
.dashboard-widget-card,
.dashboard-jobs-card,
.billing-hero-panel,
.billing-stat-card,
.billing-plan-card,
.billing-table-card,
.billing-summary-grid div,
.billing-chart-card,
.admin-stat-card,
.admin-table-card,
.admin-module-bar,
.settings-card,
.history-card,
.plan-card,
.user-profile,
.credits-dropdown,
.icon-button,
.live-panel,
.live-extraction-panel,
.domain-form,
.daily-usage-panel {
    background: linear-gradient(180deg, var(--mx-panel), var(--mx-panel-3)) !important;
    border: 1px solid var(--mx-border-readable) !important;
    color: var(--mx-text-readable) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
}

.stat-card strong,
.billing-stat-card strong,
.billing-summary-grid strong,
.dashboard-summary-card strong,
.dashboard-widget-card strong,
.jobs-table td strong,
.live-panel strong,
.job-details strong,
.sidebar-plan-meta strong,
.plan-title strong,
.profile-copy strong,
.credits-dropdown strong,
.daily-usage-panel strong,
.domain-counter strong {
    color: var(--mx-text-strong) !important;
}

.stat-icon,
.billing-stat-card i,
.dashboard-widget-top i,
.live-metrics i,
.admin-stat-card i,
.credits-icon,
.extract-card .tab-button i,
.domain-entry-actions i {
    background: var(--mx-icon-tile) !important;
    border-radius: 14px;
    color: #fff !important;
}

input,
textarea,
select,
.domain-form textarea,
.domain-file-input,
.filter-control,
.admin-form-grid input,
.admin-form-grid select,
.admin-form-grid textarea,
.stack-form input {
    background: #0a1728 !important;
    border: 1px solid rgba(203, 213, 225, .34) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

input::placeholder,
textarea::placeholder {
    color: #93a4ba !important;
}

input:focus,
textarea:focus,
select:focus,
.domain-form textarea:focus,
.filter-control:focus-within {
    border-color: var(--mx-border-strong) !important;
    box-shadow: 0 0 0 4px rgba(255, 47, 143, .16) !important;
}

.jobs-table,
.dashboard-jobs-table,
.billing-table {
    background: #0d1a2c !important;
    color: var(--mx-text-readable) !important;
}

.jobs-table th,
.dashboard-jobs-table th,
.billing-table th {
    background: #15263d !important;
    border-color: rgba(148, 163, 184, .22) !important;
    color: #edf4ff !important;
}

.jobs-table td,
.dashboard-jobs-table td,
.billing-table td {
    background: #101f34 !important;
    border-color: rgba(148, 163, 184, .18) !important;
    color: #dfe8f6 !important;
}

.wide-progress,
.mini-progress,
.plan-meter,
.daily-usage-panel .usage-progress,
.progress-track {
    background: rgba(203, 213, 225, .18) !important;
}

.wide-progress span,
.mini-progress span,
.plan-meter span,
#daily-usage-bar,
.progress-track span {
    background: linear-gradient(90deg, #ff2f8f, #ff6aa8) !important;
}

.start-button,
.primary-button,
.upgrade-button,
.billing-gradient-button,
.plan-cta.primary,
.dashboard-page-actions a,
.dashboard-mini-cta,
.hero-cta {
    color: #fff !important;
    text-shadow: none !important;
}

.validate-button,
.table-button,
.billing-ghost-button,
.advanced-button,
.stop-extraction-button,
.plan-cta {
    background: #13243a !important;
    border: 1px solid rgba(203, 213, 225, .28) !important;
    color: #edf4ff !important;
}

.validate-button:hover,
.table-button:hover,
.billing-ghost-button:hover,
.advanced-button:hover,
.plan-cta:hover {
    border-color: rgba(255, 79, 159, .55) !important;
    color: #fff !important;
}

.billing-toast,
.job-status,
.billing-status,
.admin-status,
.recommended-badge,
.current-badge {
    text-shadow: none !important;
}

/* Premium MailExtract SaaS redesign */
:root {
    --me-bg: #0b1020;
    --me-sidebar: #0f172a;
    --me-card: #131c31;
    --me-card-soft: rgba(19, 28, 49, .82);
    --me-card-strong: #17233a;
    --me-border: #24324a;
    --me-border-soft: rgba(148, 163, 184, .18);
    --me-pink: #ff4d9d;
    --me-pink-2: #ff2f8f;
    --me-purple: #8b5cf6;
    --me-purple-2: #6d5dfc;
    --me-text: #ffffff;
    --me-muted: #94a3b8;
    --me-muted-2: #cbd5e1;
    --me-gradient: linear-gradient(135deg, var(--me-pink), var(--me-purple));
    --me-gradient-pink: linear-gradient(135deg, #ff2f8f, #ff5aa8);
    --me-shadow: 0 24px 70px rgba(0, 0, 0, .34);
    --me-shadow-soft: 0 16px 48px rgba(0, 0, 0, .22);
}

* {
    box-sizing: border-box;
}

html,
body {
    min-height: 100%;
    overflow-x: hidden;
}

body {
    color: var(--me-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0;
}

body.landing-page,
body.auth-body,
body.dashboard-page,
body.extractor-page,
body.billing-page,
body.settings-page,
body.admin-page,
body.receipt-page {
    background:
        radial-gradient(circle at 78% 4%, rgba(255, 77, 157, .20), transparent 30rem),
        radial-gradient(circle at 18% 0%, rgba(139, 92, 246, .18), transparent 26rem),
        linear-gradient(135deg, #08101f 0%, var(--me-bg) 42%, #090d1c 100%) !important;
    color: var(--me-text) !important;
}

body.landing-page::selection,
body.auth-body::selection,
body.dashboard-page::selection,
body.extractor-page::selection,
body.billing-page::selection,
body.settings-page::selection,
body.admin-page::selection {
    background: rgba(255, 77, 157, .35);
    color: #fff;
}

.app-shell {
    background: transparent !important;
    min-height: 100vh;
}

.content {
    background: transparent !important;
    color: var(--me-text) !important;
    padding: 28px !important;
}

.sidebar {
    background: rgba(15, 23, 42, .88) !important;
    border-right: 1px solid var(--me-border) !important;
    box-shadow: 20px 0 70px rgba(0, 0, 0, .24) !important;
    backdrop-filter: blur(18px);
}

.sidebar-brand,
.landing-brand,
.auth-brand {
    color: var(--me-text) !important;
}

.brand-mark,
.landing-brand span,
.auth-brand .brand-mark {
    background: var(--me-gradient-pink) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(255, 77, 157, .30) !important;
    color: #fff !important;
}

.topbar {
    align-items: flex-start !important;
    background: transparent !important;
    border: 0 !important;
    margin-bottom: 26px;
    padding: 0 !important;
}

.topbar-title-row {
    align-items: center;
    display: flex;
    gap: 14px;
}

.topbar-menu,
.icon-button,
.credits-dropdown,
.admin-top-profile {
    background: rgba(19, 28, 49, .76) !important;
    border: 1px solid var(--me-border) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .16) !important;
    color: var(--me-text) !important;
}

.topbar-menu {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.topbar h1,
.dashboard-workspace-head h2,
.section-heading h2,
.dashboard-section-title h2,
.dashboard-section-head h2,
.card-heading h2,
.billing-section-head h2,
.admin-module-bar h2,
.auth-brand h1,
.form-heading h2,
.landing-hero h1,
.landing-section h2,
.testimonials h2,
.landing-final-cta h2 {
    color: var(--me-text) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

.topbar h1 {
    font-size: clamp(30px, 3vw, 44px) !important;
    line-height: 1;
}

.breadcrumb-line,
.breadcrumb-line a,
.form-heading p,
.auth-brand p,
.dashboard-workspace-head p,
.billing-section-head p,
.admin-module-bar p,
.landing-hero-copy p,
.landing-section p,
.testimonials p,
.landing-footer p,
.landing-footer a,
.stat-card p,
.billing-stat-card small,
.dashboard-summary-card p,
.dashboard-widget-top span,
.live-metrics span,
.job-details span,
.domain-meta,
.daily-usage-panel span,
.billing-summary-grid span,
.admin-muted,
.profile-copy small,
.plan-title span,
.sidebar-plan-meta span {
    color: var(--me-muted) !important;
}

.nav-link,
.nav-submenu a {
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    color: var(--me-muted-2) !important;
    min-height: 50px;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.nav-link span,
.nav-submenu span {
    color: inherit !important;
}

.nav-link i,
.nav-submenu i {
    color: #e6d7ff !important;
}

.nav-link:hover,
.nav-submenu a:hover {
    background: rgba(255, 255, 255, .04) !important;
    border-color: rgba(148, 163, 184, .20) !important;
    color: #fff !important;
    transform: translateX(2px);
}

.nav-link.active,
.nav-submenu a.active {
    background: linear-gradient(90deg, rgba(255, 77, 157, .22), rgba(139, 92, 246, .12)) !important;
    border-color: rgba(255, 77, 157, .42) !important;
    box-shadow: inset 3px 0 0 var(--me-pink), 0 14px 38px rgba(255, 77, 157, .14) !important;
    color: #fff !important;
}

.plan-card,
.user-profile,
.stat-card,
.dashboard-summary-card,
.dashboard-widget-card,
.dashboard-jobs-card,
.extract-card,
.jobs-card,
.billing-hero-panel,
.billing-stat-card,
.billing-plan-card,
.billing-table-card,
.billing-summary-grid div,
.admin-stat-card,
.admin-table-card,
.admin-module-bar,
.settings-card,
.history-card,
.receipt-shell,
.landing-trust-stats article,
.feature-grid article,
.use-case-grid article,
.steps-grid article,
.pricing-card,
.testimonial-grid article,
.faq-grid details,
.result-preview-card,
.landing-final-cta,
.free-extractor,
.auth-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
        var(--me-card-soft) !important;
    border: 1px solid var(--me-border) !important;
    border-radius: 18px !important;
    box-shadow: var(--me-shadow-soft) !important;
    color: var(--me-text) !important;
    backdrop-filter: blur(18px);
}

.stat-card,
.billing-stat-card,
.dashboard-summary-card,
.dashboard-widget-card {
    min-height: 145px;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.stat-card:hover,
.billing-stat-card:hover,
.dashboard-summary-card:hover,
.dashboard-widget-card:hover,
.billing-plan-card:hover,
.pricing-card:hover,
.feature-grid article:hover,
.use-case-grid article:hover {
    border-color: rgba(255, 77, 157, .42) !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .30), 0 0 0 1px rgba(255, 77, 157, .08) !important;
    transform: translateY(-2px);
}

.stat-icon,
.billing-stat-card > i,
.dashboard-widget-top i,
.live-metrics i,
.admin-stat-card i,
.credits-icon,
.feature-grid article > i,
.use-case-grid article > i,
.steps-grid article > i {
    align-items: center;
    background: var(--me-gradient) !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 34px rgba(139, 92, 246, .25) !important;
    color: #fff !important;
    display: inline-flex;
    justify-content: center;
}

.stat-card strong,
.billing-stat-card strong,
.dashboard-summary-card strong,
.dashboard-widget-card strong,
.billing-summary-grid strong,
.jobs-table td strong,
.dashboard-jobs-table td strong,
.live-metrics strong,
.job-details strong,
.plan-title strong,
.sidebar-plan-meta strong,
.credits-dropdown strong,
.profile-copy strong {
    color: #fff !important;
}

.sidebar-plan-meta {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr !important;
}

.sidebar-plan-meta div {
    background: rgba(11, 16, 32, .72) !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    border-radius: 14px !important;
    padding: 12px !important;
}

.sidebar-usage-ring {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: 72px 1fr;
    margin: 16px 0;
}

.sidebar-usage-ring > span {
    aspect-ratio: 1;
    background: conic-gradient(var(--me-pink) calc(var(--usage) * 1%), rgba(148, 163, 184, .22) 0);
    border-radius: 50%;
    display: block;
    padding: 9px;
    position: relative;
}

.sidebar-usage-ring > span::after {
    background: var(--me-sidebar);
    border-radius: 50%;
    content: "";
    inset: 9px;
    position: absolute;
}

.sidebar-usage-ring strong,
.sidebar-usage-ring small {
    display: block;
}

.sidebar-usage-ring small {
    color: var(--me-muted);
}

.upgrade-button,
.start-button,
.primary-button,
.landing-cta,
.billing-gradient-button,
.plan-cta.primary,
.dashboard-page-actions a,
.dashboard-mini-cta,
.hero-cta,
.free-submit {
    background: var(--me-gradient-pink) !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 38px rgba(255, 77, 157, .26) !important;
    color: #fff !important;
    font-weight: 800 !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.upgrade-button:hover,
.start-button:hover,
.primary-button:hover,
.landing-cta:hover,
.billing-gradient-button:hover,
.plan-cta.primary:hover,
.dashboard-page-actions a:hover,
.dashboard-mini-cta:hover,
.hero-cta:hover,
.free-submit:hover {
    box-shadow: 0 22px 54px rgba(255, 77, 157, .34) !important;
    filter: brightness(1.05);
    transform: translateY(-1px);
}

.validate-button,
.table-button,
.billing-ghost-button,
.landing-secondary,
.landing-login,
.advanced-button,
.plan-cta,
.stop-extraction-button {
    background: rgba(19, 28, 49, .84) !important;
    border: 1px solid var(--me-border) !important;
    border-radius: 12px !important;
    color: #fff !important;
}

.validate-button:hover,
.table-button:hover,
.billing-ghost-button:hover,
.landing-secondary:hover,
.landing-login:hover,
.advanced-button:hover,
.plan-cta:hover {
    border-color: rgba(255, 77, 157, .48) !important;
    color: #fff !important;
}

input,
textarea,
select,
.domain-form textarea,
.free-tool textarea,
.domain-file-input,
.filter-control,
.admin-form-grid input,
.admin-form-grid select,
.admin-form-grid textarea,
.stack-form input,
.newsletter input {
    background: #0b1324 !important;
    border: 1px solid var(--me-border) !important;
    border-radius: 12px !important;
    color: #fff !important;
    outline: none !important;
}

input::placeholder,
textarea::placeholder {
    color: #7f8da3 !important;
}

input:focus,
textarea:focus,
select:focus,
.domain-form textarea:focus,
.free-tool textarea:focus,
.filter-control:focus-within {
    border-color: var(--me-pink) !important;
    box-shadow: 0 0 0 4px rgba(255, 77, 157, .15), 0 16px 44px rgba(0, 0, 0, .18) !important;
}

.extractor-grid {
    align-items: stretch;
    display: grid;
    gap: 18px !important;
    grid-template-columns: minmax(420px, 1.15fr) minmax(320px, .88fr) minmax(360px, 1fr) !important;
}

.domain-card {
    overflow: hidden;
}

.tabs {
    background: rgba(11, 16, 32, .28) !important;
    border-bottom: 1px solid var(--me-border) !important;
}

.tab-button {
    color: var(--me-muted-2) !important;
    font-weight: 800 !important;
}

.tab-button.active {
    color: #fff !important;
}

.tab-button.active::after {
    background: var(--me-gradient-pink) !important;
    height: 3px !important;
}

.domain-form textarea {
    min-height: 178px;
}

.domain-footer {
    align-items: center;
    gap: 14px;
}

.domain-actions {
    align-items: center;
    gap: 12px;
}

.start-button {
    min-width: 190px;
}

.settings-list {
    display: grid;
    gap: 12px !important;
}

.setting-row {
    align-items: center;
    background: rgba(11, 16, 32, .48) !important;
    border: 1px solid var(--me-border) !important;
    border-radius: 14px !important;
    display: grid !important;
    gap: 12px;
    grid-template-columns: 1fr auto;
    min-height: 74px;
    padding: 14px 12px !important;
}

.setting-row > span:first-child {
    align-items: center;
    display: flex;
    gap: 12px;
}

.setting-row > span:first-child > i {
    align-items: center;
    background: rgba(139, 92, 246, .16);
    border: 1px solid rgba(139, 92, 246, .30);
    border-radius: 12px;
    color: #d8c7ff !important;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.setting-row strong {
    color: #fff;
    display: block;
    font-size: 14px;
}

.setting-row small {
    color: var(--me-muted);
    display: block;
    font-size: 12px;
    margin-top: 2px;
}

.toggle {
    background: rgba(148, 163, 184, .22) !important;
    border: 1px solid rgba(148, 163, 184, .28) !important;
}

.setting-row input:checked + .toggle {
    background: var(--me-gradient-pink) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 28px rgba(255, 77, 157, .28);
}

.progress-ring {
    background:
        radial-gradient(circle at center, var(--me-card) 58%, transparent 59%),
        conic-gradient(var(--me-pink) calc(var(--progress) * 1%), rgba(148, 163, 184, .18) 0) !important;
    box-shadow: inset 0 0 0 18px rgba(148, 163, 184, .10);
}

.wide-progress,
.mini-progress,
.plan-meter {
    background: rgba(148, 163, 184, .18) !important;
    border-radius: 999px !important;
}

.wide-progress span,
.mini-progress span,
.plan-meter span,
#daily-usage-bar {
    background: var(--me-gradient-pink) !important;
    border-radius: inherit;
}

.live-main {
    align-items: center;
    gap: 24px !important;
}

.live-metrics {
    gap: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.live-metrics div {
    background: rgba(11, 16, 32, .48) !important;
    border: 1px solid var(--me-border) !important;
    border-radius: 14px !important;
    padding: 14px !important;
}

.jobs-table,
.dashboard-jobs-table,
.billing-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: var(--me-muted-2) !important;
    overflow: hidden;
    width: 100%;
}

.table-wrap,
.dashboard-table-wrap {
    border: 1px solid var(--me-border);
    border-radius: 14px;
    overflow-x: auto;
}

.jobs-table th,
.dashboard-jobs-table th,
.billing-table th {
    background: rgba(255, 255, 255, .035) !important;
    border-bottom: 1px solid var(--me-border) !important;
    color: #f8fafc !important;
    font-size: 13px !important;
    padding: 16px !important;
}

.jobs-table td,
.dashboard-jobs-table td,
.billing-table td {
    background: rgba(11, 16, 32, .25) !important;
    border-bottom: 1px solid rgba(148, 163, 184, .10) !important;
    color: #dbe4f0 !important;
    padding: 16px !important;
}

.empty-state {
    color: var(--me-muted) !important;
    height: 170px;
    text-align: center !important;
}

.empty-state i,
.dashboard-empty i,
.billing-empty i {
    color: var(--me-muted);
    display: block;
    font-size: 34px;
    margin-bottom: 10px;
}

.empty-state strong,
.empty-state span {
    display: block;
}

.empty-state strong {
    color: #fff;
    font-size: 16px;
}

.status-badge,
.job-status,
.dashboard-status,
.billing-status,
.admin-status,
.dash-badge,
.popular-badge,
.recommended-badge,
.current-badge {
    border-radius: 999px !important;
    font-weight: 800 !important;
    padding: 7px 12px !important;
}

.status-badge.processing,
.status-badge.completed,
.job-status.completed,
.dashboard-status.completed,
.billing-status.active,
.admin-status.active,
.dash-badge.good {
    background: rgba(16, 185, 129, .13) !important;
    border: 1px solid rgba(16, 185, 129, .28) !important;
    color: #86efac !important;
}

.status-badge.failed,
.job-status.failed,
.dashboard-status.failed {
    background: rgba(248, 113, 113, .12) !important;
    border: 1px solid rgba(248, 113, 113, .26) !important;
    color: #fca5a5 !important;
}

.status-badge.pending,
.job-status.pending,
.dash-badge.info {
    background: rgba(139, 92, 246, .14) !important;
    border: 1px solid rgba(139, 92, 246, .28) !important;
    color: #d8b4fe !important;
}

.billing-hero-panel {
    align-items: center;
    min-height: 160px;
}

.billing-plan-card.recommended,
.pricing-card.popular {
    border-color: rgba(255, 77, 157, .68) !important;
    box-shadow: 0 26px 80px rgba(255, 77, 157, .16) !important;
}

.plan-credit-highlight,
.daily-usage-panel,
.free-limit-box,
.dummy-payment-details {
    background: rgba(11, 16, 32, .52) !important;
    border: 1px solid var(--me-border) !important;
    border-radius: 14px !important;
    color: var(--me-muted-2) !important;
}

.payment-processing-modal {
    background: rgba(5, 8, 18, .68) !important;
    backdrop-filter: blur(10px);
}

.payment-processing-modal > div {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)),
        var(--me-card) !important;
    border: 1px solid var(--me-border) !important;
    border-radius: 18px !important;
    color: #fff !important;
}

.payment-processing-modal strong,
.payment-processing-modal p,
.dummy-payment-details span {
    color: var(--me-muted-2) !important;
}

.payment-processing-modal strong {
    color: #fff !important;
}

.landing-header,
.landing-hero,
.landing-section,
.testimonials,
.landing-footer,
.landing-trust-stats,
.landing-final-cta {
    max-width: 1320px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    width: 100% !important;
}

.landing-header {
    background: rgba(11, 16, 32, .72) !important;
    border: 1px solid rgba(148, 163, 184, .14) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .22);
    margin-top: 16px;
    min-height: 72px;
    padding-bottom: 12px !important;
    padding-top: 12px !important;
    backdrop-filter: blur(18px);
}

.landing-hero {
    gap: 34px !important;
    grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr) !important;
    padding-bottom: 42px !important;
    padding-top: 54px !important;
}

.landing-hero h1 {
    font-size: clamp(44px, 5vw, 74px) !important;
}

.landing-hero h1 span,
.section-kicker,
.pricing-card h3,
.free-copy h2 span,
.auth-switch a {
    color: var(--me-pink) !important;
}

.landing-badge,
.section-kicker {
    background: rgba(255, 77, 157, .11) !important;
    border: 1px solid rgba(255, 77, 157, .28) !important;
    border-radius: 999px !important;
    color: #ffb3d6 !important;
}

.hero-free-extractor {
    display: grid !important;
    grid-template-columns: minmax(210px, .72fr) minmax(0, 1fr) !important;
}

.free-results,
.result-preview-card {
    background: rgba(11, 16, 32, .50) !important;
    border: 1px solid var(--me-border) !important;
    border-radius: 14px !important;
}

.auth-shell {
    max-width: 1180px !important;
}

.auth-card {
    padding: 34px !important;
}

.auth-brand {
    align-content: center;
    min-height: 520px;
}

.stack-form {
    gap: 16px !important;
}

.stack-form label {
    color: #e5edf8 !important;
    font-weight: 750;
}

.checkbox-row {
    align-items: center;
    color: var(--me-muted-2) !important;
    display: flex !important;
    gap: 10px;
}

.field-error {
    color: #fda4af !important;
}

.dashboard-summary-grid,
.dashboard-widget-grid,
.stats-grid,
.billing-stat-grid,
.admin-stat-grid {
    gap: 18px !important;
}

@media (max-width: 1280px) {
    .extractor-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .live-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1080px) {
    .landing-hero,
    .hero-free-extractor,
    .extractor-grid {
        grid-template-columns: 1fr !important;
    }

    .content {
        padding: 22px !important;
    }
}

@media (max-width: 820px) {
    .app-shell {
        display: block !important;
    }

    .sidebar {
        border-bottom: 1px solid var(--me-border) !important;
        border-right: 0 !important;
        height: auto !important;
        position: relative !important;
        width: 100% !important;
    }

    .sidebar-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .plan-card,
    .user-profile {
        margin-top: 14px;
    }

    .topbar {
        display: grid !important;
        gap: 16px;
    }

    .topbar-actions {
        justify-content: flex-start !important;
        width: 100%;
    }
}

@media (max-width: 720px) {
    .content {
        padding: 16px !important;
    }

    .landing-header,
    .landing-hero,
    .landing-section,
    .testimonials,
    .landing-footer,
    .landing-trust-stats,
    .landing-final-cta {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .landing-hero {
        padding-top: 28px !important;
    }

    .dashboard-page-actions,
    .domain-footer,
    .domain-actions,
    .landing-actions,
    .landing-hero-actions,
    .dummy-payment-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100%;
    }

    .stats-grid,
    .dashboard-summary-grid,
    .dashboard-widget-grid,
    .billing-stat-grid,
    .billing-plan-grid,
    .pricing-grid,
    .feature-grid,
    .use-case-grid,
    .why-grid,
    .live-metrics {
        grid-template-columns: 1fr !important;
    }

    .sidebar-nav {
        grid-template-columns: 1fr;
    }

    .topbar-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .credits-dropdown,
    .admin-top-profile-form {
        grid-column: 1 / -1;
    }
}

/* Exact reference-style extractor dashboard polish disabled
body.extractor-page {
    background:
        radial-gradient(circle at 76% -12%, rgba(255, 77, 157, .14), transparent 32rem),
        radial-gradient(circle at 12% -10%, rgba(139, 92, 246, .13), transparent 28rem),
        #0b1020 !important;
}

body.extractor-page .app-shell {
    display: grid !important;
    grid-template-columns: 292px minmax(0, 1fr) !important;
}

body.extractor-page .sidebar {
    background: rgba(15, 23, 42, .86) !important;
    border-right: 1px solid #24324a !important;
    padding: 26px 18px !important;
}

body.extractor-page .sidebar-brand {
    font-size: 25px !important;
    gap: 14px !important;
    margin-bottom: 34px !important;
}

body.extractor-page .brand-mark {
    border-radius: 10px !important;
    height: 44px !important;
    width: 44px !important;
}

body.extractor-page .sidebar-nav {
    gap: 8px !important;
}

body.extractor-page .nav-link,
body.extractor-page .nav-submenu a {
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    color: #e5edf8 !important;
    font-size: 16px !important;
    min-height: 52px !important;
    padding: 0 16px !important;
}

body.extractor-page .nav-link i,
body.extractor-page .nav-submenu i {
    color: #f6f8fc !important;
    font-size: 20px !important;
}

body.extractor-page .nav-link.active,
body.extractor-page .nav-submenu a.active {
    background: linear-gradient(90deg, rgba(255, 77, 157, .22), rgba(255, 77, 157, .08)) !important;
    border-color: rgba(255, 77, 157, .36) !important;
    box-shadow: inset 3px 0 0 #ff4d9d !important;
}

body.extractor-page .content {
    padding: 26px 34px 26px !important;
}

body.extractor-page .topbar {
    align-items: flex-start !important;
    display: flex !important;
    margin-bottom: 28px !important;
}

body.extractor-page .topbar h1 {
    font-size: 30px !important;
    font-weight: 850 !important;
}

body.extractor-page .breadcrumb-line {
    font-size: 13px !important;
    margin-top: 10px !important;
}

.topbar-upgrade {
    align-items: center;
    background: linear-gradient(135deg, #ff2f8f, #ff5a9e) !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 38px rgba(255, 47, 143, .30) !important;
    color: #fff !important;
    display: inline-flex;
    font-weight: 850;
    gap: 9px;
    min-height: 50px;
    padding: 0 20px;
    text-decoration: none;
}

body.extractor-page .icon-button,
body.extractor-page .credits-dropdown,
body.extractor-page .topbar-profile {
    background: rgba(19, 28, 49, .88) !important;
    border: 1px solid #24324a !important;
    border-radius: 10px !important;
    color: #fff !important;
    min-height: 50px;
}

body.extractor-page .stats-grid.extractor-stats {
    display: grid !important;
    gap: 20px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin-bottom: 28px !important;
}

body.extractor-page .stat-card {
    align-items: center !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        #131c31 !important;
    border: 1px solid #24324a !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .24) !important;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: 64px 1fr !important;
    min-height: 144px !important;
    padding: 26px 24px !important;
}

body.extractor-page .stat-icon {
    border-radius: 11px !important;
    height: 58px !important;
    width: 58px !important;
}

body.extractor-page .stat-icon.purple,
body.extractor-page .stat-icon.blue {
    background: linear-gradient(135deg, #8b5cf6, #6d5dfc) !important;
}

body.extractor-page .stat-icon.green,
body.extractor-page .stat-icon.orange {
    background: linear-gradient(135deg, #ff2f8f, #ff5a9e) !important;
}

body.extractor-page .stat-title span {
    color: #cbd5e1 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
}

body.extractor-page .stat-card strong {
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1.05 !important;
}

body.extractor-page .stat-card p {
    color: #94a3b8 !important;
    font-size: 14px !important;
    margin: 6px 0 0 !important;
}

.stat-progress {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr auto;
    margin-top: 14px;
}

.stat-progress > span {
    background: rgba(148, 163, 184, .18);
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

.stat-progress > span::before {
    background: linear-gradient(90deg, #8b5cf6, #ff4d9d);
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    width: var(--progress, 0%);
}

.stat-progress em {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 850;
}

body.extractor-page .extractor-grid {
    align-items: stretch !important;
    display: grid !important;
    gap: 20px !important;
    grid-template-columns: minmax(440px, 1.1fr) minmax(330px, .84fr) minmax(390px, .96fr) !important;
}

body.extractor-page .extract-card,
body.extractor-page .jobs-card,
body.extractor-page .extractor-footer-strip {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
        #131c31 !important;
    border: 1px solid #24324a !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .24) !important;
}

body.extractor-page .domain-card {
    padding: 0 !important;
}

body.extractor-page .tabs {
    border-bottom: 1px solid #24324a !important;
    display: flex !important;
    height: 64px !important;
}

body.extractor-page .tab-button {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #cbd5e1 !important;
    flex: 1;
    font-size: 15px !important;
    justify-content: center !important;
}

body.extractor-page .tab-button.active {
    color: #fff !important;
}

body.extractor-page .tab-button.active::after {
    background: #ff4d9d !important;
    bottom: 0 !important;
    height: 3px !important;
}

body.extractor-page .domain-form {
    padding: 22px 20px 0 !important;
}

body.extractor-page .domain-form label {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

body.extractor-page .domain-form label span {
    color: #cbd5e1 !important;
    font-weight: 650 !important;
}

body.extractor-page #domains-input {
    background: rgba(11, 16, 32, .70) !important;
    border: 1px solid #2a3a56 !important;
    border-radius: 8px !important;
    color: #dbe4f0 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    min-height: 178px !important;
    padding: 16px !important;
}

body.extractor-page #domains-input:focus {
    border-color: #ff4d9d !important;
    box-shadow: 0 0 0 4px rgba(255, 77, 157, .13) !important;
}

body.extractor-page .domain-meta {
    margin-top: 10px !important;
}

.domain-perks {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 16px;
}

.domain-perks span {
    align-items: center;
    background: rgba(11, 16, 32, .42);
    border: 1px solid #24324a;
    border-radius: 8px;
    color: #fff !important;
    display: flex;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
}

.domain-perks i {
    color: #5ed7ff !important;
}

body.extractor-page .daily-usage-panel {
    display: none !important;
}

body.extractor-page .domain-footer {
    align-items: center !important;
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: auto 1fr !important;
    padding: 22px 20px 20px !important;
}

body.extractor-page .domain-actions {
    display: flex !important;
    gap: 12px !important;
    justify-content: flex-end !important;
}

body.extractor-page .validate-button,
body.extractor-page .start-button {
    border-radius: 8px !important;
    min-height: 48px !important;
}

body.extractor-page .start-button {
    min-width: 185px !important;
}

body.extractor-page .settings-card,
body.extractor-page .live-card {
    padding: 20px !important;
}

body.extractor-page .card-heading {
    align-items: center !important;
    margin-bottom: 24px !important;
}

body.extractor-page .card-heading h2 {
    font-size: 18px !important;
}

body.extractor-page .advanced-button {
    border-radius: 8px !important;
    min-height: 38px !important;
}

body.extractor-page .settings-list {
    gap: 12px !important;
}

body.extractor-page .setting-row {
    background: rgba(11, 16, 32, .34) !important;
    border: 1px solid #24324a !important;
    border-radius: 8px !important;
    min-height: 62px !important;
    padding: 12px 12px !important;
}

body.extractor-page .setting-row strong {
    color: #fff !important;
    font-size: 14px !important;
}

body.extractor-page .setting-row small {
    color: #cbd5e1 !important;
    font-size: 12px !important;
}

body.extractor-page .setting-row > span:first-child > i {
    background: rgba(139, 92, 246, .16) !important;
    border-color: rgba(139, 92, 246, .32) !important;
    border-radius: 7px !important;
    color: #d8b4fe !important;
    height: 30px !important;
    width: 30px !important;
}

body.extractor-page .toggle {
    height: 28px !important;
    width: 48px !important;
}

body.extractor-page .toggle::after {
    height: 22px !important;
    width: 22px !important;
}

body.extractor-page .setting-row input:checked + .toggle::after {
    transform: translateX(19px) !important;
}

body.extractor-page .live-main {
    display: grid !important;
    gap: 26px !important;
    grid-template-columns: 152px 1fr !important;
    margin: 20px 0 24px !important;
}

body.extractor-page .progress-ring {
    height: 144px !important;
    width: 144px !important;
}

body.extractor-page .job-details {
    gap: 8px !important;
}

body.extractor-page .job-details strong {
    font-size: 18px !important;
}

body.extractor-page .live-metrics {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-top: 24px !important;
}

body.extractor-page .live-metrics div {
    background: rgba(11, 16, 32, .34) !important;
    border: 1px solid #24324a !important;
    border-radius: 8px !important;
    min-height: 78px !important;
}

body.extractor-page .live-metrics i {
    background: linear-gradient(135deg, #391d75, #8b5cf6) !important;
    border-radius: 9px !important;
    height: 38px !important;
    width: 38px !important;
}

body.extractor-page .jobs-card {
    margin-top: 20px !important;
    padding: 18px !important;
}

body.extractor-page .section-heading h2 {
    font-size: 18px !important;
}

body.extractor-page .table-wrap {
    border: 1px solid #24324a !important;
    border-radius: 8px !important;
    margin-top: 12px !important;
}

body.extractor-page .jobs-table th {
    background: rgba(255, 255, 255, .035) !important;
    font-size: 13px !important;
}

body.extractor-page .jobs-table td {
    background: transparent !important;
}

body.extractor-page .empty-state {
    height: 132px !important;
}

.extractor-footer-strip {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    min-height: 58px;
    padding: 0 18px;
}

.extractor-footer-strip span,
.extractor-footer-strip a {
    color: #cbd5e1 !important;
    font-size: 13px;
    text-decoration: none;
}

.extractor-footer-strip i {
    color: #ffcf4d;
    margin-right: 6px;
}

.extractor-footer-strip nav {
    display: flex;
    gap: 24px;
}

body.extractor-page .plan-card {
    margin-top: 26px !important;
    padding: 24px 18px !important;
}

body.extractor-page .sidebar-usage-ring {
    grid-template-columns: 76px 1fr !important;
}

body.extractor-page .upgrade-button {
    min-height: 50px !important;
}

@media (max-width: 1320px) {
    body.extractor-page .extractor-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    body.extractor-page .live-card {
        grid-column: 1 / -1;
    }
}

@media (max-width: 980px) {
    body.extractor-page .app-shell {
        display: block !important;
    }

    body.extractor-page .extractor-grid,
    body.extractor-page .stats-grid.extractor-stats,
    .domain-perks {
        grid-template-columns: 1fr !important;
    }

    body.extractor-page .topbar,
    .extractor-footer-strip {
        display: grid !important;
        gap: 16px;
    }
}
*/

/* Sidebar bottom cards: compact SaaS plan/profile design */
body.extractor-page .plan-card,
body.billing-page .plan-card,
body.dashboard-page .plan-card,
body.settings-page .plan-card {
    background:
        radial-gradient(circle at 18% 0%, rgba(167, 89, 255, 0.18), transparent 42%),
        linear-gradient(145deg, rgba(15, 32, 58, 0.96), rgba(9, 23, 43, 0.96)) !important;
    border: 1px solid rgba(108, 147, 203, 0.28) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 10px !important;
    grid-auto-rows: max-content !important;
    height: auto !important;
    margin: 0 4px !important;
    max-height: none !important;
    min-height: 148px !important;
    overflow: visible !important;
    padding: 14px 13px !important;
}

body.extractor-page .plan-title,
body.billing-page .plan-title,
body.dashboard-page .plan-title,
body.settings-page .plan-title {
    align-items: flex-start !important;
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
}

body.extractor-page .plan-title i,
body.billing-page .plan-title i,
body.dashboard-page .plan-title i,
body.settings-page .plan-title i {
    align-items: center !important;
    background: rgba(151, 71, 255, 0.16) !important;
    border: 1px solid rgba(185, 117, 255, 0.4) !important;
    border-radius: 7px !important;
    color: #b466ff !important;
    display: inline-flex !important;
    font-size: 14px !important;
    height: 22px !important;
    justify-content: center !important;
    margin-top: 2px !important;
    width: 22px !important;
}

body.extractor-page .plan-title strong,
body.billing-page .plan-title strong,
body.dashboard-page .plan-title strong,
body.settings-page .plan-title strong {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
}

body.extractor-page .plan-title span,
body.billing-page .plan-title span,
body.dashboard-page .plan-title span,
body.settings-page .plan-title span {
    color: #aebbd2 !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    margin-top: 2px !important;
}

body.extractor-page .sidebar-plan-meta,
body.billing-page .sidebar-plan-meta,
body.dashboard-page .sidebar-plan-meta,
body.settings-page .sidebar-plan-meta {
    background: transparent !important;
    border: 0 !important;
    display: grid !important;
    gap: 5px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 0 !important;
}

body.extractor-page .sidebar-plan-meta span,
body.billing-page .sidebar-plan-meta span,
body.dashboard-page .sidebar-plan-meta span,
body.settings-page .sidebar-plan-meta span,
body.extractor-page .sidebar-plan-meta strong,
body.billing-page .sidebar-plan-meta strong,
body.dashboard-page .sidebar-plan-meta strong,
body.settings-page .sidebar-plan-meta strong {
    color: #d9e3f5 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

body.extractor-page .sidebar-usage-ring,
body.billing-page .sidebar-usage-ring,
body.dashboard-page .sidebar-usage-ring,
body.settings-page .sidebar-usage-ring {
    background: rgba(113, 135, 177, 0.18) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    display: block !important;
    height: 7px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
}

body.extractor-page .sidebar-usage-ring::before,
body.extractor-page .sidebar-usage-ring::after,
body.billing-page .sidebar-usage-ring::before,
body.billing-page .sidebar-usage-ring::after,
body.dashboard-page .sidebar-usage-ring::before,
body.dashboard-page .sidebar-usage-ring::after,
body.settings-page .sidebar-usage-ring::before,
body.settings-page .sidebar-usage-ring::after {
    display: none !important;
}

body.extractor-page .sidebar-usage-ring span,
body.billing-page .sidebar-usage-ring span,
body.dashboard-page .sidebar-usage-ring span,
body.settings-page .sidebar-usage-ring span {
    background: linear-gradient(90deg, #7c4dff, #f333aa) !important;
    border-radius: inherit !important;
    display: block !important;
    height: 100% !important;
    width: calc(var(--usage) * 1%) !important;
}

body.extractor-page .upgrade-button,
body.billing-page .upgrade-button,
body.dashboard-page .upgrade-button,
body.settings-page .upgrade-button {
    align-items: center !important;
    background: linear-gradient(100deg, #7b32f4 0%, #ed2e9b 100%) !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: 0 10px 22px rgba(202, 45, 188, 0.22) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    position: static !important;
    text-decoration: none !important;
    width: 100% !important;
}

body.extractor-page .user-profile,
body.billing-page .user-profile,
body.dashboard-page .user-profile,
body.settings-page .user-profile {
    background: rgba(15, 32, 58, 0.92) !important;
    border: 1px solid rgba(108, 147, 203, 0.26) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;
    box-sizing: border-box !important;
    gap: 10px !important;
    margin: 14px 4px 0 !important;
    min-height: 62px !important;
    position: relative !important;
    padding: 10px 11px !important;
    z-index: 1 !important;
}

body.extractor-page .user-profile .avatar,
body.billing-page .user-profile .avatar,
body.dashboard-page .user-profile .avatar,
body.settings-page .user-profile .avatar {
    background: linear-gradient(135deg, #7b32f4, #f23bb9) !important;
    color: #ffffff !important;
    flex: 0 0 34px !important;
    font-size: 13px !important;
    height: 34px !important;
    width: 34px !important;
}

body.extractor-page .profile-copy strong,
body.billing-page .profile-copy strong,
body.dashboard-page .profile-copy strong,
body.settings-page .profile-copy strong {
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
}

body.extractor-page .profile-copy small,
body.billing-page .profile-copy small,
body.dashboard-page .profile-copy small,
body.settings-page .profile-copy small {
    color: #aebbd2 !important;
    font-size: 10.5px !important;
    max-width: 116px !important;
}

body.extractor-page .user-profile .logout-button,
body.billing-page .user-profile .logout-button,
body.dashboard-page .user-profile .logout-button,
body.settings-page .user-profile .logout-button {
    background: rgba(35, 62, 101, 0.95) !important;
    border: 1px solid rgba(108, 147, 203, 0.32) !important;
    border-radius: 8px !important;
    color: #dbe7ff !important;
    flex: 0 0 38px !important;
    height: 38px !important;
    justify-content: center !important;
    margin-left: auto !important;
    padding: 0 !important;
    width: 38px !important;
}

body.extractor-page .user-profile .logout-button span,
body.billing-page .user-profile .logout-button span,
body.dashboard-page .user-profile .logout-button span,
body.settings-page .user-profile .logout-button span {
    display: none !important;
}

/* EOF sidebar overlap lock */
body.extractor-page .sidebar,
body.billing-page .sidebar,
body.dashboard-page .sidebar,
body.settings-page .sidebar {
    overflow-y: auto !important;
}

body.extractor-page .plan-card,
body.billing-page .plan-card,
body.dashboard-page .plan-card,
body.settings-page .plan-card {
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-bottom: 14px !important;
}

body.extractor-page .sidebar-plan-meta,
body.billing-page .sidebar-plan-meta,
body.dashboard-page .sidebar-plan-meta,
body.settings-page .sidebar-plan-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

body.extractor-page .sidebar-usage-ring,
body.billing-page .sidebar-usage-ring,
body.dashboard-page .sidebar-usage-ring,
body.settings-page .sidebar-usage-ring {
    align-self: stretch !important;
    height: 7px !important;
    margin: 2px 0 4px !important;
    min-height: 7px !important;
    width: 100% !important;
}

body.extractor-page .upgrade-button,
body.billing-page .upgrade-button,
body.dashboard-page .upgrade-button,
body.settings-page .upgrade-button {
    height: 34px !important;
    min-height: 34px !important;
    position: static !important;
}

body.extractor-page .user-profile,
body.billing-page .user-profile,
body.dashboard-page .user-profile,
body.settings-page .user-profile {
    align-items: center !important;
    display: flex !important;
    flex: 0 0 auto !important;
    height: auto !important;
    margin-top: 14px !important;
    min-height: 62px !important;
    position: relative !important;
}

body.extractor-page .profile-copy,
body.billing-page .profile-copy,
body.dashboard-page .profile-copy,
body.settings-page .profile-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-right: 4px !important;
}

body.extractor-page .profile-copy small,
body.billing-page .profile-copy small,
body.dashboard-page .profile-copy small,
body.settings-page .profile-copy small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.extractor-page .user-profile .logout-button,
body.billing-page .user-profile .logout-button,
body.dashboard-page .user-profile .logout-button,
body.settings-page .user-profile .logout-button {
    align-items: center !important;
    background: rgba(35, 62, 101, 0.88) !important;
    border: 1px solid rgba(132, 171, 230, 0.34) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    color: #dce9ff !important;
    display: inline-flex !important;
    flex: 0 0 34px !important;
    height: 34px !important;
    justify-content: center !important;
    margin-left: 6px !important;
    padding: 0 !important;
    width: 34px !important;
}

body.extractor-page .user-profile .logout-button i,
body.billing-page .user-profile .logout-button i,
body.dashboard-page .user-profile .logout-button i,
body.settings-page .user-profile .logout-button i {
    font-size: 16px !important;
    line-height: 1 !important;
}

/* Absolute final fix: prevent sidebar plan/profile overlap */
body.extractor-page .sidebar,
body.billing-page .sidebar,
body.dashboard-page .sidebar,
body.settings-page .sidebar {
    overflow-y: auto !important;
}

body.extractor-page .plan-card,
body.billing-page .plan-card,
body.dashboard-page .plan-card,
body.settings-page .plan-card {
    align-self: stretch !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    gap: 9px !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 13px 13px 14px !important;
}

body.extractor-page .sidebar-plan-meta,
body.billing-page .sidebar-plan-meta,
body.dashboard-page .sidebar-plan-meta,
body.settings-page .sidebar-plan-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

body.extractor-page .sidebar-usage-ring,
body.billing-page .sidebar-usage-ring,
body.dashboard-page .sidebar-usage-ring,
body.settings-page .sidebar-usage-ring {
    flex: 0 0 7px !important;
    height: 7px !important;
    min-height: 7px !important;
}

body.extractor-page .upgrade-button,
body.billing-page .upgrade-button,
body.dashboard-page .upgrade-button,
body.settings-page .upgrade-button {
    flex: 0 0 auto !important;
    height: 34px !important;
    min-height: 34px !important;
    position: static !important;
    z-index: 0 !important;
}

body.extractor-page .user-profile,
body.billing-page .user-profile,
body.dashboard-page .user-profile,
body.settings-page .user-profile {
    flex: 0 0 auto !important;
    height: auto !important;
    margin: 14px 4px 0 !important;
    min-height: 62px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Extraction progress card visual refresh */
body.extractor-page .live-card {
    background:
        radial-gradient(circle at 18% 42%, rgba(168, 85, 247, .18), transparent 18rem),
        linear-gradient(145deg, rgba(10, 24, 51, .94), rgba(7, 18, 38, .98)) !important;
    border: 1px solid rgba(96, 165, 250, .18) !important;
    border-radius: 12px !important;
    box-shadow: 0 24px 55px rgba(0, 0, 0, .28) !important;
    min-height: 428px !important;
    padding: 22px 22px 24px !important;
}

body.extractor-page .live-card .card-heading {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 18px !important;
}

body.extractor-page .live-card .card-heading h2 {
    align-items: center !important;
    color: #f8fafc !important;
    display: inline-flex !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    gap: 12px !important;
    margin: 0 !important;
}

body.extractor-page .live-card .card-heading h2 i {
    background: linear-gradient(135deg, #8b5cf6, #d946ef) !important;
    border-radius: 12px !important;
    color: #fff !important;
    display: inline-grid !important;
    height: 42px !important;
    place-items: center !important;
    width: 42px !important;
}

body.extractor-page .live-card .status-badge {
    border-radius: 999px !important;
    min-width: 102px !important;
    padding: 9px 16px !important;
    text-align: center !important;
}

body.extractor-page .live-main {
    align-items: center !important;
    display: grid !important;
    gap: 26px !important;
    grid-template-columns: 190px minmax(0, 1fr) !important;
    min-height: 220px !important;
}

body.extractor-page .progress-ring {
    background:
        radial-gradient(circle at center, #08152c 0 48%, transparent 49%),
        conic-gradient(from 215deg, #ff2e93 0%, #a855f7 calc(var(--progress) * 1%), rgba(60, 75, 110, .6) 0) !important;
    box-shadow: 0 0 36px rgba(168, 85, 247, .36), inset 0 0 18px rgba(255, 255, 255, .05) !important;
    height: 154px !important;
    position: relative !important;
    width: 154px !important;
}

body.extractor-page .progress-ring::after {
    border: 1px dashed rgba(148, 163, 184, .35) !important;
    border-radius: 999px !important;
    content: "" !important;
    inset: 17px !important;
    position: absolute !important;
}

body.extractor-page .progress-ring span {
    color: #fff !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.extractor-page .progress-ring small {
    color: #cbd5e1 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-top: 8px !important;
}

body.extractor-page .job-details {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-width: 0 !important;
}

body.extractor-page .job-details > span {
    display: none !important;
}

body.extractor-page .job-details > strong,
body.extractor-page .job-details > p {
    background: rgba(7, 20, 43, .76) !important;
    border: 1px solid rgba(96, 165, 250, .18) !important;
    border-radius: 10px !important;
    color: #f8fafc !important;
    display: flex !important;
    flex-direction: column !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 72px !important;
    overflow: hidden !important;
    padding: 15px 16px 15px 48px !important;
    position: relative !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.extractor-page .job-details > strong::before,
body.extractor-page .job-details > p::before {
    color: #aebbd3 !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    margin-bottom: 6px !important;
}

body.extractor-page .job-details > strong::after,
body.extractor-page .job-details > p::after {
    color: #93c5fd !important;
    font-family: "bootstrap-icons" !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    left: 17px !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

body.extractor-page .job-details > strong::before { content: "Current Job" !important; }
body.extractor-page .job-details > p:nth-of-type(1)::before { content: "Started At" !important; }
body.extractor-page .job-details > p:nth-of-type(2)::before { content: "Emails Found" !important; }
body.extractor-page .job-details > p:nth-of-type(3)::before { content: "Phone Numbers Found" !important; }
body.extractor-page .job-details > p:nth-of-type(4)::before { content: "Total Domains" !important; }
body.extractor-page .job-details > p:nth-of-type(5)::before { content: "Status" !important; }

body.extractor-page .job-details > strong::after { content: "\f3ed" !important; }
body.extractor-page .job-details > p:nth-of-type(1)::after { content: "\f293" !important; }
body.extractor-page .job-details > p:nth-of-type(2)::after { content: "\f32f" !important; color: #f472b6 !important; }
body.extractor-page .job-details > p:nth-of-type(3)::after { content: "\f5c1" !important; color: #34d399 !important; }
body.extractor-page .job-details > p:nth-of-type(4)::after { content: "\f3ee" !important; }
body.extractor-page .job-details > p:nth-of-type(5)::after { content: "\f431" !important; color: #fbbf24 !important; }

body.extractor-page .job-details p strong {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

body.extractor-page .live-card > .wide-progress {
    background: rgba(30, 41, 59, .78) !important;
    border-radius: 999px !important;
    height: 9px !important;
    margin: 4px 0 18px 216px !important;
    max-width: calc(100% - 216px) !important;
    overflow: hidden !important;
}

body.extractor-page .live-card > .wide-progress span {
    background: linear-gradient(90deg, #8b5cf6, #ff2e93) !important;
    box-shadow: 0 0 18px rgba(255, 46, 147, .28) !important;
}

body.extractor-page .running-actions {
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: auto !important;
}

body.extractor-page .running-actions button {
    border: 0 !important;
    border-radius: 9px !important;
    color: #fff !important;
    font-weight: 850 !important;
    min-height: 48px !important;
}

body.extractor-page .pause-extraction-button {
    background: rgba(148, 163, 184, .26) !important;
}

body.extractor-page .resume-extraction-button {
    background: rgba(120, 53, 15, .66) !important;
    color: #fbbf24 !important;
}

body.extractor-page .stop-extraction-button {
    background: linear-gradient(135deg, rgba(190, 24, 93, .84), rgba(159, 18, 57, .9)) !important;
}

body.extractor-page .live-events {
    display: none !important;
}

body.extractor-page .session-results-card .results-footer label,
body.extractor-page .session-results-card .results-pagination {
    display: none !important;
}

@media (max-width: 1100px) {
    body.extractor-page .live-main {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.extractor-page .progress-ring {
        justify-self: center !important;
    }

    body.extractor-page .live-card > .wide-progress {
        margin-left: 0 !important;
        max-width: none !important;
    }
}

/* Extraction progress compact reference polish */
body.extractor-page .live-card {
    min-height: 384px !important;
    padding: 22px !important;
}

body.extractor-page .live-card .card-heading {
    margin-bottom: 12px !important;
}

body.extractor-page .live-main {
    align-items: start !important;
    gap: 24px !important;
    grid-template-columns: 178px minmax(0, 1fr) !important;
    min-height: 0 !important;
}

body.extractor-page .progress-ring {
    align-self: center !important;
    height: 146px !important;
    margin-top: 12px !important;
    width: 146px !important;
}

body.extractor-page .progress-ring span {
    font-size: 30px !important;
}

body.extractor-page .job-details {
    gap: 10px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.extractor-page .job-details > strong,
body.extractor-page .job-details > p {
    min-height: 66px !important;
    padding: 12px 14px 12px 44px !important;
}

body.extractor-page .job-details > strong,
body.extractor-page .job-details > p:nth-of-type(1) {
    grid-column: span 2 !important;
}

body.extractor-page .job-details > p:nth-of-type(2),
body.extractor-page .job-details > p:nth-of-type(3),
body.extractor-page .job-details > p:nth-of-type(4),
body.extractor-page .job-details > p:nth-of-type(5) {
    grid-column: span 1 !important;
}

body.extractor-page .job-details > strong::after,
body.extractor-page .job-details > p::after {
    font-size: 18px !important;
    left: 15px !important;
}

body.extractor-page .job-details > strong,
body.extractor-page .job-details > p:nth-of-type(1) {
    font-size: 15px !important;
}

body.extractor-page .job-details p strong {
    font-size: 17px !important;
}

body.extractor-page .live-card > .wide-progress {
    height: 8px !important;
    margin: 10px 0 18px 202px !important;
    max-width: calc(100% - 202px) !important;
}

body.extractor-page .running-actions {
    margin-top: 0 !important;
}

body.extractor-page .running-actions button {
    min-height: 46px !important;
}

@media (max-width: 1500px) {
    body.extractor-page .job-details {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p:nth-of-type(1),
    body.extractor-page .job-details > p:nth-of-type(2),
    body.extractor-page .job-details > p:nth-of-type(3),
    body.extractor-page .job-details > p:nth-of-type(4),
    body.extractor-page .job-details > p:nth-of-type(5) {
        grid-column: span 1 !important;
    }
}

/* MailExtract landing page premium SaaS refresh */
body.landing-page {
    --lp-bg: #07101f;
    --lp-bg-2: #0b1224;
    --lp-card: rgba(15, 27, 45, .84);
    --lp-card-strong: rgba(18, 31, 53, .94);
    --lp-line: rgba(148, 163, 184, .20);
    --lp-line-hot: rgba(255, 77, 157, .48);
    --lp-text: #f8fbff;
    --lp-muted: #afbed2;
    --lp-pink: #ff4d9d;
    --lp-pink-2: #ff2f8f;
    --lp-blue: #53c7ff;
    --lp-green: #65e4b3;
    --lp-shadow: 0 22px 70px rgba(0, 0, 0, .28);
    background:
        radial-gradient(circle at 78% 5%, rgba(255, 77, 157, .18), transparent 28rem),
        radial-gradient(circle at 15% 8%, rgba(83, 199, 255, .13), transparent 24rem),
        linear-gradient(135deg, #07101f 0%, #0a1020 48%, #0d1328 100%) !important;
    color: var(--lp-text) !important;
    overflow-x: hidden;
}

html:has(body.landing-page) {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body.landing-page *,
body.landing-page *::before,
body.landing-page *::after {
    box-sizing: border-box;
}

body.landing-page .landing-header,
body.landing-page .landing-hero,
body.landing-page .landing-section,
body.landing-page .testimonials,
body.landing-page .landing-footer,
body.landing-page .landing-trust-stats,
body.landing-page .landing-final-cta {
    max-width: 1200px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

body.landing-page .landing-header {
    background: rgba(7, 16, 31, .82) !important;
    border: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 54px rgba(0, 0, 0, .26);
    display: grid;
    gap: 18px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin-top: 14px;
    min-height: 68px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    top: 12px;
    z-index: 100;
    backdrop-filter: blur(18px);
}

body.landing-page .landing-header::before {
    display: none;
}

body.landing-page .landing-brand {
    min-width: max-content;
}

body.landing-page .landing-nav {
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 999px;
    gap: 6px;
    justify-self: center;
    padding: 5px;
}

body.landing-page .landing-nav a {
    border-radius: 999px;
    color: #d7e2f2;
    font-size: 13px;
    min-height: 36px;
    padding: 9px 13px;
    transition: background .18s ease, color .18s ease;
    white-space: nowrap;
}

body.landing-page .landing-nav a:hover {
    background: rgba(255, 77, 157, .14);
    color: #fff;
}

body.landing-page .landing-menu-toggle,
body.landing-page .mobile-only {
    display: none;
}

body.landing-page .landing-login,
body.landing-page .landing-secondary,
body.landing-page .landing-cta {
    border-radius: 10px !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

body.landing-page .landing-login,
body.landing-page .landing-secondary {
    background: rgba(255, 255, 255, .04);
    border-color: rgba(148, 163, 184, .22);
    color: #eef5ff;
}

body.landing-page .landing-cta {
    background: linear-gradient(135deg, var(--lp-pink), var(--lp-pink-2)) !important;
    box-shadow: 0 16px 36px rgba(255, 47, 143, .28) !important;
}

body.landing-page .landing-login:hover,
body.landing-page .landing-secondary:hover,
body.landing-page .landing-cta:hover {
    transform: translateY(-2px);
}

body.landing-page .landing-cta:hover {
    box-shadow: 0 20px 46px rgba(255, 47, 143, .38) !important;
}

body.landing-page .landing-hero {
    align-items: center;
    gap: 30px !important;
    grid-template-columns: minmax(0, .92fr) minmax(460px, 1.08fr) !important;
    padding-bottom: 26px !important;
    padding-top: 38px !important;
}

body.landing-page .landing-hero h1 {
    font-size: clamp(42px, 5.1vw, 68px) !important;
    line-height: 1.01;
    max-width: 680px;
}

body.landing-page .landing-hero-copy > p {
    color: var(--lp-muted) !important;
    font-size: 17px;
    line-height: 1.58;
    margin: 18px 0 24px;
    max-width: 610px !important;
}

body.landing-page .landing-badge,
body.landing-page .section-kicker {
    background: rgba(255, 77, 157, .10) !important;
    border-color: rgba(255, 77, 157, .28) !important;
    color: #ffc1dd !important;
}

body.landing-page .landing-trust-points {
    gap: 10px;
    margin-top: 18px;
}

body.landing-page .landing-trust-points span,
body.landing-page .pricing-trust span {
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 999px;
    color: #dbe7f6;
    min-height: 34px;
    padding: 7px 10px;
}

body.landing-page .hero-free-extractor {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .018)),
        rgba(12, 23, 42, .92) !important;
    border-color: rgba(255, 77, 157, .34) !important;
    border-radius: 18px !important;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .34), 0 0 0 1px rgba(255, 77, 157, .10) !important;
    gap: 16px !important;
    grid-template-columns: minmax(190px, .62fr) minmax(0, 1fr) !important;
    margin: 0;
    overflow: hidden;
    padding: 18px !important;
    width: 100%;
}

body.landing-page .free-copy {
    align-content: start;
    display: grid;
    gap: 10px;
}

body.landing-page .free-copy h2 {
    font-size: 24px;
    line-height: 1.12;
    margin: 0;
}

body.landing-page .free-copy p,
body.landing-page .free-copy li {
    color: var(--lp-muted) !important;
    font-size: 13px !important;
    line-height: 1.45;
}

body.landing-page .free-copy ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
}

body.landing-page .free-tool {
    min-width: 0;
}

body.landing-page .free-tool textarea {
    background: rgba(5, 12, 24, .72);
    border-color: rgba(148, 163, 184, .22);
    border-radius: 12px;
    color: #fff;
    min-height: 104px !important;
    resize: vertical;
}

body.landing-page .free-tool textarea:focus {
    border-color: var(--lp-line-hot);
    box-shadow: 0 0 0 4px rgba(255, 77, 157, .12);
    outline: 0;
}

body.landing-page .free-limit-box {
    border-radius: 12px !important;
    margin: 10px 0;
}

body.landing-page .free-results {
    border-radius: 12px !important;
    margin-top: 12px;
    max-width: 100%;
    overflow-x: auto;
}

body.landing-page .free-results table,
body.landing-page .result-preview-card table {
    border-collapse: collapse;
    min-width: 560px;
    width: 100%;
}

body.landing-page .free-results th,
body.landing-page .free-results td,
body.landing-page .result-preview-card th,
body.landing-page .result-preview-card td {
    overflow-wrap: anywhere;
    white-space: normal;
}

body.landing-page .landing-trust-stats {
    gap: 12px;
    margin-top: 0;
}

body.landing-page .landing-trust-stats article {
    align-content: center;
    border-radius: 14px !important;
    min-height: 100px;
    padding: 18px;
}

body.landing-page .landing-section,
body.landing-page .testimonials {
    padding-bottom: 30px !important;
    padding-top: 34px !important;
}

body.landing-page .landing-section h2,
body.landing-page .testimonials h2,
body.landing-page .landing-final-cta h2 {
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.08;
    margin-top: 10px;
}

body.landing-page .feature-grid,
body.landing-page .use-case-grid,
body.landing-page .steps-grid,
body.landing-page .why-grid,
body.landing-page .pricing-grid,
body.landing-page .testimonial-grid,
body.landing-page .faq-grid {
    gap: 14px !important;
    margin-top: 22px !important;
}

body.landing-page .feature-grid article,
body.landing-page .use-case-grid article,
body.landing-page .steps-grid article,
body.landing-page .pricing-card,
body.landing-page .testimonial-grid article,
body.landing-page .faq-grid details,
body.landing-page .why-grid article,
body.landing-page .result-preview-card,
body.landing-page .landing-final-cta {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .018)),
        var(--lp-card) !important;
    border: 1px solid var(--lp-line) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 54px rgba(0, 0, 0, .20) !important;
}

body.landing-page .feature-grid article:hover,
body.landing-page .use-case-grid article:hover,
body.landing-page .steps-grid article:hover,
body.landing-page .pricing-card:hover,
body.landing-page .testimonial-grid article:hover,
body.landing-page .faq-grid details:hover {
    border-color: var(--lp-line-hot) !important;
    box-shadow: 0 22px 70px rgba(255, 77, 157, .12), 0 18px 54px rgba(0, 0, 0, .22) !important;
    transform: translateY(-3px);
}

body.landing-page .feature-grid article,
body.landing-page .steps-grid article,
body.landing-page .pricing-card,
body.landing-page .testimonial-grid article {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.landing-page .feature-grid i,
body.landing-page .use-case-grid i,
body.landing-page .steps-grid i {
    background: linear-gradient(135deg, rgba(83, 199, 255, .18), rgba(255, 77, 157, .18));
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 12px;
    color: var(--lp-blue) !important;
}

body.landing-page .result-preview-section {
    align-items: center;
    gap: 22px !important;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr) !important;
}

body.landing-page .result-preview-card {
    max-width: 100%;
    overflow-x: auto;
}

body.landing-page .pricing-toggle {
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 999px;
    display: inline-flex;
    gap: 5px;
    margin-top: 18px;
    padding: 5px;
}

body.landing-page .pricing-toggle button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: #dbe7f6;
    cursor: pointer;
    display: inline-flex;
    font-weight: 900;
    gap: 8px;
    min-height: 38px;
    padding: 0 16px;
}

body.landing-page .pricing-toggle button.active {
    background: #fff;
    color: #101a30;
}

body.landing-page .pricing-toggle span {
    background: rgba(255, 77, 157, .14);
    border-radius: 999px;
    color: var(--lp-pink);
    font-size: 11px;
    padding: 3px 7px;
}

body.landing-page .pricing-grid {
    align-items: stretch;
}

body.landing-page .pricing-card {
    display: flex;
    flex-direction: column;
    min-height: 460px;
    padding: 24px !important;
}

body.landing-page .pricing-card ul {
    flex: 1 1 auto;
}

body.landing-page .pricing-card .price b {
    font: inherit;
}

body.landing-page .yearly-note {
    color: var(--lp-green);
    display: block;
    font-size: 12px;
    font-weight: 850;
    margin: 0 0 12px;
    min-height: 16px;
    opacity: 0;
}

body.landing-page .yearly-note.visible {
    opacity: 1;
}

body.landing-page .plan-button {
    margin-top: auto;
    width: 100%;
}

body.landing-page .testimonials {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.landing-page .testimonial-grid article {
    align-content: start;
    min-height: 235px;
}

body.landing-page .faq-grid details {
    overflow: hidden;
}

body.landing-page .faq-grid summary {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

body.landing-page .landing-final-cta {
    margin-top: 18px !important;
    padding-bottom: 36px !important;
    padding-top: 36px !important;
    text-align: center;
}

body.landing-page .landing-final-cta > div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

body.landing-page .landing-footer {
    align-items: start;
    border-top: 1px solid rgba(148, 163, 184, .14);
    gap: 22px !important;
    grid-template-columns: minmax(220px, 1.3fr) repeat(4, minmax(120px, .7fr)) minmax(220px, 1fr) !important;
    margin-top: 28px;
    padding-bottom: 34px !important;
    padding-top: 34px !important;
}

body.landing-page .newsletter label {
    max-width: 100%;
}

@media (max-width: 1120px) {
    body.landing-page .landing-header {
        grid-template-columns: auto auto;
    }

    body.landing-page .landing-menu-toggle {
        align-items: center;
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(148, 163, 184, .20);
        border-radius: 10px;
        color: #fff;
        cursor: pointer;
        display: inline-flex;
        font-size: 22px;
        height: 42px;
        justify-content: center;
        justify-self: end;
        width: 42px;
    }

    body.landing-page .landing-nav {
        border-radius: 14px;
        display: none;
        grid-column: 1 / -1;
        grid-template-columns: 1fr;
        justify-self: stretch;
        padding: 8px;
    }

    body.landing-page .landing-nav.is-open {
        display: grid;
    }

    body.landing-page .landing-nav a {
        justify-content: flex-start;
        min-height: 42px;
        padding: 11px 12px;
    }

    body.landing-page .landing-actions {
        display: none !important;
    }

    body.landing-page .mobile-only {
        display: inline-flex;
    }

    body.landing-page .landing-hero,
    body.landing-page .hero-free-extractor,
    body.landing-page .result-preview-section {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 860px) {
    body.landing-page .landing-trust-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.landing-page .feature-grid,
    body.landing-page .use-case-grid,
    body.landing-page .steps-grid,
    body.landing-page .why-grid,
    body.landing-page .pricing-grid,
    body.landing-page .testimonial-grid,
    body.landing-page .faq-grid {
        grid-template-columns: 1fr !important;
    }

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

    body.landing-page .landing-footer > div,
    body.landing-page .newsletter {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    body.landing-page .landing-header,
    body.landing-page .landing-hero,
    body.landing-page .landing-section,
    body.landing-page .testimonials,
    body.landing-page .landing-footer,
    body.landing-page .landing-trust-stats,
    body.landing-page .landing-final-cta {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.landing-page .landing-header {
        margin-top: 8px;
        top: 8px;
    }

    body.landing-page .landing-hero {
        padding-top: 24px !important;
    }

    body.landing-page .landing-hero h1 {
        font-size: clamp(34px, 11vw, 46px) !important;
    }

    body.landing-page .landing-hero-copy > p {
        font-size: 15px;
    }

    body.landing-page .landing-hero-actions,
    body.landing-page .landing-final-cta > div {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100%;
    }

    body.landing-page .landing-trust-stats {
        grid-template-columns: 1fr;
    }

    body.landing-page .pricing-toggle {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    body.landing-page .pricing-toggle button {
        justify-content: center;
    }

    body.landing-page .free-results {
        overflow-x: hidden;
    }

    body.landing-page .free-results table,
    body.landing-page .free-results thead,
    body.landing-page .free-results tbody,
    body.landing-page .free-results tr,
    body.landing-page .free-results td,
    body.landing-page .result-preview-card table,
    body.landing-page .result-preview-card thead,
    body.landing-page .result-preview-card tbody,
    body.landing-page .result-preview-card tr,
    body.landing-page .result-preview-card td {
        display: block;
        min-width: 0;
        width: 100%;
    }

    body.landing-page .free-results thead,
    body.landing-page .result-preview-card thead {
        display: none;
    }

    body.landing-page .free-results tr,
    body.landing-page .result-preview-card tr {
        background: rgba(255, 255, 255, .035);
        border: 1px solid rgba(148, 163, 184, .14);
        border-radius: 12px;
        margin: 8px;
        padding: 10px;
    }

    body.landing-page .free-results td,
    body.landing-page .result-preview-card td {
        align-items: start;
        border: 0;
        display: grid;
        gap: 10px;
        grid-template-columns: 82px minmax(0, 1fr);
        padding: 6px 0;
    }

    body.landing-page .free-results tr.empty td {
        display: block;
        text-align: center;
    }

    body.landing-page .free-results tbody tr:not(.empty) td::before,
    body.landing-page .result-preview-card td::before {
        color: var(--lp-muted);
        font-size: 11px;
        font-weight: 900;
        text-transform: uppercase;
    }

    body.landing-page .free-results tbody tr:not(.empty) td:nth-child(1)::before { content: "Email"; }
    body.landing-page .free-results tbody tr:not(.empty) td:nth-child(2)::before { content: "Domain"; }
    body.landing-page .free-results tbody tr:not(.empty) td:nth-child(3)::before { content: "Status"; }
    body.landing-page .free-results tbody tr:not(.empty) td:nth-child(4)::before { content: "Type"; }
    body.landing-page .result-preview-card td:nth-child(1)::before { content: "Domain"; }
    body.landing-page .result-preview-card td:nth-child(2)::before { content: "Email"; }
    body.landing-page .result-preview-card td:nth-child(3)::before { content: "Status"; }

body.landing-page .landing-footer {
        grid-template-columns: 1fr !important;
    }
}

/* Auth form input consistency */
body.auth-body .stack-form input {
    background: #eaf2ff !important;
    border: 1px solid rgba(148, 163, 184, .30) !important;
    color: #081225 !important;
    caret-color: #ff2f8f;
}

body.auth-body .stack-form input:focus {
    background: #eef5ff !important;
    border-color: rgba(255, 77, 157, .72) !important;
    box-shadow: 0 0 0 4px rgba(255, 77, 157, .14) !important;
    color: #081225 !important;
}

body.auth-body .stack-form input:-webkit-autofill,
body.auth-body .stack-form input:-webkit-autofill:hover,
body.auth-body .stack-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #081225 !important;
    box-shadow: 0 0 0 1000px #eaf2ff inset !important;
    caret-color: #ff2f8f;
}

/* Hero/free extractor focused redesign */
body.landing-page .landing-hero {
    align-items: center !important;
    gap: 34px !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    padding-bottom: 24px !important;
    padding-top: 34px !important;
}

body.landing-page .landing-hero h1 {
    font-size: clamp(38px, 4.4vw, 58px) !important;
    letter-spacing: 0 !important;
    line-height: 1.04;
}

body.landing-page .landing-hero h1 span {
    color: #ff4d9d !important;
}

body.landing-page .landing-hero-copy > p {
    font-size: 16px;
    margin: 16px 0 22px;
    max-width: 560px !important;
}

body.landing-page .hero-free-extractor {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 24px !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35) !important;
    display: block !important;
    margin: 0;
    max-width: 560px;
    min-width: 0;
    overflow: hidden;
    padding: 18px !important;
    width: 100%;
}

body.landing-page .hero-free-extractor .free-tool {
    display: grid;
    gap: 12px;
    min-width: 0;
}

body.landing-page .free-tool-heading {
    display: grid;
    gap: 8px;
}

body.landing-page .free-tool-heading .landing-badge {
    justify-self: start;
}

body.landing-page .free-tool-heading h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.1;
    margin: 0;
}

body.landing-page .free-tool-heading p {
    color: #b9c7da;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

body.landing-page .hero-free-extractor .free-tool label {
    color: #f8fbff;
    font-size: 14px;
    font-weight: 900;
    margin: 4px 0 -2px;
}

body.landing-page .domain-textarea,
body.landing-page .hero-free-extractor .domain-textarea,
body.landing-page .hero-free-extractor .free-tool textarea.domain-textarea {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
    color: #111827 !important;
    font-size: 15px;
    line-height: 1.6;
    min-height: 138px !important;
    padding: 18px;
    resize: vertical;
    width: 100%;
}

body.landing-page .domain-textarea::placeholder {
    color: #6b7280 !important;
}

body.landing-page .domain-textarea:focus,
body.landing-page .hero-free-extractor .free-tool textarea.domain-textarea:focus {
    border-color: #ff3b9d !important;
    box-shadow: 0 0 0 4px rgba(255, 59, 157, 0.18), 0 12px 30px rgba(0, 0, 0, 0.16);
    outline: none;
}

body.landing-page .hero-free-extractor .free-tool-meta {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin: 0;
    min-height: 22px;
}

body.landing-page .hero-free-extractor .free-limit-box {
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 14px !important;
    margin: 0;
    padding: 12px;
}

body.landing-page .hero-free-extractor .free-limit-box p {
    margin: 2px 0 0;
}

body.landing-page .hero-free-extractor .free-submit {
    min-height: 50px;
    width: 100%;
}

body.landing-page .hero-free-extractor .free-results {
    background: rgba(255, 255, 255, .075) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 16px !important;
    margin-top: 0;
    max-width: 100%;
    overflow-x: hidden;
}

body.landing-page .hero-free-extractor .free-results-head {
    background: rgba(255, 255, 255, .055);
    border-bottom: 1px solid rgba(255, 255, 255, .10);
    color: #f8fbff;
    font-size: 13px;
    padding: 10px 12px;
}

body.landing-page .hero-free-extractor .free-results table {
    table-layout: fixed;
    min-width: 0;
    width: 100%;
}

body.landing-page .hero-free-extractor .free-results th,
body.landing-page .hero-free-extractor .free-results td {
    font-size: 12px;
    padding: 10px 12px;
    white-space: normal;
    word-break: break-word;
}

body.landing-page .hero-free-extractor .free-results th {
    background: rgba(255, 255, 255, .05);
    color: #c8d4e5;
}

body.landing-page .hero-free-extractor .free-results .empty td {
    color: #c8d4e5;
    padding: 22px 12px;
    text-align: center;
}

body.landing-page .hero-free-extractor .free-results .empty i {
    color: #ff7bbb;
    font-size: 22px;
}

body.landing-page .hero-free-extractor .free-results .empty strong {
    color: #fff;
    margin-top: 6px;
}

body.landing-page .hero-free-extractor .free-results .empty span {
    color: #b9c7da;
}

@media (max-width: 1120px) {
    body.landing-page .landing-hero {
        grid-template-columns: 1fr !important;
    }

    body.landing-page .hero-free-extractor {
        max-width: 100%;
    }
}

@media (max-width: 620px) {
    body.landing-page .landing-hero {
        gap: 22px !important;
        padding-top: 22px !important;
    }

    body.landing-page .landing-hero h1 {
        font-size: clamp(34px, 10vw, 44px) !important;
    }

    body.landing-page .hero-free-extractor {
        border-radius: 20px !important;
        padding: 14px !important;
    }

    body.landing-page .domain-textarea,
    body.landing-page .hero-free-extractor .domain-textarea,
    body.landing-page .hero-free-extractor .free-tool textarea.domain-textarea {
        min-height: 150px !important;
        width: 100%;
    }

    body.landing-page .hero-free-extractor .free-tool-meta {
        align-items: start;
        display: grid;
    }

    body.landing-page .hero-free-extractor .free-submit,
    body.landing-page .landing-hero-actions a {
        width: 100%;
    }
}

/* Professional SaaS reference hero */
body.landing-page {
    background:
        radial-gradient(circle at 18% 20%, rgba(34, 94, 180, .18), transparent 24rem),
        radial-gradient(circle at 78% 12%, rgba(255, 59, 157, .18), transparent 26rem),
        radial-gradient(circle at 50% 38%, rgba(255, 255, 255, .045) 1px, transparent 1.5px),
        linear-gradient(135deg, #071125 0%, #081021 45%, #0b1022 100%) !important;
    background-size: auto, auto, 20px 20px, auto;
}

body.landing-page .landing-header {
    align-items: center;
    background: rgba(8, 17, 37, .84) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .30);
    grid-template-columns: auto minmax(0, 1fr) auto;
    margin-top: 18px;
    max-width: 1200px !important;
    min-height: 72px;
    padding: 10px 18px !important;
}

body.landing-page .landing-nav {
    background: transparent;
    border: 0;
    gap: 24px;
    padding: 0;
}

body.landing-page .landing-nav a {
    background: transparent;
    color: #d9e5f5;
    font-size: 13px;
    font-weight: 850;
    min-height: 38px;
    padding: 8px 0;
}

body.landing-page .landing-nav a:hover {
    background: transparent;
    color: #ff8ac3;
}

body.landing-page .landing-actions {
    gap: 12px;
}

body.landing-page .landing-login,
body.landing-page .landing-actions .landing-cta {
    min-height: 42px;
    min-width: 92px;
    padding: 0 18px;
}

body.landing-page .landing-login {
    background: rgba(8, 17, 37, .72);
    border-color: rgba(255, 255, 255, .16);
}

body.landing-page .landing-hero {
    align-items: center !important;
    gap: 60px !important;
    grid-template-columns: minmax(0, 48fr) minmax(380px, 42fr) !important;
    min-height: calc(100vh - 112px);
    padding-bottom: 80px !important;
    padding-top: 80px !important;
}

body.landing-page .landing-hero-copy {
    align-self: center;
}

body.landing-page .landing-hero h1 {
    color: #fff !important;
    font-size: clamp(40px, 4.6vw, 62px) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1.02;
    margin-top: 18px;
    max-width: 640px;
}

body.landing-page .landing-hero h1 span {
    background: linear-gradient(135deg, #ff69b4 0%, #ff2f8f 50%, #ff3b9d 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

body.landing-page .landing-hero-copy > p {
    color: #c6d3e4 !important;
    font-size: 15px;
    line-height: 1.65;
    margin: 16px 0 20px;
    max-width: 590px !important;
}

body.landing-page .hero-feature-checklist {
    display: grid;
    gap: 12px 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 26px;
    max-width: 560px;
}

body.landing-page .hero-feature-checklist span {
    align-items: center;
    color: #e7eef9;
    display: inline-flex;
    font-size: 13px;
    font-weight: 850;
    gap: 9px;
    min-width: 0;
}

body.landing-page .hero-feature-checklist i {
    align-items: center;
    background: rgba(139, 92, 246, .30);
    border-radius: 999px;
    color: #ff76ba;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 14px;
    height: 22px;
    justify-content: center;
    width: 22px;
}

body.landing-page .landing-hero-actions {
    gap: 14px;
    margin-bottom: 20px;
}

body.landing-page .landing-hero-actions .landing-cta,
body.landing-page .landing-hero-actions .landing-secondary {
    align-items: center;
    display: inline-flex;
    height: 52px;
    justify-content: center;
}

body.landing-page .landing-hero-actions .landing-secondary {
    background: rgba(5, 12, 28, .60);
    border: 1px solid rgba(255, 255, 255, .18);
    color: #fff;
}

body.landing-page .landing-hero-actions .landing-secondary:hover {
    border-color: rgba(255, 59, 157, .58);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .20);
}

body.landing-page .landing-trust-points {
    margin-top: 0;
}

body.landing-page .landing-trust-points span {
    background: transparent;
    border: 0;
    color: #c6d3e4;
    padding: 0;
}

body.landing-page .hero-free-extractor {
    align-self: center;
    background: #f8fafc !important;
    border: 1px solid rgba(226, 232, 240, .96) !important;
    border-radius: 20px !important;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .34), 0 1px 0 rgba(255, 255, 255, .85) inset !important;
    color: #111827 !important;
    max-width: 520px;
    padding: 18px !important;
}

body.landing-page .hero-free-extractor .landing-badge {
    background: rgba(255, 59, 157, .10) !important;
    border-color: rgba(255, 59, 157, .22) !important;
    color: #db2777 !important;
}

body.landing-page .free-tool-heading h2 {
    color: #111827;
    font-size: 25px;
}

body.landing-page .free-tool-heading p {
    color: #4b5563;
}

body.landing-page .hero-free-extractor .free-tool label,
body.landing-page .hero-free-extractor .free-tool-meta span {
    color: #111827;
}

body.landing-page .domain-textarea,
body.landing-page .hero-free-extractor .domain-textarea,
body.landing-page .hero-free-extractor .free-tool textarea.domain-textarea {
    background: #f3f4f6 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
    color: #111827 !important;
    min-height: 132px !important;
}

body.landing-page .domain-textarea::placeholder {
    color: #6b7280 !important;
}

body.landing-page .domain-textarea:focus,
body.landing-page .hero-free-extractor .free-tool textarea.domain-textarea:focus {
    background: #f8fafc !important;
    border-color: #ff3b9d !important;
    box-shadow: 0 0 0 4px rgba(255, 59, 157, .18), 0 10px 24px rgba(15, 23, 42, .08);
}

body.landing-page .hero-free-extractor .free-limit-box {
    background: #eef2f7 !important;
    border: 1px solid #e5e7eb !important;
    color: #374151 !important;
}

body.landing-page .hero-free-extractor .free-limit-box i {
    color: #8b5cf6;
}

body.landing-page .hero-free-extractor .free-limit-box strong {
    color: #111827;
}

body.landing-page .hero-free-extractor .free-limit-box p {
    color: #6b7280 !important;
}

body.landing-page .hero-free-extractor .free-submit {
    border-radius: 10px !important;
    box-shadow: 0 14px 28px rgba(255, 59, 157, .26) !important;
}

body.landing-page .hero-free-extractor .free-results {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    color: #111827;
}

body.landing-page .hero-free-extractor .free-results-head {
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
    color: #111827;
}

body.landing-page .hero-free-extractor .free-results table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

body.landing-page .hero-free-extractor .free-results th,
body.landing-page .hero-free-extractor .free-results td {
    border-color: #edf2f7;
    color: #374151;
    font-size: 11px;
    padding: 9px 8px;
}

body.landing-page .hero-free-extractor .free-results th {
    background: #f9fafb;
    color: #111827;
    font-size: 10px;
}

body.landing-page .hero-free-extractor .free-results th:nth-child(1),
body.landing-page .hero-free-extractor .free-results td:nth-child(1) {
    width: 38%;
}

body.landing-page .hero-free-extractor .free-results th:nth-child(2),
body.landing-page .hero-free-extractor .free-results td:nth-child(2) {
    width: 27%;
}

body.landing-page .hero-free-extractor .free-results th:nth-child(3),
body.landing-page .hero-free-extractor .free-results td:nth-child(3) {
    width: 18%;
}

body.landing-page .hero-free-extractor .free-results th:nth-child(4),
body.landing-page .hero-free-extractor .free-results td:nth-child(4) {
    width: 17%;
}

body.landing-page .hero-free-extractor .free-results .empty td {
    color: #6b7280;
    padding: 26px 12px;
}

body.landing-page .hero-free-extractor .free-results .empty i {
    color: #94a3b8;
}

body.landing-page .hero-free-extractor .free-results .empty strong {
    color: #111827;
}

body.landing-page .hero-free-extractor .free-results .empty span {
    color: #6b7280;
}

@media (max-width: 1120px) {
    body.landing-page .landing-header {
        grid-template-columns: auto auto;
    }

    body.landing-page .landing-menu-toggle {
        background: rgba(255, 255, 255, .06);
        border-color: rgba(255, 255, 255, .16);
    }

    body.landing-page .landing-nav {
        background: rgba(8, 17, 37, .96);
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 16px;
        gap: 0;
        padding: 8px;
    }

    body.landing-page .landing-hero {
        gap: 40px !important;
        grid-template-columns: 1fr !important;
        min-height: auto;
        padding-bottom: 56px !important;
        padding-top: 56px !important;
    }

    body.landing-page .hero-free-extractor {
        max-width: 620px;
    }
}

@media (max-width: 620px) {
    body.landing-page .landing-header {
        margin-top: 10px;
    }

body.landing-page .landing-hero {
        gap: 30px !important;
        padding-bottom: 40px !important;
        padding-top: 40px !important;
    }

    body.landing-page .hero-feature-checklist {
        grid-template-columns: 1fr;
    }

    body.landing-page .landing-hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    body.landing-page .hero-free-extractor {
        padding: 14px !important;
    }
}

/* Hero spacing alignment fix */
body.landing-page .landing-hero {
    align-items: start !important;
    min-height: auto !important;
    padding-top: 56px !important;
    padding-bottom: 58px !important;
}

body.landing-page .landing-hero-copy,
body.landing-page .hero-free-extractor {
    align-self: start !important;
}

body.landing-page .landing-hero-copy {
    padding-top: 0 !important;
}

body.landing-page .landing-hero .landing-badge {
    margin-top: 0 !important;
}

@media (max-width: 1120px) {
    body.landing-page .landing-hero {
        padding-top: 38px !important;
        padding-bottom: 46px !important;
    }
}

@media (max-width: 620px) {
    body.landing-page .landing-hero {
        gap: 26px !important;
        padding-top: 28px !important;
        padding-bottom: 38px !important;
    }
}

/* Compact extractor card viewport fit */
body.landing-page .hero-free-extractor {
    max-width: 460px !important;
    padding: 14px !important;
}

body.landing-page .hero-free-extractor .free-tool {
    gap: 9px;
}

body.landing-page .free-tool-heading {
    gap: 6px;
}

body.landing-page .free-tool-heading h2 {
    font-size: 22px !important;
}

body.landing-page .free-tool-heading p {
    font-size: 12px !important;
    line-height: 1.35;
}

body.landing-page .hero-free-extractor .free-tool label {
    font-size: 13px;
    margin-top: 2px;
}

body.landing-page .domain-textarea,
body.landing-page .hero-free-extractor .domain-textarea,
body.landing-page .hero-free-extractor .free-tool textarea.domain-textarea {
    font-size: 13px;
    line-height: 1.45;
    min-height: 118px !important;
    padding: 14px;
}

body.landing-page .hero-free-extractor .free-limit-box {
    padding: 10px !important;
}

body.landing-page .hero-free-extractor .free-limit-box p,
body.landing-page .hero-free-extractor .free-tool-meta span,
body.landing-page .hero-free-extractor .free-tool-meta strong {
    font-size: 12px;
}

body.landing-page .hero-free-extractor .free-submit {
    min-height: 44px;
}

body.landing-page .hero-free-extractor .free-results-head {
    padding: 8px 10px;
}

body.landing-page .hero-free-extractor .free-results th,
body.landing-page .hero-free-extractor .free-results td {
    font-size: 10px;
    padding: 7px 8px;
}

body.landing-page .hero-free-extractor .free-results .empty td {
    padding: 16px 10px;
}

body.landing-page .hero-free-extractor .free-results .empty i {
    font-size: 18px;
}

body.landing-page .hero-free-extractor .free-results .empty strong,
body.landing-page .hero-free-extractor .free-results .empty span {
    font-size: 11px;
}

@media (max-width: 1120px) {
    body.landing-page .hero-free-extractor {
        max-width: 560px !important;
    }
}

@media (max-width: 620px) {
    body.landing-page .hero-free-extractor {
        max-width: 100% !important;
    }
}

/* Snowbeze hero content and colored login CTA */
body.landing-page .hero-powered-line {
    background: linear-gradient(135deg, rgba(83, 199, 255, .16), rgba(255, 59, 157, .16));
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: #eaf6ff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    margin-top: 16px;
    padding: 9px 13px;
}

body.landing-page .landing-login {
    background: linear-gradient(135deg, rgba(139, 92, 246, .22), rgba(255, 47, 143, .20)) !important;
    border: 1px solid rgba(255, 90, 168, .68) !important;
    box-shadow: 0 14px 34px rgba(255, 47, 143, .18), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
}

body.landing-page .landing-login:hover {
    background: linear-gradient(135deg, rgba(139, 92, 246, .34), rgba(255, 47, 143, .38)) !important;
    border-color: rgba(255, 90, 168, .92) !important;
    box-shadow: 0 18px 42px rgba(255, 47, 143, .28), 0 0 0 4px rgba(255, 47, 143, .12) !important;
    color: #ffffff !important;
}

body.landing-page .landing-nav .mobile-only[href*="login"] {
    color: #ff9dcc;
}

/* Authenticated extractor SaaS workspace redesign */
body.extractor-page {
    background:
        radial-gradient(circle at 78% 6%, rgba(255, 47, 143, .16), transparent 30rem),
        radial-gradient(circle at 30% 0%, rgba(37, 99, 235, .13), transparent 28rem),
        #080f1f !important;
    color: #eef5ff !important;
}

body.extractor-page .app-shell {
    background: transparent !important;
    display: grid !important;
    grid-template-columns: 260px minmax(0, 1fr) !important;
    min-height: 100vh;
}

body.extractor-page .sidebar {
    background: rgba(5, 12, 26, .88) !important;
    border-right: 1px solid rgba(148, 163, 184, .18) !important;
    box-shadow: 18px 0 60px rgba(0, 0, 0, .24);
    padding: 18px !important;
}

body.extractor-page .sidebar-brand {
    font-size: 24px !important;
    margin-bottom: 28px !important;
}

body.extractor-page .sidebar-brand span:last-child::first-letter {
    color: #fff;
}

body.extractor-page .nav-link.active {
    background: linear-gradient(90deg, rgba(255, 47, 143, .30), rgba(255, 47, 143, .10)) !important;
    border-color: rgba(255, 90, 168, .45) !important;
    box-shadow: inset 4px 0 0 #ff2f8f !important;
}

body.extractor-page .content {
    background: transparent !important;
    max-width: 1520px;
    overflow: visible !important;
    padding: 0 24px 28px !important;
    width: 100%;
}

body.extractor-page .topbar {
    align-items: center !important;
    border-bottom: 1px solid rgba(148, 163, 184, .14) !important;
    display: flex !important;
    min-height: 76px;
    padding: 10px 0 !important;
}

body.extractor-page .topbar h1,
body.extractor-page .breadcrumb-line {
    display: none;
}

body.extractor-page .credits-dropdown {
    min-width: 250px;
}

body.extractor-page .extractor-stats {
    display: none !important;
}

body.extractor-page .extractor-workspace-head {
    align-items: start;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 24px 8px 18px;
}

body.extractor-page .extractor-workspace-head h2 {
    color: #fff;
    font-size: 31px;
    font-weight: 900;
    letter-spacing: 0;
    margin: 0 0 6px;
}

body.extractor-page .extractor-workspace-head p {
    color: #b8c6db;
    margin: 0;
}

body.extractor-page .extractor-grid {
    align-items: stretch;
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: minmax(360px, .9fr) minmax(520px, 1.1fr) !important;
}

body.extractor-page .settings-card {
    display: none !important;
}

body.extractor-page .extract-card,
body.extractor-page .jobs-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .018)),
        rgba(15, 24, 44, .82) !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    border-radius: 12px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .24) !important;
}

body.extractor-page .domain-card {
    padding: 18px !important;
}

body.extractor-page .extractor-step-title {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    margin: 0 0 14px;
}

body.extractor-page .tabs,
body.extractor-page .daily-usage-panel {
    display: none !important;
}

body.extractor-page .upload-pane {
    height: 0;
    overflow: hidden;
}

body.extractor-page .upload-pane[hidden] {
    display: block !important;
}

body.extractor-page .domain-form {
    padding: 0 !important;
}

body.extractor-page #domains-input {
    background: #f8fafc !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 8px !important;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .14);
    color: #111827 !important;
    min-height: 230px !important;
}

body.extractor-page #domains-input::placeholder {
    color: #4b5563 !important;
}

body.extractor-page .domain-meta {
    color: #d7e3f3 !important;
    margin: 12px 0 0 !important;
}

body.extractor-page .domain-footer {
    border-top: 0 !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 1fr !important;
    padding: 14px 0 0 !important;
}

body.extractor-page .domain-footer > span {
    display: none;
}

body.extractor-page .domain-actions {
    display: grid !important;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}

body.extractor-page .upload-action-button {
    align-items: center;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 10px;
    color: #eef5ff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 850;
    gap: 8px;
    justify-content: center;
    min-height: 46px;
    padding: 0 14px;
}

body.extractor-page .validate-button,
body.extractor-page .start-button,
body.extractor-page .stop-extraction-button,
body.extractor-page .table-button {
    border-radius: 10px !important;
    min-height: 46px;
}

body.extractor-page .start-button {
    background: linear-gradient(135deg, #ff4d9d, #ff2f8f) !important;
    box-shadow: 0 16px 38px rgba(255, 47, 143, .30) !important;
}

body.extractor-page .stop-extraction-button {
    background: linear-gradient(135deg, #fb7185, #e11d48) !important;
    border: 0 !important;
    color: #fff !important;
    margin-top: 14px;
    width: 100%;
}

body.extractor-page .live-card {
    padding: 18px !important;
}

body.extractor-page .live-main {
    align-items: center;
    display: grid !important;
    gap: 18px;
    grid-template-columns: 150px minmax(0, 1fr) !important;
    margin: 14px 0 !important;
}

body.extractor-page .live-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.extractor-page .live-events {
    display: grid;
    gap: 9px;
    margin-top: 18px;
}

body.extractor-page .live-events span {
    align-items: center;
    color: #e5edf8 !important;
    display: flex;
    font-size: 13px;
    gap: 8px;
    justify-content: space-between;
}

body.extractor-page .live-events i {
    color: #34d399;
    font-size: 24px;
    line-height: 0;
}

body.extractor-page .live-events small {
    color: #aebbd0;
    margin-left: auto;
}

body.extractor-page .session-results-card {
    margin-top: 16px !important;
    padding: 18px !important;
}

body.extractor-page .session-results-card .section-heading {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: auto minmax(0, 1fr);
}

body.extractor-page .session-results-card h2 span {
    background: rgba(255, 47, 143, .18);
    border: 1px solid rgba(255, 90, 168, .28);
    border-radius: 999px;
    color: #ffaad2;
    font-size: 12px;
    margin-left: 8px;
    padding: 7px 10px;
}

body.extractor-page .results-toolbar {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(220px, 1fr) 150px 145px;
    justify-self: end;
    max-width: 760px;
    width: 100%;
}

body.extractor-page .result-status-filter {
    background: rgba(15, 23, 42, .72);
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 10px;
    color: #eef5ff;
    padding: 0 12px;
}

body.extractor-page .session-results-card .table-wrap {
    max-height: none;
}

body.extractor-page .session-results-card table {
    min-width: 900px;
}

body.extractor-page .session-results-card a {
    color: #93c5fd;
    text-decoration: none;
}

@media (max-width: 1180px) {
    body.extractor-page .app-shell {
        grid-template-columns: 1fr !important;
    }

    body.extractor-page .sidebar {
        position: static !important;
    }

    body.extractor-page .extractor-grid,
    body.extractor-page .session-results-card .section-heading {
        grid-template-columns: 1fr !important;
    }

    body.extractor-page .results-toolbar {
        justify-self: stretch;
        max-width: none;
    }
}

@media (max-width: 760px) {
    body.extractor-page .content {
        padding: 0 14px 24px !important;
    }

    body.extractor-page .extractor-workspace-head,
    body.extractor-page .topbar {
        display: grid !important;
    }

    body.extractor-page .domain-actions,
    body.extractor-page .live-main,
    body.extractor-page .live-metrics,
    body.extractor-page .results-toolbar {
        grid-template-columns: 1fr !important;
    }
}

/* Prevent landing hero/header horizontal clipping */
html:has(body.landing-page),
body.landing-page {
    max-width: 100%;
    overflow-x: hidden !important;
}

body.landing-page .landing-header,
body.landing-page .landing-hero {
    box-sizing: border-box;
    max-width: min(1200px, calc(100vw - 40px)) !important;
    width: calc(100vw - 40px) !important;
}

/* Final premium extractor dashboard polish */
body.extractor-page {
    background:
        radial-gradient(circle at 88% 0%, rgba(255, 59, 157, .18), transparent 34rem),
        radial-gradient(circle at 18% 6%, rgba(30, 64, 175, .22), transparent 32rem),
        #070b1a !important;
}

body.extractor-page .app-shell {
    grid-template-columns: 292px minmax(0, 1fr) !important;
}

body.extractor-page .sidebar {
    background: rgba(4, 10, 23, .88) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    min-height: 100vh;
    position: sticky;
    top: 0;
}

body.extractor-page .sidebar-brand {
    gap: 12px !important;
}

body.extractor-page .sidebar-brand span:last-child {
    font-size: 25px;
    font-weight: 900;
}

body.extractor-page .sidebar-brand span:last-child::after {
    color: #ff3b9d;
    content: "Extract";
}

body.extractor-page .sidebar-brand span:last-child {
    font-size: 0 !important;
}

body.extractor-page .sidebar-brand span:last-child::before {
    color: #ffffff;
    content: "Mail";
    font-size: 25px;
}

body.extractor-page .sidebar-brand span:last-child::after {
    font-size: 25px;
}

body.extractor-page .sidebar-nav {
    gap: 12px !important;
}

body.extractor-page .nav-link {
    border-radius: 12px !important;
    min-height: 56px !important;
    padding: 0 18px !important;
}

body.extractor-page .nav-link.active {
    background: linear-gradient(90deg, rgba(255, 59, 157, .34), rgba(255, 59, 157, .12)) !important;
}

body.extractor-page .plan-card {
    margin-top: auto !important;
}

body.extractor-page .user-profile {
    align-items: center;
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    margin-top: 16px !important;
}

body.extractor-page .content {
    max-width: none !important;
    padding: 0 28px 28px !important;
}

body.extractor-page .topbar {
    background: rgba(5, 12, 26, .72) !important;
    border-bottom: 1px solid rgba(148, 163, 184, .16) !important;
    margin: 0 -28px 22px !important;
    min-height: 82px !important;
    padding: 12px 28px !important;
}

body.extractor-page .topbar-actions {
    align-items: center !important;
    gap: 14px !important;
    margin-left: auto;
}

body.extractor-page .topbar-plan-pill,
body.extractor-page .topbar-profile {
    align-items: center;
    background: rgba(15, 23, 42, .76);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 12px;
    color: #f8fafc;
    display: inline-flex;
    gap: 14px;
    min-height: 52px;
    padding: 0 16px;
}

body.extractor-page .topbar-plan-pill {
    min-width: 250px;
}

body.extractor-page .topbar-plan-pill span {
    display: grid;
    gap: 2px;
}

body.extractor-page .topbar-plan-pill > span:first-child {
    display: inline-flex;
    gap: 4px;
}

body.extractor-page .topbar-plan-pill small,
body.extractor-page .topbar-plan-pill span:first-child {
    color: #94a3b8;
}

body.extractor-page .topbar-plan-pill strong,
body.extractor-page .topbar-profile strong {
    color: #ffffff;
}

body.extractor-page .topbar-upgrade {
    align-items: center;
    background: linear-gradient(135deg, #ff4da3, #ff2f8f);
    border-radius: 12px;
    box-shadow: 0 18px 42px rgba(255, 59, 157, .26);
    color: #ffffff;
    display: inline-flex;
    font-weight: 900;
    gap: 8px;
    min-height: 52px;
    padding: 0 22px;
    text-decoration: none;
}

body.extractor-page .extractor-workspace-head {
    padding: 0 0 16px !important;
}

body.extractor-page .extractor-workspace-head p {
    color: #cbd5e1 !important;
}

body.extractor-page .extractor-grid {
    align-items: stretch !important;
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: minmax(360px, .95fr) minmax(520px, 1.15fr) !important;
}

body.extractor-page .domain-card {
    grid-column: 1;
    grid-row: 1;
}

body.extractor-page .settings-card {
    display: block !important;
    grid-column: 1;
    grid-row: 2;
    padding: 18px !important;
}

body.extractor-page .settings-card .setting-row:not(.phone-setting-row) {
    display: none !important;
}

body.extractor-page .live-card {
    grid-column: 2;
    grid-row: 1 / span 2;
}

body.extractor-page .extract-card,
body.extractor-page .jobs-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)),
        rgba(13, 22, 42, .82) !important;
    border: 1px solid rgba(148, 163, 184, .20) !important;
    border-radius: 18px !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .30) !important;
}

body.extractor-page #domains-input {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    color: #111827 !important;
    min-height: 210px !important;
}

body.extractor-page #domains-input::placeholder {
    color: #6b7280 !important;
}

body.extractor-page .domain-actions {
    grid-template-columns: 1fr 1fr 1.05fr !important;
}

body.extractor-page .running-actions {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
    margin: 14px 0 4px;
}

body.extractor-page .running-actions[hidden],
body.extractor-page .start-button[hidden] {
    display: none !important;
}

body.extractor-page .pause-extraction-button {
    background: rgba(251, 191, 36, .14);
    border: 1px solid rgba(251, 191, 36, .34);
    border-radius: 10px;
    color: #fde68a;
    font-weight: 900;
    min-height: 46px;
}

body.extractor-page .running-actions .stop-extraction-button {
    margin: 0 !important;
}

body.extractor-page .live-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.extractor-page .live-events {
    background: rgba(7, 11, 26, .38);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 14px;
    padding: 14px;
}

body.extractor-page .results-toolbar {
    grid-template-columns: minmax(220px, 1fr) 150px 150px 170px !important;
    max-width: 900px !important;
}

body.extractor-page .session-results-card .table-wrap {
    overflow-x: hidden !important;
}

body.extractor-page .session-results-card table {
    min-width: 0 !important;
    table-layout: fixed;
    width: 100% !important;
}

body.extractor-page .extractor-grid:not(.phone-enabled) ~ .session-results-card .phone-column {
    display: none !important;
}

body.extractor-page .result-status {
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    padding: 7px 10px;
}

body.extractor-page .result-status.valid {
    background: rgba(16, 185, 129, .14);
    color: #34d399;
}

body.extractor-page .result-status.invalid {
    background: rgba(239, 68, 68, .14);
    color: #f87171;
}

body.extractor-page .result-status.pending {
    background: rgba(245, 158, 11, .15);
    color: #fbbf24;
}

body.extractor-page .result-actions {
    display: flex;
    gap: 8px;
}

body.extractor-page .result-actions button,
body.extractor-page .result-actions a,
body.extractor-page .disabled-action {
    align-items: center;
    background: rgba(15, 23, 42, .74);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 10px;
    color: #dbeafe;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    text-decoration: none;
    width: 34px;
}

body.extractor-page .disabled-action {
    opacity: .38;
}

@media (max-width: 1180px) {
    body.extractor-page .app-shell {
        grid-template-columns: 1fr !important;
    }

    body.extractor-page .sidebar {
        min-height: auto;
        position: static;
    }

    body.extractor-page .extractor-grid {
        grid-template-columns: 1fr !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .settings-card,
    body.extractor-page .live-card {
        grid-column: auto;
        grid-row: auto;
    }

    body.extractor-page .topbar {
        margin: 0 -18px 20px !important;
        padding: 12px 18px !important;
    }
}

@media (max-width: 860px) {
    body.extractor-page .content {
        padding: 0 16px 24px !important;
    }

    body.extractor-page .topbar,
    body.extractor-page .topbar-actions,
    body.extractor-page .extractor-workspace-head,
    body.extractor-page .domain-actions,
    body.extractor-page .running-actions,
    body.extractor-page .live-main,
    body.extractor-page .live-metrics,
    body.extractor-page .results-toolbar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100%;
    }

    body.extractor-page .topbar-plan-pill,
    body.extractor-page .topbar-upgrade,
    body.extractor-page .topbar-profile {
        width: 100%;
    }

    body.extractor-page .session-results-card .section-heading {
        grid-template-columns: 1fr !important;
    }

    body.extractor-page .session-results-card .table-wrap {
        overflow-x: auto !important;
    }
}

body.landing-page .landing-header {
    margin-left: auto !important;
    margin-right: auto !important;
}

body.landing-page .landing-hero {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 460px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.landing-page .landing-hero-copy,
body.landing-page .hero-free-extractor {
    min-width: 0;
}

@media (max-width: 1280px) {
    body.landing-page .landing-header,
    body.landing-page .landing-hero {
        max-width: calc(100vw - 32px) !important;
        width: calc(100vw - 32px) !important;
    }

    body.landing-page .landing-hero {
        gap: 34px !important;
        grid-template-columns: minmax(0, 1fr) minmax(330px, 440px) !important;
    }

    body.landing-page .landing-hero h1 {
        font-size: clamp(34px, 4.2vw, 54px) !important;
    }
}

@media (max-width: 980px) {
    body.landing-page .landing-hero {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 620px) {
    body.landing-page .landing-header,
    body.landing-page .landing-hero {
        max-width: calc(100vw - 20px) !important;
        width: calc(100vw - 20px) !important;
    }
}
/* Premium single-screen extractor workspace */
@media (min-width: 1100px) {
    html:has(body.extractor-page),
    body.extractor-page {
        height: 100%;
        overflow: hidden !important;
    }

    body.extractor-page {
        background:
            radial-gradient(circle at 78% 8%, rgba(157, 42, 255, .12), transparent 25%),
            #050b19 !important;
    }

    body.extractor-page .app-shell {
        height: 100vh !important;
        min-height: 0 !important;
        overflow: hidden !important;
        grid-template-columns: 270px minmax(0, 1fr) !important;
    }

    body.extractor-page .sidebar {
        height: 100vh !important;
        overflow: hidden !important;
        padding: 20px !important;
        gap: 14px !important;
        background: rgba(4, 11, 25, .96) !important;
        border-right: 1px solid rgba(111, 139, 195, .2) !important;
    }

    body.extractor-page .sidebar-brand { margin-bottom: 8px !important; }
    body.extractor-page .sidebar-nav { gap: 9px !important; }
    body.extractor-page .nav-link { min-height: 52px !important; padding: 0 16px !important; }
    body.extractor-page .plan-card { padding: 15px !important; gap: 10px !important; }
    body.extractor-page .sidebar-plan-meta { gap: 7px !important; }
    body.extractor-page .sidebar-plan-meta div { padding: 8px 10px !important; }
    body.extractor-page .sidebar-usage-ring { min-height: 54px !important; }
    body.extractor-page .upgrade-button { min-height: 42px !important; }
    body.extractor-page .user-profile { padding: 10px 12px !important; min-height: 58px !important; }

    body.extractor-page .content {
        height: 100vh !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 22px 16px !important;
        display: grid !important;
        grid-template-rows: 74px 88px minmax(0, 1fr) 94px !important;
        gap: 12px !important;
    }

    body.extractor-page .topbar {
        margin: 0 -22px !important;
        padding: 0 22px !important;
        min-height: 74px !important;
        background: rgba(5, 12, 28, .84) !important;
        backdrop-filter: blur(18px);
    }

    body.extractor-page .topbar h1,
    body.extractor-page .breadcrumb-line { display: none !important; }
    body.extractor-page .topbar-title-row { height: 100%; align-items: center; }
    body.extractor-page .topbar-menu { display: inline-grid !important; }
    body.extractor-page .topbar-plan-pill { min-width: 250px !important; }

    body.extractor-page .extractor-stats { display: none !important; }
    body.extractor-page .extractor-workspace-head {
        margin: 0 !important;
        padding: 10px 2px 4px !important;
        min-height: 0 !important;
        align-items: center !important;
    }
    body.extractor-page .extractor-workspace-head h2 { font-size: 29px !important; margin: 0 0 3px !important; }
    body.extractor-page .extractor-workspace-head p { margin: 0 !important; }

    body.extractor-page .extractor-grid {
        min-height: 0 !important;
        height: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(390px, .88fr) minmax(580px, 1.12fr) !important;
        grid-template-rows: minmax(0, 1fr) 72px !important;
        grid-template-areas: "domain live" "settings settings" !important;
        gap: 12px !important;
    }

    body.extractor-page .domain-card { grid-area: domain; }
    body.extractor-page .live-card { grid-area: live; }
    body.extractor-page .settings-card { grid-area: settings; }
    body.extractor-page .extract-card,
    body.extractor-page .jobs-card {
        min-width: 0 !important;
        min-height: 0 !important;
        border: 1px solid rgba(102, 129, 184, .24) !important;
        border-radius: 16px !important;
        background: linear-gradient(145deg, rgba(15, 29, 55, .9), rgba(7, 17, 36, .92)) !important;
        box-shadow: 0 18px 45px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .02) !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card { padding: 18px 20px !important; }
    body.extractor-page .domain-card { display: flex !important; flex-direction: column; }
    body.extractor-page .extractor-step-title { margin: 0 0 7px !important; font-size: 18px !important; }
    body.extractor-page .tabs { display: none !important; }
    body.extractor-page .domain-form { flex: 1; min-height: 0; display: flex; flex-direction: column; }
    body.extractor-page .domain-form label { margin-bottom: 7px !important; }
    body.extractor-page .paste-pane { flex: 1; min-height: 0; display: flex; flex-direction: column; }
    body.extractor-page #domains-input {
        flex: 1 !important;
        min-height: 120px !important;
        height: auto !important;
        resize: none !important;
        border-radius: 12px !important;
        background: rgba(3, 12, 29, .78) !important;
    }
    body.extractor-page .daily-usage-panel { display: none !important; }
    body.extractor-page .domain-meta { padding: 9px 0 6px !important; }
    body.extractor-page .validation-summary { min-height: 19px !important; font-size: 11px !important; }
    body.extractor-page .domain-footer { padding-top: 8px !important; }
    body.extractor-page .domain-footer > span { display: none !important; }
    body.extractor-page .domain-actions { width: 100%; display: grid !important; grid-template-columns: 1fr 1fr 1.3fr; gap: 8px !important; }
    body.extractor-page .upload-action-button,
    body.extractor-page .validate-button,
    body.extractor-page .start-button { min-height: 44px !important; padding: 0 10px !important; justify-content: center; font-size: 12px !important; }

    body.extractor-page .live-card { display: flex !important; flex-direction: column; }
    body.extractor-page .card-heading { min-height: 34px !important; padding-bottom: 9px !important; }
    body.extractor-page .card-heading h2 { font-size: 18px !important; }
    body.extractor-page .live-main { padding: 12px 4px !important; min-height: 126px !important; }
    body.extractor-page .progress-ring { width: 124px !important; height: 124px !important; }
    body.extractor-page .live-card > .wide-progress { margin: 4px 0 10px !important; }
    body.extractor-page .live-metrics { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 7px !important; }
    body.extractor-page .live-metrics div { min-width: 0; padding: 10px 6px !important; text-align: center; }
    body.extractor-page .live-metrics i { margin: 0 auto 5px !important; }
    body.extractor-page .live-metrics span { font-size: 10px !important; line-height: 1.15 !important; min-height: 23px; }
    body.extractor-page .live-metrics strong { font-size: 15px !important; }
    body.extractor-page .running-actions { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 10px !important; margin-top: 10px !important; }
    body.extractor-page .running-actions[hidden] { display: grid !important; }
    body.extractor-page .running-actions button { min-height: 40px !important; border-radius: 9px !important; font-weight: 700; }
    body.extractor-page .pause-extraction-button { background: linear-gradient(135deg, #f59e0b, #f97316) !important; color: white !important; border: 0 !important; }
    body.extractor-page .resume-extraction-button { background: linear-gradient(135deg, #079447, #15b866) !important; color: white !important; border: 0 !important; }
    body.extractor-page .running-actions .stop-extraction-button { background: linear-gradient(135deg, #dc2626, #ef2039) !important; }
    body.extractor-page .running-actions button:disabled { opacity: .42 !important; cursor: not-allowed; filter: saturate(.55); }
    body.extractor-page .live-events { display: none !important; }

    body.extractor-page .settings-card { padding: 9px 16px !important; display: flex !important; align-items: center; gap: 24px; }
    body.extractor-page .settings-card .card-heading { padding: 0 !important; border: 0 !important; white-space: nowrap; }
    body.extractor-page .settings-list { flex: 1; display: grid !important; grid-template-columns: auto auto minmax(220px, .7fr); align-items: center; gap: 24px !important; }
    body.extractor-page .setting-row { padding: 0 !important; border: 0 !important; gap: 10px !important; }
    body.extractor-page .setting-row small { display: none !important; }
    body.extractor-page .setting-row > span:first-child { flex-direction: row !important; align-items: center; white-space: nowrap; }
    body.extractor-page .advanced-settings { position: relative; justify-self: end; width: 220px; }
    body.extractor-page .advanced-settings summary { list-style: none; cursor: pointer; padding: 10px 13px; border: 1px solid rgba(111,139,195,.25); border-radius: 9px; display: flex; justify-content: space-between; }
    body.extractor-page .advanced-settings > div { position: absolute; z-index: 5; right: 0; bottom: 46px; width: 220px; padding: 12px; border-radius: 10px; background: #101c35; box-shadow: 0 14px 32px rgba(0,0,0,.35); display: grid; gap: 8px; }

    body.extractor-page .session-results-card {
        margin: 0 !important;
        padding: 13px 18px !important;
        display: grid !important;
        grid-template-columns: 270px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 18px !important;
        overflow: visible !important;
    }
    body.extractor-page .session-results-card .section-heading { border: 0 !important; padding: 0 !important; }
    body.extractor-page .session-results-card .section-heading h2 { font-size: 17px !important; margin: 0 !important; }
    body.extractor-page .recent-summary-content { display: grid; grid-template-columns: minmax(120px,.65fr) minmax(130px,.55fr) auto; align-items: center; gap: 22px; }
    body.extractor-page .recent-summary-content > div:not(.results-toolbar) { display: grid; gap: 2px; }
    body.extractor-page .recent-summary-content span { font-size: 11px !important; color: #8290aa !important; }
    body.extractor-page .recent-summary-content strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body.extractor-page .results-toolbar { display: flex !important; gap: 7px !important; justify-content: flex-end; }
    body.extractor-page .table-button { min-height: 38px !important; padding: 0 12px !important; white-space: nowrap; }
    body.extractor-page .history-button { display: inline-flex; align-items: center; text-decoration: none; }
    body.extractor-page .extractor-compat { display: none !important; }
}

@media (min-width: 1100px) and (max-height: 820px) {
    body.extractor-page .content { grid-template-rows: 68px 72px minmax(0, 1fr) 82px !important; gap: 8px !important; padding-bottom: 10px !important; }
    body.extractor-page .topbar { min-height: 68px !important; }
    body.extractor-page .extractor-workspace-head h2 { font-size: 25px !important; }
    body.extractor-page .extractor-grid { grid-template-rows: minmax(0, 1fr) 64px !important; gap: 8px !important; }
    body.extractor-page .domain-card, body.extractor-page .live-card { padding: 13px 16px !important; }
    body.extractor-page .live-main { min-height: 100px !important; padding: 6px 4px !important; }
    body.extractor-page .progress-ring { width: 100px !important; height: 100px !important; }
    body.extractor-page .live-metrics div { padding: 7px 4px !important; }
    body.extractor-page .running-actions { margin-top: 7px !important; }
    body.extractor-page .running-actions button { min-height: 34px !important; }
    body.extractor-page .settings-card { padding: 6px 14px !important; }
    body.extractor-page .session-results-card { padding: 9px 16px !important; }
}

/* Screenshot-accurate extractor dashboard */
@media (min-width: 1100px) {
    body.extractor-page .content {
        grid-template-rows: 72px 82px 460px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 0 20px 0 !important;
    }
    body.extractor-page .topbar {
        margin: 0 -20px !important;
        padding: 0 20px !important;
        min-height: 72px !important;
    }
    body.extractor-page .topbar-plan-pill > span:first-child { display: none !important; }
    body.extractor-page .topbar-plan-pill {
        min-width: 254px !important;
        height: 52px !important;
        display: grid !important;
        align-content: center;
        padding: 8px 16px !important;
    }
    body.extractor-page .topbar-plan-pill > span:last-child { width: 100%; display: flex; justify-content: space-between; }
    body.extractor-page .topbar-plan-pill::after {
        content: "";
        height: 5px;
        margin-top: 6px;
        border-radius: 5px;
        background: linear-gradient(90deg, #8346ee 0 34%, #14233f 34%);
    }
    body.extractor-page .topbar-upgrade { min-width: 156px !important; height: 52px !important; }
    body.extractor-page .topbar-profile { min-width: 154px !important; height: 52px !important; }

    body.extractor-page .sidebar { padding: 18px 20px !important; gap: 10px !important; }
    body.extractor-page .sidebar-brand { position: relative; min-height: 66px !important; align-items: flex-start !important; padding-top: 4px; }
    body.extractor-page .sidebar-brand::after {
        content: "Email Extractor";
        position: absolute;
        left: 61px;
        top: 42px;
        font-size: 12px;
        font-weight: 500;
        color: #94a3b8;
    }
    body.extractor-page .brand-mark { width: 48px !important; height: 48px !important; border-radius: 10px !important; }
    body.extractor-page .sidebar-nav { gap: 6px !important; }
    body.extractor-page .nav-link { min-height: 54px !important; border-radius: 10px !important; }
    body.extractor-page .nav-link.active { border: 1px solid #fa2eaa !important; box-shadow: 0 0 24px rgba(234, 31, 173, .12) !important; }
    body.extractor-page .plan-card { margin-top: 10px !important; }
    body.extractor-page .plan-title::after {
        content: "Active";
        margin-left: auto;
        align-self: flex-start;
        padding: 4px 9px;
        border-radius: 20px;
        color: #7ef5ab;
        background: rgba(6, 111, 54, .35);
        font-size: 11px;
        font-weight: 700;
    }

    body.extractor-page .extractor-workspace-head { padding: 10px 0 3px !important; }
    body.extractor-page .extractor-workspace-head h2 { font-size: 28px !important; letter-spacing: -.5px; }
    body.extractor-page .advanced-button { border-radius: 24px !important; min-height: 44px !important; padding: 0 20px !important; }

    body.extractor-page .extractor-grid {
        grid-template-columns: minmax(430px, .43fr) minmax(610px, .57fr) !important;
        grid-template-rows: minmax(0, 1fr) 68px !important;
        gap: 12px !important;
    }
    body.extractor-page .domain-card,
    body.extractor-page .live-card { padding: 16px 20px !important; }
    body.extractor-page .extractor-step-title,
    body.extractor-page .card-heading h2 { display: flex; align-items: center; gap: 10px; font-size: 17px !important; }
    body.extractor-page .extractor-step-title > i,
    body.extractor-page .card-heading h2 > i {
        display: inline-grid;
        place-items: center;
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        border-radius: 8px;
        color: white;
        background: linear-gradient(145deg, #5432d5, #7c3aed);
        box-shadow: 0 7px 20px rgba(102, 52, 224, .3);
    }
    body.extractor-page .domain-form label { font-size: 12px !important; color: #aab6ce !important; }
    body.extractor-page #domains-input {
        padding: 15px !important;
        font-size: 14px !important;
        line-height: 1.9 !important;
        border: 1px solid #263a5a !important;
    }
    body.extractor-page .domain-meta { margin-top: -30px; padding: 0 11px 10px !important; position: relative; pointer-events: none; }
    body.extractor-page .domain-meta > strong { visibility: hidden; }
    body.extractor-page .domain-meta > strong::after { content: attr(data-count); }
    body.extractor-page .domain-meta > span { margin-left: auto; }
    body.extractor-page .domain-footer { padding-top: 10px !important; }
    body.extractor-page .domain-actions { grid-template-columns: 1fr 1fr 1.08fr !important; }
    body.extractor-page .upload-action-button,
    body.extractor-page .validate-button,
    body.extractor-page .start-button { height: 48px !important; font-size: 12px !important; border-radius: 9px !important; }

    body.extractor-page .live-main { min-height: 136px !important; padding: 6px 20px !important; gap: 36px !important; }
    body.extractor-page .progress-ring { width: 138px !important; height: 138px !important; display: grid !important; place-content: center; text-align: center; }
    body.extractor-page .progress-ring span { font-size: 31px !important; line-height: 1; }
    body.extractor-page .progress-ring small { margin-top: 7px; color: #aeb9cf; font-size: 11px; }
    body.extractor-page .job-details strong { max-width: 470px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    body.extractor-page .live-card > .wide-progress { display: none !important; }
    body.extractor-page .live-metrics { margin-top: 4px; padding: 9px !important; border: 1px solid rgba(91, 116, 166, .24); border-radius: 12px; background: rgba(2, 10, 27, .45); }
    body.extractor-page .live-metrics div { min-height: 94px; border-radius: 9px !important; border: 1px solid #5031af !important; background: rgba(54, 29, 122, .13) !important; }
    body.extractor-page .live-metrics div:nth-child(2) { border-color: #0a8a52 !important; background: rgba(0, 113, 63, .12) !important; }
    body.extractor-page .live-metrics div:nth-child(3) { border-color: #1269bf !important; background: rgba(8, 76, 147, .12) !important; }
    body.extractor-page .live-metrics div:nth-child(4) { border-color: #9a560a !important; background: rgba(139, 77, 0, .12) !important; }
    body.extractor-page .live-metrics div:nth-child(5) { border-color: #af1744 !important; background: rgba(132, 15, 52, .12) !important; }
    body.extractor-page .running-actions { margin-top: 4px !important; gap: 12px !important; }
    body.extractor-page .running-actions button { height: 42px !important; }

    body.extractor-page .settings-card { padding: 9px 16px !important; }
    body.extractor-page .settings-card .card-heading h2 > i { width: 36px; height: 36px; flex-basis: 36px; }
    body.extractor-page .settings-list { grid-template-columns: auto auto auto minmax(200px, 1fr) !important; gap: 28px !important; }
    body.extractor-page .enabled-badge {
        display: inline-flex;
        padding: 4px 10px;
        border-radius: 20px;
        background: rgba(3, 112, 51, .36);
        color: #74ef9d;
        font-size: 11px;
        font-style: normal;
        font-weight: 700;
    }
    body.extractor-page .advanced-settings { justify-self: end; }

    body.extractor-page .session-results-card {
        min-height: 0 !important;
        padding: 12px 16px 8px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 46px minmax(0, 1fr) 45px !important;
        gap: 0 !important;
        overflow: hidden !important;
        border-radius: 14px 14px 0 0 !important;
    }
    body.extractor-page .session-results-card .section-heading {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding: 0 2px 10px !important;
        border: 0 !important;
    }
    body.extractor-page .session-results-card .section-heading h2 { font-size: 18px !important; }
    body.extractor-page .session-results-card .section-heading h2 span { padding: 5px 10px !important; border-radius: 18px; background: #182540; color: #c8d1e3 !important; font-size: 11px !important; }
    body.extractor-page .results-toolbar { gap: 8px !important; }
    body.extractor-page .filter-control { width: 94px; }
    body.extractor-page .filter-control input { width: 100%; padding-left: 30px !important; color: transparent; cursor: pointer; }
    body.extractor-page .filter-control input::placeholder { color: #e5e7eb !important; opacity: 1; }
    body.extractor-page .result-status-filter { display: none !important; }
    body.extractor-page .table-button { height: 38px !important; border-radius: 7px !important; font-size: 12px !important; }
    body.extractor-page .export-csv,
    body.extractor-page .xlsx-button { border-color: #087d42 !important; background: rgba(2, 104, 52, .26) !important; color: #ddffea !important; }
    body.extractor-page .clear-results-button { border-color: #ad2436 !important; background: rgba(146, 18, 35, .28) !important; color: #ffe5e8 !important; }
    body.extractor-page .session-results-card .table-wrap { min-height: 0 !important; overflow: hidden !important; border: 1px solid rgba(76, 101, 151, .18); border-radius: 8px; }
    body.extractor-page .session-results-card table { width: 100%; table-layout: fixed; }
    body.extractor-page .session-results-card th { height: 38px; padding: 7px 10px !important; background: rgba(3, 12, 28, .68); font-size: 11px !important; }
    body.extractor-page .session-results-card td { height: 35px; padding: 6px 10px !important; font-size: 11px !important; border-top: 1px solid rgba(62, 85, 129, .17) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    body.extractor-page .session-results-card th:nth-child(1) { width: 5%; }
    body.extractor-page .session-results-card th:nth-child(2) { width: 15%; }
    body.extractor-page .session-results-card th:nth-child(3) { width: 20%; }
    body.extractor-page .session-results-card th:nth-child(4) { width: 18%; }
    body.extractor-page .session-results-card th:nth-child(5) { width: 13%; }
    body.extractor-page .session-results-card th:nth-child(6) { width: 24%; }
    body.extractor-page .session-results-card th:nth-child(7) { width: 5%; }
    body.extractor-page .result-status { min-width: 72px; justify-content: center; text-align: center; }
    body.extractor-page .results-footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 7px 2px 0; color: #aeb9ce; font-size: 11px; }
    body.extractor-page .results-pagination { display: flex; align-items: center; gap: 5px; }
    body.extractor-page .results-pagination button { width: 34px; height: 34px; border: 1px solid transparent; border-radius: 6px; color: #d9e2f1; background: #0b1730; }
    body.extractor-page .results-pagination button.active { border-color: #8b47ff; box-shadow: 0 0 12px rgba(126, 55, 255, .25); }
    body.extractor-page .results-pagination button:disabled { opacity: .35; }
    body.extractor-page .results-footer > label { justify-self: end; display: flex; align-items: center; gap: 8px; }
    body.extractor-page .results-footer select { height: 34px; padding: 0 28px 0 10px; color: #e4eaf5; background: #07142c; border: 1px solid #263a5c; border-radius: 7px; }
}

@media (min-width: 1100px) and (max-height: 900px) {
    body.extractor-page .content { grid-template-rows: 68px 70px 396px minmax(0, 1fr) !important; }
    body.extractor-page .extractor-grid { grid-template-rows: minmax(0, 1fr) 60px !important; }
    body.extractor-page .domain-card, body.extractor-page .live-card { padding: 11px 16px !important; }
    body.extractor-page .live-main { min-height: 100px !important; }
    body.extractor-page .progress-ring { width: 104px !important; height: 104px !important; }
    body.extractor-page .live-metrics div { min-height: 72px; padding: 5px 3px !important; }
    body.extractor-page .running-actions button { height: 34px !important; min-height: 34px !important; }
    body.extractor-page .session-results-card { grid-template-rows: 42px minmax(0, 1fr) 40px !important; }
    body.extractor-page .session-results-card td { height: 30px; padding-top: 3px !important; padding-bottom: 3px !important; }
}

/* Compact results + premium hierarchy refinement */
@media (min-width: 1100px) {
    body.extractor-page .content {
        grid-template-rows: 72px 82px minmax(0, 1fr) 204px !important;
        gap: 10px !important;
        padding-bottom: 8px !important;
    }
    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 70px !important;
        gap: 14px !important;
    }
    body.extractor-page .extract-card,
    body.extractor-page .session-results-card {
        box-shadow: 0 18px 50px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .035) !important;
    }

    body.extractor-page #domains-input {
        background: #ffffff !important;
        color: #172033 !important;
        border-color: rgba(255, 255, 255, .92) !important;
        box-shadow: inset 0 1px 2px rgba(15, 23, 42, .08), 0 8px 24px rgba(0, 0, 0, .12) !important;
    }
    body.extractor-page #domains-input::placeholder { color: #687386 !important; opacity: 1 !important; }
    body.extractor-page .domain-meta { color: #334155 !important; }
    body.extractor-page .domain-meta span,
    body.extractor-page .domain-meta strong { color: #334155 !important; }

    body.extractor-page .live-main {
        min-height: 180px !important;
        padding: 10px 24px !important;
        gap: 44px !important;
    }
    body.extractor-page .progress-ring {
        width: 168px !important;
        height: 168px !important;
        flex: 0 0 168px;
        filter: drop-shadow(0 12px 24px rgba(80, 74, 255, .24));
    }
    body.extractor-page .progress-ring span { font-size: 38px !important; font-weight: 800 !important; }
    body.extractor-page .progress-ring small { font-size: 12px !important; }
    body.extractor-page .job-details > span { font-size: 12px !important; }
    body.extractor-page .job-details strong { font-size: 16px !important; }
    body.extractor-page .live-metrics { gap: 9px !important; padding: 10px !important; }
    body.extractor-page .live-metrics div { min-height: 104px !important; padding: 10px 7px !important; }
    body.extractor-page .live-metrics i { width: 36px !important; height: 36px !important; font-size: 17px !important; }
    body.extractor-page .live-metrics span { font-size: 11px !important; }
    body.extractor-page .live-metrics strong { font-size: 18px !important; line-height: 1.1; }

    body.extractor-page .settings-card {
        display: grid !important;
        grid-template-columns: max-content minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 34px !important;
        padding: 10px 18px !important;
    }
    body.extractor-page .settings-list {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 34px !important;
        min-width: 0;
    }
    body.extractor-page .setting-row { flex: 0 0 auto; display: flex !important; align-items: center !important; }
    body.extractor-page .advanced-settings { margin-left: auto; flex: 0 0 220px; }

    body.extractor-page .session-results-card {
        height: 204px !important;
        grid-template-rows: 40px minmax(0, 1fr) !important;
        padding: 8px 14px 10px !important;
        border-radius: 14px !important;
    }
    body.extractor-page .session-results-card .section-heading { padding-bottom: 7px !important; }
    body.extractor-page .session-results-card .section-heading h2 { font-size: 16px !important; }
    body.extractor-page .session-results-card .table-wrap { min-height: 0 !important; }
    body.extractor-page .session-results-card th { height: 27px !important; padding: 4px 9px !important; font-size: 10px !important; }
    body.extractor-page .session-results-card td { height: 25px !important; padding: 3px 9px !important; font-size: 10px !important; }
    body.extractor-page .results-footer { display: none !important; }
    body.extractor-page .result-status { min-width: 60px; padding: 3px 8px !important; font-size: 9px !important; }
    body.extractor-page .results-toolbar { flex-wrap: nowrap !important; }
    body.extractor-page .table-button { height: 32px !important; min-height: 32px !important; padding: 0 10px !important; font-size: 10px !important; }
    body.extractor-page .view-all-results {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
        border-color: #7045d8 !important;
        color: #eee9ff !important;
        background: rgba(91, 54, 190, .22) !important;
    }
}

@media (min-width: 1100px) and (max-height: 900px) {
    body.extractor-page .content {
        grid-template-rows: 66px 64px minmax(0, 1fr) 188px !important;
        gap: 8px !important;
        padding-bottom: 6px !important;
    }
    body.extractor-page .extractor-grid { grid-template-rows: minmax(0, 1fr) 62px !important; gap: 8px !important; }
    body.extractor-page .live-main { min-height: 126px !important; padding: 4px 18px !important; }
    body.extractor-page .progress-ring { width: 138px !important; height: 138px !important; flex-basis: 138px; }
    body.extractor-page .live-metrics div { min-height: 78px !important; padding: 5px !important; }
    body.extractor-page .live-metrics i { width: 29px !important; height: 29px !important; }
    body.extractor-page .running-actions button { height: 34px !important; }
    body.extractor-page .settings-card { padding: 6px 14px !important; }
    body.extractor-page .session-results-card { height: 188px !important; grid-template-rows: 37px minmax(0, 1fr) !important; padding: 6px 12px 8px !important; }
    body.extractor-page .session-results-card th { height: 25px !important; }
    body.extractor-page .session-results-card td { height: 23px !important; }
}

@media (min-width: 1100px) and (max-width: 1320px) {
    body.extractor-page .extractor-grid { grid-template-columns: minmax(390px, .45fr) minmax(520px, .55fr) !important; }
    body.extractor-page .settings-list { gap: 18px !important; }
    body.extractor-page .enabled-badge { display: none !important; }
    body.extractor-page .advanced-settings { flex-basis: 190px; width: 190px; }
    body.extractor-page .clear-results-button { display: none !important; }
    body.extractor-page .filter-control { display: none !important; }
}

@media (max-width: 1099px) {
    body.extractor-page #domains-input { background: #fff !important; color: #172033 !important; }
    body.extractor-page #domains-input::placeholder { color: #687386 !important; }
    body.extractor-page .settings-list { display: flex !important; flex-wrap: wrap; gap: 16px !important; }
    body.extractor-page .view-all-results { display: inline-flex; align-items: center; text-decoration: none; }
}

/* Viewport clipping and alignment corrections */
@media (min-width: 1100px) {
    body.extractor-page .content {
        grid-template-rows: 68px 76px minmax(0, 1fr) 190px !important;
        gap: 10px !important;
        padding-bottom: 8px !important;
    }
    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 64px !important;
        gap: 10px !important;
        overflow: visible !important;
    }

    body.extractor-page .live-card {
        display: grid !important;
        grid-template-rows: 40px minmax(116px, 1fr) 88px 36px !important;
        gap: 7px !important;
        overflow: hidden !important;
        padding: 12px 20px !important;
    }
    body.extractor-page .live-card .card-heading { min-height: 0 !important; height: 40px; padding: 0 0 7px !important; }
    body.extractor-page .live-main {
        min-height: 0 !important;
        height: auto !important;
        padding: 2px 20px !important;
        gap: 38px !important;
        overflow: hidden;
    }
    body.extractor-page .progress-ring {
        width: clamp(132px, 9.2vw, 158px) !important;
        height: clamp(132px, 9.2vw, 158px) !important;
        flex-basis: clamp(132px, 9.2vw, 158px) !important;
    }
    body.extractor-page .progress-ring span { font-size: 36px !important; }
    body.extractor-page .live-metrics {
        height: 88px !important;
        min-height: 88px !important;
        margin: 0 !important;
        padding: 7px !important;
        gap: 7px !important;
        overflow: hidden;
    }
    body.extractor-page .live-metrics div {
        min-height: 72px !important;
        height: 72px !important;
        padding: 5px 3px !important;
        display: grid !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        grid-template-rows: 1fr 1fr !important;
        align-items: center !important;
        text-align: left !important;
        column-gap: 6px;
    }
    body.extractor-page .live-metrics i {
        grid-row: 1 / span 2;
        width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        font-size: 15px !important;
    }
    body.extractor-page .live-metrics span {
        min-height: 0 !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        align-self: end;
    }
    body.extractor-page .live-metrics strong {
        font-size: 17px !important;
        align-self: start;
    }
    body.extractor-page .running-actions {
        height: 36px !important;
        min-height: 36px !important;
        margin: 0 !important;
        gap: 10px !important;
        overflow: hidden;
    }
    body.extractor-page .running-actions button {
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 12px !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        height: 64px !important;
        min-height: 64px !important;
        display: grid !important;
        grid-template-columns: max-content minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 28px !important;
        padding: 7px 16px !important;
        overflow: visible !important;
    }
    body.extractor-page .extractor-grid .settings-card .card-heading {
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        border: 0 !important;
    }
    body.extractor-page .extractor-grid .settings-card .card-heading h2 { margin: 0 !important; }
    body.extractor-page .extractor-grid .settings-card .settings-list {
        min-height: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 28px !important;
        overflow: visible !important;
    }
    body.extractor-page .extractor-grid .settings-card .settings-list .setting-row,
    body.extractor-page .extractor-grid .settings-card .settings-list .setting-row:not(.phone-setting-row) {
        display: flex !important;
        min-height: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 9px !important;
        border: 0 !important;
        background: transparent !important;
        align-items: center !important;
    }
    body.extractor-page .extractor-grid .settings-card .setting-row > span:first-child > i { display: none !important; }
    body.extractor-page .extractor-grid .settings-card .advanced-settings {
        margin-left: auto !important;
        width: 220px !important;
        flex: 0 0 220px !important;
    }
    body.extractor-page .extractor-grid .settings-card .advanced-settings summary { height: 40px; align-items: center; }

    body.extractor-page .session-results-card {
        height: 190px !important;
        min-height: 190px !important;
        grid-template-rows: 40px minmax(0, 1fr) !important;
        padding: 7px 14px 9px !important;
        margin: 0 !important;
        align-self: stretch !important;
    }
    body.extractor-page .session-results-card .table-wrap { height: 134px !important; min-height: 134px !important; }
    body.extractor-page .session-results-card .empty-state {
        height: 104px !important;
        min-height: 0 !important;
        padding: 12px !important;
        vertical-align: middle;
        font-size: 11px !important;
    }
    body.extractor-page .filter-control {
        width: 122px !important;
        height: 32px !important;
        display: flex !important;
        align-items: center;
        position: relative;
    }
    body.extractor-page .filter-control input {
        width: 100% !important;
        height: 100% !important;
        padding: 0 10px 0 32px !important;
        color: #e8eef8 !important;
        cursor: text !important;
        font-size: 10px !important;
    }
    body.extractor-page .filter-control input::placeholder { color: #9aa8bf !important; }
    body.extractor-page .filter-control i { position: absolute; left: 11px; pointer-events: none; }

    body.extractor-page .sidebar {
        padding-top: 14px !important;
        padding-bottom: 12px !important;
        gap: 8px !important;
    }
    body.extractor-page .sidebar-brand { min-height: 62px !important; margin-bottom: 4px !important; }
    body.extractor-page .sidebar-nav { gap: 6px !important; }
    body.extractor-page .nav-link {
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    body.extractor-page .sidebar-spacer { min-height: 0 !important; flex: 1 1 8px !important; }
    body.extractor-page .plan-card {
        margin-top: 0 !important;
        padding: 12px !important;
        gap: 8px !important;
        flex: 0 0 auto;
    }
    body.extractor-page .plan-title { min-height: 34px; }
    body.extractor-page .sidebar-plan-meta { gap: 6px !important; }
    body.extractor-page .sidebar-plan-meta div { min-height: 46px !important; padding: 6px 9px !important; }
    body.extractor-page .sidebar-usage-ring { min-height: 52px !important; height: 52px !important; }
    body.extractor-page .upgrade-button { min-height: 36px !important; height: 36px !important; }
    body.extractor-page .user-profile {
        min-height: 52px !important;
        height: 52px !important;
        margin-top: 6px !important;
        padding: 7px 10px !important;
        flex: 0 0 52px;
    }
}

@media (min-width: 1100px) and (max-height: 850px) {
    body.extractor-page .content { grid-template-rows: 62px 58px minmax(0, 1fr) 170px !important; gap: 7px !important; padding-bottom: 5px !important; }
    body.extractor-page .extractor-grid { grid-template-rows: minmax(0, 1fr) 58px !important; gap: 7px !important; }
    body.extractor-page .extractor-workspace-head { padding: 4px 0 !important; }
    body.extractor-page .extractor-workspace-head h2 { font-size: 23px !important; }
    body.extractor-page .live-card { grid-template-rows: 36px minmax(92px, 1fr) 72px 32px !important; padding: 9px 14px !important; gap: 5px !important; }
    body.extractor-page .live-main { padding: 0 14px !important; }
    body.extractor-page .progress-ring { width: 118px !important; height: 118px !important; flex-basis: 118px !important; }
    body.extractor-page .live-metrics { height: 72px !important; min-height: 72px !important; padding: 5px !important; }
    body.extractor-page .live-metrics div { height: 60px !important; min-height: 60px !important; }
    body.extractor-page .running-actions, body.extractor-page .running-actions button { height: 32px !important; min-height: 32px !important; }
    body.extractor-page .extractor-grid .settings-card { height: 58px !important; min-height: 58px !important; padding: 5px 12px !important; }
    body.extractor-page .session-results-card { height: 170px !important; min-height: 170px !important; }
    body.extractor-page .session-results-card .table-wrap { height: 114px !important; min-height: 114px !important; }
    body.extractor-page .session-results-card .empty-state { height: 84px !important; }
    body.extractor-page .nav-link { height: 48px !important; min-height: 48px !important; max-height: 48px !important; }
    body.extractor-page .sidebar-brand { min-height: 56px !important; }
    body.extractor-page .sidebar-brand::after { top: 38px; }
    body.extractor-page .plan-card { padding: 9px 11px !important; gap: 5px !important; }
    body.extractor-page .sidebar-plan-meta { grid-template-columns: 1fr 1fr !important; }
    body.extractor-page .sidebar-plan-meta div { min-height: 42px !important; }
    body.extractor-page .sidebar-usage-ring { min-height: 46px !important; height: 46px !important; }
    body.extractor-page .upgrade-button { height: 32px !important; min-height: 32px !important; }
    body.extractor-page .user-profile { height: 48px !important; min-height: 48px !important; flex-basis: 48px; }
}

/* Final production dashboard layer */
@media (min-width: 1100px) and (min-height: 860px) {
    body.extractor-page .content {
        grid-template-rows: 72px 76px minmax(0, 1fr) clamp(250px, 29vh, 310px) !important;
        gap: 12px !important;
        padding: 0 20px 12px !important;
        overflow: hidden !important;
    }
    body.extractor-page .topbar { min-height: 72px !important; }
    body.extractor-page .extractor-workspace-head { padding: 9px 2px 3px !important; }
    body.extractor-page .extractor-workspace-head h2 { font-size: 28px !important; }

    body.extractor-page .extractor-grid {
        min-height: 0 !important;
        grid-template-columns: minmax(390px, .43fr) minmax(540px, .57fr) !important;
        grid-template-rows: minmax(0, 1fr) 64px !important;
        gap: 14px !important;
    }
    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        min-height: 0 !important;
        padding: 15px 18px !important;
        border-radius: 14px !important;
    }

    body.extractor-page .domain-card { display: flex !important; flex-direction: column; }
    body.extractor-page .extractor-step-title { margin: 0 0 7px !important; }
    body.extractor-page .domain-form { flex: 1; min-height: 0; }
    body.extractor-page .paste-pane { flex: 1; min-height: 0; }
    body.extractor-page #domains-input {
        min-height: 160px !important;
        height: 100% !important;
        padding: 15px 16px 34px !important;
        border: 0 !important;
        border-radius: 11px !important;
        background: #fff !important;
        color: #111827 !important;
        font-size: 14px !important;
        line-height: 1.8 !important;
        resize: none !important;
        box-shadow: 0 8px 26px rgba(0, 0, 0, .16), inset 0 0 0 1px #e5e7eb !important;
    }
    body.extractor-page #domains-input::placeholder { color: #7b8494 !important; }
    body.extractor-page .domain-meta { margin-top: -30px !important; padding: 0 12px 9px !important; }
    body.extractor-page .domain-footer { padding-top: 9px !important; }
    body.extractor-page .domain-actions { gap: 9px !important; }
    body.extractor-page .upload-action-button,
    body.extractor-page .validate-button,
    body.extractor-page .start-button { height: 44px !important; min-height: 44px !important; border-radius: 8px !important; }

    body.extractor-page .live-card {
        display: grid !important;
        grid-template-rows: 40px minmax(120px, 1fr) 102px 42px !important;
        gap: 9px !important;
        overflow: hidden !important;
    }
    body.extractor-page .live-main {
        min-height: 0 !important;
        padding: 2px 18px !important;
        gap: 34px !important;
        overflow: hidden !important;
    }
    body.extractor-page .progress-ring {
        width: clamp(142px, 9vw, 160px) !important;
        height: clamp(142px, 9vw, 160px) !important;
        flex-basis: clamp(142px, 9vw, 160px) !important;
    }
    body.extractor-page .progress-ring span { font-size: 36px !important; }
    body.extractor-page .job-details { padding-left: 24px; border-left: 1px solid rgba(104, 128, 175, .18); }
    body.extractor-page .job-details strong { font-size: 16px !important; }

    body.extractor-page .live-metrics {
        height: 102px !important;
        min-height: 102px !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }
    body.extractor-page .live-metrics div {
        width: auto !important;
        height: 102px !important;
        min-height: 102px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        padding: 7px 5px !important;
        text-align: center !important;
        border-radius: 9px !important;
    }
    body.extractor-page .live-metrics i {
        display: inline-grid !important;
        place-items: center !important;
        width: 32px !important;
        height: 32px !important;
        margin: 0 auto !important;
        font-size: 15px !important;
    }
    body.extractor-page .live-metrics span {
        min-height: 24px !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        align-self: auto !important;
    }
    body.extractor-page .live-metrics strong {
        font-size: 18px !important;
        line-height: 1 !important;
        align-self: auto !important;
    }
    body.extractor-page .running-actions,
    body.extractor-page .running-actions button { height: 42px !important; min-height: 42px !important; }
    body.extractor-page .running-actions { gap: 14px !important; margin: 0 !important; }
    body.extractor-page .running-actions button { color: #fff !important; border: 0 !important; }
    body.extractor-page .pause-extraction-button { background: linear-gradient(135deg, #f6a400, #ff7a00) !important; }
    body.extractor-page .resume-extraction-button { background: linear-gradient(135deg, #0c9d45, #087a36) !important; }
    body.extractor-page .running-actions .stop-extraction-button { background: linear-gradient(135deg, #f32635, #d90e24) !important; }
    body.extractor-page .running-actions button:disabled { opacity: .52 !important; color: rgba(255,255,255,.78) !important; }

    body.extractor-page .extractor-grid .settings-card {
        height: 64px !important;
        min-height: 64px !important;
        grid-template-columns: 260px minmax(0, 1fr) !important;
        gap: 20px !important;
        padding: 8px 16px !important;
        border-radius: 12px !important;
        overflow: visible !important;
    }
    body.extractor-page .extractor-grid .settings-card .card-heading { height: 46px !important; min-height: 46px !important; }
    body.extractor-page .extractor-grid .settings-card .settings-list {
        height: 46px !important;
        min-height: 46px !important;
        display: grid !important;
        grid-template-columns: max-content max-content minmax(190px, 1fr) !important;
        align-items: center !important;
        gap: clamp(22px, 3vw, 48px) !important;
    }
    body.extractor-page .extractor-grid .settings-card .setting-row,
    body.extractor-page .extractor-grid .settings-card .setting-row:not(.phone-setting-row) {
        height: 42px !important;
        min-height: 42px !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        white-space: nowrap;
    }
    body.extractor-page .extractor-grid .settings-card .enabled-badge { display: none !important; }
    body.extractor-page .extractor-grid .settings-card .advanced-settings {
        width: 100% !important;
        max-width: 220px !important;
        margin-left: auto !important;
        justify-self: end;
    }
    body.extractor-page .extractor-grid .settings-card .advanced-settings summary { height: 40px; }

    body.extractor-page .session-results-card {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-rows: 48px minmax(0, 1fr) 28px !important;
        padding: 10px 16px 8px !important;
        margin: 0 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
    }
    body.extractor-page .session-results-card .section-heading { height: 48px; padding: 0 0 9px !important; }
    body.extractor-page .session-results-card .section-heading h2 { font-size: 18px !important; }
    body.extractor-page .results-toolbar { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; }
    body.extractor-page .filter-control { width: 88px !important; height: 36px !important; }
    body.extractor-page .filter-control input { font-size: 11px !important; }
    body.extractor-page .table-button {
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 11px !important;
        font-size: 11px !important;
        border-radius: 7px !important;
    }
    body.extractor-page .session-results-card .table-wrap {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
    body.extractor-page .session-results-card table { min-width: 0 !important; width: 100% !important; table-layout: fixed; }
    body.extractor-page .session-results-card th { height: 32px !important; padding: 5px 10px !important; font-size: 11px !important; }
    body.extractor-page .session-results-card td { height: 31px !important; padding: 5px 10px !important; font-size: 11px !important; }
    body.extractor-page .session-results-card .empty-state { height: auto !important; min-height: 0 !important; padding: 14px !important; }
    body.extractor-page .results-footer {
        height: 28px !important;
        display: grid !important;
        grid-template-columns: 1fr auto 1fr;
        align-items: end;
        padding: 5px 2px 0 !important;
        font-size: 10px;
    }
    body.extractor-page .results-pagination { display: none !important; }
    body.extractor-page .results-footer > label { display: none !important; }

    body.extractor-page .sidebar { padding: 16px 18px 12px !important; gap: 8px !important; }
    body.extractor-page .sidebar-brand { min-height: 66px !important; }
    body.extractor-page .sidebar-nav { gap: 4px !important; }
    body.extractor-page .nav-link {
        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        border-radius: 9px !important;
        padding: 0 16px !important;
    }
    body.extractor-page .nav-link.active {
        background: linear-gradient(90deg, rgba(255, 48, 153, .28), rgba(101, 45, 141, .14)) !important;
        border-color: rgba(255, 54, 163, .72) !important;
        box-shadow: 0 0 24px rgba(255, 40, 151, .13) !important;
    }
    body.extractor-page .plan-card { padding: 13px !important; gap: 8px !important; border-radius: 12px !important; }
    body.extractor-page .sidebar-plan-meta { grid-template-columns: 1fr 1fr !important; gap: 7px !important; }
    body.extractor-page .sidebar-plan-meta div { min-height: 48px !important; padding: 7px 9px !important; }
    body.extractor-page .sidebar-usage-ring { min-height: 50px !important; height: 50px !important; }
    body.extractor-page .upgrade-button { height: 38px !important; min-height: 38px !important; }
    body.extractor-page .user-profile { height: 54px !important; min-height: 54px !important; margin-top: 8px !important; }
}

@media (min-width: 1100px) and (min-height: 860px) and (max-width: 1320px) {
    body.extractor-page .extractor-grid { grid-template-columns: minmax(360px, .45fr) minmax(500px, .55fr) !important; }
    body.extractor-page .extractor-grid .settings-card { grid-template-columns: 230px minmax(0, 1fr) !important; }
    body.extractor-page .extractor-grid .settings-card .settings-list { gap: 18px !important; }
    body.extractor-page .table-button { padding: 0 8px !important; font-size: 10px !important; }
    body.extractor-page .clear-results-button { width: 38px; font-size: 0 !important; }
    body.extractor-page .clear-results-button i { font-size: 12px; }
}

@media (min-width: 1100px) and (max-height: 859px) {
    html:has(body.extractor-page), body.extractor-page { height: auto !important; min-height: 100%; overflow-y: auto !important; }
    body.extractor-page .app-shell { height: auto !important; min-height: 100vh !important; overflow: visible !important; }
    body.extractor-page .content { height: auto !important; min-height: 100vh !important; overflow: visible !important; grid-template-rows: 64px 66px auto auto !important; padding-bottom: 14px !important; }
    body.extractor-page .extractor-grid { min-height: 480px !important; grid-template-rows: 410px 62px !important; }
    body.extractor-page .session-results-card { min-height: 250px !important; height: auto !important; }
}

/* MailExtract compact premium sidebar polish */
body.extractor-page .app-shell {
    grid-template-columns: 286px minmax(0, 1fr) !important;
    overflow-x: hidden !important;
}

body.extractor-page .sidebar {
    width: 286px !important;
    min-width: 286px !important;
    max-width: 286px !important;
    height: 100vh !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 18px 18px 14px !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 49, 155, .09), transparent 34%),
        linear-gradient(180deg, #07111f 0%, #081322 48%, #07101d 100%) !important;
    border-right: 1px solid rgba(119, 146, 190, .18) !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .025) !important;
}

body.extractor-page .sidebar-brand {
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    max-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 10px !important;
    padding: 0 2px !important;
    text-decoration: none !important;
}

body.extractor-page .sidebar-brand::after {
    content: "Email Extractor";
    position: absolute;
    left: 76px;
    top: 39px;
    color: #a9b6cc;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .01em;
}

body.extractor-page .brand-mark {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 11px !important;
    display: inline-grid !important;
    place-items: center !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ff3b99 0%, #ff2f8b 58%, #a936ff 100%) !important;
    box-shadow: 0 13px 30px rgba(255, 47, 149, .23) !important;
}

body.extractor-page .sidebar-brand > span:last-child {
    position: relative !important;
    display: inline-block !important;
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
}

body.extractor-page .sidebar-brand > span:last-child::after {
    content: "Extract";
    color: #ff34ac;
}

body.extractor-page .sidebar-brand > span:last-child {
    font-size: 0 !important;
}

body.extractor-page .sidebar-brand > span:last-child::before {
    content: "Mail";
    color: #fff;
    font-size: 25px;
}

body.extractor-page .sidebar-brand > span:last-child::after {
    font-size: 25px;
}

body.extractor-page .sidebar-nav {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.extractor-page .nav-link {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding: 0 18px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(94, 121, 165, .28) !important;
    background: linear-gradient(135deg, rgba(18, 35, 57, .88), rgba(12, 25, 43, .82)) !important;
    color: #e7ecf6 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
    overflow: hidden !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

body.extractor-page .nav-link i {
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    display: inline-grid !important;
    place-items: center !important;
    margin: 0 !important;
    color: #dfd5ff !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

body.extractor-page .nav-link span {
    display: block !important;
    min-width: 0 !important;
    color: inherit !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
    white-space: nowrap !important;
}

body.extractor-page .nav-link:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(255, 67, 173, .45) !important;
    background: linear-gradient(135deg, rgba(255, 51, 159, .13), rgba(130, 70, 255, .1)) !important;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

body.extractor-page .nav-link.active {
    color: #fff !important;
    border-color: rgba(255, 52, 171, .95) !important;
    background:
        linear-gradient(90deg, rgba(255, 47, 149, .36), rgba(120, 49, 189, .22)),
        rgba(18, 35, 57, .88) !important;
    box-shadow:
        0 0 0 1px rgba(255, 52, 171, .1),
        0 0 28px rgba(255, 44, 155, .18),
        inset 3px 0 0 #ff2fa1,
        inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

body.extractor-page .nav-link.active i {
    color: #fff !important;
    filter: drop-shadow(0 0 8px rgba(255, 65, 178, .45)) !important;
}

body.extractor-page .sidebar-spacer {
    flex: 1 1 auto !important;
    min-height: 10px !important;
}

body.extractor-page .plan-card {
    width: 100% !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 14px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(104, 128, 175, .24) !important;
    background:
        radial-gradient(circle at top right, rgba(255, 50, 156, .12), transparent 42%),
        linear-gradient(180deg, rgba(24, 36, 60, .94), rgba(15, 25, 44, .94)) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .19), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

body.extractor-page .plan-title {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 28px !important;
    margin: 0 !important;
}

body.extractor-page .plan-title i {
    display: none !important;
}

body.extractor-page .plan-title div {
    min-width: 0 !important;
}

body.extractor-page .plan-title strong {
    display: block !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

body.extractor-page .plan-title span {
    display: block !important;
    margin-top: 4px !important;
    color: #a8b5ca !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
}

body.extractor-page .plan-title::after {
    content: "Active";
    justify-self: end;
    padding: 6px 10px;
    border-radius: 999px;
    color: #77f3a7;
    background: rgba(16, 159, 82, .2);
    font-size: 12px;
    font-weight: 900;
}

body.extractor-page .sidebar-plan-meta {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
}

body.extractor-page .sidebar-plan-meta div {
    min-width: 0 !important;
    min-height: 48px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(104, 128, 175, .18) !important;
    background: rgba(8, 17, 32, .55) !important;
}

body.extractor-page .sidebar-plan-meta span {
    color: #a7b3c7 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

body.extractor-page .sidebar-plan-meta strong {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

body.extractor-page .sidebar-usage-ring {
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    display: grid !important;
    grid-template-columns: 58px 1fr !important;
    align-items: center !important;
    justify-items: start !important;
    column-gap: 12px !important;
    margin: 0 !important;
}

body.extractor-page .sidebar-usage-ring > span {
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at center, #0d1729 0 54%, transparent 55%),
        conic-gradient(#ff349d calc(var(--usage) * 1%), #7b36ff 0 calc(var(--usage) * 1%), #2b3852 0) !important;
    box-shadow: inset 0 0 0 7px rgba(93, 112, 148, .22) !important;
}

body.extractor-page .sidebar-usage-ring > span::after {
    display: none !important;
}

body.extractor-page .sidebar-usage-ring div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 3px !important;
}

body.extractor-page .sidebar-usage-ring strong {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.extractor-page .sidebar-usage-ring small {
    color: #a8b5ca !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

body.extractor-page .upgrade-button {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border-radius: 11px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, #ff3b9c 0%, #ff3e91 45%, #8b25ff 100%) !important;
    box-shadow: 0 16px 32px rgba(255, 49, 154, .23), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}

body.extractor-page .upgrade-button::before {
    content: "\f586";
    font-family: "bootstrap-icons";
    margin-right: 9px;
    font-size: 15px;
}

body.extractor-page .user-profile {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    flex: 0 0 58px !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(104, 128, 175, .24) !important;
    background: rgba(9, 20, 37, .9) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    overflow: hidden !important;
}

body.extractor-page .user-profile .avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #fff3ea !important;
    color: #0d1a32 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

body.extractor-page .profile-copy {
    min-width: 0 !important;
}

body.extractor-page .profile-copy strong,
body.extractor-page .profile-copy small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.extractor-page .profile-copy strong {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

body.extractor-page .profile-copy small {
    margin-top: 3px !important;
    color: #a9b6cc !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
}

body.extractor-page .logout-button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(132, 155, 197, .3) !important;
    background: rgba(25, 45, 78, .75) !important;
    color: #dfe8f7 !important;
}

body.extractor-page .logout-button span {
    display: none !important;
}

body.extractor-page .logout-button i {
    margin: 0 !important;
    font-size: 15px !important;
}

@media (min-width: 1100px) and (max-height: 820px) {
    body.extractor-page .sidebar {
        gap: 8px !important;
        padding: 14px 16px 10px !important;
    }

    body.extractor-page .sidebar-brand {
        height: 52px !important;
        min-height: 52px !important;
        margin-bottom: 6px !important;
    }

    body.extractor-page .brand-mark {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    body.extractor-page .sidebar-brand::after {
        left: 72px;
        top: 36px;
    }

    body.extractor-page .nav-link {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        border-radius: 10px !important;
    }

    body.extractor-page .sidebar-nav {
        gap: 7px !important;
    }

    body.extractor-page .plan-card {
        gap: 7px !important;
        padding: 11px !important;
    }

    body.extractor-page .sidebar-plan-meta div {
        min-height: 42px !important;
        padding: 6px 8px !important;
    }

    body.extractor-page .sidebar-usage-ring {
        height: 48px !important;
        min-height: 48px !important;
        grid-template-columns: 48px 1fr !important;
    }

    body.extractor-page .sidebar-usage-ring > span {
        width: 48px !important;
        height: 48px !important;
    }

    body.extractor-page .upgrade-button {
        height: 38px !important;
        min-height: 38px !important;
    }

    body.extractor-page .user-profile {
        height: 52px !important;
        min-height: 52px !important;
        flex-basis: 52px !important;
    }
}

@media (max-width: 1099px) {
    body.extractor-page .app-shell {
        grid-template-columns: 1fr !important;
    }

    body.extractor-page .sidebar {
        position: relative !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: auto !important;
        padding: 14px !important;
        overflow: visible !important;
    }

    body.extractor-page .sidebar-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.extractor-page .nav-link {
        min-width: 0 !important;
    }

    body.extractor-page .sidebar-spacer {
        display: none !important;
    }
}

/* Sidebar usage-card overlap fix */
body.extractor-page .plan-card {
    gap: 8px !important;
}

body.extractor-page .sidebar-usage-ring {
    height: 46px !important;
    min-height: 46px !important;
    grid-template-columns: 46px 1fr !important;
    column-gap: 12px !important;
    margin: 2px 0 4px !important;
}

body.extractor-page .sidebar-usage-ring > span {
    width: 46px !important;
    height: 46px !important;
    box-shadow: inset 0 0 0 6px rgba(93, 112, 148, .22) !important;
}

body.extractor-page .sidebar-usage-ring strong {
    font-size: 15px !important;
}

body.extractor-page .sidebar-usage-ring small {
    font-size: 11px !important;
}

body.extractor-page .upgrade-button {
    width: calc(100% - 10px) !important;
    height: 38px !important;
    min-height: 38px !important;
    align-self: center !important;
    border-radius: 10px !important;
    font-size: 14px !important;
}

body.extractor-page .upgrade-button::before {
    font-size: 13px !important;
    margin-right: 7px !important;
}

@media (min-width: 1100px) and (max-height: 820px) {
    body.extractor-page .sidebar-usage-ring {
        height: 42px !important;
        min-height: 42px !important;
        grid-template-columns: 42px 1fr !important;
        margin: 1px 0 3px !important;
    }

    body.extractor-page .sidebar-usage-ring > span {
        width: 42px !important;
        height: 42px !important;
    }

    body.extractor-page .upgrade-button {
        height: 36px !important;
        min-height: 36px !important;
    }
}

/* Enter Domains field + action button alignment polish */
body.extractor-page .domain-card .domain-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

body.extractor-page .domain-card .paste-pane {
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 13px 18px 38px !important;
    border: 1px solid rgba(226, 232, 240, .92) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), #ffffff) !important;
    box-shadow:
        0 18px 36px rgba(0, 0, 0, .17),
        inset 0 1px 0 rgba(255, 255, 255, .95) !important;
    overflow: hidden !important;
}

body.extractor-page .domain-card .paste-pane label {
    margin: 0 0 10px !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

body.extractor-page .domain-card .paste-pane label span {
    color: #8a94a6 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.extractor-page #domains-input {
    width: 100% !important;
    min-height: 172px !important;
    height: 172px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #172033 !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    box-shadow: none !important;
    resize: none !important;
}

body.extractor-page #domains-input::placeholder {
    color: #64748b !important;
    opacity: 1 !important;
}

body.extractor-page #domains-input:focus {
    box-shadow: none !important;
}

body.extractor-page .domain-meta {
    min-height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: -46px 18px 0 !important;
    padding: 0 !important;
    color: #334155 !important;
    position: relative !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

body.extractor-page .domain-meta strong,
body.extractor-page .domain-meta span {
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.extractor-page .domain-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
    margin-top: 10px !important;
}

body.extractor-page .upload-action-button,
body.extractor-page .validate-button,
body.extractor-page .start-button {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

body.extractor-page .upload-action-button,
body.extractor-page .validate-button {
    border: 1px solid rgba(115, 139, 184, .34) !important;
    background:
        linear-gradient(180deg, rgba(23, 39, 65, .92), rgba(13, 25, 45, .9)) !important;
    color: #f4f7fb !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

body.extractor-page .upload-action-button:hover,
body.extractor-page .validate-button:hover {
    border-color: rgba(255, 55, 165, .5) !important;
    background:
        linear-gradient(180deg, rgba(39, 54, 85, .95), rgba(18, 31, 55, .94)) !important;
}

body.extractor-page .start-button {
    background: linear-gradient(135deg, #ff3c99 0%, #ff2f91 55%, #9727ff 100%) !important;
    box-shadow: 0 12px 26px rgba(255, 49, 152, .25) !important;
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .domain-card .paste-pane {
        padding: 11px 16px 34px !important;
    }

    body.extractor-page #domains-input {
        min-height: 142px !important;
        height: 142px !important;
        line-height: 1.75 !important;
    }

    body.extractor-page .domain-meta {
        margin: -42px 16px 0 !important;
    }

    body.extractor-page .upload-action-button,
    body.extractor-page .validate-button,
    body.extractor-page .start-button {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        font-size: 12px !important;
    }
}

/* Domain card final alignment fix: equal compact action buttons */
body.extractor-page .domain-card {
    overflow: hidden !important;
}

body.extractor-page .domain-card .domain-form {
    min-width: 0 !important;
    width: 100% !important;
}

body.extractor-page .domain-card .paste-pane {
    width: 100% !important;
    box-sizing: border-box !important;
    border-color: rgba(226, 232, 240, .98) !important;
    background: #ffffff !important;
}

body.extractor-page .domain-card .domain-actions {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-top: 10px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.extractor-page .domain-card .domain-actions > .upload-action-button,
body.extractor-page .domain-card .domain-actions > .validate-button,
body.extractor-page .domain-card .domain-actions > .start-button {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body.extractor-page .domain-card .domain-actions > .start-button {
    flex-grow: 1 !important;
    box-shadow: 0 10px 22px rgba(255, 49, 152, .2) !important;
}

body.extractor-page .domain-card .domain-actions > .upload-action-button i,
body.extractor-page .domain-card .domain-actions > .validate-button i,
body.extractor-page .domain-card .domain-actions > .start-button i {
    flex: 0 0 auto !important;
    margin: 0 !important;
    font-size: 13px !important;
}

@media (min-width: 1100px) and (max-width: 1450px) {
    body.extractor-page .domain-card .domain-actions {
        gap: 8px !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button,
    body.extractor-page .domain-card .domain-actions > .start-button {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 0 8px !important;
        font-size: 11px !important;
        border-radius: 9px !important;
    }
}

/* Hard final fix for Enter Domains bottom action strip */
body.extractor-page .domain-card .domain-actions {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 188px)) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: visible !important;
}

body.extractor-page .domain-card .domain-actions > .upload-action-button,
body.extractor-page .domain-card .domain-actions > .validate-button,
body.extractor-page .domain-card .domain-actions > .start-button {
    width: 100% !important;
    max-width: 188px !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 10px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.extractor-page .domain-card .domain-actions > .start-button {
    max-width: 188px !important;
    transform: none !important;
}

@media (min-width: 1100px) and (max-width: 1320px) {
    body.extractor-page .domain-card .domain-actions {
        width: calc(100% - 28px) !important;
        max-width: calc(100% - 28px) !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button,
    body.extractor-page .domain-card .domain-actions > .start-button {
        max-width: none !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        font-size: 11px !important;
        padding: 0 7px !important;
    }
}

/* Premium compact top bar redesign */
body.extractor-page .topbar {
    min-height: 76px !important;
    height: 76px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 0 24px !important;
    border-bottom: 1px solid rgba(122, 145, 188, .16) !important;
    background:
        radial-gradient(circle at 72% 100%, rgba(255, 49, 154, .15), transparent 34%),
        linear-gradient(180deg, rgba(8, 16, 31, .94), rgba(9, 17, 33, .82)) !important;
    box-shadow:
        0 18px 40px rgba(0, 0, 0, .16),
        inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    backdrop-filter: blur(18px) !important;
}

body.extractor-page .topbar > div:first-child {
    min-width: 0 !important;
}

body.extractor-page .topbar-title-row {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

body.extractor-page .topbar h1,
body.extractor-page .breadcrumb-line {
    display: none !important;
}

body.extractor-page .topbar-menu {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(111, 135, 180, .28) !important;
    background:
        linear-gradient(180deg, rgba(22, 36, 61, .95), rgba(12, 24, 43, .95)) !important;
    color: #f5f7fb !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.extractor-page .topbar-menu:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(255, 56, 164, .52) !important;
    box-shadow:
        0 14px 30px rgba(0, 0, 0, .2),
        0 0 22px rgba(255, 45, 158, .11) !important;
}

body.extractor-page .topbar-menu i {
    font-size: 19px !important;
}

body.extractor-page .topbar-actions {
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
}

body.extractor-page .icon-button {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(111, 135, 180, .28) !important;
    background:
        linear-gradient(180deg, rgba(22, 36, 61, .95), rgba(12, 24, 43, .95)) !important;
    color: #f6f8fc !important;
    box-shadow:
        0 12px 26px rgba(0, 0, 0, .15),
        inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

body.extractor-page .icon-button i {
    font-size: 19px !important;
}

body.extractor-page .icon-button.has-badge span {
    top: -8px !important;
    right: -6px !important;
    min-width: 21px !important;
    height: 21px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 6px !important;
    border: 2px solid #091121 !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #1e6bff, #366cff) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.extractor-page .topbar-plan-pill {
    width: 270px !important;
    min-width: 270px !important;
    height: 48px !important;
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    column-gap: 14px !important;
    padding: 8px 13px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(111, 135, 180, .28) !important;
    background:
        linear-gradient(180deg, rgba(19, 29, 51, .98), rgba(13, 23, 43, .96)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    position: relative !important;
    overflow: hidden !important;
}

body.extractor-page .topbar-plan-pill > span:first-child {
    display: block !important;
    color: #aeb9cd !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body.extractor-page .topbar-plan-pill > span:first-child strong {
    display: none !important;
}

body.extractor-page .topbar-plan-pill > span:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.extractor-page .topbar-plan-pill small {
    display: none !important;
}

body.extractor-page .topbar-plan-pill strong {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}

body.extractor-page .topbar-plan-pill::after {
    content: "";
    position: absolute;
    left: 13px;
    right: 13px;
    bottom: 8px;
    height: 5px;
    border-radius: 999px;
    background:
        linear-gradient(90deg, #ff34a0 0 32%, #8a42ff 32% 32%, rgba(38, 54, 85, .9) 32% 100%) !important;
}

body.extractor-page .topbar-upgrade {
    min-width: 142px !important;
    height: 48px !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #ff3b9c 0%, #ff3a8f 52%, #8c29ff 100%) !important;
    box-shadow:
        0 16px 32px rgba(255, 48, 152, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.extractor-page .topbar-upgrade i {
    font-size: 14px !important;
}

body.extractor-page .topbar-profile {
    min-width: 162px !important;
    height: 48px !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 12px !important;
    border-radius: 13px !important;
    border: 1px solid rgba(111, 135, 180, .28) !important;
    background:
        linear-gradient(180deg, rgba(19, 29, 51, .98), rgba(13, 23, 43, .96)) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

body.extractor-page .topbar-profile .avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background: #fff1e6 !important;
    color: #0f1b31 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

body.extractor-page .topbar-profile strong {
    max-width: 80px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

body.extractor-page .topbar-profile i {
    color: #dbe5f4 !important;
    font-size: 14px !important;
}

@media (min-width: 1100px) and (max-width: 1350px) {
    body.extractor-page .topbar {
        padding: 0 18px !important;
        gap: 12px !important;
    }

    body.extractor-page .topbar-actions {
        gap: 8px !important;
    }

    body.extractor-page .topbar-plan-pill {
        width: 230px !important;
        min-width: 230px !important;
    }

    body.extractor-page .topbar-upgrade {
        min-width: 126px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }

    body.extractor-page .topbar-profile {
        min-width: 142px !important;
    }
}

@media (max-width: 1099px) {
    body.extractor-page .topbar {
        height: auto !important;
        min-height: 68px !important;
        grid-template-columns: 1fr !important;
        padding: 12px 14px !important;
    }

    body.extractor-page .topbar-actions {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }

    body.extractor-page .topbar-plan-pill {
        width: min(100%, 270px) !important;
        min-width: 0 !important;
    }
}

/* Topbar compact sizing refinement */
body.extractor-page .topbar-actions {
    gap: 10px !important;
}

body.extractor-page .topbar-plan-pill {
    width: 220px !important;
    min-width: 220px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 7px 11px !important;
    border-radius: 12px !important;
    column-gap: 10px !important;
}

body.extractor-page .topbar-plan-pill > span:first-child {
    font-size: 11px !important;
}

body.extractor-page .topbar-plan-pill strong {
    font-size: 15px !important;
}

body.extractor-page .topbar-plan-pill::after {
    left: 11px !important;
    right: 11px !important;
    bottom: 6px !important;
    height: 4px !important;
}

body.extractor-page .topbar-upgrade {
    min-width: 124px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
}

body.extractor-page .topbar-upgrade i {
    font-size: 12px !important;
}

body.extractor-page .topbar-profile {
    min-width: 146px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 12px !important;
}

body.extractor-page .topbar-profile .avatar {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: 14px !important;
}

body.extractor-page .topbar-profile strong {
    font-size: 13px !important;
}

@media (min-width: 1100px) and (max-width: 1350px) {
    body.extractor-page .topbar-plan-pill {
        width: 196px !important;
        min-width: 196px !important;
    }

    body.extractor-page .topbar-upgrade {
        min-width: 112px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }

    body.extractor-page .topbar-profile {
        min-width: 132px !important;
    }
}

/* Email Extractor: remove top bar completely */
body.extractor-page .topbar {
    display: none !important;
}

body.extractor-page .content {
    grid-template-rows: 78px minmax(0, 1fr) clamp(220px, 25vh, 280px) !important;
    padding-top: 18px !important;
}

body.extractor-page .extractor-workspace-head {
    grid-row: 1 !important;
    padding-top: 0 !important;
}

body.extractor-page .extractor-grid {
    grid-row: 2 !important;
}

body.extractor-page .session-results-card {
    grid-row: 3 !important;
}

@media (min-width: 1100px) and (max-height: 859px) {
    body.extractor-page .content {
        grid-template-rows: 70px auto auto !important;
        padding-top: 14px !important;
    }
}

/* Final one-screen compact Email Extractor redesign */
@media (min-width: 1100px) {
    html:has(body.extractor-page),
    body.extractor-page {
        width: 100% !important;
        height: 100vh !important;
        min-height: 100vh !important;
        overflow: hidden !important;
    }

    body.extractor-page .app-shell {
        height: 100vh !important;
        min-height: 100vh !important;
        overflow: hidden !important;
    }

    body.extractor-page .topbar {
        display: none !important;
    }

    body.extractor-page .content {
        height: 100vh !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-rows: 70px minmax(0, 1fr) 190px !important;
        gap: 10px !important;
        padding: 16px 22px 10px !important;
        overflow: hidden !important;
    }

    body.extractor-page .extractor-workspace-head {
        grid-row: 1 !important;
        min-height: 0 !important;
        height: 70px !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 16px !important;
        padding: 2px 0 0 !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        margin: 0 0 5px !important;
        color: #fff !important;
        font-size: 27px !important;
        line-height: 1 !important;
        letter-spacing: -.04em !important;
    }

    body.extractor-page .extractor-workspace-head p {
        margin: 0 !important;
        color: #d8e4f7 !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    body.extractor-page .extractor-workspace-head .advanced-button {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 16px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }

    body.extractor-page .extractor-grid {
        grid-row: 2 !important;
        min-height: 0 !important;
        height: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(420px, .43fr) minmax(520px, .57fr) !important;
        grid-template-rows: minmax(0, 1fr) 56px !important;
        grid-template-areas:
            "domain live"
            "settings settings" !important;
        gap: 10px !important;
        overflow: hidden !important;
    }

    body.extractor-page .domain-card {
        grid-area: domain !important;
    }

    body.extractor-page .live-card {
        grid-area: live !important;
    }

    body.extractor-page .settings-card {
        grid-area: settings !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card,
    body.extractor-page .settings-card,
    body.extractor-page .session-results-card {
        border-radius: 15px !important;
        border: 1px solid rgba(92, 119, 169, .28) !important;
        background:
            radial-gradient(circle at top left, rgba(112, 62, 255, .09), transparent 34%),
            linear-gradient(180deg, rgba(17, 32, 57, .96), rgba(12, 24, 43, .96)) !important;
        box-shadow: 0 16px 34px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255,255,255,.035) !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        min-height: 0 !important;
        height: 100% !important;
        padding: 14px 18px !important;
        overflow: hidden !important;
    }

    body.extractor-page .extractor-step-title,
    body.extractor-page .card-heading h2 {
        margin: 0 !important;
        color: #fff !important;
        font-size: 19px !important;
        line-height: 1 !important;
        letter-spacing: -.02em !important;
    }

    body.extractor-page .extractor-step-title i,
    body.extractor-page .card-heading h2 > i {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        margin-right: 10px !important;
        border-radius: 10px !important;
        font-size: 18px !important;
    }

    body.extractor-page .domain-card .tabs,
    body.extractor-page .domain-footer > span,
    body.extractor-page .daily-usage-panel {
        display: none !important;
    }

    body.extractor-page .domain-card .domain-form {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        gap: 8px !important;
        margin-top: 10px !important;
    }

    body.extractor-page .domain-card .paste-pane {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 13px 18px 34px !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: inset 0 0 0 1px rgba(226, 232, 240, .9), 0 12px 24px rgba(0,0,0,.15) !important;
    }

    body.extractor-page #domains-input {
        min-height: 0 !important;
        height: 100% !important;
        color: #152033 !important;
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    body.extractor-page .domain-meta {
        margin: -38px 18px 0 !important;
    }

    body.extractor-page .domain-card .domain-actions {
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 8px auto 0 !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button,
    body.extractor-page .domain-card .domain-actions > .start-button,
    body.extractor-page .table-button,
    body.extractor-page .advanced-button,
    body.extractor-page .filter-control,
    body.extractor-page .result-status-filter {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        border-radius: 9px !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        padding: 0 10px !important;
    }

    body.extractor-page .domain-card .domain-actions > .start-button {
        box-shadow: 0 10px 20px rgba(255, 49, 152, .18) !important;
    }

    body.extractor-page .live-card {
        display: grid !important;
        grid-template-rows: 44px minmax(0, 1fr) 88px 38px !important;
        gap: 8px !important;
    }

    body.extractor-page .live-card .card-heading {
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 0 8px !important;
        border-bottom: 1px solid rgba(105, 129, 176, .18) !important;
    }

    body.extractor-page .live-main {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 170px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 28px !important;
        padding: 0 22px !important;
        overflow: hidden !important;
    }

    body.extractor-page .progress-ring {
        width: 148px !important;
        height: 148px !important;
        flex-basis: 148px !important;
        margin: 0 auto !important;
    }

    body.extractor-page .progress-ring span {
        font-size: 36px !important;
        line-height: 1 !important;
    }

    body.extractor-page .job-details {
        padding-left: 26px !important;
        border-left: 1px solid rgba(105, 129, 176, .18) !important;
    }

    body.extractor-page .job-details span {
        color: #aab8d0 !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .job-details strong {
        display: block !important;
        margin: 6px 0 14px !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    body.extractor-page .live-card > .wide-progress {
        display: none !important;
    }

    body.extractor-page .live-metrics {
        width: min(100%, 300px) !important;
        height: 88px !important;
        min-height: 88px !important;
        justify-self: center !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.extractor-page .live-metrics .emails-found-metric {
        width: 100% !important;
        height: 88px !important;
        min-height: 88px !important;
        display: grid !important;
        grid-template-columns: 48px 1fr auto !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 12px 18px !important;
        border-radius: 15px !important;
        border: 1px solid rgba(14, 184, 113, .6) !important;
        background:
            radial-gradient(circle at left, rgba(255, 55, 173, .2), transparent 48%),
            linear-gradient(135deg, rgba(10, 92, 58, .28), rgba(13, 32, 58, .78)) !important;
        box-shadow: 0 16px 34px rgba(0, 0, 0, .16), 0 0 24px rgba(14, 184, 113, .08) !important;
    }

    body.extractor-page .live-metrics .emails-found-metric i {
        width: 44px !important;
        height: 44px !important;
        display: inline-grid !important;
        place-items: center !important;
        border-radius: 13px !important;
        color: #fff !important;
        background: linear-gradient(135deg, #ff43b0, #8a3dff) !important;
        font-size: 19px !important;
    }

    body.extractor-page .live-metrics .emails-found-metric span {
        color: #b8c5da !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
    }

    body.extractor-page .live-metrics .emails-found-metric strong {
        color: #fff !important;
        font-size: 32px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    body.extractor-page .running-actions {
        width: min(100%, 520px) !important;
        height: 36px !important;
        min-height: 36px !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        justify-self: center !important;
        gap: 10px !important;
        margin: 0 !important;
    }

    body.extractor-page .running-actions[hidden] {
        display: grid !important;
    }

    body.extractor-page .running-actions button {
        width: 100% !important;
        height: 34px !important;
        min-height: 34px !important;
        border-radius: 9px !important;
        border: 0 !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        padding: 0 10px !important;
    }

    body.extractor-page .pause-extraction-button {
        background: linear-gradient(135deg, #f7a100, #ff7a00) !important;
    }

    body.extractor-page .resume-extraction-button {
        background: linear-gradient(135deg, #0aa34d, #087a36) !important;
    }

    body.extractor-page .running-actions .stop-extraction-button {
        background: linear-gradient(135deg, #ef233c, #c81424) !important;
    }

    body.extractor-page .running-actions button:disabled {
        opacity: .42 !important;
        filter: saturate(.62) !important;
    }

    body.extractor-page .live-events {
        display: none !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        height: 56px !important;
        min-height: 56px !important;
        display: grid !important;
        grid-template-columns: 260px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 16px !important;
        padding: 7px 14px !important;
        overflow: visible !important;
    }

    body.extractor-page .settings-card .card-heading,
    body.extractor-page .settings-card .card-heading h2 {
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
    }

    body.extractor-page .settings-card .card-heading h2 > i {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        margin-right: 10px !important;
    }

    body.extractor-page .settings-card .settings-list {
        height: 40px !important;
        min-height: 40px !important;
        display: grid !important;
        grid-template-columns: max-content max-content minmax(180px, 1fr) !important;
        align-items: center !important;
        gap: 18px !important;
    }

    body.extractor-page .settings-card .setting-row {
        height: 36px !important;
        min-height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 0 10px !important;
        border: 1px solid rgba(76, 113, 179, .45) !important;
        border-radius: 999px !important;
        background: rgba(18, 42, 78, .58) !important;
        white-space: nowrap !important;
    }

    body.extractor-page .settings-card .setting-row span:first-child {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    body.extractor-page .settings-card .setting-row span:first-child i {
        display: inline-grid !important;
        width: 18px !important;
        height: 18px !important;
        place-items: center !important;
        color: #e4dbff !important;
        font-size: 13px !important;
    }

    body.extractor-page .settings-card .setting-row strong {
        color: #fff !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    body.extractor-page .settings-card .toggle {
        width: 30px !important;
        height: 16px !important;
        min-width: 30px !important;
    }

    body.extractor-page .settings-card .toggle::after {
        width: 12px !important;
        height: 12px !important;
    }

    body.extractor-page .settings-card input:checked + .toggle::after {
        transform: translateX(14px) !important;
    }

    body.extractor-page .settings-card .enabled-badge {
        display: none !important;
    }

    body.extractor-page .settings-card .advanced-settings {
        justify-self: end !important;
        width: min(100%, 260px) !important;
        max-width: 260px !important;
    }

    body.extractor-page .settings-card .advanced-settings summary {
        height: 36px !important;
        min-height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 12px !important;
        border-radius: 9px !important;
        color: #8d5cff !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .session-results-card {
        grid-row: 3 !important;
        height: 190px !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-rows: 40px minmax(0, 1fr) !important;
        padding: 10px 16px !important;
        overflow: hidden !important;
    }

    body.extractor-page .session-results-card .section-heading {
        height: 40px !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 0 0 8px !important;
        border-bottom: 0 !important;
    }

    body.extractor-page .session-results-card .section-heading h2 {
        color: #fff !important;
        font-size: 18px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.extractor-page .session-results-card .section-heading h2 span {
        margin-left: 8px !important;
        padding: 5px 10px !important;
        border-radius: 999px !important;
        font-size: 11px !important;
    }

    body.extractor-page .results-toolbar {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        min-width: 0 !important;
    }

    body.extractor-page .filter-control {
        width: 112px !important;
        padding: 0 8px !important;
    }

    body.extractor-page .filter-control input {
        font-size: 11px !important;
    }

    body.extractor-page .result-status-filter {
        display: none !important;
    }

    body.extractor-page .table-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        white-space: nowrap !important;
    }

    body.extractor-page .session-results-card .table-wrap {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        border: 1px solid rgba(76, 101, 151, .22) !important;
        border-radius: 10px !important;
        background: rgba(6, 17, 34, .55) !important;
    }

    body.extractor-page .session-results-card table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    body.extractor-page .session-results-card th {
        height: 28px !important;
        padding: 4px 10px !important;
        color: #d6e0ef !important;
        background: rgba(16, 31, 52, .86) !important;
        font-size: 11px !important;
    }

    body.extractor-page .session-results-card td {
        height: 24px !important;
        padding: 3px 10px !important;
        color: #e6edf8 !important;
        font-size: 11px !important;
        border-top: 1px solid rgba(62, 85, 129, .16) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.extractor-page .session-results-card tbody tr:nth-child(even) td {
        background: rgba(255, 255, 255, .012) !important;
    }

    body.extractor-page .session-results-card .empty-state {
        height: 88px !important;
        padding: 14px !important;
        color: #aebbd1 !important;
    }

    body.extractor-page .results-footer {
        display: none !important;
    }
}

@media (min-width: 1100px) and (max-height: 820px) {
    body.extractor-page .content {
        grid-template-rows: 58px minmax(0, 1fr) 162px !important;
        gap: 8px !important;
        padding: 10px 18px 8px !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 58px !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        font-size: 24px !important;
        margin-bottom: 3px !important;
    }

    body.extractor-page .extractor-workspace-head p {
        font-size: 13px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 50px !important;
        gap: 8px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        padding: 10px 14px !important;
    }

    body.extractor-page .extractor-step-title,
    body.extractor-page .card-heading h2 {
        font-size: 17px !important;
    }

    body.extractor-page .extractor-step-title i,
    body.extractor-page .card-heading h2 > i {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        font-size: 15px !important;
    }

    body.extractor-page .domain-card .paste-pane {
        padding: 10px 14px 30px !important;
    }

    body.extractor-page .domain-card .paste-pane label {
        margin-bottom: 7px !important;
        font-size: 12px !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button,
    body.extractor-page .domain-card .domain-actions > .start-button,
    body.extractor-page .table-button,
    body.extractor-page .advanced-button,
    body.extractor-page .filter-control {
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        font-size: 10px !important;
        border-radius: 8px !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 36px minmax(0, 1fr) 70px 32px !important;
        gap: 6px !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 130px minmax(0, 1fr) !important;
        gap: 16px !important;
        padding: 0 12px !important;
    }

    body.extractor-page .progress-ring {
        width: 116px !important;
        height: 116px !important;
        flex-basis: 116px !important;
    }

    body.extractor-page .progress-ring span {
        font-size: 30px !important;
    }

    body.extractor-page .live-metrics,
    body.extractor-page .live-metrics .emails-found-metric {
        height: 70px !important;
        min-height: 70px !important;
    }

    body.extractor-page .live-metrics .emails-found-metric {
        grid-template-columns: 38px 1fr auto !important;
        padding: 9px 14px !important;
    }

    body.extractor-page .live-metrics .emails-found-metric i {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
    }

    body.extractor-page .live-metrics .emails-found-metric strong {
        font-size: 26px !important;
    }

    body.extractor-page .running-actions,
    body.extractor-page .running-actions button {
        height: 30px !important;
        min-height: 30px !important;
        font-size: 10px !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        height: 50px !important;
        min-height: 50px !important;
        grid-template-columns: 230px minmax(0, 1fr) !important;
        padding: 5px 12px !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 32px !important;
        min-height: 32px !important;
        font-size: 10px !important;
    }

    body.extractor-page .session-results-card {
        height: 162px !important;
        grid-template-rows: 34px minmax(0, 1fr) !important;
        padding: 7px 12px !important;
    }

    body.extractor-page .session-results-card .section-heading {
        height: 34px !important;
        min-height: 34px !important;
        padding-bottom: 6px !important;
    }

    body.extractor-page .session-results-card .section-heading h2 {
        font-size: 15px !important;
    }

    body.extractor-page .session-results-card th {
        height: 24px !important;
        font-size: 10px !important;
    }

    body.extractor-page .session-results-card td {
        height: 21px !important;
        font-size: 10px !important;
    }
}

/* Exact-reference neon SaaS Email Extractor redesign */
@media (min-width: 1100px) {
    :root {
        --neo-bg: #07111f;
        --neo-card: rgba(20, 31, 57, .74);
        --neo-stroke: rgba(126, 154, 220, .24);
        --neo-text: #f8fbff;
        --neo-muted: #9eacc5;
        --neo-pink: #ff3aa8;
        --neo-purple: #8b47ff;
        --neo-cyan: #56d9ff;
        --neo-green: #2be298;
    }

    html:has(body.extractor-page),
    body.extractor-page {
        height: 100vh !important;
        overflow: hidden !important;
        background:
            radial-gradient(circle at 7% 36%, rgba(54, 219, 255, .27), transparent 12%),
            radial-gradient(circle at 88% 8%, rgba(255, 46, 162, .23), transparent 18%),
            radial-gradient(circle at 60% 108%, rgba(101, 68, 255, .28), transparent 28%),
            linear-gradient(135deg, #050b17 0%, #0b1729 45%, #160c27 100%) !important;
    }

    body.extractor-page .app-shell {
        grid-template-columns: 178px minmax(0, 1fr) !important;
        height: 100vh !important;
        overflow: hidden !important;
        background: transparent !important;
    }

    body.extractor-page .sidebar {
        width: 178px !important;
        min-width: 178px !important;
        max-width: 178px !important;
        padding: 18px 10px 12px !important;
        gap: 12px !important;
        background:
            radial-gradient(circle at 44% 36%, rgba(44, 202, 255, .28), transparent 17%),
            radial-gradient(circle at 42% 72%, rgba(255, 55, 160, .15), transparent 22%),
            linear-gradient(180deg, rgba(8, 17, 32, .92), rgba(5, 13, 26, .95)) !important;
        border-right: 1px solid rgba(94, 132, 205, .28) !important;
        overflow: hidden !important;
    }

    body.extractor-page .sidebar-brand {
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 2px 16px !important;
        gap: 7px !important;
        padding: 0 !important;
    }

    body.extractor-page .brand-mark {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        border-radius: 7px !important;
        font-size: 0 !important;
        background:
            linear-gradient(135deg, rgba(86, 217, 255, .92), rgba(255, 58, 168, .92)) !important;
        box-shadow: 0 0 18px rgba(86, 217, 255, .25), 0 0 22px rgba(255, 58, 168, .2) !important;
        position: relative !important;
    }

    body.extractor-page .brand-mark::before {
        content: "\f32f";
        font-family: "bootstrap-icons";
        font-size: 18px;
        color: #fff;
    }

    body.extractor-page .sidebar-brand > span:last-child::before,
    body.extractor-page .sidebar-brand > span:last-child::after {
        font-size: 18px !important;
        letter-spacing: -.04em !important;
    }

    body.extractor-page .sidebar-brand::after {
        left: 42px !important;
        top: 26px !important;
        font-size: 9px !important;
        color: rgba(203, 215, 235, .65) !important;
    }

    body.extractor-page .sidebar-nav {
        gap: 10px !important;
    }

    body.extractor-page .nav-link {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 13px !important;
        gap: 10px !important;
        border-radius: 8px !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        box-shadow: none !important;
        color: rgba(234, 241, 255, .86) !important;
    }

    body.extractor-page .nav-link i {
        width: 16px !important;
        min-width: 16px !important;
        height: 16px !important;
        font-size: 15px !important;
        color: #c9d6ee !important;
    }

    body.extractor-page .nav-link span {
        font-size: 11px !important;
        font-weight: 800 !important;
    }

    body.extractor-page .nav-link.active {
        border-color: rgba(255, 58, 168, .85) !important;
        background: linear-gradient(90deg, rgba(42, 85, 138, .34), rgba(255, 58, 168, .18)) !important;
        box-shadow:
            0 0 16px rgba(255, 58, 168, .35),
            inset 0 0 18px rgba(86, 217, 255, .09) !important;
    }

    body.extractor-page .nav-link[href*="settings"],
    body.extractor-page .plan-card {
        display: none !important;
    }

    body.extractor-page .sidebar-spacer {
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }

    body.extractor-page .user-profile {
        height: 48px !important;
        min-height: 48px !important;
        flex-basis: 48px !important;
        grid-template-columns: 28px minmax(0, 1fr) 14px !important;
        gap: 7px !important;
        padding: 6px 8px !important;
        border-radius: 10px !important;
        background: rgba(16, 28, 52, .76) !important;
        border: 1px solid rgba(96, 130, 202, .25) !important;
    }

    body.extractor-page .user-profile .avatar {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        font-size: 12px !important;
    }

    body.extractor-page .profile-copy strong {
        font-size: 11px !important;
    }

    body.extractor-page .profile-copy small {
        font-size: 8px !important;
    }

    body.extractor-page .logout-button {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        border: 0 !important;
        background: transparent !important;
        color: #d9e4f7 !important;
    }

    body.extractor-page .content {
        height: 100vh !important;
        grid-template-rows: 58px minmax(0, 1fr) 238px !important;
        gap: 10px !important;
        padding: 16px 14px 10px 20px !important;
        overflow: hidden !important;
        background:
            radial-gradient(circle at 46% 35%, rgba(68, 205, 255, .14), transparent 20%),
            radial-gradient(circle at 88% 14%, rgba(255, 58, 168, .18), transparent 24%) !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 58px !important;
        min-height: 58px !important;
        align-items: flex-start !important;
        padding: 0 !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        font-size: 22px !important;
        margin: 0 0 5px !important;
        color: #fff !important;
    }

    body.extractor-page .extractor-workspace-head p {
        font-size: 11px !important;
        color: rgba(220, 230, 247, .8) !important;
    }

    body.extractor-page .extractor-head-actions {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    body.extractor-page .tier-pill,
    body.extractor-page .extractor-workspace-head .advanced-button {
        height: 30px !important;
        min-height: 30px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 0 14px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(180, 152, 255, .28) !important;
        background: rgba(20, 24, 43, .66) !important;
        color: #fff !important;
        box-shadow: 0 0 20px rgba(255, 58, 168, .12), inset 0 1px 0 rgba(255,255,255,.08) !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    body.extractor-page .tier-pill i {
        color: #6fe8ff !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-columns: minmax(360px, .46fr) minmax(420px, .54fr) !important;
        grid-template-rows: minmax(0, 1fr) 58px !important;
        gap: 10px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card,
    body.extractor-page .settings-card,
    body.extractor-page .session-results-card {
        border-radius: 10px !important;
        border: 1px solid rgba(122, 148, 214, .27) !important;
        background:
            linear-gradient(135deg, rgba(24, 38, 68, .76), rgba(31, 29, 58, .58)),
            rgba(11, 18, 35, .72) !important;
        box-shadow:
            0 0 0 1px rgba(255,255,255,.02),
            0 16px 38px rgba(0,0,0,.26),
            0 0 28px rgba(86, 217, 255, .08),
            inset 0 1px 0 rgba(255,255,255,.06) !important;
        backdrop-filter: blur(18px) !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        padding: 14px !important;
    }

    body.extractor-page .extractor-step-title,
    body.extractor-page .card-heading h2 {
        font-size: 15px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .extractor-step-title i,
    body.extractor-page .card-heading h2 > i,
    body.extractor-page .settings-card .card-heading h2 > i {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        border-radius: 8px !important;
        margin-right: 10px !important;
        font-size: 15px !important;
        background: linear-gradient(135deg, #7b3fff, #a642ff) !important;
        box-shadow: 0 0 18px rgba(139, 71, 255, .38) !important;
    }

    body.extractor-page .domain-card .domain-form {
        margin-top: 9px !important;
    }

    body.extractor-page .domain-card .paste-pane {
        padding: 10px 12px 28px !important;
        border-radius: 7px !important;
        border: 1px solid rgba(107, 140, 207, .28) !important;
        background:
            radial-gradient(circle at 12% 18%, rgba(43, 223, 205, .25), transparent 18%),
            linear-gradient(180deg, rgba(33, 47, 80, .78), rgba(36, 48, 82, .62)) !important;
        box-shadow: inset 0 0 24px rgba(86, 217, 255, .06) !important;
    }

    body.extractor-page .domain-card .paste-pane label {
        color: rgba(211, 223, 242, .7) !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        margin-bottom: 7px !important;
    }

    body.extractor-page #domains-input {
        color: #eff7ff !important;
        font-size: 11px !important;
        line-height: 1.55 !important;
        text-shadow: 0 0 10px rgba(86, 217, 255, .15) !important;
    }

    body.extractor-page #domains-input::placeholder {
        color: #eef7ff !important;
    }

    body.extractor-page .domain-meta {
        margin: -24px 12px 0 !important;
    }

    body.extractor-page .domain-meta strong,
    body.extractor-page .domain-meta span {
        color: #f4f8ff !important;
        font-size: 9px !important;
        font-weight: 600 !important;
    }

    body.extractor-page .domain-card .domain-actions {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 8px !important;
        gap: 8px !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button,
    body.extractor-page .domain-card .domain-actions > .start-button,
    body.extractor-page .running-actions button,
    body.extractor-page .table-button,
    body.extractor-page .filter-control,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
        border-radius: 6px !important;
        font-size: 9px !important;
        padding: 0 10px !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button {
        background: rgba(22, 33, 58, .72) !important;
        border: 1px solid rgba(134, 160, 224, .22) !important;
        color: #fff !important;
    }

    body.extractor-page .domain-card .domain-actions > .start-button {
        background: linear-gradient(90deg, #ff3a9e, #8e34ff) !important;
        box-shadow: 0 0 18px rgba(255, 58, 168, .25) !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 34px minmax(0, 1fr) 30px !important;
        gap: 8px !important;
    }

    body.extractor-page .live-card .card-heading {
        height: 34px !important;
        min-height: 34px !important;
        padding-bottom: 8px !important;
    }

    body.extractor-page .status-badge {
        height: 27px !important;
        padding: 0 13px !important;
        border-radius: 999px !important;
        background: rgba(38, 136, 104, .36) !important;
        color: #7df0b0 !important;
        font-size: 10px !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 140px minmax(0, 1fr) !important;
        gap: 20px !important;
        padding: 0 10px !important;
    }

    body.extractor-page .progress-ring {
        width: 132px !important;
        height: 132px !important;
        flex-basis: 132px !important;
        background:
            radial-gradient(circle at center, #101933 0 45%, transparent 46%),
            conic-gradient(from 220deg, #54e6ff, #ff3aa8, #8b47ff, #54e6ff) !important;
        box-shadow:
            0 0 28px rgba(86, 217, 255, .26),
            0 0 24px rgba(255, 58, 168, .2),
            inset 0 0 24px rgba(255,255,255,.08) !important;
        position: relative !important;
    }

    body.extractor-page .progress-ring::before {
        content: "";
        position: absolute;
        inset: 10px;
        border-radius: 50%;
        border: 1px dashed rgba(255,255,255,.28);
        animation: none;
    }

    body.extractor-page .progress-ring span {
        position: relative;
        z-index: 1;
        color: #fff !important;
        font-size: 26px !important;
    }

    body.extractor-page .progress-ring small {
        position: relative;
        z-index: 1;
        color: rgba(226, 236, 255, .8) !important;
        font-size: 10px !important;
    }

    body.extractor-page .job-details {
        align-self: center !important;
        max-height: 154px !important;
        overflow: hidden !important;
        padding: 0 !important;
        border: 1px solid rgba(126, 154, 220, .18) !important;
        border-radius: 8px !important;
        background:
            radial-gradient(circle at 46% 42%, rgba(86, 217, 255, .25), transparent 18%),
            linear-gradient(180deg, rgba(30, 42, 73, .66), rgba(24, 31, 58, .66)) !important;
    }

    body.extractor-page .job-details span,
    body.extractor-page .job-details p,
    body.extractor-page .job-details strong {
        margin: 0 !important;
    }

    body.extractor-page .job-details span {
        display: grid !important;
        grid-template-columns: 16px 1fr !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 7px 12px 0 !important;
        color: rgba(225, 235, 251, .78) !important;
        font-size: 10px !important;
        font-weight: 700 !important;
    }

    body.extractor-page .job-details p,
    body.extractor-page .job-details > strong {
        display: block !important;
        padding: 2px 12px 7px 34px !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        border-bottom: 1px solid rgba(126, 154, 220, .14) !important;
    }

    body.extractor-page .job-details > p:last-child {
        border-bottom: 0 !important;
    }

    body.extractor-page .running-actions {
        width: 100% !important;
        height: 30px !important;
        gap: 10px !important;
    }

    body.extractor-page .pause-extraction-button {
        background: rgba(76, 77, 105, .58) !important;
    }

    body.extractor-page .resume-extraction-button {
        background: rgba(28, 136, 111, .5) !important;
    }

    body.extractor-page .running-actions .stop-extraction-button {
        background: rgba(132, 38, 67, .65) !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        height: 58px !important;
        min-height: 58px !important;
        grid-template-columns: 210px minmax(0, 1fr) !important;
        padding: 10px 12px !important;
        gap: 18px !important;
    }

    body.extractor-page .settings-card .card-heading h2 {
        font-size: 14px !important;
    }

    body.extractor-page .settings-card .settings-list {
        grid-template-columns: max-content max-content minmax(170px, 1fr) !important;
        gap: 26px !important;
    }

    body.extractor-page .settings-card .setting-row {
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        gap: 10px !important;
    }

    body.extractor-page .settings-card .setting-row strong {
        font-size: 10px !important;
        font-weight: 600 !important;
    }

    body.extractor-page .settings-card .setting-row span:first-child i {
        display: none !important;
    }

    body.extractor-page .settings-card .toggle {
        width: 34px !important;
        height: 18px !important;
        min-width: 34px !important;
        background: linear-gradient(90deg, #2f63e6, #5ee7ff) !important;
        box-shadow: 0 0 12px rgba(86, 217, 255, .28) !important;
    }

    body.extractor-page .settings-card .phone-setting-row .toggle {
        background: linear-gradient(90deg, #ff3a9e, #ff68c0) !important;
        box-shadow: 0 0 12px rgba(255, 58, 168, .28) !important;
    }

    body.extractor-page .settings-card input:checked + .toggle::after {
        transform: translateX(16px) !important;
    }

    body.extractor-page .settings-card .advanced-settings {
        max-width: 168px !important;
    }

    body.extractor-page .settings-card .advanced-settings summary {
        background: rgba(20, 28, 50, .68) !important;
        border: 1px solid rgba(126, 154, 220, .2) !important;
        color: #fff !important;
        font-size: 10px !important;
    }

    body.extractor-page .session-results-card {
        height: 238px !important;
        grid-template-rows: 42px minmax(0, 1fr) !important;
        padding: 12px !important;
    }

    body.extractor-page .session-results-card .section-heading {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 0 10px !important;
    }

    body.extractor-page .session-results-card .section-heading h2 {
        font-size: 13px !important;
    }

    body.extractor-page .session-results-card .section-heading h2 span {
        font-size: 9px !important;
        background: rgba(255,255,255,.08) !important;
        color: #cfd9eb !important;
    }

    body.extractor-page .results-toolbar {
        gap: 8px !important;
    }

    body.extractor-page .filter-control {
        width: 78px !important;
    }

    body.extractor-page .table-button {
        min-width: 82px !important;
        color: #fff !important;
    }

    body.extractor-page .clear-results-button {
        min-width: 74px !important;
    }

    body.extractor-page .session-results-card .table-wrap {
        border-radius: 8px !important;
        border: 1px solid rgba(126, 154, 220, .2) !important;
        background:
            linear-gradient(90deg, rgba(14, 31, 54, .9), rgba(45, 24, 55, .78)) !important;
    }

    body.extractor-page .session-results-card th {
        height: 28px !important;
        font-size: 9px !important;
        background: rgba(10, 18, 34, .62) !important;
    }

    body.extractor-page .session-results-card td {
        height: 26px !important;
        font-size: 10px !important;
        background: rgba(255,255,255,.025) !important;
    }

    body.extractor-page .session-results-card tbody tr:nth-child(even) td {
        background: rgba(255,255,255,.055) !important;
    }

    body.extractor-page .session-results-card .status-pill.valid,
    body.extractor-page .session-results-card .badge-valid {
        background: rgba(43, 226, 152, .14) !important;
        color: #78f0b3 !important;
    }
}

@media (min-width: 1100px) and (max-height: 760px) {
    body.extractor-page .content {
        grid-template-rows: 50px minmax(0, 1fr) 205px !important;
        padding-top: 10px !important;
        gap: 8px !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 50px !important;
        min-height: 50px !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        font-size: 19px !important;
    }

    body.extractor-page .extractor-workspace-head p {
        font-size: 10px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 50px !important;
        gap: 8px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        padding: 10px !important;
    }

    body.extractor-page .progress-ring {
        width: 112px !important;
        height: 112px !important;
        flex-basis: 112px !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 118px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 0 6px !important;
    }

    body.extractor-page .session-results-card {
        height: 205px !important;
        padding: 9px 10px !important;
    }

    body.extractor-page .session-results-card td {
        height: 22px !important;
    }
}

/* Requested refinements: white paste field, aligned settings, polished help item */
@media (min-width: 1100px) {
    body.extractor-page .domain-card .paste-pane {
        background:
            radial-gradient(circle at 12% 18%, rgba(43, 223, 205, .25), transparent 18%),
            linear-gradient(180deg, rgba(33, 47, 80, .78), rgba(36, 48, 82, .62)) !important;
        border: 1px solid rgba(107, 140, 207, .28) !important;
        box-shadow: inset 0 0 24px rgba(86, 217, 255, .06) !important;
    }

    body.extractor-page .domain-card .paste-pane label {
        color: rgba(211, 223, 242, .7) !important;
        font-size: 10px !important;
        font-weight: 600 !important;
    }

    body.extractor-page .domain-card .paste-pane label span {
        color: rgba(211, 223, 242, .58) !important;
    }

    body.extractor-page #domains-input {
        color: #eff7ff !important;
        text-shadow: 0 0 10px rgba(86, 217, 255, .15) !important;
    }

    body.extractor-page #domains-input::placeholder {
        color: #eef7ff !important;
        opacity: 1 !important;
    }

    body.extractor-page .domain-meta strong,
    body.extractor-page .domain-meta span {
        color: #f4f8ff !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        height: 58px !important;
        min-height: 58px !important;
        display: grid !important;
        grid-template-columns: 300px minmax(0, 1fr) 260px !important;
        align-items: center !important;
        gap: 22px !important;
        padding: 9px 18px !important;
        overflow: visible !important;
    }

    body.extractor-page .settings-card .card-heading,
    body.extractor-page .settings-card .card-heading h2 {
        height: 40px !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.extractor-page .settings-card .settings-list {
        width: 100% !important;
        height: 40px !important;
        min-height: 40px !important;
        display: grid !important;
        grid-column: 2 / 4 !important;
        grid-template-columns: minmax(180px, max-content) minmax(230px, max-content) minmax(220px, 1fr) !important;
        align-items: center !important;
        gap: clamp(18px, 3vw, 42px) !important;
    }

    body.extractor-page .settings-card .setting-row {
        height: 34px !important;
        min-height: 34px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 12px !important;
        margin: 0 !important;
        border-radius: 999px !important;
        border: 1px solid rgba(76, 113, 179, .45) !important;
        background: rgba(18, 42, 78, .58) !important;
        white-space: nowrap !important;
    }

    body.extractor-page .settings-card .setting-row:first-child {
        justify-self: start !important;
    }

    body.extractor-page .settings-card .phone-setting-row {
        justify-self: start !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child i {
        display: inline-grid !important;
        width: 16px !important;
        height: 16px !important;
        place-items: center !important;
        color: #d8cfff !important;
        font-size: 12px !important;
    }

    body.extractor-page .settings-card .setting-row strong {
        font-size: 11px !important;
        font-weight: 900 !important;
        color: #fff !important;
    }

    body.extractor-page .settings-card .toggle {
        width: 34px !important;
        min-width: 34px !important;
        height: 18px !important;
        margin: 0 !important;
    }

    body.extractor-page .settings-card .advanced-settings {
        width: 220px !important;
        max-width: 220px !important;
        justify-self: end !important;
        align-self: center !important;
    }

    body.extractor-page .settings-card .advanced-settings summary {
        width: 100% !important;
        height: 36px !important;
        min-height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 12px !important;
        border-radius: 9px !important;
        border: 1px solid rgba(126, 154, 220, .28) !important;
        background: rgba(20, 28, 50, .72) !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .sidebar a.nav-link[href^="mailto:"] {
        margin-top: 22px !important;
        height: 46px !important;
        min-height: 46px !important;
        border: 1px solid rgba(86, 217, 255, .26) !important;
        background:
            radial-gradient(circle at left, rgba(86, 217, 255, .18), transparent 42%),
            linear-gradient(90deg, rgba(20, 40, 70, .55), rgba(12, 24, 43, .24)) !important;
        box-shadow: 0 0 18px rgba(86, 217, 255, .12), inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    body.extractor-page .sidebar a.nav-link[href^="mailto:"]:hover {
        transform: translateY(-1px) !important;
        border-color: rgba(255, 58, 168, .58) !important;
        background:
            radial-gradient(circle at left, rgba(255, 58, 168, .22), transparent 44%),
            linear-gradient(90deg, rgba(38, 57, 92, .62), rgba(22, 31, 58, .42)) !important;
        box-shadow: 0 0 22px rgba(255, 58, 168, .18), inset 0 1px 0 rgba(255,255,255,.06) !important;
    }
}

/* Latest uploaded reference: exact layout pass */
@media (min-width: 1100px) {
    html:has(body.extractor-page),
    body.extractor-page {
        height: 100vh !important;
        overflow: hidden !important;
        background:
            radial-gradient(circle at 68% 88%, rgba(31, 108, 207, .18), transparent 22%),
            radial-gradient(circle at 88% 42%, rgba(255, 44, 157, .08), transparent 24%),
            linear-gradient(135deg, #06101f 0%, #071425 48%, #061120 100%) !important;
    }

    body.extractor-page .app-shell {
        grid-template-columns: 256px minmax(0, 1fr) !important;
        height: 100vh !important;
        overflow: hidden !important;
    }

    body.extractor-page .sidebar {
        width: 256px !important;
        min-width: 256px !important;
        max-width: 256px !important;
        padding: 30px 18px 22px !important;
        gap: 20px !important;
        background:
            radial-gradient(circle at 50% 0%, rgba(61, 114, 207, .12), transparent 32%),
            linear-gradient(180deg, rgba(6, 17, 32, .96), rgba(4, 13, 25, .98)) !important;
        border-right: 1px solid rgba(102, 133, 190, .22) !important;
    }

    body.extractor-page .sidebar-brand {
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 0 26px !important;
        gap: 14px !important;
    }

    body.extractor-page .brand-mark {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        border-radius: 10px !important;
        background: linear-gradient(135deg, #ff37a2, #8d35ff) !important;
        box-shadow: 0 0 24px rgba(143, 53, 255, .32) !important;
    }

    body.extractor-page .brand-mark::before {
        content: "\f32f";
        font-family: "bootstrap-icons";
        font-size: 25px;
        color: #fff;
    }

    body.extractor-page .sidebar-brand > span:last-child::before,
    body.extractor-page .sidebar-brand > span:last-child::after {
        font-size: 24px !important;
    }

    body.extractor-page .sidebar-brand::after {
        left: 58px !important;
        top: 34px !important;
        font-size: 11px !important;
        color: #aebad0 !important;
    }

    body.extractor-page .sidebar-nav {
        gap: 14px !important;
    }

    body.extractor-page .nav-link {
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        padding: 0 20px !important;
        gap: 16px !important;
        border-radius: 9px !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        color: #e7eefc !important;
    }

    body.extractor-page .nav-link i {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        color: #d8e4ff !important;
        font-size: 20px !important;
    }

    body.extractor-page .nav-link span {
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .nav-link.active {
        border-color: rgba(255, 62, 173, .68) !important;
        background: linear-gradient(135deg, #ff3a9c, #8e34ff) !important;
        box-shadow: 0 16px 36px rgba(160, 55, 255, .24), 0 0 26px rgba(255, 58, 168, .18) !important;
    }

    body.extractor-page .nav-link[href*="settings"] {
        display: none !important;
    }

    body.extractor-page .plan-card {
        display: flex !important;
        margin-top: auto !important;
        padding: 20px !important;
        gap: 18px !important;
        border-radius: 10px !important;
        background: rgba(13, 27, 50, .86) !important;
        border: 1px solid rgba(96, 130, 202, .25) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    body.extractor-page .plan-title {
        display: flex !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }

    body.extractor-page .plan-title::after,
    body.extractor-page .sidebar-plan-meta,
    body.extractor-page .sidebar-usage-ring {
        display: none !important;
    }

    body.extractor-page .plan-title i {
        display: inline-grid !important;
        width: 22px !important;
        height: 22px !important;
        place-items: center !important;
        color: #70dbff !important;
        font-size: 18px !important;
    }

    body.extractor-page .plan-title strong {
        font-size: 14px !important;
        color: #fff !important;
    }

    body.extractor-page .plan-title span {
        font-size: 10px !important;
        color: #9caac0 !important;
    }

    body.extractor-page .upgrade-button {
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        color: #ff3aa8 !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 12px !important;
    }

    body.extractor-page .upgrade-button::before {
        content: "\f26b";
        color: #18c67a;
    }

    body.extractor-page .user-profile {
        height: 76px !important;
        min-height: 76px !important;
        flex-basis: 76px !important;
        grid-template-columns: 42px minmax(0, 1fr) 18px !important;
        padding: 14px 16px !important;
        border-radius: 10px !important;
        background: rgba(13, 27, 50, .88) !important;
        border: 1px solid rgba(96, 130, 202, .25) !important;
    }

    body.extractor-page .user-profile .avatar {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        color: #fff !important;
        background: linear-gradient(135deg, #ff42ad, #a132ff) !important;
    }

    body.extractor-page .profile-copy strong { font-size: 14px !important; }
    body.extractor-page .profile-copy small { font-size: 10px !important; }

    body.extractor-page .logout-button {
        position: absolute !important;
        left: 18px !important;
        right: 18px !important;
        bottom: 22px !important;
        width: auto !important;
        height: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        padding: 0 18px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(96, 130, 202, .18) !important;
        background: rgba(13, 27, 50, .78) !important;
        color: #e7eefc !important;
    }

    body.extractor-page .logout-button span {
        display: inline !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .user-profile {
        margin-bottom: 84px !important;
    }

    body.extractor-page .content {
        grid-template-rows: 76px minmax(0, 1fr) 266px !important;
        gap: 14px !important;
        padding: 24px 28px 14px 28px !important;
        background: transparent !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 76px !important;
        min-height: 76px !important;
        align-items: flex-start !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        font-size: 30px !important;
        margin: 0 0 8px !important;
        color: #fff !important;
    }

    body.extractor-page .extractor-workspace-head p {
        font-size: 15px !important;
        color: #d8e4f4 !important;
    }

    body.extractor-page .extractor-head-actions {
        gap: 18px !important;
        align-items: center !important;
    }

    body.extractor-page .head-upgrade-button,
    body.extractor-page .extractor-workspace-head .advanced-button {
        height: 46px !important;
        min-height: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 24px !important;
        border-radius: 12px !important;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .head-upgrade-button {
        background: linear-gradient(135deg, rgba(255, 58, 168, .45), rgba(88, 41, 176, .55)) !important;
        border: 1px solid rgba(255, 58, 168, .55) !important;
    }

    body.extractor-page .extractor-workspace-head .advanced-button {
        background: rgba(8, 18, 34, .6) !important;
        border: 1px solid rgba(96, 130, 202, .28) !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-columns: minmax(470px, .43fr) minmax(600px, .57fr) !important;
        grid-template-rows: minmax(0, 1fr) 150px !important;
        gap: 18px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card,
    body.extractor-page .settings-card,
    body.extractor-page .session-results-card {
        border-radius: 14px !important;
        background: rgba(10, 24, 45, .76) !important;
        border: 1px solid rgba(94, 126, 188, .26) !important;
        box-shadow: 0 18px 40px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important;
        backdrop-filter: blur(18px) !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        padding: 24px !important;
    }

    body.extractor-page .extractor-step-title,
    body.extractor-page .card-heading h2 {
        font-size: 20px !important;
    }

    body.extractor-page .extractor-step-title i,
    body.extractor-page .card-heading h2 > i {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 9px !important;
    }

    body.extractor-page .domain-card .paste-pane {
        margin-top: 10px !important;
        background: #fff !important;
        border-radius: 8px !important;
        border: 1px solid #e5e7eb !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 24px rgba(0,0,0,.16) !important;
        padding: 18px 20px 36px !important;
    }

    body.extractor-page .domain-card .paste-pane label {
        display: none !important;
    }

    body.extractor-page #domains-input {
        color: #111827 !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
        text-shadow: none !important;
    }

    body.extractor-page #domains-input::placeholder {
        color: #111827 !important;
    }

    body.extractor-page .domain-meta {
        margin: -34px 20px 0 !important;
    }

    body.extractor-page .domain-meta > strong {
        visibility: hidden !important;
    }

    body.extractor-page .domain-meta span,
    body.extractor-page .domain-meta span strong {
        color: #111827 !important;
        font-size: 12px !important;
    }

    body.extractor-page .domain-card .domain-actions {
        margin-top: 16px !important;
        gap: 12px !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button,
    body.extractor-page .domain-card .domain-actions > .start-button {
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 42px minmax(0, 1fr) 44px !important;
        gap: 18px !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 190px minmax(0, 1fr) !important;
        gap: 30px !important;
        padding: 0 8px !important;
    }

    body.extractor-page .progress-ring {
        width: 160px !important;
        height: 160px !important;
        flex-basis: 160px !important;
        background:
            radial-gradient(circle at center, #071020 0 49%, transparent 50%),
            conic-gradient(from 210deg, #ff38a5, #9e3dff, #5ccfff, #ff38a5) !important;
        box-shadow: 0 0 30px rgba(132, 72, 255, .25), inset 0 0 18px rgba(255,255,255,.05) !important;
    }

    body.extractor-page .progress-ring span {
        font-size: 34px !important;
    }

    body.extractor-page .job-details {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        border: 0 !important;
        background: transparent !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body.extractor-page .job-details span {
        display: none !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 74px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 14px 18px 14px 66px !important;
        border: 1px solid rgba(96, 130, 202, .22) !important;
        border-radius: 9px !important;
        background: rgba(8, 22, 42, .6) !important;
        color: #fff !important;
        font-size: 15px !important;
        position: relative !important;
    }

    body.extractor-page .job-details > strong::before { content: "Current Job"; }
    body.extractor-page .job-details > p:nth-of-type(1)::before { content: "Started At"; }
    body.extractor-page .job-details > p:nth-of-type(2)::before { content: "Emails Found"; }
    body.extractor-page .job-details > p:nth-of-type(3)::before { content: "Phone Numbers Found"; }
    body.extractor-page .job-details > p:nth-of-type(4)::before { content: "Total Domains"; }
    body.extractor-page .job-details > p:nth-of-type(5)::before { content: "Status"; }

    body.extractor-page .job-details > strong::after,
    body.extractor-page .job-details > p::after {
        content: "\f3ed";
        font-family: "bootstrap-icons";
        position: absolute;
        left: 22px;
        top: 50%;
        transform: translateY(-50%);
        color: #bdd2f6;
        font-size: 25px;
        font-weight: 400;
    }

    body.extractor-page .job-details > p:nth-of-type(1)::after { content: "\f293"; }
    body.extractor-page .job-details > p:nth-of-type(2)::after { content: "\f32f"; }
    body.extractor-page .job-details > p:nth-of-type(3)::after { content: "\f5c1"; }
    body.extractor-page .job-details > p:nth-of-type(4)::after { content: "\f3ee"; }
    body.extractor-page .job-details > p:nth-of-type(5)::after { content: "\f431"; }

    body.extractor-page .job-details > strong::before,
    body.extractor-page .job-details > p::before {
        display: block;
        margin-bottom: 6px;
        color: #b5c4df;
        font-size: 12px;
        font-weight: 800;
    }

    body.extractor-page .job-details p strong {
        color: #fff !important;
        font-size: 15px !important;
    }

    body.extractor-page .running-actions {
        height: 44px !important;
        gap: 22px !important;
    }

    body.extractor-page .running-actions button {
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        height: 150px !important;
        min-height: 150px !important;
        display: grid !important;
        grid-template-rows: 34px minmax(0, 1fr) !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        padding: 20px !important;
    }

    body.extractor-page .settings-card .card-heading h2 {
        font-size: 20px !important;
    }

    body.extractor-page .settings-card .settings-list {
        display: grid !important;
        grid-column: auto !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
        height: 72px !important;
        min-height: 72px !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 72px !important;
        min-height: 72px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(96, 130, 202, .24) !important;
        background: rgba(8, 22, 42, .58) !important;
        padding: 0 18px !important;
    }

    body.extractor-page .settings-card .setting-row {
        justify-content: space-between !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child {
        display: grid !important;
        grid-template-columns: 42px 1fr !important;
        gap: 12px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child i {
        display: inline-grid !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 8px !important;
        background: rgba(16, 45, 82, .86) !important;
        color: #15a8ff !important;
        font-size: 22px !important;
    }

    body.extractor-page .settings-card .setting-row strong {
        font-size: 13px !important;
    }

    body.extractor-page .settings-card .setting-row strong::after {
        content: "Extract data from domains";
        display: block;
        margin-top: 7px;
        color: #b5c4df;
        font-size: 11px;
        font-weight: 500;
    }

    body.extractor-page .settings-card .phone-setting-row strong::after {
        content: "Extract phone numbers from domains";
    }

    body.extractor-page .settings-card .advanced-settings {
        width: 100% !important;
        max-width: none !important;
    }

    body.extractor-page .settings-card .advanced-settings summary {
        width: 100% !important;
        color: #fff !important;
        font-size: 13px !important;
    }

    body.extractor-page .session-results-card {
        height: 266px !important;
        grid-template-rows: 44px minmax(0, 1fr) !important;
        padding: 18px !important;
    }

    body.extractor-page .session-results-card .section-heading h2 {
        font-size: 19px !important;
    }

    body.extractor-page .table-button,
    body.extractor-page .filter-control {
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
    }
}

@media (min-width: 1100px) and (max-height: 820px) {
    body.extractor-page .content {
        grid-template-rows: 58px minmax(0, 1fr) 220px !important;
        gap: 10px !important;
        padding: 16px 22px 10px !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 58px !important;
        min-height: 58px !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        font-size: 25px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 118px !important;
        gap: 10px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        padding: 16px !important;
    }

    body.extractor-page .progress-ring {
        width: 128px !important;
        height: 128px !important;
        flex-basis: 128px !important;
    }

    body.extractor-page .job-details {
        gap: 8px !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 54px !important;
        padding: 9px 12px 9px 48px !important;
        font-size: 12px !important;
    }

    body.extractor-page .job-details > strong::after,
    body.extractor-page .job-details > p::after {
        left: 16px;
        font-size: 18px;
    }

    body.extractor-page .job-details > strong::before,
    body.extractor-page .job-details > p::before {
        margin-bottom: 3px;
        font-size: 10px;
    }

    body.extractor-page .running-actions,
    body.extractor-page .running-actions button {
        height: 34px !important;
        min-height: 34px !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        height: 118px !important;
        min-height: 118px !important;
        padding: 12px 16px !important;
        gap: 8px !important;
    }

    body.extractor-page .settings-card .settings-list {
        height: 58px !important;
        min-height: 58px !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 58px !important;
        min-height: 58px !important;
    }

    body.extractor-page .session-results-card {
        height: 220px !important;
        padding: 12px 16px !important;
    }
}

/* Screenshot cleanup pass: prevent clipping/overlap on 1366x768 style screens */
@media (min-width: 1100px) {
    body.extractor-page .sidebar {
        padding-bottom: 16px !important;
    }

    body.extractor-page .user-profile {
        position: static !important;
        height: 58px !important;
        min-height: 58px !important;
        flex-basis: 58px !important;
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) 34px !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 9px 10px !important;
        overflow: hidden !important;
    }

    body.extractor-page .user-profile .avatar {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    body.extractor-page .profile-copy {
        min-width: 0 !important;
    }

    body.extractor-page .profile-copy strong {
        font-size: 13px !important;
        line-height: 1.1 !important;
    }

    body.extractor-page .profile-copy small {
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    body.extractor-page .logout-button {
        position: static !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        display: inline-grid !important;
        place-items: center !important;
        padding: 0 !important;
        border-radius: 9px !important;
        border: 1px solid rgba(96, 130, 202, .28) !important;
        background: rgba(18, 38, 70, .72) !important;
        color: #e7eefc !important;
    }

    body.extractor-page .logout-button span {
        display: none !important;
    }

    body.extractor-page .content {
        grid-template-rows: 70px minmax(0, 1fr) 276px !important;
        gap: 14px !important;
        padding: 18px 28px 12px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-columns: minmax(420px, .43fr) minmax(560px, .57fr) !important;
        grid-template-rows: minmax(0, 1fr) 112px !important;
        gap: 14px !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 38px minmax(0, 1fr) 38px !important;
        gap: 10px !important;
        overflow: hidden !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 178px minmax(0, 1fr) !important;
        gap: 22px !important;
        align-items: center !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.extractor-page .progress-ring {
        width: 142px !important;
        height: 142px !important;
        flex-basis: 142px !important;
    }

    body.extractor-page .job-details {
        height: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: minmax(0, 1fr) !important;
        gap: 8px !important;
        overflow: hidden !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 0 !important;
        height: auto !important;
        padding: 9px 12px 9px 46px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
        overflow: hidden !important;
    }

    body.extractor-page .job-details > strong::before,
    body.extractor-page .job-details > p::before {
        margin-bottom: 4px !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }

    body.extractor-page .job-details > strong::after,
    body.extractor-page .job-details > p::after {
        left: 15px !important;
        font-size: 18px !important;
    }

    body.extractor-page .job-details p strong {
        font-size: 12px !important;
    }

    body.extractor-page .running-actions {
        height: 38px !important;
        min-height: 38px !important;
        gap: 14px !important;
    }

    body.extractor-page .running-actions button {
        height: 38px !important;
        min-height: 38px !important;
        font-size: 12px !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        height: 112px !important;
        min-height: 112px !important;
        display: grid !important;
        grid-template-rows: 30px minmax(0, 1fr) !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 14px 18px !important;
        overflow: hidden !important;
    }

    body.extractor-page .settings-card .card-heading,
    body.extractor-page .settings-card .card-heading h2 {
        height: 30px !important;
        min-height: 30px !important;
    }

    body.extractor-page .settings-card .card-heading h2 {
        font-size: 19px !important;
    }

    body.extractor-page .settings-card .card-heading h2 > i {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
    }

    body.extractor-page .settings-card .settings-list {
        height: 54px !important;
        min-height: 54px !important;
        display: grid !important;
        grid-column: auto !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        align-items: stretch !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 14px !important;
        border-radius: 9px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child {
        grid-template-columns: 34px minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child i {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        font-size: 17px !important;
    }

    body.extractor-page .settings-card .setting-row strong {
        font-size: 12px !important;
        line-height: 1.1 !important;
    }

    body.extractor-page .settings-card .setting-row strong::after {
        margin-top: 4px !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    body.extractor-page .settings-card .advanced-settings {
        width: 100% !important;
        max-width: none !important;
    }

    body.extractor-page .settings-card .advanced-settings summary {
        font-size: 12px !important;
    }

    body.extractor-page .session-results-card {
        height: 276px !important;
        grid-template-rows: 44px minmax(0, 1fr) !important;
        overflow: hidden !important;
    }
}

@media (min-width: 1100px) and (max-height: 790px) {
    body.extractor-page .content {
        grid-template-rows: 58px minmax(0, 1fr) 214px !important;
        gap: 10px !important;
        padding: 14px 22px 10px !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 58px !important;
        min-height: 58px !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        font-size: 25px !important;
        margin-bottom: 4px !important;
    }

    body.extractor-page .extractor-workspace-head p {
        font-size: 13px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 96px !important;
        gap: 10px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        padding: 14px !important;
    }

    body.extractor-page .progress-ring {
        width: 116px !important;
        height: 116px !important;
        flex-basis: 116px !important;
    }

    body.extractor-page .progress-ring span {
        font-size: 28px !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 132px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 0 !important;
    }

    body.extractor-page .job-details {
        gap: 6px !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        padding: 7px 9px 7px 38px !important;
        font-size: 11px !important;
    }

    body.extractor-page .job-details > strong::before,
    body.extractor-page .job-details > p::before {
        font-size: 9px !important;
        margin-bottom: 3px !important;
    }

    body.extractor-page .job-details > strong::after,
    body.extractor-page .job-details > p::after {
        left: 12px !important;
        font-size: 15px !important;
    }

    body.extractor-page .running-actions,
    body.extractor-page .running-actions button {
        height: 32px !important;
        min-height: 32px !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        height: 96px !important;
        min-height: 96px !important;
        grid-template-rows: 26px minmax(0, 1fr) !important;
        padding: 10px 14px !important;
        gap: 8px !important;
    }

    body.extractor-page .settings-card .settings-list {
        height: 44px !important;
        min-height: 44px !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 10px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child {
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child i {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        font-size: 14px !important;
    }

    body.extractor-page .settings-card .setting-row strong::after {
        display: none !important;
    }

    body.extractor-page .session-results-card {
        height: 214px !important;
        padding: 12px 16px !important;
    }
}

/* Final settings-row readability fix */
@media (min-width: 1100px) {
    body.extractor-page .extractor-grid .settings-card {
        height: 118px !important;
        min-height: 118px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 34px 58px !important;
        gap: 12px !important;
        padding: 16px 18px !important;
        overflow: hidden !important;
    }

    body.extractor-page .settings-card .card-heading,
    body.extractor-page .settings-card .card-heading h2 {
        width: 100% !important;
        height: 34px !important;
        min-height: 34px !important;
        display: flex !important;
        align-items: center !important;
        overflow: visible !important;
    }

    body.extractor-page .settings-card .settings-list {
        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;
        display: grid !important;
        grid-column: auto !important;
        grid-template-columns: minmax(270px, 1fr) minmax(310px, 1.1fr) minmax(260px, .9fr) !important;
        align-items: stretch !important;
        gap: 14px !important;
        overflow: hidden !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings,
    body.extractor-page .settings-card .advanced-settings summary {
        width: 100% !important;
        max-width: none !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 58px !important;
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        border-radius: 10px !important;
        border: 1px solid rgba(96, 130, 202, .24) !important;
        background: rgba(8, 22, 42, .62) !important;
        overflow: hidden !important;
    }

    body.extractor-page .settings-card .setting-row {
        justify-content: space-between !important;
        gap: 14px !important;
        padding: 0 16px !important;
    }

    body.extractor-page .settings-card .advanced-settings summary {
        justify-content: space-between !important;
        padding: 0 18px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
        overflow: hidden !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child i {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        display: inline-grid !important;
        place-items: center !important;
        border-radius: 8px !important;
        background: rgba(16, 45, 82, .86) !important;
        color: #31b8ff !important;
        font-size: 17px !important;
    }

    body.extractor-page .settings-card .phone-setting-row > span:first-child i {
        color: #ffd33f !important;
    }

    body.extractor-page .settings-card .setting-row strong {
        display: block !important;
        min-width: 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
    }

    body.extractor-page .settings-card .setting-row strong::after {
        display: block !important;
        margin-top: 5px !important;
        color: #aebbd2 !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    body.extractor-page .settings-card .toggle {
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 18px !important;
        margin: 0 !important;
    }

    body.extractor-page .settings-card .advanced-settings summary {
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 1100px) and (max-height: 790px) {
    body.extractor-page .extractor-grid .settings-card {
        height: 102px !important;
        min-height: 102px !important;
        grid-template-rows: 28px 46px !important;
        gap: 8px !important;
        padding: 12px 14px !important;
    }

    body.extractor-page .settings-card .settings-list {
        height: 46px !important;
        min-height: 46px !important;
        grid-template-columns: minmax(230px, 1fr) minmax(270px, 1.1fr) minmax(230px, .9fr) !important;
        gap: 10px !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 12px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child i {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        font-size: 14px !important;
    }

    body.extractor-page .settings-card .setting-row strong,
    body.extractor-page .settings-card .advanced-settings summary {
        font-size: 12px !important;
    }

    body.extractor-page .settings-card .setting-row strong::after {
        display: none !important;
    }
}

/* Reference lock: match the uploaded dashboard composition */
@media (min-width: 1100px) {
    html:has(body.extractor-page),
    body.extractor-page {
        height: 100vh !important;
        min-height: 100vh !important;
        overflow: hidden !important;
        background:
            radial-gradient(circle at 78% 76%, rgba(29, 93, 178, .14), transparent 26%),
            radial-gradient(circle at 50% 12%, rgba(49, 116, 210, .08), transparent 30%),
            linear-gradient(135deg, #06101f 0%, #071426 48%, #06101e 100%) !important;
    }

    body.extractor-page .app-shell {
        width: 100vw !important;
        height: 100vh !important;
        display: grid !important;
        grid-template-columns: 250px minmax(0, 1fr) !important;
        overflow: hidden !important;
        background: transparent !important;
    }

    body.extractor-page .sidebar {
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
        height: 100vh !important;
        padding: 34px 17px 28px !important;
        gap: 0 !important;
        background:
            radial-gradient(circle at 50% 3%, rgba(93, 80, 220, .14), transparent 28%),
            linear-gradient(180deg, rgba(7, 19, 36, .98), rgba(4, 13, 25, .99)) !important;
        border-right: 1px solid rgba(97, 126, 183, .24) !important;
        overflow: hidden !important;
    }

    body.extractor-page .sidebar-brand {
        width: 100% !important;
        height: 50px !important;
        min-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        margin: 0 0 46px !important;
        padding: 0 !important;
    }

    body.extractor-page .brand-mark {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        border-radius: 9px !important;
        background: linear-gradient(135deg, #ff38a4 0%, #8d35ff 100%) !important;
        box-shadow: 0 0 26px rgba(143, 53, 255, .34) !important;
    }

    body.extractor-page .brand-mark::before {
        content: "\f32f" !important;
        font-family: "bootstrap-icons";
        color: #fff;
        font-size: 25px;
    }

    body.extractor-page .sidebar-brand > span:last-child::before,
    body.extractor-page .sidebar-brand > span:last-child::after {
        font-size: 24px !important;
        line-height: 1 !important;
    }

    body.extractor-page .sidebar-brand::after {
        left: 58px !important;
        top: 32px !important;
        color: #a8b5cc !important;
        font-size: 11px !important;
        font-weight: 600 !important;
    }

    body.extractor-page .sidebar-nav {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.extractor-page .nav-link {
        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        gap: 16px !important;
        padding: 0 20px !important;
        border-radius: 8px !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        color: #e9f0fb !important;
        box-shadow: none !important;
    }

    body.extractor-page .nav-link i {
        width: 21px !important;
        min-width: 21px !important;
        height: 21px !important;
        font-size: 20px !important;
        color: #d6e3fa !important;
    }

    body.extractor-page .nav-link span {
        font-size: 14px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    body.extractor-page .nav-link.active {
        background: linear-gradient(135deg, #ff3a9d 0%, #8e35ff 100%) !important;
        border-color: rgba(255, 75, 182, .68) !important;
        box-shadow: 0 18px 36px rgba(143, 53, 255, .25), 0 0 24px rgba(255, 58, 168, .18) !important;
    }

    body.extractor-page .nav-link[href*="settings"] {
        display: none !important;
    }

    body.extractor-page .sidebar a.nav-link[href^="mailto:"] {
        margin-top: 26px !important;
        border-color: transparent !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.extractor-page .sidebar-spacer {
        flex: 1 1 auto !important;
        min-height: 28px !important;
    }

    body.extractor-page .plan-card {
        display: flex !important;
        flex: 0 0 118px !important;
        width: 100% !important;
        height: 118px !important;
        margin: 0 0 22px !important;
        padding: 20px !important;
        border-radius: 9px !important;
        border: 1px solid rgba(94, 126, 188, .28) !important;
        background: rgba(11, 26, 49, .9) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    }

    body.extractor-page .plan-title {
        display: grid !important;
        grid-template-columns: 22px 1fr !important;
        align-items: start !important;
        gap: 12px !important;
        min-height: auto !important;
    }

    body.extractor-page .plan-title i {
        display: inline-grid !important;
        width: 22px !important;
        height: 22px !important;
        color: #6bdfff !important;
        font-size: 18px !important;
    }

    body.extractor-page .plan-title strong {
        font-size: 14px !important;
        line-height: 1.1 !important;
    }

    body.extractor-page .plan-title span {
        font-size: 10px !important;
    }

    body.extractor-page .plan-title::after,
    body.extractor-page .sidebar-plan-meta,
    body.extractor-page .sidebar-usage-ring {
        display: none !important;
    }

    body.extractor-page .upgrade-button {
        height: 20px !important;
        min-height: 20px !important;
        width: auto !important;
        align-self: flex-start !important;
        justify-content: flex-start !important;
        padding: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #ff3aa8 !important;
        box-shadow: none !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .upgrade-button::before {
        content: "\f26b" !important;
        color: #18d37d !important;
        margin-right: 8px !important;
    }

    body.extractor-page .user-profile {
        position: relative !important;
        width: 100% !important;
        height: 74px !important;
        min-height: 74px !important;
        flex: 0 0 74px !important;
        margin: 0 0 22px !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) 16px !important;
        gap: 12px !important;
        align-items: center !important;
        padding: 14px 16px !important;
        border-radius: 9px !important;
        border: 1px solid rgba(94, 126, 188, .24) !important;
        background: rgba(11, 26, 49, .88) !important;
    }

    body.extractor-page .user-profile .avatar {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        background: linear-gradient(135deg, #ff3ba8, #8e35ff) !important;
        color: #fff !important;
    }

    body.extractor-page .profile-copy strong {
        font-size: 14px !important;
        color: #fff !important;
    }

    body.extractor-page .profile-copy small {
        font-size: 10px !important;
        color: #aebad0 !important;
    }

    body.extractor-page .user-profile::after {
        content: "\f282";
        font-family: "bootstrap-icons";
        color: #d6e3fa;
        font-size: 14px;
        grid-column: 3;
        grid-row: 1;
    }

    body.extractor-page .logout-button {
        width: 100% !important;
        height: 64px !important;
        min-height: 64px !important;
        flex: 0 0 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        padding: 0 18px !important;
        border-radius: 9px !important;
        border: 1px solid rgba(94, 126, 188, .18) !important;
        background: rgba(11, 26, 49, .76) !important;
        color: #e8f0fb !important;
    }

    body.extractor-page .logout-button span {
        display: inline !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .content {
        height: 100vh !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-rows: 70px minmax(0, 1fr) 264px !important;
        gap: 14px !important;
        padding: 24px 28px 14px !important;
        overflow: hidden !important;
        background: transparent !important;
    }

    body.extractor-page .extractor-workspace-head {
        grid-row: 1 !important;
        height: 70px !important;
        min-height: 70px !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        padding: 0 !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        font-size: 30px !important;
        line-height: 1 !important;
        margin: 0 0 8px !important;
    }

    body.extractor-page .extractor-workspace-head p {
        font-size: 15px !important;
        line-height: 1.2 !important;
        color: #d9e5f5 !important;
    }

    body.extractor-page .extractor-head-actions {
        display: flex !important;
        align-items: center !important;
        gap: 18px !important;
    }

    body.extractor-page .head-upgrade-button,
    body.extractor-page .extractor-workspace-head .advanced-button {
        height: 46px !important;
        min-height: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 24px !important;
        border-radius: 12px !important;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        text-decoration: none !important;
    }

    body.extractor-page .head-upgrade-button {
        min-width: 158px !important;
        background: linear-gradient(135deg, rgba(255, 58, 168, .42), rgba(94, 48, 182, .56)) !important;
        border: 1px solid rgba(255, 58, 168, .58) !important;
    }

    body.extractor-page .extractor-workspace-head .advanced-button {
        min-width: 162px !important;
        background: rgba(5, 14, 28, .62) !important;
        border: 1px solid rgba(94, 126, 188, .28) !important;
    }

    body.extractor-page .extractor-grid {
        grid-row: 2 !important;
        height: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(470px, .43fr) minmax(610px, .57fr) !important;
        grid-template-rows: minmax(0, 1fr) 148px !important;
        grid-template-areas:
            "domain live"
            "settings settings" !important;
        gap: 18px !important;
        overflow: hidden !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card,
    body.extractor-page .settings-card,
    body.extractor-page .session-results-card {
        border-radius: 14px !important;
        border: 1px solid rgba(94, 126, 188, .27) !important;
        background: rgba(10, 24, 45, .76) !important;
        box-shadow: 0 18px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04) !important;
        backdrop-filter: blur(18px) !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        height: 100% !important;
        min-height: 0 !important;
        padding: 20px !important;
        overflow: hidden !important;
    }

    body.extractor-page .extractor-step-title,
    body.extractor-page .card-heading h2 {
        font-size: 20px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .extractor-step-title i,
    body.extractor-page .card-heading h2 > i {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 9px !important;
        background: linear-gradient(135deg, #7c3fff, #a542ff) !important;
        box-shadow: 0 0 18px rgba(142, 58, 255, .35) !important;
    }

    body.extractor-page .domain-card .domain-form {
        height: calc(100% - 112px) !important;
        margin-top: 12px !important;
        gap: 0 !important;
    }

    body.extractor-page .domain-card .paste-pane {
        height: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 18px 20px 36px !important;
        background: #fff !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 12px 24px rgba(0,0,0,.15) !important;
    }

    body.extractor-page .domain-card .paste-pane label {
        display: none !important;
    }

    body.extractor-page #domains-input {
        height: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        color: #111827 !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
        text-shadow: none !important;
    }

    body.extractor-page #domains-input::placeholder {
        color: #111827 !important;
    }

    body.extractor-page .domain-meta {
        margin: -32px 20px 0 !important;
        justify-content: flex-end !important;
    }

    body.extractor-page .domain-meta > strong {
        display: none !important;
    }

    body.extractor-page .domain-meta span,
    body.extractor-page .domain-meta span strong {
        color: #111827 !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .domain-card .domain-actions {
        height: 42px !important;
        margin: 16px 0 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 12px !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button,
    body.extractor-page .domain-card .domain-actions > .start-button {
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
    }

    body.extractor-page .live-card {
        display: grid !important;
        grid-template-rows: 40px minmax(0, 1fr) 44px !important;
        gap: 18px !important;
    }

    body.extractor-page .live-card .card-heading {
        height: 40px !important;
        min-height: 40px !important;
        border-bottom: 0 !important;
        padding: 0 !important;
    }

    body.extractor-page .live-main {
        height: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 190px minmax(0, 1fr) !important;
        gap: 30px !important;
        align-items: center !important;
        padding: 0 4px !important;
        overflow: hidden !important;
    }

    body.extractor-page .progress-ring {
        width: 160px !important;
        height: 160px !important;
        flex-basis: 160px !important;
        margin: 0 auto !important;
        background:
            radial-gradient(circle at center, #071020 0 49%, transparent 50%),
            conic-gradient(from 210deg, #ff38a5, #9e3dff, #5ccfff, #ff38a5) !important;
    }

    body.extractor-page .progress-ring span {
        font-size: 34px !important;
    }

    body.extractor-page .job-details {
        height: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        overflow: hidden !important;
        background: transparent !important;
        border: 0 !important;
    }

    body.extractor-page .job-details span {
        display: none !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 0 !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        padding: 10px 14px 10px 56px !important;
        border: 1px solid rgba(94, 126, 188, .24) !important;
        border-radius: 9px !important;
        background: rgba(8, 22, 42, .58) !important;
        color: #fff !important;
        font-size: 15px !important;
        line-height: 1.1 !important;
        position: relative !important;
        overflow: hidden !important;
    }

    body.extractor-page .job-details > strong::before,
    body.extractor-page .job-details > p::before {
        display: block !important;
        margin-bottom: 6px !important;
        color: #b5c4df !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
    }

    body.extractor-page .job-details > strong::after,
    body.extractor-page .job-details > p::after {
        position: absolute !important;
        left: 22px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #bdd2f6 !important;
        font-family: "bootstrap-icons" !important;
        font-size: 24px !important;
        font-weight: 400 !important;
    }

    body.extractor-page .job-details > strong::before { content: "Current Job" !important; }
    body.extractor-page .job-details > p:nth-of-type(1)::before { content: "Started At" !important; }
    body.extractor-page .job-details > p:nth-of-type(2)::before { content: "Emails Found" !important; }
    body.extractor-page .job-details > p:nth-of-type(3)::before { content: "Phone Numbers Found" !important; }
    body.extractor-page .job-details > p:nth-of-type(4)::before { content: "Total Domains" !important; }
    body.extractor-page .job-details > p:nth-of-type(5)::before { content: "Status" !important; }

    body.extractor-page .job-details > strong::after { content: "\f3ed" !important; }
    body.extractor-page .job-details > p:nth-of-type(1)::after { content: "\f293" !important; }
    body.extractor-page .job-details > p:nth-of-type(2)::after { content: "\f32f" !important; }
    body.extractor-page .job-details > p:nth-of-type(3)::after { content: "\f5c1" !important; }
    body.extractor-page .job-details > p:nth-of-type(4)::after { content: "\f3ee" !important; }
    body.extractor-page .job-details > p:nth-of-type(5)::after { content: "\f431" !important; }

    body.extractor-page .running-actions {
        height: 44px !important;
        min-height: 44px !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 22px !important;
        margin: 0 !important;
        width: 100% !important;
    }

    body.extractor-page .running-actions button {
        height: 44px !important;
        min-height: 44px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        grid-area: settings !important;
        height: 148px !important;
        min-height: 148px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 34px 72px !important;
        gap: 14px !important;
        padding: 20px !important;
        overflow: hidden !important;
    }

    body.extractor-page .settings-card .settings-list {
        height: 72px !important;
        min-height: 72px !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 72px !important;
        min-height: 72px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(94, 126, 188, .24) !important;
        background: rgba(8, 22, 42, .58) !important;
        padding: 0 18px !important;
    }

    body.extractor-page .settings-card .setting-row {
        display: flex !important;
        justify-content: space-between !important;
        gap: 14px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child {
        grid-template-columns: 42px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child i {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 8px !important;
        background: rgba(16, 45, 82, .86) !important;
        font-size: 22px !important;
    }

    body.extractor-page .settings-card .setting-row strong {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    body.extractor-page .settings-card .setting-row strong::after {
        display: block !important;
        margin-top: 7px !important;
        color: #b5c4df !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

    body.extractor-page .settings-card .advanced-settings {
        width: 100% !important;
        max-width: none !important;
    }

    body.extractor-page .settings-card .advanced-settings summary {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .session-results-card {
        grid-row: 3 !important;
        height: 264px !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-rows: 44px minmax(0, 1fr) !important;
        padding: 18px !important;
        overflow: hidden !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .content {
        grid-template-rows: 58px minmax(0, 1fr) 214px !important;
        gap: 10px !important;
        padding: 14px 22px 10px !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 58px !important;
        min-height: 58px !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        font-size: 25px !important;
        margin-bottom: 4px !important;
    }

    body.extractor-page .extractor-workspace-head p {
        font-size: 13px !important;
    }

    body.extractor-page .head-upgrade-button,
    body.extractor-page .extractor-workspace-head .advanced-button {
        height: 38px !important;
        min-height: 38px !important;
        padding: 0 18px !important;
        font-size: 12px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 104px !important;
        gap: 10px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        padding: 14px !important;
    }

    body.extractor-page .domain-card .domain-form {
        height: calc(100% - 94px) !important;
        margin-top: 8px !important;
    }

    body.extractor-page .domain-card .paste-pane {
        padding: 14px 16px 30px !important;
    }

    body.extractor-page .domain-card .domain-actions {
        height: 34px !important;
        margin-top: 10px !important;
        gap: 8px !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button,
    body.extractor-page .domain-card .domain-actions > .start-button {
        height: 34px !important;
        min-height: 34px !important;
        font-size: 10px !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 34px minmax(0, 1fr) 32px !important;
        gap: 8px !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 132px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 0 !important;
    }

    body.extractor-page .progress-ring {
        width: 116px !important;
        height: 116px !important;
        flex-basis: 116px !important;
    }

    body.extractor-page .progress-ring span {
        font-size: 28px !important;
    }

    body.extractor-page .job-details {
        gap: 6px !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        padding: 7px 9px 7px 38px !important;
        font-size: 11px !important;
    }

    body.extractor-page .job-details > strong::before,
    body.extractor-page .job-details > p::before {
        font-size: 9px !important;
        margin-bottom: 3px !important;
    }

    body.extractor-page .job-details > strong::after,
    body.extractor-page .job-details > p::after {
        left: 12px !important;
        font-size: 15px !important;
    }

    body.extractor-page .running-actions,
    body.extractor-page .running-actions button {
        height: 32px !important;
        min-height: 32px !important;
        font-size: 10px !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        height: 104px !important;
        min-height: 104px !important;
        grid-template-rows: 28px 46px !important;
        gap: 8px !important;
        padding: 12px 14px !important;
    }

    body.extractor-page .settings-card .settings-list {
        height: 46px !important;
        min-height: 46px !important;
        gap: 10px !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 10px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child i {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        font-size: 14px !important;
    }

    body.extractor-page .settings-card .setting-row strong,
    body.extractor-page .settings-card .advanced-settings summary {
        font-size: 12px !important;
    }

    body.extractor-page .settings-card .setting-row strong::after {
        display: none !important;
    }

    body.extractor-page .session-results-card {
        height: 214px !important;
        padding: 12px 16px !important;
    }
}

/* Final bugfix: settings 3-card row + no progress button overlap */
@media (min-width: 1100px) {
    body.extractor-page .live-card {
        grid-template-rows: 40px minmax(210px, 1fr) 44px !important;
        overflow: hidden !important;
    }

    body.extractor-page .live-main {
        min-height: 210px !important;
        overflow: hidden !important;
    }

    body.extractor-page .job-details {
        min-height: 210px !important;
        overflow: hidden !important;
    }

    body.extractor-page .running-actions {
        position: relative !important;
        z-index: 3 !important;
        align-self: end !important;
        margin-top: 0 !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        grid-template-rows: 34px 72px !important;
        height: 148px !important;
        min-height: 148px !important;
        overflow: hidden !important;
    }

    body.extractor-page .settings-card .settings-list {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-auto-flow: column !important;
        gap: 14px !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 72px !important;
        min-height: 72px !important;
        overflow: hidden !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .phone-setting-row,
    body.extractor-page .settings-card .advanced-settings {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 72px !important;
        min-height: 72px !important;
        margin: 0 !important;
    }

    body.extractor-page .settings-card .setting-row {
        grid-column: auto !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 18px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(94, 126, 188, .24) !important;
        background: rgba(8, 22, 42, .58) !important;
        overflow: hidden !important;
    }

    body.extractor-page .settings-card .advanced-settings {
        grid-column: auto !important;
        align-items: stretch !important;
        justify-self: stretch !important;
    }

    body.extractor-page .settings-card .advanced-settings summary {
        width: 100% !important;
        height: 72px !important;
        min-height: 72px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 18px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(94, 126, 188, .24) !important;
        background: rgba(8, 22, 42, .58) !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child i {
        display: inline-grid !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        place-items: center !important;
        border-radius: 8px !important;
        background: rgba(16, 45, 82, .86) !important;
        font-size: 22px !important;
    }

    body.extractor-page .settings-card .setting-row strong {
        display: block !important;
        overflow: visible !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        line-height: 1.1 !important;
    }

    body.extractor-page .settings-card .setting-row strong::after {
        display: block !important;
        margin-top: 7px !important;
        color: #b5c4df !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

    body.extractor-page .settings-card .toggle {
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 18px !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .live-card {
        grid-template-rows: 34px minmax(172px, 1fr) 32px !important;
        gap: 8px !important;
    }

    body.extractor-page .live-main,
    body.extractor-page .job-details {
        min-height: 172px !important;
    }

    body.extractor-page .extractor-grid .settings-card {
        grid-template-rows: 28px 50px !important;
        height: 104px !important;
        min-height: 104px !important;
    }

    body.extractor-page .settings-card .settings-list,
    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .phone-setting-row,
    body.extractor-page .settings-card .advanced-settings,
    body.extractor-page .settings-card .advanced-settings summary {
        height: 50px !important;
        min-height: 50px !important;
    }

    body.extractor-page .settings-card .setting-row,
    body.extractor-page .settings-card .advanced-settings summary {
        padding: 0 12px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    body.extractor-page .settings-card .setting-row > span:first-child i {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 15px !important;
    }

    body.extractor-page .settings-card .setting-row strong,
    body.extractor-page .settings-card .advanced-settings summary {
        font-size: 12px !important;
    }

    body.extractor-page .settings-card .setting-row strong::after {
        display: none !important;
    }
}

/* Structural settings cards override - final */
@media (min-width: 1100px) {
    body.extractor-page .extractor-grid .settings-card {
        height: 148px !important;
        min-height: 148px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 34px 72px !important;
        gap: 14px !important;
        padding: 20px !important;
        overflow: visible !important;
    }

    body.extractor-page .settings-options-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
        width: 100% !important;
        height: 72px !important;
        min-height: 72px !important;
        overflow: visible !important;
    }

    body.extractor-page .settings-options-grid > .setting-option-card,
    body.extractor-page .settings-options-grid > .settings-advanced-card {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 72px !important;
        min-height: 72px !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
        grid-column: auto !important;
        grid-row: auto !important;
        transform: none !important;
    }

    body.extractor-page .settings-options-grid > .setting-option-card {
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        padding: 0 18px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(94, 126, 188, .24) !important;
        background: rgba(8, 22, 42, .58) !important;
        overflow: hidden !important;
    }

    body.extractor-page .settings-options-grid > .settings-advanced-card summary {
        width: 100% !important;
        height: 72px !important;
        min-height: 72px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 0 18px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(94, 126, 188, .24) !important;
        background: rgba(8, 22, 42, .58) !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        list-style: none !important;
    }

    body.extractor-page .settings-options-grid .setting-option-copy {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
    }

    body.extractor-page .settings-options-grid .setting-option-copy > i {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        display: inline-grid !important;
        place-items: center !important;
        border-radius: 8px !important;
        background: rgba(16, 45, 82, .86) !important;
        color: #27b6ff !important;
        font-size: 22px !important;
    }

    body.extractor-page .settings-options-grid .phone-setting-row .setting-option-copy > i {
        color: #ffd84a !important;
    }

    body.extractor-page .settings-options-grid .setting-option-copy strong {
        display: block !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    body.extractor-page .settings-options-grid .setting-option-copy small {
        display: block !important;
        margin-top: 7px !important;
        color: #b5c4df !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.1 !important;
    }

    body.extractor-page .settings-options-grid .setting-option-card > input {
        position: absolute !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.extractor-page .settings-options-grid .toggle {
        flex: 0 0 34px !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 18px !important;
        margin: 0 !important;
    }

    body.extractor-page .settings-options-grid .enabled-badge {
        display: none !important;
    }

    body.extractor-page .settings-options-grid > .settings-advanced-card > div {
        right: 0 !important;
        top: auto !important;
        bottom: 78px !important;
        z-index: 30 !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 40px minmax(230px, 1fr) 44px !important;
    }

    body.extractor-page .live-main,
    body.extractor-page .job-details {
        min-height: 230px !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 0 !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .extractor-grid .settings-card {
        height: 110px !important;
        min-height: 110px !important;
        grid-template-rows: 28px 54px !important;
        gap: 8px !important;
        padding: 12px 14px !important;
    }

    body.extractor-page .settings-options-grid,
    body.extractor-page .settings-options-grid > .setting-option-card,
    body.extractor-page .settings-options-grid > .settings-advanced-card,
    body.extractor-page .settings-options-grid > .settings-advanced-card summary {
        height: 54px !important;
        min-height: 54px !important;
    }

    body.extractor-page .settings-options-grid {
        gap: 10px !important;
    }

    body.extractor-page .settings-options-grid > .setting-option-card,
    body.extractor-page .settings-options-grid > .settings-advanced-card summary {
        padding: 0 12px !important;
    }

    body.extractor-page .settings-options-grid .setting-option-copy {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    body.extractor-page .settings-options-grid .setting-option-copy > i {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 15px !important;
    }

    body.extractor-page .settings-options-grid .setting-option-copy strong,
    body.extractor-page .settings-options-grid > .settings-advanced-card summary {
        font-size: 12px !important;
    }

    body.extractor-page .settings-options-grid .setting-option-copy small {
        display: none !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 34px minmax(184px, 1fr) 32px !important;
    }

    body.extractor-page .live-main,
    body.extractor-page .job-details {
        min-height: 184px !important;
    }
}

/* Absolute final fix: force Extraction Settings into 3 visible columns */
@media (min-width: 1100px) {
    body.extractor-page .extractor-grid > article.settings-card {
        grid-area: settings !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 34px 72px !important;
        height: 148px !important;
        min-height: 148px !important;
        padding: 20px !important;
        gap: 14px !important;
        overflow: hidden !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-rows: 72px !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 72px !important;
        min-height: 72px !important;
        overflow: hidden !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card:nth-child(1) {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 2 !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card:nth-child(2) {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 2 !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card:nth-child(3) {
        grid-column: 3 / 4 !important;
        grid-row: 1 / 2 !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card {
        position: relative !important;
        inset: auto !important;
        float: none !important;
        clear: none !important;
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        overflow: hidden !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card {
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 0 18px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(94, 126, 188, .28) !important;
        background: rgba(8, 22, 42, .64) !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        display: flex !important;
        width: 100% !important;
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 0 18px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(94, 126, 188, .28) !important;
        background: rgba(8, 22, 42, .64) !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        overflow: hidden !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy > i {
        display: inline-grid !important;
        place-items: center !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 8px !important;
        background: rgba(16, 45, 82, .86) !important;
        color: #27b6ff !important;
        font-size: 22px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy strong {
        display: block !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy small {
        display: block !important;
        margin-top: 7px !important;
        color: #b5c4df !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .extractor-grid > article.settings-card {
        grid-template-rows: 28px 50px !important;
        height: 110px !important;
        min-height: 110px !important;
        padding: 12px 14px !important;
        gap: 8px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid {
        grid-template-rows: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        gap: 10px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        padding: 0 12px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        gap: 9px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy > i {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 15px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy strong,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        font-size: 12px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy small {
        display: none !important;
    }
}

/* Sidebar compact spacing fix */
@media (min-width: 1100px) {
    body.extractor-page .app-shell {
        grid-template-columns: 224px minmax(0, 1fr) !important;
    }

    body.extractor-page .sidebar {
        width: 224px !important;
        min-width: 224px !important;
        max-width: 224px !important;
        padding: 24px 12px 16px !important;
        gap: 0 !important;
    }

    body.extractor-page .sidebar-brand {
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 0 34px !important;
        gap: 10px !important;
    }

    body.extractor-page .brand-mark {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 9px !important;
    }

    body.extractor-page .brand-mark::before {
        font-size: 22px !important;
    }

    body.extractor-page .sidebar-brand > span:last-child::before,
    body.extractor-page .sidebar-brand > span:last-child::after {
        font-size: 21px !important;
    }

    body.extractor-page .sidebar-brand::after {
        left: 50px !important;
        top: 29px !important;
        font-size: 10px !important;
    }

    body.extractor-page .sidebar-nav {
        gap: 12px !important;
    }

    body.extractor-page .nav-link {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        padding: 0 15px !important;
        gap: 13px !important;
        border-radius: 8px !important;
    }

    body.extractor-page .nav-link i {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        font-size: 18px !important;
    }

    body.extractor-page .nav-link span {
        font-size: 13px !important;
    }

    body.extractor-page .sidebar a.nav-link[href^="mailto:"] {
        margin-top: 22px !important;
    }

    body.extractor-page .sidebar-spacer {
        min-height: 16px !important;
    }

    body.extractor-page .plan-card {
        height: 104px !important;
        min-height: 104px !important;
        flex-basis: 104px !important;
        margin: 0 0 14px !important;
        padding: 16px 18px !important;
    }

    body.extractor-page .plan-title {
        gap: 10px !important;
    }

    body.extractor-page .plan-title strong {
        font-size: 13px !important;
    }

    body.extractor-page .plan-title span {
        font-size: 9px !important;
    }

    body.extractor-page .upgrade-button {
        font-size: 11px !important;
    }

    body.extractor-page .user-profile {
        height: 64px !important;
        min-height: 64px !important;
        flex-basis: 64px !important;
        margin: 0 0 12px !important;
        padding: 10px 12px !important;
        grid-template-columns: 36px minmax(0, 1fr) 14px !important;
        gap: 10px !important;
    }

    body.extractor-page .user-profile .avatar {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        font-size: 13px !important;
    }

    body.extractor-page .profile-copy strong {
        font-size: 13px !important;
    }

    body.extractor-page .profile-copy small {
        font-size: 9px !important;
    }

    body.extractor-page .logout-button {
        height: 50px !important;
        min-height: 50px !important;
        flex-basis: 50px !important;
        padding: 0 16px !important;
        gap: 12px !important;
    }

    body.extractor-page .logout-button span {
        font-size: 13px !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .sidebar {
        padding-top: 18px !important;
        padding-bottom: 10px !important;
    }

    body.extractor-page .sidebar-brand {
        margin-bottom: 24px !important;
    }

    body.extractor-page .sidebar-nav {
        gap: 9px !important;
    }

    body.extractor-page .nav-link {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }

    body.extractor-page .sidebar a.nav-link[href^="mailto:"] {
        margin-top: 16px !important;
    }

    body.extractor-page .plan-card {
        height: 92px !important;
        min-height: 92px !important;
        flex-basis: 92px !important;
        padding: 13px 15px !important;
        margin-bottom: 10px !important;
    }

    body.extractor-page .user-profile {
        height: 58px !important;
        min-height: 58px !important;
        flex-basis: 58px !important;
        margin-bottom: 8px !important;
    }

    body.extractor-page .logout-button {
        height: 44px !important;
        min-height: 44px !important;
        flex-basis: 44px !important;
    }
}

/* Compact only the Extraction Settings strip */
@media (min-width: 1100px) {
    body.extractor-page .extractor-grid > article.settings-card {
        height: 104px !important;
        min-height: 104px !important;
        grid-template-rows: 30px 48px !important;
        gap: 8px !important;
        padding: 12px 14px !important;
    }

    body.extractor-page .settings-card .card-heading,
    body.extractor-page .settings-card .card-heading h2 {
        height: 30px !important;
        min-height: 30px !important;
    }

    body.extractor-page .settings-card .card-heading h2 {
        font-size: 18px !important;
    }

    body.extractor-page .settings-card .card-heading h2 > i {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        font-size: 15px !important;
        margin-right: 10px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid {
        height: 48px !important;
        min-height: 48px !important;
        grid-template-rows: 48px !important;
        gap: 10px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        border-radius: 8px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        padding: 0 12px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy {
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy > i {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        font-size: 14px !important;
        border-radius: 7px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy strong,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        font-size: 12px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy small {
        display: none !important;
    }

    body.extractor-page .settings-options-grid .toggle,
    body.extractor-page .settings-card .toggle {
        width: 30px !important;
        min-width: 30px !important;
        flex-basis: 30px !important;
        height: 16px !important;
    }

    body.extractor-page .settings-card .toggle::after {
        width: 12px !important;
        height: 12px !important;
    }

    body.extractor-page .settings-card input:checked + .toggle::after {
        transform: translateX(14px) !important;
    }
}

/* Final uploaded-reference match */
@media (min-width: 1100px) {
    body.extractor-page .app-shell {
        grid-template-columns: 260px minmax(0, 1fr) !important;
    }

    body.extractor-page .sidebar {
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
        padding: 24px 20px 20px !important;
    }

    body.extractor-page .sidebar-brand {
        margin-bottom: 38px !important;
    }

    body.extractor-page .sidebar-nav {
        gap: 16px !important;
    }

    body.extractor-page .nav-link {
        height: 62px !important;
        min-height: 62px !important;
        max-height: 62px !important;
        padding: 0 18px !important;
    }

    body.extractor-page .sidebar a.nav-link[href^="mailto:"] {
        margin-top: 20px !important;
    }

    body.extractor-page .content {
        grid-template-rows: 74px minmax(0, 1fr) 340px !important;
        gap: 14px !important;
        padding: 24px 24px 14px !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 74px !important;
        min-height: 74px !important;
    }

    body.extractor-page .extractor-head-actions {
        gap: 16px !important;
    }

    body.extractor-page .head-upgrade-button,
    body.extractor-page .extractor-workspace-head .advanced-button {
        height: 50px !important;
        min-height: 50px !important;
        border-radius: 8px !important;
        padding: 0 24px !important;
    }

    body.extractor-page .head-upgrade-button {
        min-width: 176px !important;
        background: linear-gradient(135deg, #ff2f9a, #8e2fff) !important;
        border-color: rgba(255, 69, 176, .55) !important;
    }

    body.extractor-page .head-notification-button {
        position: relative !important;
        width: 44px !important;
        height: 50px !important;
        display: inline-grid !important;
        place-items: center !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #dce8fb !important;
        font-size: 23px !important;
    }

    body.extractor-page .head-notification-button span {
        position: absolute !important;
        top: 2px !important;
        right: 2px !important;
        width: 22px !important;
        height: 22px !important;
        display: inline-grid !important;
        place-items: center !important;
        border-radius: 999px !important;
        color: #fff !important;
        background: #ff2f92 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 70px !important;
        gap: 14px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card {
        height: 70px !important;
        min-height: 70px !important;
        display: grid !important;
        grid-template-columns: 390px minmax(0, 1fr) !important;
        grid-template-rows: 1fr !important;
        align-items: center !important;
        gap: 20px !important;
        padding: 10px 18px !important;
        overflow: visible !important;
    }

    body.extractor-page .settings-card .card-heading,
    body.extractor-page .settings-card .card-heading h2 {
        height: 50px !important;
        min-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    body.extractor-page .settings-card .card-heading h2 {
        font-size: 17px !important;
    }

    body.extractor-page .settings-card .card-heading h2 > i {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        margin-right: 14px !important;
        font-size: 16px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid {
        height: 50px !important;
        min-height: 50px !important;
        display: grid !important;
        grid-template-columns: minmax(170px, 1fr) 1px minmax(210px, 1.15fr) 1px minmax(260px, .95fr) !important;
        grid-template-rows: 50px !important;
        align-items: center !important;
        gap: 18px !important;
        overflow: visible !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid::before,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid::after {
        content: "" !important;
        width: 1px !important;
        height: 28px !important;
        background: rgba(94, 126, 188, .26) !important;
        align-self: center !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid::before {
        grid-column: 2 !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid::after {
        grid-column: 4 !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card:nth-child(1) {
        grid-column: 1 !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card:nth-child(2) {
        grid-column: 3 !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card:nth-child(3) {
        grid-column: 5 !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        border: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 18px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        padding: 0 12px 0 0 !important;
        color: #fff !important;
        font-size: 13px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy {
        display: flex !important;
        align-items: center !important;
        gap: 0 !important;
        min-width: 0 !important;
        flex: 0 1 auto !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-card .setting-option-copy > i {
        display: none !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .settings-advanced-card .setting-option-copy {
        gap: 12px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .settings-advanced-card .setting-option-copy > i {
        display: inline-grid !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        place-items: center !important;
        border-radius: 8px !important;
        background: rgba(16, 45, 82, .86) !important;
        color: #d7e7ff !important;
        font-size: 18px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy strong {
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy small {
        display: none !important;
    }

    body.extractor-page .settings-options-grid .toggle,
    body.extractor-page .settings-card .toggle {
        width: 38px !important;
        min-width: 38px !important;
        height: 20px !important;
        flex-basis: 38px !important;
    }

    body.extractor-page .settings-card .toggle::after {
        width: 16px !important;
        height: 16px !important;
    }

    body.extractor-page .settings-card input:checked + .toggle::after {
        transform: translateX(18px) !important;
    }

    body.extractor-page .session-results-card {
        height: 340px !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .content {
        grid-template-rows: 58px minmax(0, 1fr) 230px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 62px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card {
        height: 62px !important;
        min-height: 62px !important;
        grid-template-columns: 330px minmax(0, 1fr) !important;
        padding: 8px 14px !important;
        gap: 14px !important;
    }

    body.extractor-page .settings-card .card-heading,
    body.extractor-page .settings-card .card-heading h2,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid {
        grid-template-rows: 46px !important;
        gap: 12px !important;
    }

    body.extractor-page .settings-card .card-heading h2 {
        font-size: 16px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card .setting-option-copy strong,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        font-size: 12px !important;
    }

    body.extractor-page .session-results-card {
        height: 230px !important;
    }
}

/* Sidebar menu gap final tighten */
@media (min-width: 1100px) {
    body.extractor-page .sidebar-brand {
        margin-bottom: 22px !important;
    }

    body.extractor-page .sidebar-nav {
        gap: 8px !important;
    }

    body.extractor-page .nav-link {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }

    body.extractor-page .sidebar a.nav-link[href^="mailto:"] {
        margin-top: 0 !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .sidebar-brand {
        margin-bottom: 16px !important;
    }

    body.extractor-page .sidebar-nav {
        gap: 6px !important;
    }

    body.extractor-page .nav-link {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }
}

/* Progress overlap fix + welcome pill */
@media (min-width: 1100px) {
    body.extractor-page .head-upgrade-button {
        display: none !important;
    }

    body.extractor-page .head-welcome-pill {
        min-width: 210px !important;
        height: 46px !important;
        display: inline-grid !important;
        grid-template-columns: 30px 1fr auto !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 0 15px !important;
        border-radius: 12px !important;
        border: 1px solid rgba(255, 58, 168, .45) !important;
        background: linear-gradient(135deg, rgba(255, 58, 168, .28), rgba(105, 54, 214, .38)) !important;
        color: #fff !important;
        box-shadow: 0 14px 28px rgba(143, 53, 255, .16), inset 0 1px 0 rgba(255,255,255,.08) !important;
    }

    body.extractor-page .head-welcome-pill i {
        font-size: 20px !important;
        color: #fff !important;
    }

    body.extractor-page .head-welcome-pill span {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    body.extractor-page .head-welcome-pill small {
        color: #dbe7fb !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 38px minmax(0, 1fr) 38px !important;
        gap: 10px !important;
        padding-bottom: 18px !important;
        overflow: hidden !important;
    }

    body.extractor-page .live-main {
        min-height: 0 !important;
        height: 100% !important;
        grid-template-columns: 170px minmax(0, 1fr) !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    body.extractor-page .progress-ring {
        width: 132px !important;
        height: 132px !important;
        flex-basis: 132px !important;
    }

    body.extractor-page .progress-ring span {
        font-size: 30px !important;
    }

    body.extractor-page .progress-ring small {
        font-size: 11px !important;
    }

    body.extractor-page .job-details {
        min-height: 0 !important;
        height: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, minmax(46px, 1fr)) !important;
        gap: 8px !important;
        overflow: hidden !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 46px !important;
        height: auto !important;
        padding: 7px 10px 7px 44px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
        line-height: 1.05 !important;
    }

    body.extractor-page .job-details > strong::before,
    body.extractor-page .job-details > p::before {
        margin-bottom: 3px !important;
        font-size: 9px !important;
        line-height: 1 !important;
    }

    body.extractor-page .job-details > strong::after,
    body.extractor-page .job-details > p::after {
        left: 14px !important;
        font-size: 18px !important;
    }

    body.extractor-page .running-actions {
        height: 36px !important;
        min-height: 36px !important;
        align-self: end !important;
        position: static !important;
        z-index: 5 !important;
        margin: 0 !important;
        gap: 14px !important;
    }

    body.extractor-page .running-actions button {
        height: 36px !important;
        min-height: 36px !important;
        font-size: 11px !important;
        border-radius: 8px !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .head-welcome-pill {
        height: 38px !important;
        min-width: 185px !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 34px minmax(0, 1fr) 32px !important;
        gap: 8px !important;
        padding-bottom: 14px !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 128px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    body.extractor-page .progress-ring {
        width: 108px !important;
        height: 108px !important;
        flex-basis: 108px !important;
    }

    body.extractor-page .job-details {
        grid-template-rows: repeat(3, minmax(38px, 1fr)) !important;
        gap: 6px !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 38px !important;
        padding: 5px 8px 5px 34px !important;
        font-size: 10px !important;
    }

    body.extractor-page .job-details > strong::after,
    body.extractor-page .job-details > p::after {
        left: 10px !important;
        font-size: 14px !important;
    }

    body.extractor-page .running-actions,
    body.extractor-page .running-actions button {
        height: 30px !important;
        min-height: 30px !important;
    }
}

/* Header clipping + logout usability fix */
@media (min-width: 1100px) {
    body.extractor-page .content {
        padding-left: 36px !important;
    }

    body.extractor-page .extractor-workspace-head {
        overflow: visible !important;
        padding-left: 0 !important;
    }

    body.extractor-page .extractor-workspace-head > div:first-child {
        overflow: visible !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        min-width: 360px !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        display: block !important;
        overflow: visible !important;
        text-indent: 0 !important;
        transform: none !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        letter-spacing: -.03em !important;
        white-space: nowrap !important;
        clip-path: none !important;
    }

    body.extractor-page .extractor-workspace-head p {
        overflow: visible !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        white-space: nowrap !important;
    }

    body.extractor-page .user-profile {
        overflow: visible !important;
        padding-right: 48px !important;
    }

    body.extractor-page .user-profile::after {
        display: none !important;
    }

    body.extractor-page .user-profile .avatar,
    body.extractor-page .profile-copy {
        pointer-events: none !important;
    }

    body.extractor-page .logout-button {
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 20 !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        display: inline-grid !important;
        place-items: center !important;
        padding: 0 !important;
        border-radius: 9px !important;
        border: 1px solid rgba(118, 151, 218, .32) !important;
        background: rgba(20, 42, 76, .9) !important;
        color: #ffffff !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }

    body.extractor-page .logout-button:hover {
        border-color: rgba(255, 58, 168, .62) !important;
        background: rgba(55, 36, 82, .95) !important;
        box-shadow: 0 0 18px rgba(255, 58, 168, .18) !important;
    }

    body.extractor-page .logout-button i {
        display: block !important;
        margin: 0 !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    body.extractor-page .logout-button span {
        display: none !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .content {
        padding-left: 28px !important;
    }
}

/* Header title left clipping hard fix */
@media (min-width: 1100px) {
    body.extractor-page .content {
        padding-left: 56px !important;
    }

    body.extractor-page .extractor-workspace-head {
        margin-left: 0 !important;
        padding-left: 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

    body.extractor-page .extractor-workspace-head > div:first-child {
        margin-left: 0 !important;
        padding-left: 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

    body.extractor-page .extractor-workspace-head h2,
    body.extractor-page .extractor-workspace-head p {
        position: relative !important;
        left: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        transform: none !important;
        text-indent: 0 !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .content {
        padding-left: 46px !important;
    }
}

/* Final viewport/content alignment + progress action placement */
@media (min-width: 1100px) {
    body.extractor-page {
        overflow: hidden !important;
    }

    body.extractor-page .app-shell {
        width: 100vw !important;
        max-width: 100vw !important;
        grid-template-columns: 260px minmax(0, calc(100vw - 260px)) !important;
        overflow: hidden !important;
    }

    body.extractor-page .sidebar {
        grid-column: 1 !important;
        position: relative !important;
        left: auto !important;
        transform: none !important;
    }

    body.extractor-page .content {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        overflow: hidden !important;
    }

    body.extractor-page .extractor-workspace-head,
    body.extractor-page .extractor-grid,
    body.extractor-page .session-results-card {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 40px minmax(0, 1fr) 42px !important;
        gap: 12px !important;
        padding-bottom: 18px !important;
    }

    body.extractor-page .live-main {
        height: auto !important;
        min-height: 0 !important;
        max-height: 100% !important;
        align-self: stretch !important;
        padding-bottom: 6px !important;
    }

    body.extractor-page .job-details {
        min-height: 0 !important;
        max-height: 100% !important;
        grid-template-rows: repeat(3, minmax(44px, 1fr)) !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 44px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    body.extractor-page .running-actions {
        position: relative !important;
        bottom: auto !important;
        transform: none !important;
        align-self: end !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        z-index: 2 !important;
    }

    body.extractor-page .running-actions button {
        height: 42px !important;
        min-height: 42px !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .app-shell {
        grid-template-columns: 224px minmax(0, calc(100vw - 224px)) !important;
    }

    body.extractor-page .content {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 34px minmax(0, 1fr) 32px !important;
        gap: 8px !important;
        padding-bottom: 12px !important;
    }

    body.extractor-page .job-details {
        grid-template-rows: repeat(3, minmax(34px, 1fr)) !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 34px !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    body.extractor-page .running-actions,
    body.extractor-page .running-actions button {
        height: 30px !important;
        min-height: 30px !important;
    }
}

/* Upload selected-file indicator */
body.extractor-page .upload-status {
    width: 100% !important;
    min-height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-top: 8px !important;
    padding: 0 2px !important;
    color: #2be298 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

body.extractor-page .upload-status[hidden] {
    display: none !important;
}

body.extractor-page .upload-status i {
    font-size: 14px !important;
}

body.extractor-page .upload-status span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.extractor-page .upload-status.is-bad {
    color: #ff5d7c !important;
}

/* Job-summary results table */
body.extractor-page .session-results-card .jobs-table th:nth-child(1) { width: 5% !important; }
body.extractor-page .session-results-card .jobs-table th:nth-child(2) { width: 30% !important; }
body.extractor-page .session-results-card .jobs-table th:nth-child(3) { width: 22% !important; }
body.extractor-page .session-results-card .jobs-table th:nth-child(4) { width: 12% !important; }
body.extractor-page .session-results-card .jobs-table th:nth-child(5) { width: 13% !important; }
body.extractor-page .session-results-card .jobs-table th:nth-child(6) { width: 18% !important; }

body.extractor-page .job-id-cell {
    display: inline-block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    color: #eaf2ff !important;
    font-weight: 900 !important;
}

body.extractor-page .job-downloads {
    display: table-cell !important;
    white-space: nowrap !important;
}

body.extractor-page .mini-download-button {
    height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    margin-right: 6px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(35, 199, 123, .55) !important;
    background: rgba(6, 105, 62, .35) !important;
    color: #eafff5 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

body.extractor-page .mini-download-button[data-format="xlsx"] {
    border-color: rgba(140, 90, 255, .6) !important;
    background: rgba(79, 42, 157, .38) !important;
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .upload-status {
        min-height: 18px !important;
        margin-top: 5px !important;
        font-size: 10px !important;
    }
}
body.landing-page .pricing-limit-row {
    display: grid;
    gap: 8px;
    margin: 14px 0 6px;
}

body.landing-page .pricing-limit-row span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #d8e6ff;
    font-size: .88rem;
    background: rgba(12, 27, 52, .72);
    border: 1px solid rgba(125, 99, 255, .25);
    border-radius: 14px;
    padding: 9px 11px;
}

body.landing-page .pricing-limit-row i {
    color: #ff3ca2;
}

.upgrade-limit-modal p {
    color: #d8e6ff;
    font-weight: 700;
    line-height: 1.55;
}

body.extractor-page .plan-limit-strip {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    margin: 10px 0 12px;
}

body.extractor-page .plan-limit-strip article {
    background: linear-gradient(145deg, rgba(13, 32, 61, .94), rgba(14, 20, 45, .9));
    border: 1px solid rgba(109, 143, 208, .24);
    border-radius: 16px;
    padding: 10px 12px;
    min-width: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

body.extractor-page .plan-limit-strip span {
    display: block;
    color: #9fb0c9;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 4px;
}

body.extractor-page .plan-limit-strip strong {
    display: block;
    color: #fff;
    font-size: .95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1180px) {
    body.extractor-page .plan-limit-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    body.extractor-page .plan-limit-strip {
        grid-template-columns: 1fr 1fr;
    }
}

/* Pricing limit strip placement fix: keep it inside the one-screen dashboard */
@media (min-width: 1100px) {
    body.extractor-page .content {
        grid-template-rows: 70px 54px minmax(0, 1fr) 178px !important;
        gap: 8px !important;
        padding: 14px 22px 8px !important;
        overflow: hidden !important;
    }

    body.extractor-page .extractor-workspace-head {
        grid-row: 1 !important;
        height: 70px !important;
        min-height: 70px !important;
        margin: 0 !important;
    }

    body.extractor-page .plan-limit-strip {
        grid-row: 2 !important;
        display: grid !important;
        grid-template-columns: 1.1fr repeat(6, minmax(96px, 1fr)) !important;
        gap: 8px !important;
        margin: 0 !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body.extractor-page .plan-limit-strip article {
        min-height: 48px !important;
        height: 48px !important;
        padding: 7px 10px !important;
        border-radius: 13px !important;
    }

    body.extractor-page .plan-limit-strip span {
        font-size: 10px !important;
        line-height: 1 !important;
        margin-bottom: 5px !important;
    }

    body.extractor-page .plan-limit-strip strong {
        font-size: 14px !important;
        line-height: 1.1 !important;
    }

    body.extractor-page .extractor-grid {
        grid-row: 3 !important;
        min-height: 0 !important;
    }

    body.extractor-page .session-results-card {
        grid-row: 4 !important;
        height: 178px !important;
        min-height: 178px !important;
        margin: 0 !important;
    }

    body.extractor-page .session-results-card .table-wrap {
        min-height: 104px !important;
        height: 104px !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .content {
        grid-template-rows: 58px 46px minmax(0, 1fr) 150px !important;
        gap: 6px !important;
        padding-top: 10px !important;
        padding-bottom: 6px !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 58px !important;
        min-height: 58px !important;
    }

    body.extractor-page .plan-limit-strip {
        gap: 6px !important;
    }

    body.extractor-page .plan-limit-strip article {
        height: 42px !important;
        min-height: 42px !important;
        padding: 6px 8px !important;
    }

    body.extractor-page .plan-limit-strip span {
        font-size: 9px !important;
        margin-bottom: 4px !important;
    }

    body.extractor-page .plan-limit-strip strong {
        font-size: 12px !important;
    }

    body.extractor-page .session-results-card {
        height: 150px !important;
        min-height: 150px !important;
    }

    body.extractor-page .session-results-card .table-wrap {
        height: 84px !important;
        min-height: 84px !important;
    }
}

/* Remove pricing detail strip from extractor page; keep only Remaining near welcome */
@media (min-width: 1100px) {
    body.extractor-page .content {
        grid-template-rows: 70px minmax(0, 1fr) 190px !important;
        gap: 10px !important;
        padding: 16px 22px 10px !important;
    }

    body.extractor-page .plan-limit-strip {
        display: none !important;
    }

    body.extractor-page .extractor-workspace-head {
        grid-row: 1 !important;
    }

    body.extractor-page .extractor-grid {
        grid-row: 2 !important;
    }

    body.extractor-page .session-results-card {
        grid-row: 3 !important;
        height: 190px !important;
        min-height: 190px !important;
    }

    body.extractor-page .head-remaining-pill {
        height: 48px !important;
        min-width: 150px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 0 16px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(53, 226, 156, .36) !important;
        background: linear-gradient(135deg, rgba(8, 74, 58, .78), rgba(16, 42, 77, .76)) !important;
        color: #eafff5 !important;
        box-shadow: 0 14px 34px rgba(20, 220, 146, .12), inset 0 1px 0 rgba(255,255,255,.08) !important;
        white-space: nowrap !important;
    }

    body.extractor-page .head-remaining-pill i {
        color: #34f0a7 !important;
        font-size: 17px !important;
    }

    body.extractor-page .head-remaining-pill span {
        color: #a9c6bd !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        text-transform: uppercase !important;
        letter-spacing: .03em !important;
    }

    body.extractor-page .head-remaining-pill strong {
        color: #ffffff !important;
        font-size: 17px !important;
        font-weight: 1000 !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .content {
        grid-template-rows: 58px minmax(0, 1fr) 160px !important;
        gap: 8px !important;
        padding-top: 10px !important;
        padding-bottom: 6px !important;
    }

    body.extractor-page .session-results-card {
        height: 160px !important;
        min-height: 160px !important;
    }

    body.extractor-page .head-remaining-pill {
        height: 42px !important;
        min-width: 128px !important;
        padding: 0 12px !important;
    }

    body.extractor-page .head-remaining-pill span {
        font-size: 10px !important;
    }

    body.extractor-page .head-remaining-pill strong {
        font-size: 14px !important;
    }
}

/* Compact top extractor cards to give more vertical space to results */
@media (min-width: 1100px) {
    body.extractor-page .content {
        grid-template-rows: 66px minmax(0, 1fr) 250px !important;
        gap: 9px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 62px !important;
        gap: 9px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        padding: 12px 18px !important;
    }

    body.extractor-page .domain-card .extractor-step-title,
    body.extractor-page .live-card .card-heading {
        min-height: 42px !important;
        height: 42px !important;
        margin-bottom: 6px !important;
    }

    body.extractor-page .domain-card .extractor-step-title i,
    body.extractor-page .live-card .card-heading h2 i {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }

    body.extractor-page .domain-card .domain-form {
        min-height: 0 !important;
    }

    body.extractor-page .domain-card .paste-pane {
        min-height: 0 !important;
        height: auto !important;
    }

    body.extractor-page #domains-input {
        min-height: 185px !important;
        height: 185px !important;
        max-height: 185px !important;
        padding: 20px 22px !important;
    }

    body.extractor-page .domain-card .domain-actions {
        margin-top: 8px !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button,
    body.extractor-page .domain-card .domain-actions > .start-button {
        height: 42px !important;
        min-height: 42px !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 42px minmax(0, 1fr) 38px !important;
        gap: 8px !important;
    }

    body.extractor-page .live-main {
        gap: 16px !important;
    }

    body.extractor-page .progress-ring {
        width: 134px !important;
        height: 134px !important;
        min-width: 134px !important;
    }

    body.extractor-page .job-details {
        gap: 8px !important;
        grid-template-rows: repeat(3, minmax(42px, 1fr)) !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 42px !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    body.extractor-page .running-actions,
    body.extractor-page .running-actions button {
        height: 36px !important;
        min-height: 36px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card {
        height: 62px !important;
        min-height: 62px !important;
    }

    body.extractor-page .session-results-card {
        height: 250px !important;
        min-height: 250px !important;
    }

    body.extractor-page .session-results-card .table-wrap {
        height: 180px !important;
        min-height: 180px !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .content {
        grid-template-rows: 56px minmax(0, 1fr) 215px !important;
        gap: 7px !important;
    }

    body.extractor-page #domains-input {
        min-height: 150px !important;
        height: 150px !important;
        max-height: 150px !important;
        padding: 16px 20px !important;
    }

    body.extractor-page .progress-ring {
        width: 116px !important;
        height: 116px !important;
        min-width: 116px !important;
    }

    body.extractor-page .session-results-card {
        height: 215px !important;
        min-height: 215px !important;
    }

    body.extractor-page .session-results-card .table-wrap {
        height: 148px !important;
        min-height: 148px !important;
    }
}

/* Production compact SaaS pass: less empty space, larger results area */
@media (min-width: 1100px) {
    body.extractor-page .app-shell {
        grid-template-columns: 238px minmax(0, calc(100vw - 238px)) !important;
    }

    body.extractor-page .sidebar {
        width: 238px !important;
        min-width: 238px !important;
        max-width: 238px !important;
        padding: 18px 14px 14px !important;
    }

    body.extractor-page .sidebar-brand {
        margin-bottom: 16px !important;
        gap: 10px !important;
    }

    body.extractor-page .brand-mark {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 12px !important;
        font-size: 0 !important;
    }

    body.extractor-page .brand-mark::before {
        font-size: 23px !important;
    }

    body.extractor-page .sidebar-brand > span:last-child {
        font-size: 22px !important;
        line-height: 1 !important;
    }

    body.extractor-page .sidebar-nav {
        gap: 7px !important;
    }

    body.extractor-page .nav-link {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 13px !important;
        border-radius: 11px !important;
        gap: 12px !important;
        font-size: 13px !important;
    }

    body.extractor-page .nav-link i {
        font-size: 17px !important;
    }

    body.extractor-page .plan-card {
        padding: 12px !important;
        border-radius: 13px !important;
        margin-top: auto !important;
    }

    body.extractor-page .plan-title {
        gap: 8px !important;
        margin-bottom: 8px !important;
    }

    body.extractor-page .plan-title strong {
        font-size: 14px !important;
    }

    body.extractor-page .plan-title span {
        font-size: 10px !important;
    }

    body.extractor-page .upgrade-button {
        height: 34px !important;
        min-height: 34px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }

    body.extractor-page .user-profile {
        min-height: 54px !important;
        height: 54px !important;
        padding: 8px 42px 8px 10px !important;
        border-radius: 13px !important;
        margin-top: 10px !important;
    }

    body.extractor-page .user-profile .avatar {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
    }

    body.extractor-page .profile-copy strong {
        font-size: 13px !important;
    }

    body.extractor-page .profile-copy small {
        font-size: 10px !important;
    }

    body.extractor-page .logout-button {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        right: 8px !important;
    }

    body.extractor-page .content {
        grid-template-rows: 54px minmax(0, 1fr) 292px !important;
        gap: 8px !important;
        padding: 10px 18px 8px !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 !important;
        align-items: center !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        font-size: 25px !important;
        margin: 0 0 2px !important;
        line-height: 1.05 !important;
    }

    body.extractor-page .extractor-workspace-head p {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    body.extractor-page .extractor-head-actions {
        gap: 8px !important;
    }

    body.extractor-page .head-welcome-pill,
    body.extractor-page .head-remaining-pill,
    body.extractor-page .extractor-workspace-head .advanced-button {
        height: 40px !important;
        min-height: 40px !important;
        border-radius: 12px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
    }

    body.extractor-page .head-welcome-pill {
        min-width: 218px !important;
        gap: 8px !important;
    }

    body.extractor-page .head-welcome-pill i {
        font-size: 18px !important;
    }

    body.extractor-page .head-welcome-pill small {
        font-size: 10px !important;
    }

    body.extractor-page .head-remaining-pill {
        min-width: 118px !important;
    }

    body.extractor-page .head-remaining-pill span {
        font-size: 10px !important;
    }

    body.extractor-page .head-remaining-pill strong {
        font-size: 13px !important;
    }

    body.extractor-page .extractor-workspace-head .advanced-button {
        min-width: 142px !important;
        gap: 7px !important;
    }

    body.extractor-page .head-notification-button {
        width: 34px !important;
        height: 40px !important;
        font-size: 19px !important;
    }

    body.extractor-page .head-notification-button span {
        width: 19px !important;
        height: 19px !important;
        font-size: 10px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-columns: minmax(380px, .43fr) minmax(520px, .57fr) !important;
        grid-template-rows: minmax(0, 1fr) 54px !important;
        gap: 8px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card,
    body.extractor-page .settings-card,
    body.extractor-page .session-results-card {
        border-radius: 15px !important;
        padding: 14px 16px !important;
    }

    body.extractor-page .domain-card .extractor-step-title,
    body.extractor-page .live-card .card-heading {
        height: 36px !important;
        min-height: 36px !important;
        margin-bottom: 6px !important;
        font-size: 21px !important;
    }

    body.extractor-page .domain-card .extractor-step-title i,
    body.extractor-page .live-card .card-heading h2 i,
    body.extractor-page .settings-card .card-heading h2 > i {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 9px !important;
        font-size: 15px !important;
    }

    body.extractor-page #domains-input {
        min-height: 150px !important;
        height: 150px !important;
        max-height: 150px !important;
        padding: 16px 18px !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
        border-radius: 12px !important;
    }

    body.extractor-page .domain-meta {
        min-height: 20px !important;
        height: 20px !important;
        padding: 0 4px !important;
        font-size: 11px !important;
    }

    body.extractor-page .domain-card .domain-actions {
        gap: 8px !important;
        margin-top: 6px !important;
    }

    body.extractor-page .domain-card .domain-actions > .upload-action-button,
    body.extractor-page .domain-card .domain-actions > .validate-button,
    body.extractor-page .domain-card .domain-actions > .start-button {
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 11px !important;
        font-size: 12px !important;
        padding: 0 12px !important;
    }

    body.extractor-page .live-card {
        grid-template-rows: 36px minmax(0, 1fr) 32px !important;
        gap: 7px !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 145px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    body.extractor-page .progress-ring {
        width: 112px !important;
        height: 112px !important;
        min-width: 112px !important;
        align-self: center !important;
    }

    body.extractor-page .progress-ring span {
        font-size: 25px !important;
    }

    body.extractor-page .progress-ring small {
        font-size: 10px !important;
    }

    body.extractor-page .job-details {
        gap: 7px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, minmax(36px, 1fr)) !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 36px !important;
        border-radius: 9px !important;
        padding: 5px 10px 5px 38px !important;
        font-size: 13px !important;
    }

    body.extractor-page .job-details > span {
        font-size: 9px !important;
        left: 38px !important;
        top: 6px !important;
    }

    body.extractor-page .running-actions {
        gap: 8px !important;
    }

    body.extractor-page .running-actions,
    body.extractor-page .running-actions button {
        height: 32px !important;
        min-height: 32px !important;
        border-radius: 9px !important;
        font-size: 12px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card {
        grid-column: 1 / -1 !important;
        height: 54px !important;
        min-height: 54px !important;
        grid-template-columns: 300px minmax(0, 1fr) !important;
        padding: 7px 14px !important;
        gap: 14px !important;
    }

    body.extractor-page .settings-card .card-heading,
    body.extractor-page .settings-card .card-heading h2 {
        height: 38px !important;
        min-height: 38px !important;
        font-size: 16px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid {
        height: 38px !important;
        min-height: 38px !important;
        grid-template-rows: 38px !important;
        grid-template-columns: minmax(150px, 1fr) 1px minmax(190px, 1.1fr) 1px minmax(225px, .9fr) !important;
        gap: 12px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .setting-option-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card,
    body.extractor-page .extractor-grid > article.settings-card > .settings-list.settings-options-grid > .settings-advanced-card > summary {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }

    body.extractor-page .settings-options-grid .toggle,
    body.extractor-page .settings-card .toggle {
        width: 34px !important;
        min-width: 34px !important;
        height: 18px !important;
    }

    body.extractor-page .settings-card .toggle::after {
        width: 14px !important;
        height: 14px !important;
    }

    body.extractor-page .settings-card input:checked + .toggle::after {
        transform: translateX(16px) !important;
    }

    body.extractor-page .session-results-card {
        height: 292px !important;
        min-height: 292px !important;
        padding: 12px 16px !important;
        display: grid !important;
        grid-template-rows: 46px minmax(0, 1fr) !important;
    }

    body.extractor-page .session-results-card .section-heading {
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        align-items: center !important;
    }

    body.extractor-page .session-results-card .section-heading h2 {
        font-size: 18px !important;
    }

    body.extractor-page .results-toolbar {
        gap: 7px !important;
    }

    body.extractor-page .results-toolbar .table-button,
    body.extractor-page .results-toolbar .filter-control {
        height: 38px !important;
        min-height: 38px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
        padding: 0 11px !important;
    }

    body.extractor-page .session-results-card .table-wrap {
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body.extractor-page .session-results-card th {
        height: 29px !important;
        padding: 5px 10px !important;
        font-size: 10px !important;
    }

    body.extractor-page .session-results-card td {
        height: 28px !important;
        padding: 4px 10px !important;
        font-size: 10px !important;
    }

    body.extractor-page .session-results-card .empty-state {
        height: 160px !important;
        min-height: 160px !important;
        padding: 12px !important;
    }
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .app-shell {
        grid-template-columns: 220px minmax(0, calc(100vw - 220px)) !important;
    }

    body.extractor-page .sidebar {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
        padding: 14px 10px 10px !important;
    }

    body.extractor-page .content {
        grid-template-rows: 48px minmax(0, 1fr) 245px !important;
        gap: 6px !important;
        padding: 8px 14px 6px !important;
    }

    body.extractor-page .extractor-workspace-head {
        height: 48px !important;
        min-height: 48px !important;
    }

    body.extractor-page .extractor-workspace-head h2 {
        font-size: 22px !important;
    }

    body.extractor-page .extractor-workspace-head p {
        font-size: 12px !important;
    }

    body.extractor-page .head-welcome-pill,
    body.extractor-page .head-remaining-pill,
    body.extractor-page .extractor-workspace-head .advanced-button {
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 10px !important;
    }

    body.extractor-page .head-welcome-pill {
        min-width: 190px !important;
    }

    body.extractor-page .head-remaining-pill {
        min-width: 108px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) 48px !important;
        gap: 6px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        padding: 10px 14px !important;
    }

    body.extractor-page #domains-input {
        min-height: 132px !important;
        height: 132px !important;
        max-height: 132px !important;
        padding: 13px 16px !important;
    }

    body.extractor-page .progress-ring {
        width: 98px !important;
        height: 98px !important;
        min-width: 98px !important;
    }

    body.extractor-page .job-details {
        grid-template-rows: repeat(3, minmax(31px, 1fr)) !important;
        gap: 5px !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 31px !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    body.extractor-page .extractor-grid > article.settings-card {
        height: 48px !important;
        min-height: 48px !important;
        padding: 5px 12px !important;
    }

    body.extractor-page .session-results-card {
        height: 245px !important;
        min-height: 245px !important;
        padding: 9px 12px !important;
    }

    body.extractor-page .session-results-card .empty-state {
        height: 130px !important;
        min-height: 130px !important;
    }
}

/* Final logo cleanup: remove old pseudo text that duplicated MailExtract */
body.extractor-page .sidebar-brand::before,
body.extractor-page .sidebar-brand::after,
body.extractor-page .sidebar-brand > span:last-child::before,
body.extractor-page .sidebar-brand > span:last-child::after {
    content: none !important;
    display: none !important;
}

body.extractor-page .sidebar-brand > span:last-child {
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
    letter-spacing: -1px !important;
    line-height: 1 !important;
    text-indent: 0 !important;
}

/* Final compact extraction history page fix */
body.extractor-history-page {
    overflow: hidden !important;
}

body.extractor-history-page .topbar {
    display: none !important;
}

body.extractor-history-page .content {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    height: 100vh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 20px 14px 14px 14px !important;
}

body.extractor-history-page .history-filters {
    align-items: end !important;
    background: rgba(15, 23, 42, 0.78) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 50px rgba(2, 6, 23, 0.28) !important;
    display: grid !important;
    flex: 0 0 auto !important;
    gap: 12px !important;
    grid-template-columns: minmax(220px, 1.3fr) minmax(150px, .75fr) minmax(250px, 1.15fr) 150px !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 12px 14px !important;
}

body.extractor-history-page .filter-field {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
}

body.extractor-history-page .filter-field > span:first-child {
    color: #dbeafe !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body.extractor-history-page .history-filters .filter-control {
    align-items: center !important;
    background: rgba(2, 10, 26, 0.68) !important;
    border: 1px solid rgba(91, 127, 187, 0.32) !important;
    border-radius: 11px !important;
    color: #c7d2fe !important;
    display: flex !important;
    gap: 9px !important;
    height: 38px !important;
    min-height: 38px !important;
    min-width: 0 !important;
    padding: 0 11px !important;
    position: relative !important;
    width: 100% !important;
}

body.extractor-history-page .history-filters .filter-control input,
body.extractor-history-page .history-filters .filter-control select {
    background: transparent !important;
    border: 0 !important;
    color: #f8fafc !important;
    flex: 1 1 auto !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    height: auto !important;
    min-width: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
}

body.extractor-history-page .history-filters .filter-control input::placeholder {
    color: #93a4bd !important;
    opacity: 1 !important;
}

body.extractor-history-page .history-filters .filter-control i {
    color: #93c5fd !important;
    font-size: 16px !important;
    left: auto !important;
    position: static !important;
}

body.extractor-history-page .history-filters .filter-control .leading {
    order: -1 !important;
}

body.extractor-history-page .history-filters .export-button {
    align-items: center !important;
    align-self: end !important;
    background: rgba(15, 23, 42, 0.82) !important;
    border: 1px solid rgba(96, 165, 250, 0.26) !important;
    border-radius: 11px !important;
    color: #dbeafe !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    gap: 8px !important;
    height: 38px !important;
    justify-content: center !important;
    min-height: 38px !important;
    min-width: 0 !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
}

body.extractor-history-page .history-card {
    background: rgba(15, 23, 42, 0.84) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 58px rgba(2, 6, 23, 0.34) !important;
    display: grid !important;
    flex: 0 1 auto !important;
    grid-template-rows: minmax(0, auto) 42px !important;
    height: auto !important;
    margin: 0 !important;
    max-height: calc(100vh - 106px) !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 10px 12px 8px !important;
}

body.extractor-history-page .history-table-wrap {
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    border-radius: 13px !important;
    max-height: calc(100vh - 174px) !important;
    min-height: 220px !important;
    overflow: auto !important;
}

body.extractor-history-page .history-table {
    min-width: 940px !important;
    width: 100% !important;
}

body.extractor-history-page .history-table th {
    background: rgba(51, 65, 85, 0.72) !important;
    color: #dbe4f0 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    height: 38px !important;
    padding: 8px 14px !important;
    position: sticky !important;
    text-transform: none !important;
    top: 0 !important;
    z-index: 1 !important;
}

body.extractor-history-page .history-table td {
    border-bottom: 1px solid rgba(148, 163, 184, 0.13) !important;
    color: #f8fafc !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    height: 46px !important;
    padding: 10px 14px !important;
}

body.extractor-history-page .history-table td:first-child a {
    color: #f8fafc !important;
    text-decoration: none !important;
}

body.extractor-history-page .history-status {
    border-radius: 8px !important;
    font-size: 11px !important;
    padding: 6px 10px !important;
}

body.extractor-history-page .history-pagination {
    align-items: center !important;
    color: #8ea0ba !important;
    display: flex !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    height: 42px !important;
    justify-content: space-between !important;
    padding: 6px 4px 0 !important;
}

body.extractor-history-page .history-pagination .pagination-buttons {
    align-items: center !important;
    display: flex !important;
    gap: 7px !important;
}

body.extractor-history-page .history-pagination .pagination-buttons button {
    align-items: center !important;
    background: rgba(15, 23, 42, 0.76) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 10px !important;
    color: #dbeafe !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    min-width: 34px !important;
    padding: 0 10px !important;
}

body.extractor-history-page .history-pagination .pagination-buttons button.active {
    background: linear-gradient(135deg, #2f80ed, #9b4dff) !important;
    border-color: rgba(167, 139, 250, 0.78) !important;
    color: #fff !important;
    box-shadow: 0 10px 26px rgba(124, 58, 237, 0.32) !important;
}

body.extractor-history-page .empty-state {
    color: #9fb0ca !important;
    height: 120px !important;
    padding: 26px 14px !important;
    text-align: center !important;
}

@media (max-width: 1180px) {
    body.extractor-history-page .history-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Functional help and how-it-works modals */
body.extractor-page .sidebar-nav button.nav-link,
body.dashboard-page .sidebar-nav button.nav-link,
body.billing-page .sidebar-nav button.nav-link,
body.settings-page .sidebar-nav button.nav-link {
    appearance: none !important;
    border: 1px solid transparent !important;
    font: inherit !important;
    text-align: left !important;
    width: 100% !important;
}

.support-help-modal,
.extractor-guide-modal,
.notification-modal {
    align-items: center !important;
    background: rgba(2, 6, 23, 0.72) !important;
    backdrop-filter: blur(12px) !important;
    display: grid !important;
    inset: 0 !important;
    justify-items: center !important;
    padding: 18px !important;
    position: fixed !important;
    z-index: 9999 !important;
}

.support-help-modal[hidden],
.extractor-guide-modal[hidden],
.notification-modal[hidden] {
    display: none !important;
}

.support-modal-panel,
.guide-modal-panel,
.notification-panel {
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 65, 178, 0.18), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(139, 92, 246, 0.20), transparent 30%),
        linear-gradient(145deg, rgba(10, 20, 42, 0.98), rgba(13, 23, 45, 0.96)) !important;
    border: 1px solid rgba(148, 163, 184, 0.20) !important;
    border-radius: 20px !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48), 0 0 40px rgba(255, 49, 165, 0.10) !important;
    color: #f8fafc !important;
    max-height: min(680px, calc(100vh - 32px)) !important;
    max-width: 640px !important;
    overflow-y: auto !important;
    padding: 18px !important;
    width: min(640px, 94vw) !important;
}

.guide-modal-panel {
    max-height: min(680px, calc(100vh - 32px)) !important;
    max-width: 820px !important;
    overflow-y: auto !important;
    width: min(820px, 96vw) !important;
}

.notification-panel {
    max-height: min(520px, calc(100vh - 32px)) !important;
    max-width: 430px !important;
    padding: 16px !important;
    width: min(430px, 92vw) !important;
}

.support-modal-panel > header,
.guide-modal-panel > header,
.notification-panel > header {
    align-items: center !important;
    background: rgba(10, 20, 42, 0.96) !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: -2px 0 16px !important;
    padding-bottom: 14px !important;
    position: sticky !important;
    top: -18px !important;
    z-index: 2 !important;
}

.support-modal-panel > header > div,
.guide-modal-panel > header > div,
.notification-panel > header > div {
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
    min-width: 0 !important;
}

.support-modal-icon,
.guide-modal-icon,
.notification-icon {
    align-items: center !important;
    background: linear-gradient(135deg, #ff3da8, #8b35ff) !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 32px rgba(197, 56, 255, 0.28) !important;
    color: #fff !important;
    display: inline-flex !important;
    height: 46px !important;
    justify-content: center !important;
    min-width: 46px !important;
    width: 46px !important;
}

.support-modal-panel h2,
.guide-modal-panel h2,
.notification-panel h2 {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
    letter-spacing: -0.4px !important;
    margin: 0 !important;
}

.support-modal-panel p,
.guide-modal-panel p,
.notification-panel p {
    color: #aebcd4 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin: 3px 0 0 !important;
}

.support-modal-close,
.guide-modal-close,
.notification-close {
    align-items: center !important;
    background: rgba(15, 23, 42, 0.92) !important;
    border: 1px solid rgba(191, 219, 254, 0.30) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    display: inline-flex !important;
    height: 38px !important;
    justify-content: center !important;
    min-width: 38px !important;
    width: 38px !important;
}

.support-modal-close:hover,
.guide-modal-close:hover,
.notification-close:hover {
    border-color: rgba(255, 61, 168, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(255, 61, 168, 0.10) !important;
}

.notification-list {
    display: grid !important;
    gap: 10px !important;
    max-height: 340px !important;
    overflow-y: auto !important;
    padding-right: 2px !important;
}

.notification-list article {
    align-items: flex-start !important;
    background: rgba(8, 18, 38, 0.72) !important;
    border: 1px solid rgba(96, 165, 250, 0.16) !important;
    border-radius: 14px !important;
    display: flex !important;
    gap: 11px !important;
    padding: 12px !important;
}

.notification-list article > i {
    align-items: center !important;
    background: rgba(37, 99, 235, 0.14) !important;
    border: 1px solid rgba(96, 165, 250, 0.20) !important;
    border-radius: 10px !important;
    color: #93c5fd !important;
    display: inline-flex !important;
    height: 32px !important;
    justify-content: center !important;
    min-width: 32px !important;
}

.notification-list strong {
    color: #fff !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.notification-list span {
    color: #9fb0ca !important;
    display: block !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    margin-top: 3px !important;
}

.support-contact-grid {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-bottom: 14px !important;
}

.support-contact-card,
.support-faq-list article,
.guide-step-grid article,
.guide-note {
    background: rgba(8, 18, 38, 0.72) !important;
    border: 1px solid rgba(96, 165, 250, 0.16) !important;
    border-radius: 15px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.support-contact-card {
    color: #f8fafc !important;
    display: grid !important;
    gap: 5px !important;
    min-height: 104px !important;
    padding: 14px !important;
    text-decoration: none !important;
}

.support-contact-card i {
    color: #60a5fa !important;
    font-size: 21px !important;
}

.support-contact-card span,
.support-faq-list article p,
.guide-note span {
    color: #9fb0ca !important;
    font-size: 12px !important;
}

.support-contact-card strong {
    color: #fff !important;
    font-size: 13px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.support-faq-list {
    display: grid !important;
    gap: 10px !important;
}

.support-faq-list article {
    align-items: flex-start !important;
    display: flex !important;
    gap: 12px !important;
    padding: 12px !important;
}

.support-faq-list article i {
    align-items: center !important;
    background: rgba(37, 99, 235, 0.14) !important;
    border: 1px solid rgba(96, 165, 250, 0.20) !important;
    border-radius: 11px !important;
    color: #93c5fd !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    min-width: 34px !important;
}

.support-faq-list article strong,
.guide-step-grid article strong {
    color: #fff !important;
    display: block !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.support-modal-panel footer,
.guide-modal-panel footer {
    align-items: center !important;
    border-top: 1px solid rgba(148, 163, 184, 0.14) !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin-top: 16px !important;
    padding-top: 14px !important;
}

.support-primary-action,
.support-secondary-action {
    align-items: center !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    gap: 8px !important;
    height: 40px !important;
    justify-content: center !important;
    padding: 0 15px !important;
    text-decoration: none !important;
}

.support-primary-action {
    background: linear-gradient(135deg, #ff3da8, #8b35ff) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    color: #fff !important;
    box-shadow: 0 14px 32px rgba(197, 56, 255, 0.25) !important;
}

.support-secondary-action {
    background: rgba(15, 23, 42, 0.74) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    color: #dbeafe !important;
}

button.support-secondary-action {
    appearance: none !important;
}

.guide-step-grid {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.guide-step-grid article {
    min-height: 158px !important;
    padding: 14px !important;
    position: relative !important;
}

.guide-step-grid article > span {
    color: rgba(255, 255, 255, 0.22) !important;
    font-size: 24px !important;
    font-weight: 1000 !important;
    position: absolute !important;
    right: 12px !important;
    top: 9px !important;
}

.guide-step-grid article i {
    align-items: center !important;
    background: linear-gradient(135deg, rgba(255, 61, 168, 0.20), rgba(74, 144, 255, 0.18)) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 13px !important;
    color: #fff !important;
    display: inline-flex !important;
    height: 40px !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
    width: 40px !important;
}

.guide-note {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    margin-top: 12px !important;
    padding: 11px 13px !important;
}

.guide-note i {
    color: #22c55e !important;
}

@media (max-width: 900px) {
    .support-contact-grid,
    .guide-step-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 620px) {
    .support-contact-grid,
    .guide-step-grid {
        grid-template-columns: 1fr !important;
    }

    .support-modal-panel footer,
    .guide-modal-panel footer {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .support-modal-panel,
    .guide-modal-panel,
    .notification-panel {
        border-radius: 16px !important;
        max-height: calc(100vh - 24px) !important;
        padding: 14px !important;
        width: calc(100vw - 24px) !important;
    }

    .support-modal-panel > header,
    .guide-modal-panel > header,
    .notification-panel > header {
        top: -14px !important;
    }
}

/* Final extractor settings popover placement */
body.extractor-page .domain-card {
    overflow: visible !important;
    position: relative !important;
}

body.extractor-page .domain-card-topline {
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
    justify-content: space-between !important;
    margin: 0 !important;
    min-height: 42px !important;
    position: relative !important;
    z-index: 12 !important;
}

body.extractor-page .domain-card-topline .extractor-step-title {
    flex: 1 1 auto !important;
    margin: 0 !important;
}

body.extractor-page .domain-settings-button {
    align-items: center !important;
    background:
        linear-gradient(135deg, rgba(255, 65, 178, 0.16), rgba(139, 92, 246, 0.14)),
        rgba(15, 23, 42, 0.88) !important;
    border: 1px solid rgba(167, 139, 250, 0.35) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 26px rgba(124, 58, 237, 0.18) !important;
    color: #f8fafc !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    gap: 8px !important;
    height: 38px !important;
    justify-content: center !important;
    min-width: 112px !important;
    padding: 0 13px !important;
}

body.extractor-page .domain-settings-button i {
    color: #f472b6 !important;
    font-size: 16px !important;
}

body.extractor-page .domain-settings-button[aria-expanded="true"] {
    border-color: rgba(244, 114, 182, 0.70) !important;
    box-shadow: 0 0 0 3px rgba(244, 114, 182, 0.10), 0 16px 34px rgba(124, 58, 237, 0.24) !important;
}

body.extractor-page .domain-settings-popover {
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 65, 178, 0.18), transparent 34%),
        linear-gradient(145deg, rgba(10, 20, 42, 0.98), rgba(13, 23, 45, 0.96)) !important;
    border: 1px solid rgba(148, 163, 184, 0.20) !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42), 0 0 34px rgba(168, 85, 247, 0.12) !important;
    display: block !important;
    padding: 12px !important;
    position: absolute !important;
    right: 16px !important;
    top: 60px !important;
    width: min(520px, calc(100% - 32px)) !important;
    z-index: 50 !important;
}

body.extractor-page .domain-settings-popover[hidden] {
    display: none !important;
}

body.extractor-page .domain-settings-popover .popover-heading {
    align-items: center !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

body.extractor-page .domain-settings-popover .popover-heading strong {
    align-items: center !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
    gap: 8px !important;
}

body.extractor-page .domain-settings-popover .popover-heading strong i {
    color: #a78bfa !important;
}

body.extractor-page .domain-settings-popover .popover-heading button {
    align-items: center !important;
    background: rgba(15, 23, 42, 0.80) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 10px !important;
    color: #dbeafe !important;
    display: inline-flex !important;
    height: 32px !important;
    justify-content: center !important;
    width: 32px !important;
}

body.extractor-page .domain-settings-popover .settings-list.settings-options-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 1fr !important;
    height: auto !important;
    min-height: 0 !important;
}

body.extractor-page .domain-settings-popover .setting-option-card,
body.extractor-page .domain-settings-popover .settings-advanced-card,
body.extractor-page .domain-settings-popover .settings-advanced-card > summary {
    background: rgba(8, 18, 38, 0.74) !important;
    border: 1px solid rgba(96, 165, 250, 0.16) !important;
    border-radius: 13px !important;
    display: flex !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 9px 11px !important;
}

body.extractor-page .domain-settings-popover .setting-option-card,
body.extractor-page .domain-settings-popover .settings-advanced-card > summary {
    align-items: center !important;
    justify-content: space-between !important;
}

body.extractor-page .domain-settings-popover .setting-option-copy {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    min-width: 0 !important;
}

body.extractor-page .domain-settings-popover .setting-option-copy > i {
    align-items: center !important;
    background: rgba(37, 99, 235, 0.16) !important;
    border-radius: 10px !important;
    color: #93c5fd !important;
    display: inline-flex !important;
    height: 32px !important;
    justify-content: center !important;
    min-width: 32px !important;
}

body.extractor-page .domain-settings-popover .setting-option-copy strong {
    color: #fff !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

body.extractor-page .domain-settings-popover .setting-option-copy small {
    color: #9fb0ca !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
}

body.extractor-page .domain-settings-popover .enabled-badge {
    display: none !important;
}

body.extractor-page .domain-settings-popover .advanced-settings {
    display: block !important;
    height: auto !important;
    min-height: 52px !important;
    overflow: visible !important;
    position: relative !important;
    width: 100% !important;
}

body.extractor-page .domain-settings-popover .advanced-settings > div {
    background: rgba(2, 10, 26, 0.92) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 12px !important;
    display: grid !important;
    gap: 8px !important;
    margin-top: 8px !important;
    padding: 10px !important;
}

body.extractor-page .domain-settings-popover .advanced-settings > div label {
    align-items: center !important;
    color: #dbeafe !important;
    display: flex !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    gap: 8px !important;
}

body.extractor-page .extractor-grid > article.settings-card {
    display: none !important;
}

body.extractor-page .extractor-grid {
    grid-template-areas: "domain live" !important;
    grid-template-columns: minmax(420px, .45fr) minmax(560px, .55fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
}

body.extractor-page .domain-card {
    grid-area: domain !important;
}

body.extractor-page .live-card {
    grid-area: live !important;
}

body.extractor-page .session-results-card {
    height: 342px !important;
    min-height: 300px !important;
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .extractor-grid {
        grid-template-rows: minmax(0, 1fr) !important;
    }

    body.extractor-page .session-results-card {
        height: 292px !important;
        min-height: 270px !important;
    }
}

@media (max-width: 1180px) {
    body.extractor-page .extractor-grid {
        grid-template-areas: "domain" "live" !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
    }
}

/* Final results spacing reduction */
body.extractor-page .session-results-card {
    display: grid !important;
    grid-template-rows: 48px minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 10px 14px 8px !important;
}

body.extractor-page .session-results-card .section-heading {
    align-items: center !important;
    display: flex !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
}

body.extractor-page .session-results-card .section-heading h2 {
    align-items: center !important;
    display: inline-flex !important;
    gap: 8px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

body.extractor-page .session-results-card .results-toolbar {
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
}

body.extractor-page .session-results-card .results-toolbar .table-button,
body.extractor-page .session-results-card .results-toolbar .filter-control {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
}

body.extractor-page .session-results-card .table-wrap {
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.extractor-page .session-results-card .jobs-table {
    height: 100% !important;
}

body.extractor-page .session-results-card .jobs-table th {
    height: 30px !important;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}

body.extractor-page .session-results-card .empty-state {
    height: 178px !important;
    min-height: 178px !important;
    padding: 18px 12px !important;
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .session-results-card {
        grid-template-rows: 42px minmax(0, 1fr) !important;
        gap: 5px !important;
        padding: 8px 12px 7px !important;
    }

    body.extractor-page .session-results-card .section-heading {
        height: 40px !important;
        min-height: 40px !important;
    }

    body.extractor-page .session-results-card .results-toolbar .table-button,
    body.extractor-page .session-results-card .results-toolbar .filter-control {
        height: 34px !important;
        min-height: 34px !important;
    }

    body.extractor-page .session-results-card .empty-state {
        height: 150px !important;
        min-height: 150px !important;
    }
}

/* Final premium single-screen billing layout */
body.billing-page {
    overflow: hidden !important;
}

body.billing-page .topbar {
    display: none !important;
}

body.billing-page .app-shell {
    height: 100vh !important;
    overflow: hidden !important;
}

body.billing-page .sidebar {
    padding: 16px 10px 12px !important;
}

body.billing-page .sidebar-brand {
    margin-bottom: 16px !important;
}

body.billing-page .sidebar-nav {
    gap: 8px !important;
}

body.billing-page .nav-link {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 14px !important;
}

body.billing-page .plan-card {
    padding: 12px !important;
}

body.billing-page .content {
    display: grid !important;
    grid-template-rows: 58px 76px 144px 214px minmax(0, 118px) !important;
    gap: 10px !important;
    height: 100vh !important;
    overflow: hidden !important;
    padding: 14px 18px 8px !important;
}

body.billing-page .billing-reference-head {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: minmax(260px, 1fr) 330px auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
}

body.billing-page .billing-reference-head::after {
    display: none !important;
}

body.billing-page .billing-reference-head h2 {
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    margin: 0 0 6px !important;
}

body.billing-page .billing-reference-head p {
    align-items: center !important;
    color: #9fb0ca !important;
    display: flex !important;
    font-size: 11px !important;
    gap: 6px !important;
    margin: 0 !important;
}

body.billing-page .billing-reference-head p a {
    color: #aebcd4 !important;
    text-decoration: none !important;
}

body.billing-page .billing-usage-mini {
    background: rgba(15, 23, 42, 0.82) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 36px rgba(2, 6, 23, 0.24) !important;
    color: #cbd5e1 !important;
    display: grid !important;
    font-size: 10px !important;
    gap: 4px !important;
    padding: 8px 10px !important;
}

body.billing-page .billing-usage-mini span {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
}

body.billing-page .billing-usage-mini strong {
    color: #fff !important;
    font-weight: 950 !important;
}

body.billing-page .billing-usage-mini em {
    background: rgba(51, 65, 85, 0.70) !important;
    border-radius: 999px !important;
    display: block !important;
    height: 5px !important;
    margin-top: 2px !important;
    overflow: hidden !important;
}

body.billing-page .billing-usage-mini em i {
    background: linear-gradient(90deg, #ff3da8, #8b35ff) !important;
    display: block !important;
    height: 100% !important;
}

body.billing-page .billing-hero-actions {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
}

body.billing-page .billing-gradient-button,
body.billing-page .billing-help-button {
    align-items: center !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    gap: 8px !important;
    height: 40px !important;
    justify-content: center !important;
    padding: 0 16px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.billing-page .billing-help-button {
    background: rgba(2, 10, 26, 0.76) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    color: #fff !important;
}

body.billing-page .billing-stat-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 !important;
}

body.billing-page .billing-stat-card {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    min-height: 0 !important;
    padding: 12px !important;
}

body.billing-page .billing-stat-card > i {
    grid-row: 1 / 4 !important;
    height: 40px !important;
    width: 40px !important;
}

body.billing-page .billing-stat-card span {
    font-size: 10px !important;
    line-height: 1 !important;
}

body.billing-page .billing-stat-card strong {
    font-size: 19px !important;
    line-height: 1.15 !important;
}

body.billing-page .billing-stat-card small {
    font-size: 10px !important;
    line-height: 1.1 !important;
}

body.billing-page .billing-table-card,
body.billing-page .billing-plan-section {
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 12px !important;
}

body.billing-page .billing-section-head {
    align-items: center !important;
    display: flex !important;
    margin: 0 0 8px !important;
    min-height: 0 !important;
}

body.billing-page .billing-section-head h2 {
    font-size: 15px !important;
    line-height: 1 !important;
    margin: 0 0 3px !important;
}

body.billing-page .billing-section-head p {
    font-size: 10px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

body.billing-page .billing-manage-button {
    align-items: center !important;
    background: rgba(15, 23, 42, 0.80) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
    border-radius: 9px !important;
    color: #dbeafe !important;
    display: inline-flex !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    gap: 6px !important;
    height: 30px !important;
    padding: 0 10px !important;
}

body.billing-page .billing-summary-grid {
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    height: calc(100% - 36px) !important;
}

body.billing-page .billing-summary-grid div {
    border-radius: 0 !important;
    min-height: 0 !important;
    padding: 8px 10px !important;
}

body.billing-page .billing-summary-grid span {
    font-size: 9px !important;
    line-height: 1 !important;
}

body.billing-page .billing-summary-grid strong {
    font-size: 12px !important;
    line-height: 1.15 !important;
}

body.billing-page .billing-plan-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    height: calc(100% - 34px) !important;
}

body.billing-page .billing-plan-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 12px !important;
}

body.billing-page .plan-card-top {
    align-items: start !important;
    margin-bottom: 8px !important;
}

body.billing-page .plan-card-top h3 {
    font-size: 15px !important;
    line-height: 1 !important;
}

body.billing-page .recommended-badge,
body.billing-page .current-badge {
    font-size: 9px !important;
    padding: 5px 8px !important;
}

body.billing-page .plan-price strong {
    font-size: 24px !important;
    line-height: 1 !important;
}

body.billing-page .plan-price span {
    font-size: 10px !important;
}

body.billing-page .plan-credit-highlight {
    background: transparent !important;
    border: 0 !important;
    display: none !important;
}

body.billing-page .billing-plan-description {
    display: none !important;
}

body.billing-page .billing-plan-features {
    gap: 5px !important;
    margin: 8px 0 10px !important;
}

body.billing-page .billing-plan-features li {
    font-size: 10px !important;
    gap: 6px !important;
    line-height: 1.2 !important;
}

body.billing-page .plan-cta {
    height: 34px !important;
    margin-top: auto !important;
    min-height: 34px !important;
}

body.billing-page .billing-table-card#payment-history {
    padding-bottom: 8px !important;
}

body.billing-page #payment-history .table-wrap {
    height: calc(100% - 36px) !important;
    overflow: auto !important;
}

body.billing-page .billing-table {
    min-width: 960px !important;
    width: 100% !important;
}

body.billing-page .billing-table th {
    font-size: 10px !important;
    height: 30px !important;
    padding: 7px 10px !important;
}

body.billing-page .billing-table td {
    font-size: 10px !important;
    height: 34px !important;
    padding: 7px 10px !important;
}

body.billing-page .receipt-button {
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 8px !important;
}

body.billing-page .billing-empty {
    height: 70px !important;
    min-height: 70px !important;
    padding: 12px !important;
}

@media (max-width: 1180px) {
    body.billing-page {
        overflow: auto !important;
    }

    body.billing-page .app-shell,
    body.billing-page .content {
        height: auto !important;
        overflow: visible !important;
    }

    body.billing-page .content,
    body.billing-page .billing-reference-head,
    body.billing-page .billing-stat-grid,
    body.billing-page .billing-plan-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
    }

    body.billing-page .billing-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Final billing pricing alignment fix */
body.billing-page .content {
    grid-template-rows: 56px 72px 126px 282px minmax(0, 96px) !important;
    gap: 9px !important;
    padding-bottom: 7px !important;
}

body.billing-page .billing-table-card {
    padding: 10px 12px !important;
}

body.billing-page .billing-summary-grid {
    height: calc(100% - 30px) !important;
}

body.billing-page .billing-summary-grid div {
    padding: 6px 9px !important;
}

body.billing-page .billing-plan-section {
    display: grid !important;
    grid-template-rows: 30px minmax(0, 1fr) !important;
    padding: 10px 12px !important;
}

body.billing-page .billing-plan-section .billing-section-head {
    height: 28px !important;
    margin: 0 !important;
}

body.billing-page .billing-plan-grid {
    align-items: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
}

body.billing-page .billing-plan-card {
    height: 100% !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    padding: 12px 14px !important;
}

body.billing-page .plan-card-top {
    flex: 0 0 auto !important;
    min-height: 24px !important;
}

body.billing-page .plan-price {
    flex: 0 0 auto !important;
    margin: 7px 0 8px !important;
}

body.billing-page .billing-plan-features {
    flex: 1 1 auto !important;
    gap: 4px !important;
    margin: 0 0 8px !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body.billing-page .billing-plan-features li {
    font-size: 10px !important;
    line-height: 1.12 !important;
}

body.billing-page .billing-plan-features i {
    font-size: 12px !important;
}

body.billing-page .plan-cta {
    flex: 0 0 32px !important;
    height: 32px !important;
    min-height: 32px !important;
}

body.billing-page #payment-history .billing-section-head {
    height: 28px !important;
    margin-bottom: 6px !important;
}

body.billing-page #payment-history .table-wrap {
    height: calc(100% - 34px) !important;
}

body.billing-page .billing-table th {
    height: 26px !important;
    padding: 5px 9px !important;
}

body.billing-page .billing-table td {
    height: 30px !important;
    padding: 5px 9px !important;
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.billing-page .content {
        grid-template-rows: 52px 66px 118px 260px minmax(0, 86px) !important;
        gap: 7px !important;
    }

    body.billing-page .billing-plan-card {
        padding: 10px 12px !important;
    }

    body.billing-page .billing-plan-features li {
        font-size: 9px !important;
    }

    body.billing-page .plan-price strong {
        font-size: 22px !important;
    }
}

/* Billing: remove duplicate stat strip and make pricing prominent */
body.billing-page .billing-stat-grid {
    display: none !important;
}

body.billing-page .content {
    grid-template-rows: 56px 126px 390px minmax(0, 96px) !important;
    gap: 10px !important;
}

body.billing-page .billing-plan-section {
    grid-template-rows: 38px minmax(0, 1fr) !important;
    padding: 12px 14px !important;
}

body.billing-page .billing-plan-section .billing-section-head {
    height: 36px !important;
}

body.billing-page .billing-plan-section .billing-section-head h2 {
    font-size: 18px !important;
}

body.billing-page .billing-plan-section .billing-section-head p {
    color: #93c5fd !important;
    font-size: 12px !important;
}

body.billing-page .billing-plan-grid {
    gap: 14px !important;
}

body.billing-page .billing-plan-card {
    background:
        radial-gradient(circle at 80% 0%, rgba(255, 65, 178, 0.10), transparent 32%),
        linear-gradient(145deg, rgba(20, 31, 56, 0.98), rgba(13, 23, 45, 0.96)) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 48px rgba(2, 6, 23, 0.34) !important;
    padding: 18px !important;
}

body.billing-page .billing-plan-card.recommended {
    border-color: rgba(255, 65, 178, 0.72) !important;
    box-shadow: 0 24px 64px rgba(255, 65, 178, 0.16), inset 0 0 0 1px rgba(255, 65, 178, 0.14) !important;
}

body.billing-page .billing-plan-card.current {
    border-color: rgba(34, 197, 94, 0.32) !important;
}

body.billing-page .plan-card-top {
    margin-bottom: 12px !important;
}

body.billing-page .plan-card-top h3 {
    font-size: 20px !important;
}

body.billing-page .plan-price {
    margin: 10px 0 14px !important;
}

body.billing-page .plan-price strong {
    font-size: 32px !important;
}

body.billing-page .plan-price span {
    color: #aebcd4 !important;
    font-size: 12px !important;
}

body.billing-page .plan-credit-highlight,
body.billing-page .plan-credit-highlight.muted {
    align-items: center !important;
    background: rgba(8, 18, 38, 0.72) !important;
    border: 1px solid rgba(96, 165, 250, 0.14) !important;
    border-radius: 12px !important;
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 8px !important;
    min-height: 38px !important;
    padding: 8px 11px !important;
}

body.billing-page .plan-credit-highlight span {
    color: #aebcd4 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

body.billing-page .plan-credit-highlight strong {
    color: #bfdbfe !important;
    font-size: 17px !important;
    font-weight: 1000 !important;
}

body.billing-page .billing-plan-features {
    background: rgba(2, 10, 26, 0.22) !important;
    border-radius: 12px !important;
    gap: 6px !important;
    margin: 10px 0 12px !important;
    padding: 8px 4px !important;
}

body.billing-page .billing-plan-features li {
    color: #dbeafe !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}

body.billing-page .billing-plan-features i {
    color: #22d3ee !important;
    font-size: 13px !important;
}

body.billing-page .plan-cta {
    border-radius: 12px !important;
    flex: 0 0 40px !important;
    font-size: 13px !important;
    height: 40px !important;
    min-height: 40px !important;
}

body.billing-page .plan-cta.primary {
    background: linear-gradient(135deg, #ff3da8, #8b35ff) !important;
    box-shadow: 0 16px 36px rgba(255, 65, 178, 0.24) !important;
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.billing-page .content {
        grid-template-rows: 52px 112px 350px minmax(0, 82px) !important;
        gap: 8px !important;
    }

    body.billing-page .billing-plan-card {
        padding: 14px !important;
    }

    body.billing-page .plan-card-top h3 {
        font-size: 18px !important;
    }

    body.billing-page .plan-price strong {
        font-size: 28px !important;
    }

    body.billing-page .plan-credit-highlight,
    body.billing-page .plan-credit-highlight.muted {
        min-height: 33px !important;
        padding: 6px 9px !important;
    }

    body.billing-page .billing-plan-features li {
        font-size: 10px !important;
    }
}

/* Billing final reference-match pass */
body.billing-page .content {
    grid-template-rows: 62px 88px 154px 254px minmax(0, 122px) !important;
    gap: 10px !important;
    padding: 16px 18px 8px !important;
}

body.billing-page .billing-stat-grid {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 !important;
}

body.billing-page .billing-reference-head {
    grid-template-columns: minmax(270px, 1fr) 360px auto !important;
}

body.billing-page .billing-reference-head h2 {
    font-size: 26px !important;
    margin-bottom: 7px !important;
}

body.billing-page .billing-reference-head p {
    font-size: 11px !important;
}

body.billing-page .billing-usage-mini {
    align-self: center !important;
    border-radius: 11px !important;
    padding: 9px 12px !important;
}

body.billing-page .billing-stat-card {
    border-radius: 13px !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    padding: 13px 16px !important;
}

body.billing-page .billing-stat-card > i {
    border-radius: 13px !important;
    height: 44px !important;
    width: 44px !important;
}

body.billing-page .billing-stat-card span {
    color: #aebcd4 !important;
    font-size: 11px !important;
}

body.billing-page .billing-stat-card strong {
    color: #fff !important;
    font-size: 21px !important;
}

body.billing-page .billing-stat-card small {
    color: #9fb0ca !important;
    font-size: 10px !important;
}

body.billing-page .billing-table-card {
    border-radius: 13px !important;
    padding: 12px 14px !important;
}

body.billing-page .billing-section-head {
    height: 34px !important;
    margin-bottom: 8px !important;
}

body.billing-page .billing-section-head h2 {
    font-size: 15px !important;
}

body.billing-page .billing-section-head p {
    font-size: 11px !important;
}

body.billing-page .billing-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    height: calc(100% - 42px) !important;
}

body.billing-page .billing-summary-grid div {
    background: rgba(8, 18, 38, 0.44) !important;
    border: 1px solid rgba(96, 165, 250, 0.10) !important;
    min-height: 0 !important;
    padding: 8px 12px !important;
}

body.billing-page .billing-summary-grid span {
    font-size: 10px !important;
}

body.billing-page .billing-summary-grid strong {
    color: #fff !important;
    font-size: 12px !important;
}

body.billing-page .billing-plan-section {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    grid-template-rows: 34px minmax(0, 1fr) !important;
    padding: 0 !important;
}

body.billing-page .billing-plan-section .billing-section-head {
    height: 32px !important;
    margin: 0 !important;
}

body.billing-page .billing-plan-section .billing-section-head h2 {
    font-size: 16px !important;
}

body.billing-page .billing-plan-section .billing-section-head p {
    color: #9fb0ca !important;
    font-size: 11px !important;
}

body.billing-page .billing-plan-grid {
    gap: 12px !important;
}

body.billing-page .billing-plan-card {
    border-radius: 14px !important;
    padding: 16px 18px !important;
}

body.billing-page .billing-plan-card.recommended {
    border-color: rgba(139, 92, 246, 0.65) !important;
    box-shadow: 0 18px 52px rgba(139, 92, 246, 0.14), inset 0 0 0 1px rgba(139, 92, 246, 0.14) !important;
}

body.billing-page .billing-plan-card.current {
    border-color: rgba(34, 197, 94, 0.18) !important;
}

body.billing-page .plan-card-top {
    margin-bottom: 10px !important;
}

body.billing-page .plan-card-top h3 {
    font-size: 16px !important;
}

body.billing-page .recommended-badge,
body.billing-page .current-badge {
    border-radius: 999px !important;
    font-size: 9px !important;
    padding: 5px 9px !important;
}

body.billing-page .plan-price {
    margin: 6px 0 12px !important;
}

body.billing-page .plan-price strong {
    font-size: 27px !important;
}

body.billing-page .plan-price span {
    font-size: 11px !important;
}

body.billing-page .plan-credit-highlight,
body.billing-page .plan-credit-highlight.muted {
    display: none !important;
}

body.billing-page .billing-plan-features {
    background: transparent !important;
    gap: 5px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

body.billing-page .billing-plan-features li {
    color: #cbd5e1 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

body.billing-page .billing-plan-features i {
    color: #10b981 !important;
    font-size: 13px !important;
}

body.billing-page .plan-cta {
    border-radius: 8px !important;
    flex: 0 0 34px !important;
    font-size: 12px !important;
    height: 34px !important;
    min-height: 34px !important;
}

body.billing-page .billing-table-card#payment-history {
    border-radius: 13px !important;
    padding: 11px 14px !important;
}

body.billing-page #payment-history .table-wrap {
    border-radius: 10px !important;
    height: calc(100% - 38px) !important;
}

body.billing-page .billing-table th {
    background: rgba(15, 31, 55, 0.88) !important;
    font-size: 10px !important;
    height: 31px !important;
}

body.billing-page .billing-table td {
    font-size: 10px !important;
    height: 34px !important;
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.billing-page .content {
        grid-template-rows: 58px 80px 142px 236px minmax(0, 106px) !important;
        gap: 8px !important;
    }

    body.billing-page .billing-stat-card {
        padding: 10px 13px !important;
    }

    body.billing-page .billing-plan-card {
        padding: 13px 15px !important;
    }

    body.billing-page .billing-plan-features li {
        font-size: 10px !important;
    }
}

/* Billing reference-match correction: readable summary + full pricing details */
body.billing-page .content {
    grid-template-rows: 60px 86px 174px 224px minmax(0, 118px) !important;
    gap: 9px !important;
    padding: 14px 18px 8px !important;
}

body.billing-page .billing-reference-head {
    grid-template-columns: minmax(260px, 1fr) 430px auto !important;
}

body.billing-page .billing-stat-card {
    min-height: 0 !important;
    padding: 12px 16px !important;
}

body.billing-page .billing-table-card {
    min-height: 0 !important;
    overflow: hidden !important;
}

body.billing-page .billing-summary-grid {
    align-content: stretch !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(3, minmax(38px, 1fr)) !important;
    height: calc(100% - 42px) !important;
}

body.billing-page .billing-summary-grid div {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    justify-content: center !important;
    min-height: 38px !important;
    overflow: hidden !important;
    padding: 8px 12px !important;
}

body.billing-page .billing-summary-grid span {
    color: #9fb0ca !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

body.billing-page .billing-summary-grid strong {
    color: #ffffff !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    opacity: 1 !important;
}

body.billing-page .billing-plan-section {
    grid-template-rows: 34px minmax(0, 1fr) !important;
}

body.billing-page .billing-plan-grid {
    align-items: stretch !important;
    gap: 12px !important;
    height: 100% !important;
}

body.billing-page .billing-plan-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 14px 18px !important;
}

body.billing-page .plan-card-top {
    margin-bottom: 8px !important;
    min-height: 22px !important;
}

body.billing-page .plan-card-top h3 {
    font-size: 16px !important;
}

body.billing-page .plan-price {
    margin: 5px 0 10px !important;
}

body.billing-page .plan-price strong {
    font-size: 25px !important;
}

body.billing-page .billing-plan-features {
    background: transparent !important;
    display: grid !important;
    flex: 1 1 auto !important;
    gap: 4px !important;
    margin: 0 0 10px !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
}

body.billing-page .billing-plan-features li {
    align-items: center !important;
    color: #cbd5e1 !important;
    display: flex !important;
    font-size: 10px !important;
    gap: 7px !important;
    line-height: 1.18 !important;
    min-height: 13px !important;
    white-space: normal !important;
}

body.billing-page .billing-plan-features i {
    color: #10b981 !important;
    flex: 0 0 auto !important;
    font-size: 12px !important;
}

body.billing-page .plan-cta {
    flex: 0 0 32px !important;
    height: 32px !important;
    margin-top: auto !important;
    min-height: 32px !important;
}

body.billing-page #payment-history {
    min-height: 0 !important;
}

body.billing-page #payment-history .table-wrap {
    height: calc(100% - 38px) !important;
    overflow: hidden !important;
}

body.billing-page .billing-table th,
body.billing-page .billing-table td {
    white-space: nowrap !important;
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.billing-page .content {
        grid-template-rows: 56px 78px 160px 212px minmax(0, 98px) !important;
        gap: 7px !important;
    }

    body.billing-page .billing-summary-grid {
        grid-template-rows: repeat(3, minmax(34px, 1fr)) !important;
    }

    body.billing-page .billing-summary-grid div {
        min-height: 34px !important;
        padding: 6px 10px !important;
    }

    body.billing-page .billing-plan-card {
        padding: 12px 16px !important;
    }

    body.billing-page .billing-plan-features li {
        font-size: 9px !important;
        line-height: 1.12 !important;
        min-height: 12px !important;
    }

    body.billing-page .plan-price strong {
        font-size: 23px !important;
    }

    body.billing-page .plan-cta {
        flex-basis: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
    }
}

/* Billing scroll + fixed pricing card readability */
body.billing-page,
body.billing-page .app-shell {
    height: auto !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.billing-page .sidebar {
    height: 100vh !important;
    overflow-y: auto !important;
}

body.billing-page .content {
    display: block !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
    padding: 20px 20px 30px !important;
}

body.billing-page .billing-reference-head,
body.billing-page .billing-stat-grid,
body.billing-page .billing-table-card,
body.billing-page .billing-plan-section {
    margin-bottom: 14px !important;
}

body.billing-page .billing-reference-head {
    display: grid !important;
    min-height: 62px !important;
}

body.billing-page .billing-stat-grid {
    display: grid !important;
    min-height: 92px !important;
}

body.billing-page .billing-table-card {
    min-height: auto !important;
    overflow: visible !important;
}

body.billing-page .billing-summary-grid {
    height: auto !important;
}

body.billing-page .billing-summary-grid div {
    min-height: 48px !important;
}

body.billing-page .billing-plan-section {
    display: block !important;
    min-height: auto !important;
    overflow: visible !important;
}

body.billing-page .billing-plan-section .billing-section-head {
    height: auto !important;
    margin-bottom: 10px !important;
}

body.billing-page .billing-plan-grid {
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    height: auto !important;
}

body.billing-page .billing-plan-card {
    height: auto !important;
    min-height: 310px !important;
    overflow: visible !important;
    padding: 18px 20px !important;
}

body.billing-page .plan-price {
    margin: 12px 0 16px !important;
}

body.billing-page .plan-price strong {
    display: inline-block !important;
    min-width: max-content !important;
}

body.billing-page .billing-plan-features {
    flex: 1 1 auto !important;
    gap: 7px !important;
    margin: 0 0 18px !important;
    overflow: visible !important;
}

body.billing-page .billing-plan-features li {
    font-size: 11px !important;
    line-height: 1.3 !important;
    min-height: 15px !important;
}

body.billing-page .plan-cta {
    margin-top: auto !important;
    position: static !important;
    width: 100% !important;
}

body.billing-page #payment-history {
    min-height: 118px !important;
}

body.billing-page #payment-history .table-wrap {
    height: auto !important;
    max-height: 180px !important;
    overflow: auto !important;
}

@media (max-width: 1180px) {
    body.billing-page .billing-reference-head,
    body.billing-page .billing-stat-grid,
    body.billing-page .billing-plan-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Email extractor premium compact top cards */
body.extractor-page .content {
    grid-template-rows: 52px minmax(0, 430px) minmax(260px, 1fr) !important;
    gap: 8px !important;
}

body.extractor-page .extractor-grid {
    gap: 8px !important;
}

body.extractor-page .domain-card,
body.extractor-page .live-card {
    min-height: 0 !important;
    padding: 12px 16px !important;
}

body.extractor-page .domain-card-topline {
    min-height: 36px !important;
}

body.extractor-page .domain-card-topline .extractor-step-title,
body.extractor-page .live-card .card-heading {
    min-height: 36px !important;
}

body.extractor-page .domain-card-topline .extractor-step-title {
    font-size: 21px !important;
}

body.extractor-page .domain-card-topline .extractor-step-title i,
body.extractor-page .live-card .card-heading h2 i {
    height: 38px !important;
    width: 38px !important;
}

body.extractor-page .domain-settings-button {
    height: 34px !important;
    min-width: 104px !important;
}

body.extractor-page .domain-form {
    margin-top: 6px !important;
}

body.extractor-page .paste-pane {
    min-height: 0 !important;
}

body.extractor-page #domains-input {
    height: 215px !important;
    max-height: 215px !important;
    min-height: 215px !important;
    padding: 18px 26px !important;
}

body.extractor-page .domain-meta {
    bottom: 14px !important;
    padding: 0 8px !important;
}

body.extractor-page .domain-footer {
    margin-top: 10px !important;
}

body.extractor-page .domain-actions {
    gap: 10px !important;
}

body.extractor-page .domain-actions > .upload-action-button,
body.extractor-page .domain-actions > .validate-button,
body.extractor-page .domain-actions > .start-button {
    height: 42px !important;
    min-height: 42px !important;
}

body.extractor-page .live-card {
    display: grid !important;
    grid-template-rows: 42px minmax(0, 1fr) 40px !important;
    gap: 8px !important;
}

body.extractor-page .live-main {
    align-items: center !important;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: 160px minmax(0, 1fr) !important;
}

body.extractor-page .progress-ring {
    height: 118px !important;
    min-width: 118px !important;
    width: 118px !important;
}

body.extractor-page .job-details {
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(3, 74px) !important;
}

body.extractor-page .job-details > strong,
body.extractor-page .job-details > p {
    min-height: 74px !important;
    padding: 18px 14px 10px 52px !important;
}

body.extractor-page .job-details > span {
    left: 52px !important;
    top: 17px !important;
}

body.extractor-page .running-actions {
    height: 40px !important;
}

body.extractor-page .running-actions button {
    height: 38px !important;
    min-height: 38px !important;
}

@media (min-width: 1100px) and (max-height: 840px) {
    body.extractor-page .content {
        grid-template-rows: 48px minmax(0, 380px) minmax(245px, 1fr) !important;
    }

    body.extractor-page #domains-input {
        height: 178px !important;
        max-height: 178px !important;
        min-height: 178px !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 130px minmax(0, 1fr) !important;
    }

    body.extractor-page .progress-ring {
        height: 104px !important;
        min-width: 104px !important;
        width: 104px !important;
    }

    body.extractor-page .job-details {
        grid-template-rows: repeat(3, 58px) !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 58px !important;
        padding: 15px 12px 8px 46px !important;
    }

    body.extractor-page .job-details > span {
        left: 46px !important;
        top: 12px !important;
    }
}

/* Compact extracted results rows when jobs exist */
body.extractor-page .session-results-card .jobs-table {
    height: auto !important;
}

body.extractor-page .session-results-card .jobs-table tbody tr {
    height: 46px !important;
}

body.extractor-page .session-results-card .jobs-table td {
    height: 46px !important;
    padding: 8px 12px !important;
    vertical-align: middle !important;
}

body.extractor-page .session-results-card .result-status {
    min-height: 24px !important;
    padding: 5px 10px !important;
}

body.extractor-page .session-results-card .job-downloads {
    align-items: center !important;
    display: flex !important;
    gap: 6px !important;
    justify-content: flex-start !important;
}

body.extractor-page .session-results-card .mini-download-button {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
}

body.extractor-page .session-results-card .table-wrap {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Admin control center - premium SaaS finish */
html:has(body.admin-page),
body.admin-page {
    height: auto !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.admin-page .app-shell {
    display: grid !important;
    grid-template-columns: 252px minmax(0, 1fr) !important;
    min-height: 100vh !important;
    overflow: visible !important;
}

body.admin-page .sidebar {
    background:
        radial-gradient(circle at 24% 4%, rgba(255, 47, 143, .12), transparent 12rem),
        linear-gradient(180deg, rgba(11, 19, 36, .98), rgba(6, 15, 27, .98)) !important;
    height: 100vh !important;
    overflow-y: auto !important;
    padding: 18px 14px !important;
    position: sticky !important;
    top: 0 !important;
    width: 252px !important;
}

body.admin-page .sidebar-brand {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    margin: 0 0 22px !important;
    min-height: 46px !important;
    padding: 0 4px !important;
    text-decoration: none !important;
}

body.admin-page .sidebar-brand .brand-mark {
    border-radius: 13px !important;
    font-size: 20px !important;
    height: 44px !important;
    width: 44px !important;
}

body.admin-page .sidebar-brand > span:last-child {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
}

body.admin-page .sidebar-nav {
    display: grid !important;
    gap: 8px !important;
}

body.admin-page .nav-link {
    align-items: center !important;
    border-radius: 14px !important;
    display: flex !important;
    gap: 12px !important;
    min-height: 46px !important;
    padding: 0 14px !important;
    width: 100% !important;
}

body.admin-page .nav-link i {
    font-size: 17px !important;
}

body.admin-page .nav-link.active {
    background: linear-gradient(100deg, rgba(255, 47, 143, .78), rgba(139, 54, 255, .74)) !important;
    border-color: rgba(255, 109, 188, .72) !important;
    box-shadow: 0 16px 42px rgba(255, 47, 143, .22), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body.admin-page .sidebar-spacer {
    min-height: 28px !important;
}

body.admin-page .plan-card,
body.admin-page .user-profile {
    border-radius: 16px !important;
    padding: 14px !important;
}

body.admin-page .plan-card {
    margin-bottom: 12px !important;
}

body.admin-page .admin-sidebar-widget {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
}

body.admin-page .admin-sidebar-widget i {
    align-items: center !important;
    background: linear-gradient(135deg, rgba(16, 185, 129, .28), rgba(139, 92, 246, .22)) !important;
    border: 1px solid rgba(45, 212, 191, .30) !important;
    border-radius: 12px !important;
    color: #50f7bf !important;
    display: inline-flex !important;
    height: 38px !important;
    justify-content: center !important;
    width: 38px !important;
}

body.admin-page .user-profile {
    align-items: center !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 40px minmax(0, 1fr) 38px !important;
}

body.admin-page .user-profile .avatar,
body.admin-page .admin-top-profile .avatar {
    background: linear-gradient(135deg, #ff2f8f, #8b36ff) !important;
    border: 0 !important;
    color: #fff !important;
}

body.admin-page .logout-button {
    align-items: center !important;
    background: rgba(35, 58, 94, .78) !important;
    border: 1px solid rgba(148, 163, 184, .25) !important;
    border-radius: 12px !important;
    color: #eaf2ff !important;
    display: inline-flex !important;
    height: 38px !important;
    justify-content: center !important;
    width: 38px !important;
}

body.admin-page .logout-button span {
    display: none !important;
}

body.admin-page .content {
    min-height: 100vh !important;
    overflow: visible !important;
    padding: 20px 24px 34px !important;
}

body.admin-page .topbar {
    align-items: center !important;
    background:
        linear-gradient(180deg, rgba(18, 31, 54, .72), rgba(11, 19, 35, .54)) !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    border-radius: 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    margin: 0 0 16px !important;
    min-height: 76px !important;
    padding: 14px 16px !important;
    position: sticky !important;
    top: 12px !important;
    z-index: 20 !important;
}

body.admin-page .topbar-title-row {
    gap: 12px !important;
}

body.admin-page .topbar-menu {
    height: 38px !important;
    width: 38px !important;
}

body.admin-page .topbar h1 {
    font-size: 28px !important;
    line-height: 1 !important;
}

body.admin-page .breadcrumb-line {
    font-size: 12px !important;
    margin-top: 8px !important;
}

body.admin-page .topbar-actions {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
}

body.admin-page .icon-button {
    height: 38px !important;
    width: 38px !important;
}

body.admin-page .admin-top-profile {
    align-items: center !important;
    border-radius: 14px !important;
    display: flex !important;
    gap: 10px !important;
    min-height: 44px !important;
    padding: 6px 12px !important;
}

body.admin-page .admin-top-profile small {
    display: block !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

body.admin-page .admin-top-profile strong {
    color: #fff !important;
    font-size: 13px !important;
}

body.admin-page .admin-hero,
body.admin-page .admin-module-bar,
body.admin-page .admin-toolbar,
body.admin-page .admin-table-card,
body.admin-page .extract-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 47, 143, .10), transparent 18rem),
        linear-gradient(180deg, rgba(24, 38, 63, .86), rgba(10, 22, 39, .92)) !important;
    border: 1px solid rgba(83, 112, 158, .42) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, .24) !important;
}

body.admin-page .admin-hero,
body.admin-page .admin-module-bar {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 14px !important;
    padding: 18px !important;
}

body.admin-page .admin-hero h2,
body.admin-page .admin-module-bar h2 {
    font-size: 24px !important;
    margin: 0 0 4px !important;
}

body.admin-page .admin-hero p,
body.admin-page .admin-module-bar p {
    font-size: 13px !important;
    margin: 0 !important;
}

body.admin-page .admin-hero-actions,
body.admin-page .admin-module-actions {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: flex-end !important;
}

body.admin-page .admin-hero-actions a,
body.admin-page .admin-module-actions a,
body.admin-page .admin-module-actions button {
    align-items: center !important;
    display: inline-flex !important;
    gap: 8px !important;
    height: 40px !important;
    min-width: 0 !important;
    padding: 0 15px !important;
    white-space: nowrap !important;
}

body.admin-page .admin-stat-grid {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin-bottom: 14px !important;
}

body.admin-dashboard-page .admin-stat-grid.compact {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.admin-page .admin-stat-card {
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
    min-height: 82px !important;
    padding: 14px !important;
}

body.admin-page .admin-stat-card.compact {
    min-height: 76px !important;
    padding: 12px !important;
}

body.admin-page .admin-stat-card i {
    flex: 0 0 auto !important;
    font-size: 18px !important;
    height: 42px !important;
    width: 42px !important;
}

body.admin-page .admin-stat-card span {
    color: #9eb0c9 !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}

body.admin-page .admin-stat-card strong {
    color: #fff !important;
    display: block !important;
    font-size: 23px !important;
    line-height: 1.05 !important;
    margin-top: 3px !important;
}

body.admin-page .admin-quick-actions {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin-bottom: 14px !important;
}

body.admin-page .admin-quick-actions a {
    align-items: center !important;
    background: rgba(15, 28, 48, .76) !important;
    border: 1px solid rgba(83, 112, 158, .38) !important;
    border-radius: 16px !important;
    color: #eaf2ff !important;
    display: flex !important;
    gap: 10px !important;
    min-height: 54px !important;
    padding: 0 14px !important;
    text-decoration: none !important;
}

body.admin-page .admin-quick-actions i {
    align-items: center !important;
    background: linear-gradient(135deg, rgba(255, 47, 143, .92), rgba(139, 54, 255, .92)) !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    width: 34px !important;
}

body.admin-page .admin-toolbar {
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
    justify-content: space-between !important;
    margin-bottom: 14px !important;
    padding: 12px !important;
}

body.admin-page .admin-search-form {
    align-items: center !important;
    background: rgba(8, 18, 32, .82) !important;
    border: 1px solid rgba(148, 163, 184, .22) !important;
    border-radius: 14px !important;
    display: flex !important;
    gap: 10px !important;
    min-height: 42px !important;
    min-width: min(520px, 100%) !important;
    padding: 0 8px 0 14px !important;
}

body.admin-page .admin-search-form input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    flex: 1 !important;
    min-width: 0 !important;
}

body.admin-page .admin-search-form button,
body.admin-page .admin-filter-tabs a {
    align-items: center !important;
    border-radius: 11px !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    height: 34px !important;
    justify-content: center !important;
    padding: 0 12px !important;
}

body.admin-page .admin-search-form button {
    background: linear-gradient(135deg, #ff2f8f, #8b36ff) !important;
    border: 0 !important;
    color: #fff !important;
}

body.admin-page .admin-filter-tabs {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    justify-content: flex-end !important;
}

body.admin-page .admin-filter-tabs a {
    background: rgba(16, 31, 52, .82) !important;
    border: 1px solid rgba(148, 163, 184, .24) !important;
    color: #cbd8eb !important;
    text-decoration: none !important;
}

body.admin-page .admin-filter-tabs a.active {
    background: rgba(255, 47, 143, .20) !important;
    border-color: rgba(255, 79, 159, .56) !important;
    color: #fff !important;
}

body.admin-page .admin-table-card {
    margin-bottom: 14px !important;
    padding: 14px !important;
}

body.admin-page .admin-table-card .section-heading {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    margin: 0 0 10px !important;
}

body.admin-page .section-heading h2 {
    font-size: 20px !important;
    margin: 0 !important;
}

body.admin-page .section-heading > span {
    background: rgba(255, 47, 143, .14) !important;
    border: 1px solid rgba(255, 79, 159, .34) !important;
    border-radius: 999px !important;
    color: #ffd7ec !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    padding: 5px 10px !important;
}

body.admin-page .table-wrap {
    border: 1px solid rgba(83, 112, 158, .35) !important;
    border-radius: 14px !important;
    overflow: auto !important;
}

body.admin-users-page .admin-users-table,
body.admin-subscriptions-page .admin-subscriptions-table,
body.admin-plans-page .admin-plans-table {
    overflow: visible !important;
}

body.admin-users-page .admin-users-table .table-wrap,
body.admin-subscriptions-page .admin-subscriptions-table .table-wrap,
body.admin-plans-page .admin-plans-table .table-wrap {
    overflow: visible !important;
}

body.admin-users-page .admin-table-card,
body.admin-subscriptions-page .admin-table-card,
body.admin-users-page .admin-table-card .table-wrap,
body.admin-subscriptions-page .admin-table-card .table-wrap {
    overflow: visible !important;
}

body.admin-users-page .admin-actions-menu,
body.admin-subscriptions-page .admin-actions-menu {
    position: relative !important;
}

body.admin-users-page .admin-actions-menu .dropdown-menu,
body.admin-subscriptions-page .admin-actions-menu .dropdown-menu {
    z-index: 5000 !important;
    max-height: min(320px, calc(100vh - 96px));
    overflow-y: auto;
}

body.admin-users-page .admin-actions-menu .dropdown-menu[data-bs-popper],
body.admin-subscriptions-page .admin-actions-menu .dropdown-menu[data-bs-popper] {
    z-index: 5000 !important;
}

body.admin-users-page .admin-users-table .dropdown-menu,
body.admin-subscriptions-page .admin-subscriptions-table .dropdown-menu,
body.admin-plans-page .admin-plans-table .dropdown-menu {
    z-index: 9999 !important;
}

body.admin-page .jobs-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    min-width: 900px !important;
    width: 100% !important;
}

body.admin-page .jobs-table th {
    background: rgba(20, 35, 58, .96) !important;
    color: #dfeaff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    height: 42px !important;
    letter-spacing: .02em !important;
    padding: 10px 12px !important;
    text-transform: uppercase !important;
}

body.admin-page .jobs-table td {
    background: rgba(14, 28, 48, .88) !important;
    color: #e8f0ff !important;
    font-size: 12px !important;
    height: 48px !important;
    padding: 10px 12px !important;
    vertical-align: middle !important;
}

body.admin-page .jobs-table tbody tr:hover td {
    background: rgba(23, 42, 68, .94) !important;
}

body.admin-page .table-button,
body.admin-page .validate-button,
body.admin-page .start-button {
    align-items: center !important;
    display: inline-flex !important;
    gap: 7px !important;
    height: 36px !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    white-space: nowrap !important;
}

body.admin-page .admin-status,
body.admin-page .admin-job-status,
body.admin-page .admin-history-action {
    align-items: center !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    gap: 5px !important;
    min-height: 22px !important;
    padding: 4px 9px !important;
}

body.admin-page .admin-status.active,
body.admin-page .admin-status.paid,
body.admin-page .admin-job-status.completed {
    background: rgba(16, 185, 129, .18) !important;
    border: 1px solid rgba(16, 185, 129, .32) !important;
    color: #52f0b2 !important;
}

body.admin-page .admin-status.trial,
body.admin-page .admin-job-status.running,
body.admin-page .admin-job-status.processing {
    background: rgba(59, 130, 246, .16) !important;
    border: 1px solid rgba(59, 130, 246, .30) !important;
    color: #93c5fd !important;
}

body.admin-page .admin-status.expired,
body.admin-page .admin-status.inactive,
body.admin-page .admin-job-status.failed,
body.admin-page .admin-job-status.cancelled {
    background: rgba(244, 63, 94, .15) !important;
    border: 1px solid rgba(244, 63, 94, .32) !important;
    color: #ff9bae !important;
}

body.admin-page .admin-status.new {
    background: rgba(255, 46, 147, .14);
    color: #ff9fcb;
}

body.admin-page .admin-status.read {
    background: rgba(45, 212, 191, .12);
    color: #8cf5df;
}

body.admin-page .admin-status.closed {
    background: rgba(148, 163, 184, .12);
    color: #cbd5e1;
}

body.admin-page .admin-actions-menu .dropdown-menu {
    background: rgba(10, 19, 34, .98) !important;
    border: 1px solid rgba(148, 163, 184, .25) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, .35) !important;
    padding: 8px !important;
}

body.admin-page .admin-actions-menu .dropdown-item {
    align-items: center !important;
    border-radius: 10px !important;
    color: #eaf2ff !important;
    display: flex !important;
    gap: 8px !important;
    min-height: 34px !important;
}

body.admin-page .admin-actions-menu .dropdown-item:hover {
    background: rgba(255, 47, 143, .16) !important;
    color: #fff !important;
}

body.admin-page .admin-pagination {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 12px !important;
}

body.admin-page .admin-pagination nav {
    align-items: center !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

body.admin-page .admin-pagination svg {
    height: 16px !important;
    max-height: 16px !important;
    max-width: 16px !important;
    width: 16px !important;
}

body.admin-page .admin-pagination a,
body.admin-page .admin-pagination span {
    align-items: center !important;
    background: rgba(15, 28, 48, .86) !important;
    border: 1px solid rgba(148, 163, 184, .24) !important;
    border-radius: 10px !important;
    color: #eaf2ff !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    height: 34px !important;
    justify-content: center !important;
    line-height: 1 !important;
    min-width: 34px !important;
    padding: 0 10px !important;
    text-decoration: none !important;
}

body.admin-page .admin-pagination span[aria-current="page"] span,
body.admin-page .admin-pagination .active span {
    background: linear-gradient(135deg, #ff2f8f, #8b36ff) !important;
    border-color: rgba(255, 79, 159, .55) !important;
    color: #fff !important;
}

body.admin-page .admin-pagination p,
body.admin-page .admin-pagination .hidden {
    color: #aebbd0 !important;
    font-size: 12px !important;
    margin: 0 !important;
}

body.admin-users-page .admin-users-table {
    min-height: 0 !important;
}

body.admin-users-page .admin-users-table .table-wrap {
    min-height: 0 !important;
}

/* Extractor header: welcome title + compact plan usage card */
body.extractor-page .extractor-workspace-head {
    align-items: center !important;
    display: flex !important;
    gap: 18px !important;
    justify-content: space-between !important;
    min-height: 54px !important;
}

body.extractor-page .extractor-welcome-title {
    min-width: 0 !important;
}

body.extractor-page .extractor-welcome-title h2 {
    align-items: center !important;
    color: #fff !important;
    display: flex !important;
    font-size: clamp(20px, 1.6vw, 26px) !important;
    gap: 10px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

body.extractor-page .extractor-welcome-title h2 i {
    align-items: center !important;
    background: linear-gradient(135deg, rgba(255, 47, 143, .95), rgba(139, 54, 255, .95)) !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 34px rgba(255, 47, 143, .22) !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 16px !important;
    height: 34px !important;
    justify-content: center !important;
    width: 34px !important;
}

body.extractor-page .extractor-welcome-title p {
    color: #cbd7ea !important;
    font-size: 14px !important;
    margin: 0 !important;
}

body.extractor-page .head-usage-card {
    background:
        radial-gradient(circle at 0% 100%, rgba(255, 47, 143, .20), transparent 8rem),
        linear-gradient(180deg, rgba(20, 28, 49, .96), rgba(13, 21, 39, .94)) !important;
    border: 1px solid rgba(255, 79, 159, .32) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255,255,255,.06) !important;
    color: #fff !important;
    display: grid !important;
    gap: 4px !important;
    height: 46px !important;
    min-width: 250px !important;
    padding: 7px 12px !important;
}

body.extractor-page .head-usage-card .usage-card-row {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    line-height: 1.1 !important;
}

body.extractor-page .head-usage-card span {
    color: #d7e2f5 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
}

body.extractor-page .head-usage-card strong {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body.extractor-page .usage-card-track {
    background: rgba(148, 163, 184, .20) !important;
    border-radius: 999px !important;
    height: 5px !important;
    overflow: hidden !important;
    width: 100% !important;
}

body.extractor-page .usage-card-track span {
    background: linear-gradient(90deg, #ff2f8f, #8b36ff) !important;
    border-radius: inherit !important;
    display: block !important;
    height: 100% !important;
    min-width: 4px !important;
}

body.extractor-page .extractor-head-actions {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
}

body.extractor-page .extractor-head-actions .advanced-button,
body.extractor-page .head-notification-button {
    height: 46px !important;
    min-height: 46px !important;
}

@media (max-width: 1180px) {
    body.extractor-page .extractor-workspace-head {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    body.extractor-page .extractor-head-actions {
        flex-wrap: wrap !important;
    }

    body.extractor-page .head-usage-card {
        min-width: min(100%, 340px) !important;
    }
}

body.admin-page .admin-modal {
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 47, 143, .12), transparent 18rem),
        linear-gradient(180deg, #17243a, #09182b) !important;
    border: 1px solid rgba(148, 163, 184, .26) !important;
    border-radius: 20px !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .45) !important;
    color: #fff !important;
}

body.admin-page .admin-modal .modal-header,
body.admin-page .admin-modal .modal-footer {
    border-color: rgba(148, 163, 184, .20) !important;
    padding: 16px !important;
    min-height: 0 !important;
}

body.admin-page .admin-form-grid {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 16px !important;
}

body.admin-page .admin-form-grid.single {
    grid-template-columns: 1fr !important;
}

body.admin-page .admin-form-grid label {
    color: #b9c7dd !important;
    display: grid !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    gap: 6px !important;
}

body.admin-page .admin-form-grid input,
body.admin-page .admin-form-grid select {
    height: 40px !important;
    padding: 0 12px !important;
}

body.admin-page .admin-checkbox {
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
}

body.admin-page .admin-checkbox input {
    height: 18px !important;
    width: 18px !important;
}

body.admin-page .admin-settings-grid {
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.admin-page .admin-settings-grid .extract-card {
    padding: 16px !important;
}

body.admin-page .admin-detail-list {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
}

body.admin-page .admin-detail-list div {
    align-items: center !important;
    background: rgba(9, 20, 35, .66) !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    border-radius: 12px !important;
    display: flex !important;
    justify-content: space-between !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
}

body.admin-page .admin-detail-list dt {
    color: #9eb0c9 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.admin-page .admin-detail-list dd {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    margin: 0 !important;
    text-align: right !important;
}

body.admin-page .validation-summary {
    border-radius: 14px !important;
    margin-bottom: 12px !important;
    padding: 12px 14px !important;
}

@media (max-width: 1280px) {
    body.admin-page .admin-stat-grid,
    body.admin-dashboard-page .admin-stat-grid.compact {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.admin-page .admin-quick-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 980px) {
    body.admin-page .app-shell {
        grid-template-columns: 1fr !important;
    }

    body.admin-page .sidebar {
        height: auto !important;
        position: relative !important;
        width: 100% !important;
    }

    body.admin-page .content {
        padding: 14px !important;
    }

    body.admin-page .topbar,
    body.admin-page .admin-hero,
    body.admin-page .admin-module-bar,
    body.admin-page .admin-toolbar {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    body.admin-page .topbar-actions,
    body.admin-page .admin-hero-actions,
    body.admin-page .admin-module-actions,
    body.admin-page .admin-filter-tabs {
        justify-content: flex-start !important;
    }

    body.admin-page .admin-stat-grid,
    body.admin-dashboard-page .admin-stat-grid.compact,
    body.admin-page .admin-quick-actions,
    body.admin-page .admin-settings-grid,
    body.admin-page .admin-form-grid {
        grid-template-columns: 1fr !important;
    }

    body.admin-page .admin-search-form {
        min-width: 0 !important;
        width: 100% !important;
    }
}

/* Admin page-by-page advanced cleanup */
body.admin-dashboard-page .admin-stat-grid.compact {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.admin-dashboard-page .admin-table-card.compact {
    padding: 12px !important;
}

body.admin-dashboard-page .admin-table-card.compact .table-wrap {
    max-height: 250px !important;
}

body.admin-page .admin-metric-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.admin-user-profile-page .admin-user-header {
    align-items: center !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 47, 143, .14), transparent 18rem),
        linear-gradient(180deg, rgba(25, 39, 64, .88), rgba(10, 21, 38, .94)) !important;
    border: 1px solid rgba(83, 112, 158, .42) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 54px rgba(0, 0, 0, .24) !important;
    display: flex !important;
    justify-content: space-between !important;
    margin-bottom: 14px !important;
    padding: 16px !important;
}

body.admin-user-profile-page .admin-profile-title {
    align-items: center !important;
    display: flex !important;
    gap: 14px !important;
}

body.admin-user-profile-page .admin-profile-title .avatar {
    align-items: center !important;
    background: linear-gradient(135deg, #ff2f8f, #8b36ff) !important;
    border-radius: 18px !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    height: 62px !important;
    justify-content: center !important;
    width: 62px !important;
}

body.admin-user-profile-page .admin-profile-title h2 {
    font-size: 28px !important;
    margin: 5px 0 2px !important;
}

body.admin-user-profile-page .admin-profile-title p {
    margin: 0 !important;
}

body.admin-user-profile-page .admin-profile-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;
}

body.admin-user-profile-page .admin-profile-grid {
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-bottom: 14px !important;
}

body.admin-user-profile-page .admin-profile-grid .extract-card {
    padding: 16px !important;
}

body.admin-users-page .admin-users-table .jobs-table,
body.admin-subscriptions-page .admin-subscriptions-table .jobs-table,
body.admin-payments-page .admin-payments-table .jobs-table,
body.admin-plans-page .admin-plans-table .jobs-table {
    min-width: 1040px !important;
}

body.admin-plans-page .admin-plans-table .jobs-table td:first-child strong,
body.admin-users-page .admin-user-cell strong {
    font-size: 13px !important;
}

body.admin-plans-page .admin-plans-table .jobs-table td[data-label="Price"] {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

body.admin-settings-page .admin-settings-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.admin-settings-page .admin-settings-grid .extract-card:last-child {
    grid-column: span 3 !important;
}

body.admin-page .admin-table-card .table-wrap::-webkit-scrollbar,
body.admin-page .sidebar::-webkit-scrollbar {
    height: 8px !important;
    width: 8px !important;
}

body.admin-page .admin-table-card .table-wrap::-webkit-scrollbar-thumb,
body.admin-page .sidebar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(255, 47, 143, .78), rgba(139, 54, 255, .78)) !important;
    border-radius: 999px !important;
}

/* Final Email Extractor premium compact polish */
body.extractor-page .content {
    gap: 10px !important;
    padding: 16px 18px 10px !important;
}

body.extractor-page .extractor-workspace-head {
    gap: 12px !important;
    margin-bottom: 6px !important;
    min-height: 46px !important;
}

body.extractor-page .extractor-welcome-title h2 {
    font-size: clamp(22px, 1.55vw, 30px) !important;
    gap: 8px !important;
    letter-spacing: -.45px !important;
    white-space: nowrap !important;
}

body.extractor-page .extractor-welcome-title h2 i {
    border-radius: 12px !important;
    font-size: 15px !important;
    height: 31px !important;
    width: 31px !important;
}

body.extractor-page .extractor-head-actions {
    gap: 8px !important;
}

body.extractor-page .head-usage-card {
    border-radius: 11px !important;
    gap: 3px !important;
    height: 42px !important;
    min-width: 238px !important;
    padding: 6px 11px !important;
}

body.extractor-page .head-usage-card span {
    font-size: 10.5px !important;
}

body.extractor-page .head-usage-card strong {
    font-size: 11.5px !important;
}

body.extractor-page .usage-card-track {
    height: 4px !important;
}

body.extractor-page .extractor-head-actions .advanced-button,
body.extractor-page .head-notification-button {
    height: 42px !important;
    min-height: 42px !important;
}

body.extractor-page .head-notification-button {
    width: 42px !important;
}

body.extractor-page .extractor-grid {
    gap: 10px !important;
    margin-bottom: 10px !important;
}

body.extractor-page .domain-card,
body.extractor-page .live-card {
    border-radius: 16px !important;
    height: clamp(405px, 47vh, 445px) !important;
    min-height: 405px !important;
    padding: 14px 16px !important;
}

body.extractor-page .domain-card-topline,
body.extractor-page .live-card .card-heading {
    margin-bottom: 10px !important;
    min-height: 42px !important;
}

body.extractor-page .domain-card-topline .extractor-step-title,
body.extractor-page .live-card .card-heading h2 {
    font-size: clamp(19px, 1.25vw, 23px) !important;
    gap: 9px !important;
}

body.extractor-page .domain-card-topline .extractor-step-title i,
body.extractor-page .live-card .card-heading h2 i {
    border-radius: 12px !important;
    font-size: 17px !important;
    height: 40px !important;
    width: 40px !important;
}

body.extractor-page .domain-settings-button {
    height: 38px !important;
    min-width: 118px !important;
    padding: 0 14px !important;
}

body.extractor-page .domain-card .domain-form {
    flex: 0 0 auto !important;
    min-height: 0 !important;
}

body.extractor-page .domain-card .paste-pane {
    margin-bottom: 0 !important;
}

body.extractor-page .domain-form textarea {
    border-radius: 12px !important;
    font-size: 16px !important;
    height: clamp(205px, 27vh, 245px) !important;
    line-height: 1.55 !important;
    padding: 30px 28px !important;
}

body.extractor-page .domain-form label {
    margin-bottom: 6px !important;
}

body.extractor-page .domain-meta {
    bottom: 14px !important;
    font-size: 12px !important;
    right: 20px !important;
}

body.extractor-page .domain-footer {
    gap: 8px !important;
    margin-top: auto !important;
    padding-top: 10px !important;
}

body.extractor-page .domain-actions {
    gap: 8px !important;
}

body.extractor-page .domain-actions > .upload-action-button,
body.extractor-page .domain-actions > .validate-button,
body.extractor-page .domain-actions > .start-button {
    border-radius: 11px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
}

body.extractor-page .live-main {
    align-items: center !important;
    gap: 24px !important;
    min-height: 0 !important;
    padding: 4px 0 8px !important;
}

body.extractor-page .progress-ring {
    height: 122px !important;
    width: 122px !important;
}

body.extractor-page .progress-ring span {
    font-size: 28px !important;
}

body.extractor-page .progress-ring small {
    font-size: 11px !important;
}

body.extractor-page .job-details {
    gap: 8px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.extractor-page .job-details > strong,
body.extractor-page .job-details > p {
    border-radius: 11px !important;
    min-height: 64px !important;
    padding: 26px 14px 10px 50px !important;
}

body.extractor-page .job-details > strong::before,
body.extractor-page .job-details > p::before {
    font-size: 10.5px !important;
    left: 50px !important;
    top: 12px !important;
}

body.extractor-page .job-details > strong::after,
body.extractor-page .job-details > p::after {
    font-size: 17px !important;
    left: 18px !important;
}

body.extractor-page .running-actions {
    gap: 8px !important;
    margin-top: auto !important;
}

body.extractor-page .running-actions button {
    border-radius: 10px !important;
    height: 38px !important;
    min-height: 38px !important;
}

body.extractor-page .session-results-card {
    border-radius: 16px !important;
    min-height: 278px !important;
    padding: 14px 16px 16px !important;
}

body.extractor-page .session-results-card > .card-heading,
body.extractor-page .session-results-card .card-heading {
    align-items: center !important;
    margin-bottom: 10px !important;
    min-height: 40px !important;
}

body.extractor-page .results-toolbar {
    gap: 7px !important;
}

body.extractor-page .results-toolbar .table-button,
body.extractor-page .results-toolbar .filter-control {
    border-radius: 10px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 13px !important;
}

body.extractor-page .session-results-card .jobs-table th {
    height: 38px !important;
    padding: 8px 12px !important;
}

body.extractor-page .session-results-card .jobs-table td {
    height: 52px !important;
    padding: 10px 12px !important;
}

body.extractor-page .session-results-card .jobs-table tbody tr {
    height: 52px !important;
}

body.extractor-page .session-results-card .empty-state {
    min-height: 106px !important;
    padding: 16px !important;
}

body.extractor-page .session-results-card .empty-state i {
    font-size: 28px !important;
    margin-bottom: 6px !important;
}

body.extractor-page .sidebar-brand {
    gap: 9px !important;
}

body.extractor-page .sidebar-brand strong {
    letter-spacing: -.8px !important;
}

@media (max-width: 1366px) {
    body.extractor-page .content {
        padding: 12px 14px 8px !important;
    }

    body.extractor-page .extractor-workspace-head {
        min-height: 42px !important;
    }

    body.extractor-page .extractor-welcome-title h2 {
        font-size: 23px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        height: 392px !important;
        min-height: 392px !important;
        padding: 12px 14px !important;
    }

    body.extractor-page .domain-form textarea {
        height: 200px !important;
        padding: 24px 26px !important;
    }

    body.extractor-page .progress-ring {
        height: 108px !important;
        width: 108px !important;
    }

    body.extractor-page .job-details > strong,
    body.extractor-page .job-details > p {
        min-height: 58px !important;
        padding-bottom: 8px !important;
        padding-top: 23px !important;
    }

    body.extractor-page .session-results-card {
        min-height: 250px !important;
    }
}

/* Final QA pass: lighter header, balanced progress, premium empty state */
body.extractor-page .extractor-workspace-head {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) auto !important;
    align-items: center !important;
}

body.extractor-page .extractor-welcome-title h2 {
    font-size: clamp(21px, 1.45vw, 27px) !important;
    gap: 9px !important;
}

body.extractor-page .extractor-welcome-title h2 i {
    background: linear-gradient(135deg, rgba(255, 47, 143, .72), rgba(139, 54, 255, .82)) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 20px rgba(139, 54, 255, .18) !important;
    font-size: 13px !important;
    height: 28px !important;
    width: 28px !important;
}

body.extractor-page .extractor-head-actions {
    justify-content: flex-end !important;
    white-space: nowrap !important;
}

body.extractor-page .head-usage-card {
    height: 40px !important;
    min-width: 226px !important;
    padding: 5px 10px !important;
}

body.extractor-page .extractor-head-actions .advanced-button {
    min-width: 154px !important;
    padding-inline: 14px !important;
}

body.extractor-page .domain-card,
body.extractor-page .live-card {
    box-shadow: 0 18px 50px rgba(0, 0, 0, .23), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

body.extractor-page .live-card {
    align-content: start !important;
}

body.extractor-page .live-main {
    display: grid !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
}

body.extractor-page .progress-ring {
    justify-self: center !important;
}

body.extractor-page .job-details > strong,
body.extractor-page .job-details > p {
    background: linear-gradient(180deg, rgba(10, 25, 45, .78), rgba(8, 19, 34, .86)) !important;
    border-color: rgba(112, 137, 180, .24) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body.extractor-page .session-results-card .empty-state {
    background:
        radial-gradient(circle at 50% 42%, rgba(96, 165, 250, .12), transparent 7rem),
        radial-gradient(circle at 50% 58%, rgba(255, 47, 143, .08), transparent 9rem) !important;
    border-radius: 14px !important;
    color: #cbd7ea !important;
}

body.extractor-page .session-results-card .empty-state i {
    color: #a9b8cf !important;
    filter: drop-shadow(0 0 14px rgba(96, 165, 250, .24)) !important;
}

body.extractor-page .session-results-card .empty-state strong {
    color: #eef4ff !important;
    font-size: 13px !important;
    letter-spacing: .01em !important;
}

body.extractor-page .session-results-card .empty-state span,
body.extractor-page .session-results-card .empty-state p {
    color: #98a8c0 !important;
    font-size: 12px !important;
}

body.extractor-page .sidebar-brand {
    column-gap: 11px !important;
}

body.extractor-page .sidebar-brand .brand-mark {
    flex: 0 0 auto !important;
}

body.extractor-page .sidebar-brand > span:last-child {
    min-width: 0 !important;
}

@media (max-width: 1366px) {
    body.extractor-page .extractor-workspace-head {
        grid-template-columns: minmax(220px, 1fr) auto !important;
    }

    body.extractor-page .head-usage-card {
        min-width: 212px !important;
    }

    body.extractor-page .extractor-head-actions .advanced-button {
        min-width: 142px !important;
    }

    body.extractor-page .live-main {
        grid-template-columns: 128px minmax(0, 1fr) !important;
        gap: 16px !important;
    }
}

/* Fix domain action row clipping after compact layout */
body.extractor-page .extractor-grid {
    align-items: stretch !important;
    overflow: visible !important;
}

body.extractor-page .domain-card {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding-bottom: 14px !important;
}

body.extractor-page .domain-card .domain-form {
    flex: 0 0 auto !important;
}

body.extractor-page .domain-card .paste-pane {
    flex: 0 0 auto !important;
}

body.extractor-page .domain-card .paste-pane textarea#domains-input {
    height: clamp(178px, 22vh, 220px) !important;
    min-height: 178px !important;
    max-height: 220px !important;
}

body.extractor-page .domain-card .domain-footer {
    flex: 0 0 auto !important;
    margin-top: 12px !important;
    padding-top: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

body.extractor-page .domain-card .domain-actions {
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1.08fr !important;
    width: 100% !important;
}

body.extractor-page .domain-card .domain-actions > .upload-action-button,
body.extractor-page .domain-card .domain-actions > .validate-button,
body.extractor-page .domain-card .domain-actions > .start-button {
    align-items: center !important;
    display: inline-flex !important;
    justify-content: center !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
}

@media (min-width: 1400px) {
    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        height: 410px !important;
        min-height: 410px !important;
    }
}

@media (max-width: 1366px) {
    body.extractor-page .domain-card .paste-pane textarea#domains-input {
        height: 168px !important;
        min-height: 168px !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        height: 382px !important;
        min-height: 382px !important;
    }
}

/* Hard fix: keep domain buttons visible above results */
body.extractor-page .extractor-grid {
    display: grid !important;
    grid-template-columns: minmax(420px, .46fr) minmax(560px, .54fr) !important;
    grid-template-rows: auto !important;
    margin-bottom: 14px !important;
    min-height: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

body.extractor-page .domain-card,
body.extractor-page .live-card {
    height: auto !important;
    min-height: 430px !important;
}

body.extractor-page .domain-card {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    overflow: visible !important;
}

body.extractor-page .domain-card .domain-form {
    min-height: 0 !important;
    overflow: visible !important;
}

body.extractor-page .domain-card .paste-pane textarea#domains-input {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
}

body.extractor-page .domain-card .domain-footer {
    align-self: end !important;
    background: transparent !important;
    display: block !important;
    margin-top: 12px !important;
    min-height: 44px !important;
    overflow: visible !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 5 !important;
}

body.extractor-page .domain-card .domain-footer > span {
    display: none !important;
}

body.extractor-page .domain-card .domain-actions {
    display: grid !important;
    gap: 9px !important;
    grid-template-columns: 1fr 1fr 1.05fr !important;
    min-height: 44px !important;
    overflow: visible !important;
}

body.extractor-page .domain-card .domain-actions > .upload-action-button,
body.extractor-page .domain-card .domain-actions > .validate-button,
body.extractor-page .domain-card .domain-actions > .start-button {
    height: 44px !important;
    min-height: 44px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.extractor-page .session-results-card {
    clear: both !important;
    margin-top: 0 !important;
    position: relative !important;
    z-index: 0 !important;
}

@media (min-width: 1500px) {
    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        min-height: 450px !important;
    }

    body.extractor-page .domain-card .paste-pane textarea#domains-input {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }
}

@media (max-width: 1366px) {
    body.extractor-page .extractor-grid {
        grid-template-columns: minmax(380px, .46fr) minmax(500px, .54fr) !important;
    }

    body.extractor-page .domain-card,
    body.extractor-page .live-card {
        min-height: 400px !important;
    }

    body.extractor-page .domain-card .paste-pane textarea#domains-input {
        height: 165px !important;
        min-height: 165px !important;
        max-height: 165px !important;
    }
}

/* Restore Extracted Results title/actions row */
body.extractor-page .session-results-card {
    display: grid !important;
    grid-template-rows: 50px minmax(120px, 1fr) !important;
    overflow: visible !important;
    padding-top: 14px !important;
}

body.extractor-page .session-results-card > .section-heading {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    display: flex !important;
    grid-row: 1 !important;
    justify-content: space-between !important;
    min-height: 46px !important;
    opacity: 1 !important;
    overflow: visible !important;
    padding: 0 0 10px !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
    z-index: 10 !important;
}

body.extractor-page .session-results-card > .section-heading h2 {
    align-items: center !important;
    color: #fff !important;
    display: flex !important;
    flex: 0 0 auto !important;
    font-size: 20px !important;
    gap: 10px !important;
    line-height: 1 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.extractor-page .session-results-card > .section-heading h2 span {
    background: rgba(255, 47, 143, .12) !important;
    border: 1px solid rgba(255, 79, 159, .38) !important;
    border-radius: 999px !important;
    color: #dce7f8 !important;
    display: inline-flex !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    padding: 7px 12px !important;
}

body.extractor-page .session-results-card .results-toolbar {
    align-items: center !important;
    display: flex !important;
    flex: 1 1 auto !important;
    gap: 8px !important;
    justify-content: flex-end !important;
    opacity: 1 !important;
    overflow: visible !important;
    position: relative !important;
    transform: none !important;
    visibility: visible !important;
    z-index: 11 !important;
}

body.extractor-page .session-results-card .results-toolbar .table-button,
body.extractor-page .session-results-card .results-toolbar .filter-control {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    height: 40px !important;
    justify-content: center !important;
    min-height: 40px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.extractor-page .session-results-card .result-status-filter {
    display: none !important;
}

body.extractor-page .session-results-card > .table-wrap {
    grid-row: 2 !important;
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 1366px) {
    body.extractor-page .session-results-card {
        grid-template-rows: 46px minmax(110px, 1fr) !important;
        padding-top: 12px !important;
    }

    body.extractor-page .session-results-card > .section-heading h2 {
        font-size: 18px !important;
    }

    body.extractor-page .session-results-card .results-toolbar .table-button,
    body.extractor-page .session-results-card .results-toolbar .filter-control {
        height: 36px !important;
        min-height: 36px !important;
        padding-inline: 11px !important;
    }
}

@media (max-width: 1440px) {
    body.admin-dashboard-page .admin-stat-grid.compact {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.admin-settings-page .admin-settings-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.admin-settings-page .admin-settings-grid .extract-card:last-child {
        grid-column: span 2 !important;
    }
}

@media (max-width: 980px) {
    body.admin-dashboard-page .admin-stat-grid.compact,
    body.admin-page .admin-metric-strip,
    body.admin-user-profile-page .admin-profile-grid,
    body.admin-settings-page .admin-settings-grid {
        grid-template-columns: 1fr !important;
    }

    body.admin-settings-page .admin-settings-grid .extract-card:last-child {
        grid-column: auto !important;
    }

    body.admin-user-profile-page .admin-user-header {
        align-items: stretch !important;
        flex-direction: column !important;
    }
}

body.extractor-history-page .history-filters {
    align-items: end;
}

body.extractor-history-page .history-clear-button {
    border-color: rgba(255, 69, 77, 0.45) !important;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(98, 11, 37, 0.75), rgba(160, 26, 55, 0.8)) !important;
    box-shadow: 0 14px 34px rgba(255, 45, 95, 0.14) !important;
}

body.extractor-history-page .history-clear-button:hover {
    border-color: rgba(255, 69, 77, 0.75) !important;
    transform: translateY(-1px);
}

body.extractor-history-page .history-feedback {
    border-radius: 14px;
    font-weight: 850;
    margin: 12px 0 -8px;
    padding: 12px 16px;
}

body.extractor-history-page .history-feedback.success {
    background: rgba(0, 219, 142, 0.12);
    border: 1px solid rgba(0, 219, 142, 0.34);
    color: #6fffd1;
}

body.extractor-history-page .history-feedback.warning {
    background: rgba(255, 171, 64, 0.12);
    border: 1px solid rgba(255, 171, 64, 0.34);
    color: #ffd197;
}

body.extractor-history-page .history-feedback.error {
    background: rgba(255, 69, 77, 0.12);
    border: 1px solid rgba(255, 69, 77, 0.34);
    color: #ffb1b7;
}

body.extractor-history-page .action-list button.danger-action {
    color: #ff8d99;
}

body.extractor-history-page .action-list button.danger-action:hover {
    background: rgba(255, 69, 77, 0.12);
    color: #ffcad0;
}

/* Production readiness polish: compact, consistent SaaS layout */
body.extractor-page .sidebar,
body.billing-page .sidebar,
body.admin-page .sidebar,
body.dashboard-page .sidebar,
body.settings-page .sidebar {
    width: 244px !important;
    padding: 18px 14px !important;
    gap: 12px !important;
}

body.extractor-page .sidebar-brand,
body.billing-page .sidebar-brand,
body.admin-page .sidebar-brand,
body.dashboard-page .sidebar-brand,
body.settings-page .sidebar-brand {
    gap: 12px !important;
    min-height: 54px !important;
    margin-bottom: 8px !important;
    white-space: nowrap !important;
}

body.extractor-page .sidebar-brand .brand-mark,
body.billing-page .sidebar-brand .brand-mark,
body.admin-page .sidebar-brand .brand-mark,
body.dashboard-page .sidebar-brand .brand-mark,
body.settings-page .sidebar-brand .brand-mark {
    flex: 0 0 46px !important;
    height: 46px !important;
    width: 46px !important;
    border-radius: 14px !important;
}

body.extractor-page .sidebar-nav,
body.billing-page .sidebar-nav,
body.admin-page .sidebar-nav,
body.dashboard-page .sidebar-nav,
body.settings-page .sidebar-nav {
    gap: 8px !important;
}

body.extractor-page .sidebar-nav .nav-link,
body.billing-page .sidebar-nav .nav-link,
body.admin-page .sidebar-nav .nav-link,
body.dashboard-page .sidebar-nav .nav-link,
body.settings-page .sidebar-nav .nav-link,
body.extractor-page .sidebar-nav button.nav-link,
body.billing-page .sidebar-nav button.nav-link,
body.admin-page .sidebar-nav button.nav-link,
body.dashboard-page .sidebar-nav button.nav-link,
body.settings-page .sidebar-nav button.nav-link {
    min-height: 50px !important;
    padding: 12px 14px !important;
    border-radius: 13px !important;
}

body.extractor-page .plan-card,
body.billing-page .plan-card,
body.admin-page .plan-card,
body.dashboard-page .plan-card,
body.settings-page .plan-card {
    padding: 14px !important;
    gap: 10px !important;
    border-radius: 15px !important;
}

body.extractor-page .user-profile,
body.billing-page .user-profile,
body.admin-page .user-profile,
body.dashboard-page .user-profile,
body.settings-page .user-profile {
    min-height: 58px !important;
    padding: 10px 12px !important;
    border-radius: 15px !important;
}

body.extractor-page .profile-copy,
body.billing-page .profile-copy,
body.admin-page .profile-copy,
body.dashboard-page .profile-copy,
body.settings-page .profile-copy {
    min-width: 0 !important;
}

body.extractor-page .profile-copy small,
body.billing-page .profile-copy small,
body.admin-page .profile-copy small,
body.dashboard-page .profile-copy small,
body.settings-page .profile-copy small {
    display: block !important;
    max-width: 118px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.extractor-page .content,
body.billing-page .content,
body.admin-page .content,
body.dashboard-page .content,
body.settings-page .content {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

body.extractor-page .extractor-workspace-head {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) auto !important;
    gap: 16px !important;
    margin-bottom: 12px !important;
}

body.extractor-page .extractor-welcome-title h2 {
    align-items: center !important;
    display: flex !important;
    gap: 12px !important;
    margin: 0 !important;
    line-height: 1.05 !important;
}

body.extractor-page .extractor-welcome-title h2 i {
    font-size: 15px !important;
    height: 30px !important;
    width: 30px !important;
    min-width: 30px !important;
}

body.extractor-page .extractor-head-actions {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
}

body.extractor-page .head-usage-card {
    height: 54px !important;
    min-width: 284px !important;
    padding: 8px 14px !important;
    border-radius: 13px !important;
}

body.extractor-page .advanced-button,
body.extractor-page .head-notification-button {
    height: 54px !important;
    border-radius: 13px !important;
}

body.extractor-page .extractor-grid {
    gap: 12px !important;
}

body.extractor-page .extract-card {
    padding: 16px !important;
    border-radius: 16px !important;
}

body.extractor-page .domain-card-topline,
body.extractor-page .card-heading {
    min-height: 42px !important;
    margin-bottom: 10px !important;
}

body.extractor-page .domain-form textarea,
body.extractor-page #domains-input {
    min-height: 185px !important;
    height: 185px !important;
    padding: 22px 30px !important;
    line-height: 1.55 !important;
}

body.extractor-page .domain-actions {
    gap: 10px !important;
}

body.extractor-page .domain-actions .upload-action-button,
body.extractor-page .domain-actions .validate-button,
body.extractor-page .domain-actions .start-button {
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
}

body.extractor-page .live-main {
    align-items: center !important;
    gap: 18px !important;
    grid-template-columns: 180px minmax(0, 1fr) !important;
    min-height: 258px !important;
}

body.extractor-page .progress-ring {
    height: 136px !important;
    width: 136px !important;
}

body.extractor-page .job-details {
    gap: 10px !important;
}

body.extractor-page .job-details > * {
    min-height: 56px !important;
    padding: 11px 14px !important;
}

body.extractor-page .running-actions {
    gap: 12px !important;
    margin-top: 10px !important;
}

body.extractor-page .running-actions button {
    height: 42px !important;
    border-radius: 11px !important;
}

body.extractor-page .session-results-card {
    min-height: 218px !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
}

body.extractor-page .session-results-card > .section-heading {
    align-items: center !important;
    gap: 12px !important;
    min-height: 44px !important;
    padding: 0 0 10px !important;
}

body.extractor-page .session-results-card .results-toolbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
}

body.extractor-page .session-results-card .results-toolbar .table-button,
body.extractor-page .session-results-card .results-toolbar .filter-control,
body.extractor-page .session-results-card .result-status-filter {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 11px !important;
}

body.extractor-page .session-results-card .table-wrap {
    min-height: 132px !important;
}

body.extractor-page .session-results-card .empty-state {
    color: #cad5e8 !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
}

body.admin-page .admin-module-bar,
body.admin-page .jobs-card,
body.admin-page .admin-table-card,
body.admin-page .billing-table-card {
    border-radius: 18px !important;
}

body.admin-page .admin-module-bar {
    padding: 24px !important;
}

body.admin-page .jobs-table th,
body.admin-page .jobs-table td {
    padding: 14px 16px !important;
    vertical-align: middle !important;
}

body.admin-page .admin-actions-menu .dropdown-menu {
    border: 1px solid rgba(125, 154, 210, .18) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 60px rgba(2, 6, 23, .38) !important;
    min-width: 178px !important;
    padding: 8px !important;
    z-index: 1080 !important;
}

body.admin-plans-page .admin-plans-table .table-wrap {
    overflow: visible !important;
}

body.admin-plans-page .admin-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body.admin-plans-page .admin-form-wide {
    grid-column: 1 / -1 !important;
}

body.admin-plans-page .admin-form-grid label span {
    color: #93a4bd !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    margin-top: 2px !important;
}

body.admin-plans-page .admin-form-grid textarea {
    background: rgba(7, 17, 34, .78) !important;
    border: 1px solid rgba(124, 154, 209, .22) !important;
    border-radius: 12px !important;
    color: #f8fbff !important;
    margin-top: 8px !important;
    min-height: 112px !important;
    padding: 12px 14px !important;
    resize: vertical !important;
    width: 100% !important;
}

body.billing-page .billing-plan-grid,
body.landing-page .pricing-grid {
    align-items: stretch !important;
}

body.billing-page .billing-plan-card,
body.landing-page .pricing-card {
    display: flex !important;
    flex-direction: column !important;
}

body.billing-page .billing-plan-features,
body.landing-page .pricing-card ul {
    flex: 1 1 auto !important;
}

body.billing-page .billing-plan-card .plan-cta,
body.landing-page .pricing-card .plan-button {
    margin-top: auto !important;
}

body.billing-page .billing-plan-features:empty,
body.landing-page .pricing-card ul:empty {
    display: none !important;
}

/* Advanced landing page polish */
html:has(body.landing-page) {
    scroll-behavior: smooth;
}

body.landing-page {
    background:
        linear-gradient(180deg, #f6f9ff 0%, #ffffff 38%, #f8fbff 100%) !important;
    color: #08142f !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    line-height: 1.5;
}

body.landing-page::before {
    background:
        radial-gradient(circle at 10% 5%, rgba(31, 99, 245, 0.14), transparent 28rem),
        radial-gradient(circle at 92% 12%, rgba(0, 180, 216, 0.14), transparent 26rem),
        linear-gradient(120deg, rgba(255, 255, 255, 0), rgba(24, 181, 121, 0.05));
    content: "";
    height: 760px;
    inset: 0 0 auto;
    pointer-events: none;
    position: absolute;
    z-index: 0;
}

body.landing-page main,
body.landing-page .landing-header {
    position: relative;
    z-index: 1;
}

body.landing-page .landing-header,
body.landing-page .landing-hero,
body.landing-page .landing-section,
body.landing-page .testimonials,
body.landing-page .landing-final-cta,
body.landing-page .landing-trust-stats,
body.landing-page .landing-footer {
    max-width: 1180px !important;
    width: calc(100% - 44px) !important;
}

body.landing-page .landing-header {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.86) !important;
    border: 1px solid rgba(147, 164, 194, 0.26) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 50px rgba(11, 31, 76, 0.08) !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    margin: 18px auto 0 !important;
    min-height: 72px !important;
    padding: 12px 14px 12px 18px !important;
    top: 14px !important;
    backdrop-filter: blur(18px);
}

body.landing-page .landing-brand {
    color: #07142f !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.landing-page .landing-brand span {
    background: linear-gradient(135deg, #1d63f5, #00a3b5) !important;
    border-radius: 13px !important;
    box-shadow: 0 12px 26px rgba(29, 99, 245, 0.24) !important;
    height: 42px !important;
    width: 42px !important;
}

body.landing-page .landing-nav {
    align-items: center !important;
    background: #f2f6fc !important;
    border: 1px solid rgba(210, 220, 236, 0.9) !important;
    border-radius: 999px !important;
    display: flex !important;
    gap: 4px !important;
    justify-self: center !important;
    padding: 5px !important;
}

body.landing-page .landing-nav a {
    border-radius: 999px !important;
    color: #3e4f70 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    padding: 9px 12px !important;
}

body.landing-page .landing-nav a:hover {
    background: #ffffff !important;
    color: #0d55db !important;
    box-shadow: 0 8px 20px rgba(17, 36, 76, 0.08);
}

body.landing-page .landing-login,
body.landing-page .landing-secondary,
body.landing-page .landing-cta {
    align-items: center !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    font-weight: 950 !important;
    gap: 8px !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.landing-page .landing-cta {
    background: linear-gradient(135deg, #1d63f5, #00a3b5) !important;
    border: 1px solid rgba(29, 99, 245, 0.2) !important;
    box-shadow: 0 14px 30px rgba(29, 99, 245, 0.2) !important;
    color: #ffffff !important;
}

body.landing-page .landing-login,
body.landing-page .landing-secondary {
    background: #ffffff !important;
    border: 1px solid #dfe7f3 !important;
    color: #122143 !important;
}

body.landing-page .landing-cta:hover,
body.landing-page .landing-login:hover,
body.landing-page .landing-secondary:hover {
    transform: translateY(-1px);
}

body.landing-page .landing-hero {
    align-items: center !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(239, 247, 255, 0.82)) !important;
    border: 1px solid rgba(208, 220, 239, 0.9) !important;
    border-radius: 28px !important;
    box-shadow: 0 30px 90px rgba(15, 37, 83, 0.11) !important;
    display: grid !important;
    gap: 34px !important;
    grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr) !important;
    margin: 38px auto 20px !important;
    overflow: hidden !important;
    padding: clamp(28px, 4vw, 58px) !important;
    position: relative !important;
}

body.landing-page .landing-hero::after {
    background:
        linear-gradient(90deg, rgba(29, 99, 245, 0.12) 1px, transparent 1px),
        linear-gradient(180deg, rgba(29, 99, 245, 0.12) 1px, transparent 1px);
    background-size: 34px 34px;
    content: "";
    inset: 0;
    mask-image: linear-gradient(120deg, transparent 0%, rgba(0, 0, 0, 0.45) 72%, transparent 100%);
    opacity: 0.35;
    pointer-events: none;
    position: absolute;
}

body.landing-page .landing-hero-copy,
body.landing-page .hero-free-extractor {
    position: relative;
    z-index: 1;
}

body.landing-page .landing-badge,
body.landing-page .section-kicker {
    background: rgba(29, 99, 245, 0.09) !important;
    border: 1px solid rgba(29, 99, 245, 0.18) !important;
    border-radius: 999px !important;
    color: #0d55db !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    margin-bottom: 14px !important;
    padding: 7px 11px !important;
    text-transform: uppercase !important;
}

body.landing-page .landing-hero h1 {
    color: #06112d !important;
    font-size: clamp(42px, 5.9vw, 82px) !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    line-height: 0.96 !important;
    margin: 0 0 14px !important;
    max-width: 720px;
}

body.landing-page .landing-hero h1 span {
    color: #0d55db !important;
}

body.landing-page .hero-powered-line {
    color: #0e9f6e !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    margin-bottom: 12px !important;
}

body.landing-page .landing-hero-copy > p,
body.landing-page .section-split-copy p,
body.landing-page .comparison-section > div > p,
body.landing-page .result-preview-copy p {
    color: #53668f !important;
    font-size: 17px !important;
    font-weight: 650 !important;
    line-height: 1.68 !important;
    max-width: 650px !important;
}

body.landing-page .hero-feature-checklist {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 24px 0 !important;
}

body.landing-page .hero-feature-checklist span,
body.landing-page .landing-trust-points span,
body.landing-page .pricing-trust span,
body.landing-page .result-badges span {
    align-items: center !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(216, 226, 242, 0.95) !important;
    border-radius: 999px !important;
    color: #23365d !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    gap: 8px !important;
    min-height: 36px !important;
    padding: 7px 12px !important;
}

body.landing-page .hero-feature-checklist i,
body.landing-page .landing-trust-points i,
body.landing-page .pricing-trust i,
body.landing-page .result-badges i,
body.landing-page .comparison-row i {
    color: #18b579 !important;
}

body.landing-page .landing-hero-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
}

body.landing-page .landing-hero-actions .large {
    min-height: 52px !important;
    padding-inline: 20px !important;
}

body.landing-page .hero-insight-strip {
    background: #07142f !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 20px 44px rgba(7, 20, 47, 0.18) !important;
    display: grid !important;
    gap: 1px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin: 20px 0 !important;
    overflow: hidden !important;
    max-width: 680px !important;
}

body.landing-page .hero-insight-strip span {
    background: rgba(255, 255, 255, 0.045) !important;
    color: #b9c8e0 !important;
    display: grid !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    gap: 2px !important;
    min-height: 76px !important;
    padding: 14px !important;
}

body.landing-page .hero-insight-strip strong {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

body.landing-page .landing-trust-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
}

body.landing-page .hero-free-extractor {
    background: #ffffff !important;
    border: 1px solid rgba(213, 224, 241, 0.95) !important;
    border-radius: 24px !important;
    box-shadow: 0 26px 70px rgba(10, 31, 72, 0.16) !important;
    max-width: none !important;
    padding: 18px !important;
}

body.landing-page .hero-free-extractor .free-tool {
    display: grid !important;
    gap: 13px !important;
}

body.landing-page .free-tool-heading {
    background: linear-gradient(135deg, #eef5ff, #ffffff) !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 18px !important;
    padding: 18px !important;
}

body.landing-page .free-tool-heading h2 {
    color: #07142f !important;
    font-size: 26px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    margin: 0 0 8px !important;
}

body.landing-page .free-tool-heading p,
body.landing-page .free-limit-box p {
    color: #5d6f91 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

body.landing-page .hero-free-extractor label,
body.landing-page .free-tool-meta {
    color: #24365c !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

body.landing-page .domain-textarea {
    background: #f7faff !important;
    border: 1px solid #d8e2f2 !important;
    border-radius: 16px !important;
    color: #0d1833 !important;
    font: 800 14px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace !important;
    min-height: 142px !important;
    padding: 16px !important;
    resize: vertical !important;
}

body.landing-page .domain-textarea:focus {
    border-color: #1d63f5 !important;
    box-shadow: 0 0 0 4px rgba(29, 99, 245, 0.12) !important;
    outline: 0 !important;
}

body.landing-page .free-tool-meta {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
}

body.landing-page .free-limit-box {
    align-items: start !important;
    background: #f2fbf7 !important;
    border: 1px solid rgba(24, 181, 121, 0.18) !important;
    border-radius: 16px !important;
    color: #0f6d49 !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: 28px 1fr !important;
    padding: 13px !important;
}

body.landing-page .free-submit {
    width: 100% !important;
}

body.landing-page .free-results {
    border: 1px solid #dfe8f5 !important;
    border-radius: 18px !important;
    max-height: 280px !important;
    overflow: auto !important;
}

body.landing-page .free-results-head {
    background: #07142f !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    padding: 12px 14px !important;
}

body.landing-page .free-results table,
body.landing-page .result-preview-card table {
    border-collapse: collapse !important;
    width: 100% !important;
}

body.landing-page .free-results th,
body.landing-page .free-results td,
body.landing-page .result-preview-card th,
body.landing-page .result-preview-card td {
    border-bottom: 1px solid #edf2fa !important;
    color: #23365d !important;
    font-size: 12px !important;
    padding: 12px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

body.landing-page .free-results th,
body.landing-page .result-preview-card th {
    background: #f7faff !important;
    color: #607292 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

body.landing-page .landing-trust-stats {
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 0 auto 24px !important;
}

body.landing-page .landing-trust-stats article {
    background: #ffffff !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 42px rgba(15, 37, 83, 0.07) !important;
    display: grid !important;
    gap: 4px !important;
    min-height: 108px !important;
    padding: 22px !important;
}

body.landing-page .landing-trust-stats strong {
    color: #07142f !important;
    font-size: 30px !important;
    font-weight: 950 !important;
}

body.landing-page .landing-trust-stats span {
    color: #617392 !important;
    font-weight: 800 !important;
}

body.landing-page .landing-section,
body.landing-page .testimonials,
body.landing-page .landing-final-cta {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 78px auto !important;
    padding: 0 !important;
}

body.landing-page .landing-section h2,
body.landing-page .testimonials h2,
body.landing-page .landing-final-cta h2 {
    color: #07142f !important;
    font-size: clamp(30px, 3.2vw, 48px) !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
    margin: 0 0 24px !important;
    max-width: 820px !important;
}

body.landing-page .feature-grid,
body.landing-page .use-case-grid,
body.landing-page .steps-grid,
body.landing-page .workflow-grid,
body.landing-page .why-grid,
body.landing-page .pricing-grid,
body.landing-page .testimonial-grid,
body.landing-page .faq-grid {
    display: grid !important;
    gap: 16px !important;
}

body.landing-page .feature-grid,
body.landing-page .workflow-grid,
body.landing-page .pricing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.landing-page .use-case-grid,
body.landing-page .why-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.landing-page .steps-grid,
body.landing-page .testimonial-grid,
body.landing-page .faq-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.landing-page .feature-grid article,
body.landing-page .use-case-grid article,
body.landing-page .steps-grid article,
body.landing-page .workflow-grid article,
body.landing-page .why-grid article,
body.landing-page .pricing-card,
body.landing-page .testimonial-grid article,
body.landing-page .faq-grid details,
body.landing-page .result-preview-card,
body.landing-page .comparison-table {
    background: #ffffff !important;
    border: 1px solid #dfe8f5 !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 48px rgba(15, 37, 83, 0.07) !important;
}

body.landing-page .feature-grid article,
body.landing-page .steps-grid article,
body.landing-page .workflow-grid article,
body.landing-page .pricing-card,
body.landing-page .testimonial-grid article,
body.landing-page .faq-grid details {
    padding: 22px !important;
}

body.landing-page .use-case-grid article,
body.landing-page .why-grid article {
    align-items: center !important;
    display: grid !important;
    justify-items: center !important;
    min-height: 132px !important;
    padding: 18px !important;
    text-align: center !important;
}

body.landing-page .feature-grid article:hover,
body.landing-page .use-case-grid article:hover,
body.landing-page .steps-grid article:hover,
body.landing-page .workflow-grid article:hover,
body.landing-page .pricing-card:hover,
body.landing-page .testimonial-grid article:hover,
body.landing-page .faq-grid details:hover {
    border-color: rgba(29, 99, 245, 0.28) !important;
    box-shadow: 0 24px 58px rgba(15, 37, 83, 0.12) !important;
    transform: translateY(-2px);
}

body.landing-page .feature-grid i,
body.landing-page .use-case-grid i,
body.landing-page .steps-grid i,
body.landing-page .workflow-grid i {
    align-items: center !important;
    background: linear-gradient(135deg, #eaf2ff, #ecfbf7) !important;
    border-radius: 15px !important;
    color: #1d63f5 !important;
    display: inline-flex !important;
    font-size: 23px !important;
    height: 48px !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
    width: 48px !important;
}

body.landing-page .feature-grid h3,
body.landing-page .use-case-grid h3,
body.landing-page .steps-grid h3,
body.landing-page .pricing-card h3 {
    color: #07142f !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    margin: 0 0 9px !important;
}

body.landing-page .feature-grid p,
body.landing-page .steps-grid p,
body.landing-page .workflow-grid p,
body.landing-page .testimonial-grid p,
body.landing-page .faq-grid p {
    color: #617392 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

body.landing-page .steps-grid article > span {
    background: #07142f !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    display: inline-flex !important;
    font-weight: 950 !important;
    height: 30px !important;
    justify-content: center !important;
    margin-bottom: 14px !important;
    width: 30px !important;
}

body.landing-page .result-preview-section,
body.landing-page .workflow-section,
body.landing-page .comparison-section {
    align-items: center !important;
    display: grid !important;
    gap: 26px !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
}

body.landing-page .workflow-section {
    align-items: start !important;
}

body.landing-page .workflow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.landing-page .workflow-grid article strong {
    color: #07142f !important;
    display: block !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    margin-bottom: 6px !important;
}

body.landing-page .result-preview-card {
    overflow: hidden !important;
}

body.landing-page .result-preview-card td span,
body.landing-page .free-results td .found {
    background: #ecfbf4 !important;
    border-radius: 999px !important;
    color: #0e8b5d !important;
    display: inline-flex !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    padding: 6px 9px !important;
}

body.landing-page .free-results td .none {
    background: #fff7ed !important;
    border-radius: 999px !important;
    color: #b45309 !important;
    display: inline-flex !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    padding: 6px 9px !important;
}

body.landing-page .comparison-table {
    overflow: hidden !important;
}

body.landing-page .comparison-row {
    display: grid !important;
    gap: 1px !important;
    grid-template-columns: 0.8fr 1fr 1fr !important;
}

body.landing-page .comparison-row span {
    align-items: center !important;
    border-bottom: 1px solid #edf2fa !important;
    color: #53668f !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    gap: 8px !important;
    min-height: 58px !important;
    padding: 14px 16px !important;
}

body.landing-page .comparison-row span:first-child,
body.landing-page .comparison-row span:last-child {
    color: #07142f !important;
    font-weight: 950 !important;
}

body.landing-page .comparison-head span {
    background: #07142f !important;
    border-bottom: 0 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    min-height: 48px !important;
    text-transform: uppercase !important;
}

body.landing-page .pricing-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    position: relative !important;
}

body.landing-page .pricing-card.popular {
    border-color: rgba(29, 99, 245, 0.45) !important;
    box-shadow: 0 28px 70px rgba(29, 99, 245, 0.13) !important;
}

body.landing-page .popular-badge {
    align-self: flex-start !important;
    background: #07142f !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    padding: 7px 10px !important;
}

body.landing-page .price {
    color: #607292 !important;
    margin: 12px 0 !important;
}

body.landing-page .price b {
    color: #07142f !important;
    font-size: 42px !important;
    font-weight: 950 !important;
}

body.landing-page .pricing-card > strong {
    color: #0d55db !important;
    display: block !important;
    font-size: 14px !important;
    margin-bottom: 12px !important;
}

body.landing-page .pricing-limit-row {
    display: grid !important;
    gap: 8px !important;
    margin: 0 0 16px !important;
}

body.landing-page .pricing-limit-row span {
    background: #f7faff !important;
    border: 1px solid #e4ebf6 !important;
    border-radius: 12px !important;
    color: #394c70 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
}

body.landing-page .pricing-card ul {
    display: grid !important;
    flex: 1 1 auto !important;
    gap: 9px !important;
    list-style: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

body.landing-page .pricing-card li {
    color: #53668f !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}

body.landing-page .pricing-card li i {
    color: #18b579 !important;
    margin-right: 8px !important;
}

body.landing-page .pricing-trust {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    margin-top: 18px !important;
}

body.landing-page .testimonials {
    background: #07142f !important;
    border-radius: 28px !important;
    box-shadow: 0 28px 80px rgba(7, 20, 47, 0.18) !important;
    padding: clamp(28px, 4vw, 48px) !important;
}

body.landing-page .testimonials h2 {
    color: #ffffff !important;
}

body.landing-page .testimonial-grid article {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
}

body.landing-page .testimonial-grid p {
    color: #d7e2f2 !important;
}

body.landing-page .testimonial-grid strong {
    color: #ffffff !important;
    display: block !important;
    margin-top: 18px !important;
}

body.landing-page .testimonial-grid span {
    color: #9fb1cd !important;
}

body.landing-page .testimonial-stars {
    color: #ffc857 !important;
    margin-bottom: 12px !important;
}

body.landing-page .landing-final-cta {
    background:
        linear-gradient(135deg, rgba(29, 99, 245, 0.95), rgba(0, 163, 181, 0.95)) !important;
    border-radius: 28px !important;
    box-shadow: 0 28px 78px rgba(29, 99, 245, 0.18) !important;
    overflow: hidden !important;
    padding: clamp(28px, 5vw, 58px) !important;
    position: relative !important;
    text-align: center !important;
}

body.landing-page .landing-final-cta .section-kicker {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
}

body.landing-page .landing-final-cta h2,
body.landing-page .landing-final-cta p {
    color: #ffffff !important;
    margin-inline: auto !important;
}

body.landing-page .landing-final-cta p {
    font-size: 17px !important;
    font-weight: 750 !important;
    opacity: 0.9;
}

body.landing-page .landing-final-cta > div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: center !important;
    margin-top: 20px !important;
}

body.landing-page .faq-grid details {
    padding: 0 !important;
}

body.landing-page .faq-grid summary {
    align-items: center !important;
    color: #07142f !important;
    cursor: pointer !important;
    display: flex !important;
    font-weight: 950 !important;
    justify-content: space-between !important;
    min-height: 66px !important;
    padding: 18px 20px !important;
}

body.landing-page .faq-grid details p {
    border-top: 1px solid #edf2fa !important;
    padding: 16px 20px 20px !important;
}

body.landing-page .landing-footer {
    background: #07142f !important;
    border-radius: 24px 24px 0 0 !important;
    color: #d7e2f2 !important;
    display: grid !important;
    gap: 26px !important;
    grid-template-columns: 1.3fr repeat(4, 0.72fr) 1.15fr !important;
    margin: 72px auto 0 !important;
    padding: 34px !important;
}

body.landing-page .landing-footer .landing-brand,
body.landing-page .landing-footer strong {
    color: #ffffff !important;
}

body.landing-page .landing-footer p,
body.landing-page .landing-footer a {
    color: #9fb1cd !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

body.landing-page .landing-footer nav {
    display: grid !important;
    gap: 9px !important;
}

body.landing-page .newsletter label {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr 42px !important;
    overflow: hidden !important;
}

body.landing-page .newsletter input {
    background: transparent !important;
    border: 0 !important;
    color: #ffffff !important;
    min-height: 44px !important;
    padding: 0 12px !important;
}

body.landing-page .newsletter button {
    background: #ffffff !important;
    border: 0 !important;
    color: #0d55db !important;
}

@media (max-width: 1120px) {
    body.landing-page .landing-header {
        grid-template-columns: auto auto !important;
    }

    body.landing-page .landing-menu-toggle {
        align-items: center !important;
        background: #07142f !important;
        border: 0 !important;
        border-radius: 12px !important;
        color: #ffffff !important;
        display: inline-flex !important;
        font-size: 22px !important;
        height: 44px !important;
        justify-content: center !important;
        justify-self: end !important;
        width: 44px !important;
    }

    body.landing-page .landing-nav {
        align-items: stretch !important;
        border-radius: 16px !important;
        display: none !important;
        grid-column: 1 / -1 !important;
        justify-self: stretch !important;
        margin-top: 12px !important;
        padding: 8px !important;
    }

    body.landing-page .landing-nav.is-open {
        display: grid !important;
    }

    body.landing-page .landing-actions {
        display: none !important;
    }

    body.landing-page .mobile-only {
        display: inline-flex !important;
    }

    body.landing-page .landing-hero,
    body.landing-page .result-preview-section,
    body.landing-page .workflow-section,
    body.landing-page .comparison-section {
        grid-template-columns: 1fr !important;
    }

    body.landing-page .feature-grid,
    body.landing-page .pricing-grid,
    body.landing-page .steps-grid,
    body.landing-page .testimonial-grid,
    body.landing-page .faq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.landing-page .use-case-grid,
    body.landing-page .why-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

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

@media (max-width: 720px) {
    body.landing-page .landing-header,
    body.landing-page .landing-hero,
    body.landing-page .landing-section,
    body.landing-page .testimonials,
    body.landing-page .landing-final-cta,
    body.landing-page .landing-trust-stats,
    body.landing-page .landing-footer {
        width: calc(100% - 24px) !important;
    }

    body.landing-page .landing-header {
        border-radius: 16px !important;
        padding: 10px !important;
    }

    body.landing-page .landing-hero {
        border-radius: 22px !important;
        margin-top: 26px !important;
        padding: 22px !important;
    }

    body.landing-page .landing-hero h1 {
        font-size: 42px !important;
    }

    body.landing-page .hero-feature-checklist,
    body.landing-page .hero-insight-strip,
    body.landing-page .landing-trust-stats,
    body.landing-page .feature-grid,
    body.landing-page .use-case-grid,
    body.landing-page .steps-grid,
    body.landing-page .workflow-grid,
    body.landing-page .why-grid,
    body.landing-page .pricing-grid,
    body.landing-page .testimonial-grid,
    body.landing-page .faq-grid,
    body.landing-page .landing-footer {
        grid-template-columns: 1fr !important;
    }

    body.landing-page .landing-hero-actions,
    body.landing-page .landing-final-cta > div {
        display: grid !important;
    }

    body.landing-page .landing-hero-actions a,
    body.landing-page .landing-final-cta a {
        width: 100% !important;
    }

    body.landing-page .hero-free-extractor {
        padding: 12px !important;
    }

    body.landing-page .landing-section,
    body.landing-page .testimonials,
    body.landing-page .landing-final-cta {
        margin: 52px auto !important;
    }

    body.landing-page .comparison-row {
        grid-template-columns: 1fr !important;
    }

    body.landing-page .comparison-head {
        display: none !important;
    }

    body.landing-page .comparison-row {
        border-bottom: 1px solid #edf2fa !important;
        padding: 10px 0 !important;
    }

    body.landing-page .comparison-row span {
        border-bottom: 0 !important;
        min-height: 0 !important;
        padding: 7px 14px !important;
    }

    body.landing-page .free-results table,
    body.landing-page .free-results thead,
    body.landing-page .free-results tbody,
    body.landing-page .free-results tr,
    body.landing-page .free-results td,
    body.landing-page .result-preview-card table,
    body.landing-page .result-preview-card thead,
    body.landing-page .result-preview-card tbody,
    body.landing-page .result-preview-card tr,
    body.landing-page .result-preview-card td {
        display: block !important;
        width: 100% !important;
    }

    body.landing-page .free-results thead,
    body.landing-page .result-preview-card thead {
        display: none !important;
    }

    body.landing-page .free-results tr,
    body.landing-page .result-preview-card tr {
        border-bottom: 1px solid #edf2fa !important;
        padding: 10px 0 !important;
    }

    body.landing-page .free-results td,
    body.landing-page .result-preview-card td {
        align-items: center !important;
        border: 0 !important;
        display: flex !important;
        justify-content: space-between !important;
        gap: 12px !important;
        text-align: right !important;
    }

    body.landing-page .free-results tbody tr:not(.empty) td::before,
    body.landing-page .result-preview-card td::before {
        color: #6b7d9b !important;
        font-weight: 950 !important;
        text-align: left !important;
    }

    body.landing-page .free-results tbody tr:not(.empty) td:nth-child(1)::before { content: "Email"; }
    body.landing-page .free-results tbody tr:not(.empty) td:nth-child(2)::before { content: "Domain"; }
    body.landing-page .free-results tbody tr:not(.empty) td:nth-child(3)::before { content: "Status"; }
    body.landing-page .free-results tbody tr:not(.empty) td:nth-child(4)::before { content: "Type"; }
    body.landing-page .result-preview-card td:nth-child(1)::before { content: "Domain"; }
    body.landing-page .result-preview-card td:nth-child(2)::before { content: "Email"; }
    body.landing-page .result-preview-card td:nth-child(3)::before { content: "Status"; }

    body.landing-page .free-results .empty td {
        display: grid !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

@media (max-width: 1180px) {
    body.extractor-page .extractor-workspace-head {
        grid-template-columns: 1fr !important;
    }

    body.extractor-page .extractor-head-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    body.extractor-page .head-usage-card {
        min-width: 240px !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body.extractor-page .sidebar,
    body.billing-page .sidebar,
    body.admin-page .sidebar,
    body.dashboard-page .sidebar,
    body.settings-page .sidebar {
        width: 100% !important;
    }

    body.admin-plans-page .admin-form-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Production landing page finish */
body.landing-page {
    --lp-bg: #f7faff;
    --lp-surface: #ffffff;
    --lp-ink: #0b1736;
    --lp-muted: #5f6f8d;
    --lp-line: #dfe8f5;
    --lp-primary: #0f5fdb;
    --lp-primary-dark: #0a49b3;
    --lp-accent: #0aa36f;
    --lp-warm: #f59e0b;
    --lp-soft-blue: #eaf2ff;
    --lp-soft-green: #e9f8f1;
    --lp-shadow: 0 20px 55px rgba(22, 48, 93, .10);
    background:
        linear-gradient(180deg, #f2f7ff 0%, #ffffff 36%, #f7faff 100%) !important;
    color: var(--lp-ink) !important;
}

body.landing-page main {
    overflow: hidden;
}

body.landing-page .landing-header,
body.landing-page .landing-hero,
body.landing-page .landing-section,
body.landing-page .testimonials,
body.landing-page .landing-trust-stats,
body.landing-page .landing-final-cta,
body.landing-page .landing-footer {
    max-width: 1200px !important;
    width: calc(100% - 40px) !important;
}

body.landing-page .landing-header {
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(15, 95, 219, .12) !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 45px rgba(20, 45, 90, .08) !important;
    margin: 16px auto 0 !important;
    min-height: 72px !important;
}

body.landing-page .landing-brand,
body.landing-page .landing-nav a,
body.landing-page .landing-login,
body.landing-page .landing-secondary {
    color: var(--lp-ink) !important;
}

body.landing-page .landing-brand span {
    background: linear-gradient(135deg, var(--lp-primary), #19a8ff) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 26px rgba(15, 95, 219, .22) !important;
}

body.landing-page .landing-nav a:hover {
    background: var(--lp-soft-blue) !important;
    color: var(--lp-primary) !important;
}

body.landing-page .landing-cta,
body.landing-page .free-submit {
    background: linear-gradient(135deg, var(--lp-primary), #18a4ef) !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 35px rgba(15, 95, 219, .25) !important;
    color: #ffffff !important;
}

body.landing-page .landing-cta:hover,
body.landing-page .free-submit:hover {
    box-shadow: 0 20px 46px rgba(15, 95, 219, .32) !important;
    filter: none !important;
}

body.landing-page .landing-login,
body.landing-page .landing-secondary {
    background: #ffffff !important;
    border: 1px solid var(--lp-line) !important;
    box-shadow: 0 8px 22px rgba(18, 42, 85, .06) !important;
}

body.landing-page .landing-hero {
    align-items: center !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(235, 244, 255, .94)) !important;
    border: 1px solid rgba(15, 95, 219, .12) !important;
    border-radius: 28px !important;
    box-shadow: var(--lp-shadow) !important;
    gap: 36px !important;
    grid-template-columns: minmax(0, 1fr) minmax(430px, .95fr) !important;
    margin: 34px auto 0 !important;
    padding: 48px !important;
}

body.landing-page .landing-hero::after {
    display: none !important;
}

body.landing-page .landing-badge,
body.landing-page .section-kicker {
    background: var(--lp-soft-blue) !important;
    border: 1px solid rgba(15, 95, 219, .14) !important;
    color: var(--lp-primary) !important;
}

body.landing-page .landing-hero h1,
body.landing-page .landing-section h2,
body.landing-page .testimonials h2,
body.landing-page .landing-final-cta h2,
body.landing-page .free-tool-heading h2 {
    color: var(--lp-ink) !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

body.landing-page .landing-hero h1 {
    font-size: clamp(42px, 5vw, 68px) !important;
    line-height: .98 !important;
}

body.landing-page .landing-hero h1 span,
body.landing-page .pricing-card h3 {
    color: var(--lp-primary) !important;
}

body.landing-page .hero-powered-line {
    color: var(--lp-accent) !important;
}

body.landing-page .landing-hero-copy > p,
body.landing-page .landing-section p,
body.landing-page .testimonials p,
body.landing-page .landing-footer p,
body.landing-page .landing-footer a,
body.landing-page .free-tool-heading p,
body.landing-page .faq-grid p {
    color: var(--lp-muted) !important;
}

body.landing-page .hero-feature-checklist span,
body.landing-page .landing-trust-points span,
body.landing-page .landing-trust-points a,
body.landing-page .pricing-trust span,
body.landing-page .result-badges span {
    background: #ffffff !important;
    border: 1px solid var(--lp-line) !important;
    color: #21304f !important;
}

body.landing-page .hero-feature-checklist i,
body.landing-page .landing-trust-points i,
body.landing-page .pricing-trust i,
body.landing-page .result-badges i,
body.landing-page .why-grid i,
body.landing-page .comparison-row i {
    color: var(--lp-accent) !important;
}

body.landing-page .hero-insight-strip {
    background: #0b1736 !important;
    border: 0 !important;
    box-shadow: 0 18px 42px rgba(11, 23, 54, .18) !important;
    color: #cbd7ea !important;
}

body.landing-page .hero-insight-strip strong {
    color: #ffffff !important;
}

body.landing-page .free-extractor,
body.landing-page .landing-trust-stats article,
body.landing-page .feature-grid article,
body.landing-page .use-case-grid article,
body.landing-page .steps-grid article,
body.landing-page .workflow-grid article,
body.landing-page .why-grid article,
body.landing-page .pricing-card,
body.landing-page .testimonial-grid article,
body.landing-page .faq-grid details,
body.landing-page .result-preview-card {
    background: var(--lp-surface) !important;
    border: 1px solid var(--lp-line) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 38px rgba(22, 48, 93, .07) !important;
    color: var(--lp-ink) !important;
    backdrop-filter: none !important;
}

body.landing-page .free-extractor {
    padding: 18px !important;
}

body.landing-page .free-tool {
    display: grid;
    gap: 14px;
}

body.landing-page .domain-textarea,
body.landing-page .newsletter input {
    background: #ffffff !important;
    border: 1px solid var(--lp-line) !important;
    color: var(--lp-ink) !important;
}

body.landing-page .domain-textarea:focus,
body.landing-page .newsletter input:focus {
    border-color: var(--lp-primary) !important;
    box-shadow: 0 0 0 4px rgba(15, 95, 219, .12) !important;
}

body.landing-page .free-limit-box {
    background: var(--lp-soft-green) !important;
    border: 1px solid rgba(10, 163, 111, .18) !important;
    color: #1e5d47 !important;
}

body.landing-page .free-results,
body.landing-page .comparison-table {
    background: #fbfdff !important;
    border: 1px solid var(--lp-line) !important;
    border-radius: 14px !important;
}

body.landing-page .free-results th,
body.landing-page .free-results td,
body.landing-page .result-preview-card th,
body.landing-page .result-preview-card td {
    border-color: #edf2f8 !important;
    color: #233554 !important;
}

body.landing-page .feature-grid article > i,
body.landing-page .use-case-grid article > i,
body.landing-page .steps-grid article > i,
body.landing-page .workflow-grid article > i {
    background: var(--lp-soft-blue) !important;
    color: var(--lp-primary) !important;
    box-shadow: none !important;
}

body.landing-page .landing-trust-stats {
    background: transparent !important;
    box-shadow: none !important;
    gap: 16px !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
}

body.landing-page .landing-trust-stats strong {
    color: var(--lp-primary) !important;
}

body.landing-page .pricing-card.popular {
    border-color: rgba(15, 95, 219, .32) !important;
    box-shadow: 0 24px 60px rgba(15, 95, 219, .14) !important;
}

body.landing-page .price,
body.landing-page .price b,
body.landing-page .pricing-card strong,
body.landing-page .testimonial-grid strong,
body.landing-page .faq-grid summary,
body.landing-page .landing-footer strong,
body.landing-page .free-results-head {
    color: var(--lp-ink) !important;
}

body.landing-page .popular-badge {
    background: var(--lp-soft-green) !important;
    border: 1px solid rgba(10, 163, 111, .2) !important;
    color: #08734f !important;
}

body.landing-page .contact-section {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
}

body.landing-page .contact-grid {
    display: grid;
    gap: 14px;
}

body.landing-page .contact-grid a {
    align-items: center;
    background: #ffffff;
    border: 1px solid var(--lp-line);
    border-radius: 16px;
    box-shadow: 0 14px 34px rgba(22, 48, 93, .08);
    color: var(--lp-ink);
    display: grid;
    gap: 2px 14px;
    grid-template-columns: 48px 1fr;
    min-width: 0;
    padding: 16px;
    text-decoration: none;
}

body.landing-page .contact-grid i {
    align-items: center;
    background: var(--lp-soft-blue);
    border-radius: 12px;
    color: var(--lp-primary);
    display: inline-flex;
    font-size: 21px;
    height: 48px;
    justify-content: center;
    width: 48px;
}

body.landing-page .contact-grid strong,
body.landing-page .contact-grid span {
    overflow-wrap: anywhere;
}

body.landing-page .contact-grid strong {
    font-size: 17px;
}

body.landing-page .contact-grid span {
    color: var(--lp-muted);
    font-size: 13px;
}

body.landing-page .landing-final-cta {
    background: linear-gradient(135deg, #0b1736, #0f5fdb) !important;
    border: 0 !important;
    color: #ffffff !important;
}

body.landing-page .landing-final-cta h2,
body.landing-page .landing-final-cta p {
    color: #ffffff !important;
}

body.landing-page .landing-final-cta .landing-secondary {
    background: rgba(255, 255, 255, .12) !important;
    border-color: rgba(255, 255, 255, .28) !important;
    color: #ffffff !important;
}

body.landing-page .landing-footer {
    background: #0b1736 !important;
    border: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    margin-bottom: 0 !important;
}

body.landing-page .landing-footer .landing-brand,
body.landing-page .landing-footer strong {
    color: #ffffff !important;
}

body.landing-page .landing-footer a,
body.landing-page .landing-footer p {
    color: #b9c7dc !important;
}

body.landing-page .newsletter label {
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
}

body.landing-page .newsletter input {
    background: transparent !important;
    border: 0 !important;
    color: #ffffff !important;
}

body.landing-page .newsletter button {
    background: #ffffff !important;
    color: var(--lp-primary) !important;
}

@media (max-width: 1120px) {
    body.landing-page .landing-hero,
    body.landing-page .contact-section {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 720px) {
    body.landing-page .landing-header,
    body.landing-page .landing-hero,
    body.landing-page .landing-section,
    body.landing-page .testimonials,
    body.landing-page .landing-final-cta,
    body.landing-page .landing-trust-stats,
    body.landing-page .landing-footer {
        width: calc(100% - 24px) !important;
    }

    body.landing-page .landing-hero {
        padding: 24px !important;
    }

    body.landing-page .landing-hero h1 {
        font-size: 40px !important;
    }

    body.landing-page .contact-grid a {
        grid-template-columns: 42px 1fr;
        padding: 14px;
    }

    body.landing-page .contact-grid i {
        height: 42px;
        width: 42px;
    }
}

/* Final landing color normalization */
body.landing-page {
    background:
        radial-gradient(circle at 88% 0%, rgba(15, 95, 219, .10), transparent 26rem),
        linear-gradient(180deg, #f5f9ff 0%, #ffffff 42%, #f7faff 100%) !important;
}

body.landing-page .mobile-only {
    display: none !important;
}

body.landing-page .landing-header {
    grid-template-columns: auto 1fr auto !important;
}

body.landing-page .landing-nav {
    background: #f4f8fe !important;
    border: 1px solid #d9e6f7 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    justify-self: center !important;
    padding: 6px !important;
}

body.landing-page .landing-nav a {
    border-radius: 999px !important;
    color: #15213d !important;
    min-height: 42px !important;
    padding: 0 18px !important;
}

body.landing-page .landing-nav a:hover,
body.landing-page .landing-nav a:focus {
    background: #ffffff !important;
    color: #0f5fdb !important;
}

body.landing-page .landing-hero {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(240, 247, 255, .94)) !important;
}

body.landing-page .landing-badge,
body.landing-page .section-kicker,
body.landing-page .free-tool-heading .landing-badge {
    background: #eaf2ff !important;
    border-color: #cfe0f7 !important;
    color: #0f5fdb !important;
}

body.landing-page .hero-powered-line {
    background: #e9f8f1 !important;
    border: 1px solid #c8eedc !important;
    border-radius: 999px !important;
    color: #08734f !important;
    display: inline-flex !important;
    padding: 12px 18px !important;
}

body.landing-page .hero-feature-checklist span {
    background: #ffffff !important;
    border-color: #dbe7f6 !important;
    box-shadow: 0 8px 20px rgba(22, 48, 93, .05) !important;
}

body.landing-page .hero-feature-checklist i {
    background: #e9f8f1 !important;
    border: 1px solid #bee9d6 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: #0a9b69 !important;
}

body.landing-page .free-extractor,
body.landing-page .hero-free-extractor {
    background: #ffffff !important;
    border-color: #dbe7f6 !important;
    box-shadow: 0 22px 60px rgba(22, 48, 93, .10) !important;
}

body.landing-page .free-tool-heading {
    background: #f5f9ff !important;
    border: 1px solid #dbe7f6 !important;
    border-radius: 18px !important;
    padding: 22px !important;
}

body.landing-page .free-tool-heading h2,
body.landing-page .free-tool label,
body.landing-page #domainCounter,
body.landing-page .free-limit-box strong {
    color: #0b1736 !important;
}

body.landing-page .free-tool-heading p,
body.landing-page .free-limit-box p {
    color: #63718a !important;
}

body.landing-page .domain-textarea {
    background: #fbfdff !important;
    border-color: #cfd9e8 !important;
    border-radius: 16px !important;
}

body.landing-page .free-limit-box {
    background: #f1f6fc !important;
    border-color: #dbe7f6 !important;
}

body.landing-page .free-limit-box i {
    color: #0f5fdb !important;
}

body.landing-page .landing-cta,
body.landing-page .free-submit,
body.landing-page .newsletter button {
    background: linear-gradient(135deg, #1769e0, #16a3e8) !important;
}

body.landing-page .landing-cta::before,
body.landing-page .free-submit::before,
body.landing-page .landing-final-cta::before {
    display: none !important;
}

body.landing-page .landing-hero h1 span {
    color: #1d5bd8 !important;
}

body.landing-page .landing-menu-toggle {
    display: none !important;
}

@media (max-width: 1120px) {
    body.landing-page .landing-header {
        grid-template-columns: auto auto !important;
    }

    body.landing-page .landing-menu-toggle {
        align-items: center !important;
        background: #0f5fdb !important;
        border: 0 !important;
        border-radius: 12px !important;
        color: #ffffff !important;
        display: inline-flex !important;
        font-size: 22px !important;
        height: 44px !important;
        justify-content: center !important;
        justify-self: end !important;
        width: 44px !important;
    }

    body.landing-page .landing-nav {
        border-radius: 16px !important;
        justify-self: stretch !important;
    }

    body.landing-page .mobile-only {
        display: inline-flex !important;
    }
}

/* App-aligned landing theme */
body.landing-page {
    --lp-bg: #0b1020;
    --lp-panel: rgba(19, 28, 49, .88);
    --lp-panel-strong: #131c31;
    --lp-border: rgba(148, 163, 184, .20);
    --lp-ink: #ffffff;
    --lp-muted: #a7b4c8;
    --lp-muted-strong: #dbe5f2;
    --lp-pink: #ff4d9d;
    --lp-pink-2: #ff2f8f;
    --lp-purple: #8b5cf6;
    --lp-blue: #38bdf8;
    --lp-green: #34d399;
    --lp-shadow: 0 24px 70px rgba(0, 0, 0, .34);
    background:
        radial-gradient(circle at 82% 2%, rgba(255, 77, 157, .20), transparent 31rem),
        radial-gradient(circle at 16% 0%, rgba(139, 92, 246, .18), transparent 28rem),
        linear-gradient(135deg, #08101f 0%, #0b1020 45%, #090d1c 100%) !important;
    color: var(--lp-ink) !important;
}

body.landing-page .landing-header,
body.landing-page .landing-hero,
body.landing-page .landing-section,
body.landing-page .testimonials,
body.landing-page .landing-footer,
body.landing-page .landing-final-cta {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
        var(--lp-panel) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: var(--lp-shadow) !important;
    color: var(--lp-ink) !important;
}

body.landing-page .landing-header {
    backdrop-filter: blur(18px) !important;
}

body.landing-page .landing-nav {
    background: rgba(11, 16, 32, .62) !important;
    border: 1px solid var(--lp-border) !important;
}

body.landing-page .landing-brand,
body.landing-page .landing-nav a,
body.landing-page .landing-login,
body.landing-page .landing-secondary,
body.landing-page .landing-hero h1,
body.landing-page .landing-section h2,
body.landing-page .testimonials h2,
body.landing-page .landing-final-cta h2,
body.landing-page .free-tool-heading h2,
body.landing-page .free-tool label,
body.landing-page #domainCounter,
body.landing-page .free-limit-box strong,
body.landing-page .price,
body.landing-page .price b,
body.landing-page .pricing-card strong,
body.landing-page .testimonial-grid strong,
body.landing-page .faq-grid summary,
body.landing-page .landing-footer strong,
body.landing-page .free-results-head {
    color: var(--lp-ink) !important;
}

body.landing-page .landing-nav a:hover,
body.landing-page .landing-nav a:focus {
    background: rgba(255, 77, 157, .14) !important;
    color: #ffffff !important;
}

body.landing-page .landing-brand span {
    background: linear-gradient(135deg, var(--lp-pink-2), var(--lp-pink)) !important;
    box-shadow: 0 14px 34px rgba(255, 77, 157, .30) !important;
}

body.landing-page .landing-hero {
    background:
        radial-gradient(circle at 100% 0%, rgba(56, 189, 248, .09), transparent 22rem),
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
        var(--lp-panel) !important;
}

body.landing-page .landing-hero h1 span,
body.landing-page .pricing-card h3 {
    color: var(--lp-pink) !important;
}

body.landing-page .landing-hero-copy > p,
body.landing-page .landing-section p,
body.landing-page .testimonials p,
body.landing-page .landing-footer p,
body.landing-page .landing-footer a,
body.landing-page .free-tool-heading p,
body.landing-page .free-limit-box p,
body.landing-page .faq-grid p,
body.landing-page .contact-grid span {
    color: var(--lp-muted) !important;
}

body.landing-page .landing-badge,
body.landing-page .section-kicker,
body.landing-page .free-tool-heading .landing-badge {
    background: rgba(255, 77, 157, .11) !important;
    border: 1px solid rgba(255, 77, 157, .30) !important;
    color: #ffb3d6 !important;
}

body.landing-page .hero-powered-line {
    background: rgba(52, 211, 153, .11) !important;
    border: 1px solid rgba(52, 211, 153, .26) !important;
    color: #86efac !important;
}

body.landing-page .landing-cta,
body.landing-page .free-submit {
    background: linear-gradient(135deg, var(--lp-pink-2), var(--lp-pink)) !important;
    box-shadow: 0 16px 38px rgba(255, 77, 157, .26) !important;
}

body.landing-page .landing-cta:hover,
body.landing-page .free-submit:hover {
    box-shadow: 0 22px 54px rgba(255, 77, 157, .34) !important;
}

body.landing-page .landing-login,
body.landing-page .landing-secondary {
    background: rgba(19, 28, 49, .84) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .16) !important;
}

body.landing-page .hero-feature-checklist span,
body.landing-page .landing-trust-points span,
body.landing-page .landing-trust-points a,
body.landing-page .pricing-trust span,
body.landing-page .result-badges span,
body.landing-page .free-limit-box {
    background: rgba(11, 16, 32, .52) !important;
    border: 1px solid var(--lp-border) !important;
    color: var(--lp-muted-strong) !important;
}

body.landing-page .hero-feature-checklist i,
body.landing-page .landing-trust-points i,
body.landing-page .pricing-trust i,
body.landing-page .result-badges i,
body.landing-page .why-grid i,
body.landing-page .comparison-row i {
    background: rgba(52, 211, 153, .13) !important;
    border: 1px solid rgba(52, 211, 153, .26) !important;
    color: #86efac !important;
}

body.landing-page .free-extractor,
body.landing-page .hero-free-extractor,
body.landing-page .landing-trust-stats article,
body.landing-page .feature-grid article,
body.landing-page .use-case-grid article,
body.landing-page .steps-grid article,
body.landing-page .workflow-grid article,
body.landing-page .why-grid article,
body.landing-page .pricing-card,
body.landing-page .testimonial-grid article,
body.landing-page .faq-grid details,
body.landing-page .result-preview-card,
body.landing-page .contact-grid a {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
        var(--lp-panel) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
    color: var(--lp-ink) !important;
}

body.landing-page .free-tool-heading {
    background: rgba(11, 16, 32, .46) !important;
    border: 1px solid var(--lp-border) !important;
}

body.landing-page .domain-textarea,
body.landing-page .newsletter input {
    background: #0b1324 !important;
    border: 1px solid var(--lp-border) !important;
    color: #ffffff !important;
}

body.landing-page .domain-textarea::placeholder,
body.landing-page .newsletter input::placeholder {
    color: #7f8da3 !important;
}

body.landing-page .domain-textarea:focus,
body.landing-page .newsletter input:focus {
    border-color: var(--lp-pink) !important;
    box-shadow: 0 0 0 4px rgba(255, 77, 157, .15) !important;
}

body.landing-page .free-results,
body.landing-page .comparison-table {
    background: rgba(11, 16, 32, .50) !important;
    border: 1px solid var(--lp-border) !important;
}

body.landing-page .free-results th,
body.landing-page .free-results td,
body.landing-page .result-preview-card th,
body.landing-page .result-preview-card td {
    background: transparent !important;
    border-color: rgba(148, 163, 184, .12) !important;
    color: var(--lp-muted-strong) !important;
}

body.landing-page .feature-grid article > i,
body.landing-page .use-case-grid article > i,
body.landing-page .steps-grid article > i,
body.landing-page .workflow-grid article > i,
body.landing-page .contact-grid i {
    background: linear-gradient(135deg, var(--lp-pink), var(--lp-purple)) !important;
    box-shadow: 0 16px 34px rgba(139, 92, 246, .25) !important;
    color: #ffffff !important;
}

body.landing-page .landing-trust-stats {
    background: transparent !important;
    box-shadow: none !important;
}

body.landing-page .landing-trust-stats strong {
    color: #ffffff !important;
}

body.landing-page .popular-badge {
    background: rgba(255, 77, 157, .14) !important;
    border: 1px solid rgba(255, 77, 157, .34) !important;
    color: #ffb3d6 !important;
}

body.landing-page .pricing-card.popular {
    border-color: rgba(255, 77, 157, .68) !important;
    box-shadow: 0 26px 80px rgba(255, 77, 157, .16) !important;
}

body.landing-page .landing-final-cta {
    background:
        linear-gradient(135deg, rgba(255, 47, 143, .18), rgba(139, 92, 246, .14)),
        var(--lp-panel-strong) !important;
}

body.landing-page .landing-footer {
    background: #0b1020 !important;
    border-color: rgba(148, 163, 184, .14) !important;
}

body.landing-page .newsletter label {
    background: rgba(11, 16, 32, .66) !important;
    border: 1px solid var(--lp-border) !important;
}

body.landing-page .newsletter button {
    background: linear-gradient(135deg, var(--lp-pink-2), var(--lp-pink)) !important;
    color: #ffffff !important;
}

@media (max-width: 1120px) {
    body.landing-page .landing-menu-toggle {
        background: linear-gradient(135deg, var(--lp-pink-2), var(--lp-pink)) !important;
    }
}

/* Landing production layout fixes */
body.landing-page .landing-section {
    padding-bottom: 78px !important;
    padding-top: 78px !important;
}

body.landing-page .landing-section h2,
body.landing-page .testimonials h2 {
    font-size: clamp(34px, 4vw, 56px) !important;
    line-height: 1.04 !important;
    margin-bottom: 26px !important;
    text-align: center !important;
}

body.landing-page .use-case-grid,
body.landing-page .feature-grid,
body.landing-page .steps-grid,
body.landing-page .workflow-grid,
body.landing-page .why-grid {
    align-items: stretch !important;
}

body.landing-page .use-case-grid {
    gap: 18px !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.landing-page .use-case-grid article {
    align-content: center !important;
    display: grid !important;
    gap: 20px !important;
    justify-items: center !important;
    min-height: 188px !important;
    padding: 24px 14px !important;
    text-align: center !important;
}

body.landing-page .use-case-grid article h3,
body.landing-page .feature-grid article h3,
body.landing-page .steps-grid article h3,
body.landing-page .workflow-grid article strong,
body.landing-page .why-grid article span {
    color: #ffffff !important;
}

body.landing-page .use-case-grid article h3 {
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    margin: 0 !important;
    max-width: 160px !important;
}

body.landing-page .use-case-grid article > i {
    font-size: 27px !important;
    height: 58px !important;
    width: 58px !important;
}

body.landing-page .pricing-grid {
    align-items: stretch !important;
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.landing-page .pricing-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    min-height: 100% !important;
    padding: 26px 22px !important;
}

body.landing-page .pricing-card h3 {
    font-size: 20px !important;
    margin: 0 !important;
}

body.landing-page .pricing-card .price {
    align-items: baseline !important;
    display: flex !important;
    gap: 4px !important;
    line-height: 1 !important;
    margin: 2px 0 !important;
}

body.landing-page .pricing-card .price b {
    font-size: clamp(38px, 3vw, 52px) !important;
}

body.landing-page .pricing-limit-row {
    display: grid !important;
    gap: 10px !important;
}

body.landing-page .pricing-limit-row span {
    align-items: center !important;
    background: rgba(255, 255, 255, .92) !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #35476a !important;
    display: flex !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    gap: 9px !important;
    min-height: 42px !important;
    padding: 0 13px !important;
}

body.landing-page .pricing-limit-row i {
    color: var(--lp-pink) !important;
}

body.landing-page .pricing-card ul {
    border-top: 1px solid rgba(148, 163, 184, .16) !important;
    display: grid !important;
    gap: 12px !important;
    list-style: none !important;
    margin: 4px 0 0 !important;
    padding: 18px 0 0 !important;
}

body.landing-page .pricing-card li {
    align-items: flex-start !important;
    color: #dbe5f2 !important;
    display: grid !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    gap: 10px !important;
    grid-template-columns: 18px 1fr !important;
    line-height: 1.35 !important;
}

body.landing-page .pricing-card li i {
    color: var(--lp-green) !important;
    margin-top: 1px !important;
}

body.landing-page .pricing-card .plan-button {
    margin-top: auto !important;
    min-height: 54px !important;
    width: 100% !important;
}

body.landing-page .contact-section {
    align-items: center !important;
    gap: 34px !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 500px) !important;
    margin-top: 72px !important;
    padding: 48px !important;
}

body.landing-page .contact-section h2 {
    font-size: clamp(32px, 3.6vw, 52px) !important;
    line-height: 1.06 !important;
    margin: 14px 0 14px !important;
    max-width: 760px !important;
    text-align: left !important;
}

body.landing-page .contact-section p {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    max-width: 720px !important;
}

body.landing-page .contact-grid {
    gap: 14px !important;
}

body.landing-page .contact-grid a {
    align-items: center !important;
    border-radius: 18px !important;
    gap: 14px !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    min-height: 116px !important;
    padding: 22px !important;
}

body.landing-page .contact-grid i {
    height: 58px !important;
    width: 58px !important;
}

body.landing-page .contact-grid strong {
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
}

body.landing-page .contact-grid span {
    font-size: 13px !important;
}

@media (max-width: 1280px) {
    body.landing-page .pricing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.landing-page .use-case-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 920px) {
    body.landing-page .contact-section {
        grid-template-columns: 1fr !important;
        padding: 30px !important;
    }

    body.landing-page .contact-section h2 {
        text-align: left !important;
    }
}

@media (max-width: 720px) {
    body.landing-page .landing-section h2,
    body.landing-page .testimonials h2 {
        font-size: 34px !important;
        text-align: left !important;
    }

    body.landing-page .use-case-grid,
    body.landing-page .pricing-grid {
        grid-template-columns: 1fr !important;
    }

    body.landing-page .use-case-grid article {
        min-height: 150px !important;
    }

    body.landing-page .contact-grid a {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        min-height: 96px !important;
        padding: 16px !important;
    }

    body.landing-page .contact-grid i {
        height: 48px !important;
        width: 48px !important;
    }
}

/* Premium multi-page MailExtract marketing site */
body.marketing-site {
    --mx-bg: #070b16;
    --mx-surface: rgba(18, 27, 48, .82);
    --mx-surface-2: rgba(23, 34, 60, .76);
    --mx-border: rgba(148, 163, 184, .18);
    --mx-text: #f8fafc;
    --mx-muted: #9aa8bd;
    --mx-soft: #cbd5e1;
    --mx-pink: #ff4d9d;
    --mx-pink-2: #ff2f8f;
    --mx-purple: #8b5cf6;
    --mx-blue: #38bdf8;
    --mx-green: #34d399;
    --mx-shadow: 0 24px 80px rgba(0, 0, 0, .34);
    background:
        radial-gradient(circle at 82% -5%, rgba(255, 77, 157, .20), transparent 32rem),
        radial-gradient(circle at 12% 0%, rgba(139, 92, 246, .18), transparent 28rem),
        linear-gradient(135deg, #08101f 0%, #0b1020 48%, #070b16 100%);
    color: var(--mx-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: 0;
    margin: 0;
    min-height: 100vh;
}

body.marketing-site * {
    box-sizing: border-box;
}

body.marketing-site a {
    color: inherit;
}

.mx-nav,
.mx-hero,
.mx-stats,
.mx-section,
.mx-page-hero,
.mx-footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: calc(100% - 48px);
}

.mx-nav {
    align-items: center;
    background: rgba(8, 13, 27, .42);
    border: 1px solid transparent;
    border-radius: 18px;
    display: grid;
    gap: 18px;
    grid-template-columns: auto 1fr auto;
    min-height: 76px;
    padding: 12px 16px;
    position: sticky;
    top: 16px;
    transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
    z-index: 50;
}

.mx-nav.is-scrolled {
    background: rgba(11, 16, 32, .78);
    border-color: var(--mx-border);
    box-shadow: 0 18px 60px rgba(0, 0, 0, .28);
    backdrop-filter: blur(18px);
}

.mx-brand {
    align-items: center;
    display: inline-flex;
    font-size: 24px;
    font-weight: 950;
    gap: 12px;
    text-decoration: none;
}

.mx-brand span {
    align-items: center;
    background: linear-gradient(135deg, var(--mx-pink-2), var(--mx-pink));
    border-radius: 13px;
    box-shadow: 0 14px 34px rgba(255, 77, 157, .3);
    display: inline-flex;
    height: 46px;
    justify-content: center;
    width: 46px;
}

.mx-links {
    align-items: center;
    background: rgba(15, 23, 42, .58);
    border: 1px solid var(--mx-border);
    border-radius: 999px;
    display: flex;
    gap: 4px;
    justify-self: center;
    padding: 6px;
}

.mx-links a,
.mx-ghost,
.mx-primary {
    align-items: center;
    border-radius: 14px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.mx-links a {
    color: var(--mx-soft);
    min-height: 38px;
}

.mx-links a:hover,
.mx-links a.active {
    background: rgba(255, 77, 157, .14);
    color: #fff;
}

.mx-actions {
    align-items: center;
    display: flex;
    gap: 12px;
}

.mx-ghost {
    background: rgba(19, 28, 49, .82);
    border: 1px solid var(--mx-border);
    color: #fff;
}

.mx-primary {
    background: linear-gradient(135deg, var(--mx-pink-2), var(--mx-pink));
    border: 0;
    box-shadow: 0 16px 38px rgba(255, 77, 157, .26);
    color: #fff;
}

.mx-primary:hover,
.mx-ghost:hover,
.mx-price-card:hover,
.mx-feature-grid article:hover,
.mx-testimonials article:hover {
    transform: translateY(-2px);
}

.mx-large {
    min-height: 52px;
    padding: 0 22px;
}

.mx-menu {
    display: none;
}

.mx-hero {
    align-items: center;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
    min-height: calc(100vh - 112px);
    padding: 56px 0 36px;
}

.mx-kicker {
    align-items: center;
    background: rgba(255, 77, 157, .12);
    border: 1px solid rgba(255, 77, 157, .30);
    border-radius: 999px;
    color: #ffb3d6;
    display: inline-flex;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .04em;
    min-height: 34px;
    padding: 0 14px;
    text-transform: uppercase;
}

.mx-hero h1,
.mx-page-hero h1,
.mx-section-head h2,
.mx-split h2,
.mx-demo-panel h2,
.mx-contact-page h2 {
    color: #fff;
    font-weight: 950;
    letter-spacing: 0;
    line-height: .98;
    margin: 16px 0;
}

.mx-hero h1 {
    font-size: clamp(44px, 5.2vw, 74px);
}

.mx-page-hero h1 {
    font-size: clamp(42px, 5vw, 72px);
    max-width: 930px;
}

.mx-hero p,
.mx-page-hero p,
.mx-section-head p,
.mx-split p,
.mx-demo-panel p {
    color: var(--mx-muted);
    font-size: 18px;
    font-weight: 650;
    line-height: 1.7;
}

.mx-hero-actions,
.mx-trust-badges,
.mx-upload-row,
.mx-downloads,
.mx-billing-toggle {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.mx-trust-badges span {
    align-items: center;
    background: rgba(19, 28, 49, .76);
    border: 1px solid var(--mx-border);
    border-radius: 999px;
    color: var(--mx-soft);
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    gap: 8px;
    min-height: 36px;
    padding: 0 13px;
}

.mx-trust-badges i,
.mx-price-card li i,
.mx-compare-mini i,
.mx-compare-table i {
    color: var(--mx-green);
}

.mx-hero-grid {
    display: grid;
    gap: 16px;
}

.mx-extractor-card,
.mx-dashboard-preview,
.mx-stats article,
.mx-feature-grid article,
.mx-price-card,
.mx-testimonials article,
.mx-compare-table,
.mx-demo-panel,
.mx-contact-form,
.mx-contact-aside article,
.mx-policy-card,
.mx-timeline article,
.mx-faq-list details,
.mx-map-placeholder,
.mx-compare-mini {
    background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)), var(--mx-surface);
    border: 1px solid var(--mx-border);
    border-radius: 18px;
    box-shadow: var(--mx-shadow);
}

.mx-extractor-card,
.mx-dashboard-preview {
    padding: 20px;
}

.mx-card-head,
.mx-preview-top,
.mx-form-meta {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.mx-card-head span,
.mx-preview-top strong {
    color: var(--mx-green);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}

.mx-card-head strong,
.mx-preview-top span {
    color: #fff;
    font-size: 18px;
    font-weight: 950;
}

.mx-upload-row button,
.mx-downloads button,
.mx-billing-toggle button {
    background: rgba(11, 19, 36, .76);
    border: 1px solid var(--mx-border);
    border-radius: 12px;
    color: var(--mx-soft);
    min-height: 38px;
    padding: 0 12px;
}

.mx-extractor-card textarea,
.mx-contact-form input,
.mx-contact-form textarea {
    background: #0b1324;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 16px;
    color: #fff;
    font: inherit;
    outline: none;
    padding: 16px;
    resize: vertical;
    width: 100%;
}

.mx-extractor-card textarea:focus,
.mx-contact-form input:focus,
.mx-contact-form textarea:focus {
    border-color: var(--mx-pink);
    box-shadow: 0 0 0 4px rgba(255, 77, 157, .15);
}

.mx-form-meta,
.mx-form-message {
    color: var(--mx-muted);
    font-size: 13px;
    font-weight: 800;
}

.mx-form-message.success { color: var(--mx-green); }
.mx-form-message.error { color: #fda4af; }

.mx-submit {
    width: 100%;
}

.mx-progress {
    background: rgba(148, 163, 184, .16);
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
}

.mx-progress span {
    animation: mxPulse 2.4s ease-in-out infinite;
    background: linear-gradient(90deg, var(--mx-pink), var(--mx-purple));
    border-radius: inherit;
    display: block;
    height: 100%;
}

.mx-metric-grid,
.mx-stats,
.mx-feature-grid,
.mx-pricing-grid,
.mx-testimonials,
.mx-logo-cloud {
    display: grid;
    gap: 18px;
}

.mx-metric-grid {
    grid-template-columns: repeat(4, 1fr);
}

.mx-metric-grid article {
    background: rgba(11, 16, 32, .54);
    border: 1px solid var(--mx-border);
    border-radius: 14px;
    display: grid;
    gap: 6px;
    padding: 14px;
}

.mx-metric-grid small,
.mx-results-table th,
.mx-price-card span,
.mx-price-card li,
.mx-footer p,
.mx-footer a {
    color: var(--mx-muted);
}

.mx-metric-grid strong,
.mx-stats strong,
.mx-price-card h3,
.mx-price-card strong,
.mx-testimonials strong {
    color: #fff;
}

.mx-results-table {
    border-collapse: collapse;
    width: 100%;
}

.mx-results-table th,
.mx-results-table td {
    border-bottom: 1px solid rgba(148, 163, 184, .12);
    padding: 12px 8px;
    text-align: left;
}

.mx-results-table th {
    background: rgba(255, 255, 255, .04);
    color: var(--mx-soft);
}

.mx-results-table td {
    color: var(--mx-soft);
    font-size: 13px;
}

.mx-results-table span {
    color: var(--mx-green);
    font-weight: 850;
}

.mx-stats {
    grid-template-columns: repeat(4, 1fr);
    padding: 10px 0 80px;
}

.mx-stats article {
    padding: 26px;
}

.mx-stats strong {
    display: block;
    font-size: 36px;
}

.mx-stats span {
    color: var(--mx-muted);
    font-weight: 850;
}

.mx-section,
.mx-page-hero {
    padding: 100px 0;
}

.mx-section-head {
    margin: 0 auto 34px;
    max-width: 780px;
    text-align: center;
}

.mx-section-head h2,
.mx-split h2,
.mx-demo-panel h2 {
    font-size: clamp(34px, 4vw, 58px);
}

.mx-logo-cloud {
    grid-template-columns: repeat(6, 1fr);
}

.mx-logo-cloud span {
    background: rgba(255, 255, 255, .05);
    border: 1px solid var(--mx-border);
    border-radius: 16px;
    color: #dbe5f2;
    filter: grayscale(1);
    font-weight: 950;
    min-height: 86px;
    display: grid;
    place-items: center;
    opacity: .72;
}

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

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

.mx-feature-grid article {
    padding: 24px;
}

.mx-feature-grid i,
.mx-contact-aside i,
.mx-timeline i,
.mx-avatar {
    align-items: center;
    background: linear-gradient(135deg, var(--mx-pink), var(--mx-purple));
    border-radius: 15px;
    color: #fff;
    display: inline-flex;
    font-size: 23px;
    height: 52px;
    justify-content: center;
    width: 52px;
}

.mx-feature-grid h3,
.mx-timeline h3 {
    color: #fff;
    font-size: 19px;
}

.mx-feature-grid p,
.mx-timeline p,
.mx-testimonials p,
.mx-faq-list p {
    color: var(--mx-muted);
    line-height: 1.6;
}

.mx-split,
.mx-demo-panel,
.mx-contact-page {
    align-items: center;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
}

.mx-compare-mini {
    display: grid;
    gap: 12px;
    padding: 24px;
}

.mx-compare-mini span {
    background: rgba(11, 16, 32, .54);
    border: 1px solid var(--mx-border);
    border-radius: 14px;
    color: #fff;
    font-weight: 900;
    padding: 14px;
}

.mx-pricing-grid {
    align-items: stretch;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mx-pricing-grid.compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mx-price-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    padding: 24px;
    position: relative;
}

.mx-price-card.popular {
    border-color: rgba(255, 77, 157, .62);
    box-shadow: 0 28px 90px rgba(255, 77, 157, .18);
}

.mx-plan-badge {
    align-self: flex-start;
    background: rgba(255, 77, 157, .14);
    border: 1px solid rgba(255, 77, 157, .34);
    border-radius: 999px;
    color: #ffb3d6 !important;
    font-size: 12px;
    font-weight: 950;
    padding: 7px 11px;
}

.mx-price {
    align-items: baseline;
    color: #fff;
    display: flex;
    gap: 4px;
}

.mx-price b {
    font-size: 44px;
}

.mx-plan-limits,
.mx-price-card ul {
    display: grid;
    gap: 10px;
}

.mx-plan-limits span {
    background: rgba(255, 255, 255, .92);
    border-radius: 12px;
    color: #35476a !important;
    font-size: 13px;
    font-weight: 900;
    padding: 12px;
}

.mx-price-card ul {
    border-top: 1px solid rgba(148, 163, 184, .14);
    list-style: none;
    margin: 0;
    padding: 16px 0 0;
}

.mx-price-card li {
    display: grid;
    gap: 9px;
    grid-template-columns: 18px 1fr;
}

.mx-price-card .mx-primary {
    margin-top: auto;
    width: 100%;
}

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

.mx-testimonials article {
    padding: 26px;
}

.mx-stars {
    color: #fbbf24;
    margin: 16px 0;
}

.mx-page-hero {
    padding-top: 110px;
    text-align: center;
}

.mx-page-hero p {
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
}

.mx-compare-table {
    overflow: hidden;
}

.mx-compare-table > div {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
}

.mx-compare-table span {
    border-bottom: 1px solid rgba(148, 163, 184, .12);
    color: var(--mx-soft);
    padding: 16px;
}

.mx-compare-table .head span {
    background: rgba(255, 255, 255, .05);
    color: #fff;
    font-weight: 950;
}

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

.mx-timeline article {
    padding: 24px;
    position: relative;
}

.mx-timeline article > span {
    color: var(--mx-pink);
    font-weight: 950;
}

.mx-demo-results {
    background: #0b1324;
    border: 1px solid var(--mx-border);
    border-radius: 18px;
    display: grid;
    gap: 12px;
    padding: 24px;
}

.mx-demo-results span,
.mx-demo-results strong {
    color: #fff;
    font-weight: 900;
}

.mx-billing-toggle {
    justify-content: center;
}

.mx-billing-toggle button.active {
    background: linear-gradient(135deg, var(--mx-pink-2), var(--mx-pink));
    color: #fff;
}

.mx-faq-list {
    display: grid;
    gap: 14px;
    margin: 0 auto;
    max-width: 920px;
}

.mx-faq-list details {
    padding: 20px 24px;
}

.mx-faq-list summary {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 950;
    justify-content: space-between;
}

.mx-contact-form,
.mx-contact-aside {
    display: grid;
    gap: 16px;
}

.mx-contact-form {
    padding: 24px;
}

.mx-contact-form label {
    color: #fff;
    display: grid;
    font-weight: 850;
    gap: 8px;
}

.mx-contact-aside article {
    align-items: center;
    display: grid;
    gap: 3px 14px;
    grid-template-columns: 52px 1fr;
    padding: 18px;
}

.mx-contact-aside strong {
    color: #fff;
}

.mx-contact-aside span {
    color: var(--mx-muted);
}

.mx-map-placeholder {
    color: var(--mx-muted);
    display: grid;
    min-height: 180px;
    place-items: center;
}

.mx-policy-card {
    max-width: 900px;
    padding: 34px;
}

.mx-policy-card h2 {
    color: #fff;
}

.mx-policy-card p {
    color: var(--mx-muted);
    line-height: 1.7;
}

.mx-footer {
    border-top: 1px solid var(--mx-border);
    padding: 60px 0 28px;
}

.mx-footer-grid {
    display: grid;
    gap: 28px;
    grid-template-columns: 1.4fr repeat(4, 1fr) 1.2fr;
}

.mx-footer nav,
.mx-footer-brand,
.mx-newsletter {
    display: grid;
    gap: 10px;
    align-content: start;
}

.mx-footer strong {
    color: #fff;
}

.mx-footer a {
    text-decoration: none;
}

.mx-footer a span {
    color: var(--mx-pink);
    font-size: 11px;
}

.mx-socials {
    display: flex;
    gap: 10px;
}

.mx-socials a {
    background: rgba(255, 255, 255, .06);
    border: 1px solid var(--mx-border);
    border-radius: 12px;
    display: grid;
    height: 38px;
    place-items: center;
    width: 38px;
}

.mx-newsletter label {
    background: rgba(11, 16, 32, .76);
    border: 1px solid var(--mx-border);
    border-radius: 14px;
    display: grid;
    grid-template-columns: 1fr 42px;
    overflow: hidden;
}

.mx-newsletter input {
    background: transparent;
    border: 0;
    color: #fff;
    outline: 0;
    padding: 0 12px;
}

.mx-newsletter button {
    background: linear-gradient(135deg, var(--mx-pink-2), var(--mx-pink));
    border: 0;
    color: #fff;
}

.mx-footer-bottom {
    border-top: 1px solid rgba(148, 163, 184, .12);
    color: var(--mx-muted);
    display: flex;
    gap: 14px;
    justify-content: space-between;
    margin-top: 36px;
    padding-top: 20px;
}

@keyframes mxPulse {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.22); }
}

@media (max-width: 1180px) {
    .mx-hero,
    .mx-split,
    .mx-demo-panel,
    .mx-contact-page {
        grid-template-columns: 1fr;
    }

    .mx-pricing-grid,
    .mx-pricing-grid.compact,
    .mx-feature-grid,
    .mx-feature-grid.wide {
        grid-template-columns: repeat(2, 1fr);
    }

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

@media (max-width: 860px) {
    .mx-nav {
        grid-template-columns: auto auto;
    }

    .mx-menu {
        align-items: center;
        background: linear-gradient(135deg, var(--mx-pink-2), var(--mx-pink));
        border: 0;
        border-radius: 12px;
        color: #fff;
        display: inline-flex;
        font-size: 22px;
        height: 44px;
        justify-content: center;
        justify-self: end;
        width: 44px;
    }

    .mx-links,
    .mx-actions {
        display: none;
    }

    .mx-links.is-open {
        align-items: stretch;
        border-radius: 16px;
        display: grid;
        grid-column: 1 / -1;
        justify-self: stretch;
    }

    .mx-metric-grid,
    .mx-stats,
    .mx-logo-cloud,
    .mx-testimonials,
    .mx-timeline {
        grid-template-columns: repeat(2, 1fr);
    }

    .mx-compare-table {
        overflow-x: auto;
    }

    .mx-compare-table > div {
        min-width: 720px;
    }
}

@media (max-width: 640px) {
    .mx-nav,
    .mx-hero,
    .mx-stats,
    .mx-section,
    .mx-page-hero,
    .mx-footer {
        width: calc(100% - 24px);
    }

    .mx-hero h1,
    .mx-page-hero h1 {
        font-size: 40px;
    }

    .mx-section,
    .mx-page-hero {
        padding: 68px 0;
    }

    .mx-metric-grid,
    .mx-stats,
    .mx-logo-cloud,
    .mx-feature-grid,
    .mx-feature-grid.wide,
    .mx-pricing-grid,
    .mx-pricing-grid.compact,
    .mx-testimonials,
    .mx-timeline,
    .mx-footer-grid {
        grid-template-columns: 1fr;
    }

    .mx-footer-bottom {
        display: grid;
    }

    .mx-hero {
        gap: 22px;
        padding-top: 42px;
    }

    .mx-hero-copy,
    .mx-hero-grid,
    .mx-extractor-card,
    .mx-dashboard-preview {
        min-width: 0;
        width: 100%;
    }

    .mx-hero h1 {
        font-size: 34px;
        line-height: 1.04;
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .mx-hero p {
        font-size: 15px;
        line-height: 1.55;
    }

    .mx-hero-actions,
    .mx-upload-row,
    .mx-downloads,
    .mx-trust-badges {
        display: grid;
        grid-template-columns: 1fr;
    }

    .mx-hero-actions a,
    .mx-upload-row button,
    .mx-downloads button,
    .mx-trust-badges span {
        width: 100%;
    }

    .mx-kicker {
        max-width: 100%;
        text-align: center;
    }

    .mx-extractor-card,
    .mx-dashboard-preview {
        padding: 16px;
    }

    .mx-metric-grid article {
        min-width: 0;
    }
}

/* MailExtract home refinement pass */
body.marketing-site .mx-nav {
    min-height: 64px;
    padding: 7px 12px;
}

body.marketing-site .mx-brand {
    font-size: 22px;
}

body.marketing-site .mx-brand span {
    height: 38px;
    width: 38px;
}

body.marketing-site .mx-links a,
body.marketing-site .mx-ghost,
body.marketing-site .mx-primary {
    min-height: 38px;
}

body.marketing-site .mx-hero {
    align-items: center;
    gap: clamp(28px, 4vw, 58px);
    grid-template-columns: minmax(420px, .88fr) minmax(560px, 1.12fr);
    min-height: auto;
    padding: clamp(44px, 5vw, 70px) 0 42px;
}

body.marketing-site .mx-hero-copy {
    max-width: 590px;
}

body.marketing-site .mx-hero h1 {
    font-size: clamp(42px, 4.1vw, 62px);
    letter-spacing: 0;
    line-height: 1.02;
    margin: 16px 0 14px;
}

body.marketing-site .mx-hero p {
    font-size: 17px;
    line-height: 1.62;
    margin: 0 0 18px;
    max-width: 560px;
}

body.marketing-site .mx-hero-actions {
    margin-top: 18px;
}

body.marketing-site .mx-trust-badges,
body.marketing-site .mx-feature-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.marketing-site .mx-trust-primary {
    margin: 0 0 4px;
}

body.marketing-site .mx-feature-pills {
    margin-top: 14px;
}

body.marketing-site .mx-feature-pills span {
    background: rgba(56, 189, 248, .08);
    border: 1px solid rgba(56, 189, 248, .18);
    border-radius: 999px;
    color: #dbeafe;
    font-size: 13px;
    font-weight: 850;
    padding: 9px 12px;
}

body.marketing-site .mx-hero-grid {
    gap: 18px;
    min-width: 0;
}

body.marketing-site .mx-extractor-card,
body.marketing-site .mx-dashboard-preview {
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32);
    padding: 22px;
}

body.marketing-site .mx-extractor-card {
    background:
        radial-gradient(circle at 95% 0%, rgba(255, 77, 157, .12), transparent 18rem),
        linear-gradient(180deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .018)),
        rgba(18, 27, 48, .88);
}

body.marketing-site .mx-card-head {
    margin-bottom: 14px;
}

body.marketing-site .mx-upload-row {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 12px;
}

body.marketing-site .mx-upload-row button,
body.marketing-site .mx-downloads button {
    align-items: center;
    display: inline-flex;
    gap: 7px;
    justify-content: center;
    min-width: 0;
    white-space: nowrap;
}

body.marketing-site .mx-extractor-card textarea {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, 0)),
        #090f1f;
    border-color: rgba(148, 163, 184, .24);
    color: #f8fafc;
    min-height: 136px;
}

body.marketing-site .mx-extractor-card textarea::placeholder {
    color: #7f8da3;
}

body.marketing-site .mx-form-meta {
    margin: 10px 0 12px;
}

body.marketing-site .mx-submit {
    min-height: 50px;
    width: 100%;
}

body.marketing-site .mx-submit:hover {
    transform: translateY(-2px);
}

body.marketing-site .mx-submit:disabled {
    cursor: wait;
    filter: saturate(.8);
    opacity: .82;
}

body.marketing-site .mx-dashboard-preview {
    background:
        radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .13), transparent 22rem),
        linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02)),
        rgba(18, 27, 48, .90);
    display: grid;
    gap: 16px;
}

body.marketing-site .mx-preview-top strong {
    align-items: center;
    background: rgba(52, 211, 153, .10);
    border: 1px solid rgba(52, 211, 153, .22);
    border-radius: 999px;
    color: #86efac;
    display: inline-flex;
    font-size: 12px;
    gap: 7px;
    min-height: 30px;
    padding: 0 11px;
}

body.marketing-site .mx-current-job {
    display: grid;
    gap: 10px;
    grid-template-columns: 1.2fr 1fr .7fr;
}

body.marketing-site .mx-current-job div {
    background: rgba(11, 16, 32, .56);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 14px;
    display: grid;
    gap: 5px;
    padding: 12px;
}

body.marketing-site .mx-current-job small,
body.marketing-site .mx-metric-grid small {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 850;
}

body.marketing-site .mx-current-job strong {
    color: #fff;
    font-size: 14px;
}

body.marketing-site .mx-progress {
    height: 9px;
}

body.marketing-site .mx-metric-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.marketing-site .mx-metric-grid article {
    min-height: 86px;
    padding: 13px;
}

body.marketing-site .mx-metric-grid strong {
    font-size: clamp(20px, 2vw, 28px);
    line-height: 1;
}

body.marketing-site .mx-downloads {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.marketing-site .mx-table-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

body.marketing-site .mx-table-title strong {
    color: #fff;
}

body.marketing-site .mx-table-title a {
    color: #ff9fcb;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

body.marketing-site .mx-results-table th,
body.marketing-site .mx-results-table td {
    font-size: 12px;
    padding: 11px 8px;
}

body.marketing-site .mx-stats {
    gap: 18px;
    padding: 18px 0 54px;
}

body.marketing-site .mx-stats article {
    align-items: center;
    display: grid;
    gap: 4px 16px;
    grid-template-columns: 52px 1fr;
    min-height: 118px;
    padding: 22px;
}

body.marketing-site .mx-stats article::before {
    align-items: center;
    background: linear-gradient(135deg, rgba(255, 77, 157, .18), rgba(139, 92, 246, .22));
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    color: #fff;
    content: "\F32F";
    display: flex;
    font-family: bootstrap-icons;
    font-size: 23px;
    grid-row: span 2;
    height: 52px;
    justify-content: center;
    width: 52px;
}

body.marketing-site .mx-stats strong {
    font-size: 32px;
    line-height: 1;
}

body.marketing-site .mx-logo-section {
    padding-top: 54px;
}

body.marketing-site .mx-logo-section .mx-section-head {
    margin-bottom: 22px;
}

body.marketing-site .mx-logo-section .mx-section-head h2 {
    font-size: clamp(24px, 2.4vw, 34px);
}

body.marketing-site .mx-logo-cloud span {
    min-height: 70px;
}

@media (max-width: 1180px) {
    body.marketing-site .mx-hero {
        grid-template-columns: 1fr;
    }

    body.marketing-site .mx-hero-copy {
        max-width: 760px;
    }

    body.marketing-site .mx-upload-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    body.marketing-site .mx-hero {
        padding-top: 34px;
    }

    body.marketing-site .mx-hero h1 {
        font-size: 34px;
        line-height: 1.06;
    }

    body.marketing-site .mx-hero p {
        font-size: 15px;
    }

    body.marketing-site .mx-trust-badges,
    body.marketing-site .mx-feature-pills,
    body.marketing-site .mx-upload-row,
    body.marketing-site .mx-downloads,
    body.marketing-site .mx-current-job,
    body.marketing-site .mx-metric-grid {
        grid-template-columns: 1fr;
    }

    body.marketing-site .mx-trust-badges,
    body.marketing-site .mx-feature-pills {
        display: grid;
    }

    body.marketing-site .mx-stats {
        grid-template-columns: 1fr;
        padding-bottom: 34px;
    }

    body.marketing-site .mx-results-table {
        min-width: 620px;
    }

    body.marketing-site .mx-dashboard-preview {
        overflow-x: auto;
    }
}

/* Final first-fold balance and spacing corrections */
body.marketing-site .mx-nav {
    margin-top: 14px;
}

body.marketing-site .mx-hero {
    align-items: center;
    gap: clamp(34px, 4.5vw, 70px);
    grid-template-columns: minmax(350px, .72fr) minmax(720px, 1.28fr);
    padding-bottom: 28px;
    padding-top: clamp(28px, 3.2vw, 46px);
}

body.marketing-site .mx-hero-copy {
    align-self: center;
}

body.marketing-site .mx-hero h1 {
    font-size: clamp(38px, 3.55vw, 56px);
    line-height: 1.04;
    margin-bottom: 12px;
}

body.marketing-site .mx-hero p {
    margin-bottom: 14px;
}

body.marketing-site .mx-hero-actions {
    margin-top: 14px;
}

body.marketing-site .mx-trust-primary,
body.marketing-site .mx-feature-pills {
    gap: 8px;
}

body.marketing-site .mx-trust-badges span,
body.marketing-site .mx-feature-pills span {
    min-height: 34px;
    padding: 7px 11px;
}

body.marketing-site .mx-hero-grid {
    gap: 14px;
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(330px, .92fr) minmax(360px, 1.08fr);
    max-width: none;
    min-width: 0;
    overflow: hidden;
}

body.marketing-site .mx-extractor-card,
body.marketing-site .mx-dashboard-preview {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: 18px;
}

body.marketing-site .mx-extractor-card {
    align-self: start;
}

body.marketing-site .mx-dashboard-preview {
    align-self: stretch;
}

body.marketing-site .mx-card-head,
body.marketing-site .mx-preview-top {
    margin-bottom: 10px;
}

body.marketing-site .mx-upload-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.marketing-site .mx-upload-row button {
    font-size: 13px;
    min-height: 38px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
}

body.marketing-site .mx-extractor-card textarea {
    min-height: 128px;
    padding: 14px 16px;
}

body.marketing-site .mx-form-meta {
    margin: 8px 0 10px;
}

body.marketing-site .mx-submit {
    min-height: 48px;
}

body.marketing-site .mx-dashboard-preview {
    gap: 12px;
}

body.marketing-site .mx-current-job {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.marketing-site .mx-current-job div {
    min-width: 0;
    padding: 10px 12px;
}

body.marketing-site .mx-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.marketing-site .mx-metric-grid article {
    min-height: 74px;
    min-width: 0;
    padding: 11px;
}

body.marketing-site .mx-metric-grid strong {
    font-size: clamp(18px, 1.7vw, 24px);
}

body.marketing-site .mx-downloads button {
    min-height: 38px;
}

body.marketing-site .mx-results-table {
    table-layout: fixed;
}

body.marketing-site .mx-results-table th,
body.marketing-site .mx-results-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.marketing-site .mx-results-table th:nth-child(3),
body.marketing-site .mx-results-table td:nth-child(3) {
    display: none;
}

body.marketing-site .mx-stats {
    gap: 16px;
    padding-bottom: 34px;
    padding-top: 10px;
}

body.marketing-site .mx-stats article {
    min-height: 104px;
    padding: 18px;
}

body.marketing-site .mx-stats strong {
    font-size: 30px;
}

body.marketing-site .mx-logo-section {
    padding-bottom: 64px;
    padding-top: 34px;
}

body.marketing-site .mx-logo-section .mx-section-head {
    margin-bottom: 20px;
}

body.marketing-site .mx-logo-cloud {
    gap: 14px;
}

body.marketing-site .mx-logo-cloud span {
    min-height: 60px;
}

@media (min-width: 1500px) {
    body.marketing-site .mx-hero {
        grid-template-columns: minmax(420px, .78fr) minmax(820px, 1.22fr);
    }

    body.marketing-site .mx-hero-grid {
        grid-template-columns: minmax(360px, .9fr) minmax(520px, 1.1fr);
    }
}

@media (max-width: 1180px) {
    body.marketing-site .mx-hero {
        grid-template-columns: 1fr;
        padding-top: 36px;
    }

    body.marketing-site .mx-hero-grid {
        grid-template-columns: 1fr;
        max-width: none;
    }
}

@media (max-width: 860px) {
    body.marketing-site .mx-upload-row,
    body.marketing-site .mx-current-job,
    body.marketing-site .mx-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body.marketing-site .mx-nav {
        margin-top: 8px;
    }

    body.marketing-site .mx-hero {
        padding-top: 24px;
    }

    body.marketing-site .mx-hero h1 {
        font-size: 32px;
    }

    body.marketing-site .mx-upload-row,
    body.marketing-site .mx-current-job,
    body.marketing-site .mx-metric-grid,
    body.marketing-site .mx-downloads {
        grid-template-columns: 1fr;
    }

    body.marketing-site .mx-results-table {
        min-width: 0;
    }

    body.marketing-site .mx-results-table th:nth-child(3),
    body.marketing-site .mx-results-table td:nth-child(3) {
        display: none;
    }

    body.marketing-site .mx-stats article {
        grid-template-columns: 44px 1fr;
        min-height: 92px;
    }

    body.marketing-site .mx-stats article::before {
        height: 44px;
        width: 44px;
    }
}

/* Final home alignment pass */
body.marketing-site .mx-hero {
    gap: clamp(34px, 4vw, 64px) !important;
    grid-template-columns: minmax(340px, .72fr) minmax(760px, 1.28fr) !important;
    padding-bottom: 18px !important;
    padding-top: clamp(20px, 2.6vw, 36px) !important;
}

body.marketing-site .mx-hero-copy {
    max-width: 500px !important;
}

body.marketing-site .mx-hero h1 {
    font-size: clamp(36px, 3.15vw, 50px) !important;
    line-height: 1.04 !important;
    margin: 14px 0 10px !important;
}

body.marketing-site .mx-hero p {
    font-size: 16px !important;
    line-height: 1.55 !important;
    margin-bottom: 12px !important;
}

body.marketing-site .mx-hero-actions {
    margin-top: 12px !important;
}

body.marketing-site .mx-trust-primary,
body.marketing-site .mx-feature-pills {
    gap: 8px !important;
}

body.marketing-site .mx-trust-badges span,
body.marketing-site .mx-feature-pills span {
    min-height: 32px !important;
    padding: 6px 10px !important;
}

body.marketing-site .mx-hero-grid {
    align-items: start !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: minmax(340px, .92fr) minmax(420px, 1.08fr) !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
}

body.marketing-site .mx-extractor-card,
body.marketing-site .mx-dashboard-preview {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 18px !important;
}

body.marketing-site .mx-upload-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.marketing-site .mx-upload-row button {
    font-size: 13px !important;
    min-height: 38px !important;
    overflow: hidden !important;
    padding: 0 10px !important;
    text-overflow: ellipsis !important;
}

body.marketing-site .mx-extractor-card textarea {
    min-height: 126px !important;
    padding: 14px 16px !important;
}

body.marketing-site .mx-form-meta {
    margin: 8px 0 10px !important;
}

body.marketing-site .mx-submit {
    min-height: 48px !important;
}

body.marketing-site .mx-dashboard-preview {
    gap: 12px !important;
}

body.marketing-site .mx-dashboard-preview > *,
body.marketing-site .mx-current-job,
body.marketing-site .mx-metric-grid,
body.marketing-site .mx-downloads,
body.marketing-site .mx-table-title,
body.marketing-site .mx-results-table {
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
}

body.marketing-site .mx-current-job {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.marketing-site .mx-current-job div {
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 10px 12px !important;
}

body.marketing-site .mx-current-job div:nth-child(3) {
    display: none !important;
}

body.marketing-site .mx-current-job strong {
    color: #fff !important;
    font-size: 14px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.marketing-site .mx-metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.marketing-site .mx-metric-grid article {
    min-height: 72px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 11px !important;
}

body.marketing-site .mx-metric-grid strong {
    font-size: clamp(18px, 1.6vw, 24px) !important;
}

body.marketing-site .mx-results-table {
    table-layout: fixed !important;
    width: 100% !important;
}

body.marketing-site .mx-results-table th,
body.marketing-site .mx-results-table td {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.marketing-site .mx-results-table th:nth-child(3),
body.marketing-site .mx-results-table td:nth-child(3) {
    display: none !important;
}

body.marketing-site .mx-stats {
    gap: 16px !important;
    padding-bottom: 32px !important;
    padding-top: 10px !important;
}

body.marketing-site .mx-stats article {
    min-height: 102px !important;
    padding: 18px !important;
}

body.marketing-site .mx-logo-section {
    padding-bottom: 64px !important;
    padding-top: 30px !important;
}

body.marketing-site .mx-logo-section .mx-section-head {
    margin-bottom: 18px !important;
}

body.marketing-site .mx-logo-cloud {
    gap: 14px !important;
}

body.marketing-site .mx-logo-cloud span {
    min-height: 58px !important;
}

@media (min-width: 1500px) {
    body.marketing-site .mx-hero {
        grid-template-columns: minmax(400px, .78fr) minmax(860px, 1.22fr) !important;
    }

    body.marketing-site .mx-hero-grid {
        grid-template-columns: minmax(390px, .9fr) minmax(520px, 1.1fr) !important;
    }
}

@media (max-width: 1180px) {
    body.marketing-site .mx-hero,
    body.marketing-site .mx-hero-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    body.marketing-site .mx-hero h1 {
        font-size: 32px !important;
    }

    body.marketing-site .mx-current-job,
    body.marketing-site .mx-metric-grid,
    body.marketing-site .mx-downloads {
        grid-template-columns: 1fr !important;
    }

    body.marketing-site .mx-current-job div:nth-child(3) {
        display: none !important;
    }
}

/* Stable production home page polish */
body.landing-page {
    --home-bg: #070b16;
    --home-panel: rgba(18, 27, 48, .88);
    --home-panel-2: rgba(22, 33, 58, .82);
    --home-line: rgba(148, 163, 184, .18);
    --home-text: #f8fafc;
    --home-muted: #a7b4c8;
    --home-soft: #dbe5f2;
    --home-pink: #ff3b98;
    --home-pink-2: #ff5aae;
    --home-purple: #8b5cf6;
    --home-green: #34d399;
    --home-blue: #38bdf8;
    background:
        radial-gradient(circle at 82% 0%, rgba(255, 59, 152, .18), transparent 30rem),
        radial-gradient(circle at 14% 0%, rgba(139, 92, 246, .16), transparent 28rem),
        linear-gradient(135deg, #070b16 0%, #0b1020 46%, #070b16 100%) !important;
    color: var(--home-text) !important;
}

body.landing-page .landing-header,
body.landing-page .landing-hero,
body.landing-page .landing-section,
body.landing-page .testimonials,
body.landing-page .landing-trust-stats,
body.landing-page .landing-final-cta,
body.landing-page .landing-footer {
    max-width: 1280px !important;
    width: calc(100% - 48px) !important;
}

body.landing-page .landing-header {
    align-items: center !important;
    background: rgba(11, 16, 32, .82) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 70px rgba(0, 0, 0, .28) !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    margin: 18px auto 0 !important;
    min-height: 70px !important;
    padding: 10px 14px !important;
    position: sticky !important;
    top: 12px !important;
    z-index: 30 !important;
    backdrop-filter: blur(18px);
}

body.landing-page .landing-brand {
    color: var(--home-text) !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    gap: 12px !important;
}

body.landing-page .landing-brand span {
    background: linear-gradient(135deg, var(--home-pink), var(--home-pink-2)) !important;
    border-radius: 13px !important;
    box-shadow: 0 14px 34px rgba(255, 59, 152, .32) !important;
    height: 42px !important;
    width: 42px !important;
}

body.landing-page .landing-nav {
    background: rgba(7, 11, 22, .62) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 999px !important;
    display: flex !important;
    gap: 4px !important;
    justify-self: center !important;
    padding: 6px !important;
}

body.landing-page .landing-nav a {
    align-items: center !important;
    border-radius: 999px !important;
    color: var(--home-soft) !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    text-decoration: none !important;
}

body.landing-page .landing-nav a:hover {
    background: rgba(255, 59, 152, .14) !important;
    color: #fff !important;
}

body.landing-page .landing-actions {
    gap: 10px !important;
}

body.landing-page .landing-login,
body.landing-page .landing-secondary,
body.landing-page .landing-cta {
    align-items: center !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    font-weight: 900 !important;
    gap: 8px !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    text-decoration: none !important;
}

body.landing-page .landing-login,
body.landing-page .landing-secondary {
    background: rgba(18, 27, 48, .84) !important;
    border: 1px solid var(--home-line) !important;
    color: #fff !important;
}

body.landing-page .landing-cta,
body.landing-page .free-submit {
    background: linear-gradient(135deg, var(--home-pink), var(--home-pink-2)) !important;
    border: 0 !important;
    box-shadow: 0 18px 42px rgba(255, 59, 152, .28) !important;
    color: #fff !important;
}

body.landing-page .landing-cta:hover,
body.landing-page .free-submit:hover,
body.landing-page .feature-grid article:hover,
body.landing-page .pricing-card:hover,
body.landing-page .use-case-grid article:hover {
    transform: translateY(-2px) !important;
}

body.landing-page .landing-hero {
    align-items: center !important;
    background:
        radial-gradient(circle at 96% 0%, rgba(56, 189, 248, .08), transparent 24rem),
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02)),
        var(--home-panel) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 24px !important;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .34) !important;
    display: grid !important;
    gap: clamp(28px, 4vw, 56px) !important;
    grid-template-columns: minmax(0, .95fr) minmax(420px, .9fr) !important;
    margin: 24px auto 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: clamp(28px, 4vw, 54px) !important;
}

body.landing-page .landing-hero-copy {
    max-width: 630px !important;
}

body.landing-page .landing-badge,
body.landing-page .section-kicker {
    background: rgba(255, 59, 152, .12) !important;
    border: 1px solid rgba(255, 59, 152, .32) !important;
    border-radius: 999px !important;
    color: #ffb3d6 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .03em !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    text-transform: uppercase !important;
}

body.landing-page .landing-hero h1 {
    color: #fff !important;
    font-size: clamp(40px, 4.5vw, 68px) !important;
    letter-spacing: 0 !important;
    line-height: 1.02 !important;
    margin: 18px 0 14px !important;
    text-shadow: none !important;
}

body.landing-page .landing-hero h1 span {
    color: var(--home-pink) !important;
}

body.landing-page .hero-powered-line {
    background: rgba(52, 211, 153, .10) !important;
    border: 1px solid rgba(52, 211, 153, .24) !important;
    border-radius: 999px !important;
    color: #86efac !important;
    display: inline-flex !important;
    font-size: 14px !important;
    margin-bottom: 18px !important;
    padding: 10px 16px !important;
}

body.landing-page .landing-hero-copy > p {
    color: var(--home-muted) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
    margin: 0 0 22px !important;
    max-width: 580px !important;
}

body.landing-page .hero-feature-checklist {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 0 22px !important;
}

body.landing-page .hero-feature-checklist span,
body.landing-page .landing-trust-points span,
body.landing-page .landing-trust-points a,
body.landing-page .pricing-trust span,
body.landing-page .result-badges span {
    background: rgba(7, 11, 22, .54) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 999px !important;
    color: var(--home-soft) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    min-height: 36px !important;
    padding: 0 13px !important;
}

body.landing-page .hero-feature-checklist i,
body.landing-page .landing-trust-points i,
body.landing-page .pricing-trust i,
body.landing-page .result-badges i,
body.landing-page .why-grid i,
body.landing-page .comparison-row i {
    color: var(--home-green) !important;
}

body.landing-page .landing-hero-actions {
    gap: 12px !important;
    margin-bottom: 16px !important;
}

body.landing-page .landing-cta.large,
body.landing-page .landing-secondary {
    min-height: 52px !important;
}

body.landing-page .hero-insight-strip {
    background: rgba(7, 11, 22, .62) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 16px !important;
    color: var(--home-muted) !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(3, 1fr) !important;
    margin: 0 0 14px !important;
    padding: 14px !important;
}

body.landing-page .hero-insight-strip strong {
    color: #fff !important;
}

body.landing-page .landing-trust-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

body.landing-page .free-extractor,
body.landing-page .hero-free-extractor {
    align-self: center !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 59, 152, .12), transparent 19rem),
        linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
        var(--home-panel-2) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 22px !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28) !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 18px !important;
}

body.landing-page .hero-free-extractor {
    display: block !important;
}

body.landing-page .free-tool {
    display: grid !important;
    gap: 10px !important;
}

body.landing-page .free-tool-heading {
    background: rgba(7, 11, 22, .54) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 18px !important;
    padding: 16px !important;
}

body.landing-page .free-tool-heading h2 {
    color: #fff !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.1 !important;
    margin: 10px 0 6px !important;
    min-height: 0 !important;
}

body.landing-page .free-tool-heading p,
body.landing-page .free-limit-box p {
    color: var(--home-muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

body.landing-page .free-tool label,
body.landing-page #domainCounter,
body.landing-page .free-limit-box strong {
    color: #fff !important;
}

body.landing-page .domain-textarea,
body.landing-page .free-tool textarea {
    background: #090f1f !important;
    border: 1px solid rgba(148, 163, 184, .24) !important;
    border-radius: 16px !important;
    color: #f8fafc !important;
    min-height: 112px !important;
    padding: 14px !important;
}

body.landing-page textarea::placeholder,
body.landing-page input::placeholder {
    color: #7f8da3 !important;
}

body.landing-page .free-tool-meta {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: space-between !important;
}

body.landing-page .free-limit-box {
    background: rgba(7, 11, 22, .54) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 16px !important;
    color: var(--home-soft) !important;
}

body.landing-page .free-submit {
    min-height: 48px !important;
    width: 100% !important;
}

body.landing-page .free-results,
body.landing-page .result-preview-card,
body.landing-page .comparison-table {
    background: rgba(7, 11, 22, .52) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

body.landing-page .hero-free-extractor .free-results {
    display: none !important;
    max-height: 178px !important;
    overflow: auto !important;
}

body.landing-page .hero-free-extractor .free-results.has-results {
    display: block !important;
}

body.landing-page .hero-free-extractor .free-results table {
    min-width: 560px !important;
}

body.landing-page .hero-free-extractor .free-results .empty td {
    height: 104px !important;
}

body.landing-page .free-results th,
body.landing-page .free-results td,
body.landing-page .result-preview-card th,
body.landing-page .result-preview-card td {
    border-color: rgba(148, 163, 184, .12) !important;
    color: var(--home-soft) !important;
    padding: 12px !important;
}

body.landing-page .landing-trust-stats {
    background: transparent !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 26px auto 0 !important;
    padding: 0 !important;
}

body.landing-page .landing-trust-stats article,
body.landing-page .feature-grid article,
body.landing-page .use-case-grid article,
body.landing-page .steps-grid article,
body.landing-page .workflow-grid article,
body.landing-page .why-grid article,
body.landing-page .pricing-card,
body.landing-page .testimonial-grid article,
body.landing-page .faq-grid details,
body.landing-page .contact-grid a {
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)), var(--home-panel) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, .22) !important;
    color: var(--home-text) !important;
}

body.landing-page .landing-trust-stats article {
    min-height: 112px !important;
    padding: 24px !important;
}

body.landing-page .landing-trust-stats strong {
    color: #fff !important;
    font-size: 34px !important;
}

body.landing-page .landing-trust-stats span,
body.landing-page .landing-section p,
body.landing-page .testimonials p,
body.landing-page .landing-footer p,
body.landing-page .landing-footer a,
body.landing-page .feature-grid p,
body.landing-page .workflow-grid p,
body.landing-page .faq-grid p {
    color: var(--home-muted) !important;
}

body.landing-page .landing-section,
body.landing-page .testimonials,
body.landing-page .landing-final-cta {
    margin: 76px auto 0 !important;
    padding: 0 !important;
}

body.landing-page .landing-section h2,
body.landing-page .testimonials h2,
body.landing-page .landing-final-cta h2 {
    color: #fff !important;
    font-size: clamp(32px, 3.2vw, 52px) !important;
    letter-spacing: 0 !important;
    line-height: 1.06 !important;
    margin: 12px 0 28px !important;
    text-align: center !important;
}

body.landing-page .use-case-grid {
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.landing-page .feature-grid,
body.landing-page .workflow-grid {
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.landing-page .steps-grid,
body.landing-page .why-grid,
body.landing-page .testimonial-grid,
body.landing-page .faq-grid {
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.landing-page .pricing-grid {
    display: grid !important;
    gap: 18px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.landing-page .feature-grid article,
body.landing-page .use-case-grid article,
body.landing-page .steps-grid article,
body.landing-page .workflow-grid article,
body.landing-page .pricing-card,
body.landing-page .testimonial-grid article,
body.landing-page .faq-grid details {
    padding: 22px !important;
}

body.landing-page .use-case-grid article {
    align-content: center !important;
    min-height: 170px !important;
    text-align: center !important;
}

body.landing-page .feature-grid h3,
body.landing-page .use-case-grid h3,
body.landing-page .steps-grid h3,
body.landing-page .workflow-grid strong,
body.landing-page .pricing-card h3,
body.landing-page .faq-grid summary {
    color: #fff !important;
}

body.landing-page .feature-grid article > i,
body.landing-page .use-case-grid article > i,
body.landing-page .steps-grid article > i,
body.landing-page .workflow-grid article > i,
body.landing-page .contact-grid i {
    background: linear-gradient(135deg, var(--home-pink), var(--home-purple)) !important;
    border-radius: 15px !important;
    box-shadow: 0 16px 34px rgba(139, 92, 246, .25) !important;
    color: #fff !important;
    height: 52px !important;
    width: 52px !important;
}

body.landing-page .result-preview-section,
body.landing-page .workflow-section,
body.landing-page .comparison-section,
body.landing-page .contact-section {
    align-items: center !important;
    display: grid !important;
    gap: 28px !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .88fr) !important;
}

body.landing-page .pricing-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

body.landing-page .pricing-card .plan-button {
    margin-top: auto !important;
    width: 100% !important;
}

body.landing-page .landing-final-cta {
    background: linear-gradient(135deg, rgba(255, 59, 152, .18), rgba(139, 92, 246, .14)), var(--home-panel) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 24px !important;
    padding: 48px !important;
}

body.landing-page .landing-footer {
    background: #070b16 !important;
    border-top: 1px solid var(--home-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 26px !important;
    grid-template-columns: 1.3fr repeat(4, 1fr) 1.2fr !important;
    margin: 80px auto 0 !important;
    padding: 54px 0 28px !important;
}

body.landing-page .newsletter label {
    background: rgba(7, 11, 22, .76) !important;
    border: 1px solid var(--home-line) !important;
    border-radius: 14px !important;
}

body.landing-page .newsletter input {
    background: transparent !important;
    border: 0 !important;
    color: #fff !important;
}

body.landing-page .newsletter button {
    background: linear-gradient(135deg, var(--home-pink), var(--home-pink-2)) !important;
    color: #fff !important;
}

@media (max-width: 1180px) {
    body.landing-page .landing-hero,
    body.landing-page .result-preview-section,
    body.landing-page .workflow-section,
    body.landing-page .comparison-section,
    body.landing-page .contact-section {
        grid-template-columns: 1fr !important;
    }

    body.landing-page .use-case-grid,
    body.landing-page .feature-grid,
    body.landing-page .workflow-grid,
    body.landing-page .pricing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.landing-page .landing-footer {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    body.landing-page .landing-header {
        grid-template-columns: auto auto !important;
    }

    body.landing-page .landing-menu-toggle {
        align-items: center !important;
        background: linear-gradient(135deg, var(--home-pink), var(--home-pink-2)) !important;
        border: 0 !important;
        border-radius: 13px !important;
        color: #fff !important;
        display: inline-flex !important;
        font-size: 22px !important;
        height: 42px !important;
        justify-content: center !important;
        justify-self: end !important;
        width: 42px !important;
    }

    body.landing-page .landing-nav {
        align-items: stretch !important;
        border-radius: 16px !important;
        display: none !important;
        grid-column: 1 / -1 !important;
        justify-self: stretch !important;
        margin-top: 10px !important;
    }

    body.landing-page .landing-nav.is-open {
        display: grid !important;
    }

    body.landing-page .landing-actions {
        display: none !important;
    }

    body.landing-page .mobile-only {
        display: inline-flex !important;
    }
}

@media (max-width: 640px) {
    body.landing-page .landing-header,
    body.landing-page .landing-hero,
    body.landing-page .landing-section,
    body.landing-page .testimonials,
    body.landing-page .landing-trust-stats,
    body.landing-page .landing-final-cta,
    body.landing-page .landing-footer {
        width: calc(100% - 24px) !important;
    }

    body.landing-page .landing-hero {
        padding: 22px !important;
    }

    body.landing-page .landing-hero h1 {
        font-size: 36px !important;
    }

    body.landing-page .hero-feature-checklist,
    body.landing-page .hero-insight-strip,
    body.landing-page .landing-trust-stats,
    body.landing-page .use-case-grid,
    body.landing-page .feature-grid,
    body.landing-page .workflow-grid,
    body.landing-page .steps-grid,
    body.landing-page .why-grid,
    body.landing-page .pricing-grid,
    body.landing-page .testimonial-grid,
    body.landing-page .faq-grid,
    body.landing-page .landing-footer {
        grid-template-columns: 1fr !important;
    }

    body.landing-page .landing-hero-actions,
    body.landing-page .landing-final-cta > div {
        display: grid !important;
    }

    body.landing-page .landing-hero-actions a,
    body.landing-page .landing-final-cta a {
        width: 100% !important;
    }

    body.landing-page .free-results,
    body.landing-page .result-preview-card {
        overflow-x: auto !important;
    }
}

/* Home fold tightening: keep previous landing style, fix balance */
body.landing-page .landing-hero {
    align-items: center !important;
    gap: clamp(24px, 3vw, 42px) !important;
    grid-template-columns: minmax(0, 1fr) minmax(400px, .82fr) !important;
    padding: clamp(24px, 3vw, 38px) !important;
}

body.landing-page .landing-hero-copy {
    max-width: 610px !important;
}

body.landing-page .landing-hero h1 {
    font-size: clamp(36px, 3.45vw, 50px) !important;
    line-height: 1.03 !important;
    margin: 12px 0 10px !important;
}

body.landing-page .landing-hero-copy > p {
    font-size: 15px !important;
    line-height: 1.55 !important;
    margin-bottom: 14px !important;
}

body.landing-page .hero-powered-line {
    font-size: 13px !important;
    margin-bottom: 14px !important;
    min-height: 34px !important;
    padding: 8px 14px !important;
}

body.landing-page .hero-feature-checklist {
    gap: 8px !important;
    margin-bottom: 14px !important;
}

body.landing-page .hero-feature-checklist span,
body.landing-page .landing-trust-points span,
body.landing-page .landing-trust-points a {
    font-size: 12px !important;
    min-height: 32px !important;
    padding: 0 11px !important;
}

body.landing-page .landing-hero-actions {
    margin-bottom: 12px !important;
}

body.landing-page .landing-cta.large,
body.landing-page .landing-secondary {
    min-height: 46px !important;
}

body.landing-page .hero-insight-strip {
    gap: 8px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
}

body.landing-page .hero-insight-strip span {
    font-size: 12px !important;
}

body.landing-page .landing-trust-points {
    gap: 8px !important;
}

body.landing-page .hero-free-extractor {
    align-self: center !important;
    padding: 16px !important;
}

body.landing-page .free-tool-heading {
    padding: 14px !important;
}

body.landing-page .free-tool-heading .landing-badge {
    min-height: 28px !important;
    padding: 0 11px !important;
}

body.landing-page .free-tool-heading h2 {
    font-size: clamp(21px, 1.8vw, 28px) !important;
    margin: 8px 0 5px !important;
}

body.landing-page .free-tool label {
    font-size: 13px !important;
}

body.landing-page .domain-textarea,
body.landing-page .free-tool textarea {
    min-height: 104px !important;
}

body.landing-page .free-limit-box {
    min-height: 58px !important;
    padding: 10px 12px !important;
}

body.landing-page .free-submit {
    min-height: 46px !important;
}

body.landing-page .landing-trust-stats {
    margin-top: 20px !important;
}

body.landing-page .landing-section,
body.landing-page .testimonials,
body.landing-page .landing-final-cta {
    margin-top: 62px !important;
}

@media (max-width: 1180px) {
    body.landing-page .landing-hero {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 640px) {
    body.landing-page .landing-hero h1 {
        font-size: 34px !important;
    }
}

/* Marketing home: clear free extraction output */
body.marketing-site .mx-nav {
    min-height: 66px !important;
}

body.marketing-site .mx-hero {
    gap: clamp(30px, 3.6vw, 56px) !important;
    padding-bottom: 22px !important;
}

body.marketing-site .mx-hero h1 {
    font-size: clamp(34px, 2.9vw, 46px) !important;
    letter-spacing: 0 !important;
}

body.marketing-site .mx-hero p {
    max-width: 560px !important;
}

body.marketing-site .mx-extractor-card,
body.marketing-site .mx-dashboard-preview,
body.marketing-site .mx-free-results-shell,
body.marketing-site .mx-free-summary article,
body.marketing-site .mx-free-table-card,
body.marketing-site .mx-free-lock-card {
    border: 1px solid rgba(148, 163, 184, .18) !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 70px rgba(0, 0, 0, .24) !important;
}

body.marketing-site .mx-extractor-card textarea {
    background: rgba(7, 13, 27, .92) !important;
    border-color: rgba(148, 163, 184, .20) !important;
    color: #dbeafe !important;
}

body.marketing-site .mx-extractor-card textarea::placeholder {
    color: #8ea3bf !important;
}

body.marketing-site .mx-extractor-card textarea.is-dragging,
body.marketing-site .mx-extractor-card textarea:focus {
    border-color: rgba(244, 56, 151, .72) !important;
    box-shadow: 0 0 0 4px rgba(244, 56, 151, .14) !important;
}

body.marketing-site .mx-form-message {
    display: block !important;
    font-size: 13px !important;
    min-height: 18px !important;
}

body.marketing-site .mx-form-message.success {
    color: #41f5a5 !important;
}

body.marketing-site .mx-form-message.error {
    color: #ff8aa8 !important;
}

body.marketing-site .mx-button-spinner {
    animation: mxSpin .75s linear infinite;
    border: 2px solid rgba(255, 255, 255, .42);
    border-radius: 999px;
    border-top-color: #fff;
    display: inline-block;
    height: 16px;
    margin-left: 8px;
    vertical-align: -3px;
    width: 16px;
}

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

body.marketing-site .mx-free-results-section {
    margin: 18px auto 20px !important;
    max-width: 1280px !important;
    padding: 0 24px !important;
    scroll-margin-top: 96px !important;
    width: 100% !important;
}

body.marketing-site .mx-free-results-section[hidden] {
    display: none !important;
}

body.marketing-site .mx-free-results-shell {
    background:
        radial-gradient(circle at 86% 0%, rgba(244, 56, 151, .18), transparent 34%),
        linear-gradient(135deg, rgba(15, 23, 42, .94), rgba(11, 16, 32, .96)) !important;
    padding: clamp(18px, 2.4vw, 28px) !important;
}

body.marketing-site .mx-free-results-head {
    align-items: end;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 18px;
}

body.marketing-site .mx-free-results-head h2 {
    color: #fff;
    font-size: clamp(24px, 2.2vw, 34px);
    line-height: 1.1;
    margin: 10px 0 0;
}

body.marketing-site .mx-result-success {
    align-items: center;
    background: rgba(16, 185, 129, .14);
    border: 1px solid rgba(16, 185, 129, .24);
    border-radius: 999px;
    color: #7cf7bd;
    display: inline-flex;
    font-size: 13px;
    gap: 7px;
    padding: 9px 12px;
    white-space: nowrap;
}

body.marketing-site .mx-free-results-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(220px, .72fr) minmax(420px, 1.45fr) minmax(300px, .92fr);
}

body.marketing-site .mx-free-summary {
    display: grid;
    gap: 10px;
}

body.marketing-site .mx-free-summary article {
    background: rgba(8, 14, 30, .68);
    padding: 14px;
}

body.marketing-site .mx-free-summary span {
    color: #a7b4cc;
    display: block;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 8px;
}

body.marketing-site .mx-free-summary strong {
    color: #fff;
    font-size: clamp(24px, 2vw, 32px);
    line-height: 1;
}

body.marketing-site .mx-free-summary p {
    align-items: center;
    color: #aab6c9;
    display: flex;
    font-size: 13px;
    gap: 8px;
    margin: 6px 0 0;
}

body.marketing-site .mx-free-table-card,
body.marketing-site .mx-free-lock-card {
    background: rgba(8, 14, 30, .72);
    padding: 16px;
}

body.marketing-site .mx-free-table-wrap {
    overflow-x: auto;
}

body.marketing-site .mx-free-table-card .mx-results-table th:nth-child(3),
body.marketing-site .mx-free-table-card .mx-results-table td:nth-child(3) {
    display: table-cell !important;
}

body.marketing-site .mx-free-table-card .mx-results-table th,
body.marketing-site .mx-free-table-card .mx-results-table td {
    padding: 12px 10px !important;
}

body.marketing-site .mx-results-table span.verified {
    color: #37e89a !important;
}

body.marketing-site .mx-results-table span.muted {
    color: #fbbfcb !important;
}

body.marketing-site .mx-lock-title {
    align-items: center;
    color: #fff;
    display: flex;
    gap: 12px;
    margin-bottom: 10px;
}

body.marketing-site .mx-lock-title i {
    align-items: center;
    background: linear-gradient(135deg, #ff2f93, #9b5cff);
    border-radius: 14px;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

body.marketing-site .mx-free-lock-card p {
    color: #c1cadb;
    font-size: 14px;
    line-height: 1.55;
    margin: 0 0 14px;
}

body.marketing-site .mx-unlock-list {
    display: grid;
    gap: 8px 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 14px;
}

body.marketing-site .mx-unlock-list span {
    color: #d8e2f2;
    font-size: 13px;
}

body.marketing-site .mx-unlock-list i {
    color: #37e89a;
    margin-right: 5px;
}

body.marketing-site .mx-locked-downloads {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 12px;
}

body.marketing-site .mx-locked-downloads a {
    align-items: center;
    background: rgba(15, 23, 42, .82);
    border: 1px solid rgba(148, 163, 184, .20);
    border-radius: 12px;
    color: #fff;
    display: flex;
    font-size: 13px;
    gap: 8px;
    justify-content: center;
    min-height: 42px;
    padding: 8px;
    text-decoration: none;
}

body.marketing-site .mx-locked-downloads small {
    color: #a7b4cc;
    font-size: 11px;
}

body.marketing-site .mx-unlock-cta {
    justify-content: center;
    min-height: 46px;
    width: 100%;
}

body.marketing-site .mx-free-results-shell:hover,
body.marketing-site .mx-extractor-card:hover,
body.marketing-site .mx-dashboard-preview:hover,
body.marketing-site .mx-stats article:hover {
    transform: translateY(-2px);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.marketing-site .mx-stats {
    padding-top: 22px !important;
}

@media (max-width: 1180px) {
    body.marketing-site .mx-free-results-grid {
        grid-template-columns: 1fr 1fr;
    }

    body.marketing-site .mx-free-table-card {
        grid-column: 1 / -1;
        order: 3;
    }
}

@media (max-width: 760px) {
    body.marketing-site .mx-free-results-section {
        padding: 0 14px !important;
    }

    body.marketing-site .mx-free-results-head {
        align-items: start;
        flex-direction: column;
    }

    body.marketing-site .mx-result-success {
        white-space: normal;
    }

    body.marketing-site .mx-free-results-grid,
    body.marketing-site .mx-unlock-list,
    body.marketing-site .mx-locked-downloads {
        grid-template-columns: 1fr;
    }

    body.marketing-site .mx-free-table-card {
        grid-column: auto;
        order: 0;
    }
}

/* Marketing home enterprise polish pass */
body.marketing-site .mx-nav {
    align-items: center !important;
    backdrop-filter: blur(18px) !important;
    border-color: rgba(148, 163, 184, .14) !important;
    min-height: 58px !important;
    padding: 7px 14px !important;
}

body.marketing-site .mx-brand {
    font-size: 20px !important;
    gap: 10px !important;
}

body.marketing-site .mx-brand span {
    border-radius: 12px !important;
    font-size: 20px !important;
    height: 38px !important;
    width: 38px !important;
}

body.marketing-site .mx-actions .mx-ghost,
body.marketing-site .mx-actions .mx-primary {
    min-height: 38px !important;
    padding: 0 18px !important;
}

body.marketing-site .mx-nav.is-scrolled {
    background: rgba(6, 10, 24, .78) !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .28) !important;
}

body.marketing-site .mx-links a {
    position: relative;
}

body.marketing-site .mx-links a.active::after,
body.marketing-site .mx-links a:hover::after {
    background: linear-gradient(90deg, #ff2f93, #b85cff);
    border-radius: 999px;
    bottom: -9px;
    content: "";
    height: 2px;
    left: 18%;
    position: absolute;
    width: 64%;
}

body.marketing-site .mx-hero {
    min-height: auto !important;
    padding-top: clamp(18px, 2vw, 28px) !important;
}

body.marketing-site .mx-hero-copy {
    gap: 0 !important;
}

body.marketing-site .mx-kicker {
    min-height: 30px !important;
    padding: 7px 13px !important;
}

body.marketing-site .mx-trust-badges span,
body.marketing-site .mx-feature-pills span {
    border-color: rgba(148, 163, 184, .18) !important;
    font-size: 12px !important;
    min-height: 28px !important;
    padding: 5px 9px !important;
}

body.marketing-site .mx-hero-actions .mx-primary {
    box-shadow: 0 14px 38px rgba(244, 56, 151, .28) !important;
}

body.marketing-site .mx-primary,
body.marketing-site .mx-ghost,
body.marketing-site .mx-upload-row button,
body.marketing-site .mx-downloads button,
body.marketing-site .mx-locked-downloads a {
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

body.marketing-site .mx-primary:hover,
body.marketing-site .mx-ghost:hover,
body.marketing-site .mx-upload-row button:hover,
body.marketing-site .mx-downloads button:hover,
body.marketing-site .mx-locked-downloads a:hover {
    transform: translateY(-2px);
}

body.marketing-site .mx-arrow-action i,
body.marketing-site .mx-primary i.bi-arrow-right {
    transition: transform .2s ease;
}

body.marketing-site .mx-arrow-action:hover i,
body.marketing-site .mx-primary:hover i.bi-arrow-right {
    transform: translateX(3px);
}

body.marketing-site .mx-card-head strong,
body.marketing-site .mx-preview-top span,
body.marketing-site .mx-table-title strong {
    letter-spacing: -.01em;
}

body.marketing-site .mx-upload-row {
    gap: 10px !important;
}

body.marketing-site .mx-upload-row button {
    background: rgba(6, 12, 28, .78) !important;
    border-color: rgba(148, 163, 184, .16) !important;
}

body.marketing-site .mx-scan-progress {
    background: rgba(148, 163, 184, .14);
    border-radius: 999px;
    height: 7px;
    margin: 0 0 10px;
    overflow: hidden;
}

body.marketing-site .mx-scan-progress span {
    background: linear-gradient(90deg, #ff2f93, #9b5cff, #38bdf8);
    border-radius: inherit;
    display: block;
    height: 100%;
    transition: width .45s ease;
    width: 22%;
}

body.marketing-site .mx-dashboard-preview {
    background:
        radial-gradient(circle at 20% 0%, rgba(56, 189, 248, .10), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(244, 56, 151, .12), transparent 28%),
        rgba(15, 23, 42, .86) !important;
}

body.marketing-site .mx-current-job div,
body.marketing-site .mx-metric-grid article {
    background: rgba(8, 14, 30, .68) !important;
    border: 1px solid rgba(148, 163, 184, .14) !important;
}

body.marketing-site .mx-progress {
    height: 9px !important;
}

body.marketing-site .mx-results-table {
    border-collapse: separate !important;
    border-spacing: 0 6px !important;
}

body.marketing-site .mx-results-table th {
    color: #97a8c3 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
}

body.marketing-site .mx-results-table td {
    background: rgba(8, 14, 30, .58) !important;
    border-bottom: 1px solid rgba(148, 163, 184, .08) !important;
    border-top: 1px solid rgba(148, 163, 184, .08) !important;
    height: 44px !important;
}

body.marketing-site .mx-results-table tr:hover td {
    background: rgba(30, 41, 59, .72) !important;
}

body.marketing-site .mx-domain-cell {
    align-items: center;
    display: inline-flex;
    gap: 9px;
    max-width: 100%;
    min-width: 0;
}

body.marketing-site .mx-domain-cell > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

body.marketing-site .mx-favicon {
    align-items: center;
    background: linear-gradient(135deg, rgba(244, 56, 151, .28), rgba(56, 189, 248, .20));
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 900;
    height: 24px;
    justify-content: center;
    width: 24px;
}

body.marketing-site .mx-results-table span.verified,
body.marketing-site .mx-results-table span.muted {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    gap: 5px;
    min-height: 24px;
    padding: 0 9px;
}

body.marketing-site .mx-results-table span.verified {
    background: rgba(16, 185, 129, .12);
    border: 1px solid rgba(16, 185, 129, .22);
}

body.marketing-site .mx-results-table span.muted {
    background: rgba(244, 63, 94, .12);
    border: 1px solid rgba(244, 63, 94, .22);
}

body.marketing-site .mx-locked-value {
    align-items: center;
    color: rgba(226, 232, 240, .62);
    display: inline-flex;
    filter: blur(.15px);
    gap: 6px;
}

body.marketing-site .mx-free-results-grid {
    grid-template-columns: minmax(220px, .62fr) minmax(520px, 1.68fr) minmax(320px, .92fr) !important;
}

body.marketing-site .mx-free-table-card {
    min-width: 0;
}

body.marketing-site .mx-free-lock-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(244, 56, 151, .18), transparent 30%),
        rgba(8, 14, 30, .78) !important;
}

body.marketing-site .mx-unlock-list {
    gap: 9px 14px !important;
}

body.marketing-site .mx-unlock-list small {
    color: #8da0bd;
    font-size: 10px;
    margin-left: 3px;
}

body.marketing-site .mx-locked-downloads a {
    position: relative;
}

body.marketing-site .mx-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.marketing-site .mx-stats article {
    align-items: center !important;
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: 52px 1fr !important;
    min-height: 112px !important;
}

body.marketing-site .mx-stats article > i {
    align-items: center;
    background: linear-gradient(135deg, rgba(244, 56, 151, .28), rgba(56, 189, 248, .18));
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 16px;
    color: #ff79bd;
    display: inline-flex;
    font-size: 23px;
    grid-row: span 2;
    height: 52px;
    justify-content: center;
    width: 52px;
}

body.marketing-site .mx-stats article::before {
    display: none !important;
}

body.marketing-site .mx-logo-section {
    margin-top: 8px !important;
}

body.marketing-site .mx-logo-cloud {
    align-items: center !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.marketing-site .mx-logo-cloud span {
    filter: grayscale(1);
    opacity: .68;
}

body.marketing-site .mx-feature-grid article,
body.marketing-site .mx-compare-mini,
body.marketing-site .mx-price-card,
body.marketing-site .mx-testimonials article {
    border-color: rgba(148, 163, 184, .16) !important;
    box-shadow: 0 18px 54px rgba(0, 0, 0, .18) !important;
}

body.marketing-site .mx-feature-grid article {
    padding: 22px !important;
}

body.marketing-site .mx-feature-grid article > i {
    font-size: 24px !important;
    height: 50px !important;
    width: 50px !important;
}

body.marketing-site .mx-price-card.popular,
body.marketing-site .mx-price-card:nth-child(3) {
    border-color: rgba(244, 56, 151, .72) !important;
    box-shadow: 0 24px 80px rgba(244, 56, 151, .18) !important;
}

body.marketing-site .mx-testimonials article {
    min-height: 220px;
}

body.marketing-site .mx-avatar {
    box-shadow: 0 0 0 4px rgba(244, 56, 151, .12);
}

body.marketing-site .mx-footer {
    background:
        radial-gradient(circle at 18% 0%, rgba(244, 56, 151, .12), transparent 28%),
        rgba(4, 8, 18, .94) !important;
    border-top: 1px solid rgba(148, 163, 184, .12) !important;
}

body.marketing-site .mx-footer-grid {
    gap: 26px !important;
}

body.marketing-site .mx-newsletter label {
    background: rgba(8, 14, 30, .80) !important;
    border-color: rgba(148, 163, 184, .18) !important;
}

@media (max-width: 1180px) {
    body.marketing-site .mx-free-results-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    body.marketing-site .mx-stats,
    body.marketing-site .mx-logo-cloud {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body.marketing-site .mx-nav {
        min-height: 58px !important;
    }

    body.marketing-site .mx-hero h1 {
        font-size: 32px !important;
        line-height: 1.06 !important;
    }

    body.marketing-site .mx-free-results-grid,
    body.marketing-site .mx-stats,
    body.marketing-site .mx-logo-cloud {
        grid-template-columns: 1fr !important;
    }

    body.marketing-site .mx-stats article {
        grid-template-columns: 48px 1fr !important;
    }

    body.marketing-site .mx-results-table {
        min-width: 680px;
    }
}

body.marketing-site .mx-dashboard-table {
    min-width: 0 !important;
    table-layout: fixed !important;
    width: 100% !important;
}

body.marketing-site .mx-dashboard-table th,
body.marketing-site .mx-dashboard-table td {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.marketing-site .mx-dashboard-table thead,
body.marketing-site .mx-dashboard-table thead tr,
body.marketing-site .mx-dashboard-table thead th {
    background: rgba(30, 41, 59, .78) !important;
    color: #cbd5e1 !important;
}

body.marketing-site .mx-dashboard-table tbody tr {
    transition: background-color .18s ease;
}

body.marketing-site .mx-dashboard-table tbody tr:hover {
    background: rgba(30, 41, 59, .42) !important;
}

body.marketing-site .mx-site-header {
    background: rgba(2, 6, 23, .80) !important;
    backdrop-filter: blur(18px);
}

html:has(body.marketing-site) {
    scroll-behavior: smooth;
    scroll-padding-top: 92px;
}

body.marketing-site main section {
    scroll-margin-top: 92px;
}

body.marketing-site .mx-site-header.is-scrolled {
    background: rgba(2, 6, 23, .88) !important;
    backdrop-filter: blur(18px);
    box-shadow: 0 12px 42px rgba(0, 0, 0, .22);
}

body.marketing-site .mx-nav-link::after {
    background: linear-gradient(90deg, #ff2e93, #a855f7);
    border-radius: 999px;
    bottom: 2px;
    content: "";
    height: 2px;
    left: 12px;
    opacity: 0;
    position: absolute;
    right: 12px;
    transform: scaleX(.35);
    transition: opacity .18s ease, transform .18s ease;
}

body.marketing-site .mx-nav-link.active::after,
body.marketing-site .mx-nav-link:hover::after {
    opacity: 1;
    transform: scaleX(1);
}

body.marketing-site main section {
    animation: mxFadeUp .48s ease both;
}

body.marketing-site .mx-pricing-grid,
body.marketing-site .mx-pricing-grid.compact {
    display: grid !important;
    gap: 16px !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

body.marketing-site .mx-price-card,
body.marketing-site .mx-price-card.enterprise {
    background: rgba(15, 23, 42, .70) !important;
    border-color: rgba(30, 41, 59, 1) !important;
    border-radius: 16px !important;
    color: #fff !important;
    gap: 0 !important;
    min-height: 372px !important;
}

body.marketing-site .mx-price-card.popular,
body.marketing-site .mx-price-card:nth-child(3) {
    border-color: rgba(255, 46, 147, .70) !important;
}

body.marketing-site .mx-plan-limits,
body.marketing-site .mx-price-card ul {
    background: transparent !important;
    border: 0 !important;
    gap: 6px !important;
    padding: 0 !important;
}

body.marketing-site .mx-plan-limits span {
    background: rgba(2, 6, 23, .60) !important;
    border: 1px solid rgba(30, 41, 59, 1) !important;
    border-radius: 12px !important;
    color: #e2e8f0 !important;
    font-size: 12px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
}

body.marketing-site .mx-price-card li {
    background: transparent !important;
    border: 0 !important;
    color: #cbd5e1 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    padding: 0 !important;
}

body.marketing-site .mx-price-card .mx-primary {
    background: #ff2e93 !important;
    border-radius: 12px !important;
    color: #fff !important;
}

body.marketing-site .mx-progress-fill {
    animation: mxProgressBreath 2.8s ease-in-out infinite;
    transform-origin: left center;
}

body.marketing-site .mx-price-card,
body.marketing-site main section article,
body.marketing-site #extract-free,
body.marketing-site aside[aria-label="Product dashboard preview"] {
    will-change: transform;
}

body.marketing-site a:focus-visible,
body.marketing-site button:focus-visible,
body.marketing-site textarea:focus-visible,
body.marketing-site input:focus-visible {
    outline: 2px solid rgba(255, 46, 147, .85);
    outline-offset: 3px;
}

@keyframes mxProgressBreath {
    0%, 100% {
        filter: drop-shadow(0 0 0 rgba(255, 46, 147, 0));
        transform: scaleX(.985);
    }
    50% {
        filter: drop-shadow(0 0 10px rgba(255, 46, 147, .42));
        transform: scaleX(1);
    }
}

@keyframes mxFadeUp {
    from {
        opacity: .82;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.marketing-site main section,
    body.marketing-site .mx-progress-fill {
        animation: none !important;
    }
}

body.marketing-site .mx-price-card:not(.popular) .mx-primary {
    background: rgba(2, 6, 23, .50) !important;
    border: 1px solid rgba(51, 65, 85, 1) !important;
}

body.marketing-site .mx-price-card > a:last-child {
    margin-top: 16px !important;
}

@media (min-width: 768px) {
    body.marketing-site .mx-pricing-grid,
    body.marketing-site .mx-pricing-grid.compact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1280px) {
    body.marketing-site .mx-pricing-grid,
    body.marketing-site .mx-pricing-grid.compact {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

/* Email extractor welcome header */
body.extractor-page .extractor-welcome-title h2 {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    margin: 0 0 4px !important;
}

body.extractor-page .extractor-welcome-title p {
    color: #d8e2f2 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}

/* MailExtract dashboard production layout revoked
body.extractor-page .content {
    background:
        radial-gradient(circle at 72% 0%, rgba(59, 130, 246, .14), transparent 28rem),
        radial-gradient(circle at 34% 18%, rgba(168, 85, 247, .12), transparent 30rem),
        #071224 !important;
    display: grid !important;
    gap: 22px !important;
    grid-template-areas:
        "dashboardHead dashboardHead"
        "extractorCards extractorCards"
        "recentJobs overviewChart" !important;
    grid-template-columns: minmax(0, 3fr) minmax(360px, 2fr) !important;
    grid-template-rows: auto auto auto !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    padding: 30px 30px 36px !important;
}

body.extractor-page .extractor-stats {
    display: none !important;
}

body.extractor-page .extractor-workspace-head {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: grid !important;
    gap: 20px !important;
    grid-area: dashboardHead !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    margin: 0 !important;
    min-height: 70px !important;
    padding: 0 !important;
}

body.extractor-page .extractor-welcome-title h2 {
    font-size: 18px !important;
    margin-bottom: 5px !important;
}

body.extractor-page .extractor-welcome-title p {
    font-size: 12px !important;
    max-width: 760px !important;
}

body.extractor-page .extractor-head-actions {
    align-items: center !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: minmax(320px, 430px) 190px 44px !important;
}

body.extractor-page .head-usage-card,
body.extractor-page .advanced-button {
    background: rgba(8, 18, 38, .72) !important;
    border: 1px solid rgba(96, 165, 250, .20) !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
}

body.extractor-page .head-usage-card {
    min-width: 0 !important;
    padding: 12px 16px !important;
}

body.extractor-page .extractor-grid {
    align-items: stretch !important;
    display: grid !important;
    gap: 22px !important;
    grid-area: extractorCards !important;
    grid-template-columns: minmax(470px, .95fr) minmax(560px, 1.05fr) !important;
    margin: 0 !important;
    min-height: 0 !important;
}

body.extractor-page .extract-card,
body.extractor-page .session-results-card,
body.extractor-page .extractor-overview-card {
    background: linear-gradient(180deg, rgba(10, 25, 52, .86), rgba(8, 18, 38, .88)) !important;
    border: 1px solid rgba(96, 165, 250, .18) !important;
    border-radius: 14px !important;
    box-shadow: 0 22px 52px rgba(0, 0, 0, .24) !important;
    box-sizing: border-box !important;
    color: #f8fafc !important;
    margin: 0 !important;
    overflow: hidden !important;
}

body.extractor-page .domain-card,
body.extractor-page .live-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 430px !important;
    padding: 22px 24px !important;
}

body.extractor-page .domain-card-topline,
body.extractor-page .live-card > .card-heading {
    align-items: center !important;
    border: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    margin: 0 0 18px !important;
    min-height: 46px !important;
    padding: 0 !important;
}

body.extractor-page .extractor-step-title,
body.extractor-page .live-card > .card-heading h2 {
    color: #fff !important;
    font-size: 21px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    margin: 0 !important;
}

body.extractor-page .extractor-step-title i,
body.extractor-page .live-card > .card-heading h2 i {
    background: linear-gradient(135deg, #8b5cf6, #d946ef) !important;
    border-radius: 12px !important;
    color: #fff !important;
    display: inline-grid !important;
    height: 42px !important;
    margin-right: 12px !important;
    place-items: center !important;
    width: 42px !important;
}

body.extractor-page .domain-settings-button {
    background: rgba(30, 24, 54, .92) !important;
    border: 1px solid rgba(217, 70, 239, .30) !important;
    border-radius: 10px !important;
    color: #f8fafc !important;
}

body.extractor-page .tabs,
body.extractor-page .daily-usage-panel {
    display: none !important;
}

body.extractor-page .domain-form {
    background: rgba(7, 15, 32, .52) !important;
    border: 1px dashed rgba(148, 163, 184, .22) !important;
    border-radius: 12px !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 18px 22px !important;
}

body.extractor-page .paste-pane label {
    color: #cbd5e1 !important;
    display: block !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    margin: 0 0 10px !important;
}

body.extractor-page .domain-form textarea,
body.extractor-page #domains-input {
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(203, 213, 225, .92) !important;
    border-radius: 10px !important;
    color: #0f172a !important;
    font-size: 15px !important;
    height: 214px !important;
    line-height: 1.55 !important;
    min-height: 214px !important;
    padding: 16px 18px !important;
    resize: vertical !important;
    width: 100% !important;
}

body.extractor-page #domains-input::placeholder {
    color: #64748b !important;
}

body.extractor-page .domain-meta {
    align-items: center !important;
    color: #dbeafe !important;
    display: flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    justify-content: space-between !important;
    margin-top: 12px !important;
}

body.extractor-page .domain-meta > span {
    display: none !important;
}

body.extractor-page .domain-footer {
    border: 0 !important;
    flex: 0 0 auto !important;
    margin-top: 18px !important;
    padding: 0 !important;
}

body.extractor-page .domain-footer > span {
    display: none !important;
}

body.extractor-page .domain-actions {
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(190px, 1.15fr) !important;
    width: 100% !important;
}

body.extractor-page .upload-action-button,
body.extractor-page .validate-button,
body.extractor-page .start-button {
    align-items: center !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    justify-content: center !important;
    min-height: 52px !important;
    padding: 0 14px !important;
}

body.extractor-page .upload-action-button {
    background: linear-gradient(135deg, rgba(14, 165, 233, .20), rgba(139, 92, 246, .24)) !important;
    border: 1px solid rgba(56, 189, 248, .38) !important;
    color: #e0f2fe !important;
}

body.extractor-page .validate-button {
    background: linear-gradient(135deg, rgba(16, 185, 129, .20), rgba(20, 184, 166, .24)) !important;
    border: 1px solid rgba(45, 212, 191, .38) !important;
    color: #d1fae5 !important;
}

body.extractor-page .start-button {
    background: linear-gradient(90deg, #ff2e93, #8b5cf6) !important;
    border: 0 !important;
    box-shadow: 0 18px 34px rgba(255, 46, 147, .24) !important;
    color: #fff !important;
}

body.extractor-page .live-main {
    align-items: center !important;
    display: grid !important;
    flex: 1 1 auto !important;
    gap: 24px !important;
    grid-template-columns: 190px minmax(0, 1fr) !important;
    min-height: 260px !important;
    padding: 8px 0 16px !important;
}

body.extractor-page .progress-ring {
    height: 148px !important;
    justify-self: center !important;
    width: 148px !important;
}

body.extractor-page .progress-ring span {
    font-size: 32px !important;
}

body.extractor-page .progress-ring small {
    font-size: 12px !important;
}

body.extractor-page .job-details {
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-width: 0 !important;
}

body.extractor-page .job-detail-card {
    background: rgba(7, 18, 38, .72) !important;
    border: 1px solid rgba(96, 165, 250, .17) !important;
    border-radius: 10px !important;
    min-height: 68px !important;
    padding: 10px 12px !important;
}

body.extractor-page .job-detail-card.is-wide {
    grid-column: span 1 !important;
}

body.extractor-page .job-detail-card span {
    align-items: center !important;
    color: #b9c7dc !important;
    display: flex !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    gap: 8px !important;
    line-height: 1.2 !important;
    margin-bottom: 7px !important;
}

body.extractor-page .job-detail-card strong {
    color: #fff !important;
    display: block !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.extractor-page .live-card > .wide-progress {
    flex: 0 0 auto !important;
    margin: 0 0 16px 214px !important;
    max-width: calc(100% - 214px) !important;
}

body.extractor-page .live-events {
    display: none !important;
}

body.extractor-page .running-actions {
    display: grid !important;
    flex: 0 0 auto !important;
    gap: 14px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin: 0 !important;
}

body.extractor-page .running-actions button {
    border-radius: 12px !important;
    min-height: 52px !important;
}

body.extractor-page .session-results-card {
    grid-area: recentJobs !important;
    min-height: 300px !important;
    padding: 18px !important;
}

body.extractor-page .extractor-overview-card {
    grid-area: overviewChart !important;
    min-height: 300px !important;
    padding: 18px !important;
}

body.extractor-page .section-heading,
body.extractor-page .overview-heading {
    align-items: center !important;
    border: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
}

body.extractor-page .section-heading h2,
body.extractor-page .overview-heading h2 {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    margin: 0 !important;
}

body.extractor-page .overview-heading p {
    color: #93c5fd !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    margin: 4px 0 0 !important;
}

body.extractor-page .overview-legend {
    display: flex !important;
    gap: 10px !important;
}

body.extractor-page .overview-legend span {
    align-items: center !important;
    color: #cbd5e1 !important;
    display: inline-flex !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    gap: 6px !important;
}

body.extractor-page .overview-legend i {
    border-radius: 999px !important;
    display: inline-block !important;
    height: 8px !important;
    width: 8px !important;
}

body.extractor-page .overview-legend .domains { background: #a855f7 !important; }
body.extractor-page .overview-legend .emails { background: #3b82f6 !important; }
body.extractor-page .overview-legend .phones { background: #34d399 !important; }

body.extractor-page .session-results-card .section-heading {
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
}

body.extractor-page .results-toolbar {
    justify-content: end !important;
    min-width: 0 !important;
    overflow-x: auto !important;
}

body.extractor-page .session-results-card .table-wrap {
    border: 1px solid rgba(96, 165, 250, .14) !important;
    border-radius: 12px !important;
    overflow: auto !important;
}

body.extractor-page .session-results-card .jobs-table {
    min-width: 980px !important;
    table-layout: fixed !important;
    width: 100% !important;
}

body.extractor-page .session-results-card th,
body.extractor-page .session-results-card td {
    font-size: 11px !important;
    height: 40px !important;
    padding: 8px 10px !important;
    white-space: nowrap !important;
}

body.extractor-page .result-progress {
    background: rgba(51, 65, 85, .72) !important;
    border-radius: 999px !important;
    display: inline-block !important;
    height: 7px !important;
    margin-right: 6px !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    width: 52px !important;
}

body.extractor-page .result-progress i {
    background: linear-gradient(90deg, #ff2e93, #8b5cf6) !important;
    display: block !important;
    height: 100% !important;
}

body.extractor-page .overview-chart {
    background:
        linear-gradient(rgba(96, 165, 250, .10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(96, 165, 250, .10) 1px, transparent 1px),
        rgba(5, 13, 31, .58) !important;
    background-size: 100% 25%, 20% 100%, auto !important;
    border: 1px solid rgba(96, 165, 250, .14) !important;
    border-radius: 12px !important;
    height: 220px !important;
    overflow: hidden !important;
    position: relative !important;
}

body.extractor-page .overview-chart .chart-fill {
    background: linear-gradient(180deg, rgba(168, 85, 247, .36), rgba(168, 85, 247, .04)) !important;
    clip-path: polygon(0 72%, 16% 52%, 32% 47%, 50% 24%, 65% 34%, 82% 58%, 100% 32%, 100% 100%, 0 100%) !important;
    inset: 26px 22px 22px !important;
    position: absolute !important;
}

body.extractor-page .overview-chart .chart-line {
    border-bottom: 3px solid !important;
    border-radius: 50% !important;
    left: 26px !important;
    position: absolute !important;
    right: 26px !important;
}

body.extractor-page .overview-chart .chart-line.domains {
    border-color: #a855f7 !important;
    bottom: 70px !important;
    transform: skewY(-11deg) !important;
}

body.extractor-page .overview-chart .chart-line.emails {
    border-color: #3b82f6 !important;
    bottom: 82px !important;
    transform: skewY(8deg) !important;
}

body.extractor-page .overview-chart .chart-line.phones {
    border-color: #34d399 !important;
    bottom: 44px !important;
    transform: skewY(-4deg) !important;
}

body.extractor-page .overview-chart > i {
    background: #c084fc !important;
    border: 3px solid rgba(5, 13, 31, .95) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 16px rgba(192, 132, 252, .48) !important;
    height: 14px !important;
    left: var(--x) !important;
    position: absolute !important;
    top: var(--y) !important;
    width: 14px !important;
}

@media (max-width: 1360px) {
    body.extractor-page .content {
        grid-template-areas:
            "dashboardHead"
            "extractorCards"
            "recentJobs"
            "overviewChart" !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.extractor-page .extractor-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 920px) {
    body.extractor-page .extractor-workspace-head,
    body.extractor-page .extractor-head-actions,
    body.extractor-page .live-main {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.extractor-page .live-card > .wide-progress {
        margin-left: 0 !important;
        max-width: none !important;
    }
}

@media (max-width: 720px) {
    body.extractor-page .domain-actions,
    body.extractor-page .job-details {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

*/

/* Final sidebar bottom card lock: keep plan/profile matching the reference */
body.extractor-page .plan-card,
body.billing-page .plan-card,
body.dashboard-page .plan-card,
body.settings-page .plan-card {
    background:
        radial-gradient(circle at 18% 0%, rgba(167, 89, 255, 0.18), transparent 42%),
        linear-gradient(145deg, rgba(15, 32, 58, 0.96), rgba(9, 23, 43, 0.96)) !important;
    border: 1px solid rgba(108, 147, 203, 0.28) !important;
    border-radius: 8px !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22) !important;
    display: grid !important;
    gap: 10px !important;
    margin: 0 4px !important;
    padding: 14px 13px !important;
}

body.extractor-page .plan-title,
body.billing-page .plan-title,
body.dashboard-page .plan-title,
body.settings-page .plan-title {
    align-items: flex-start !important;
    display: grid !important;
    gap: 4px !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
}

body.extractor-page .plan-title i,
body.billing-page .plan-title i,
body.dashboard-page .plan-title i,
body.settings-page .plan-title i {
    align-items: center !important;
    background: rgba(151, 71, 255, 0.18) !important;
    border: 1px solid rgba(185, 117, 255, 0.42) !important;
    border-radius: 7px !important;
    color: #b466ff !important;
    display: inline-flex !important;
    font-size: 14px !important;
    height: 22px !important;
    justify-content: center !important;
    margin-top: 2px !important;
    width: 22px !important;
}

body.extractor-page .plan-title strong,
body.billing-page .plan-title strong,
body.dashboard-page .plan-title strong,
body.settings-page .plan-title strong {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
}

body.extractor-page .plan-title span,
body.billing-page .plan-title span,
body.dashboard-page .plan-title span,
body.settings-page .plan-title span {
    color: #aebbd2 !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
}

body.extractor-page .sidebar-plan-meta,
body.billing-page .sidebar-plan-meta,
body.dashboard-page .sidebar-plan-meta,
body.settings-page .sidebar-plan-meta {
    background: transparent !important;
    border: 0 !important;
    display: grid !important;
    gap: 5px !important;
    padding: 0 !important;
}

body.extractor-page .sidebar-plan-meta span,
body.billing-page .sidebar-plan-meta span,
body.dashboard-page .sidebar-plan-meta span,
body.settings-page .sidebar-plan-meta span,
body.extractor-page .sidebar-plan-meta strong,
body.billing-page .sidebar-plan-meta strong,
body.dashboard-page .sidebar-plan-meta strong,
body.settings-page .sidebar-plan-meta strong {
    color: #d9e3f5 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
}

body.extractor-page .sidebar-usage-ring,
body.billing-page .sidebar-usage-ring,
body.dashboard-page .sidebar-usage-ring,
body.settings-page .sidebar-usage-ring {
    background: rgba(113, 135, 177, 0.18) !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    display: block !important;
    height: 7px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
}

body.extractor-page .sidebar-usage-ring::before,
body.extractor-page .sidebar-usage-ring::after,
body.billing-page .sidebar-usage-ring::before,
body.billing-page .sidebar-usage-ring::after,
body.dashboard-page .sidebar-usage-ring::before,
body.dashboard-page .sidebar-usage-ring::after,
body.settings-page .sidebar-usage-ring::before,
body.settings-page .sidebar-usage-ring::after {
    display: none !important;
}

body.extractor-page .sidebar-usage-ring span,
body.billing-page .sidebar-usage-ring span,
body.dashboard-page .sidebar-usage-ring span,
body.settings-page .sidebar-usage-ring span {
    background: linear-gradient(90deg, #7c4dff, #f333aa) !important;
    border-radius: inherit !important;
    display: block !important;
    height: 100% !important;
    width: calc(var(--usage) * 1%) !important;
}

body.extractor-page .upgrade-button,
body.billing-page .upgrade-button,
body.dashboard-page .upgrade-button,
body.settings-page .upgrade-button {
    align-items: center !important;
    background: linear-gradient(100deg, #7b32f4 0%, #ed2e9b 100%) !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: 0 10px 22px rgba(202, 45, 188, 0.22) !important;
    color: #fff !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
    width: 100% !important;
}

body.extractor-page .user-profile,
body.billing-page .user-profile,
body.dashboard-page .user-profile,
body.settings-page .user-profile {
    background: rgba(15, 32, 58, 0.92) !important;
    border: 1px solid rgba(108, 147, 203, 0.26) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;
    gap: 10px !important;
    margin: 8px 4px 0 !important;
    min-height: 62px !important;
    padding: 10px 11px !important;
}

body.extractor-page .user-profile .avatar,
body.billing-page .user-profile .avatar,
body.dashboard-page .user-profile .avatar,
body.settings-page .user-profile .avatar {
    background: linear-gradient(135deg, #7b32f4, #f23bb9) !important;
    color: #fff !important;
    flex: 0 0 34px !important;
    font-size: 13px !important;
    height: 34px !important;
    width: 34px !important;
}

body.extractor-page .profile-copy strong,
body.billing-page .profile-copy strong,
body.dashboard-page .profile-copy strong,
body.settings-page .profile-copy strong {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
}

body.extractor-page .profile-copy small,
body.billing-page .profile-copy small,
body.dashboard-page .profile-copy small,
body.settings-page .profile-copy small {
    color: #aebbd2 !important;
    font-size: 10.5px !important;
    max-width: 116px !important;
}

body.extractor-page .user-profile .logout-button,
body.billing-page .user-profile .logout-button,
body.dashboard-page .user-profile .logout-button,
body.settings-page .user-profile .logout-button {
    background: rgba(35, 62, 101, 0.95) !important;
    border: 1px solid rgba(108, 147, 203, 0.32) !important;
    border-radius: 8px !important;
    color: #dbe7ff !important;
    flex: 0 0 38px !important;
    height: 38px !important;
    justify-content: center !important;
    margin-left: auto !important;
    padding: 0 !important;
    width: 38px !important;
}

body.extractor-page .user-profile .logout-button span,
body.billing-page .user-profile .logout-button span,
body.dashboard-page .user-profile .logout-button span,
body.settings-page .user-profile .logout-button span {
    display: none !important;
}

/* TRUE EOF sidebar overlap lock */
body.extractor-page .sidebar,
body.billing-page .sidebar,
body.dashboard-page .sidebar,
body.settings-page .sidebar {
    overflow-y: auto !important;
}

body.extractor-page .plan-card,
body.billing-page .plan-card,
body.dashboard-page .plan-card,
body.settings-page .plan-card {
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-bottom: 14px !important;
}

body.extractor-page .sidebar-plan-meta,
body.billing-page .sidebar-plan-meta,
body.dashboard-page .sidebar-plan-meta,
body.settings-page .sidebar-plan-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

body.extractor-page .sidebar-usage-ring,
body.billing-page .sidebar-usage-ring,
body.dashboard-page .sidebar-usage-ring,
body.settings-page .sidebar-usage-ring {
    height: 7px !important;
    min-height: 7px !important;
}

body.extractor-page .upgrade-button,
body.billing-page .upgrade-button,
body.dashboard-page .upgrade-button,
body.settings-page .upgrade-button {
    height: 34px !important;
    min-height: 34px !important;
    position: static !important;
}

body.extractor-page .user-profile,
body.billing-page .user-profile,
body.dashboard-page .user-profile,
body.settings-page .user-profile {
    flex: 0 0 auto !important;
    height: auto !important;
    margin-top: 14px !important;
    min-height: 62px !important;
    position: relative !important;
}
/* Home page frontend content polish */
body.marketing-site .mx-pricing-grid.compact,
body.landing-page .mx-pricing-grid.compact {
    align-items: stretch !important;
}

body.marketing-site .mx-pricing-grid.compact .mx-price-card,
body.landing-page .mx-pricing-grid.compact .mx-price-card {
    min-height: 342px !important;
    padding: 18px !important;
}

body.marketing-site .mx-pricing-grid.compact .mx-price-card h3,
body.landing-page .mx-pricing-grid.compact .mx-price-card h3 {
    font-size: 18px !important;
    line-height: 1.15 !important;
}

body.marketing-site .mx-pricing-grid.compact .mx-price b,
body.landing-page .mx-pricing-grid.compact .mx-price b {
    font-size: clamp(24px, 2.1vw, 34px) !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
}

body.marketing-site .mx-pricing-grid.compact .mx-plan-limits,
body.landing-page .mx-pricing-grid.compact .mx-plan-limits,
body.marketing-site .mx-pricing-grid.compact .mx-price-card ul,
body.landing-page .mx-pricing-grid.compact .mx-price-card ul {
    gap: 7px !important;
}

body.marketing-site .mx-pricing-grid.compact .mx-plan-limits span,
body.landing-page .mx-pricing-grid.compact .mx-plan-limits span,
body.marketing-site .mx-pricing-grid.compact .mx-price-card li,
body.landing-page .mx-pricing-grid.compact .mx-price-card li {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

body.marketing-site .mx-pricing-grid.compact .mx-price-card .plan-button,
body.landing-page .mx-pricing-grid.compact .mx-price-card .plan-button {
    margin-top: 14px !important;
}

body.marketing-site .testimonial-grid,
body.landing-page .testimonial-grid {
    align-items: stretch !important;
}

body.marketing-site #mxDomains,
body.landing-page #mxDomains {
    color: #f8fafc !important;
    font-weight: 650 !important;
}

/* Home pricing/footer final alignment */
body.marketing-site .mx-pricing-grid.compact,
body.landing-page .mx-pricing-grid.compact {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.marketing-site .mx-pricing-grid.compact .mx-price-card,
body.landing-page .mx-pricing-grid.compact .mx-price-card {
    min-height: 410px !important;
}

body.marketing-site .mx-pricing-grid.compact .mx-plan-badge,
body.landing-page .mx-pricing-grid.compact .mx-plan-badge {
    position: static !important;
    width: max-content !important;
}

body.marketing-site .mx-pricing-grid.compact .mx-price-card h3,
body.landing-page .mx-pricing-grid.compact .mx-price-card h3 {
    padding-right: 0 !important;
}

body.marketing-site .mx-footer-contact strong {
    color: #dbeafe !important;
    font-weight: 850 !important;
}

body.marketing-site .mx-footer-pill {
    align-items: center !important;
    background: rgba(15, 23, 42, 0.82) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
    border-radius: 999px !important;
    color: #dbeafe !important;
    display: inline-flex !important;
    gap: 7px !important;
    min-height: 30px !important;
    padding: 6px 11px !important;
    text-decoration: none !important;
}

body.marketing-site a.mx-footer-pill:hover {
    border-color: rgba(255, 46, 147, 0.55) !important;
    color: #ffffff !important;
}

@media (max-width: 1180px) {
    body.marketing-site .mx-pricing-grid.compact,
    body.landing-page .mx-pricing-grid.compact {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    body.marketing-site .mx-pricing-grid.compact,
    body.landing-page .mx-pricing-grid.compact {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Final logout clarity: show a readable action instead of icon-only */
body.extractor-page .user-profile,
body.billing-page .user-profile,
body.dashboard-page .user-profile,
body.settings-page .user-profile {
    align-items: center !important;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 34px !important;
    min-height: 62px !important;
    overflow: hidden !important;
    padding: 10px 8px !important;
}

body.extractor-page .profile-copy,
body.billing-page .profile-copy,
body.dashboard-page .profile-copy,
body.settings-page .profile-copy {
    min-width: 0 !important;
}

body.extractor-page .profile-copy small,
body.billing-page .profile-copy small,
body.dashboard-page .profile-copy small,
body.settings-page .profile-copy small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.extractor-page .user-profile .logout-button,
body.billing-page .user-profile .logout-button,
body.dashboard-page .user-profile .logout-button,
body.settings-page .user-profile .logout-button {
    align-items: center !important;
    background: linear-gradient(135deg, rgba(35, 62, 101, 0.98), rgba(18, 39, 72, 0.98)) !important;
    border: 1px solid rgba(124, 166, 232, 0.42) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    color: #eef5ff !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    gap: 0 !important;
    height: 34px !important;
    justify-content: center !important;
    margin-left: 0 !important;
    min-width: 34px !important;
    padding: 0 !important;
    position: relative !important;
    width: 34px !important;
}

body.extractor-page .user-profile .logout-button i,
body.billing-page .user-profile .logout-button i,
body.dashboard-page .user-profile .logout-button i,
body.settings-page .user-profile .logout-button i {
    font-size: 15px !important;
}

body.extractor-page .user-profile .logout-button span,
body.billing-page .user-profile .logout-button span,
body.dashboard-page .user-profile .logout-button span,
body.settings-page .user-profile .logout-button span {
    background: rgba(15, 32, 58, 0.98) !important;
    border: 1px solid rgba(124, 166, 232, 0.42) !important;
    border-radius: 999px !important;
    bottom: calc(100% + 8px) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28) !important;
    display: none !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    padding: 6px 9px !important;
    position: absolute !important;
    right: 0 !important;
    white-space: nowrap !important;
}

body.extractor-page .user-profile .logout-button:hover span,
body.billing-page .user-profile .logout-button:hover span,
body.dashboard-page .user-profile .logout-button:hover span,
body.settings-page .user-profile .logout-button:hover span,
body.extractor-page .user-profile .logout-button:focus-visible span,
body.billing-page .user-profile .logout-button:focus-visible span,
body.dashboard-page .user-profile .logout-button:focus-visible span,
body.settings-page .user-profile .logout-button:focus-visible span {
    display: inline !important;
}

body.extractor-page .user-profile .logout-button:hover,
body.billing-page .user-profile .logout-button:hover,
body.dashboard-page .user-profile .logout-button:hover,
body.settings-page .user-profile .logout-button:hover {
    border-color: rgba(255, 46, 147, 0.55) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

body.extractor-page .extraction-statistics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
    margin: 14px 0 16px;
}

body.extractor-page .extract-stat,
body.extractor-page .result-status-badge {
    border: 1px solid rgba(128, 151, 191, .24);
    background: rgba(8, 17, 34, .74);
    color: #dbe7ff;
}

body.extractor-page .extract-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 46px;
    padding: 9px 12px;
    border-radius: 12px;
}

body.extractor-page .extract-stat small {
    color: #9fb0ce;
    font-size: 11px;
    font-weight: 800;
}

body.extractor-page .extract-stat strong {
    color: #fff;
    font-size: 18px;
}

body.extractor-page .extract-stat.good,
body.extractor-page .result-status-badge.good {
    border-color: rgba(52, 211, 153, .36);
    background: rgba(16, 185, 129, .12);
    color: #6ee7b7;
}

body.extractor-page .extract-stat.neutral,
body.extractor-page .result-status-badge.neutral {
    border-color: rgba(148, 163, 184, .30);
    background: rgba(148, 163, 184, .10);
    color: #cbd5e1;
}

body.extractor-page .extract-stat.warning,
body.extractor-page .result-status-badge.warning {
    border-color: rgba(251, 191, 36, .38);
    background: rgba(245, 158, 11, .13);
    color: #fde68a;
}

body.extractor-page .extract-stat.danger,
body.extractor-page .result-status-badge.danger {
    border-color: rgba(248, 113, 113, .36);
    background: rgba(239, 68, 68, .12);
    color: #fca5a5;
}

body.extractor-page .result-status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    white-space: nowrap;
}