/* Budhigyan Step 245 — Cumulative Stable UI Base
   Final cascade layer after Step 244A–244N.
   Scope: visual/layout stability only. No database, route, controller, payment, enrollment, MCQ, WhatsApp, or AI logic changes.
   Keep this stylesheet loaded LAST from resources/views/layouts/app.php. */




/* ---- Imported stable layer from step244l-css-stability-fix.css ---- */

/* Budhigyan Step 244L — CSS Stability Fix
   Purpose: final cascade layer for visual breakage after partial/cached patch uploads.
   Scope: layout/display only. No database, route, permission, payment, enrollment, MCQ, WhatsApp, or AI logic changes. */

html {
    width: 100%;
    overflow-x: hidden;
}

body {
    min-width: 320px;
    overflow-x: hidden;
}

.shell,
.app-screen,
.topbar,
.header-main-line,
.header-right-compact,
.desktop-main-nav,
.route-strip,
.cta-row,
.grid,
.card,
.table-wrap {
    min-width: 0;
    max-width: 100%;
}

.app-screen {
    width: min(100%, 1280px);
    margin-left: auto;
    margin-right: auto;
}

/* Header recovery: prevent admin/public navigation from spilling into a plain vertical list. */
.topbar,
.topbar.compact-topbar,
.header-main-line {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.topbar,
.topbar.compact-topbar {
    flex-wrap: wrap;
}

.header-main-line {
    flex: 1 1 auto;
    justify-content: space-between;
}

.desktop-main-nav,
.phase53-main-nav {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100%;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.desktop-main-nav a,
.phase53-main-nav a,
.header-right-compact .chip,
.header-right-compact .btn,
.header-mini-link,
.compact-login-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    white-space: nowrap;
    text-align: center;
}

.header-right-compact,
.premium-header-actions {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100%;
    scrollbar-width: thin;
}

/* Route/action strips: keep them as pills, never as loose text. */
.route-strip,
.cta-row,
.compact-actions {
    display: flex !important;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.route-strip {
    padding: .55rem;
    border-radius: 1.15rem;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.08);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.route-strip .btn,
.cta-row .btn,
.compact-actions .btn,
button.btn,
a.btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 42px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}

.route-strip .btn {
    white-space: nowrap;
    flex: 0 0 auto;
}

/* Dashboard/deployment cards: recover contrast when light and dark patch layers meet. */
.launch-final-card,
.launch-route-index,
.launch-qa-readiness-stack,
.launch-postpatch-panel,
.deployment-control-card,
.deployment-panel,
.step244j-final-smoke-matrix,
.step244j-no-change-note {
    overflow: hidden;
}

.launch-final-card h1,
.launch-final-card h2,
.launch-final-card h3,
.launch-route-index h1,
.launch-route-index h2,
.launch-route-index h3,
.launch-postpatch-panel h1,
.launch-postpatch-panel h2,
.launch-postpatch-panel h3,
.launch-qa-readiness-stack h1,
.launch-qa-readiness-stack h2,
.launch-qa-readiness-stack h3 {
    color: #13213d;
}

.launch-final-card .lead,
.launch-route-index .lead,
.launch-postpatch-panel .lead,
.launch-qa-readiness-stack .lead,
.launch-mini-note,
.launch-check-item small,
.launch-final-step small,
.launch-route-card small,
.launch-risk-card small {
    color: #5b6a86;
}

.launch-check-item,
.launch-final-step,
.launch-route-card,
.launch-risk-card {
    min-width: 0;
}

.launch-check-item strong,
.launch-final-step strong,
.launch-route-card strong,
.launch-risk-card strong {
    overflow-wrap: anywhere;
}

/* Tables: fix long deployment/manual-update tables without breaking desktop readability. */
.table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-wrap table,
.deployment-route-table,
.step244j-final-smoke-matrix table {
    width: 100%;
    min-width: 760px;
    table-layout: auto;
}

.table-wrap th,
.table-wrap td {
    vertical-align: top;
    overflow-wrap: anywhere;
}

.table-wrap td:last-child,
.table-wrap th:last-child {
    min-width: 220px;
}

.badge,
.chip,
.small-chip,
.success-chip,
.danger-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    width: fit-content;
    max-width: 100%;
    line-height: 1.2;
}

/* Grid guard for pages touched by Step 244B–244K. */
.launch-final-grid,
.launch-route-grid,
.launch-risk-lanes,
.launch-checklist-grid,
.deployment-health-grid,
.security-check-grid,
.premium-kpi-grid,
.step244j-role-grid,
.admin-ops-workflow,
.deployment-ops-workflow,
.deployment-steps,
.grid.two,
.grid.three,
.grid.four,
.grid.five {
    min-width: 0;
}

.launch-final-grid > *,
.launch-route-grid > *,
.launch-risk-lanes > *,
.launch-checklist-grid > *,
.deployment-health-grid > *,
.security-check-grid > *,
.premium-kpi-grid > *,
.step244j-role-grid > *,
.admin-ops-workflow > *,
.deployment-ops-workflow > *,
.deployment-steps > *,
.grid > * {
    min-width: 0;
}

@media (max-width: 1100px) {
    .launch-final-grid,
    .launch-route-grid,
    .launch-risk-lanes,
    .premium-kpi-grid.grid.four,
    .grid.four,
    .grid.five {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .desktop-main-nav,
    .phase53-main-nav,
    .header-right-compact,
    .premium-header-actions {
        flex: 1 1 100%;
    }
}

@media (max-width: 760px) {
    .shell { padding: .65rem; }
    .app-screen { margin-top: .75rem; }

    .topbar,
    .topbar.compact-topbar {
        position: sticky;
        top: 0;
        z-index: 50;
        padding: .65rem;
        border-radius: 1rem;
    }

    .header-main-line {
        align-items: flex-start;
    }

    .desktop-main-nav,
    .phase53-main-nav,
    .header-right-compact,
    .premium-header-actions {
        padding-bottom: .2rem;
    }

    .desktop-main-nav a,
    .phase53-main-nav a,
    .header-right-compact .chip,
    .header-right-compact .btn,
    .route-strip .btn,
    .cta-row .btn {
        font-size: .84rem;
        min-height: 38px;
        padding: .55rem .68rem;
    }

    .route-strip {
        flex-wrap: nowrap !important;
        margin-bottom: .75rem;
    }

    .page-head h1,
    .hero h1 {
        font-size: clamp(1.65rem, 7vw, 2.2rem) !important;
        line-height: 1.12;
    }

    .launch-final-grid,
    .launch-route-grid,
    .launch-risk-lanes,
    .launch-checklist-grid,
    .deployment-health-grid,
    .security-check-grid,
    .premium-kpi-grid,
    .step244j-role-grid,
    .admin-ops-workflow,
    .deployment-ops-workflow,
    .deployment-steps,
    .grid.two,
    .grid.three,
    .grid.four,
    .grid.five {
        grid-template-columns: 1fr !important;
    }

    .table-wrap table,
    .deployment-route-table,
    .step244j-final-smoke-matrix table {
        min-width: 620px;
    }
}

@media (max-width: 480px) {
    .route-strip .btn,
    .desktop-main-nav a,
    .phase53-main-nav a {
        white-space: normal;
        flex: 0 0 46%;
    }

    .route-strip {
        flex-wrap: wrap !important;
    }

    .table-wrap table,
    .deployment-route-table,
    .step244j-final-smoke-matrix table {
        min-width: 560px;
    }
}



/* ---- Imported stable layer from step244m-deployment-contrast-recovery.css ---- */

/* Budhigyan Step 244M — Deployment Contrast Recovery
   Fixes the white/washed deployment admin pages after CSS layering.
   Scope: /admin/deployment and its child pages only. No logic/database/route changes. */

body.page-admin-deployment,
body.page-admin-deployment-update-readiness,
body.page-admin-deployment-manual-update,
body.page-admin-deployment-launch-qa,
body.page-admin-deployment-backups {
    --deploy-navy-950: #07122f;
    --deploy-navy-900: #0b1f57;
    --deploy-navy-850: #0f2764;
    --deploy-navy-800: #132f72;
    --deploy-gold: #f1c44b;
    --deploy-gold-soft: rgba(241,196,75,.18);
    --deploy-text: #eef4ff;
    --deploy-muted: #c9d7ff;
    --deploy-border: rgba(255,255,255,.14);
}

body.page-admin-deployment .app-screen,
body.page-admin-deployment-update-readiness .app-screen,
body.page-admin-deployment-manual-update .app-screen,
body.page-admin-deployment-launch-qa .app-screen,
body.page-admin-deployment-backups .app-screen {
    color: var(--deploy-text) !important;
}

/* The top route strip was turning into a large pale vertical card. Restore it as a compact dark action strip. */
body.page-admin-deployment .route-strip,
body.page-admin-deployment-update-readiness .route-strip,
body.page-admin-deployment-manual-update .route-strip,
body.page-admin-deployment-launch-qa .route-strip,
body.page-admin-deployment-backups .route-strip {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: .55rem !important;
    padding: .7rem !important;
    min-height: auto !important;
    border-radius: 1.35rem !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(241,196,75,.18), transparent 34%),
        linear-gradient(135deg, rgba(7,18,47,.98), rgba(13,34,88,.97) 54%, rgba(8,20,53,.98)) !important;
    border: 1px solid rgba(241,196,75,.24) !important;
    box-shadow: 0 20px 42px rgba(4,10,30,.22) !important;
    color: var(--deploy-text) !important;
    text-align: left !important;
    margin-bottom: 1rem !important;
}

body.page-admin-deployment .route-strip .btn,
body.page-admin-deployment-update-readiness .route-strip .btn,
body.page-admin-deployment-manual-update .route-strip .btn,
body.page-admin-deployment-launch-qa .route-strip .btn,
body.page-admin-deployment-backups .route-strip .btn,
body.page-admin-deployment .route-strip button.btn,
body.page-admin-deployment-update-readiness .route-strip button.btn,
body.page-admin-deployment-manual-update .route-strip button.btn,
body.page-admin-deployment-launch-qa .route-strip button.btn,
body.page-admin-deployment-backups .route-strip button.btn {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .38rem !important;
    min-height: 38px !important;
    width: auto !important;
    margin: 0 !important;
    padding: .55rem .78rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    color: #eef4ff !important;
    text-decoration: none !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

body.page-admin-deployment .route-strip .btn.accent,
body.page-admin-deployment-update-readiness .route-strip .btn.accent,
body.page-admin-deployment-manual-update .route-strip .btn.accent,
body.page-admin-deployment-launch-qa .route-strip .btn.accent,
body.page-admin-deployment-backups .route-strip .btn.accent {
    background: linear-gradient(135deg, #f8d873, #f1c44b) !important;
    border-color: rgba(241,196,75,.72) !important;
    color: #122247 !important;
}

body.page-admin-deployment .route-strip .btn:hover,
body.page-admin-deployment-update-readiness .route-strip .btn:hover,
body.page-admin-deployment-manual-update .route-strip .btn:hover,
body.page-admin-deployment-launch-qa .route-strip .btn:hover,
body.page-admin-deployment-backups .route-strip .btn:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,.14) !important;
}

/* Restore dark contrast to the deployment hero and Step 244 panels. */
body.page-admin-deployment .deployment-hero,
body.page-admin-deployment-update-readiness .deployment-hero,
body.page-admin-deployment-manual-update .deployment-hero,
body.page-admin-deployment-launch-qa .deployment-hero,
body.page-admin-deployment-backups .deployment-hero,
body.page-admin-deployment .launch-final-card,
body.page-admin-deployment-update-readiness .launch-final-card,
body.page-admin-deployment-manual-update .launch-final-card,
body.page-admin-deployment-launch-qa .launch-final-card,
body.page-admin-deployment-backups .launch-final-card,
body.page-admin-deployment .launch-postpatch-panel,
body.page-admin-deployment-update-readiness .launch-postpatch-panel,
body.page-admin-deployment-manual-update .launch-postpatch-panel,
body.page-admin-deployment-launch-qa .launch-postpatch-panel,
body.page-admin-deployment-backups .launch-postpatch-panel,
body.page-admin-deployment .launch-route-index,
body.page-admin-deployment-update-readiness .launch-route-index,
body.page-admin-deployment-manual-update .launch-route-index,
body.page-admin-deployment-launch-qa .launch-route-index,
body.page-admin-deployment-backups .launch-route-index,
body.page-admin-deployment .deployment-control-card,
body.page-admin-deployment-update-readiness .deployment-control-card,
body.page-admin-deployment-manual-update .deployment-control-card,
body.page-admin-deployment-launch-qa .deployment-control-card,
body.page-admin-deployment-backups .deployment-control-card,
body.page-admin-deployment .deployment-panel,
body.page-admin-deployment-update-readiness .deployment-panel,
body.page-admin-deployment-manual-update .deployment-panel,
body.page-admin-deployment-launch-qa .deployment-panel,
body.page-admin-deployment-backups .deployment-panel,
body.page-admin-deployment .step244j-final-smoke-matrix,
body.page-admin-deployment-update-readiness .step244j-final-smoke-matrix,
body.page-admin-deployment-manual-update .step244j-final-smoke-matrix,
body.page-admin-deployment-launch-qa .step244j-final-smoke-matrix,
body.page-admin-deployment-backups .step244j-final-smoke-matrix {
    background:
        radial-gradient(circle at top left, rgba(241,196,75,.16), transparent 34%),
        linear-gradient(135deg, rgba(8,21,56,.98), rgba(13,32,82,.97) 55%, rgba(6,16,43,.99)) !important;
    border: 1px solid rgba(241,196,75,.18) !important;
    box-shadow: 0 22px 52px rgba(5,12,32,.26) !important;
    color: var(--deploy-text) !important;
}

/* Text contrast recovery: headings, body text, muted text, and labels. */
body.page-admin-deployment .deployment-hero h1,
body.page-admin-deployment-update-readiness .deployment-hero h1,
body.page-admin-deployment-manual-update .deployment-hero h1,
body.page-admin-deployment-launch-qa .deployment-hero h1,
body.page-admin-deployment-backups .deployment-hero h1,
body.page-admin-deployment .deployment-hero h2,
body.page-admin-deployment-update-readiness .deployment-hero h2,
body.page-admin-deployment-manual-update .deployment-hero h2,
body.page-admin-deployment-launch-qa .deployment-hero h2,
body.page-admin-deployment-backups .deployment-hero h2,
body.page-admin-deployment .deployment-hero h3,
body.page-admin-deployment-update-readiness .deployment-hero h3,
body.page-admin-deployment-manual-update .deployment-hero h3,
body.page-admin-deployment-launch-qa .deployment-hero h3,
body.page-admin-deployment-backups .deployment-hero h3,
body.page-admin-deployment .launch-final-card h1,
body.page-admin-deployment-update-readiness .launch-final-card h1,
body.page-admin-deployment-manual-update .launch-final-card h1,
body.page-admin-deployment-launch-qa .launch-final-card h1,
body.page-admin-deployment-backups .launch-final-card h1,
body.page-admin-deployment .launch-final-card h2,
body.page-admin-deployment-update-readiness .launch-final-card h2,
body.page-admin-deployment-manual-update .launch-final-card h2,
body.page-admin-deployment-launch-qa .launch-final-card h2,
body.page-admin-deployment-backups .launch-final-card h2,
body.page-admin-deployment .launch-final-card h3,
body.page-admin-deployment-update-readiness .launch-final-card h3,
body.page-admin-deployment-manual-update .launch-final-card h3,
body.page-admin-deployment-launch-qa .launch-final-card h3,
body.page-admin-deployment-backups .launch-final-card h3,
body.page-admin-deployment .launch-postpatch-panel h1,
body.page-admin-deployment-update-readiness .launch-postpatch-panel h1,
body.page-admin-deployment-manual-update .launch-postpatch-panel h1,
body.page-admin-deployment-launch-qa .launch-postpatch-panel h1,
body.page-admin-deployment-backups .launch-postpatch-panel h1,
body.page-admin-deployment .launch-postpatch-panel h2,
body.page-admin-deployment-update-readiness .launch-postpatch-panel h2,
body.page-admin-deployment-manual-update .launch-postpatch-panel h2,
body.page-admin-deployment-launch-qa .launch-postpatch-panel h2,
body.page-admin-deployment-backups .launch-postpatch-panel h2,
body.page-admin-deployment .launch-postpatch-panel h3,
body.page-admin-deployment-update-readiness .launch-postpatch-panel h3,
body.page-admin-deployment-manual-update .launch-postpatch-panel h3,
body.page-admin-deployment-launch-qa .launch-postpatch-panel h3,
body.page-admin-deployment-backups .launch-postpatch-panel h3,
body.page-admin-deployment .deployment-control-card h1,
body.page-admin-deployment-update-readiness .deployment-control-card h1,
body.page-admin-deployment-manual-update .deployment-control-card h1,
body.page-admin-deployment-launch-qa .deployment-control-card h1,
body.page-admin-deployment-backups .deployment-control-card h1,
body.page-admin-deployment .deployment-control-card h2,
body.page-admin-deployment-update-readiness .deployment-control-card h2,
body.page-admin-deployment-manual-update .deployment-control-card h2,
body.page-admin-deployment-launch-qa .deployment-control-card h2,
body.page-admin-deployment-backups .deployment-control-card h2,
body.page-admin-deployment .deployment-control-card h3,
body.page-admin-deployment-update-readiness .deployment-control-card h3,
body.page-admin-deployment-manual-update .deployment-control-card h3,
body.page-admin-deployment-launch-qa .deployment-control-card h3,
body.page-admin-deployment-backups .deployment-control-card h3,
body.page-admin-deployment .deployment-panel h1,
body.page-admin-deployment-update-readiness .deployment-panel h1,
body.page-admin-deployment-manual-update .deployment-panel h1,
body.page-admin-deployment-launch-qa .deployment-panel h1,
body.page-admin-deployment-backups .deployment-panel h1,
body.page-admin-deployment .deployment-panel h2,
body.page-admin-deployment-update-readiness .deployment-panel h2,
body.page-admin-deployment-manual-update .deployment-panel h2,
body.page-admin-deployment-launch-qa .deployment-panel h2,
body.page-admin-deployment-backups .deployment-panel h2,
body.page-admin-deployment .deployment-panel h3,
body.page-admin-deployment-update-readiness .deployment-panel h3,
body.page-admin-deployment-manual-update .deployment-panel h3,
body.page-admin-deployment-launch-qa .deployment-panel h3,
body.page-admin-deployment-backups .deployment-panel h3 {
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,.08) !important;
}

body.page-admin-deployment .eyebrow,
body.page-admin-deployment-update-readiness .eyebrow,
body.page-admin-deployment-manual-update .eyebrow,
body.page-admin-deployment-launch-qa .eyebrow,
body.page-admin-deployment-backups .eyebrow {
    color: var(--deploy-gold) !important;
    letter-spacing: .08em;
}

body.page-admin-deployment .lead,
body.page-admin-deployment-update-readiness .lead,
body.page-admin-deployment-manual-update .lead,
body.page-admin-deployment-launch-qa .lead,
body.page-admin-deployment-backups .lead,
body.page-admin-deployment .muted,
body.page-admin-deployment-update-readiness .muted,
body.page-admin-deployment-manual-update .muted,
body.page-admin-deployment-launch-qa .muted,
body.page-admin-deployment-backups .muted,
body.page-admin-deployment small,
body.page-admin-deployment-update-readiness small,
body.page-admin-deployment-manual-update small,
body.page-admin-deployment-launch-qa small,
body.page-admin-deployment-backups small,
body.page-admin-deployment p,
body.page-admin-deployment-update-readiness p,
body.page-admin-deployment-manual-update p,
body.page-admin-deployment-launch-qa p,
body.page-admin-deployment-backups p {
    color: var(--deploy-muted) !important;
}

body.page-admin-deployment strong,
body.page-admin-deployment-update-readiness strong,
body.page-admin-deployment-manual-update strong,
body.page-admin-deployment-launch-qa strong,
body.page-admin-deployment-backups strong {
    color: #ffffff !important;
}

/* Inner cards and steps. */
body.page-admin-deployment .launch-final-step,
body.page-admin-deployment-update-readiness .launch-final-step,
body.page-admin-deployment-manual-update .launch-final-step,
body.page-admin-deployment-launch-qa .launch-final-step,
body.page-admin-deployment-backups .launch-final-step,
body.page-admin-deployment .launch-check-item,
body.page-admin-deployment-update-readiness .launch-check-item,
body.page-admin-deployment-manual-update .launch-check-item,
body.page-admin-deployment-launch-qa .launch-check-item,
body.page-admin-deployment-backups .launch-check-item,
body.page-admin-deployment .deployment-step,
body.page-admin-deployment-update-readiness .deployment-step,
body.page-admin-deployment-manual-update .deployment-step,
body.page-admin-deployment-launch-qa .deployment-step,
body.page-admin-deployment-backups .deployment-step,
body.page-admin-deployment .launch-route-card,
body.page-admin-deployment-update-readiness .launch-route-card,
body.page-admin-deployment-manual-update .launch-route-card,
body.page-admin-deployment-launch-qa .launch-route-card,
body.page-admin-deployment-backups .launch-route-card,
body.page-admin-deployment .launch-risk-card,
body.page-admin-deployment-update-readiness .launch-risk-card,
body.page-admin-deployment-manual-update .launch-risk-card,
body.page-admin-deployment-launch-qa .launch-risk-card,
body.page-admin-deployment-backups .launch-risk-card,
body.page-admin-deployment .security-check,
body.page-admin-deployment-update-readiness .security-check,
body.page-admin-deployment-manual-update .security-check,
body.page-admin-deployment-launch-qa .security-check,
body.page-admin-deployment-backups .security-check {
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: var(--deploy-text) !important;
}

body.page-admin-deployment .launch-final-step span,
body.page-admin-deployment-update-readiness .launch-final-step span,
body.page-admin-deployment-manual-update .launch-final-step span,
body.page-admin-deployment-launch-qa .launch-final-step span,
body.page-admin-deployment-backups .launch-final-step span,
body.page-admin-deployment .deployment-step span,
body.page-admin-deployment-update-readiness .deployment-step span,
body.page-admin-deployment-manual-update .deployment-step span,
body.page-admin-deployment-launch-qa .deployment-step span,
body.page-admin-deployment-backups .deployment-step span {
    background: rgba(241,196,75,.16) !important;
    border-color: rgba(241,196,75,.45) !important;
    color: var(--deploy-gold) !important;
}

/* Tables on deployment pages should stay dark/readable and horizontally scroll when large. */
body.page-admin-deployment .table-wrap,
body.page-admin-deployment-update-readiness .table-wrap,
body.page-admin-deployment-manual-update .table-wrap,
body.page-admin-deployment-launch-qa .table-wrap,
body.page-admin-deployment-backups .table-wrap {
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 1rem !important;
    overflow-x: auto !important;
}

body.page-admin-deployment table,
body.page-admin-deployment-update-readiness table,
body.page-admin-deployment-manual-update table,
body.page-admin-deployment-launch-qa table,
body.page-admin-deployment-backups table {
    color: var(--deploy-text) !important;
    background: transparent !important;
}

body.page-admin-deployment th,
body.page-admin-deployment-update-readiness th,
body.page-admin-deployment-manual-update th,
body.page-admin-deployment-launch-qa th,
body.page-admin-deployment-backups th {
    color: #ffffff !important;
    background: rgba(255,255,255,.08) !important;
}

body.page-admin-deployment td,
body.page-admin-deployment-update-readiness td,
body.page-admin-deployment-manual-update td,
body.page-admin-deployment-launch-qa td,
body.page-admin-deployment-backups td {
    color: var(--deploy-muted) !important;
    border-color: rgba(255,255,255,.08) !important;
}

body.page-admin-deployment code,
body.page-admin-deployment-update-readiness code,
body.page-admin-deployment-manual-update code,
body.page-admin-deployment-launch-qa code,
body.page-admin-deployment-backups code {
    color: #fff4bf !important;
    background: rgba(0,0,0,.20) !important;
    border: 1px solid rgba(241,196,75,.15);
    border-radius: .45rem;
    padding: .1rem .32rem;
}

/* Chips/badges: stop muted chips from becoming pale unreadable text. */
body.page-admin-deployment .chip,
body.page-admin-deployment-update-readiness .chip,
body.page-admin-deployment-manual-update .chip,
body.page-admin-deployment-launch-qa .chip,
body.page-admin-deployment-backups .chip,
body.page-admin-deployment .badge,
body.page-admin-deployment-update-readiness .badge,
body.page-admin-deployment-manual-update .badge,
body.page-admin-deployment-launch-qa .badge,
body.page-admin-deployment-backups .badge {
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.08) !important;
    color: #eef4ff !important;
}

body.page-admin-deployment .chip.muted,
body.page-admin-deployment-update-readiness .chip.muted,
body.page-admin-deployment-manual-update .chip.muted,
body.page-admin-deployment-launch-qa .chip.muted,
body.page-admin-deployment-backups .chip.muted {
    color: var(--deploy-muted) !important;
}

body.page-admin-deployment .notice,
body.page-admin-deployment-update-readiness .notice,
body.page-admin-deployment-manual-update .notice,
body.page-admin-deployment-launch-qa .notice,
body.page-admin-deployment-backups .notice,
body.page-admin-deployment .alert,
body.page-admin-deployment-update-readiness .alert,
body.page-admin-deployment-manual-update .alert,
body.page-admin-deployment-launch-qa .alert,
body.page-admin-deployment-backups .alert {
    background: rgba(241,196,75,.10) !important;
    border: 1px solid rgba(241,196,75,.26) !important;
    color: #fff3bf !important;
}

/* Forms/buttons inside dark panels. */
body.page-admin-deployment .btn,
body.page-admin-deployment-update-readiness .btn,
body.page-admin-deployment-manual-update .btn,
body.page-admin-deployment-launch-qa .btn,
body.page-admin-deployment-backups .btn {
    text-decoration: none !important;
}

body.page-admin-deployment .btn:not(.accent),
body.page-admin-deployment-update-readiness .btn:not(.accent),
body.page-admin-deployment-manual-update .btn:not(.accent),
body.page-admin-deployment-launch-qa .btn:not(.accent),
body.page-admin-deployment-backups .btn:not(.accent) {
    background: rgba(255,255,255,.09) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #eef4ff !important;
}

body.page-admin-deployment .btn.accent,
body.page-admin-deployment-update-readiness .btn.accent,
body.page-admin-deployment-manual-update .btn.accent,
body.page-admin-deployment-launch-qa .btn.accent,
body.page-admin-deployment-backups .btn.accent {
    background: linear-gradient(135deg, #ffe08a, #f1c44b) !important;
    color: #112047 !important;
    border-color: rgba(241,196,75,.55) !important;
}

body.page-admin-deployment input,
body.page-admin-deployment-update-readiness input,
body.page-admin-deployment-manual-update input,
body.page-admin-deployment-launch-qa input,
body.page-admin-deployment-backups input,
body.page-admin-deployment select,
body.page-admin-deployment-update-readiness select,
body.page-admin-deployment-manual-update select,
body.page-admin-deployment-launch-qa select,
body.page-admin-deployment-backups select,
body.page-admin-deployment textarea,
body.page-admin-deployment-update-readiness textarea,
body.page-admin-deployment-manual-update textarea,
body.page-admin-deployment-launch-qa textarea,
body.page-admin-deployment-backups textarea {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.16) !important;
    color: #ffffff !important;
}

body.page-admin-deployment input::placeholder,
body.page-admin-deployment-update-readiness input::placeholder,
body.page-admin-deployment-manual-update input::placeholder,
body.page-admin-deployment-launch-qa input::placeholder,
body.page-admin-deployment-backups input::placeholder {
    color: rgba(238,244,255,.64) !important;
}

@media (max-width: 760px) {
    body.page-admin-deployment .route-strip,
    body.page-admin-deployment-update-readiness .route-strip,
    body.page-admin-deployment-manual-update .route-strip,
    body.page-admin-deployment-launch-qa .route-strip,
    body.page-admin-deployment-backups .route-strip {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding: .62rem !important;
    }

    body.page-admin-deployment .route-strip .btn,
    body.page-admin-deployment-update-readiness .route-strip .btn,
    body.page-admin-deployment-manual-update .route-strip .btn,
    body.page-admin-deployment-launch-qa .route-strip .btn,
    body.page-admin-deployment-backups .route-strip .btn {
        white-space: nowrap !important;
        min-width: max-content !important;
    }
}



/* ---- Imported stable layer from step244n-deployment-header-theme-recovery.css ---- */

/* Budhigyan Step 244N — Deployment Header & Theme Recovery
   Purpose: recover the correct dark premium view for deployment/admin maintenance pages after Step 244H light theme and later CSS cascade patches.
   Scope: /admin/deployment, /admin/deployment/update-readiness, /admin/deployment/manual-update, /admin/deployment/launch-qa, /admin/deployment/backups only.
   No route, controller, database, permission, payment, enrollment, WhatsApp, AI, or MCQ logic changes. */

body.page-admin-deployment,
body.page-admin-deployment-update-readiness,
body.page-admin-deployment-manual-update,
body.page-admin-deployment-launch-qa,
body.page-admin-deployment-backups {
    --deploy-shell-bg: #07122f;
    --deploy-shell-bg-2: #0a1b45;
    --deploy-header-bg: rgba(7, 18, 47, .965);
    --deploy-header-border: rgba(241, 196, 75, .34);
    --deploy-header-text: #f6f9ff;
    --deploy-header-muted: #c7d5ff;
    --deploy-header-link: #dce6ff;
    --deploy-header-link-active: #122247;
    --deploy-gold: #f1c44b;
    background:
        radial-gradient(circle at 12% 0%, rgba(241,196,75,.15), transparent 26rem),
        radial-gradient(circle at 88% 4%, rgba(86,130,255,.16), transparent 30rem),
        linear-gradient(180deg, #061127 0%, #0a1b45 46%, #07122f 100%) !important;
    color: #eef4ff !important;
}

body.page-admin-deployment .shell,
body.page-admin-deployment-update-readiness .shell,
body.page-admin-deployment-manual-update .shell,
body.page-admin-deployment-launch-qa .shell,
body.page-admin-deployment-backups .shell {
    background: transparent !important;
    padding-top: 16px !important;
}

/* Header width recovery: Step 244L set .topbar max-width:100%, which stretched the header.
   Restore a centered premium header on deployment pages. */
body.page-admin-deployment .topbar.compact-topbar.premium-site-header,
body.page-admin-deployment-update-readiness .topbar.compact-topbar.premium-site-header,
body.page-admin-deployment-manual-update .topbar.compact-topbar.premium-site-header,
body.page-admin-deployment-launch-qa .topbar.compact-topbar.premium-site-header,
body.page-admin-deployment-backups .topbar.compact-topbar.premium-site-header {
    width: min(calc(100vw - 36px), 1360px) !important;
    max-width: 1360px !important;
    margin: 0 auto 18px !important;
    padding: 10px 16px !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(241,196,75,.22), transparent 25rem),
        radial-gradient(circle at 94% 0%, rgba(106,145,255,.14), transparent 28rem),
        linear-gradient(135deg, rgba(7,18,47,.98), rgba(12,31,80,.965) 54%, rgba(6,16,43,.985)) !important;
    border: 1px solid var(--deploy-header-border) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.10) !important;
    color: var(--deploy-header-text) !important;
    backdrop-filter: blur(18px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
    overflow: hidden !important;
}

body.page-admin-deployment .premium-site-header .premium-header-line,
body.page-admin-deployment-update-readiness .premium-site-header .premium-header-line,
body.page-admin-deployment-manual-update .premium-site-header .premium-header-line,
body.page-admin-deployment-launch-qa .premium-site-header .premium-header-line,
body.page-admin-deployment-backups .premium-site-header .premium-header-line {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: .75rem !important;
    width: 100% !important;
    min-height: 62px !important;
    flex-wrap: nowrap !important;
}

body.page-admin-deployment .premium-site-header .brand,
body.page-admin-deployment-update-readiness .premium-site-header .brand,
body.page-admin-deployment-manual-update .premium-site-header .brand,
body.page-admin-deployment-launch-qa .premium-site-header .brand,
body.page-admin-deployment-backups .premium-site-header .brand {
    color: #ffffff !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.26) !important;
    min-width: 0 !important;
}

body.page-admin-deployment .premium-site-header .brand strong,
body.page-admin-deployment-update-readiness .premium-site-header .brand strong,
body.page-admin-deployment-manual-update .premium-site-header .brand strong,
body.page-admin-deployment-launch-qa .premium-site-header .brand strong,
body.page-admin-deployment-backups .premium-site-header .brand strong {
    color: #ffffff !important;
}

body.page-admin-deployment .premium-site-header .brand small,
body.page-admin-deployment-update-readiness .premium-site-header .brand small,
body.page-admin-deployment-manual-update .premium-site-header .brand small,
body.page-admin-deployment-launch-qa .premium-site-header .brand small,
body.page-admin-deployment-backups .premium-site-header .brand small {
    color: #bcd0ff !important;
}

body.page-admin-deployment .premium-site-header .brand-logo-frame,
body.page-admin-deployment-update-readiness .premium-site-header .brand-logo-frame,
body.page-admin-deployment-manual-update .premium-site-header .brand-logo-frame,
body.page-admin-deployment-launch-qa .premium-site-header .brand-logo-frame,
body.page-admin-deployment-backups .premium-site-header .brand-logo-frame {
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(241,196,75,.45) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.22) !important;
}

body.page-admin-deployment .premium-site-header .desktop-main-nav,
body.page-admin-deployment-update-readiness .premium-site-header .desktop-main-nav,
body.page-admin-deployment-manual-update .premium-site-header .desktop-main-nav,
body.page-admin-deployment-launch-qa .premium-site-header .desktop-main-nav,
body.page-admin-deployment-backups .premium-site-header .desktop-main-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: .25rem !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: .32rem !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.105) !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
    -webkit-overflow-scrolling: touch !important;
}

body.page-admin-deployment .premium-site-header .desktop-main-nav a,
body.page-admin-deployment-update-readiness .premium-site-header .desktop-main-nav a,
body.page-admin-deployment-manual-update .premium-site-header .desktop-main-nav a,
body.page-admin-deployment-launch-qa .premium-site-header .desktop-main-nav a,
body.page-admin-deployment-backups .premium-site-header .desktop-main-nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .38rem !important;
    padding: .56rem .72rem !important;
    min-height: 36px !important;
    border-radius: 999px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--deploy-header-link) !important;
    font-size: .86rem !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    text-shadow: none !important;
}

body.page-admin-deployment .premium-site-header .desktop-main-nav a:hover,
body.page-admin-deployment-update-readiness .premium-site-header .desktop-main-nav a:hover,
body.page-admin-deployment-manual-update .premium-site-header .desktop-main-nav a:hover,
body.page-admin-deployment-launch-qa .premium-site-header .desktop-main-nav a:hover,
body.page-admin-deployment-backups .premium-site-header .desktop-main-nav a:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.09) !important;
    border-color: rgba(255,255,255,.13) !important;
}

body.page-admin-deployment .premium-site-header .desktop-main-nav a.is-active,
body.page-admin-deployment-update-readiness .premium-site-header .desktop-main-nav a.is-active,
body.page-admin-deployment-manual-update .premium-site-header .desktop-main-nav a.is-active,
body.page-admin-deployment-launch-qa .premium-site-header .desktop-main-nav a.is-active,
body.page-admin-deployment-backups .premium-site-header .desktop-main-nav a.is-active {
    background: linear-gradient(135deg, #f8d873, #f1c44b) !important;
    border-color: rgba(241,196,75,.72) !important;
    color: var(--deploy-header-link-active) !important;
    box-shadow: 0 10px 24px rgba(241,196,75,.18) !important;
}

body.page-admin-deployment .premium-site-header .desktop-main-nav i,
body.page-admin-deployment-update-readiness .premium-site-header .desktop-main-nav i,
body.page-admin-deployment-manual-update .premium-site-header .desktop-main-nav i,
body.page-admin-deployment-launch-qa .premium-site-header .desktop-main-nav i,
body.page-admin-deployment-backups .premium-site-header .desktop-main-nav i {
    color: currentColor !important;
}

body.page-admin-deployment .premium-site-header .premium-header-actions,
body.page-admin-deployment-update-readiness .premium-site-header .premium-header-actions,
body.page-admin-deployment-manual-update .premium-site-header .premium-header-actions,
body.page-admin-deployment-launch-qa .premium-site-header .premium-header-actions,
body.page-admin-deployment-backups .premium-site-header .premium-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: .45rem !important;
    max-width: none !important;
    min-width: max-content !important;
    overflow: visible !important;
}

body.page-admin-deployment .premium-site-header .header-mini-link,
body.page-admin-deployment-update-readiness .premium-site-header .header-mini-link,
body.page-admin-deployment-manual-update .premium-site-header .header-mini-link,
body.page-admin-deployment-launch-qa .premium-site-header .header-mini-link,
body.page-admin-deployment-backups .premium-site-header .header-mini-link,
body.page-admin-deployment .premium-site-header .chip,
body.page-admin-deployment-update-readiness .premium-site-header .chip,
body.page-admin-deployment-manual-update .premium-site-header .chip,
body.page-admin-deployment-launch-qa .premium-site-header .chip,
body.page-admin-deployment-backups .premium-site-header .chip {
    color: #dce6ff !important;
    background: rgba(255,255,255,.07) !important;
    border-color: rgba(255,255,255,.12) !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

body.page-admin-deployment .premium-site-header .language-switcher,
body.page-admin-deployment-update-readiness .premium-site-header .language-switcher,
body.page-admin-deployment-manual-update .premium-site-header .language-switcher,
body.page-admin-deployment-launch-qa .premium-site-header .language-switcher,
body.page-admin-deployment-backups .premium-site-header .language-switcher {
    min-width: 72px !important;
    color: #ffffff !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(241,196,75,.35) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.page-admin-deployment .premium-site-header .compact-header-logout .chip,
body.page-admin-deployment-update-readiness .premium-site-header .compact-header-logout .chip,
body.page-admin-deployment-manual-update .premium-site-header .compact-header-logout .chip,
body.page-admin-deployment-launch-qa .premium-site-header .compact-header-logout .chip,
body.page-admin-deployment-backups .premium-site-header .compact-header-logout .chip {
    color: #ffd5d5 !important;
    background: rgba(255,123,123,.10) !important;
    border-color: rgba(255,123,123,.30) !important;
}

body.page-admin-deployment .app-screen,
body.page-admin-deployment-update-readiness .app-screen,
body.page-admin-deployment-manual-update .app-screen,
body.page-admin-deployment-launch-qa .app-screen,
body.page-admin-deployment-backups .app-screen {
    width: min(calc(100vw - 36px), 1240px) !important;
    max-width: 1240px !important;
    margin: 18px auto 0 !important;
}

/* Keep the route/back quick links readable if any deployment view still renders a simple page-head nav. */
body.page-admin-deployment .page-head,
body.page-admin-deployment-update-readiness .page-head,
body.page-admin-deployment-manual-update .page-head,
body.page-admin-deployment-launch-qa .page-head,
body.page-admin-deployment-backups .page-head {
    color: #eef4ff !important;
}

body.page-admin-deployment .page-head a,
body.page-admin-deployment-update-readiness .page-head a,
body.page-admin-deployment-manual-update .page-head a,
body.page-admin-deployment-launch-qa .page-head a,
body.page-admin-deployment-backups .page-head a {
    color: #dce6ff !important;
}

@media (max-width: 1280px) {
    body.page-admin-deployment .premium-site-header .premium-header-line,
    body.page-admin-deployment-update-readiness .premium-site-header .premium-header-line,
    body.page-admin-deployment-manual-update .premium-site-header .premium-header-line,
    body.page-admin-deployment-launch-qa .premium-site-header .premium-header-line,
    body.page-admin-deployment-backups .premium-site-header .premium-header-line {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas:
            "brand actions"
            "nav nav" !important;
        row-gap: .55rem !important;
    }

    body.page-admin-deployment .premium-site-header .brand,
    body.page-admin-deployment-update-readiness .premium-site-header .brand,
    body.page-admin-deployment-manual-update .premium-site-header .brand,
    body.page-admin-deployment-launch-qa .premium-site-header .brand,
    body.page-admin-deployment-backups .premium-site-header .brand {
        grid-area: brand !important;
    }

    body.page-admin-deployment .premium-site-header .desktop-main-nav,
    body.page-admin-deployment-update-readiness .premium-site-header .desktop-main-nav,
    body.page-admin-deployment-manual-update .premium-site-header .desktop-main-nav,
    body.page-admin-deployment-launch-qa .premium-site-header .desktop-main-nav,
    body.page-admin-deployment-backups .premium-site-header .desktop-main-nav {
        grid-area: nav !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    body.page-admin-deployment .premium-site-header .premium-header-actions,
    body.page-admin-deployment-update-readiness .premium-site-header .premium-header-actions,
    body.page-admin-deployment-manual-update .premium-site-header .premium-header-actions,
    body.page-admin-deployment-launch-qa .premium-site-header .premium-header-actions,
    body.page-admin-deployment-backups .premium-site-header .premium-header-actions {
        grid-area: actions !important;
    }
}

@media (max-width: 760px) {
    body.page-admin-deployment .shell,
    body.page-admin-deployment-update-readiness .shell,
    body.page-admin-deployment-manual-update .shell,
    body.page-admin-deployment-launch-qa .shell,
    body.page-admin-deployment-backups .shell {
        padding: 10px !important;
    }

    body.page-admin-deployment .topbar.compact-topbar.premium-site-header,
    body.page-admin-deployment-update-readiness .topbar.compact-topbar.premium-site-header,
    body.page-admin-deployment-manual-update .topbar.compact-topbar.premium-site-header,
    body.page-admin-deployment-launch-qa .topbar.compact-topbar.premium-site-header,
    body.page-admin-deployment-backups .topbar.compact-topbar.premium-site-header,
    body.page-admin-deployment .app-screen,
    body.page-admin-deployment-update-readiness .app-screen,
    body.page-admin-deployment-manual-update .app-screen,
    body.page-admin-deployment-launch-qa .app-screen,
    body.page-admin-deployment-backups .app-screen {
        width: 100% !important;
    }

    body.page-admin-deployment .premium-site-header .premium-header-line,
    body.page-admin-deployment-update-readiness .premium-site-header .premium-header-line,
    body.page-admin-deployment-manual-update .premium-site-header .premium-header-line,
    body.page-admin-deployment-launch-qa .premium-site-header .premium-header-line,
    body.page-admin-deployment-backups .premium-site-header .premium-header-line {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "brand"
            "actions"
            "nav" !important;
    }

    body.page-admin-deployment .premium-site-header .premium-header-actions,
    body.page-admin-deployment-update-readiness .premium-site-header .premium-header-actions,
    body.page-admin-deployment-manual-update .premium-site-header .premium-header-actions,
    body.page-admin-deployment-launch-qa .premium-site-header .premium-header-actions,
    body.page-admin-deployment-backups .premium-site-header .premium-header-actions {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        min-width: 0 !important;
        width: 100% !important;
    }
}



/* ---- Step 245 final conflict neutralizers ---- */
:root {
    --step245-page-max: 1280px;
    --step245-header-max: 1360px;
    --step245-gold: #f1c44b;
    --step245-navy: #07122f;
    --step245-ink: #102041;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.shell.premium-shell {
    min-width: 0;
}

.app-screen {
    width: min(calc(100vw - 36px), var(--step245-page-max)) !important;
    max-width: var(--step245-page-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.topbar.compact-topbar.premium-site-header {
    width: min(calc(100vw - 36px), var(--step245-header-max));
    max-width: var(--step245-header-max);
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
}

.premium-site-header .premium-header-line,
.premium-site-header .desktop-main-nav,
.premium-site-header .premium-header-actions,
.premium-site-header .brand {
    min-width: 0;
}

.premium-site-header .desktop-main-nav {
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.route-strip,
.cta-row,
.compact-actions {
    min-width: 0;
    max-width: 100%;
}

.route-strip .btn,
.cta-row .btn,
.compact-actions .btn,
.premium-action-grid .btn,
button.btn,
a.btn {
    min-width: 0;
    overflow-wrap: anywhere;
}

.table-wrap,
.responsive-table,
.deployment-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-wrap table,
.responsive-table table,
.deployment-table-wrap table {
    border-collapse: separate;
    border-spacing: 0;
}

/* Deployment pages must remain in the dark premium maintenance theme. */
body.page-admin-deployment,
body.page-admin-deployment-update-readiness,
body.page-admin-deployment-manual-update,
body.page-admin-deployment-launch-qa,
body.page-admin-deployment-backups {
    background:
        radial-gradient(circle at 12% 0%, rgba(241,196,75,.16), transparent 28rem),
        radial-gradient(circle at 88% 4%, rgba(86,130,255,.18), transparent 32rem),
        linear-gradient(180deg, #061127 0%, #0a1b45 48%, #07122f 100%) !important;
    color: #eef4ff !important;
}

body.page-admin-deployment .topbar.compact-topbar.premium-site-header,
body.page-admin-deployment-update-readiness .topbar.compact-topbar.premium-site-header,
body.page-admin-deployment-manual-update .topbar.compact-topbar.premium-site-header,
body.page-admin-deployment-launch-qa .topbar.compact-topbar.premium-site-header,
body.page-admin-deployment-backups .topbar.compact-topbar.premium-site-header {
    width: min(calc(100vw - 36px), 1360px) !important;
    max-width: 1360px !important;
    min-height: auto !important;
    margin: 0 auto 18px !important;
    padding: 10px 16px !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(241,196,75,.22), transparent 25rem),
        radial-gradient(circle at 94% 0%, rgba(106,145,255,.14), transparent 28rem),
        linear-gradient(135deg, rgba(7,18,47,.985), rgba(12,31,80,.97) 54%, rgba(6,16,43,.99)) !important;
    border: 1px solid rgba(241,196,75,.34) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.10) !important;
    color: #f6f9ff !important;
    overflow: hidden !important;
}

body.page-admin-deployment .premium-site-header .premium-header-line,
body.page-admin-deployment-update-readiness .premium-site-header .premium-header-line,
body.page-admin-deployment-manual-update .premium-site-header .premium-header-line,
body.page-admin-deployment-launch-qa .premium-site-header .premium-header-line,
body.page-admin-deployment-backups .premium-site-header .premium-header-line {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: .75rem !important;
    width: 100% !important;
    min-height: 62px !important;
}

body.page-admin-deployment .premium-site-header .brand strong,
body.page-admin-deployment-update-readiness .premium-site-header .brand strong,
body.page-admin-deployment-manual-update .premium-site-header .brand strong,
body.page-admin-deployment-launch-qa .premium-site-header .brand strong,
body.page-admin-deployment-backups .premium-site-header .brand strong {
    color: #fff !important;
    text-shadow: 0 2px 18px rgba(0,0,0,.26) !important;
}

body.page-admin-deployment .premium-site-header .brand small,
body.page-admin-deployment-update-readiness .premium-site-header .brand small,
body.page-admin-deployment-manual-update .premium-site-header .brand small,
body.page-admin-deployment-launch-qa .premium-site-header .brand small,
body.page-admin-deployment-backups .premium-site-header .brand small {
    color: #bcd0ff !important;
}

body.page-admin-deployment .premium-site-header .desktop-main-nav,
body.page-admin-deployment-update-readiness .premium-site-header .desktop-main-nav,
body.page-admin-deployment-manual-update .premium-site-header .desktop-main-nav,
body.page-admin-deployment-launch-qa .premium-site-header .desktop-main-nav,
body.page-admin-deployment-backups .premium-site-header .desktop-main-nav {
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.105) !important;
    border-radius: 999px !important;
    padding: .32rem !important;
}

body.page-admin-deployment .premium-site-header .desktop-main-nav a,
body.page-admin-deployment-update-readiness .premium-site-header .desktop-main-nav a,
body.page-admin-deployment-manual-update .premium-site-header .desktop-main-nav a,
body.page-admin-deployment-launch-qa .premium-site-header .desktop-main-nav a,
body.page-admin-deployment-backups .premium-site-header .desktop-main-nav a,
body.page-admin-deployment .premium-site-header .header-mini-link,
body.page-admin-deployment-update-readiness .premium-site-header .header-mini-link,
body.page-admin-deployment-manual-update .premium-site-header .header-mini-link,
body.page-admin-deployment-launch-qa .premium-site-header .header-mini-link,
body.page-admin-deployment-backups .premium-site-header .header-mini-link {
    color: #dce6ff !important;
    text-shadow: none !important;
}

body.page-admin-deployment .premium-site-header .desktop-main-nav a.is-active,
body.page-admin-deployment-update-readiness .premium-site-header .desktop-main-nav a.is-active,
body.page-admin-deployment-manual-update .premium-site-header .desktop-main-nav a.is-active,
body.page-admin-deployment-launch-qa .premium-site-header .desktop-main-nav a.is-active,
body.page-admin-deployment-backups .premium-site-header .desktop-main-nav a.is-active {
    background: linear-gradient(135deg, #f8d873, #f1c44b) !important;
    color: #122247 !important;
}

body.page-admin-deployment .deployment-hero,
body.page-admin-deployment-update-readiness .deployment-hero,
body.page-admin-deployment-manual-update .deployment-hero,
body.page-admin-deployment-launch-qa .deployment-hero,
body.page-admin-deployment-backups .deployment-hero,
body.page-admin-deployment .launch-final-card,
body.page-admin-deployment-update-readiness .launch-final-card,
body.page-admin-deployment-manual-update .launch-final-card,
body.page-admin-deployment-launch-qa .launch-final-card,
body.page-admin-deployment-backups .launch-final-card,
body.page-admin-deployment .deployment-panel,
body.page-admin-deployment-update-readiness .deployment-panel,
body.page-admin-deployment-manual-update .deployment-panel,
body.page-admin-deployment-launch-qa .deployment-panel,
body.page-admin-deployment-backups .deployment-panel {
    color: #eef4ff !important;
}

body.page-admin-deployment .deployment-hero h1,
body.page-admin-deployment-update-readiness .deployment-hero h1,
body.page-admin-deployment-manual-update .deployment-hero h1,
body.page-admin-deployment-launch-qa .deployment-hero h1,
body.page-admin-deployment-backups .deployment-hero h1,
body.page-admin-deployment .launch-final-card h1,
body.page-admin-deployment-update-readiness .launch-final-card h1,
body.page-admin-deployment-manual-update .launch-final-card h1,
body.page-admin-deployment-launch-qa .launch-final-card h1,
body.page-admin-deployment-backups .launch-final-card h1,
body.page-admin-deployment .launch-final-card h2,
body.page-admin-deployment-update-readiness .launch-final-card h2,
body.page-admin-deployment-manual-update .launch-final-card h2,
body.page-admin-deployment-launch-qa .launch-final-card h2,
body.page-admin-deployment-backups .launch-final-card h2,
body.page-admin-deployment .launch-final-card h3,
body.page-admin-deployment-update-readiness .launch-final-card h3,
body.page-admin-deployment-manual-update .launch-final-card h3,
body.page-admin-deployment-launch-qa .launch-final-card h3,
body.page-admin-deployment-backups .launch-final-card h3 {
    color: #ffffff !important;
}

body.page-admin-deployment .lead,
body.page-admin-deployment-update-readiness .lead,
body.page-admin-deployment-manual-update .lead,
body.page-admin-deployment-launch-qa .lead,
body.page-admin-deployment-backups .lead,
body.page-admin-deployment small,
body.page-admin-deployment-update-readiness small,
body.page-admin-deployment-manual-update small,
body.page-admin-deployment-launch-qa small,
body.page-admin-deployment-backups small {
    color: #c9d7ff !important;
}

@media (max-width: 1280px) {
    body.page-admin-deployment .premium-site-header .premium-header-line,
    body.page-admin-deployment-update-readiness .premium-site-header .premium-header-line,
    body.page-admin-deployment-manual-update .premium-site-header .premium-header-line,
    body.page-admin-deployment-launch-qa .premium-site-header .premium-header-line,
    body.page-admin-deployment-backups .premium-site-header .premium-header-line {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas: "brand actions" "nav nav" !important;
    }
    body.page-admin-deployment .premium-site-header .brand,
    body.page-admin-deployment-update-readiness .premium-site-header .brand,
    body.page-admin-deployment-manual-update .premium-site-header .brand,
    body.page-admin-deployment-launch-qa .premium-site-header .brand,
    body.page-admin-deployment-backups .premium-site-header .brand { grid-area: brand !important; }
    body.page-admin-deployment .premium-site-header .desktop-main-nav,
    body.page-admin-deployment-update-readiness .premium-site-header .desktop-main-nav,
    body.page-admin-deployment-manual-update .premium-site-header .desktop-main-nav,
    body.page-admin-deployment-launch-qa .premium-site-header .desktop-main-nav,
    body.page-admin-deployment-backups .premium-site-header .desktop-main-nav { grid-area: nav !important; justify-content: flex-start !important; }
    body.page-admin-deployment .premium-site-header .premium-header-actions,
    body.page-admin-deployment-update-readiness .premium-site-header .premium-header-actions,
    body.page-admin-deployment-manual-update .premium-site-header .premium-header-actions,
    body.page-admin-deployment-launch-qa .premium-site-header .premium-header-actions,
    body.page-admin-deployment-backups .premium-site-header .premium-header-actions { grid-area: actions !important; }
}

@media (max-width: 760px) {
    .app-screen,
    .topbar.compact-topbar.premium-site-header {
        width: calc(100vw - 20px) !important;
    }
    body.page-admin-deployment .premium-site-header .premium-header-line,
    body.page-admin-deployment-update-readiness .premium-site-header .premium-header-line,
    body.page-admin-deployment-manual-update .premium-site-header .premium-header-line,
    body.page-admin-deployment-launch-qa .premium-site-header .premium-header-line,
    body.page-admin-deployment-backups .premium-site-header .premium-header-line {
        grid-template-columns: 1fr !important;
        grid-template-areas: "brand" "actions" "nav" !important;
    }
    body.page-admin-deployment .premium-site-header .premium-header-actions,
    body.page-admin-deployment-update-readiness .premium-site-header .premium-header-actions,
    body.page-admin-deployment-manual-update .premium-site-header .premium-header-actions,
    body.page-admin-deployment-launch-qa .premium-site-header .premium-header-actions,
    body.page-admin-deployment-backups .premium-site-header .premium-header-actions {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: flex-start !important;
        overflow-x: auto !important;
    }
}