@font-face {
    font-family: 'Jost';
    src: url('/assets/fonts/Jost-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --bs-font-sans-serif: 'Jost', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);

    /* Brand tokens (AA contrast with white button text). */
    --brand-primary: #5b3ec8;
    --brand-primary-hover: #4f35ad;
    --brand-primary-active: #452e97;
    --brand-primary-rgb: 91, 62, 200;
    --brand-accent: #b22cd0;
    --brand-accent-hover: #9d22b8;
    --brand-accent-active: #8a1ea1;

    /* Neutral tokens. */
    --neutral-bg: #f6f8fe;
    --neutral-surface: #ffffff;
    --neutral-border: #dfe4ef;
    --neutral-text: #1f2937;
    --neutral-muted: #50607c;

    /* Typography scale. */
    --text-xs:   0.75rem;
    --text-sm:   0.8125rem;
    --text-base: 0.875rem;
    --text-md:   1rem;
    --text-lg:   1.125rem;
    --text-xl:   1.25rem;
    --text-2xl:  1.5rem;

    /* Spacing scale (4px grid). */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;

    /* Border radius scale. */
    --radius-sm:   0.375rem;
    --radius-md:   0.625rem;
    --radius-lg:   0.875rem;
    --radius-full: 999px;

    /* Shadow scale. */
    --shadow-sm:  0 2px 8px rgba(15, 23, 42, 0.06);
    --shadow-md:  0 10px 24px rgba(15, 23, 42, 0.08);
    --shadow-lg:  0 18px 38px rgba(15, 23, 42, 0.12);

    --app-brand: var(--brand-primary);
    --app-brand-soft: rgba(var(--brand-primary-rgb), 0.12);
    --app-surface: var(--neutral-surface);
    --app-focus-ring: rgba(var(--brand-primary-rgb), 0.38);
    --app-radius: var(--radius-md);
    --frontend-page-gradient-start: #f2d5e8;
    --frontend-page-gradient-end: #dbcfee;
    --frontend-page-gradient:
        radial-gradient(58% 42% at 14% 10%, rgba(233, 156, 204, 0.5) 0%, rgba(233, 156, 204, 0) 72%),
        radial-gradient(44% 34% at 86% 12%, rgba(196, 152, 239, 0.44) 0%, rgba(196, 152, 239, 0) 74%),
        linear-gradient(180deg, var(--frontend-page-gradient-start) 0%, var(--frontend-page-gradient-end) 100%);

    /* Gradient tokens. */
    --gradient-brand: linear-gradient(130deg, #6e4cf0 0%, #ab35da 100%);
    --gradient-accent: linear-gradient(135deg, #c548ef, #8d34da);

    /* Opacity tiers. */
    --opacity-disabled: 0.5;
    --opacity-muted: 0.7;
    --opacity-subtle: 0.9;
    --space-section: 2.25rem;
    --space-card-padding: 1.5rem;
    --control-height-lg: 3.2rem;
    --bs-focus-ring-color: var(--app-focus-ring);
}

[data-bs-theme='dark'] {
    --brand-primary: #6c4fe0;
    --brand-primary-hover: #5f45c6;
    --brand-primary-active: #543dae;
    --brand-primary-rgb: 108, 79, 224;

    --neutral-bg: #111b2d;
    --neutral-surface: #152135;
    --neutral-border: #2d3a51;
    --neutral-text: #e5e7eb;
    --neutral-muted: #a8b3c6;

    --app-brand: var(--brand-primary);
    --app-brand-soft: rgba(var(--brand-primary-rgb), 0.24);
    --app-surface: var(--neutral-surface);
    --app-focus-ring: rgba(var(--brand-primary-rgb), 0.45);
    --bs-focus-ring-color: var(--app-focus-ring);
    --frontend-page-gradient-start: #31253e;
    --frontend-page-gradient-end: #281f35;
    --frontend-page-gradient:
        radial-gradient(62% 46% at 18% 8%, rgba(192, 88, 154, 0.22) 0%, rgba(192, 88, 154, 0) 74%),
        radial-gradient(48% 36% at 84% 14%, rgba(155, 112, 231, 0.24) 0%, rgba(155, 112, 231, 0) 76%),
        linear-gradient(180deg, var(--frontend-page-gradient-start) 0%, var(--frontend-page-gradient-end) 100%);

    --gradient-brand: linear-gradient(130deg, #7250f2 0%, #9e3dd9 100%);
    --gradient-accent: linear-gradient(135deg, #c548ef, #9e3dd9);
}

html,
body {
    font-family: var(--bs-body-font-family);
    background-color: var(--neutral-bg);
    color: var(--neutral-text);
    line-height: 1.5;
    letter-spacing: 0.01em;
    text-rendering: optimizeLegibility;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.navbar-brand {
    color: var(--app-brand) !important;
}

main.container {
    max-width: 1100px;
}

.frontend-app main.container {
    animation: page-fade-in 180ms ease-out both;
}

body.frontend-app {
    background: var(--frontend-page-gradient);
    background-attachment: fixed;
}

@keyframes page-fade-in {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0;
}

.card {
    border-radius: var(--app-radius);
}

.card .card-title,
.card h1,
.card h2,
.card h3 {
    text-wrap: balance;
}

.app-surface {
    background-color: var(--app-surface);
    border-radius: var(--app-radius);
}

.btn-primary {
    --bs-btn-bg: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary-hover);
    --bs-btn-hover-border-color: var(--brand-primary-hover);
    --bs-btn-active-bg: var(--brand-primary-active);
    --bs-btn-active-border-color: var(--brand-primary-active);
    --bs-btn-disabled-bg: var(--brand-primary);
    --bs-btn-disabled-border-color: var(--brand-primary);
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-color: #fff;
    --bs-btn-focus-shadow-rgb: var(--brand-primary-rgb);
}

.table thead th {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus-visible,
.nav-link:focus-visible,
a:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.25rem var(--app-focus-ring);
    border-color: var(--app-brand);
}

.form-text-error {
    color: var(--bs-danger-text-emphasis);
}

.stack-sm > * + * {
    margin-top: 0.5rem;
}

.stack-md > * + * {
    margin-top: 1rem;
}

.auth-card {
    border-radius: var(--app-radius);
    border-color: rgba(0, 0, 0, 0.08);
}

[data-bs-theme='dark'] .auth-card {
    border-color: rgba(255, 255, 255, 0.12);
}

body.admin-login-page {
    position: relative;
    background: linear-gradient(180deg, #050913 0%, #090f1d 46%, #070d19 100%);
    color: #e6ecfa;
}

body.admin-login-page::before,
body.admin-login-page::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
}

body.admin-login-page::before {
    z-index: 0;
    background:
        radial-gradient(68% 52% at 58% 44%, rgba(122, 87, 232, 0.25) 0%, rgba(122, 87, 232, 0) 70%),
        radial-gradient(48% 38% at 18% 20%, rgba(72, 127, 228, 0.19) 0%, rgba(72, 127, 228, 0) 72%),
        radial-gradient(36% 30% at 82% 14%, rgba(100, 76, 194, 0.16) 0%, rgba(100, 76, 194, 0) 74%);
}

body.admin-login-page::after {
    z-index: 0;
    opacity: 0.38;
    background:
        radial-gradient(125% 92% at 50% 48%, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.62) 100%),
        repeating-linear-gradient(
            0deg,
            rgba(255, 255, 255, 0.018) 0,
            rgba(255, 255, 255, 0.018) 1px,
            rgba(7, 12, 22, 0.018) 1px,
            rgba(7, 12, 22, 0.018) 2px
        );
}

body.admin-login-page > header,
body.admin-login-page > main {
    position: relative;
    z-index: 1;
}

.admin-login-page .admin-auth-header {
    display: none;
}

.admin-login-page .admin-auth-header-container {
    min-height: 0.9rem;
}

.admin-login-main {
    max-width: 1220px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: clamp(2.2rem, 6vw, 3.6rem);
    padding-bottom: clamp(2.4rem, 6vw, 3.7rem);
}

.auth-layout-content-shell {
    width: 100%;
}

.admin-auth-content-shell {
    --admin-login-card-radius: 1.2rem;
    --admin-login-control-radius: 0.8rem;
    width: min(100%, 392px);
    margin-inline: auto;
    display: grid;
    gap: 0.85rem;
}

.admin-auth-flash-stack {
    display: grid;
    gap: 0.8rem;
}

.admin-auth-flash {
    margin: 0;
    border-radius: 0.9rem;
    box-shadow: 0 12px 28px rgba(4, 10, 22, 0.2);
}

.admin-login-shell {
    width: 100%;
}

.admin-login-card {
    position: relative;
    max-width: 392px;
    margin-inline: auto;
    border: 1px solid rgba(151, 170, 199, 0.2);
    border-radius: var(--admin-login-card-radius);
    background:
        radial-gradient(120% 68% at 50% -8%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.025) 36%, rgba(255, 255, 255, 0) 64%),
        linear-gradient(180deg, rgba(15, 23, 39, 0.97) 0%, rgba(8, 14, 26, 0.985) 100%);
    box-shadow:
        0 24px 64px rgba(2, 7, 19, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(18px);
    overflow: hidden;
    isolation: isolate;
}

.admin-login-card-body {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.85rem;
    padding: 1.7rem 1.55rem 1.6rem;
}

.admin-login-card-header {
    position: relative;
}

.admin-login-card-header-brand {
    display: grid;
    justify-items: center;
    gap: 0.62rem;
    text-align: center;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid rgba(143, 163, 194, 0.16);
}

.admin-login-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.admin-login-card-header-brand .admin-login-brand {
    margin-bottom: 0;
}

.admin-login-brand-logo {
    display: block;
    width: auto;
    height: auto;
    max-width: min(150px, 42vw);
    max-height: 2.3rem;
}

.admin-login-brand-logo-light {
    display: none;
}

.admin-login-brand-logo-dark {
    display: block;
}

[data-bs-theme='light'] .admin-login-brand-logo-light {
    display: block;
}

[data-bs-theme='light'] .admin-login-brand-logo-dark {
    display: none;
}

.admin-login-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.62rem;
    margin-bottom: 0.75rem;
    color: rgba(212, 222, 246, 0.94);
    background: rgba(120, 95, 210, 0.19);
    border: 1px solid rgba(153, 175, 225, 0.3);
}

.admin-login-mark svg {
    width: 1.2rem;
    height: 1.2rem;
    fill: currentColor;
}

.admin-login-kicker {
    font-size: 0.72rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: rgba(180, 197, 231, 0.78);
    font-weight: 600;
}

.admin-login-title {
    color: #f5f8ff;
    font-weight: 620;
    letter-spacing: -0.02em;
}

.admin-login-card-header-brand .admin-login-title {
    margin-bottom: 0;
    font-size: clamp(1.22rem, 1.7vw, 1.38rem);
    line-height: 1.06;
}

.admin-login-subtitle {
    color: rgba(201, 214, 241, 0.78);
    margin-top: 0.15rem;
}

.admin-login-card-header-brand .admin-login-subtitle {
    max-width: 28ch;
}

.admin-login-alert {
    border-radius: 0.82rem;
    margin-bottom: 0;
}

.admin-login-form {
    display: grid;
    gap: 0.82rem;
}

.admin-login-field {
    display: grid;
    gap: 0.34rem;
}

.admin-login-label {
    margin-bottom: 0;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: rgba(205, 217, 241, 0.92);
}

.admin-login-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.admin-login-inline-link {
    color: rgba(178, 195, 226, 0.76);
    text-decoration: none;
    text-underline-offset: 0.18rem;
    white-space: nowrap;
}

.admin-login-inline-link:hover {
    color: #f3f7ff;
    text-decoration: underline;
}

.admin-login-inline-link:focus-visible {
    outline: none;
    border-radius: 0.4rem;
    box-shadow: 0 0 0 0.18rem rgba(118, 149, 255, 0.18);
}

.admin-login-form-text {
    margin-top: 0;
    font-size: 0.74rem;
    color: rgba(180, 197, 231, 0.72);
}

.admin-login-field-feedback {
    margin-top: 0;
}

.admin-login-input-wrap {
    position: relative;
}

.admin-login-input-icon {
    position: absolute;
    left: 0.82rem;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    line-height: 0;
    color: rgba(180, 196, 227, 0.78);
    pointer-events: none;
}

.admin-login-input-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-login-input {
    min-height: 2.7rem;
    border-radius: var(--admin-login-control-radius);
    padding-inline: 0.88rem;
    border: 1px solid rgba(152, 171, 204, 0.22);
    background: rgba(255, 255, 255, 0.045);
    color: #f3f6ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition:
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background-color 0.18s ease;
}

.admin-login-input::placeholder {
    color: rgba(170, 185, 214, 0.58);
}

.admin-login-input:focus {
    border-color: rgba(133, 173, 255, 0.58);
    background: rgba(12, 19, 33, 0.96);
    box-shadow:
        0 0 0 0.19rem rgba(96, 139, 255, 0.14),
        0 14px 24px rgba(3, 8, 20, 0.15);
}

.admin-login-input.is-invalid,
.admin-login-input-wrap .form-control.is-invalid {
    border-color: rgba(241, 119, 140, 0.85);
    box-shadow: 0 0 0 0.18rem rgba(220, 63, 95, 0.18);
}

.admin-login-password-input {
    padding-right: 4.7rem;
}

.admin-login-password-toggle {
    position: absolute;
    right: 0.42rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    border-radius: 999px;
    padding: 0.32rem 0.62rem;
    background: rgba(130, 152, 192, 0.12);
    color: rgba(224, 232, 248, 0.88);
    font-size: 0.68rem;
    line-height: 1;
    letter-spacing: 0.03em;
    transition:
        color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}

.admin-login-password-toggle:hover {
    color: #f0f5ff;
    background: rgba(145, 169, 213, 0.18);
}

.admin-login-password-toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(96, 139, 255, 0.18);
}

.admin-login-caps-hint {
    margin-top: -0.15rem;
    font-size: 0.74rem;
    color: rgba(245, 197, 117, 0.9);
}

.admin-login-actions {
    display: grid;
    gap: 0.72rem;
    padding-top: 0.12rem;
}

.admin-login-submit {
    min-height: 2.85rem;
    border: 0;
    border-radius: calc(var(--admin-login-control-radius) + 0.02rem);
    font-weight: 600;
    letter-spacing: 0.01em;
    background: var(--gradient-brand);
    box-shadow:
        0 14px 24px rgba(7, 16, 34, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        filter 0.18s ease;
}

.admin-login-submit:hover {
    transform: translateY(-1px);
    box-shadow:
        0 18px 28px rgba(7, 16, 34, 0.34),
        0 0 14px rgba(255, 255, 255, 0.06);
    filter: brightness(1.02);
}

.admin-login-submit:active {
    transform: translateY(0);
}

.admin-login-secondary-link {
    justify-self: center;
    color: rgba(182, 198, 228, 0.8);
    text-decoration: none;
    text-underline-offset: 0.2rem;
    font-size: 0.78rem;
}

.admin-login-secondary-link:hover {
    color: rgba(227, 236, 255, 0.94);
    text-decoration: underline;
}

.admin-login-secondary-link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(96, 139, 255, 0.18);
    border-radius: 0.35rem;
}

.admin-login-forgot-link {
    color: rgba(182, 198, 228, 0.8);
    text-decoration: none;
    text-underline-offset: 0.2rem;
}

.admin-login-forgot-link:hover {
    color: rgba(227, 236, 255, 0.94);
    text-decoration: underline;
}

.admin-login-forgot-link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(122, 80, 231, 0.25);
    border-radius: 0.35rem;
}

@media (max-width: 575.98px) {
    .admin-login-main {
        min-height: auto;
        align-items: stretch;
        padding-top: clamp(1.8rem, 9vw, 2.7rem);
        padding-bottom: clamp(2.4rem, 10vw, 3.2rem);
    }

    .admin-login-card-body {
        padding: 1.4rem 1rem 1.35rem;
    }

    .admin-login-brand-logo {
        max-width: min(138px, 50vw);
    }

    .admin-login-input {
        min-height: 2.58rem;
    }

    .admin-login-label-row {
        align-items: baseline;
    }
}

@media (min-width: 768px) {
    .admin-login-card-body {
        padding: 1.82rem 1.68rem 1.74rem;
    }
}

.navbar .btn-link.nav-link {
    text-decoration: none;
}

.job-card {
    --landing-job-media-height: 184px;
    border-radius: 1rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.12);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

[data-bs-theme='dark'] .job-card {
    border-color: rgba(162, 181, 214, 0.18);
    box-shadow: 0 12px 28px rgba(3, 8, 18, 0.45);
}

.job-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
    border-color: rgba(var(--brand-primary-rgb), 0.3);
}

.job-card:focus-within {
    transform: translateY(-2px);
    border-color: rgba(var(--brand-primary-rgb), 0.42);
    box-shadow:
        0 18px 34px rgba(15, 23, 42, 0.14),
        0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.18);
}

[data-bs-theme='dark'] .job-card:hover {
    box-shadow: 0 18px 34px rgba(2, 6, 16, 0.56);
}

[data-bs-theme='dark'] .job-card:focus-within {
    border-color: rgba(214, 225, 247, 0.36);
    box-shadow:
        0 20px 38px rgba(2, 6, 16, 0.64),
        0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.26);
}

.job-card-image {
    width: 100%;
    height: var(--landing-job-media-height);
    object-fit: cover;
    background: var(--neutral-bg);
    display: block;
}

.landing-job-card {
    position: relative;
    isolation: isolate;
}

.landing-job-media {
    position: relative;
    height: var(--landing-job-media-height);
    overflow: hidden;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.14);
    transform: translateZ(0) scale(1);
    transform-origin: center center;
    backface-visibility: hidden;
    will-change: transform;
    contain: paint;
    transition: transform 0.18s ease;
}

.landing-job-media .job-card-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0);
    backface-visibility: hidden;
}

[data-bs-theme='dark'] .landing-job-media {
    border-bottom-color: rgba(197, 212, 241, 0.18);
}

.landing-job-card:hover {
    transform: translateY(-5px);
    border-color: rgba(178, 44, 208, 0.34);
    box-shadow:
        0 20px 36px rgba(15, 23, 42, 0.16),
        0 0 0 1px rgba(178, 44, 208, 0.22),
        0 0 18px rgba(178, 44, 208, 0.16);
}

[data-bs-theme='dark'] .landing-job-card:hover {
    border-color: rgba(221, 158, 241, 0.38);
    box-shadow:
        0 22px 42px rgba(2, 6, 16, 0.62),
        0 0 0 1px rgba(213, 137, 236, 0.28),
        0 0 20px rgba(185, 94, 220, 0.3);
}

.landing-job-card:hover .landing-job-media {
    transform: scale(1.04);
}

.landing-job-card:focus-within .landing-job-media {
    transform: scale(1.02);
}

.ui-icon {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    flex-shrink: 0;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ui-icon-sm {
    width: 0.92rem;
    height: 0.92rem;
}

[data-bs-theme='dark'] .ui-icon {
    opacity: 0.96;
}

.section-title-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 1.1rem;
    font-weight: 620;
}

.job-meta-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.45rem;
}

.job-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    padding: 0.18rem 0.52rem;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--neutral-muted);
    background: rgba(var(--brand-primary-rgb), 0.1);
}

[data-bs-theme='dark'] .job-meta-item {
    color: #c9d4e8;
    background: rgba(var(--brand-primary-rgb), 0.22);
}

.job-meta-item-salary {
    color: #4a1f84;
    background: rgba(178, 44, 208, 0.16);
    border: 1px solid rgba(178, 44, 208, 0.28);
}

[data-bs-theme='light'] .job-meta-item-type,
.job-meta-item-type {
    color: #0f5d67;
    background: rgba(15, 93, 103, 0.12);
    border: 1px solid rgba(15, 93, 103, 0.2);
}

[data-bs-theme='dark'] .job-meta-item-salary {
    color: #f1d2ff;
    background: rgba(178, 44, 208, 0.32);
    border-color: rgba(225, 150, 243, 0.35);
}

[data-bs-theme='dark'] .job-meta-item-type {
    color: #d5f7fb;
    background: rgba(49, 175, 189, 0.22);
    border-color: rgba(125, 226, 236, 0.3);
}

.job-detail-shell {
    --job-detail-hero-height: clamp(260px, 33vw, 430px);
    --job-detail-surface-radius: 1.18rem;
    --job-detail-surface-border: rgba(var(--brand-primary-rgb), 0.18);
    --job-detail-surface-bg: var(--bs-body-bg);
    --job-detail-surface-shadow: 0 22px 42px rgba(15, 23, 42, 0.13);
    --job-detail-sticky-top: 5.05rem;
    --job-detail-soft-bg: linear-gradient(145deg, rgba(var(--brand-primary-rgb), 0.12), rgba(var(--brand-primary-rgb), 0.04));
    --job-detail-section-border: rgba(var(--brand-primary-rgb), 0.14);
    --job-detail-sidebar-bg: linear-gradient(152deg, rgba(246, 238, 255, 0.92), rgba(255, 255, 255, 0.98));
    --job-detail-sidebar-border: rgba(158, 124, 205, 0.36);
    --job-detail-sidebar-shadow: 0 18px 34px rgba(69, 41, 106, 0.16);
    --job-detail-sidebar-glow: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0));
    --job-detail-sidebar-fact-bg: rgba(255, 255, 255, 0.84);
    --job-detail-sidebar-fact-border: rgba(160, 125, 210, 0.34);
    --job-detail-sidebar-title: #2f2440;
    --job-detail-sidebar-label: #635777;
    --job-detail-sidebar-value: #312844;
    --job-detail-sidebar-secondary: #4d4266;
    --job-detail-sidebar-divider: rgba(147, 113, 196, 0.36);
    max-width: 1320px;
    margin-inline: auto;
    position: relative;
    padding-bottom: 1rem;
}

[data-bs-theme='dark'] .job-detail-shell {
    --job-detail-surface-border: rgba(187, 203, 233, 0.24);
    --job-detail-surface-shadow: 0 24px 46px rgba(2, 6, 16, 0.62);
    --job-detail-soft-bg: linear-gradient(145deg, rgba(var(--brand-primary-rgb), 0.24), rgba(var(--brand-primary-rgb), 0.1));
    --job-detail-section-border: rgba(197, 212, 242, 0.22);
    --job-detail-sidebar-bg: linear-gradient(152deg, rgba(var(--brand-primary-rgb), 0.26), rgba(var(--brand-primary-rgb), 0.11));
    --job-detail-sidebar-border: rgba(206, 220, 244, 0.24);
    --job-detail-sidebar-shadow: var(--job-detail-surface-shadow);
    --job-detail-sidebar-glow: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0));
    --job-detail-sidebar-fact-bg: rgba(11, 20, 38, 0.32);
    --job-detail-sidebar-fact-border: rgba(239, 247, 255, 0.2);
    --job-detail-sidebar-title: #f6f9ff;
    --job-detail-sidebar-label: #c7d6ee;
    --job-detail-sidebar-value: #f6f9ff;
    --job-detail-sidebar-secondary: #d8e3f6;
    --job-detail-sidebar-divider: rgba(241, 247, 255, 0.2);
}

.job-detail-shell::before {
    content: '';
    position: absolute;
    inset: -1.4rem -1.3rem auto auto;
    width: clamp(180px, 26vw, 340px);
    height: clamp(180px, 26vw, 340px);
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(var(--brand-primary-rgb), 0.2), rgba(var(--brand-primary-rgb), 0));
    pointer-events: none;
    z-index: 0;
}

.job-detail-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.05rem;
    align-items: start;
}

.job-detail-card {
    position: relative;
    border: 1px solid var(--job-detail-surface-border);
    border-radius: var(--job-detail-surface-radius);
    overflow: hidden;
    background: var(--job-detail-surface-bg);
    box-shadow: var(--job-detail-surface-shadow);
    transition: box-shadow 0.24s ease, transform 0.24s ease;
}

.job-detail-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 26px 50px rgba(15, 23, 42, 0.14);
}

.job-detail-media {
    position: relative;
    aspect-ratio: 3 / 1;
    min-height: clamp(150px, 16vw, 240px);
    overflow: hidden;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.job-detail-media-back {
    position: absolute;
    top: 0.84rem;
    left: 0.84rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-height: 2rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(240, 246, 255, 0.34);
    background: rgba(8, 12, 24, 0.62);
    color: #f7fbff;
    font-size: 0.78rem;
    font-weight: 620;
    line-height: 1;
    letter-spacing: 0.01em;
    text-decoration: none;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 16px rgba(5, 10, 20, 0.24);
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.job-detail-media-back:hover,
.job-detail-media-back:focus-visible {
    color: #ffffff;
    background: rgba(8, 12, 24, 0.82);
    border-color: rgba(240, 246, 255, 0.58);
    transform: translateY(-1px);
}

.job-detail-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: transform 0.4s ease;
}

.job-detail-card:hover .job-detail-image {
    transform: scale(1.02);
}

.job-detail-body {
    padding: clamp(1.14rem, 1.95vw, 2.2rem);
}

.job-detail-hero-header {
    display: grid;
    gap: 0.86rem;
    margin-bottom: 1.08rem;
    padding-bottom: 1.08rem;
    border-bottom: 1px solid var(--job-detail-section-border);
}

.job-detail-title {
    font-size: clamp(1.8rem, 1.34rem + 1.6vw, 2.72rem);
    line-height: 1.1;
    letter-spacing: -0.022em;
    font-weight: 730;
}

.job-detail-meta {
    gap: 0.5rem 0.56rem;
}

.job-detail-pitch {
    max-width: 76ch;
    color: var(--neutral-muted);
    font-size: 1.01rem;
    line-height: 1.62;
    margin-top: 0.1rem;
}

.job-detail-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.84rem;
    margin-top: 0.34rem;
}

.job-detail-support-line {
    color: #5d5670;
    font-size: 0.83rem;
    line-height: 1.48;
    max-width: 70ch;
}

[data-bs-theme='dark'] .job-detail-support-line {
    color: var(--neutral-muted);
}

.job-detail-apply-btn {
    min-height: 2.7rem;
    padding-inline: 1.14rem;
    border-radius: 0.74rem;
    font-weight: 650;
    letter-spacing: 0.01em;
}

.job-detail-apply-btn-main {
    box-shadow: 0 12px 24px rgba(178, 44, 208, 0.3);
}

.job-detail-apply-btn-main:hover {
    box-shadow: 0 16px 30px rgba(178, 44, 208, 0.42);
}

.job-detail-apply-btn-sticky {
    min-height: 2.42rem;
    font-size: 0.91rem;
    box-shadow: 0 9px 18px rgba(178, 44, 208, 0.2);
}

.job-detail-apply-btn-sticky:hover {
    box-shadow: 0 12px 22px rgba(178, 44, 208, 0.28);
}

.job-detail-toc {
    position: sticky;
    top: calc(var(--job-detail-sticky-top) - 0.5rem);
    z-index: 6;
    border: 1px solid var(--job-detail-section-border);
    border-radius: 0.9rem;
    background: linear-gradient(152deg, rgba(var(--brand-primary-rgb), 0.16), rgba(var(--brand-primary-rgb), 0.06));
    padding: 0.72rem 0.78rem;
    margin-bottom: 0.94rem;
    box-shadow: 0 9px 16px rgba(11, 20, 36, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
}

[data-bs-theme='dark'] .job-detail-toc {
    border-color: rgba(190, 205, 235, 0.26);
    background: linear-gradient(152deg, rgba(var(--brand-primary-rgb), 0.26), rgba(var(--brand-primary-rgb), 0.12));
    box-shadow: 0 10px 18px rgba(2, 8, 20, 0.36), inset 0 1px 0 rgba(212, 223, 244, 0.05);
}

.job-detail-toc-head {
    display: flex;
    align-items: center;
    min-height: 1rem;
    padding-bottom: 0.38rem;
    border-bottom: 1px solid rgba(var(--brand-primary-rgb), 0.2);
}

.job-detail-toc-content {
    margin-top: 0.5rem;
}

.job-detail-toc-title {
    font-size: 0.66rem;
    font-weight: 640;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #645a7e;
}

.job-detail-toc-list {
    counter-reset: toc-step;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
    gap: 0.36rem;
}

.job-detail-toc-list li {
    counter-increment: toc-step;
}

.job-detail-toc-list a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.48rem;
    min-height: 1.86rem;
    padding: 0.24rem 0.54rem;
    border-radius: 0.64rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.34);
    background: rgba(255, 255, 255, 0.72);
    color: #4f4764;
    font-size: 0.73rem;
    font-weight: 600;
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.job-detail-toc-list a::before {
    content: counter(toc-step, decimal-leading-zero);
    min-width: 1.28rem;
    height: 1.28rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.32);
    background: rgba(var(--brand-primary-rgb), 0.16);
    font-size: 0.56rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #4d3f66;
    flex-shrink: 0;
}

[data-bs-theme='dark'] .job-detail-toc-title {
    color: #b5c3df;
}

[data-bs-theme='dark'] .job-detail-toc-list a {
    border-color: rgba(var(--brand-primary-rgb), 0.26);
    background: rgba(var(--brand-primary-rgb), 0.1);
    color: var(--neutral-muted);
}

[data-bs-theme='dark'] .job-detail-toc-list a::before {
    color: var(--neutral-text);
}

.job-detail-toc-list a:hover,
.job-detail-toc-list a:focus-visible {
    color: var(--neutral-text);
    border-color: rgba(var(--brand-primary-rgb), 0.44);
    background: rgba(var(--brand-primary-rgb), 0.19);
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(15, 23, 42, 0.12);
}

.job-detail-content-stack {
    display: grid;
    gap: 0.82rem;
}

.job-detail-section {
    margin-top: 0;
    padding: 0.96rem 1rem;
    border: 1px solid var(--job-detail-section-border);
    border-radius: 0.88rem;
    background: linear-gradient(152deg, rgba(var(--brand-primary-rgb), 0.05), rgba(var(--brand-primary-rgb), 0.015));
    box-shadow: 0 8px 14px rgba(12, 20, 36, 0.06);
}

[data-bs-theme='dark'] .job-detail-section {
    background: linear-gradient(152deg, rgba(var(--brand-primary-rgb), 0.12), rgba(var(--brand-primary-rgb), 0.05));
    box-shadow: 0 10px 16px rgba(1, 8, 20, 0.34);
}

.job-detail-section-description,
.job-detail-section-responsibilities,
.job-detail-section-ideal-candidate {
    background: rgba(var(--brand-primary-rgb), 0.028);
    border-color: rgba(var(--brand-primary-rgb), 0.11);
    box-shadow: none;
}

[data-bs-theme='dark'] .job-detail-section-description,
[data-bs-theme='dark'] .job-detail-section-responsibilities,
[data-bs-theme='dark'] .job-detail-section-ideal-candidate {
    background: rgba(var(--brand-primary-rgb), 0.08);
    border-color: rgba(197, 212, 242, 0.2);
}

.job-detail-section-title {
    font-size: clamp(1.08rem, 1rem + 0.3vw, 1.28rem);
    line-height: 1.35;
    font-weight: 690;
    margin-bottom: 0.7rem;
}

.job-detail-rich-content {
    color: var(--neutral-text);
    font-size: 0.95rem;
    line-height: 1.6;
    max-width: 82ch;
}

.job-detail-rich-content p {
    margin-bottom: 0.62rem;
    color: var(--neutral-text);
}

.job-detail-rich-content h2,
.job-detail-rich-content h3 {
    margin-top: 1.4rem;
    margin-bottom: 0.62rem;
    font-size: clamp(1.02rem, 0.94rem + 0.32vw, 1.18rem);
    line-height: 1.4;
    font-weight: 650;
    padding-top: 0.18rem;
}

.job-detail-rich-content h2:first-child,
.job-detail-rich-content h3:first-child {
    margin-top: 0;
}

.job-detail-rich-content ul,
.job-detail-rich-content ol {
    margin: 0 0 0.66rem;
    padding-left: 1.05rem;
}

.job-detail-rich-content li {
    margin-bottom: 0.42rem;
    line-height: 1.5;
    color: var(--neutral-muted);
}

.job-detail-rich-content li::marker {
    color: rgba(178, 44, 208, 0.88);
}

.job-detail-section-benefits {
    background: linear-gradient(152deg, rgba(var(--brand-primary-rgb), 0.12), rgba(var(--brand-primary-rgb), 0.04));
}

.job-detail-section-expect {
    border-color: rgba(var(--brand-primary-rgb), 0.2);
    background: linear-gradient(150deg, rgba(var(--brand-primary-rgb), 0.14), rgba(var(--brand-primary-rgb), 0.045));
}

[data-bs-theme='dark'] .job-detail-section-benefits,
[data-bs-theme='dark'] .job-detail-section-expect {
    border-color: rgba(197, 212, 242, 0.28);
    background: linear-gradient(150deg, rgba(var(--brand-primary-rgb), 0.3), rgba(var(--brand-primary-rgb), 0.11));
}

.job-detail-benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.58rem;
}

.job-detail-benefit-card {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
    border-radius: 0.74rem;
    background: rgba(var(--brand-primary-rgb), 0.1);
    padding: 0.56rem 0.62rem;
    display: flex;
    align-items: flex-start;
    gap: 0.52rem;
}

[data-bs-theme='dark'] .job-detail-benefit-card {
    border-color: rgba(197, 212, 242, 0.22);
    background: rgba(var(--brand-primary-rgb), 0.2);
}

.job-detail-benefit-icon-wrap {
    width: 1.56rem;
    height: 1.56rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.32);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    color: #ffffff;
    background: linear-gradient(135deg, rgba(178, 44, 208, 0.9), rgba(96, 115, 224, 0.85));
    margin-top: 0.04rem;
    flex-shrink: 0;
    box-shadow: 0 0 0 0.14rem rgba(var(--brand-primary-rgb), 0.1);
}

.job-detail-benefit-icon-wrap .ui-icon {
    width: 0.72rem;
    height: 0.72rem;
}

.job-detail-benefit-text {
    color: #433a55;
    font-size: 0.84rem;
    line-height: 1.42;
}

[data-bs-theme='dark'] .job-detail-benefit-text {
    color: var(--neutral-text);
}

.job-detail-benefit-text p:last-child {
    margin-bottom: 0;
}

.job-detail-empty-copy {
    border: 1px dashed rgba(var(--brand-primary-rgb), 0.3);
    border-radius: 0.76rem;
    padding: 0.86rem 0.9rem;
    font-size: 0.89rem;
    line-height: 1.5;
    color: var(--neutral-muted);
    background: rgba(var(--brand-primary-rgb), 0.06);
}

.job-detail-expect-panel {
    display: grid;
    gap: 0.72rem;
}

.job-detail-expect-overview {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
    border-radius: 0.74rem;
    background: rgba(var(--brand-primary-rgb), 0.08);
    padding: 0.56rem 0.6rem;
}

.job-detail-expect-step {
    display: grid;
    gap: 0.14rem;
    margin-bottom: 0.56rem;
}

.job-detail-expect-step-label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--neutral-muted);
}

.job-detail-expect-step-title {
    font-size: 0.96rem;
    line-height: 1.35;
    color: var(--neutral-text);
}

.job-detail-expect-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.56rem;
    margin-bottom: 0;
}

.job-detail-expect-stat {
    display: grid;
    gap: 0.12rem;
    padding: 0.5rem 0.56rem;
    border-radius: 0.62rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
    background: rgba(var(--brand-primary-rgb), 0.13);
}

[data-bs-theme='dark'] .job-detail-expect-stat {
    border-color: rgba(197, 212, 242, 0.26);
    background: rgba(var(--brand-primary-rgb), 0.2);
}

.job-detail-expect-stat-label {
    font-size: 0.65rem;
    font-weight: 650;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #60577a;
}

[data-bs-theme='dark'] .job-detail-expect-stat-label {
    color: var(--neutral-muted);
}

.job-detail-expect-stat strong {
    font-size: 0.84rem;
    line-height: 1.4;
    color: var(--neutral-text);
    margin-top: 0;
}

.job-detail-module-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.42rem;
}

.job-detail-module-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.25);
    border-radius: 0.68rem;
    padding: 0.42rem 0.54rem;
    background: rgba(var(--brand-primary-rgb), 0.12);
}

.job-detail-module-list li::before {
    content: '';
    width: 0.54rem;
    height: 0.54rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(178, 44, 208, 0.88), rgba(96, 115, 224, 0.82));
    box-shadow: 0 0 0 0.14rem rgba(var(--brand-primary-rgb), 0.14);
    flex-shrink: 0;
}

[data-bs-theme='dark'] .job-detail-module-list li {
    border-color: rgba(197, 212, 242, 0.24);
    background: rgba(var(--brand-primary-rgb), 0.18);
}

.job-detail-module-name {
    font-size: 0.82rem;
    font-weight: 640;
    color: var(--neutral-text);
    margin-right: auto;
}

.job-detail-module-count {
    font-size: 0.68rem;
    color: #4f4764;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
    border-radius: 999px;
    padding: 0.08rem 0.32rem;
    min-width: 74px;
    text-align: center;
    background: rgba(var(--brand-primary-rgb), 0.12);
}

[data-bs-theme='dark'] .job-detail-module-count {
    color: var(--neutral-muted);
}

.job-detail-sticky-rail {
    position: relative;
    align-self: stretch;
    padding-top: 0.12rem;
}

.job-detail-sticky-card {
    position: relative;
    border: 1px solid var(--job-detail-sidebar-border);
    border-radius: var(--job-detail-surface-radius);
    background: var(--job-detail-sidebar-bg);
    box-shadow: var(--job-detail-sidebar-shadow);
    overflow: hidden;
}

.job-detail-sticky-card::before {
    content: '';
    position: absolute;
    inset: -80px -100px auto auto;
    width: 180px;
    height: 180px;
    border-radius: 999px;
    background: var(--job-detail-sidebar-glow);
    pointer-events: none;
}

.job-detail-sticky-card .card-body {
    position: relative;
    z-index: 1;
    padding: 1.2rem;
}

.job-detail-sticky-title {
    font-size: 1.12rem;
    line-height: 1.3;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: var(--job-detail-sidebar-title);
}

.job-detail-sticky-facts {
    display: grid;
    gap: 0.54rem;
}

.job-detail-sticky-fact {
    border: 1px solid var(--job-detail-sidebar-fact-border);
    border-radius: 0.82rem;
    padding: 0.64rem 0.72rem;
    background: var(--job-detail-sidebar-fact-bg);
    display: grid;
    gap: 0.22rem;
}

.job-detail-sticky-fact-label {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--job-detail-sidebar-label);
    font-weight: 620;
}

.job-detail-sticky-fact strong {
    font-size: 0.88rem;
    line-height: 1.42;
    color: var(--job-detail-sidebar-value);
}

.job-detail-sticky-fact-sub {
    display: block;
    font-size: 0.78rem;
    color: var(--job-detail-sidebar-secondary);
    line-height: 1.4;
}

.job-detail-sticky-next-steps {
    border-top: 1px solid var(--job-detail-sidebar-divider);
    margin-top: 0.82rem;
    padding-top: 0.78rem;
    padding-bottom: 0.08rem;
}

.job-detail-sticky-next-steps .job-detail-sticky-next-list {
    border: 1px solid var(--job-detail-sidebar-fact-border);
    border-radius: 0.78rem;
    background: var(--job-detail-sidebar-fact-bg);
    padding: 0.52rem 0.7rem 0.52rem 1.56rem;
}

.job-detail-sticky-next-title {
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--job-detail-sidebar-label);
}

.job-detail-sticky-next-list {
    margin: 0;
    padding-left: 1rem;
    display: grid;
    gap: 0.38rem;
    color: var(--job-detail-sidebar-secondary);
    font-size: 0.83rem;
    line-height: 1.5;
}

.job-detail-mobile-cta {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    padding: 0.68rem 0.84rem calc(0.68rem + env(safe-area-inset-bottom));
    background: linear-gradient(180deg, rgba(11, 18, 32, 0), rgba(11, 18, 32, 0.88) 28%, rgba(11, 18, 32, 0.95) 100%);
    backdrop-filter: blur(6px);
}

.job-detail-mobile-apply {
    min-height: 2.95rem;
    box-shadow: 0 12px 24px rgba(178, 44, 208, 0.34);
}

.apply-code {
    display: inline-block;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    background: var(--app-brand-soft);
    color: var(--app-brand);
    font-size: 1rem;
    letter-spacing: 0.08em;
}

.big-five-radar-wrap {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    border-radius: 0.82rem;
    background: var(--bs-body-bg);
    padding: 0.7rem;
}

[data-bs-theme='dark'] .big-five-radar-wrap {
    border-color: rgba(183, 199, 230, 0.22);
    background: rgba(16, 26, 44, 0.52);
}

.big-five-radar-canvas {
    display: block;
    width: 100%;
    max-width: 360px;
    aspect-ratio: 1 / 1;
    height: auto;
    margin-inline: auto;
}

.job-apply-shell {
    max-width: 1160px;
    margin-inline: auto;
    position: relative;
    padding-top: 0;
    padding-bottom: 1.25rem;
}

.job-apply-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.job-apply-left {
    display: grid;
    gap: 1.5rem;
    align-content: start;
}

.job-apply-panel {
    position: relative;
    border-radius: 1.15rem;
    padding: 2rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
    background: var(--bs-body-bg);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

[data-bs-theme='dark'] .job-apply-panel {
    border-color: rgba(186, 200, 230, 0.2);
    background: var(--bs-body-bg);
    box-shadow: 0 20px 42px rgba(2, 6, 16, 0.58);
}

.job-apply-back-link {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.86rem;
    color: var(--neutral-muted);
    opacity: 0.9;
    text-decoration: none;
}

.job-apply-back-link:hover,
.job-apply-back-link:focus-visible {
    color: var(--app-brand);
    text-decoration: underline;
}

.job-apply-title {
    font-size: clamp(1.42rem, 1.15rem + 1vw, 1.82rem);
    line-height: 1.22;
    font-weight: 660;
    letter-spacing: -0.01em;
}

.job-apply-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.job-apply-meta-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 620;
    color: var(--neutral-text);
    border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.14), rgba(var(--brand-primary-rgb), 0.08));
}

[data-bs-theme='dark'] .job-apply-meta-badge {
    color: #dde7fb;
    border-color: rgba(200, 214, 243, 0.3);
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.28), rgba(var(--brand-primary-rgb), 0.16));
}

.job-apply-meta-badge-salary {
    border-color: rgba(178, 44, 208, 0.36);
    background: linear-gradient(135deg, rgba(178, 44, 208, 0.22), rgba(178, 44, 208, 0.12));
    color: #4a1f84;
}

[data-bs-theme='dark'] .job-apply-meta-badge-salary {
    color: #f3d8ff;
    border-color: rgba(226, 162, 246, 0.42);
    background: linear-gradient(135deg, rgba(178, 44, 208, 0.4), rgba(178, 44, 208, 0.22));
}

.job-apply-summary {
    color: var(--neutral-muted);
    line-height: 1.58;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.job-apply-section-title {
    font-size: 1.04rem;
    line-height: 1.35;
    font-weight: 640;
}

.job-apply-steps-list {
    list-style: none;
    position: relative;
    display: grid;
    gap: 1rem;
    padding: 0;
}

.job-apply-steps-list::before {
    content: none;
    display: none;
}

/* Scoped safety guard: ensure no connector/timeline line appears on apply page. */
.job-apply-shell .job-apply-steps-list {
    border-left: 0 !important;
    background-image: none !important;
}

.job-apply-shell .job-apply-step-item,
.job-apply-shell .job-apply-step-item:hover,
.job-apply-shell .job-apply-step-item:focus-within,
.job-apply-shell .job-apply-step-item:active {
    border-left: 0 !important;
}

.job-apply-shell .job-apply-steps-list::before,
.job-apply-shell .job-apply-steps-list::after,
.job-apply-shell .job-apply-step-item::before,
.job-apply-shell .job-apply-step-item::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.job-apply-step-item {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.72rem;
    padding: 0.78rem 0.85rem;
    border-radius: 0.82rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.11), rgba(var(--brand-primary-rgb), 0.04));
    color: var(--neutral-text);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

[data-bs-theme='dark'] .job-apply-step-item {
    border-color: rgba(200, 214, 243, 0.22);
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.24), rgba(var(--brand-primary-rgb), 0.14));
}

.job-apply-step-item:hover {
    transform: translateY(-1px);
    border-color: rgba(var(--brand-primary-rgb), 0.3);
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.08);
}

[data-bs-theme='dark'] .job-apply-step-item:hover {
    box-shadow: 0 10px 18px rgba(2, 6, 16, 0.28);
}

.job-apply-step-index {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.79rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, var(--brand-accent), var(--brand-primary));
    box-shadow: 0 6px 14px rgba(178, 44, 208, 0.26);
}

.job-apply-form-panel {
    border-color: rgba(var(--brand-primary-rgb), 0.2);
    background: var(--bs-body-bg);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.11);
}

.job-apply-form-panel::before {
    content: none;
}

[data-bs-theme='dark'] .job-apply-form-panel {
    border-color: rgba(210, 220, 246, 0.24);
    background: var(--bs-body-bg);
    box-shadow: 0 22px 46px rgba(2, 6, 16, 0.62);
}

.job-apply-form-title {
    font-size: clamp(1.32rem, 1.12rem + 0.6vw, 1.6rem);
    line-height: 1.3;
    font-weight: 650;
}

.job-apply-form-subtitle {
    color: var(--neutral-muted);
    opacity: 0.82;
    max-width: 48ch;
}

.job-apply-form .form-control {
    min-height: 3rem;
    padding-inline: 0.9rem;
    border-radius: 0.82rem;
    border-color: rgba(var(--brand-primary-rgb), 0.2);
    background-color: rgba(255, 255, 255, 0.94);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

[data-bs-theme='dark'] .job-apply-form .form-control {
    border-color: rgba(201, 213, 242, 0.24);
    background-color: rgba(15, 26, 45, 0.78);
}

.job-apply-form .form-control:focus {
    border-color: rgba(178, 44, 208, 0.72);
    box-shadow: 0 0 0 0.22rem rgba(178, 44, 208, 0.18), 0 10px 18px rgba(65, 31, 104, 0.12);
    background-color: var(--bs-body-bg);
}

.job-apply-form .form-control.is-invalid,
.job-apply-form .form-control.is-invalid:focus {
    border-color: rgba(var(--bs-danger-rgb), 0.8);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.16);
}

.job-apply-file-upload {
    display: grid;
    gap: 0.62rem;
}

.job-apply-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.job-apply-dropzone {
    width: 100%;
    border: 1px dashed rgba(var(--brand-primary-rgb), 0.34);
    border-radius: 0.95rem;
    background: linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.06), rgba(var(--brand-primary-rgb), 0.02));
    padding: 1rem 1.05rem;
    text-align: left;
    display: grid;
    gap: 0.24rem;
    cursor: pointer;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

[data-bs-theme='dark'] .job-apply-dropzone {
    border-color: rgba(209, 220, 246, 0.34);
    background: linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.2), rgba(var(--brand-primary-rgb), 0.1));
}

.job-apply-dropzone:hover {
    border-color: rgba(178, 44, 208, 0.6);
    box-shadow: 0 8px 18px rgba(178, 44, 208, 0.12);
}

.job-apply-dropzone:focus-visible {
    outline: none;
    border-color: rgba(178, 44, 208, 0.7);
    box-shadow: 0 0 0 0.2rem rgba(178, 44, 208, 0.18);
}

.job-apply-file-upload.is-dragover .job-apply-dropzone {
    border-color: rgba(178, 44, 208, 0.74);
    background: linear-gradient(180deg, rgba(178, 44, 208, 0.16), rgba(178, 44, 208, 0.05));
    transform: translateY(-1px);
}

.job-apply-file-upload.has-file .job-apply-dropzone {
    border-style: solid;
    border-color: rgba(var(--brand-primary-rgb), 0.48);
}

.job-apply-file-upload.is-invalid .job-apply-dropzone {
    border-style: solid;
    border-color: rgba(var(--bs-danger-rgb), 0.82);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.14);
}

.job-apply-dropzone-icon {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--app-brand);
    background: rgba(var(--brand-primary-rgb), 0.16);
}

.job-apply-upload-icon {
    transform: rotate(-90deg);
}

.job-apply-dropzone-title {
    font-size: 0.95rem;
    font-weight: 620;
    color: var(--neutral-text);
}

.job-apply-dropzone-helper {
    font-size: 0.8rem;
    color: var(--neutral-muted);
    opacity: 0.9;
}

.job-apply-file-meta {
    min-height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.job-apply-file-selected {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.84rem;
    color: var(--neutral-text);
}

.job-apply-file-check {
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.7rem;
    color: #fff;
    background: linear-gradient(135deg, #3da36c, #2f8758);
}

.job-apply-file-change {
    font-size: 0.84rem;
    color: var(--app-brand);
    text-decoration: none;
}

.job-apply-file-change:hover,
.job-apply-file-change:focus-visible {
    text-decoration: underline;
}

.job-apply-actions {
    margin-bottom: 0.62rem;
}

.job-apply-submit {
    min-height: 3.24rem;
    padding-inline: 1.45rem;
    border: 1px solid rgba(174, 64, 220, 0.62);
    background: var(--gradient-accent);
    font-weight: 650;
    box-shadow: 0 12px 24px rgba(178, 44, 208, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.28);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.job-apply-submit:hover {
    transform: scale(1.02);
    box-shadow: 0 18px 34px rgba(178, 44, 208, 0.42), 0 0 18px rgba(178, 44, 208, 0.26);
    filter: saturate(1.06);
}

.job-apply-submit:active {
    transform: scale(0.99);
}

.job-apply-secondary {
    min-height: 3.24rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 1.15rem;
    border-radius: 0.78rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
    color: var(--neutral-muted);
    background: rgba(var(--brand-primary-rgb), 0.04);
    text-decoration: none;
}

.job-apply-secondary:hover,
.job-apply-secondary:focus-visible {
    color: var(--neutral-text);
    border-color: rgba(var(--brand-primary-rgb), 0.35);
    background: rgba(var(--brand-primary-rgb), 0.09);
}

.job-apply-trust-note {
    margin-top: 0.9rem;
    font-size: 0.84rem;
    color: var(--neutral-muted);
    opacity: 0.78;
}

.job-apply-success-shell {
    max-width: 1120px;
    margin-inline: auto;
    display: grid;
    gap: 1.2rem;
    padding-bottom: 1.5rem;
}

.job-apply-success-back {
    margin-bottom: 0.2rem;
}

.job-apply-success-hero-band {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem 1.1rem;
    align-items: start;
    padding: clamp(1.45rem, 3vw, 2rem);
    border-radius: 1.45rem;
    border: 1px solid rgba(16, 185, 129, 0.18);
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.14), transparent 28%),
        linear-gradient(135deg, rgba(16, 185, 129, 0.16), rgba(59, 130, 246, 0.08) 48%, rgba(255, 255, 255, 0.96));
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.1);
    overflow: hidden;
}

.job-apply-success-hero-band::after {
    content: '';
    position: absolute;
    right: -4rem;
    bottom: -5rem;
    width: 16rem;
    height: 16rem;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.16), rgba(59, 130, 246, 0));
    pointer-events: none;
}

[data-bs-theme='dark'] .job-apply-success-hero-band {
    border-color: rgba(148, 163, 184, 0.24);
    background:
        radial-gradient(circle at top right, rgba(59, 130, 246, 0.18), transparent 28%),
        linear-gradient(135deg, rgba(16, 185, 129, 0.18), rgba(59, 130, 246, 0.14) 48%, rgba(10, 18, 32, 0.96));
    box-shadow: 0 28px 54px rgba(2, 6, 16, 0.56);
}

.job-apply-success-mark {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.96), rgba(14, 165, 233, 0.9));
    color: #fff;
    box-shadow: 0 16px 30px rgba(14, 165, 233, 0.18);
}

.job-apply-success-mark svg {
    width: 1.6rem;
    height: 1.6rem;
    stroke: currentColor;
}

.job-apply-success-kicker {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(51, 65, 85, 0.76);
}

[data-bs-theme='dark'] .job-apply-success-kicker {
    color: rgba(209, 220, 245, 0.72);
}

.job-apply-success-title {
    font-size: clamp(1.95rem, 1.55rem + 1.4vw, 2.65rem);
    line-height: 1.04;
    letter-spacing: -0.03em;
    font-weight: 700;
    color: #10233d;
}

[data-bs-theme='dark'] .job-apply-success-title {
    color: #f5f8ff;
}

.job-apply-success-subtitle {
    max-width: 56ch;
    font-size: 1rem;
    line-height: 1.65;
    color: rgba(51, 65, 85, 0.86);
}

[data-bs-theme='dark'] .job-apply-success-subtitle {
    color: rgba(219, 229, 247, 0.82);
}

.job-apply-success-role-pill {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    max-width: min(22rem, 100%);
    padding: 0.45rem 0.82rem;
    border-radius: 999px;
    border: 1px solid rgba(16, 185, 129, 0.2);
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 620;
    line-height: 1.3;
}

[data-bs-theme='dark'] .job-apply-success-role-pill {
    border-color: rgba(209, 220, 246, 0.22);
    background: rgba(255, 255, 255, 0.08);
    color: #eef3ff;
}

.job-apply-success-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(18rem, 0.92fr);
    gap: 1.1rem;
    align-items: start;
}

.job-apply-success-panel {
    display: grid;
    gap: 1rem;
}

.job-apply-success-status-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.95rem;
    align-items: start;
    padding: 1.05rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid rgba(16, 185, 129, 0.18);
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(14, 165, 233, 0.06));
}

.job-apply-success-status-card.is-code {
    border-color: rgba(245, 158, 11, 0.22);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.14), rgba(249, 115, 22, 0.06));
}

[data-bs-theme='dark'] .job-apply-success-status-card {
    border-color: rgba(110, 231, 183, 0.2);
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(14, 165, 233, 0.12));
}

[data-bs-theme='dark'] .job-apply-success-status-card.is-code {
    border-color: rgba(252, 211, 77, 0.2);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(249, 115, 22, 0.12));
}

.job-apply-success-status-icon {
    width: 2.7rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.72);
    color: #0f766e;
}

.job-apply-success-status-card.is-code .job-apply-success-status-icon {
    color: #b45309;
}

[data-bs-theme='dark'] .job-apply-success-status-icon {
    background: rgba(255, 255, 255, 0.08);
    color: #99f6e4;
}

[data-bs-theme='dark'] .job-apply-success-status-card.is-code .job-apply-success-status-icon {
    color: #fcd34d;
}

.job-apply-success-status-icon svg {
    width: 1.45rem;
    height: 1.45rem;
    stroke: currentColor;
}

.job-apply-success-status-title {
    font-size: 1rem;
    font-weight: 650;
    color: var(--neutral-text);
}

.job-apply-success-status-copy,
.job-apply-success-message-copy,
.job-apply-success-feedback,
.job-apply-success-side-copy {
    color: var(--neutral-muted);
    line-height: 1.58;
}

.job-apply-success-message-card,
.job-apply-success-code-card,
.job-apply-success-role-card {
    padding: 1.05rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.74));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

[data-bs-theme='dark'] .job-apply-success-message-card,
[data-bs-theme='dark'] .job-apply-success-code-card,
[data-bs-theme='dark'] .job-apply-success-role-card {
    border-color: rgba(209, 220, 246, 0.16);
    background: rgba(14, 23, 40, 0.74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.job-apply-success-message-label {
    font-size: 1rem;
    font-weight: 620;
    color: var(--neutral-text);
}

.job-apply-success-code-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.job-apply-success-code-pill {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    min-height: 1.9rem;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    border: 1px solid rgba(245, 158, 11, 0.22);
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[data-bs-theme='dark'] .job-apply-success-code-pill {
    border-color: rgba(252, 211, 77, 0.24);
    background: rgba(245, 158, 11, 0.16);
    color: #fcd34d;
}

.job-apply-success-code-row {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.apply-code.job-apply-success-code {
    display: inline-flex;
    align-items: center;
    min-height: 3.1rem;
    padding: 0.75rem 0.95rem;
    border-radius: 0.92rem;
    border: 1px solid rgba(16, 185, 129, 0.2);
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(14, 165, 233, 0.08));
    color: #0f3b3f;
    font-size: 1.12rem;
    font-weight: 700;
    letter-spacing: 0.1em;
}

[data-bs-theme='dark'] .apply-code.job-apply-success-code {
    border-color: rgba(110, 231, 183, 0.2);
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.18), rgba(14, 165, 233, 0.12));
    color: #d1fae5;
}

.job-apply-success-copy-btn {
    min-height: 3.1rem;
    padding-inline: 1rem;
    border-radius: 0.92rem;
}

.job-apply-success-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    padding-top: 0.2rem;
}

.job-apply-success-actions .job-apply-submit,
.job-apply-success-actions .job-apply-secondary {
    min-width: 12rem;
}

.job-apply-success-side {
    align-content: start;
}

.job-apply-success-side-copy {
    max-width: 32ch;
}

.job-apply-success-steps {
    gap: 0.82rem;
}

.job-apply-success-role-card {
    display: grid;
    gap: 0.3rem;
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.09), rgba(var(--brand-primary-rgb), 0.03));
}

[data-bs-theme='dark'] .job-apply-success-role-card {
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.16), rgba(var(--brand-primary-rgb), 0.06));
}

.job-apply-success-role-label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--neutral-muted);
}

.job-apply-success-role-card strong {
    font-size: 1rem;
    line-height: 1.35;
    color: var(--neutral-text);
    overflow-wrap: anywhere;
}

.job-apply-success-role-pill,
.job-apply-success-message-label,
.job-apply-success-status-copy,
.job-apply-success-message-copy,
.job-apply-success-side-copy {
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    .job-apply-success-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .job-apply-success-side-copy {
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .job-apply-success-shell {
        gap: 1rem;
        padding-bottom: 1rem;
    }

    .job-apply-success-hero-band {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.85rem 0.9rem;
        padding: 1.15rem;
        border-radius: 1.2rem;
    }

    .job-apply-success-mark {
        width: 2.85rem;
        height: 2.85rem;
        border-radius: 0.9rem;
    }

    .job-apply-success-title {
        font-size: 1.75rem;
    }

    .job-apply-success-subtitle {
        font-size: 0.96rem;
        line-height: 1.55;
    }

    .job-apply-success-role-pill {
        grid-column: 1 / -1;
        justify-self: start;
        max-width: 100%;
    }

    .job-apply-success-status-card,
    .job-apply-success-code-head {
        grid-template-columns: minmax(0, 1fr);
    }

    .job-apply-success-code-head {
        display: grid;
        gap: 0.75rem;
    }

    .job-apply-success-code-pill {
        justify-self: start;
    }

    .job-apply-success-code-row,
    .job-apply-success-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .apply-code.job-apply-success-code,
    .job-apply-success-copy-btn,
    .job-apply-success-actions .job-apply-submit,
    .job-apply-success-actions .job-apply-secondary {
        width: 100%;
    }

    .apply-code.job-apply-success-code {
        justify-content: center;
        text-align: center;
        word-break: break-all;
    }
}

@media (max-width: 575.98px) {
    .job-apply-success-hero-band,
    .job-apply-success-status-card,
    .job-apply-success-message-card,
    .job-apply-success-code-card,
    .job-apply-success-role-card {
        padding: 0.95rem;
    }

    .job-apply-success-mark {
        width: 2.6rem;
        height: 2.6rem;
    }

    .job-apply-success-title {
        font-size: 1.58rem;
    }
}

.admin-shell {
    --admin-space-8: 0.45rem;
    --admin-space-12: 0.68rem;
    --admin-space-16: 0.92rem;
    --admin-space-24: 1.15rem;
    --admin-space-32: 1.75rem;
    --admin-sidebar-width: 248px;
    --admin-sidebar-collapsed-width: 82px;
    --admin-content-max-width: 1280px;
    --admin-surface-bg: rgba(12, 20, 35, 0.88);
    --admin-surface-border: rgba(159, 178, 219, 0.18);
    --admin-surface-shadow: 0 18px 42px rgba(2, 7, 18, 0.48);
    --admin-violet-accent: #8b56f4;
    --admin-violet-soft: rgba(139, 86, 244, 0.24);
    --admin-text-primary: #e9efff;
    --admin-text-secondary: rgba(190, 204, 232, 0.82);
    position: relative;
    color: var(--admin-text-primary);
    background: var(--frontend-page-gradient);
    background-attachment: fixed;
}

.admin-shell::before,
.admin-shell::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
}

.admin-shell::before {
    z-index: 0;
    background:
        radial-gradient(55% 44% at 39% 58%, rgba(126, 80, 236, 0.13) 0%, rgba(126, 80, 236, 0) 74%),
        radial-gradient(34% 30% at 10% 8%, rgba(74, 128, 228, 0.16) 0%, rgba(74, 128, 228, 0) 72%);
}

.admin-shell::after {
    z-index: 0;
    opacity: 0.34;
    background:
        radial-gradient(130% 98% at 50% 50%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.66) 100%),
        repeating-linear-gradient(
            0deg,
            rgba(255, 255, 255, 0.02) 0,
            rgba(255, 255, 255, 0.02) 1px,
            rgba(3, 8, 19, 0.02) 1px,
            rgba(3, 8, 19, 0.02) 2px
        );
}

.admin-shell .admin-shell-layout {
    position: relative;
    z-index: 1;
    min-height: 100vh;
}

.admin-shell .admin-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    width: var(--admin-sidebar-width);
    border-right: 1px solid rgba(147, 168, 214, 0.22);
    background: linear-gradient(180deg, rgba(8, 15, 28, 0.95), rgba(6, 11, 22, 0.98));
    box-shadow:
        inset -1px 0 0 rgba(255, 255, 255, 0.03),
        22px 0 46px rgba(1, 6, 17, 0.26);
    backdrop-filter: blur(18px);
    transition: width 0.18s ease, transform 0.18s ease;
    z-index: 1041;
    overflow: hidden;
}

.admin-shell .admin-sidebar::before,
.admin-shell .admin-sidebar::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.admin-shell .admin-sidebar::before {
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0));
    opacity: 0.78;
}

.admin-shell .admin-sidebar::after {
    background:
        radial-gradient(circle at 8% 0%, rgba(143, 104, 242, 0.22), rgba(143, 104, 242, 0) 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
    opacity: 0.92;
}

.admin-shell .admin-sidebar-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    gap: 0.15rem;
}

.admin-shell .admin-sidebar-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--admin-space-12);
    padding: 0.82rem 0.88rem 0.72rem;
    border-bottom: 1px solid rgba(146, 167, 208, 0.17);
}

.admin-shell .admin-sidebar-brand-link {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.62rem;
    color: var(--admin-text-primary);
}

.admin-shell .admin-sidebar-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.95rem;
    height: 1.95rem;
    border-radius: 0.78rem;
    background: rgba(127, 94, 224, 0.24);
    border: 1px solid rgba(168, 187, 231, 0.29);
    color: #eef2ff;
    flex-shrink: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.admin-shell .admin-sidebar-brand-mark svg {
    width: 1.13rem;
    height: 1.13rem;
    fill: currentColor;
}

.admin-shell .admin-sidebar-brand-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.admin-shell .admin-sidebar-brand-kicker {
    font-size: 0.58rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(174, 192, 231, 0.75);
    font-weight: 700;
}

.admin-shell .admin-sidebar-brand-title {
    color: var(--admin-text-primary);
    font-size: 0.88rem;
    font-weight: 650;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-shell .admin-sidebar-close {
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid rgba(152, 174, 216, 0.28);
    border-radius: 0.56rem;
    background: rgba(128, 151, 195, 0.08);
    color: rgba(214, 226, 249, 0.9);
}

.admin-shell .admin-sidebar-close svg {
    width: 1.1rem;
    height: 1.1rem;
    fill: currentColor;
}

.admin-shell .admin-sidebar-close:focus-visible,
.admin-shell .admin-topbar-menu-btn:focus-visible,
.admin-shell .admin-sidebar-collapse-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(136, 92, 242, 0.3);
}

.admin-shell .admin-sidebar-nav {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    gap: 0.9rem;
    padding: 0.78rem 0.65rem 0.88rem;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(145, 104, 243, 0.42) transparent;
}

.admin-shell .admin-sidebar-nav::-webkit-scrollbar {
    width: 0.42rem;
}

.admin-shell .admin-sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.admin-shell .admin-sidebar-nav::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(145, 104, 243, 0.42);
}

.admin-shell .admin-sidebar-root-list {
    display: flex;
    flex-direction: column;
    gap: 0.26rem;
    padding-bottom: 0.76rem;
    border-bottom: 1px solid rgba(146, 167, 208, 0.16);
}

.admin-shell .admin-sidebar-root-link {
    min-height: 2.45rem;
    border-color: rgba(159, 179, 221, 0.2);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
        rgba(136, 98, 233, 0.08);
    color: #f4f8ff;
}

.admin-shell .admin-sidebar-workspace-shortcut {
    padding: 0 0.65rem 0.72rem;
}

.admin-shell .admin-sidebar-workspace-link {
    display: flex;
    align-items: center;
    gap: 0.68rem;
    padding: 0.64rem 0.72rem;
    border-radius: 1rem;
    border: 1px solid rgba(173, 130, 251, 0.28);
    background:
        linear-gradient(135deg, rgba(122, 86, 220, 0.2), rgba(79, 119, 227, 0.1)),
        rgba(15, 22, 41, 0.7);
    color: #f4f7ff;
    text-decoration: none;
    box-shadow: 0 14px 24px rgba(17, 15, 44, 0.2);
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}

.admin-shell .admin-sidebar-workspace-link:hover,
.admin-shell .admin-sidebar-workspace-link:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(191, 153, 255, 0.42);
    box-shadow: 0 18px 34px rgba(17, 15, 44, 0.3);
    color: #fff;
}

.admin-shell .admin-sidebar-workspace-link:focus-visible {
    outline: none;
    box-shadow:
        0 18px 34px rgba(17, 15, 44, 0.3),
        0 0 0 0.22rem rgba(132, 88, 244, 0.28);
}

.admin-shell .admin-sidebar-workspace-icon {
    width: 1.85rem;
    height: 1.85rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #f5f6ff;
}

.admin-shell .admin-sidebar-workspace-icon svg {
    width: 1.05rem;
    height: 1.05rem;
    fill: currentColor;
}

.admin-shell .admin-sidebar-workspace-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.admin-shell .admin-sidebar-workspace-label {
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.15;
}

.admin-shell .admin-sidebar-workspace-destination {
    font-size: 0.72rem;
    color: rgba(216, 226, 248, 0.8);
}

.admin-shell .admin-sidebar-group {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.admin-shell .admin-sidebar-group-toggle {
    width: 100%;
    min-height: 2.14rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.34rem 0.56rem;
    border-radius: 0.86rem;
    border: 1px solid rgba(149, 173, 219, 0.2);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
        rgba(113, 137, 184, 0.07);
    color: rgba(207, 220, 246, 0.84);
    text-align: left;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease,
        color 0.15s ease;
}

.admin-shell .admin-sidebar-group-toggle:hover,
.admin-shell .admin-sidebar-group-toggle:focus-visible {
    border-color: rgba(169, 129, 250, 0.34);
    background: rgba(141, 102, 237, 0.16);
    color: rgba(240, 246, 255, 0.95);
}

.admin-shell .admin-sidebar-group-toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.18rem rgba(131, 84, 240, 0.22);
}

.admin-shell .admin-sidebar-group-icon {
    width: 0.94rem;
    height: 0.94rem;
    color: rgba(189, 205, 237, 0.9);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.admin-shell .admin-sidebar-group-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-shell .admin-sidebar-group-toggle-text {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.66rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: inherit;
    font-weight: 700;
}

.admin-shell .admin-sidebar-group-active-indicator {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    margin-left: auto;
    margin-right: 0.1rem;
    background: rgba(172, 129, 255, 0.9);
    box-shadow: 0 0 0 0.18rem rgba(144, 103, 236, 0.26);
    opacity: 0;
    transform: scale(0.55);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.admin-shell .admin-sidebar-group-chevron {
    width: 0.88rem;
    height: 0.88rem;
    color: rgba(184, 201, 236, 0.76);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease, color 0.15s ease;
}

.admin-shell .admin-sidebar-group-chevron svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-shell .admin-sidebar-group:not(.is-collapsed) .admin-sidebar-group-chevron {
    color: rgba(226, 236, 255, 0.9);
}

.admin-shell .admin-sidebar-group.is-collapsed .admin-sidebar-group-chevron {
    transform: rotate(-90deg);
}

.admin-shell .admin-sidebar-group-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
}

.admin-shell .admin-sidebar-category {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    margin-top: 0.08rem;
}

.admin-shell .admin-sidebar-category + .admin-sidebar-category {
    margin-top: 0.28rem;
}

.admin-shell .admin-sidebar-category-header {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 1.78rem;
    padding: 0.28rem 0.52rem;
    border-radius: 0.8rem;
    border: 1px solid rgba(149, 173, 219, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)),
        rgba(113, 137, 184, 0.04);
    color: rgba(214, 226, 248, 0.88);
}

.admin-shell .admin-sidebar-category-icon {
    width: 0.88rem;
    height: 0.88rem;
    color: rgba(191, 205, 236, 0.84);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.admin-shell .admin-sidebar-category-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-shell .admin-sidebar-category-label {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 700;
}

.admin-shell .admin-sidebar-subnav {
    display: flex;
    flex-direction: column;
    gap: 0.24rem;
    padding-left: 0.54rem;
}

.admin-shell .admin-sidebar-subnav-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.34rem;
    padding-left: 0;
}

.admin-shell .admin-sidebar-subnav-grid > li {
    min-width: 0;
}

.admin-shell .admin-sidebar-subnav-link {
    min-height: 2rem;
    padding: 0.34rem 0.56rem;
    border-radius: 0.8rem;
    border-color: rgba(149, 173, 219, 0.1);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.01)),
        rgba(102, 122, 168, 0.045);
}

.admin-shell .admin-sidebar-subnav-link .admin-sidebar-label {
    font-size: 0.84rem;
}

.admin-shell .admin-sidebar-subnav-link .admin-sidebar-link-icon {
    display: none;
}

.admin-shell .admin-sidebar-category.is-active-category .admin-sidebar-category-header {
    border-color: rgba(174, 127, 251, 0.34);
    background: rgba(138, 97, 236, 0.12);
    color: #f7f9ff;
}

.admin-shell .admin-sidebar-group.is-collapsed .admin-sidebar-group-list {
    display: none;
}

.admin-shell .admin-sidebar-group.is-active-group .admin-sidebar-group-toggle {
    border-color: rgba(173, 130, 251, 0.45);
    background: rgba(138, 97, 236, 0.18);
    color: rgba(245, 249, 255, 0.98);
}

.admin-shell .admin-sidebar-group.is-active-group .admin-sidebar-group-active-indicator {
    opacity: 1;
    transform: scale(1);
}

.admin-shell .admin-sidebar-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.62rem;
    min-height: 2.22rem;
    padding: 0.4rem 0.58rem;
    border-radius: 0.82rem;
    border: 1px solid transparent;
    text-decoration: none;
    color: rgba(205, 218, 244, 0.92);
    line-height: 1.25;
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease;
}

.admin-shell .admin-sidebar-link-icon {
    width: 0.98rem;
    height: 0.98rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(184, 202, 239, 0.88);
    flex-shrink: 0;
}

.admin-shell .admin-sidebar-link-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-shell .admin-sidebar-label {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9rem;
    letter-spacing: 0.01em;
}

.admin-shell .admin-sidebar-link:hover,
.admin-shell .admin-sidebar-link:focus-visible {
    border-color: rgba(159, 179, 221, 0.24);
    background: rgba(136, 98, 233, 0.13);
    color: #f2f6ff;
}

.admin-shell .admin-sidebar-link.is-active,
.admin-shell .admin-sidebar-link[aria-current='page'] {
    border-color: rgba(174, 127, 251, 0.5);
    background: rgba(136, 94, 239, 0.19);
    color: #fcfdff;
    box-shadow:
        inset 3px 0 0 rgba(202, 163, 255, 0.94),
        0 8px 16px rgba(40, 20, 84, 0.24);
}

.admin-shell .admin-sidebar-link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.22rem rgba(132, 88, 244, 0.34);
}

.admin-shell .admin-sidebar-link.disabled,
.admin-shell .admin-sidebar-link[aria-disabled='true'] {
    opacity: 0.46;
    cursor: not-allowed;
}

.admin-shell .admin-sidebar-footer {
    margin-top: auto;
    padding: 0.72rem 0.65rem 0.82rem;
    border-top: 1px solid rgba(146, 167, 208, 0.16);
}

.admin-shell .admin-sidebar-collapse-btn {
    width: 100%;
    min-height: 2.18rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.54rem;
    border: 1px solid rgba(149, 173, 219, 0.26);
    border-radius: 0.82rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
        rgba(123, 150, 201, 0.08);
    color: rgba(226, 235, 255, 0.92);
    font-size: 0.81rem;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.admin-shell .admin-sidebar-collapse-btn:hover,
.admin-shell .admin-sidebar-collapse-btn:focus-visible {
    background: rgba(145, 104, 243, 0.2);
    border-color: rgba(174, 128, 255, 0.42);
    color: #fff;
}

.admin-shell .admin-main-column {
    margin-left: var(--admin-sidebar-width);
    width: calc(100% - var(--admin-sidebar-width));
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.admin-shell .admin-topbar {
    border-bottom: 1px solid rgba(146, 167, 208, 0.2);
    background: rgba(6, 13, 25, 0.72);
    backdrop-filter: blur(6px);
    position: sticky;
    top: 0;
    z-index: 1030;
}

.admin-shell .admin-topbar-inner {
    max-width: calc(var(--admin-content-max-width) + 2.5rem);
    margin: 0 auto;
    padding: 0.78rem var(--admin-space-16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--admin-space-16);
}

.admin-shell .admin-topbar-context {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    gap: var(--admin-space-12);
    min-width: 0;
}

.admin-shell .admin-topbar-search {
    flex: 0 1 34rem;
    width: min(100%, 34rem);
    max-width: 34rem;
    min-width: 16rem;
    margin-inline: auto;
}

.admin-shell .admin-topbar-search-shell {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.65rem;
    padding: 0.28rem 0.35rem 0.28rem 2.4rem;
    border: 1px solid rgba(149, 173, 219, 0.22);
    border-radius: 999px;
    background: rgba(114, 139, 186, 0.1);
    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease;
}

.admin-shell .admin-topbar-search-shell:focus-within {
    border-color: rgba(172, 129, 250, 0.46);
    background: rgba(136, 97, 229, 0.18);
    box-shadow: 0 0 0 0.18rem rgba(132, 88, 244, 0.18);
}

.admin-shell .admin-topbar-search-icon {
    position: absolute;
    left: 0.82rem;
    top: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    color: rgba(219, 229, 247, 0.72);
    line-height: 0;
    transform: translateY(-50%);
    pointer-events: none;
}

.admin-shell .admin-topbar-search-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-shell .admin-topbar-search-input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #f7f9ff;
    padding: 0;
    font-size: 0.9rem;
}

.admin-shell .admin-topbar-search-input::placeholder {
    color: rgba(221, 232, 252, 0.62);
}

.admin-shell .admin-topbar-search-input:focus {
    outline: none;
    box-shadow: none;
}

.admin-shell .admin-topbar-search-submit {
    border: 0;
    border-radius: 999px;
    background: rgba(145, 101, 241, 0.24);
    color: #f7f9ff;
    min-height: 2rem;
    padding: 0.35rem 0.82rem;
    font-size: 0.74rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: background-color 0.18s ease;
}

.admin-shell .admin-topbar-search-submit:hover,
.admin-shell .admin-topbar-search-submit:focus-visible {
    background: rgba(145, 101, 241, 0.36);
    outline: none;
}

.admin-shell .admin-topbar-menu-btn {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.62rem;
    border: 1px solid rgba(149, 173, 219, 0.28);
    background: rgba(115, 140, 187, 0.12);
    color: #eef3ff;
}

.admin-shell .admin-topbar-menu-btn svg {
    width: 1.18rem;
    height: 1.18rem;
    fill: currentColor;
}

.admin-shell .admin-topbar-eyebrow {
    margin: 0;
    font-size: 0.66rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(172, 191, 228, 0.76);
    font-weight: 700;
}

.admin-shell .admin-topbar-title {
    color: #f1f5ff;
    font-size: clamp(1.03rem, 1.4vw, 1.22rem);
    font-weight: 650;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-shell .admin-topbar-actions {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    gap: 0.55rem;
    min-width: 0;
    margin-left: 0;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.admin-shell .admin-topbar-lang {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.admin-shell .admin-topbar-lang-toggle {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.admin-shell .admin-topbar-lang-toggle-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    position: relative;
    z-index: 1;
}

.admin-shell .admin-topbar-pill {
    min-height: 2rem;
    border-radius: 999px;
    padding-inline: 0.72rem;
    border-width: 1px;
    font-size: 0.74rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.admin-shell .admin-topbar-pill.btn-primary {
    border: 1px solid rgba(175, 132, 255, 0.52);
    background: rgba(140, 97, 238, 0.22);
    box-shadow: none;
}

.admin-shell .admin-topbar-pill.btn-primary:hover,
.admin-shell .admin-topbar-pill.btn-primary:focus-visible {
    transform: none;
    background: rgba(140, 97, 238, 0.32);
    box-shadow: 0 0 0 0.12rem rgba(140, 97, 238, 0.2);
}

.admin-shell .admin-topbar-account {
    position: relative;
}

.admin-shell .admin-topbar-account-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    min-height: 2.2rem;
    border: 1px solid rgba(149, 173, 219, 0.24);
    border-radius: 999px;
    background: rgba(114, 139, 186, 0.11);
    padding: 0.35rem 0.72rem;
    color: rgba(221, 231, 249, 0.92);
    line-height: 1;
    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        color 0.18s ease;
}

.admin-shell .admin-topbar-account-toggle:hover,
.admin-shell .admin-topbar-account-toggle:focus-visible,
.admin-shell .admin-topbar-account-toggle[aria-expanded='true'] {
    border-color: rgba(172, 129, 250, 0.44);
    background: rgba(138, 95, 235, 0.2);
    color: #f7f9ff;
}

.admin-shell .admin-topbar-account-toggle:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.18rem rgba(132, 88, 244, 0.28);
}

.admin-shell .admin-topbar-user-name {
    font-size: 0.81rem;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-shell .admin-topbar-admin-badge {
    font-size: 0.62rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(235, 241, 255, 0.94);
    border: 1px solid rgba(176, 136, 255, 0.42);
    background: rgba(151, 97, 246, 0.21);
    border-radius: 999px;
    padding: 0.15rem 0.4rem;
    font-weight: 700;
}

.admin-shell .admin-topbar-account-chevron {
    width: 0.95rem;
    height: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(221, 232, 252, 0.86);
    flex-shrink: 0;
}

.admin-shell .admin-topbar-account-chevron svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-shell .admin-topbar-account-menu {
    min-width: 14rem;
    padding-block: 0.45rem;
    border: 1px solid rgba(154, 176, 221, 0.22);
    border-radius: 0.9rem;
    background: rgba(9, 16, 30, 0.96);
    box-shadow: 0 18px 34px rgba(2, 8, 18, 0.52);
    z-index: 1045;
}

.admin-shell .admin-topbar-account-menu .dropdown-item {
    color: rgba(229, 236, 252, 0.92);
    font-size: 0.88rem;
    padding: 0.55rem 0.9rem;
}

.admin-shell .admin-topbar-account-menu .admin-account-menu-item {
    display: inline-flex;
    align-items: center;
    gap: 0.72rem;
    width: 100%;
    line-height: 1.2;
}

.admin-shell .admin-topbar-account-menu .admin-account-menu-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    color: rgba(189, 202, 234, 0.9);
}

.admin-shell .admin-topbar-account-menu .admin-account-menu-item-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-shell .admin-topbar-account-menu .admin-account-menu-item-label {
    min-width: 0;
    flex: 1 1 auto;
}

.admin-shell .admin-topbar-account-menu .dropdown-item:hover,
.admin-shell .admin-topbar-account-menu .dropdown-item:focus-visible {
    color: #fff;
    background: rgba(140, 97, 238, 0.18);
}

.admin-shell .admin-topbar-account-menu .dropdown-item.disabled,
.admin-shell .admin-topbar-account-menu .dropdown-item[aria-disabled='true'] {
    color: rgba(167, 182, 213, 0.54);
    background: transparent;
}

.admin-shell .admin-topbar-account-menu .dropdown-item.disabled .admin-account-menu-item-icon,
.admin-shell .admin-topbar-account-menu .dropdown-item[aria-disabled='true'] .admin-account-menu-item-icon {
    color: rgba(167, 182, 213, 0.46);
}

.admin-shell .admin-topbar-account-menu .dropdown-divider {
    border-top-color: rgba(150, 171, 214, 0.18);
}

.admin-shell .admin-account-logout-form {
    margin: 0;
}

.admin-shell .admin-main {
    min-width: 0;
    padding: var(--admin-space-24) var(--admin-space-16) var(--admin-space-32);
}

.admin-shell .admin-main-container {
    max-width: var(--admin-content-max-width);
    margin: 0 auto;
    min-width: 0;
}

.admin-search-page .admin-search-summary .card-body {
    padding: 1.25rem 1.35rem;
}

.admin-search-page .admin-search-section .card-body {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-search-page .min-w-0 {
    min-width: 0;
}

.admin-search-page .admin-search-list {
    margin-inline: -0.35rem;
}

.admin-search-page .admin-search-item {
    border: 0;
    border-radius: 0.9rem !important;
    padding: 0.85rem 0.95rem;
}

.admin-search-page .admin-search-item:hover,
.admin-search-page .admin-search-item:focus-visible {
    background: rgba(91, 62, 200, 0.07);
}

.admin-shell .admin-inline-alert {
    border-radius: 0.84rem;
    border-width: 1px;
    background: rgba(34, 49, 76, 0.74);
    color: #e8f0ff;
}

.admin-shell .admin-breadcrumb-wrap {
    margin-bottom: var(--admin-space-16);
}

.admin-shell .admin-breadcrumb {
    align-items: center;
    gap: 0.3rem;
}

.admin-shell .admin-breadcrumb .breadcrumb-item,
.admin-shell .admin-breadcrumb .breadcrumb-item a {
    color: rgba(180, 196, 225, 0.8);
    font-size: 0.82rem;
    text-decoration: none;
}

.admin-shell .admin-breadcrumb .breadcrumb-item a:hover,
.admin-shell .admin-breadcrumb .breadcrumb-item a:focus-visible {
    color: rgba(231, 239, 255, 0.95);
    text-decoration: underline;
}

.admin-shell .admin-breadcrumb .breadcrumb-item.active {
    color: rgba(239, 244, 255, 0.95);
}

.admin-shell .admin-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(162, 180, 215, 0.68);
}

.admin-shell .card,
.admin-shell .admin-surface-card {
    border: 1px solid var(--admin-surface-border);
    border-radius: 0.96rem;
    background: var(--admin-surface-bg);
    box-shadow: var(--admin-surface-shadow);
}

.admin-shell .card .card-body {
    padding: var(--admin-space-24);
}

.admin-shell .btn-primary {
    border: 0;
    background: var(--gradient-brand);
    box-shadow:
        0 10px 24px rgba(111, 59, 221, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.admin-shell .btn-primary:hover {
    transform: translateY(-1px);
    box-shadow:
        0 14px 28px rgba(119, 69, 229, 0.4),
        0 0 20px rgba(159, 64, 224, 0.24);
}

.admin-shell .btn-primary:active {
    transform: translateY(0);
}

.admin-shell .btn-outline-secondary {
    color: rgba(216, 228, 250, 0.9);
    border-color: rgba(150, 171, 214, 0.3);
    background: rgba(127, 152, 202, 0.08);
}

.admin-shell .btn-outline-secondary:hover,
.admin-shell .btn-outline-secondary:focus-visible {
    color: #f4f8ff;
    border-color: rgba(172, 129, 250, 0.4);
    background: rgba(138, 95, 235, 0.2);
}

.admin-shell .form-control,
.admin-shell .form-select {
    border-color: rgba(151, 173, 216, 0.26);
    background-color: rgba(9, 16, 30, 0.84);
    color: rgba(237, 243, 255, 0.95);
}

.admin-shell .form-control:focus,
.admin-shell .form-select:focus {
    border-color: rgba(175, 132, 255, 0.72);
    box-shadow: 0 0 0 0.2rem rgba(132, 83, 241, 0.27);
}

.admin-shell .form-control.is-invalid,
.admin-shell .form-select.is-invalid {
    border-color: rgba(241, 126, 152, 0.82);
    box-shadow: 0 0 0 0.2rem rgba(226, 82, 114, 0.24);
}

.admin-shell .table {
    color: rgba(233, 239, 254, 0.9);
}

.admin-shell .table > :not(caption) > * > * {
    border-bottom-color: rgba(150, 171, 214, 0.2);
}

.admin-shell .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: rgba(115, 135, 182, 0.08);
}

.admin-shell .table-hover > tbody > tr:hover > * {
    background: rgba(128, 93, 220, 0.15);
}

.admin-shell .card .table-responsive {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.admin-shell .card .table-responsive > .table {
    --bs-table-bg: transparent;
    margin-bottom: 0;
    background: transparent;
}

.admin-shell .admin-dashboard-intro-text {
    color: var(--admin-text-secondary);
    max-width: 42rem;
    font-size: 0.98rem;
    line-height: 1.65;
}

.admin-shell .admin-dashboard-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(118, 82, 224, 0.2), transparent 38%),
        linear-gradient(145deg, rgba(16, 26, 46, 0.96), rgba(12, 18, 33, 0.96));
}

.admin-shell .admin-dashboard-hero::after {
    content: '';
    position: absolute;
    inset: auto -6rem -6rem auto;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent 68%);
    pointer-events: none;
}

.admin-shell .admin-dashboard-eyebrow {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(191, 206, 236, 0.8);
}

.admin-shell .admin-dashboard-hero-title {
    max-width: 34rem;
    font-size: clamp(1.85rem, 3.8vw, 2.45rem);
    line-height: 1.12;
    letter-spacing: -0.03em;
    color: #f6f8ff;
}

.admin-shell .admin-dashboard-summary {
    display: flex;
    flex-wrap: wrap;
    gap: var(--admin-space-12);
}

.admin-shell .admin-dashboard-pill {
    display: inline-flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 10.5rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(154, 176, 219, 0.2);
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(242, 246, 255, 0.95);
}

.admin-shell .admin-dashboard-pill-label {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(176, 194, 227, 0.78);
}

.admin-shell .admin-dashboard-hero-actions {
    display: grid;
    gap: var(--admin-space-12);
}

.admin-shell .admin-dashboard-hero-actions .btn {
    justify-content: center;
}

.admin-shell .admin-dashboard-filter-card {
    background: linear-gradient(180deg, rgba(17, 25, 44, 0.94), rgba(13, 20, 36, 0.94));
}

.admin-shell .admin-dashboard-section-copy {
    color: rgba(182, 196, 223, 0.8);
    font-size: 0.92rem;
    line-height: 1.55;
}

.admin-shell .admin-priority-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--admin-space-14);
}

.admin-shell .admin-priority-card {
    display: flex;
    flex-direction: column;
    min-height: 13.5rem;
    padding: 1.25rem;
    border: 1px solid rgba(145, 168, 214, 0.18);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)),
        rgba(9, 15, 28, 0.82);
}

.admin-shell .admin-priority-card-featured {
    grid-column: span 2;
    background:
        radial-gradient(circle at top right, rgba(161, 99, 246, 0.18), transparent 42%),
        linear-gradient(160deg, rgba(35, 28, 72, 0.78), rgba(13, 19, 36, 0.96));
    border-color: rgba(181, 148, 250, 0.24);
}

.admin-shell .admin-priority-kicker {
    font-size: 0.95rem;
    font-weight: 650;
    color: rgba(238, 243, 255, 0.92);
}

.admin-shell .admin-priority-value {
    font-size: clamp(2rem, 4vw, 2.7rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #ffffff;
}

.admin-shell .admin-priority-copy {
    max-width: 28rem;
    color: rgba(194, 207, 232, 0.82);
    font-size: 0.92rem;
    line-height: 1.55;
}

.admin-shell .admin-priority-card .btn {
    margin-top: auto;
    align-self: flex-start;
}

.admin-shell .admin-health-list {
    display: flex;
    flex-direction: column;
    gap: var(--admin-space-12);
}

.admin-shell .admin-health-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--admin-space-16);
    padding: 1rem 0;
    border-bottom: 1px solid rgba(147, 170, 215, 0.14);
}

.admin-shell .admin-health-item:first-child {
    padding-top: 0;
}

.admin-shell .admin-health-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.admin-shell .admin-health-label {
    font-size: 0.95rem;
    font-weight: 650;
    color: rgba(239, 244, 255, 0.94);
}

.admin-shell .admin-health-meta {
    max-width: 15rem;
    color: rgba(174, 190, 220, 0.78);
    font-size: 0.84rem;
    line-height: 1.45;
}

.admin-shell .admin-health-value {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #f5f7ff;
    white-space: nowrap;
}

.admin-shell .admin-pipeline-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--admin-space-14);
}

.admin-shell .admin-pipeline-stage {
    padding: 1rem;
    border: 1px solid rgba(144, 168, 214, 0.16);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.03);
}

.admin-shell .admin-pipeline-label {
    color: rgba(176, 194, 227, 0.82);
    font-size: 0.82rem;
}

.admin-shell .admin-pipeline-value {
    font-size: 1.6rem;
    font-weight: 680;
    color: #f3f7ff;
}

.admin-dashboard-page .admin-main-container {
    max-width: 1320px;
}

.admin-dashboard-page .admin-dashboard-shell {
    max-width: 1260px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 1.45rem;
    padding-bottom: 1.5rem;
}

.admin-dashboard-page .admin-dashboard-shell > section {
    margin-bottom: 0 !important;
}

.admin-dashboard-page .admin-dashboard-panel {
    border-color: rgba(167, 186, 228, 0.15);
    border-radius: 1.3rem;
    background:
        linear-gradient(180deg, rgba(15, 24, 43, 0.95), rgba(10, 16, 30, 0.95));
    box-shadow:
        0 20px 48px rgba(3, 8, 20, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(16px);
}

.admin-dashboard-page .admin-dashboard-panel > .card-body {
    padding: clamp(1.35rem, 2.2vw, 1.8rem);
}

.admin-dashboard-page .admin-dashboard-hero {
    background:
        radial-gradient(circle at 86% 22%, rgba(255, 181, 120, 0.12), transparent 18%),
        radial-gradient(circle at top right, rgba(146, 102, 246, 0.24), transparent 40%),
        linear-gradient(145deg, rgba(18, 29, 49, 0.98), rgba(11, 18, 33, 0.98));
}

.admin-dashboard-page .admin-dashboard-intro-text,
.admin-dashboard-page .admin-dashboard-section-copy {
    max-width: 38rem;
}

.admin-dashboard-page .admin-dashboard-summary {
    gap: 0.9rem;
}

.admin-dashboard-page .admin-dashboard-pill {
    min-width: 11rem;
    padding: 1rem 1.05rem;
    border-color: rgba(176, 194, 231, 0.16);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.025)),
        rgba(9, 15, 28, 0.58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.admin-dashboard-page .admin-dashboard-action-rail {
    padding: 0.72rem;
    border: 1px solid rgba(171, 189, 231, 0.14);
    border-radius: 1.15rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        rgba(10, 16, 29, 0.48);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.admin-dashboard-page .admin-dashboard-hero-actions {
    gap: 0.75rem;
}

.admin-dashboard-page .admin-dashboard-hero-actions .btn,
.admin-dashboard-page .admin-quick-action-btn,
.admin-dashboard-page .admin-priority-card .btn,
.admin-dashboard-page .admin-dashboard-filter-card .btn {
    min-height: 3rem;
    border-radius: 0.95rem;
    font-weight: 650;
    letter-spacing: 0.01em;
}

.admin-dashboard-page .btn-primary {
    box-shadow:
        0 18px 36px rgba(124, 73, 231, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.admin-dashboard-page .btn-outline-secondary {
    border-color: rgba(168, 187, 228, 0.2);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
        rgba(10, 16, 30, 0.32);
}

.admin-dashboard-page .btn-outline-secondary:hover,
.admin-dashboard-page .btn-outline-secondary:focus-visible {
    border-color: rgba(193, 160, 247, 0.36);
    background:
        linear-gradient(180deg, rgba(142, 101, 241, 0.2), rgba(255, 255, 255, 0.04)),
        rgba(17, 25, 43, 0.56);
}

.admin-dashboard-page .admin-dashboard-filter-card {
    background:
        linear-gradient(180deg, rgba(18, 27, 47, 0.95), rgba(11, 18, 33, 0.95));
}

.admin-dashboard-page .admin-dashboard-filter-card .form-label {
    margin-bottom: 0.5rem;
    color: rgba(224, 233, 251, 0.92);
    font-size: 0.88rem;
    font-weight: 620;
}

.admin-dashboard-page .form-control,
.admin-dashboard-page .form-select {
    min-height: 3rem;
    border-radius: 0.95rem;
    background:
        linear-gradient(180deg, rgba(8, 14, 27, 0.92), rgba(11, 17, 31, 0.86));
}

.admin-dashboard-page .admin-panel-head {
    gap: 1rem;
}

.admin-dashboard-page .admin-priority-grid {
    gap: 1rem;
}

.admin-dashboard-page .admin-priority-card {
    position: relative;
    overflow: hidden;
    min-height: 14.5rem;
    padding: 1.45rem;
    border-radius: 1.15rem;
    border-color: rgba(162, 183, 226, 0.15);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018)),
        rgba(10, 16, 29, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.admin-dashboard-page .admin-priority-card::before {
    content: '';
    display: block;
    width: 2.75rem;
    height: 1px;
    margin-bottom: 1.2rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0));
}

.admin-dashboard-page .admin-priority-card-featured {
    padding: 1.6rem;
    border-color: rgba(193, 158, 248, 0.24);
    background:
        radial-gradient(circle at top right, rgba(171, 109, 247, 0.18), transparent 42%),
        linear-gradient(160deg, rgba(42, 32, 82, 0.82), rgba(14, 20, 37, 0.98));
    box-shadow:
        0 22px 44px rgba(26, 18, 52, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.admin-dashboard-page .admin-priority-copy {
    max-width: 30rem;
}

.admin-dashboard-page .admin-health-list {
    gap: 0.9rem;
}

.admin-dashboard-page .admin-health-item {
    padding: 1.05rem 1.1rem;
    border: 1px solid rgba(159, 181, 224, 0.14);
    border-bottom: 1px solid rgba(159, 181, 224, 0.14);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.018)),
        rgba(10, 15, 28, 0.58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.admin-dashboard-page .admin-health-item:first-child,
.admin-dashboard-page .admin-health-item:last-child {
    padding: 1.05rem 1.1rem;
}

.admin-dashboard-page .admin-health-meta {
    max-width: 13rem;
}

.admin-dashboard-page .admin-pipeline-grid {
    gap: 1rem;
    margin-top: 0.25rem;
}

.admin-dashboard-page .admin-pipeline-stage {
    min-height: 9.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.12rem;
    border-radius: 1.05rem;
    border-color: rgba(155, 178, 222, 0.15);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.018)),
        rgba(10, 15, 28, 0.7);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.admin-dashboard-page .admin-pipeline-label {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-dashboard-page .admin-activity-list {
    gap: 0.85rem;
}

.admin-dashboard-page .admin-activity-list li {
    padding: 1rem 1rem 1rem 1.35rem;
    border: 1px solid rgba(159, 181, 224, 0.14);
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.018)),
        rgba(10, 15, 28, 0.58);
}

.admin-dashboard-page .admin-activity-list li::before {
    left: 0.92rem;
    top: 1.2rem;
}

.admin-dashboard-page .admin-quick-actions {
    gap: 0.85rem;
}

.admin-dashboard-page .table-responsive {
    overflow: hidden;
    border: 1px solid rgba(156, 179, 222, 0.14);
    border-radius: 1.05rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01)),
        rgba(8, 13, 25, 0.5);
}

.admin-dashboard-page .table thead th {
    padding: 0.95rem 1rem;
    color: rgba(187, 201, 230, 0.84);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-dashboard-page .table tbody td {
    padding: 0.95rem 1rem;
}

.admin-dashboard-page .table-hover > tbody > tr:hover > * {
    background: rgba(123, 89, 226, 0.12);
}

.admin-dashboard-page .admin-dashboard-inline-link,
.admin-dashboard-page .admin-dashboard-chip-link,
.admin-dashboard-page .admin-dashboard-table-link {
    color: rgba(231, 239, 255, 0.92);
    text-decoration: none;
    transition:
        color 160ms ease,
        background-color 160ms ease,
        border-color 160ms ease,
        transform 160ms ease;
}

.admin-dashboard-page .admin-dashboard-inline-link {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(163, 184, 226, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    font-size: 0.8rem;
    font-weight: 650;
}

.admin-dashboard-page .admin-dashboard-chip-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    align-self: flex-start;
    padding: 0.48rem 0.74rem;
    border: 1px solid rgba(163, 184, 226, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    font-size: 0.78rem;
    font-weight: 650;
}

.admin-dashboard-page .admin-dashboard-inline-link::after,
.admin-dashboard-page .admin-dashboard-chip-link::after,
.admin-dashboard-page .admin-dashboard-table-link::after {
    content: '›';
    font-size: 1rem;
    line-height: 1;
    opacity: 0.78;
}

.admin-dashboard-page .admin-dashboard-table-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 650;
}

.admin-dashboard-page .admin-dashboard-inline-link:hover,
.admin-dashboard-page .admin-dashboard-inline-link:focus-visible,
.admin-dashboard-page .admin-dashboard-chip-link:hover,
.admin-dashboard-page .admin-dashboard-chip-link:focus-visible,
.admin-dashboard-page .admin-dashboard-table-link:hover,
.admin-dashboard-page .admin-dashboard-table-link:focus-visible {
    color: #ffffff;
    border-color: rgba(204, 172, 249, 0.36);
    background: rgba(147, 104, 242, 0.12);
    transform: translateY(-1px);
}

.admin-dashboard-page .table tbody tr:hover > * {
    background: rgba(123, 89, 226, 0.12);
}

.admin-dashboard-page .admin-dashboard-inline-link::after,
.admin-dashboard-page .admin-dashboard-chip-link::after,
.admin-dashboard-page .admin-dashboard-table-link::after {
    content: '>';
}

.admin-shell .admin-stat-label {
    font-size: 0.78rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: rgba(179, 196, 227, 0.78);
    font-weight: 700;
}

.admin-shell .admin-stat-value {
    font-size: clamp(1.52rem, 3.2vw, 1.95rem);
    font-weight: 690;
    color: #f2f6ff;
    letter-spacing: -0.02em;
    line-height: 1;
}

.admin-shell .admin-stat-meta {
    color: rgba(173, 190, 220, 0.82);
    font-size: 0.82rem;
}

.admin-shell .admin-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.admin-shell .admin-activity-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--admin-space-12);
}

.admin-shell .admin-activity-list li {
    position: relative;
    padding-left: 1rem;
    color: rgba(211, 223, 248, 0.9);
    line-height: 1.4;
}

.admin-shell .admin-activity-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.46rem;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: rgba(167, 128, 252, 0.82);
    box-shadow: 0 0 0 0.18rem rgba(153, 114, 244, 0.2);
}

.admin-shell .admin-quick-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--admin-space-12);
}

.admin-shell .admin-candidate-selection-bar {
    position: sticky;
    bottom: 1rem;
    z-index: 20;
}

.admin-shell .admin-quick-action-btn {
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.admin-administration-workspace-page .admin-main-container {
    max-width: min(1540px, calc(var(--admin-content-max-width) + 7rem));
}

.admin-administration-workspace-page .admin-admin-page-shell {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.admin-administration-workspace-page .admin-admin-page-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(151, 175, 222, 0.18);
    background:
        radial-gradient(circle at top right, rgba(139, 97, 236, 0.3), transparent 34%),
        radial-gradient(circle at bottom left, rgba(78, 118, 226, 0.18), transparent 28%),
        linear-gradient(145deg, rgba(17, 23, 43, 0.96), rgba(11, 18, 34, 0.9));
    box-shadow: 0 28px 50px rgba(5, 10, 24, 0.34);
}

.admin-administration-workspace-page .admin-admin-page-hero::after {
    content: '';
    position: absolute;
    inset: auto 1.4rem -1px 1.4rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(198, 213, 244, 0.26), transparent);
}

.admin-administration-workspace-page .admin-admin-page-hero > .card-body,
.admin-administration-workspace-page .admin-admin-filter-card > .card-body,
.admin-administration-workspace-page .admin-admin-panel > .card-body,
.admin-administration-workspace-page .admin-admin-table-card > .card-body,
.admin-administration-workspace-page .admin-admin-form-section > .card-body {
    padding: 1.35rem 1.4rem;
}

.admin-administration-workspace-page .admin-admin-page-hero-grid,
.admin-administration-workspace-page .admin-admin-section-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.admin-administration-workspace-page .admin-admin-page-copy,
.admin-administration-workspace-page .admin-admin-section-head > div:first-child {
    max-width: min(54rem, 100%);
}

.admin-administration-workspace-page .admin-admin-page-eyebrow {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(206, 218, 246, 0.78);
}

.admin-administration-workspace-page .admin-admin-page-title {
    font-size: clamp(1.6rem, 1.25rem + 1vw, 2.2rem);
    line-height: 1.05;
    color: #f8fbff;
}

.admin-administration-workspace-page .admin-admin-page-subtitle,
.admin-administration-workspace-page .admin-admin-section-copy {
    max-width: 56rem;
    color: rgba(201, 214, 241, 0.78);
    line-height: 1.55;
}

.admin-administration-workspace-page .admin-admin-page-actions,
.admin-administration-workspace-page .admin-admin-inline-actions,
.admin-administration-workspace-page .admin-admin-icon-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.admin-administration-workspace-page .admin-admin-page-meta {
    margin-top: 1.1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.admin-administration-workspace-page .admin-admin-chip,
.admin-administration-workspace-page .admin-admin-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2rem;
    padding: 0.36rem 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(157, 180, 224, 0.18);
    background: rgba(124, 145, 193, 0.12);
    color: rgba(238, 244, 255, 0.94);
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1;
}

.admin-administration-workspace-page .admin-admin-chip.is-soft {
    background: rgba(90, 118, 179, 0.14);
}

.admin-administration-workspace-page .admin-admin-chip.is-status-success,
.admin-administration-workspace-page .admin-admin-pill.is-success {
    border-color: rgba(74, 222, 128, 0.25);
    background: rgba(34, 197, 94, 0.14);
    color: #c9f8dd;
}

.admin-administration-workspace-page .admin-admin-chip.is-status-warning {
    border-color: rgba(250, 204, 21, 0.22);
    background: rgba(245, 158, 11, 0.14);
    color: #ffe8b0;
}

.admin-administration-workspace-page .admin-admin-chip.is-status-danger,
.admin-administration-workspace-page .admin-admin-pill.is-danger {
    border-color: rgba(248, 113, 113, 0.22);
    background: rgba(239, 68, 68, 0.14);
    color: #ffd0d0;
}

.admin-administration-workspace-page .admin-admin-chip.is-status-secondary,
.admin-administration-workspace-page .admin-admin-pill.is-muted {
    background: rgba(124, 145, 193, 0.1);
    color: rgba(214, 225, 246, 0.8);
}

.admin-administration-workspace-page .admin-admin-pill.is-primary {
    border-color: rgba(132, 102, 239, 0.28);
    background: rgba(132, 102, 239, 0.16);
    color: #e2d7ff;
}

.admin-administration-workspace-page .admin-admin-filter-card,
.admin-administration-workspace-page .admin-admin-panel,
.admin-administration-workspace-page .admin-admin-table-card,
.admin-administration-workspace-page .admin-admin-form-section {
    border: 1px solid rgba(151, 175, 222, 0.16);
    background: linear-gradient(180deg, rgba(14, 21, 38, 0.94), rgba(9, 15, 28, 0.96));
    box-shadow: 0 18px 36px rgba(6, 11, 24, 0.24);
}

.admin-administration-workspace-page .admin-admin-filter-form {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    align-items: end;
}

.admin-administration-workspace-page .admin-admin-filter-field {
    grid-column: span 2;
}

.admin-administration-workspace-page .admin-admin-filter-field.is-wide {
    grid-column: span 4;
}

.admin-administration-workspace-page .admin-admin-filter-actions {
    grid-column: span 4;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
}

.admin-administration-workspace-page .admin-admin-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.admin-administration-workspace-page .admin-admin-stat-grid-compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-administration-workspace-page .admin-admin-stat-card {
    border: 1px solid rgba(150, 175, 222, 0.14);
    background: rgba(105, 130, 188, 0.08);
    min-height: 100%;
}

.admin-administration-workspace-page .admin-admin-stat-card > .card-body {
    padding: 1rem 1.05rem;
}

.admin-administration-workspace-page .admin-admin-stat-label {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: rgba(195, 208, 236, 0.78);
}

.admin-administration-workspace-page .admin-admin-stat-value,
.admin-administration-workspace-page .admin-admin-pipeline-value {
    margin-top: 0.45rem;
    font-size: clamp(1.35rem, 1.1rem + 0.5vw, 1.8rem);
    line-height: 1.05;
    color: #fbfdff;
}

.admin-administration-workspace-page .admin-admin-pipeline-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.admin-administration-workspace-page .admin-admin-pipeline-stage,
.admin-administration-workspace-page .admin-admin-mini-metric,
.admin-administration-workspace-page .admin-admin-detail-row {
    border: 1px solid rgba(150, 175, 222, 0.14);
    border-radius: 1rem;
    background: rgba(109, 132, 188, 0.08);
}

.admin-administration-workspace-page .admin-admin-pipeline-stage {
    padding: 1rem;
}

.admin-administration-workspace-page .admin-admin-pipeline-label {
    display: block;
    font-size: 0.82rem;
    color: rgba(195, 208, 236, 0.78);
}

.admin-administration-workspace-page .admin-admin-table-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.2rem 1.4rem;
    border-bottom: 1px solid rgba(151, 175, 222, 0.14);
}

.admin-administration-workspace-page .admin-admin-table-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.02);
}

.admin-administration-workspace-page .admin-admin-table {
    min-width: 760px;
}

.admin-administration-workspace-page .admin-admin-table thead th {
    border-bottom-color: rgba(151, 175, 222, 0.14);
    color: rgba(195, 208, 236, 0.74);
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
    background: rgba(10, 16, 30, 0.88);
}

.admin-administration-workspace-page .admin-admin-table tbody td {
    border-bottom-color: rgba(151, 175, 222, 0.1);
    color: rgba(231, 239, 253, 0.92);
}

.admin-administration-workspace-page .admin-admin-table tbody tr:hover > * {
    background: rgba(132, 102, 239, 0.08);
}

.admin-administration-workspace-page .admin-admin-inline-link {
    color: #d7cbff;
    font-weight: 600;
    text-decoration: none;
}

.admin-administration-workspace-page .admin-admin-inline-link:hover,
.admin-administration-workspace-page .admin-admin-inline-link:focus-visible {
    color: #f0ebff;
    text-decoration: underline;
    outline: none;
}

.admin-administration-workspace-page .admin-admin-empty-state {
    padding: 1.4rem;
    border-radius: 1rem;
    border: 1px dashed rgba(151, 175, 222, 0.18);
    background: rgba(93, 116, 170, 0.06);
}

.admin-administration-workspace-page .admin-admin-two-column-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
}

.admin-administration-workspace-page .admin-admin-detail-list,
.admin-administration-workspace-page .admin-admin-feed {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-administration-workspace-page .admin-admin-detail-row,
.admin-administration-workspace-page .admin-admin-mini-metric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.82rem 0.95rem;
}

.admin-administration-workspace-page .admin-admin-detail-row span,
.admin-administration-workspace-page .admin-admin-mini-metric span,
.admin-administration-workspace-page .admin-admin-feed-meta {
    color: rgba(194, 208, 237, 0.76);
    font-size: 0.84rem;
}

.admin-administration-workspace-page .admin-admin-mini-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.9rem;
}

.admin-administration-workspace-page .admin-admin-feed-item {
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(150, 175, 222, 0.14);
    background: rgba(109, 132, 188, 0.08);
}

.admin-administration-workspace-page .admin-admin-feed-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.admin-administration-workspace-page .admin-admin-feed-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 0.8rem;
}

.admin-administration-workspace-page .admin-admin-details summary {
    cursor: pointer;
    color: rgba(226, 235, 255, 0.92);
}

.admin-administration-workspace-page .admin-admin-pre {
    max-height: 20rem;
    overflow: auto;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(150, 175, 222, 0.14);
    border-radius: 0.9rem;
    background: rgba(6, 11, 23, 0.86);
    color: rgba(218, 228, 247, 0.88);
    white-space: pre-wrap;
}

.admin-administration-workspace-page .admin-admin-user-cell {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.admin-administration-workspace-page .admin-admin-user-avatar {
    width: 2.55rem;
    height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(133, 102, 239, 0.3), rgba(91, 62, 200, 0.82));
    color: #fff;
    font-weight: 700;
    box-shadow: 0 12px 22px rgba(58, 28, 122, 0.24);
}

.admin-administration-workspace-page .admin-admin-user-copy {
    min-width: 0;
}

.admin-administration-workspace-page .admin-admin-icon-btn {
    width: 2.3rem;
    height: 2.3rem;
    padding: 0;
    border-radius: 0.78rem;
    border: 1px solid rgba(150, 175, 222, 0.18);
    background: rgba(109, 132, 188, 0.08);
    color: rgba(235, 242, 255, 0.92);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        background-color 0.18s ease,
        color 0.18s ease;
}

.admin-administration-workspace-page .admin-admin-icon-btn:hover,
.admin-administration-workspace-page .admin-admin-icon-btn:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(174, 128, 255, 0.4);
    background: rgba(132, 102, 239, 0.16);
    color: #fff;
    outline: none;
}

.admin-administration-workspace-page .admin-admin-icon-btn.is-danger {
    color: #ffb4b4;
}

.admin-administration-workspace-page .admin-admin-icon-btn.is-danger:hover,
.admin-administration-workspace-page .admin-admin-icon-btn.is-danger:focus-visible {
    border-color: rgba(248, 113, 113, 0.3);
    background: rgba(239, 68, 68, 0.16);
    color: #fff2f2;
}

.admin-administration-workspace-page .admin-admin-icon-btn svg {
    width: 1rem;
    height: 1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-administration-workspace-page .admin-admin-error-summary {
    margin-bottom: 0;
}

.admin-administration-workspace-page .admin-admin-form-section {
    height: 100%;
}

.admin-administration-workspace-page .admin-admin-security-panel {
    display: grid;
    grid-template-columns: minmax(0, 180px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.admin-administration-workspace-page .admin-admin-qr-shell {
    min-height: 11.75rem;
    padding: 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(150, 175, 222, 0.14);
    background: rgba(255, 255, 255, 0.96);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.admin-administration-workspace-page .admin-admin-form-actions-card {
    position: sticky;
    top: calc(var(--admin-topbar-height, 72px) + 1rem);
}

.admin-settings-page .admin-settings-tab-list {
    gap: 0.7rem;
    border-bottom: 0;
    padding: 0;
}

.admin-settings-page .admin-settings-tab-list .nav-item {
    margin-bottom: 0;
}

.admin-settings-page .admin-settings-tab-link {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    border: 1px solid rgba(150, 175, 222, 0.14);
    border-radius: 999px;
    background: rgba(110, 133, 188, 0.08);
    color: rgba(216, 227, 248, 0.84);
    font-weight: 600;
}

.admin-settings-page .admin-settings-tab-link:hover,
.admin-settings-page .admin-settings-tab-link:focus-visible {
    border-color: rgba(174, 128, 255, 0.34);
    background: rgba(132, 102, 239, 0.14);
    color: #fff;
    outline: none;
}

.admin-settings-page .admin-settings-tab-link.active {
    border-color: rgba(174, 128, 255, 0.44);
    background: linear-gradient(135deg, rgba(132, 102, 239, 0.2), rgba(88, 133, 230, 0.14));
    color: #fff;
    box-shadow: 0 12px 26px rgba(37, 20, 84, 0.22);
}

.admin-settings-page .admin-settings-pane {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.admin-settings-page .admin-settings-savebar {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(150, 175, 222, 0.14);
}

.admin-settings-page .admin-settings-pane .admin-surface-card {
    border: 1px solid rgba(151, 175, 222, 0.16);
    background: linear-gradient(180deg, rgba(14, 21, 38, 0.94), rgba(9, 15, 28, 0.96));
}

.admin-settings-page .admin-settings-pane .bg-body-tertiary,
.admin-settings-page .admin-settings-pane .border.rounded,
.admin-settings-page .admin-settings-pane .alert-secondary {
    border-color: rgba(150, 175, 222, 0.14) !important;
    background: rgba(105, 130, 188, 0.08) !important;
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-page-hero {
    border-color: rgba(148, 163, 184, 0.18);
    background:
        radial-gradient(circle at top right, rgba(108, 79, 224, 0.16), transparent 34%),
        radial-gradient(circle at bottom left, rgba(59, 130, 246, 0.1), transparent 28%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 255, 0.98));
    box-shadow: 0 24px 44px rgba(15, 23, 42, 0.08);
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-page-title,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-stat-value,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-pipeline-value {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-page-eyebrow,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-page-subtitle,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-section-copy,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-stat-label,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-pipeline-label,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-detail-row span,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-mini-metric span,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-feed-meta {
    color: rgba(71, 85, 105, 0.82);
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-chip,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-pill {
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(255, 255, 255, 0.9);
    color: #28135d;
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-pill.is-muted,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-chip.is-status-secondary {
    color: rgba(71, 85, 105, 0.78);
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-filter-card,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-panel,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-table-card,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-form-section,
[data-bs-theme='light'] .admin-settings-page .admin-settings-pane .admin-surface-card {
    border-color: rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(246, 249, 255, 0.97));
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.06);
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-stat-card,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-pipeline-stage,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-mini-metric,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-detail-row,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-feed-item,
[data-bs-theme='light'] .admin-settings-page .admin-settings-pane .bg-body-tertiary,
[data-bs-theme='light'] .admin-settings-page .admin-settings-pane .border.rounded,
[data-bs-theme='light'] .admin-settings-page .admin-settings-pane .alert-secondary {
    border-color: rgba(148, 163, 184, 0.16) !important;
    background: rgba(248, 250, 255, 0.94) !important;
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-table thead th {
    border-bottom-color: rgba(148, 163, 184, 0.18);
    color: rgba(71, 85, 105, 0.78);
    background: rgba(247, 249, 255, 0.94);
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-table tbody td {
    border-bottom-color: rgba(148, 163, 184, 0.12);
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-table tbody tr:hover > * {
    background: rgba(108, 79, 224, 0.05);
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-inline-link {
    color: #4c1d95;
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-inline-link:hover,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-inline-link:focus-visible {
    color: #312e81;
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-empty-state {
    border-color: rgba(148, 163, 184, 0.2);
    background: rgba(248, 250, 255, 0.92);
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-icon-btn {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(255, 255, 255, 0.88);
    color: #28135d;
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-icon-btn:hover,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-icon-btn:focus-visible {
    border-color: rgba(108, 79, 224, 0.32);
    background: rgba(108, 79, 224, 0.12);
    color: #28135d;
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-icon-btn.is-danger {
    color: #b91c1c;
}

[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-icon-btn.is-danger:hover,
[data-bs-theme='light'] .admin-administration-workspace-page .admin-admin-icon-btn.is-danger:focus-visible {
    border-color: rgba(239, 68, 68, 0.3);
    background: rgba(254, 226, 226, 0.92);
    color: #991b1b;
}

[data-bs-theme='light'] .admin-settings-page .admin-settings-tab-link {
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(255, 255, 255, 0.88);
    color: #475569;
}

[data-bs-theme='light'] .admin-settings-page .admin-settings-tab-link:hover,
[data-bs-theme='light'] .admin-settings-page .admin-settings-tab-link:focus-visible {
    border-color: rgba(108, 79, 224, 0.24);
    background: rgba(108, 79, 224, 0.08);
    color: #312e81;
}

[data-bs-theme='light'] .admin-settings-page .admin-settings-tab-link.active {
    border-color: rgba(108, 79, 224, 0.3);
    background: linear-gradient(135deg, rgba(108, 79, 224, 0.12), rgba(59, 130, 246, 0.06));
    color: #28135d;
}

@media (max-width: 1199.98px) {
    .admin-administration-workspace-page .admin-admin-two-column-grid,
    .admin-administration-workspace-page .admin-admin-stat-grid,
    .admin-administration-workspace-page .admin-admin-pipeline-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-administration-workspace-page .admin-admin-filter-field,
    .admin-administration-workspace-page .admin-admin-filter-field.is-wide,
    .admin-administration-workspace-page .admin-admin-filter-actions {
        grid-column: span 6;
    }

    .admin-administration-workspace-page .admin-admin-form-actions-card {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .admin-jobs-page .admin-jobs-filter-form .admin-admin-filter-field,
    .admin-jobs-page .admin-jobs-filter-form .admin-admin-filter-actions {
        grid-column: 1 / -1;
    }

    .admin-test-templates-page .admin-test-templates-filter-card > .card-body {
        padding: 1rem;
    }

    .admin-administration-workspace-page .admin-admin-page-hero > .card-body,
    .admin-administration-workspace-page .admin-admin-filter-card > .card-body,
    .admin-administration-workspace-page .admin-admin-panel > .card-body,
    .admin-administration-workspace-page .admin-admin-table-card > .card-body,
    .admin-administration-workspace-page .admin-admin-form-section > .card-body {
        padding: 1rem;
    }

    .admin-administration-workspace-page .admin-admin-two-column-grid,
    .admin-administration-workspace-page .admin-admin-stat-grid,
    .admin-administration-workspace-page .admin-admin-stat-grid-compact,
    .admin-administration-workspace-page .admin-admin-pipeline-grid,
    .admin-administration-workspace-page .admin-admin-mini-metrics,
    .admin-administration-workspace-page .admin-admin-security-panel {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-administration-workspace-page .admin-admin-filter-field,
    .admin-administration-workspace-page .admin-admin-filter-field.is-wide,
    .admin-administration-workspace-page .admin-admin-filter-actions {
        grid-column: 1 / -1;
    }

    .admin-administration-workspace-page .admin-admin-filter-actions {
        justify-content: stretch;
    }

    .admin-administration-workspace-page .admin-admin-filter-actions .btn,
    .admin-administration-workspace-page .admin-admin-page-actions .btn {
        width: 100%;
    }

    .admin-administration-workspace-page .admin-admin-table {
        min-width: 680px;
    }

    .admin-settings-page .admin-settings-tab-list {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 0.2rem;
    }

    .admin-settings-page .admin-settings-tab-list .nav-item {
        flex: 0 0 auto;
    }
}

.admin-shell.admin-shell-collapsed {
    --admin-sidebar-width: var(--admin-sidebar-collapsed-width);
}

.admin-shell.admin-shell-collapsed .admin-sidebar-group-toggle-text,
.admin-shell.admin-shell-collapsed .admin-sidebar-brand-text,
.admin-shell.admin-shell-collapsed .admin-sidebar-label {
    width: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-group-toggle {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    pointer-events: none;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-group-active-indicator,
.admin-shell.admin-shell-collapsed .admin-sidebar-group-chevron,
.admin-shell.admin-shell-collapsed .admin-sidebar-group-icon {
    display: none;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-group-list {
    display: flex !important;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-workspace-shortcut,
.admin-shell.admin-shell-collapsed .admin-sidebar-category-header {
    display: none;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-category {
    gap: 0.25rem;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-subnav {
    padding-left: 0;
    gap: 0.25rem;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-subnav-grid {
    grid-template-columns: minmax(0, 1fr);
}

.admin-shell.admin-shell-collapsed .admin-sidebar-subnav-link .admin-sidebar-link-icon {
    display: inline-flex;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-brand {
    justify-content: center;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-link,
.admin-shell.admin-shell-collapsed .admin-sidebar-collapse-btn {
    justify-content: center;
    padding-inline: 0.58rem;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-link.is-active,
.admin-shell.admin-shell-collapsed .admin-sidebar-link[aria-current='page'] {
    box-shadow:
        inset 0 0 0 1px rgba(175, 129, 255, 0.44),
        0 8px 14px rgba(40, 20, 84, 0.24);
}

.table-responsive {
    scrollbar-gutter: stable both-edges;
}

.table-responsive .table {
    min-width: 720px;
}

/* Candidate scores tab: prevent horizontal overflow in score cards */
.admin-shell .candidate-scores-tab {
    overflow-x: hidden;
}

.admin-shell .candidate-scores-tab,
.admin-shell .candidate-scores-tab * {
    box-sizing: border-box;
}

.admin-shell .candidate-scores-tab .row > [class*='col-'],
.admin-shell .candidate-scores-tab .candidate-score-card,
.admin-shell .candidate-scores-tab .candidate-score-card .card-body {
    min-width: 0;
}

.admin-shell .candidate-scores-tab .table-responsive {
    overflow-x: hidden;
    max-width: 100%;
    scrollbar-gutter: auto;
}

.admin-shell .candidate-scores-tab .table-responsive .table,
.admin-shell .candidate-scores-tab .candidate-score-table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
}

.admin-shell .candidate-scores-tab .candidate-score-table th,
.admin-shell .candidate-scores-tab .candidate-score-table td {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.admin-shell .candidate-scores-tab .big-five-radar-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.admin-shell .candidate-scores-tab .big-five-radar-canvas {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.landing-main {
    max-width: 1120px;
    margin-inline: auto;
    padding-top: 0.8rem;
}

.landing-hero {
    position: relative;
    margin-bottom: 2.6rem;
    padding-top: 0.75rem;
}

.landing-hero-title {
    font-size: clamp(2.05rem, 2.85vw, 2.72rem);
    font-weight: 760;
    letter-spacing: -0.01em;
    line-height: 1.1;
}

.landing-hero-eyebrow {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--neutral-muted);
    opacity: 0.72;
}

.landing-hero-subtitle {
    max-width: 760px;
    margin-inline: auto;
    font-size: 1.03rem;
    color: var(--neutral-muted);
    opacity: 0.85;
}

.contact-hero {
    margin-bottom: 3rem;
    padding-top: 1rem;
}

.contact-hero-subtitle {
    max-width: 820px;
    opacity: 0.72;
}

.contact-page-grid {
    align-items: stretch;
}

.contact-info-card {
    border-color: rgba(var(--brand-primary-rgb), 0.09);
}

.contact-info-body {
    padding: 1.15rem 1.1rem;
}

.contact-info-media {
    margin-top: 1.5rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    border-radius: 1rem;
    overflow: hidden;
    background: rgba(var(--brand-primary-rgb), 0.06);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12);
}

.contact-info-image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.contact-info-email-link {
    color: var(--neutral-text);
    text-decoration: none;
}

.contact-info-email-link:hover,
.contact-info-email-link:focus-visible {
    color: var(--app-brand);
    text-decoration: underline;
}

.contact-map-card {
    border-color: rgba(var(--brand-primary-rgb), 0.16);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.1);
}

.contact-map-body {
    padding: 1.35rem 1.25rem;
}

.contact-map-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.85rem 1.25rem;
    margin-bottom: 1rem;
}

.contact-map-wrap {
    border-color: rgba(var(--brand-primary-rgb), 0.2) !important;
    min-height: 300px;
    background: rgba(var(--brand-primary-rgb), 0.06);
}

.contact-map-frame {
    width: 100%;
    min-height: 300px;
    height: 100%;
    border: 0;
    display: block;
}

.contact-map-card .contact-map-wrap,
.contact-map-card .contact-map-frame {
    min-height: 340px;
}

.contact-map-open-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--app-brand);
    font-size: 0.88rem;
    text-decoration: none;
}

.contact-map-open-link:hover,
.contact-map-open-link:focus-visible {
    color: var(--brand-primary-hover);
    text-decoration: underline;
}

.contact-form-card {
    border-color: rgba(var(--brand-primary-rgb), 0.2);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
}

.contact-form-body {
    padding: 1.45rem 1.25rem;
}

[data-bs-theme='dark'] .contact-form-card {
    border-color: rgba(183, 201, 236, 0.24);
    background: linear-gradient(180deg, rgba(20, 33, 55, 0.94), rgba(17, 28, 48, 0.94));
    box-shadow: 0 20px 38px rgba(2, 6, 16, 0.58);
}

[data-bs-theme='dark'] .contact-map-card {
    border-color: rgba(183, 201, 236, 0.2);
    background: linear-gradient(180deg, rgba(19, 31, 52, 0.94), rgba(15, 25, 43, 0.94));
    box-shadow: 0 18px 36px rgba(2, 6, 16, 0.52);
}

[data-bs-theme='dark'] .contact-info-media {
    border-color: rgba(183, 201, 236, 0.2);
    background: rgba(17, 28, 48, 0.74);
    box-shadow: 0 16px 32px rgba(2, 6, 16, 0.42);
}

[data-bs-theme='dark'] .contact-info-card {
    border-color: rgba(183, 201, 236, 0.14);
}

.contact-form-control {
    min-height: 2.9rem;
    padding-inline: 0.9rem;
    border-color: rgba(var(--brand-primary-rgb), 0.22);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.contact-form-control:hover {
    border-color: rgba(var(--brand-primary-rgb), 0.4);
}

.contact-form-control:focus {
    border-color: var(--app-brand);
    box-shadow: 0 0 0 0.22rem rgba(var(--brand-primary-rgb), 0.24);
}

.contact-form-textarea {
    min-height: 11.2rem;
    padding-top: 0.78rem;
    padding-bottom: 0.78rem;
    resize: vertical;
}

[data-bs-theme='dark'] .contact-form-control {
    background-color: rgba(17, 26, 43, 0.66);
    border-color: rgba(166, 184, 219, 0.26);
}

[data-bs-theme='dark'] .contact-form-control:hover {
    border-color: rgba(190, 205, 237, 0.34);
}

[data-bs-theme='dark'] .contact-form-control:focus {
    border-color: rgba(172, 143, 255, 0.78);
    box-shadow: 0 0 0 0.22rem rgba(var(--brand-primary-rgb), 0.32);
}

.contact-submit-btn {
    box-shadow: 0 10px 22px rgba(178, 44, 208, 0.28);
}

[data-bs-theme='dark'] .contact-submit-btn:hover {
    box-shadow: 0 14px 28px rgba(180, 73, 220, 0.48), 0 0 18px rgba(180, 73, 220, 0.24);
}

.contact-form-note {
    font-size: 0.86rem;
    opacity: 0.88;
}

[data-bs-theme='dark'] .landing-hero::before {
    content: '';
    position: absolute;
    inset: -2.2rem 20% auto;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle at 50% 50%, rgba(var(--brand-primary-rgb), 0.24), rgba(var(--brand-primary-rgb), 0) 72%);
    filter: blur(10px);
    pointer-events: none;
}

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

.landing-card .card-body {
    padding: var(--space-card-padding);
}

.landing-card {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.11);
    border-radius: 1.05rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

[data-bs-theme='dark'] .landing-card {
    border-color: rgba(169, 186, 220, 0.16);
    box-shadow: 0 16px 30px rgba(2, 6, 16, 0.45);
}

.landing-jobs-card {
    border-color: rgba(var(--brand-primary-rgb), 0.2);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 248, 254, 0.94));
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

[data-bs-theme='dark'] .landing-jobs-card {
    border-color: rgba(192, 206, 236, 0.22);
    background: linear-gradient(180deg, rgba(23, 35, 57, 0.92), rgba(16, 27, 45, 0.92));
    box-shadow: 0 20px 40px rgba(2, 6, 16, 0.56), inset 0 1px 0 rgba(219, 229, 255, 0.07);
}

.landing-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.5rem;
    padding: 0.08rem 0;
}

.landing-logo-img {
    display: block;
    width: auto;
    height: 4rem;
    max-width: min(336px, 88vw);
    filter: contrast(1.05) saturate(1.04);
}

.landing-logo-dark {
    display: none;
}

[data-bs-theme='dark'] .landing-logo-light {
    display: none;
}

[data-bs-theme='dark'] .landing-logo-dark {
    display: block;
    filter: brightness(1.14) contrast(1.06) drop-shadow(0 0 6px rgba(170, 136, 255, 0.26));
}

.flag-icon {
    width: 1.5rem;
    height: 1rem;
    border-radius: 0.15rem;
    display: block;
    object-fit: cover;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}

.landing-inline-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--app-brand);
}

.landing-inline-link:hover {
    color: var(--brand-primary-hover);
}

.landing-eyebrow {
    font-size: 0.69rem;
    font-weight: 650;
    letter-spacing: 0.12em;
    color: var(--neutral-muted);
}

.job-card-title {
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 650;
}

.landing-job-card .job-card-title {
    font-size: 1.5rem;
}

.job-card-summary {
    font-size: 0.9rem;
    color: var(--neutral-muted);
    opacity: 0.92;
    line-height: 1.5;
}

.landing-job-cta {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-accent);
    --bs-btn-border-color: var(--brand-accent);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-accent-hover);
    --bs-btn-hover-border-color: var(--brand-accent-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-accent-active);
    --bs-btn-active-border-color: var(--brand-accent-active);
    --bs-btn-padding-x: 1.1rem;
    --bs-btn-padding-y: 0.48rem;
    border-radius: 0.7rem;
    align-self: center;
    width: 100%;
    max-width: 329px;
    text-align: center;
    box-shadow: 0 8px 18px rgba(178, 44, 208, 0.26);
    transition: box-shadow 0.18s ease, transform 0.18s ease, filter 0.18s ease;
}

.landing-job-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 13px 24px rgba(178, 44, 208, 0.4);
    filter: saturate(1.08);
}

.landing-hr-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-color: rgba(var(--brand-primary-rgb), 0.24);
    border-radius: 1.34rem;
    background: linear-gradient(140deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 255, 0.94) 58%, rgba(var(--brand-primary-rgb), 0.08));
    box-shadow:
        0 24px 48px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.landing-hr-card::before {
    content: '';
    position: absolute;
    inset: -22% auto auto -10%;
    width: min(360px, 44vw);
    height: min(360px, 44vw);
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(var(--brand-primary-rgb), 0.18), rgba(var(--brand-primary-rgb), 0));
    pointer-events: none;
    z-index: 0;
}

.landing-hr-card::after {
    content: '';
    position: absolute;
    inset: auto -10% -38% auto;
    width: min(280px, 34vw);
    height: min(280px, 34vw);
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(178, 44, 208, 0.14), rgba(178, 44, 208, 0));
    pointer-events: none;
    z-index: 0;
}

[data-bs-theme='dark'] .landing-hr-card {
    background: linear-gradient(140deg, rgba(26, 38, 62, 0.96), rgba(16, 27, 46, 0.96) 58%, rgba(var(--brand-primary-rgb), 0.18));
    box-shadow:
        0 28px 52px rgba(2, 8, 18, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.landing-hr-body {
    position: relative;
    z-index: 1;
    padding: calc(var(--space-card-padding) + 0.5rem) calc(var(--space-card-padding) + 0.3rem);
}

.landing-hr-input {
    min-height: var(--control-height-lg);
    border-radius: 1rem;
    padding-inline: 1rem;
}

.landing-hr-submit {
    min-height: var(--control-height-lg);
    border-radius: 1rem;
    border: 1px solid transparent;
    color: #fff;
    background: linear-gradient(135deg, #4d5de0 0%, var(--brand-primary) 56%, #b23df2 100%);
    box-shadow: 0 16px 28px rgba(var(--brand-primary-rgb), 0.28);
}

.landing-hr-submit:hover {
    box-shadow: 0 18px 32px rgba(var(--brand-primary-rgb), 0.34);
    filter: saturate(1.05);
    transform: translateY(-1px);
}

.landing-home-main {
    --landing-home-shell-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 241, 255, 0.96));
    --landing-home-shell-border: rgba(var(--brand-primary-rgb), 0.18);
    --landing-home-shell-shadow: 0 24px 46px rgba(15, 23, 42, 0.08);
    --landing-home-card-bg: linear-gradient(155deg, rgba(255, 255, 255, 0.97), rgba(248, 249, 255, 0.94));
    --landing-home-card-border: rgba(var(--brand-primary-rgb), 0.22);
    --landing-home-card-shadow: 0 18px 34px rgba(15, 23, 42, 0.11);
    --landing-home-muted: #4c566b;
    --landing-home-subtle: #717a8d;
    max-width: 1280px;
    padding-top: clamp(0.8rem, 1.7vw, 1.2rem);
    padding-bottom: clamp(0.55rem, 1.2vw, 0.95rem);
    display: grid;
    gap: 1.28rem;
}

[data-bs-theme='dark'] .landing-home-main {
    --landing-home-shell-bg: linear-gradient(180deg, rgba(18, 28, 47, 0.96), rgba(14, 22, 38, 0.95));
    --landing-home-shell-border: rgba(196, 210, 237, 0.16);
    --landing-home-shell-shadow: 0 28px 50px rgba(2, 8, 18, 0.58);
    --landing-home-card-bg: linear-gradient(155deg, rgba(25, 38, 62, 0.94), rgba(15, 26, 44, 0.95));
    --landing-home-card-border: rgba(196, 210, 237, 0.24);
    --landing-home-card-shadow: 0 24px 42px rgba(2, 6, 16, 0.58);
    --landing-home-muted: #ccd6e8;
    --landing-home-subtle: #aeb9ce;
}

.landing-home-hero {
    margin-bottom: 0;
    padding: 0 clamp(1.15rem, 2.2vw, 2.4rem) 0;
    border: 1px solid var(--landing-home-shell-border);
    border-radius: 1.55rem;
    background: var(--landing-home-shell-bg);
    box-shadow: var(--landing-home-shell-shadow);
    overflow: hidden;
    isolation: isolate;
}

.landing-home-hero::before {
    content: '';
    position: absolute;
    inset: -14% auto auto -10%;
    width: min(420px, 42vw);
    height: min(420px, 42vw);
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(var(--brand-primary-rgb), 0.12), rgba(var(--brand-primary-rgb), 0));
    pointer-events: none;
    z-index: 0;
}

.landing-home-hero::after {
    content: '';
    position: absolute;
    inset: auto -12% -34% auto;
    width: min(420px, 38vw);
    height: min(420px, 38vw);
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(178, 44, 208, 0.14), rgba(178, 44, 208, 0));
    pointer-events: none;
    z-index: 0;
}

.landing-home-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.94fr) minmax(320px, 1.06fr);
    align-items: center;
    gap: clamp(1.6rem, 3.4vw, 4rem);
}

.landing-home-hero-copy {
    max-width: 36rem;
    padding-block: clamp(1.5rem, 2vw, 2.2rem) clamp(1.1rem, 1.6vw, 1.65rem);
}

.landing-home-hero .landing-hero-eyebrow {
    opacity: 0.88;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    color: var(--landing-home-subtle);
}

.landing-home-hero .landing-hero-title {
    max-width: 11ch;
    font-size: clamp(2.7rem, 3.7vw + 1rem, 5rem);
    font-weight: 780;
    letter-spacing: -0.05em;
    line-height: 0.94;
    text-wrap: pretty;
}

.landing-home-hero .landing-hero-subtitle {
    max-width: 32rem;
    color: var(--landing-home-muted);
    opacity: 1;
    font-size: 1.04rem;
    line-height: 1.68;
}

.landing-home-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.82rem;
    margin-top: 2rem;
}

.landing-home-hero-cta {
    min-height: 3.2rem;
    padding-inline: 1.45rem;
    border-radius: 999px;
    font-weight: 670;
    font-size: 1rem;
    letter-spacing: -0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}

.landing-home-hero-cta-primary {
    border: 1px solid transparent;
    color: #fff;
    background: linear-gradient(135deg, #5967ff 0%, var(--brand-primary) 58%, #7948ff 100%);
    box-shadow: 0 16px 30px rgba(var(--brand-primary-rgb), 0.24);
}

.landing-home-hero-cta-primary:hover,
.landing-home-hero-cta-primary:focus-visible {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 20px 34px rgba(var(--brand-primary-rgb), 0.3);
}

.landing-home-hero-cta-secondary {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.3);
    color: var(--app-brand);
    background: rgba(255, 255, 255, 0.66);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

.landing-home-hero-cta-secondary:hover,
.landing-home-hero-cta-secondary:focus-visible {
    color: var(--app-brand);
    transform: translateY(-1px);
    border-color: rgba(var(--brand-primary-rgb), 0.44);
    background: rgba(var(--brand-primary-rgb), 0.08);
}

[data-bs-theme='dark'] .landing-home-hero-cta-secondary {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.12);
    color: #eef3ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.landing-home-hero-visual {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: min(100%, 42rem);
    margin-inline-start: auto;
    align-self: end;
}

.landing-home-hero-visual::before {
    content: '';
    position: absolute;
    inset: 8% auto auto 8%;
    width: 36%;
    aspect-ratio: 1;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(var(--brand-primary-rgb), 0.2), rgba(var(--brand-primary-rgb), 0));
    filter: blur(6px);
    z-index: 0;
}

.landing-home-hero-visual::after {
    content: '';
    position: absolute;
    inset: auto -12% -24% auto;
    width: min(18rem, 54%);
    aspect-ratio: 1;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(178, 44, 208, 0.2), rgba(178, 44, 208, 0));
    z-index: 0;
}

[data-bs-theme='dark'] .landing-home-hero-visual::before {
    background: radial-gradient(circle, rgba(var(--brand-primary-rgb), 0.24), rgba(var(--brand-primary-rgb), 0));
}

[data-bs-theme='dark'] .landing-home-hero-visual::after {
    background: radial-gradient(circle, rgba(178, 44, 208, 0.24), rgba(178, 44, 208, 0));
}

.landing-home-hero-brandmark {
    position: absolute;
    inset: auto 50% -12% auto;
    transform: translateX(50%);
    font-size: clamp(15rem, 34vw, 28rem);
    font-weight: 780;
    line-height: 0.8;
    letter-spacing: -0.08em;
    color: rgba(var(--brand-primary-rgb), 0.08);
    user-select: none;
    z-index: 0;
}

[data-bs-theme='dark'] .landing-home-hero-brandmark {
    color: rgba(var(--brand-primary-rgb), 0.12);
}

.landing-home-hero-visual-glow {
    position: absolute;
    inset: auto 50% 14% auto;
    transform: translateX(50%);
    width: min(18rem, 44%);
    aspect-ratio: 1;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(255, 238, 244, 0.82), rgba(255, 238, 244, 0));
    filter: blur(18px);
    z-index: 1;
}

[data-bs-theme='dark'] .landing-home-hero-visual-glow {
    background: radial-gradient(circle, rgba(173, 132, 255, 0.34), rgba(173, 132, 255, 0));
}

.landing-home-hero-image,
.landing-home-hero-placeholder {
    z-index: 2;
}

.landing-home-hero-image {
    position: relative;
    display: block;
    width: min(100%, 39rem);
    height: auto;
    max-height: min(72vh, 48rem);
    margin-inline: auto;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 28px 32px rgba(15, 23, 42, 0.18));
}

.landing-home-hero-placeholder {
    position: relative;
    inset: auto;
    width: min(100%, 26rem);
    height: clamp(21rem, 34vw, 31rem);
    margin-inline: auto;
    border-radius: 2.4rem 2.4rem 0 0;
    background:
        radial-gradient(circle at 50% 24%, rgba(255, 244, 248, 0.94), rgba(255, 229, 239, 0.74) 18%, rgba(255, 229, 239, 0) 19%),
        linear-gradient(180deg, rgba(250, 240, 255, 0.96), rgba(201, 181, 236, 0.78) 48%, rgba(70, 78, 128, 0.96) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 22px 42px rgba(83, 71, 144, 0.2);
}

.landing-home-hero-placeholder::before,
.landing-home-hero-placeholder::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.landing-home-hero-placeholder::before {
    top: 14%;
    width: 28%;
    aspect-ratio: 1;
    border-radius: 45%;
    background: linear-gradient(180deg, #f6d7df 0%, #efc6cf 100%);
}

.landing-home-hero-placeholder::after {
    bottom: 0;
    width: 74%;
    height: 58%;
    border-radius: 42% 42% 16% 16%;
    background:
        linear-gradient(180deg, rgba(103, 114, 170, 0.22), rgba(52, 62, 110, 0.14)),
        linear-gradient(180deg, #353f6f 0%, #191f42 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.landing-home-jobs-section {
    border-color: var(--landing-home-card-border);
    background: var(--landing-home-card-bg);
    box-shadow: var(--landing-home-card-shadow);
}

.landing-jobs-head {
    margin-bottom: 0.95rem !important;
}

.landing-jobs-head .section-title-inline {
    font-size: clamp(1.08rem, 1.01rem + 0.34vw, 1.3rem);
    font-weight: 670;
}

.landing-jobs-head .landing-eyebrow {
    color: var(--landing-home-subtle);
    font-size: 0.67rem;
}

.landing-jobs-count {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.26);
    background: rgba(var(--brand-primary-rgb), 0.1);
    color: var(--landing-home-muted);
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    padding: 0.34rem 0.66rem;
    align-self: center;
}

[data-bs-theme='dark'] .landing-jobs-count {
    border-color: rgba(206, 221, 248, 0.3);
    background: rgba(var(--brand-primary-rgb), 0.22);
    color: #d7e4ff;
}

.landing-job-grid {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

.landing-job-card {
    border-radius: 1.02rem;
    border-color: rgba(var(--brand-primary-rgb), 0.22);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.96), rgba(246, 248, 255, 0.94));
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.1);
}

[data-bs-theme='dark'] .landing-job-card {
    border-color: rgba(197, 212, 241, 0.26);
    background: linear-gradient(155deg, rgba(28, 42, 68, 0.94), rgba(17, 29, 49, 0.96));
    box-shadow: 0 20px 36px rgba(2, 8, 18, 0.6);
}

.landing-job-card:hover,
.landing-job-card:focus-within {
    border-color: rgba(var(--brand-primary-rgb), 0.38);
    box-shadow:
        0 20px 34px rgba(15, 23, 42, 0.14),
        0 0 0 1px rgba(var(--brand-primary-rgb), 0.2);
}

[data-bs-theme='dark'] .landing-job-card:hover,
[data-bs-theme='dark'] .landing-job-card:focus-within {
    border-color: rgba(214, 226, 248, 0.34);
    box-shadow:
        0 24px 40px rgba(2, 8, 18, 0.66),
        0 0 0 1px rgba(199, 216, 245, 0.2);
}

.landing-job-body {
    height: 100%;
    padding: 0.98rem 0.98rem 1.04rem;
}

.landing-job-title-wrap {
    display: flex;
    align-items: flex-start;
}

.landing-job-card .job-card-title {
    font-size: clamp(1.14rem, 1.02rem + 0.36vw, 1.34rem);
    line-height: 1.32;
    font-weight: 680;
    letter-spacing: -0.012em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(2 * 1.32em);
    max-height: calc(2 * 1.32em);
}

.landing-job-meta-wrap {
    min-height: 3.9rem;
}

.landing-job-meta-primary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.34rem;
    align-content: start;
    min-height: 3.52rem;
}

.landing-job-card .job-meta-item {
    min-width: 0;
    max-width: 100%;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    background: rgba(var(--brand-primary-rgb), 0.11);
    color: var(--landing-home-muted);
}

[data-bs-theme='dark'] .landing-job-card .job-meta-item {
    border-color: rgba(197, 212, 241, 0.26);
    background: rgba(var(--brand-primary-rgb), 0.24);
    color: #d1deef;
}

.landing-job-card .job-meta-item-salary {
    border-color: rgba(178, 44, 208, 0.3);
    background: rgba(178, 44, 208, 0.16);
}

[data-bs-theme='dark'] .landing-job-card .job-meta-item-salary {
    border-color: rgba(222, 164, 243, 0.36);
    background: rgba(178, 44, 208, 0.32);
    color: #f3d9ff;
}

.job-meta-item-text {
    display: inline-block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.landing-job-meta-placeholder {
    display: block;
    width: 100%;
    min-height: 1.72rem;
    visibility: hidden;
}

.landing-job-summary {
    color: var(--landing-home-muted);
    opacity: 1;
    line-height: 1.52;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    min-height: calc(3 * 1.52em);
}

.landing-job-benefit-preview {
    color: var(--landing-home-subtle);
    font-size: 0.79rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.landing-job-actions {
    padding-top: 0.15rem;
}

.landing-job-cta {
    min-height: 2.5rem;
    border-radius: 0.76rem;
    font-weight: 640;
    letter-spacing: 0.01em;
    max-width: none;
}

.landing-job-cta:focus-visible {
    box-shadow:
        0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.2),
        0 12px 24px rgba(178, 44, 208, 0.28);
}

.landing-home-jobs-section .landing-inline-link {
    color: var(--landing-home-muted);
}

.landing-home-jobs-section .landing-inline-link:hover,
.landing-home-jobs-section .landing-inline-link:focus-visible {
    color: var(--app-brand);
}

.landing-home-code-section {
    border-color: rgba(var(--brand-primary-rgb), 0.24);
    box-shadow:
        0 24px 48px rgba(15, 23, 42, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

[data-bs-theme='dark'] .landing-home-code-section {
    box-shadow:
        0 28px 52px rgba(2, 8, 18, 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.landing-home-code-shell {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
}

.landing-home-code-head {
    display: grid;
    gap: 0.38rem;
    max-width: 44rem;
}

.landing-home-code-title {
    font-size: clamp(1.14rem, 1rem + 0.42vw, 1.42rem);
    font-weight: 680;
    letter-spacing: -0.02em;
}

.landing-home-code-title .ui-icon {
    color: var(--brand-primary);
}

.landing-home-code-copy {
    max-width: 46rem;
    color: var(--landing-home-muted) !important;
    font-size: 0.94rem;
    line-height: 1.55;
}

.landing-hr-form {
    display: grid;
    gap: 0.72rem;
    min-width: 0;
    padding: 1rem 1.06rem 0.96rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
    border-radius: 1.18rem;
    background: rgba(255, 255, 255, 0.56);
    box-shadow:
        0 14px 30px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.46);
    backdrop-filter: blur(16px);
}

[data-bs-theme='dark'] .landing-hr-form {
    background: rgba(10, 18, 34, 0.34);
    box-shadow:
        0 18px 34px rgba(2, 8, 18, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.landing-home-code-inline-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 1.5rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--landing-home-subtle);
    font-size: 0.78rem;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
    text-underline-offset: 0.18em;
}

.landing-home-code-inline-link:hover,
.landing-home-code-inline-link:focus-visible {
    color: var(--app-brand);
}

.landing-home-code-control-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.72rem;
    align-items: stretch;
}

.landing-home-code-input-shell {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: stretch;
}

.landing-home-code-input-icon {
    position: absolute;
    left: 1.06rem;
    top: 50%;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    color: var(--landing-home-subtle);
    line-height: 0;
    transform: translateY(-50%);
    pointer-events: none;
}

.landing-hr-label {
    font-size: 0.67rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--landing-home-subtle);
}

.landing-hr-input {
    width: 100%;
    min-height: 3.2rem;
    padding-left: 3.15rem;
    padding-right: 1rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    box-shadow:
        0 10px 20px rgba(15, 23, 42, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
    color: var(--neutral-text);
    font-size: 0.97rem;
    font-weight: 600;
}

.landing-hr-input::placeholder {
    color: #6a7488;
}

.landing-hr-input:hover {
    border-color: rgba(var(--brand-primary-rgb), 0.28);
}

.landing-hr-input:focus {
    border-color: rgba(var(--brand-primary-rgb), 0.42);
    box-shadow:
        0 0 0 0.22rem rgba(var(--brand-primary-rgb), 0.12),
        0 16px 30px rgba(var(--brand-primary-rgb), 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

[data-bs-theme='dark'] .landing-hr-input {
    background: rgba(11, 19, 35, 0.82);
    border-color: rgba(181, 199, 233, 0.22);
    color: #e8f0ff;
    box-shadow:
        0 12px 24px rgba(2, 8, 18, 0.24),
        inset 0 1px 0 rgba(231, 240, 255, 0.06);
}

[data-bs-theme='dark'] .landing-hr-input::placeholder {
    color: #9aa8c3;
}

.landing-home-code-help-text {
    margin-top: 0;
    color: var(--landing-home-subtle);
    font-size: 0.78rem;
    line-height: 1.45;
}

.landing-home-code-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.landing-hr-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 8.9rem;
    min-height: 3.2rem;
    padding-inline: 1.18rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.landing-hr-submit:focus-visible {
    box-shadow:
        0 0 0 0.22rem rgba(var(--brand-primary-rgb), 0.14),
        0 18px 30px rgba(var(--brand-primary-rgb), 0.3);
}

.landing-hr-submit .ui-icon {
    flex-shrink: 0;
}

@media (max-width: 991.98px) {
    .landing-home-code-copy {
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .landing-home-code-control-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .landing-home-code-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .landing-hr-submit {
        width: 100%;
        min-width: 0;
    }
}

.contact-subject-badge {
    color: var(--neutral-text);
    background: rgba(var(--brand-primary-rgb), 0.14);
    border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
}

[data-bs-theme='dark'] .contact-subject-badge {
    color: #dde6f8;
    background: rgba(var(--brand-primary-rgb), 0.3);
    border-color: rgba(191, 204, 236, 0.34);
}

.frontend-header {
    position: relative;
    z-index: 1040;
    padding-block: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 245, 255, 0.94));
    border-color: rgba(var(--brand-primary-rgb), 0.1) !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
    backdrop-filter: blur(18px);
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

[data-bs-theme='dark'] .frontend-header {
    background: linear-gradient(180deg, rgba(13, 19, 32, 0.94), rgba(15, 22, 38, 0.92));
    border-color: rgba(196, 210, 237, 0.1) !important;
    box-shadow: 0 18px 38px rgba(2, 6, 23, 0.32);
}

.frontend-header .dropdown-menu {
    z-index: 1080;
    border-radius: 1rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
    background: color-mix(in srgb, var(--app-surface) 94%, #ffffff 6%);
    box-shadow: 0 24px 52px rgba(15, 23, 42, 0.18);
    padding: 0.42rem;
    backdrop-filter: blur(16px);
}

[data-bs-theme='dark'] .frontend-header .dropdown-menu {
    border-color: rgba(255, 255, 255, 0.11);
    background: rgba(10, 18, 31, 0.92);
    box-shadow: 0 24px 54px rgba(2, 6, 23, 0.42);
}

.frontend-topnav {
    --bs-navbar-padding-y: 0;
    background: transparent;
}

.frontend-topnav-shell {
    position: relative;
    width: 100%;
    align-items: center;
    gap: clamp(0.9rem, 1.8vw, 1.6rem);
    padding: 0.72rem clamp(1rem, 2.1vw, 2rem);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

.frontend-topnav-shell::before {
    content: none;
}

.frontend-topnav-collapse {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: clamp(1rem, 1.8vw, 1.6rem);
    justify-content: space-between;
    min-width: 0;
}

.frontend-brand {
    display: inline-flex;
    align-items: center;
    margin-right: 1.35rem;
    position: relative;
    z-index: 1;
}

.frontend-brand .landing-logo-link {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.frontend-brand .landing-logo-img {
    height: 2.78rem;
    max-width: min(258px, 60vw);
}

.frontend-topnav-toggle {
    position: relative;
    z-index: 1;
    border-color: rgba(var(--brand-primary-rgb), 0.2);
    border-radius: 0.86rem;
    padding: 0.54rem 0.66rem;
    background: rgba(255, 255, 255, 0.72);
    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.frontend-topnav-toggle:hover,
.frontend-topnav-toggle:focus-visible {
    border-color: var(--app-brand);
    box-shadow:
        0 0 0 0.18rem rgba(var(--brand-primary-rgb), 0.14),
        0 10px 22px rgba(15, 23, 42, 0.08);
}

[data-bs-theme='dark'] .frontend-topnav-toggle {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow:
        0 12px 24px rgba(2, 6, 23, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.frontend-main-nav {
    display: flex;
    flex: 0 1 auto;
    gap: 0.22rem;
    align-items: center;
    min-width: 0;
    width: auto;
    margin-right: auto;
}

.frontend-main-nav .nav-item {
    min-width: 0;
    flex: 0 0 auto;
}

.frontend-main-nav .nav-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.44rem;
    font-size: 0.95rem;
    font-weight: 580;
    letter-spacing: 0;
    color: var(--neutral-text);
    opacity: 0.94;
    padding-inline: 0.78rem;
    border-radius: 0.86rem;
    position: relative;
    white-space: nowrap;
    transition:
        color 0.18s ease,
        opacity 0.18s ease,
        background-color 0.18s ease,
        box-shadow 0.18s ease,
        padding-inline 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.frontend-main-nav .nav-link::after {
    content: '';
    position: absolute;
    left: 0.96rem;
    right: 0.96rem;
    bottom: 0.42rem;
    height: 1.75px;
    border-radius: 999px;
    background: var(--brand-accent);
    transform: scaleX(0);
    transform-origin: left center;
    opacity: 0.9;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.frontend-main-nav .nav-link:hover,
.frontend-main-nav .nav-link:focus-visible {
    color: var(--app-brand);
    opacity: 1;
    padding-inline: 0.98rem;
    background: rgba(var(--brand-primary-rgb), 0.09);
    box-shadow: none;
}

.frontend-main-nav .nav-link.active,
.frontend-main-nav .nav-link[aria-current='page'] {
    color: var(--app-brand);
    opacity: 1;
    background: rgba(var(--brand-primary-rgb), 0.12);
    box-shadow: none;
}

[data-bs-theme='dark'] .frontend-main-nav .nav-link.active,
[data-bs-theme='dark'] .frontend-main-nav .nav-link[aria-current='page'] {
    background: rgba(var(--brand-primary-rgb), 0.2);
    box-shadow: none;
}

.frontend-nav-actions {
    margin-left: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.62rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.frontend-nav-actions > * {
    flex-shrink: 0;
}

.frontend-nav-utility-row {
    display: inline-flex;
    align-items: center;
    gap: 0.62rem;
    min-width: 0;
}

.frontend-lang-dropdown {
    display: inline-flex;
    align-items: center;
}

.frontend-main-nav .nav-link:hover::after,
.frontend-main-nav .nav-link:focus-visible::after {
    transform: scaleX(1);
}

[data-bs-theme='dark'] .frontend-main-nav .nav-link {
    opacity: 0.86;
}

[data-bs-theme='dark'] .frontend-main-nav .nav-link::after {
    opacity: 0.58;
}

[data-bs-theme='dark'] .frontend-main-nav .nav-link:hover::after,
[data-bs-theme='dark'] .frontend-main-nav .nav-link:focus-visible::after {
    opacity: 0.78;
}

@media (min-width: 992px) {
    .frontend-topnav-collapse {
        margin-left: 0.55rem;
    }

    .frontend-lang-quick-toggle {
        display: none;
    }

    .frontend-main-nav {
        gap: 0.24rem;
        justify-content: flex-start;
        margin-right: auto;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .frontend-main-nav .nav-link {
        width: auto;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 991.98px) {
    .frontend-header {
        padding-block: 0;
        overflow: visible;
    }

    .frontend-topnav-shell {
        padding: 0.78rem 0.82rem;
    }

    .frontend-topnav-collapse {
        display: none;
        flex-direction: column;
        align-items: stretch;
        position: absolute;
        top: calc(100% + 0.42rem);
        right: 0.82rem;
        left: auto;
        width: min(24rem, calc(100vw - 1.64rem));
        margin-top: 0;
        padding: 0.82rem;
        border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
        border-radius: 1.1rem;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 242, 255, 0.96));
        box-shadow:
            0 22px 46px rgba(15, 23, 42, 0.16),
            0 1px 0 rgba(255, 255, 255, 0.54) inset;
        backdrop-filter: blur(18px);
        z-index: 1090;
        overflow: hidden;
    }

    .frontend-topnav-collapse[data-mobile-open='true'] {
        display: flex;
    }

    [data-bs-theme='dark'] .frontend-topnav-collapse {
        border-color: rgba(214, 225, 244, 0.14);
        background: linear-gradient(180deg, rgba(16, 23, 38, 0.98), rgba(12, 18, 31, 0.96));
        box-shadow:
            0 24px 50px rgba(2, 6, 23, 0.46),
            0 1px 0 rgba(255, 255, 255, 0.04) inset;
    }

    .frontend-topnav-shell.is-mobile-nav-open .frontend-topnav-toggle {
        border-color: var(--app-brand);
        background: rgba(var(--brand-primary-rgb), 0.14);
        box-shadow:
            0 0 0 0.18rem rgba(var(--brand-primary-rgb), 0.14),
            0 10px 22px rgba(15, 23, 42, 0.08);
    }

    [data-bs-theme='dark'] .frontend-topnav-shell.is-mobile-nav-open .frontend-topnav-toggle {
        background: rgba(var(--brand-primary-rgb), 0.22);
        box-shadow:
            0 0 0 0.18rem rgba(var(--brand-primary-rgb), 0.16),
            0 12px 24px rgba(2, 6, 23, 0.28);
    }

    .frontend-main-nav {
        flex-direction: column;
        align-items: stretch;
        gap: 0.34rem;
        width: 100%;
    }

    .frontend-main-nav .nav-item {
        flex: 0 0 auto;
        width: 100%;
    }

    .frontend-main-nav .nav-link {
        display: flex;
        width: 100%;
        justify-content: flex-start;
        min-height: 2.7rem;
        border-radius: 0.9rem;
        text-align: left;
        white-space: normal;
        padding-inline: 0.9rem;
    }

    .frontend-nav-actions {
        display: grid;
        margin-left: 0;
        margin-top: 0.88rem;
        width: 100%;
        padding: 0;
        padding-top: 0.82rem;
        border-top: 1px solid rgba(var(--brand-primary-rgb), 0.12);
    }

    .frontend-theme-control {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
    }

    .frontend-nav-utility-row {
        display: flex;
        align-items: stretch;
        width: 100%;
        gap: 0.62rem;
    }

    .frontend-lang-dropdown {
        display: none !important;
    }

    .frontend-lang-quick-toggle {
        display: inline-flex;
        flex: 1 1 auto;
        justify-content: center;
    }

    .frontend-login-btn {
        width: 100%;
        justify-content: center;
    }

    .frontend-account-menu {
        width: 100%;
    }

    .frontend-account-toggle {
        width: 100%;
        justify-content: flex-start;
    }

    .frontend-account-label {
        max-width: none;
    }

    .frontend-account-menu-dropdown {
        width: 100%;
        min-width: 0;
    }

    [data-bs-theme='dark'] .frontend-nav-actions {
        border-top-color: rgba(255, 255, 255, 0.08);
    }
}

.frontend-theme-control {
    display: inline-flex;
    align-items: center;
}

.frontend-theme-icon-btn {
    min-height: 2.5rem;
    width: 2.5rem;
    border-radius: 0.82rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
    background: rgba(255, 255, 255, 0.72);
    color: var(--neutral-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow:
        0 10px 20px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

[data-bs-theme='dark'] .frontend-theme-icon-btn {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.06);
    box-shadow:
        0 12px 22px rgba(2, 6, 23, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.frontend-theme-icon {
    width: 1rem;
    height: 1rem;
    pointer-events: none;
}

.frontend-theme-icon-sun {
    color: #f4a92c;
    display: inline-block;
}

.frontend-theme-icon-moon {
    color: #f2d44d;
    display: none;
}

[data-bs-theme='dark'] .frontend-theme-icon-sun {
    display: none;
}

[data-bs-theme='dark'] .frontend-theme-icon-moon {
    display: inline-block;
}

.frontend-theme-icon-btn:hover,
.frontend-theme-icon-btn:focus-visible {
    border-color: var(--app-brand);
    background: rgba(var(--brand-primary-rgb), 0.12);
    color: var(--app-brand);
    box-shadow:
        0 0 0 0.18rem rgba(var(--brand-primary-rgb), 0.14),
        0 12px 24px rgba(15, 23, 42, 0.08);
}

.frontend-lang-toggle,
.frontend-lang-quick-toggle {
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding-inline: 0.8rem 0.9rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
    background: rgba(255, 255, 255, 0.72);
    color: var(--neutral-text);
    border-radius: 0.82rem;
    box-shadow:
        0 10px 20px rgba(15, 23, 42, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.frontend-lang-toggle::after {
    margin-left: 0.12rem;
}

[data-bs-theme='dark'] .frontend-lang-toggle,
[data-bs-theme='dark'] .frontend-lang-quick-toggle {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.06);
    box-shadow:
        0 12px 22px rgba(2, 6, 23, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.frontend-lang-quick-toggle {
    justify-content: center;
    text-decoration: none;
}

.frontend-lang-toggle:hover,
.frontend-lang-toggle:focus-visible,
.frontend-lang-quick-toggle:hover,
.frontend-lang-quick-toggle:focus-visible {
    border-color: var(--app-brand);
    background: rgba(var(--brand-primary-rgb), 0.12);
    color: var(--neutral-text);
    box-shadow:
        0 0 0 0.18rem rgba(var(--brand-primary-rgb), 0.14),
        0 12px 24px rgba(15, 23, 42, 0.08);
}

.frontend-lang-flag {
    width: 1.35rem;
    height: 0.95rem;
}

.frontend-lang-short {
    font-weight: 700;
    font-size: 0.76rem;
    letter-spacing: 0.12em;
}

.frontend-lang-menu {
    transform-origin: top right;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.16s ease, transform 0.16s ease;
}

.frontend-lang-menu.show {
    opacity: 1;
    transform: translateY(0);
}

.frontend-lang-menu .dropdown-item {
    border-radius: 0.74rem;
    font-weight: 560;
    padding: 0.58rem 0.72rem;
}

.frontend-lang-menu .dropdown-item:hover,
.frontend-lang-menu .dropdown-item:focus-visible {
    background-color: rgba(var(--brand-primary-rgb), 0.1);
    color: var(--neutral-text);
}

.frontend-lang-menu .dropdown-item.active,
.frontend-lang-menu .dropdown-item:active {
    background-color: rgba(var(--brand-primary-rgb), 0.14);
    color: var(--neutral-text);
}

.frontend-account-menu {
    position: relative;
    z-index: 1070;
}

.frontend-account-toggle {
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
    background: rgba(255, 255, 255, 0.72);
    color: var(--neutral-text);
    border-radius: 0.82rem;
    padding-inline: 0.48rem 0.82rem;
    box-shadow:
        0 10px 20px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

[data-bs-theme='dark'] .frontend-account-toggle {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.06);
    box-shadow:
        0 12px 22px rgba(2, 6, 23, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.frontend-account-toggle:hover,
.frontend-account-toggle:focus-visible,
.frontend-account-toggle.show {
    border-color: var(--app-brand);
    color: var(--neutral-text);
    background: rgba(var(--brand-primary-rgb), 0.12);
    box-shadow:
        0 0 0 0.16rem rgba(var(--brand-primary-rgb), 0.14),
        0 12px 24px rgba(15, 23, 42, 0.08);
}

.frontend-account-toggle::after {
    margin-left: 0.16rem;
}

.frontend-account-avatar {
    width: 1.52rem;
    height: 1.52rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
    background: linear-gradient(160deg, rgba(var(--brand-primary-rgb), 0.24), rgba(var(--brand-primary-rgb), 0.08));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--app-brand);
    flex-shrink: 0;
}

.frontend-account-avatar svg {
    width: 0.88rem;
    height: 0.88rem;
}

.frontend-account-label {
    font-size: 0.8rem;
    font-weight: 640;
    letter-spacing: 0.01em;
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.frontend-account-menu-dropdown {
    padding: 0.36rem;
    min-width: 13rem;
    margin-top: 0.34rem;
    transform-origin: top right;
    z-index: 1090;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.frontend-account-menu-dropdown.show {
    opacity: 1;
    transform: translateY(0);
}

.frontend-account-menu-dropdown .dropdown-item {
    border-radius: 0.72rem;
    font-size: 0.85rem;
    font-weight: 560;
    padding: 0.56rem 0.78rem;
    display: flex;
    align-items: center;
}

.frontend-account-menu-dropdown .dropdown-item:hover,
.frontend-account-menu-dropdown .dropdown-item:focus-visible {
    background-color: rgba(var(--brand-primary-rgb), 0.12);
    color: var(--neutral-text);
}

.frontend-account-menu-dropdown .dropdown-item.active,
.frontend-account-menu-dropdown .dropdown-item:active {
    background-color: rgba(var(--brand-primary-rgb), 0.14);
    color: var(--neutral-text);
}

.frontend-account-menu-dropdown .dropdown-divider {
    margin: 0.34rem 0.18rem;
    border-top-color: rgba(var(--brand-primary-rgb), 0.2);
}

.frontend-account-logout-form {
    margin: 0;
}

.frontend-account-logout-form .dropdown-item {
    width: 100%;
    border: 0;
    text-align: left;
    background: transparent;
}

.frontend-login-btn {
    min-height: 2.5rem;
    min-width: 8.2rem;
    padding-inline: 1rem 1.08rem;
    border-radius: 0.88rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.6);
    color: #f8fbff;
    background: linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 92%, #ffffff 8%) 0%, color-mix(in srgb, var(--brand-primary) 84%, #000000 16%) 100%);
    font-weight: 650;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow:
        0 12px 24px rgba(var(--brand-primary-rgb), 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.24);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.frontend-login-btn:hover,
.frontend-login-btn:focus-visible {
    color: #ffffff;
    border-color: var(--app-brand);
    background: linear-gradient(135deg, color-mix(in srgb, var(--brand-primary) 96%, #ffffff 4%) 0%, color-mix(in srgb, var(--brand-primary) 82%, #000000 18%) 100%);
    box-shadow:
        0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.14),
        0 16px 30px rgba(var(--brand-primary-rgb), 0.28);
    transform: translateY(-1px);
}

.error-page-shell {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100%;
    overflow: hidden;
}

.error-page-shell::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(120% 95% at 8% 12%, rgba(var(--brand-primary-rgb), 0.2), rgba(var(--brand-primary-rgb), 0) 58%),
        radial-gradient(100% 85% at 92% 90%, rgba(var(--brand-primary-rgb), 0.16), rgba(var(--brand-primary-rgb), 0) 62%);
    opacity: 0.72;
}

.error-page-shell > .container {
    position: relative;
    z-index: 1;
}

.error-page-card {
    border-radius: 1.1rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    background:
        linear-gradient(155deg, rgba(var(--brand-primary-rgb), 0.11), rgba(var(--brand-primary-rgb), 0.04)),
        var(--app-surface);
    box-shadow: 0 22px 46px rgba(15, 23, 42, 0.18);
}

[data-bs-theme='dark'] .error-page-card {
    border-color: rgba(190, 206, 238, 0.28);
    background:
        linear-gradient(155deg, rgba(var(--brand-primary-rgb), 0.22), rgba(var(--brand-primary-rgb), 0.1)),
        rgba(18, 29, 48, 0.96);
    box-shadow: 0 26px 56px rgba(1, 5, 14, 0.62), inset 0 1px 0 rgba(220, 230, 252, 0.08);
}

.error-page-brand-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.45rem;
    border-radius: 0.85rem;
    text-decoration: none;
}

.error-page-brand-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.22rem var(--app-focus-ring);
}

.error-page-http {
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--neutral-muted);
}

.error-page-code {
    font-size: clamp(3.2rem, 14vw, 6.8rem);
    line-height: 0.95;
    font-weight: 820;
    letter-spacing: 0.04em;
    margin: 0;
    background: var(--gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.error-page-title {
    font-size: clamp(1.42rem, 2.35vw, 2.05rem);
    line-height: 1.25;
    font-weight: 730;
    color: var(--neutral-text);
    margin-inline: auto;
    max-width: 26ch;
    text-wrap: balance;
}

.error-page-subtitle {
    font-size: clamp(1.04rem, 1.7vw, 1.2rem);
    color: var(--neutral-text);
    opacity: 0.9;
    margin-inline: auto;
    max-width: 30ch;
    text-wrap: balance;
}

.error-page-helper {
    font-size: 0.98rem;
    color: var(--neutral-muted);
    margin-inline: auto;
    max-width: 36ch;
    text-wrap: balance;
}

.error-page-actions .btn {
    min-height: 2.9rem;
    min-width: 11.5rem;
    border-radius: 0.72rem;
    font-weight: 600;
}

.error-page-actions .btn-outline-secondary {
    border-color: rgba(var(--brand-primary-rgb), 0.48);
    color: var(--app-brand);
    background: rgba(var(--brand-primary-rgb), 0.05);
}

.error-page-actions .btn-outline-secondary:hover,
.error-page-actions .btn-outline-secondary:focus-visible {
    border-color: var(--app-brand);
    color: var(--app-brand);
    background: rgba(var(--brand-primary-rgb), 0.12);
}

[data-bs-theme='dark'] .error-page-actions .btn-outline-secondary {
    border-color: rgba(190, 206, 238, 0.4);
    color: #dbe7ff;
    background: rgba(var(--brand-primary-rgb), 0.16);
}

[data-bs-theme='dark'] .error-page-actions .btn-outline-secondary:hover,
[data-bs-theme='dark'] .error-page-actions .btn-outline-secondary:focus-visible {
    border-color: rgba(210, 222, 248, 0.6);
    color: #f3f7ff;
    background: rgba(var(--brand-primary-rgb), 0.26);
}

@media (max-width: 575.98px) {
    .error-page-shell {
        padding-block: 1.15rem;
    }

    .error-page-card .card-body {
        padding: 1.5rem;
    }

    .error-page-brand .landing-logo-img {
        height: 3.4rem;
    }

    .error-page-code {
        font-size: clamp(2.85rem, 24vw, 4.2rem);
    }

    .error-page-actions .btn {
        min-width: 0;
        width: 100%;
    }
}

body.test-runner-mode {
    background-color: var(--bs-body-bg);
}

body.test-runner-mode main.container {
    position: relative;
}

body.test-runner-mode main.container::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(120% 95% at 50% 42%, rgba(15, 23, 42, 0) 34%, rgba(15, 23, 42, 0.08) 100%);
}

[data-bs-theme='dark'] body.test-runner-mode main.container::before {
    background: radial-gradient(120% 95% at 50% 42%, rgba(2, 6, 16, 0) 30%, rgba(2, 6, 16, 0.22) 100%);
}

body.test-runner-mode main.container > *:not(.runner-break-overlay):not(.toast-container) {
    position: relative;
    z-index: 1;
}

body.test-runner-mode footer {
    opacity: 0.74;
}

#testRunnerRoot {
    max-width: 1080px;
    margin-inline: auto;
}

.runner-page-head {
    margin-bottom: 0.9rem;
}

.runner-title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.72rem;
}

.runner-status-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.14rem 0.56rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 620;
    color: #1f7f4f;
    border: 1px solid rgba(31, 127, 79, 0.28);
    background: rgba(31, 127, 79, 0.09);
}

.runner-status-dot {
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 999px;
    background: #21a366;
    box-shadow: 0 0 0 0.14rem rgba(33, 163, 102, 0.2);
}

[data-bs-theme='dark'] .runner-status-inline {
    color: #8fe5b8;
    border-color: rgba(143, 229, 184, 0.32);
    background: rgba(39, 128, 85, 0.22);
}

.runner-page-subtitle {
    margin-top: 0.4rem;
    font-size: 0.9rem;
    color: var(--neutral-muted);
    opacity: 0.78;
}

.runner-control-bar {
    display: grid;
    grid-template-columns: auto minmax(160px, 1fr) auto;
    align-items: center;
    gap: 0.72rem;
    padding: 0.72rem 0.86rem;
    border-radius: 0.86rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
    background: rgba(var(--brand-primary-rgb), 0.05);
}

[data-bs-theme='dark'] .runner-control-bar {
    border-color: rgba(178, 196, 231, 0.22);
    background: rgba(var(--brand-primary-rgb), 0.12);
}

.runner-control-left {
    min-width: 0;
}

.runner-control-question {
    line-height: 1.3;
    font-size: 0.91rem;
}

.runner-control-percent {
    font-size: 0.75rem;
    color: var(--neutral-muted);
}

.runner-control-progress.progress {
    height: 0.34rem;
    border-radius: 999px;
    background: rgba(var(--brand-primary-rgb), 0.14);
}

.runner-control-progress .progress-bar {
    background: linear-gradient(90deg, var(--brand-accent), var(--brand-primary));
    border-radius: inherit;
}

.runner-control-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.runner-time-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.52rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    background: rgba(var(--brand-primary-rgb), 0.08);
    color: var(--neutral-text);
    font-size: 0.73rem;
    line-height: 1.2;
}

[data-bs-theme='dark'] .runner-time-chip {
    border-color: rgba(192, 208, 238, 0.28);
    background: rgba(var(--brand-primary-rgb), 0.2);
    color: #dce6fb;
}

.runner-time-chip-warning {
    border-color: rgba(212, 156, 22, 0.34);
    background: rgba(212, 156, 22, 0.14);
}

.runner-pause-btn {
    min-height: 1.9rem;
    border-radius: 0.58rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.26);
    background: rgba(var(--brand-primary-rgb), 0.06);
    color: var(--neutral-text);
}

.runner-pause-btn:hover,
.runner-pause-btn:focus-visible {
    border-color: rgba(var(--brand-primary-rgb), 0.42);
    background: rgba(var(--brand-primary-rgb), 0.12);
}

.runner-question-card {
    border-color: rgba(var(--brand-primary-rgb), 0.18);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1);
}

[data-bs-theme='dark'] .runner-question-card {
    border-color: rgba(179, 197, 232, 0.22);
    box-shadow: 0 18px 36px rgba(2, 6, 16, 0.52);
}

.runner-question-body {
    padding-top: 0.82rem;
    padding-bottom: 1.28rem;
}

.runner-question-heading {
    font-size: 0.95rem;
    font-weight: 620;
    color: var(--neutral-muted);
    line-height: 1.35;
}

.runner-question-prompt {
    font-size: 1.13rem;
    line-height: 1.56;
    font-weight: 520;
    max-width: 72ch;
}

.runner-answer-group {
    margin: 0;
    padding: 0;
    border: 0;
}

.runner-answer-legend {
    display: block;
    margin-bottom: 0.78rem;
    font-size: 0.78rem;
    font-weight: 610;
    color: var(--neutral-muted);
    opacity: 0.72;
    letter-spacing: 0.01em;
}

.runner-option-list {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.runner-option-row {
    display: block;
    position: relative;
    cursor: pointer;
}

.runner-option-check {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.runner-option-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    border: 1px solid var(--neutral-border);
    border-radius: 0.74rem;
    background: var(--app-surface);
    padding: 0.82rem 0.98rem;
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

[data-bs-theme='dark'] .runner-option-content {
    border-color: rgba(173, 191, 226, 0.24);
    background: rgba(16, 26, 44, 0.86);
}

.runner-option-row:hover .runner-option-content {
    transform: translateY(-1px);
    border-color: rgba(var(--brand-primary-rgb), 0.42);
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.09);
}

[data-bs-theme='dark'] .runner-option-row:hover .runner-option-content {
    box-shadow: 0 10px 18px rgba(2, 6, 16, 0.36);
}

.runner-option-check:focus-visible + .runner-option-content {
    box-shadow: 0 0 0 0.2rem var(--app-focus-ring);
    border-color: var(--app-brand);
}

.runner-option-check:checked + .runner-option-content {
    border-color: rgba(178, 44, 208, 0.64);
    background-color: rgba(var(--brand-primary-rgb), 0.09);
    box-shadow: inset 3px 0 0 var(--brand-accent), 0 10px 18px rgba(178, 44, 208, 0.14);
}

[data-bs-theme='dark'] .runner-option-check:checked + .runner-option-content {
    background-color: rgba(var(--brand-primary-rgb), 0.2);
}

.runner-option-text {
    color: var(--neutral-text);
    line-height: 1.42;
    font-size: 0.96rem;
}

.runner-option-checkmark {
    width: 1.16rem;
    height: 1.16rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.73rem;
    color: #fff;
    background: linear-gradient(135deg, var(--brand-accent), var(--brand-primary));
    opacity: 0;
    transform: scale(0.84);
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.runner-option-check:checked + .runner-option-content .runner-option-checkmark {
    opacity: 1;
    transform: scale(1);
}

.runner-numeric-input {
    max-width: 280px;
}

.runner-actions {
    margin-top: 1.7rem !important;
}

.runner-primary-cta {
    min-height: 2.85rem;
    padding-inline: 1.2rem;
    box-shadow: 0 10px 22px rgba(178, 44, 208, 0.28);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.runner-primary-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(178, 44, 208, 0.4);
    filter: saturate(1.05);
}

.runner-primary-cta:active {
    transform: translateY(0);
}

.runner-secondary-cta {
    min-height: 2.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: 1rem;
    border-radius: 0.66rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    color: var(--neutral-muted);
    background: rgba(var(--brand-primary-rgb), 0.04);
    text-decoration: none;
}

.runner-secondary-cta:hover,
.runner-secondary-cta:focus-visible {
    color: var(--neutral-text);
    border-color: rgba(var(--brand-primary-rgb), 0.34);
    background: rgba(var(--brand-primary-rgb), 0.09);
}

@media (max-width: 1199.98px) {
    .admin-job-wizard-step3-page .step3-module-card__header {
        grid-template-columns: minmax(0, 1fr) minmax(11.5rem, 13rem) auto;
        align-items: start;
    }

    .admin-job-wizard-step3-page .step3-module-card__impact {
        justify-content: flex-start;
    }

    .admin-job-wizard-step3-page .step3-module-card__action {
        padding-left: 0;
        border-left: 0;
    }
}

@media (max-width: 991.98px) {
    .admin-shell .admin-sidebar {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        width: 260px;
        overflow-y: auto;
    }

    .runner-control-bar {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.62rem;
    }

    .runner-control-right {
        justify-content: flex-start;
    }

    .runner-question-prompt {
        font-size: 1.06rem;
    }

    .job-detail-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .job-detail-toc {
        position: static;
    }

    .job-detail-sticky-rail {
        margin-top: 0.9rem;
    }

    .job-detail-sticky-card {
        position: relative;
        top: auto;
    }

    .job-detail-shell {
        padding-bottom: 5rem;
    }
}

@media (max-width: 768px) {
    /* Reserve space so floating CTA never covers the last content block. */
    .job-detail-shell {
        padding-bottom: calc(96px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 767.98px) {
    .landing-home-main {
        gap: 0.95rem;
    }

    .landing-home-hero {
        text-align: left !important;
        padding: 0 1rem 0;
    }

    .landing-home-hero-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.4rem;
    }

    .landing-home-hero .landing-hero-title {
        max-width: 100%;
        font-size: clamp(2.4rem, 8.2vw, 3.25rem);
    }

    .landing-home-hero-copy {
        padding-block: 1.28rem 0;
    }

    .landing-home-hero-actions {
        margin-top: 1.55rem;
    }

    .landing-home-hero-cta {
        min-height: 3rem;
    }

    .landing-home-hero .landing-hero-subtitle {
        margin-inline: 0;
        max-width: 100%;
        font-size: 0.97rem;
        line-height: 1.58;
    }

    .landing-home-hero-visual {
        width: min(100%, 30rem);
        margin-inline: auto;
    }

    .landing-home-hero-brandmark {
        inset: auto 50% -8% auto;
        font-size: clamp(10rem, 34vw, 17rem);
    }

    .landing-jobs-head {
        gap: 0.5rem !important;
    }

    .landing-jobs-count {
        align-self: flex-start;
    }

    .landing-job-grid {
        --bs-gutter-x: 0.82rem;
        --bs-gutter-y: 0.82rem;
    }

    .landing-job-meta-wrap {
        min-height: 3.72rem;
    }

    .landing-job-cta {
        min-height: 2.62rem;
    }

    .job-detail-toc-list {
        grid-template-columns: minmax(0, 1fr);
    }

    .job-detail-sticky-card .card-body {
        padding: 1rem;
    }

    .job-detail-benefits-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    main.container,
    main.container-fluid {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .landing-card .card-body {
        padding: 1rem;
    }

    .landing-logo-img {
        height: 3.65rem;
    }

    .landing-hero {
        margin-bottom: 2.2rem;
    }

    .landing-home-main {
        gap: 0.86rem;
    }

    .landing-home-hero {
        padding: 0 0.92rem 0;
        border-radius: 1rem;
    }

    .landing-home-hero-grid {
        gap: 1.15rem;
    }

    .landing-home-hero .landing-hero-title {
        font-size: clamp(2.1rem, 9vw, 2.8rem);
    }

    .landing-home-hero-copy {
        padding-block: 1.12rem 0;
    }

    .landing-home-hero-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 0.7rem;
    }

    .landing-home-hero-cta {
        width: 100%;
    }

    .landing-home-hero-visual {
        width: 100%;
    }

    .landing-home-hero-brandmark {
        font-size: clamp(8rem, 36vw, 12rem);
    }

    .landing-home-jobs-section .card-body,
    .landing-home-code-section .card-body {
        padding: 0.96rem;
    }

    .landing-job-body {
        padding: 0.9rem 0.88rem 0.94rem;
    }

    .landing-job-card .job-card-title {
        font-size: 1.1rem;
    }

    .landing-job-meta-wrap {
        min-height: 0;
    }

    .landing-job-summary {
        min-height: 0;
        -webkit-line-clamp: 4;
    }

    .contact-map-wrap,
    .contact-map-frame {
        min-height: 240px;
    }

    .contact-form-body {
        padding: 1.1rem 1rem;
    }

    .contact-map-body {
        padding: 1.1rem 1rem;
    }

    .contact-info-body {
        padding: 1.02rem 0.95rem;
    }

    .frontend-nav-actions {
        margin-left: 0;
    }

    .frontend-theme-control {
        justify-content: flex-start;
    }

    .frontend-account-menu {
        width: 100%;
    }

    .frontend-account-toggle {
        width: 100%;
        justify-content: flex-start;
    }

    .frontend-account-label {
        max-width: none;
    }

    .frontend-account-menu-dropdown {
        width: 100%;
        min-width: 0;
    }

    .job-apply-panel {
        padding: 1.25rem;
    }

    .job-apply-shell {
        padding-top: 0;
        padding-bottom: 1rem;
    }

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

    .job-apply-actions .btn {
        width: 100%;
    }

    .job-detail-body {
        padding: 1rem 0.95rem;
    }

    .job-detail-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .job-detail-support-line {
        font-size: 0.84rem;
    }

    .job-detail-media-back {
        top: 0.72rem;
        left: 0.72rem;
        min-height: 1.84rem;
        padding: 0.28rem 0.62rem;
        font-size: 0.74rem;
    }

    .job-detail-section {
        padding: 1.08rem 1rem;
    }

    .job-detail-toc {
        padding: 0.72rem 0.76rem;
    }

    .job-detail-mobile-cta {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
    }

    #testRunnerRoot {
        max-width: 100%;
    }

    .runner-question-body {
        padding: 0.88rem 0.9rem 1rem;
    }

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

    .runner-actions .btn {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .landing-card .card-body {
        padding: 1.6rem 1.75rem;
    }

    .contact-info-body {
        padding: 1.25rem 1.2rem;
    }

    .contact-map-body {
        padding: 1.75rem 1.65rem;
    }

    .contact-form-body {
        padding: 1.75rem 1.65rem;
    }

    .job-apply-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}

@media (min-width: 992px) {
    .job-detail-layout {
        grid-template-columns: minmax(0, 1fr) 370px;
    }

    .job-detail-sticky-card {
        position: sticky;
        top: var(--job-detail-sticky-top);
    }
}

@media (min-width: 1200px) {
    .job-apply-grid {
        grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .frontend-app main.container,
    .frontend-main-nav .nav-item,
    .frontend-main-nav .nav-link,
    .job-card,
    .landing-job-cta,
    .frontend-lang-menu,
    .frontend-login-btn,
    .frontend-theme-icon-btn,
    .frontend-lang-toggle,
    .landing-job-media,
    .landing-job-media::after,
    .landing-card,
    .frontend-header,
    .job-apply-panel,
    .job-apply-submit,
    .job-apply-secondary,
    .job-apply-step-item,
    .job-apply-dropzone,
    .runner-option-content,
    .runner-primary-cta,
    .runner-secondary-cta,
    .runner-control-bar,
    .runner-pause-btn,
    .job-detail-toc-list a,
    .job-detail-toc-toggle-icon,
    .job-detail-card,
    .job-detail-sticky-card,
    .job-detail-apply-btn,
    .job-detail-mobile-apply {
        animation: none !important;
        transition: none !important;
    }
}
.admin-shell .admin-shell-backdrop {
    position: fixed;
    inset: 0;
    border: 0;
    background: rgba(5, 10, 20, 0.56);
    z-index: 1038;
}

.admin-shell.admin-shell-collapsed .admin-sidebar-collapse-btn .admin-sidebar-link-icon svg {
    transform: rotate(180deg);
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .admin-shell .admin-topbar-user-name {
        max-width: 120px;
    }

    .admin-shell .admin-main {
        padding-inline: var(--admin-space-16);
    }
}

@media (max-width: 991.98px) {
    .admin-shell {
        --admin-sidebar-width: min(86vw, 320px);
    }

    .admin-shell .admin-sidebar {
        transform: translateX(-104%);
        box-shadow: 20px 0 38px rgba(0, 0, 0, 0.46);
    }

    .admin-shell .admin-main-column {
        margin-left: 0;
        width: 100%;
    }

    .admin-shell .admin-topbar-inner {
        padding: 0.72rem var(--admin-space-12);
    }

    .admin-shell .admin-topbar-actions {
        gap: 0.4rem;
    }

    .admin-shell .admin-main {
        padding: var(--admin-space-16) var(--admin-space-12) var(--admin-space-24);
    }

    .admin-shell .admin-main-container {
        max-width: 100%;
    }

    .admin-shell.admin-sidebar-mobile-open {
        overflow: hidden;
    }

    .admin-shell.admin-sidebar-mobile-open .admin-sidebar {
        transform: translateX(0);
    }

    .admin-shell.admin-sidebar-mobile-open .admin-shell-backdrop {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .admin-shell .admin-topbar-inner {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .admin-shell .admin-topbar-context {
        width: 100%;
    }

    .admin-shell .admin-topbar-search {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .admin-shell .admin-topbar-search-submit {
        padding-inline: 0.72rem;
    }

    .admin-shell .admin-topbar-text {
        min-width: 0;
    }

    .admin-shell .admin-topbar-title {
        font-size: 1rem;
        white-space: normal;
    }

    .admin-shell .admin-topbar-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .admin-shell .admin-topbar-account {
        order: 3;
    }

    .admin-shell .admin-topbar-account-menu {
        min-width: min(16rem, calc(100vw - 2rem));
    }

    .admin-shell .card .card-body {
        padding: var(--admin-space-16);
    }

    .admin-shell .admin-quick-actions {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 991.98px) {
    .admin-shell .admin-priority-grid,
    .admin-shell .admin-pipeline-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-shell .admin-priority-card-featured {
        grid-column: span 2;
    }
}

@media (max-width: 767.98px) {
    .admin-shell .admin-priority-grid,
    .admin-shell .admin-pipeline-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-shell .admin-priority-card-featured {
        grid-column: auto;
    }

    .admin-shell .admin-health-item {
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .admin-shell .admin-dashboard-summary {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-shell .admin-dashboard-hero-actions .btn {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-shell .admin-sidebar,
    .admin-shell .admin-sidebar-link,
    .admin-shell .admin-sidebar-collapse-btn,
    .admin-shell .admin-topbar,
    .admin-shell .btn-primary {
        transition: none !important;
    }
}

.admin-job-wizard-page {
    --job-wizard-max-width: 1180px;
    --job-wizard-sticky-offset: 4.8rem;
    --job-wizard-side-offset: 10.8rem;
}

.admin-job-wizard-page .admin-main-container {
    max-width: 1260px;
}

.admin-job-wizard-page .job-wizard-shell {
    max-width: var(--job-wizard-max-width);
    margin-inline: auto;
}

.admin-job-wizard-page .job-wizard-header {
    position: sticky;
    top: var(--job-wizard-sticky-offset);
    z-index: 1022;
    border-color: rgba(167, 187, 229, 0.24);
    background: linear-gradient(180deg, rgba(16, 27, 46, 0.96), rgba(11, 20, 36, 0.96));
}

.admin-job-wizard-page .job-wizard-header-body {
    padding: 1rem 1.2rem 1.1rem;
}

.admin-job-wizard-page .job-wizard-breadcrumb .breadcrumb-item,
.admin-job-wizard-page .job-wizard-breadcrumb .breadcrumb-item a {
    font-size: 0.78rem;
    color: rgba(176, 195, 229, 0.78);
    text-decoration: none;
}

.admin-job-wizard-page .job-wizard-breadcrumb .breadcrumb-item a:hover,
.admin-job-wizard-page .job-wizard-breadcrumb .breadcrumb-item a:focus-visible {
    color: rgba(230, 238, 255, 0.95);
    text-decoration: underline;
}

.admin-job-wizard-page .job-wizard-subtitle {
    color: rgba(197, 211, 238, 0.82);
    font-size: 0.92rem;
}

.admin-job-wizard-page .job-wizard-stepper {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.58rem;
    padding: 0;
}

.admin-job-wizard-page .job-wizard-step-link {
    width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.55rem;
    border-radius: 0.8rem;
    padding: 0.35rem 0.56rem;
    border: 1px solid rgba(156, 177, 220, 0.22);
    background: rgba(112, 136, 188, 0.08);
    color: rgba(210, 223, 248, 0.88);
    text-decoration: none;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.admin-job-wizard-page .job-wizard-step-link:hover,
.admin-job-wizard-page .job-wizard-step-link:focus-visible {
    border-color: rgba(179, 136, 255, 0.45);
    background: rgba(142, 99, 240, 0.2);
    color: #f5f8ff;
}

.admin-job-wizard-page .job-wizard-step-link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(136, 92, 242, 0.24);
}

.admin-job-wizard-page .job-wizard-step-badge {
    width: 1.58rem;
    height: 1.58rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.76rem;
    font-weight: 700;
    background: rgba(147, 167, 210, 0.2);
    color: rgba(233, 241, 255, 0.9);
    flex-shrink: 0;
}

.admin-job-wizard-page .job-wizard-step-badge svg {
    width: 0.92rem;
    height: 0.92rem;
    fill: currentColor;
}

.admin-job-wizard-page .job-wizard-step-label {
    font-size: 0.83rem;
    line-height: 1.2;
}

.admin-job-wizard-page .job-wizard-step-item.is-current .job-wizard-step-link {
    border-color: rgba(186, 145, 255, 0.6);
    background: rgba(146, 101, 246, 0.27);
    color: #fff;
}

.admin-job-wizard-page .job-wizard-step-item.is-current .job-wizard-step-badge {
    background: linear-gradient(135deg, #7f56f3, #a33dd8);
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(142, 99, 240, 0.18);
}

.admin-job-wizard-page .job-wizard-step-item.is-completed .job-wizard-step-link {
    border-color: rgba(156, 179, 220, 0.3);
    background: rgba(120, 146, 196, 0.16);
}

.admin-job-wizard-page .job-wizard-step-item.is-completed .job-wizard-step-badge {
    background: rgba(83, 189, 137, 0.32);
    color: #deffef;
}

.admin-job-wizard-page .job-wizard-step-item.is-future .job-wizard-step-link {
    color: rgba(174, 191, 220, 0.75);
}

.admin-job-wizard-page .job-wizard-inline-error {
    border-radius: 0.82rem;
}

.admin-job-wizard-page .job-wizard-section-card {
    border: 1px solid rgba(164, 184, 224, 0.2);
    border-radius: 0.92rem;
    background: rgba(10, 18, 33, 0.9);
    box-shadow: 0 14px 30px rgba(2, 8, 20, 0.34);
}

.admin-job-wizard-page .job-wizard-section-card .card-body {
    padding: 1rem 1.05rem;
}

.admin-job-wizard-page .job-wizard-language-card .card-body {
    padding: 0.82rem 1.05rem;
}

.admin-job-wizard-page .job-wizard-section-head h2,
.admin-job-wizard-page .job-wizard-section-head h3 {
    color: #f0f5ff;
    font-weight: 630;
}

.admin-job-wizard-page .job-wizard-language-tabs {
    display: inline-flex;
    gap: 0.34rem;
    padding: 0.2rem;
    border-radius: 999px;
    border: 1px solid rgba(157, 179, 221, 0.3);
    background: rgba(111, 136, 188, 0.1);
}

.admin-job-wizard-page .job-wizard-language-tab {
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: rgba(214, 226, 248, 0.9);
    font-size: 0.84rem;
    font-weight: 590;
    line-height: 1.2;
    padding: 0.45rem 0.78rem;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.admin-job-wizard-page .job-wizard-language-tab:hover,
.admin-job-wizard-page .job-wizard-language-tab:focus-visible {
    border-color: rgba(181, 139, 255, 0.54);
    color: #f9fbff;
    outline: none;
}

.admin-job-wizard-page .job-wizard-language-tab[aria-selected='true'] {
    border-color: rgba(190, 152, 255, 0.62);
    background: rgba(145, 103, 241, 0.3);
    color: #fff;
    box-shadow: 0 0 0 0.18rem rgba(143, 101, 241, 0.2);
}

.admin-job-wizard-page .job-wizard-inline-helper {
    margin-top: -0.1rem;
    color: rgba(194, 208, 235, 0.86);
}

.admin-job-wizard-page .job-wizard-rich-textarea,
.admin-job-wizard-page .job-wizard-benefits-textarea {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.55;
    resize: vertical;
}

.admin-job-wizard-page .job-wizard-rich-textarea {
    min-height: 220px;
}

.admin-job-wizard-page .job-wizard-benefits-textarea {
    min-height: 140px;
}

.admin-job-wizard-page .job-wizard-rich-textarea:focus,
.admin-job-wizard-page .job-wizard-benefits-textarea:focus {
    border-color: rgba(182, 143, 255, 0.7);
    box-shadow: 0 0 0 0.22rem rgba(141, 99, 239, 0.24);
}

.admin-job-wizard-page .job-wizard-module-card {
    border: 1px solid rgba(154, 176, 220, 0.2);
    border-radius: 0.82rem;
    background: rgba(112, 136, 188, 0.08);
    padding: 0.9rem 0.9rem;
}

.admin-job-wizard-page .job-wizard-module-head {
    margin-bottom: 0.68rem;
}

.admin-job-wizard-page .job-wizard-step2-card-primary {
    background: rgba(112, 136, 188, 0.1);
}

.admin-job-wizard-page .job-wizard-step2-toolbar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.admin-job-wizard-page .job-wizard-step2-toolbar .btn {
    min-height: 2.8rem;
    border-radius: 0.9rem;
    font-weight: 620;
}

.admin-job-wizard-page .job-wizard-step2-module-library {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.86rem;
    background: rgba(98, 121, 171, 0.08);
    padding: 0.82rem;
}

.admin-job-wizard-page .job-wizard-step2-template-catalog {
    display: grid;
    gap: 0.7rem;
}

.admin-job-wizard-page .job-wizard-step2-template-search {
    position: relative;
}

.admin-job-wizard-page .job-wizard-step2-template-search-icon {
    position: absolute;
    left: 0.82rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(193, 208, 236, 0.72);
    pointer-events: none;
    line-height: 0;
}

.admin-job-wizard-page .job-wizard-step2-template-search .form-control {
    min-height: 2.65rem;
    padding-left: 2.45rem;
    border-radius: 0.82rem;
}

.admin-job-wizard-page .job-wizard-step2-template-results {
    display: flex;
    flex-direction: column;
    gap: 0.56rem;
    max-height: 19rem;
    overflow: auto;
    padding-right: 0.12rem;
}

.admin-job-wizard-page .job-wizard-step2-template-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    text-align: left;
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.82rem;
    background: rgba(10, 18, 34, 0.64);
    color: var(--job-wizard-text);
    padding: 0.72rem 0.8rem;
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.admin-job-wizard-page .job-wizard-step2-template-row:hover,
.admin-job-wizard-page .job-wizard-step2-template-row:focus-visible {
    border-color: var(--job-wizard-tab-active-border);
    background: rgba(var(--brand-primary-rgb), 0.12);
    color: var(--job-wizard-title);
    transform: translateY(-1px);
    outline: none;
}

.admin-job-wizard-page .job-wizard-step2-template-row:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.admin-job-wizard-page .job-wizard-step2-template-row-main {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.admin-job-wizard-page .job-wizard-step2-template-card-title {
    font-size: 0.88rem;
    font-weight: 610;
    line-height: 1.35;
    color: var(--job-wizard-title);
}

.admin-job-wizard-page .job-wizard-step2-template-row-add {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(var(--brand-primary-rgb), 0.14);
    color: rgba(224, 236, 255, 0.96);
}

.admin-job-wizard-page .job-wizard-step2-module-list {
    display: flex;
    flex-direction: column;
    gap: 0.56rem;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
}

.admin-job-wizard-page .job-wizard-step2-module-item {
    position: relative;
    border: 1px solid rgba(151, 173, 216, 0.24);
    border-radius: 0.74rem;
    background: rgba(98, 121, 171, 0.12);
    padding: 0.7rem 0.78rem;
}

.admin-job-wizard-page .job-wizard-step2-module-item.is-expanded {
    border-color: rgba(184, 149, 248, 0.46);
    background: rgba(116, 90, 173, 0.2);
}

.admin-job-wizard-page .job-wizard-step2-module-item.is-dragging {
    opacity: 0.55;
}

.admin-job-wizard-page .job-wizard-step2-module-item.is-drop-target::before {
    content: "";
    position: absolute;
    left: 0.78rem;
    right: 0.78rem;
    top: -0.36rem;
    height: 2px;
    border-radius: 999px;
    background: rgba(187, 152, 255, 0.92);
}

.admin-job-wizard-page .job-wizard-step2-module-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.62rem;
}

.admin-job-wizard-page .job-wizard-step2-module-head-main {
    min-width: 0;
}

.admin-job-wizard-page .job-wizard-step2-module-tools {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.36rem;
}

.admin-job-wizard-page .job-wizard-step2-icon-btn {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(151, 173, 216, 0.24);
    border-radius: 0.62rem;
    background: rgba(15, 26, 47, 0.52);
    color: rgba(227, 236, 255, 0.92);
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.admin-job-wizard-page .job-wizard-step2-icon-btn:hover,
.admin-job-wizard-page .job-wizard-step2-icon-btn:focus-visible {
    border-color: rgba(188, 206, 244, 0.44);
    background: rgba(71, 94, 148, 0.28);
    color: rgba(244, 248, 255, 0.98);
    transform: translateY(-1px);
    outline: none;
}

.admin-job-wizard-page .job-wizard-step2-icon-btn.is-danger {
    color: rgba(255, 205, 214, 0.95);
}

.admin-job-wizard-page .job-wizard-step2-icon-btn.is-danger:hover,
.admin-job-wizard-page .job-wizard-step2-icon-btn.is-danger:focus-visible {
    border-color: rgba(255, 157, 175, 0.42);
    background: rgba(138, 45, 69, 0.24);
    color: rgba(255, 236, 241, 0.98);
}

.admin-job-wizard-page .job-wizard-step2-drag-handle {
    cursor: grab;
}

.admin-job-wizard-page .job-wizard-step2-drag-handle:active {
    cursor: grabbing;
}

.admin-job-wizard-page .job-wizard-step2-module-config {
    border-top: 1px solid rgba(154, 176, 220, 0.2);
    padding-top: 0.72rem;
}

.admin-job-wizard-page .job-wizard-step2-subskills {
    display: flex;
    flex-direction: column;
    gap: 0.58rem;
}

.admin-job-wizard-page .job-wizard-step2-subskill-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 180px);
    gap: 0.52rem 0.72rem;
    align-items: end;
    border: 1px solid rgba(149, 172, 217, 0.2);
    border-radius: 0.62rem;
    background: rgba(115, 140, 193, 0.08);
    padding: 0.56rem 0.62rem;
}

.admin-job-wizard-page .job-wizard-step2-subskill-head {
    display: grid;
    gap: 0.2rem;
    align-self: center;
}

.admin-job-wizard-page .job-wizard-step2-subskill-name {
    font-weight: 610;
    color: #edf3ff;
    align-self: center;
}

.admin-job-wizard-page .job-wizard-step2-subskill-input .form-control {
    max-width: 160px;
    margin-left: auto;
}

.admin-job-wizard-page .job-wizard-step2-difficulty-wrap {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 0.46rem;
    margin-top: 0.14rem;
}

.admin-job-wizard-page .job-wizard-step2-difficulty-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(120px, 180px);
    gap: 0.42rem 0.68rem;
    align-items: end;
    border: 1px solid rgba(149, 172, 217, 0.18);
    border-radius: 0.56rem;
    background: rgba(122, 147, 198, 0.1);
    padding: 0.44rem 0.5rem;
}

.admin-job-wizard-page .job-wizard-step2-difficulty-label {
    font-size: 0.86rem;
    font-weight: 590;
}

.admin-job-wizard-page .job-wizard-step2-difficulty-input .form-control {
    max-width: 150px;
    margin-left: auto;
}

.admin-job-wizard-page .job-wizard-step2-fallback-row {
    border: 1px solid rgba(149, 172, 217, 0.2);
    border-radius: 0.62rem;
    background: rgba(115, 140, 193, 0.08);
    padding: 0.56rem 0.62rem;
}

.admin-job-wizard-page .job-wizard-step2-module-totals {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border: 1px solid rgba(149, 172, 217, 0.2);
    border-radius: 0.7rem;
    background: rgba(115, 140, 193, 0.08);
    padding: 0.6rem 0.7rem;
}

.admin-job-wizard-page .job-wizard-step2-note {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.82rem;
    background: rgba(98, 121, 171, 0.12);
    padding: 0.9rem 1rem;
    color: var(--job-wizard-text);
}

.admin-job-wizard-page [data-module-inline-duration] strong,
.admin-job-wizard-page [data-module-duration-value] {
    color: #eef3ff;
    font-weight: 620;
}

.admin-job-wizard-page .job-wizard-step2-summary-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-top: 0.6rem;
    border-top: 1px solid rgba(150, 175, 218, 0.2);
}

.admin-job-wizard-page .job-wizard-step2-prep-item,
.admin-job-wizard-page .job-wizard-prep-item {
    border: 1px solid rgba(151, 173, 216, 0.2);
    border-radius: 0.68rem;
    background: rgba(102, 125, 176, 0.1);
    padding: 0.56rem 0.6rem;
}

.admin-job-wizard-page .job-wizard-step2-actions {
    margin-top: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-summary-card {
    border: 1px solid var(--job-wizard-panel-border);
    border-radius: 1rem;
    background: var(--job-wizard-panel-bg);
    box-shadow: var(--job-wizard-panel-shadow);
    padding: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.85rem;
}

@media (max-width: 991.98px) {
    .admin-job-wizard-page .job-wizard-step2-toolbar {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-job-wizard-page .job-wizard-step2-module-head {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-job-wizard-page .job-wizard-step2-module-tools {
        justify-content: flex-start;
    }

    .admin-job-wizard-page .job-wizard-step2-subskill-row {
        grid-template-columns: 1fr;
    }

    .admin-job-wizard-page .job-wizard-step2-subskill-input .form-control {
        max-width: none;
        margin-left: 0;
    }

    .admin-job-wizard-page .job-wizard-step2-difficulty-row {
        grid-template-columns: 1fr;
    }

    .admin-job-wizard-page .job-wizard-step2-difficulty-input .form-control {
        max-width: none;
        margin-left: 0;
    }
}

.admin-job-wizard-page [data-module-list] {
    position: relative;
}

.admin-job-wizard-page [data-module-item] {
    position: relative;
    transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease, opacity 0.16s ease;
    cursor: grab;
}

.admin-job-wizard-page [data-module-item].is-dragging {
    opacity: 0.6;
    cursor: grabbing;
    border-color: rgba(188, 148, 255, 0.56);
    background: rgba(145, 104, 240, 0.24);
}

.admin-job-wizard-page [data-module-item].is-drop-target {
    border-color: rgba(188, 148, 255, 0.68);
    background: rgba(145, 104, 240, 0.18);
    box-shadow: inset 0 0 0 2px rgba(188, 148, 255, 0.42);
}

.admin-job-wizard-page [data-module-item].is-drop-target::before {
    content: '';
    position: absolute;
    left: 0.72rem;
    right: 0.72rem;
    top: -0.24rem;
    height: 0.24rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(180, 132, 255, 0.9), rgba(130, 210, 255, 0.9));
    box-shadow: 0 0 0 1px rgba(205, 183, 255, 0.42), 0 0 0.5rem rgba(154, 121, 244, 0.46);
    pointer-events: none;
    animation: job-wizard-drop-marker-pulse 0.95s ease-in-out infinite;
}

.admin-job-wizard-page [data-module-list].is-drop-end {
    outline: 1px dashed rgba(188, 148, 255, 0.44);
    outline-offset: 3px;
    border-radius: 0.7rem;
    background: rgba(145, 104, 240, 0.09);
}

.admin-job-wizard-page [data-module-list].is-drop-end::after {
    content: '';
    position: absolute;
    left: 0.72rem;
    right: 0.72rem;
    bottom: -0.22rem;
    height: 0.24rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(180, 132, 255, 0.9), rgba(130, 210, 255, 0.9));
    box-shadow: 0 0 0 1px rgba(205, 183, 255, 0.42), 0 0 0.5rem rgba(154, 121, 244, 0.46);
    pointer-events: none;
    animation: job-wizard-drop-marker-pulse 0.95s ease-in-out infinite;
}

@keyframes job-wizard-drop-marker-pulse {
    0% {
        opacity: 0.65;
        transform: scaleX(0.985);
    }
    50% {
        opacity: 1;
        transform: scaleX(1);
    }
    100% {
        opacity: 0.65;
        transform: scaleX(0.985);
    }
}

.admin-job-wizard-page .job-wizard-skill-row {
    border: 1px solid rgba(154, 176, 220, 0.2);
    border-radius: 0.72rem;
    background: rgba(117, 142, 193, 0.07);
    padding: 0.82rem;
    transition: border-color 0.18s ease, background-color 0.18s ease;
}

.admin-job-wizard-page .job-wizard-skill-row:hover {
    border-color: rgba(178, 137, 253, 0.36);
    background: rgba(145, 104, 240, 0.18);
}

.admin-job-wizard-page .job-wizard-skill-row.is-selected {
    border-color: rgba(188, 148, 255, 0.52);
    background: rgba(145, 104, 240, 0.22);
}

.admin-job-wizard-page .job-wizard-upload {
    display: flex;
    flex-direction: column;
}

.admin-job-wizard-page .job-wizard-dropzone {
    width: 100%;
    border: 1px dashed rgba(179, 139, 255, 0.42);
    border-radius: 0.84rem;
    background: rgba(143, 104, 240, 0.12);
    padding: 1rem 0.98rem;
    text-align: left;
    color: #eaf1ff;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.admin-job-wizard-page .job-wizard-dropzone:hover,
.admin-job-wizard-page .job-wizard-dropzone:focus-visible {
    border-color: rgba(198, 162, 255, 0.66);
    background: rgba(146, 106, 240, 0.2);
    box-shadow: 0 0 0 0.2rem rgba(142, 99, 240, 0.2);
    outline: none;
}

.admin-job-wizard-page .job-wizard-dropzone-title {
    display: block;
    font-weight: 620;
    margin-bottom: 0.22rem;
}

.admin-candidate-detail-page .candidate-detail-shell {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.admin-candidate-detail-page .candidate-detail-nav-rail {
    padding: 0.5rem;
    border: 1px solid rgba(129, 140, 248, 0.2);
    border-radius: 1.35rem;
    background:
        linear-gradient(135deg, rgba(76, 29, 149, 0.14), rgba(15, 23, 42, 0.88)),
        rgba(10, 16, 29, 0.78);
    box-shadow: 0 1rem 2.25rem rgba(6, 11, 24, 0.32);
}

.admin-candidate-detail-page .candidate-detail-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    border: 0;
}

.admin-candidate-detail-page .candidate-detail-nav .nav-item {
    margin: 0;
}

.admin-candidate-detail-page .candidate-detail-nav .nav-link {
    border: 1px solid transparent;
    border-radius: 1rem;
    padding: 0.75rem 1.05rem;
    color: rgba(216, 226, 245, 0.84);
    font-weight: 620;
    letter-spacing: 0.01em;
    background: transparent;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.admin-candidate-detail-page .candidate-detail-nav .nav-link:hover,
.admin-candidate-detail-page .candidate-detail-nav .nav-link:focus-visible {
    color: #fff;
    border-color: rgba(129, 140, 248, 0.28);
    background: rgba(129, 140, 248, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transform: translateY(-1px);
}

.admin-candidate-detail-page .candidate-detail-nav .nav-link.active {
    color: #fff;
    border-color: rgba(167, 139, 250, 0.44);
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.28), rgba(30, 41, 59, 0.92));
    box-shadow: 0 0.85rem 1.8rem rgba(76, 29, 149, 0.24);
}

.admin-candidate-detail-page .candidate-detail-tab-content {
    width: 100%;
    padding: 1.25rem;
    border: 1px solid rgba(99, 102, 241, 0.16);
    border-radius: 1.5rem;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.9), rgba(10, 17, 31, 0.95)),
        rgba(10, 16, 29, 0.92);
    box-shadow: 0 1.1rem 2.5rem rgba(6, 11, 24, 0.28);
}

.admin-candidate-detail-page .candidate-detail-tab-pane {
    min-width: 0;
}

.admin-candidate-detail-page .candidate-detail-centered-pane {
    width: 100%;
    margin-inline: 0;
}

.admin-candidate-detail-page .candidate-detail-tab-stack {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}

.admin-candidate-detail-page .candidate-detail-section-header {
    margin-bottom: 1rem;
    max-width: 70ch;
}

.admin-candidate-detail-page .candidate-detail-surface-card {
    box-shadow: 0 0.85rem 2rem rgba(15, 23, 42, 0.05);
}

.admin-candidate-detail-page .candidate-detail-card-body {
    padding: 1.2rem 1.25rem;
}

.admin-candidate-detail-page .candidate-detail-history-list {
    gap: 0.9rem;
}

.admin-candidate-detail-page .candidate-detail-history-copy,
.admin-candidate-detail-page .candidate-detail-notes-copy {
    max-width: 74ch;
}

.admin-candidate-detail-page .candidate-detail-history-meta {
    max-width: 56rem;
}

.admin-candidate-detail-page .candidate-detail-notes-card {
    color: var(--admin-text-primary);
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: linear-gradient(180deg, rgba(18, 28, 46, 0.94), rgba(13, 22, 38, 0.9));
}

.admin-candidate-detail-page .candidate-detail-notes-card .text-body-secondary {
    color: rgba(190, 204, 232, 0.78) !important;
}

.admin-candidate-detail-page .candidate-detail-application-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-candidate-detail-page .candidate-detail-application-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 0.9rem;
    color: var(--admin-text-primary);
    background: rgba(18, 28, 46, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.admin-candidate-detail-page .candidate-detail-application-copy {
    max-width: 54ch;
}

.admin-candidate-detail-page .candidate-detail-empty-state {
    max-width: 74ch;
}

[data-bs-theme='light'] .admin-candidate-detail-page .candidate-detail-application-row {
    color: var(--admin-light-text);
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(248, 250, 252, 0.92);
    box-shadow: none;
}

[data-bs-theme='light'] .admin-candidate-detail-page .candidate-detail-nav-rail {
    border-color: rgba(148, 163, 184, 0.2);
    background:
        linear-gradient(135deg, rgba(224, 231, 255, 0.82), rgba(248, 250, 252, 0.98)),
        rgba(255, 255, 255, 0.96);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

[data-bs-theme='light'] .admin-candidate-detail-page .candidate-detail-nav .nav-link {
    color: rgba(51, 65, 85, 0.86);
}

[data-bs-theme='light'] .admin-candidate-detail-page .candidate-detail-nav .nav-link:hover,
[data-bs-theme='light'] .admin-candidate-detail-page .candidate-detail-nav .nav-link:focus-visible {
    color: var(--admin-light-text);
    border-color: rgba(129, 140, 248, 0.25);
    background: rgba(129, 140, 248, 0.09);
}

[data-bs-theme='light'] .admin-candidate-detail-page .candidate-detail-nav .nav-link.active {
    color: #fff;
    border-color: rgba(129, 140, 248, 0.34);
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.94), rgba(79, 70, 229, 0.9));
    box-shadow: 0 0.85rem 1.5rem rgba(99, 102, 241, 0.2);
}

[data-bs-theme='light'] .admin-candidate-detail-page .candidate-detail-tab-content {
    border-color: rgba(148, 163, 184, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98)),
        rgba(255, 255, 255, 0.98);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

[data-bs-theme='light'] .admin-candidate-detail-page .candidate-detail-notes-card {
    color: var(--admin-light-text);
    border-color: rgba(148, 163, 184, 0.18);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(241, 245, 249, 0.9));
}

[data-bs-theme='light'] .admin-candidate-detail-page .candidate-detail-notes-card .text-body-secondary {
    color: rgba(71, 85, 105, 0.78) !important;
}

@media (max-width: 767.98px) {
    .admin-candidate-detail-page .candidate-detail-nav-rail,
    .admin-candidate-detail-page .candidate-detail-tab-content {
        padding: 0.9rem;
        border-radius: 1.15rem;
    }

    .admin-candidate-detail-page .candidate-detail-nav .nav-link {
        width: 100%;
    }

    .admin-candidate-detail-page .candidate-detail-card-body {
        padding: 1rem;
    }

    .admin-candidate-detail-page .candidate-detail-application-row {
        padding: 0.9rem;
    }
}

.admin-job-wizard-page .job-wizard-dropzone-helper {
    display: block;
    font-size: 0.84rem;
    color: rgba(188, 204, 232, 0.88);
    margin-bottom: 0.4rem;
}

.admin-job-wizard-page .job-wizard-dropzone-file {
    display: block;
    font-size: 0.84rem;
    color: rgba(226, 236, 255, 0.94);
}

.admin-job-wizard-page .job-wizard-dropzone-actions {
    display: flex;
    justify-content: flex-end;
}

.admin-job-wizard-page .job-wizard-upload.is-dragover .job-wizard-dropzone {
    border-color: rgba(198, 162, 255, 0.7);
    background: rgba(146, 106, 240, 0.24);
}

.admin-job-wizard-page .job-wizard-upload.has-file .job-wizard-dropzone {
    border-style: solid;
    border-color: rgba(157, 219, 187, 0.56);
    background: rgba(73, 170, 123, 0.14);
}

.admin-job-wizard-page .job-wizard-hero-preview {
    border: 1px solid rgba(151, 173, 216, 0.3);
    border-radius: 0.8rem;
    overflow: hidden;
    max-width: 350px;
    background: rgba(10, 16, 30, 0.78);
}

.admin-job-wizard-page .job-wizard-hero-preview img {
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    display: block;
}

.admin-job-wizard-page .job-wizard-hero-file-row {
    display: flex;
    gap: 0.82rem;
    align-items: flex-start;
    border: 1px solid rgba(151, 173, 216, 0.24);
    border-radius: 0.8rem;
    background: rgba(90, 116, 167, 0.08);
    padding: 0.66rem;
}

.admin-job-wizard-page .job-wizard-hero-file-row .job-wizard-hero-preview {
    margin: 0;
    max-width: 148px;
    width: 148px;
    flex-shrink: 0;
}

.admin-job-wizard-page .job-wizard-hero-file-row .job-wizard-hero-preview img {
    max-height: 98px;
}

.admin-job-wizard-page .job-wizard-hero-file-meta {
    min-width: 0;
    flex: 1 1 auto;
}

.admin-job-wizard-page .job-wizard-hero-inline-actions {
    display: flex;
    gap: 0.48rem;
    flex-wrap: wrap;
}

.admin-job-wizard-page .job-wizard-hero-remove {
    border-top: 1px dashed rgba(154, 176, 220, 0.28);
    padding-top: 0.7rem;
}

.admin-job-wizard-page .job-wizard-step1-form {
    padding-bottom: 5.8rem;
}

.admin-job-wizard-page .job-wizard-action-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.62rem;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    bottom: 0.8rem;
    padding: 0.72rem;
    border: 1px solid rgba(156, 177, 220, 0.22);
    border-radius: 0.85rem;
    background: rgba(8, 15, 28, 0.86);
    backdrop-filter: blur(6px);
    z-index: 1024;
}

.admin-job-wizard-page .job-wizard-action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.62rem;
    margin-left: auto;
}

.admin-job-wizard-page .job-wizard-unsaved-indicator {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid rgba(247, 193, 109, 0.45);
    border-radius: 999px;
    background: rgba(170, 116, 35, 0.22);
    color: rgba(255, 233, 195, 0.95);
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.32rem 0.66rem;
}

.admin-job-wizard-page .job-wizard-unsaved-indicator::before {
    content: '';
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #f4bf4f;
}

.admin-job-wizard-page .job-wizard-unsaved-indicator[hidden] {
    display: none !important;
}

.admin-job-wizard-page .job-wizard-toast-anchor {
    position: fixed;
    right: 1rem;
    bottom: 5.2rem;
    z-index: 1082;
    pointer-events: none;
}

.admin-job-wizard-page .job-wizard-inline-toast {
    border: 1px solid rgba(123, 220, 169, 0.38);
    border-radius: 0.72rem;
    background: rgba(17, 61, 43, 0.95);
    color: rgba(221, 255, 239, 0.97);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34);
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.48rem 0.72rem;
    transform: translateY(0);
    opacity: 1;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.admin-job-wizard-page .job-wizard-inline-toast.is-exit {
    opacity: 0;
    transform: translateY(-8px);
}

.admin-job-wizard-page .job-wizard-sticky-panel {
    position: sticky;
    top: var(--job-wizard-side-offset);
}

.admin-job-wizard-page .job-wizard-summary-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.admin-job-wizard-page .job-wizard-summary-item {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.74rem;
    background: rgba(114, 139, 186, 0.09);
    padding: 0.62rem 0.68rem;
}

.admin-job-wizard-page .job-wizard-summary-title {
    font-weight: 620;
    color: #f1f6ff;
}

.admin-job-wizard-page .job-wizard-summary-meta {
    font-size: 0.78rem;
    color: rgba(186, 202, 233, 0.82);
}

.admin-job-wizard-page .job-wizard-summary-details {
    font-size: 0.82rem;
    color: rgba(214, 226, 248, 0.9);
}

.admin-job-wizard-page .job-wizard-rules-table thead th {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(186, 202, 233, 0.84);
}

.admin-job-wizard-page .job-wizard-rules-table tbody td {
    border-bottom-color: rgba(151, 173, 216, 0.18);
}

.admin-job-wizard-page .job-wizard-rule-input {
    max-width: 140px;
}

.admin-job-wizard-page .job-wizard-threshold-slider {
    position: relative;
    height: 3rem;
    margin-top: 0.1rem;
}

.admin-job-wizard-page .job-wizard-threshold-slider__track {
    position: absolute;
    left: 0;
    right: 0;
    top: 62%;
    height: 0.44rem;
    transform: translateY(-50%);
    border-radius: 999px;
    background: rgba(153, 174, 214, 0.24);
    border: 1px solid rgba(155, 176, 216, 0.26);
}

.admin-job-wizard-page .job-wizard-threshold-slider__active {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 0;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 121, 157, 0.94), rgba(124, 223, 173, 0.95));
}

.admin-job-wizard-page .job-wizard-threshold-slider input[type='range'] {
    position: absolute;
    left: 0;
    top: 62%;
    width: 100%;
    height: 2.35rem;
    margin: 0;
    transform: translateY(-50%);
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: none;
}

.admin-job-wizard-page .job-wizard-threshold-slider input[type='range']::-webkit-slider-runnable-track {
    height: 0.44rem;
    background: transparent;
}

.admin-job-wizard-page .job-wizard-threshold-slider input[type='range']::-moz-range-track {
    height: 0.44rem;
    background: transparent;
    border: none;
}

.admin-job-wizard-page .job-wizard-threshold-slider input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.34rem;
    height: 1.34rem;
    margin-top: -0.45rem;
    border-radius: 50%;
    border: 1px solid rgba(222, 233, 255, 0.92);
    background: linear-gradient(180deg, #d3e3ff, #8eb1ee);
    box-shadow: 0 0 0 0.2rem rgba(104, 146, 226, 0.28);
    cursor: grab;
    pointer-events: auto;
}

.admin-job-wizard-page .job-wizard-threshold-slider input[type='range']::-moz-range-thumb {
    width: 1.34rem;
    height: 1.34rem;
    border-radius: 50%;
    border: 1px solid rgba(222, 233, 255, 0.92);
    background: linear-gradient(180deg, #d3e3ff, #8eb1ee);
    box-shadow: 0 0 0 0.2rem rgba(104, 146, 226, 0.28);
    cursor: grab;
    pointer-events: auto;
}

.admin-job-wizard-page .job-wizard-threshold-slider input[data-threshold-handle='reject'] {
    z-index: 4;
}

.admin-job-wizard-page .job-wizard-threshold-slider input[data-threshold-handle='recommend'] {
    z-index: 3;
}

.admin-job-wizard-page .job-wizard-threshold-slider input.is-active-handle {
    z-index: 5;
}

.admin-job-wizard-page .job-wizard-threshold-slider input[type='range']:active::-webkit-slider-thumb {
    cursor: grabbing;
}

.admin-job-wizard-page .job-wizard-threshold-slider input[type='range']:active::-moz-range-thumb {
    cursor: grabbing;
}

.admin-job-wizard-page .job-wizard-threshold-slider input[data-threshold-handle='reject']::-webkit-slider-thumb {
    background: linear-gradient(180deg, #ffd7e1, #ea6383);
    box-shadow: 0 0 0 0.22rem rgba(225, 74, 120, 0.28);
}

.admin-job-wizard-page .job-wizard-threshold-slider input[data-threshold-handle='reject']::-moz-range-thumb {
    background: linear-gradient(180deg, #ffd7e1, #ea6383);
    box-shadow: 0 0 0 0.22rem rgba(225, 74, 120, 0.28);
}

.admin-job-wizard-page .job-wizard-threshold-slider input[data-threshold-handle='recommend']::-webkit-slider-thumb {
    background: linear-gradient(180deg, #dcffef, #4abf8a);
    box-shadow: 0 0 0 0.22rem rgba(56, 183, 127, 0.3);
}

.admin-job-wizard-page .job-wizard-threshold-slider input[data-threshold-handle='recommend']::-moz-range-thumb {
    background: linear-gradient(180deg, #dcffef, #4abf8a);
    box-shadow: 0 0 0 0.22rem rgba(56, 183, 127, 0.3);
}

.admin-job-wizard-page .job-wizard-threshold-slider__handle-label {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-50%);
    z-index: 2;
    pointer-events: auto;
    cursor: pointer;
    font-size: 0.66rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 0.12rem 0.46rem;
    white-space: nowrap;
    border: 1px solid transparent;
}

.admin-job-wizard-page .job-wizard-threshold-slider__handle-label--reject {
    color: #ffe8ef;
    background: rgba(205, 64, 106, 0.92);
    border-color: rgba(247, 149, 177, 0.72);
}

.admin-job-wizard-page .job-wizard-threshold-slider__handle-label--recommend {
    color: #e9fff5;
    background: rgba(41, 153, 103, 0.94);
    border-color: rgba(130, 230, 187, 0.74);
}

.admin-job-wizard-page .is-rule-disabled {
    opacity: 0.62;
}

.admin-job-wizard-step3-page .step3-global-logic {
    border: 1px solid rgba(149, 174, 221, 0.24);
    background: rgba(90, 118, 183, 0.08);
}

.admin-job-wizard-step3-page .step3-global-logic__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.32rem 1rem;
}

.admin-job-wizard-step3-page .step3-global-logic__list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(147, 172, 219, 0.2);
    border-radius: 0.58rem;
    padding: 0.34rem 0.5rem;
    background: rgba(102, 129, 193, 0.11);
    font-size: 0.8rem;
}

.admin-job-wizard-step3-page .step3-global-logic__impact {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
}

.admin-job-wizard-step3-page .step3-global-logic__impact-label {
    font-weight: 700;
    font-size: 0.78rem;
    padding: 0.36rem 0.62rem;
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
}

.admin-job-wizard-step3-page .step3-impact-cycle-btn {
    --bs-btn-padding-y: 0.04rem;
    --bs-btn-padding-x: 0.34rem;
    line-height: 1;
}

.admin-job-wizard-step3-page .step3-impact-cycle-btn:hover {
    transform: translateY(-1px);
}

.admin-job-wizard-step3-page .step3-help-icon {
    width: 1rem;
    height: 1rem;
    margin-left: 0.28rem;
    border-radius: 50%;
    border: 1px solid rgba(160, 183, 229, 0.48);
    color: rgba(231, 240, 255, 0.94);
    background: rgba(97, 126, 189, 0.28);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: help;
}

.admin-job-wizard-step3-page .step3-help-icon:focus-visible {
    outline: 2px solid rgba(120, 171, 255, 0.75);
    outline-offset: 1px;
}

.admin-job-wizard-step3-page .step3-modules {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.admin-job-wizard-step3-page .step3-module-card {
    border-left: 4px solid rgba(141, 165, 210, 0.28);
    transition: border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease, transform 220ms ease;
}

.admin-job-wizard-step3-page .step3-module-card:hover {
    box-shadow: 0 8px 22px rgba(8, 14, 29, 0.26);
    transform: translateY(-1px);
}

.admin-job-wizard-step3-page .step3-module-card:not(.is-collapsed) {
    box-shadow: 0 14px 30px rgba(11, 20, 39, 0.34);
}

.admin-job-wizard-step3-page .step3-module-card:not(.is-collapsed):hover {
    transform: none;
}

.admin-job-wizard-step3-page .step3-module-card--interview {
    border-left-color: #53a6ff;
    background: linear-gradient(180deg, rgba(76, 130, 216, 0.1), rgba(36, 58, 98, 0.06));
}

.admin-job-wizard-step3-page .step3-module-card--personality {
    border-left-color: #9a73ff;
    background: linear-gradient(180deg, rgba(127, 88, 222, 0.12), rgba(55, 43, 92, 0.07));
}

.admin-job-wizard-step3-page .step3-module-card--intelligence {
    border-left-color: #f5a145;
    background: linear-gradient(180deg, rgba(223, 147, 57, 0.12), rgba(95, 61, 27, 0.07));
}

.admin-job-wizard-step3-page .step3-module-card--skill {
    border-left-color: #20c0b1;
    background: linear-gradient(180deg, rgba(44, 173, 159, 0.12), rgba(20, 78, 72, 0.07));
}

.admin-job-wizard-step3-page .step3-module-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.72rem 0.8rem;
    border-bottom: 1px solid rgba(142, 167, 216, 0.24);
    background: rgba(16, 26, 45, 0.68);
    transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.admin-job-wizard-step3-page .step3-module-card:not(.is-collapsed) .step3-module-card__header {
    background: linear-gradient(180deg, rgba(44, 66, 110, 0.68), rgba(23, 36, 60, 0.74));
    border-bottom-color: rgba(162, 189, 238, 0.45);
    box-shadow: inset 0 -1px 0 rgba(171, 194, 238, 0.22);
}

.admin-job-wizard-step3-page .step3-module-card__header-main {
    min-width: 280px;
    flex: 1 1 360px;
}

.admin-job-wizard-step3-page .step3-module-card__title-row {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    margin-bottom: 0.24rem;
}

.admin-job-wizard-step3-page .step3-module-type-badge {
    border: 1px solid rgba(194, 214, 247, 0.35);
    color: rgba(233, 243, 255, 0.95);
    background: rgba(73, 103, 165, 0.44);
    font-weight: 600;
}

.admin-job-wizard-step3-page .step3-module-card--interview .step3-module-type-badge {
    background: rgba(71, 142, 226, 0.45);
}

.admin-job-wizard-step3-page .step3-module-card--personality .step3-module-type-badge {
    background: rgba(131, 93, 226, 0.5);
}

.admin-job-wizard-step3-page .step3-module-card--intelligence .step3-module-type-badge {
    background: rgba(247, 176, 86, 0.45);
}

.admin-job-wizard-step3-page .step3-module-card--skill .step3-module-type-badge {
    background: rgba(46, 177, 161, 0.48);
}

.admin-job-wizard-step3-page .step3-module-card__summary {
    font-size: 0.75rem;
    color: rgba(193, 213, 245, 0.88);
}

.admin-job-wizard-step3-page .step3-module-card__impact-row {
    margin-top: 0.46rem;
    max-width: 280px;
}

.admin-job-wizard-step3-page .step3-module-card__impact-row .form-label {
    color: rgba(214, 227, 249, 0.9);
}

.admin-job-wizard-step3-page .step3-module-card__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
    min-width: 220px;
    margin-left: auto;
}

.admin-job-wizard-step3-page .step3-impact-pill {
    min-width: 190px;
    border-radius: 999px;
    background: rgba(90, 119, 182, 0.3);
    font-size: 0.87rem;
    font-weight: 700;
    border-width: 1px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 0 1px rgba(149, 173, 220, 0.24);
    padding-inline: 0.78rem 1.72rem;
}

.admin-job-wizard-step3-page .step3-impact-pill.is-impact-critical {
    border-color: rgba(241, 125, 158, 0.66);
    background: linear-gradient(180deg, rgba(190, 59, 100, 0.38), rgba(122, 38, 67, 0.3));
    color: rgba(255, 229, 237, 0.98);
}

.admin-job-wizard-step3-page .step3-impact-pill.is-impact-moderate {
    border-color: rgba(243, 193, 115, 0.62);
    background: linear-gradient(180deg, rgba(187, 142, 64, 0.36), rgba(117, 91, 43, 0.28));
    color: rgba(255, 243, 220, 0.98);
}

.admin-job-wizard-step3-page .step3-impact-pill.is-impact-informational {
    border-color: rgba(136, 198, 255, 0.62);
    background: linear-gradient(180deg, rgba(65, 129, 191, 0.38), rgba(42, 84, 129, 0.28));
    color: rgba(224, 241, 255, 0.98);
}

.admin-job-wizard-step3-page .step3-impact-pill option,
.admin-job-wizard-step3-page .step3-impact-pill optgroup {
    color: #17314f;
    background: #ffffff;
}

.admin-job-wizard-step3-page .step3-module-reset-btn {
    --bs-btn-color: rgba(195, 216, 251, 0.9);
    --bs-btn-border-color: rgba(148, 175, 226, 0.38);
    --bs-btn-hover-bg: rgba(98, 131, 192, 0.26);
    --bs-btn-hover-border-color: rgba(167, 195, 244, 0.54);
    --bs-btn-hover-color: rgba(236, 246, 255, 0.98);
    --bs-btn-active-bg: rgba(98, 131, 192, 0.32);
    --bs-btn-active-border-color: rgba(167, 195, 244, 0.62);
    font-size: 0.74rem;
    line-height: 1.1;
    border-style: dashed;
}

.admin-job-wizard-step3-page .step3-module-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.46rem;
    min-height: 2.35rem;
    width: 100%;
    font-size: 0.9rem;
    font-weight: 600;
    border-color: rgba(154, 183, 236, 0.48);
    background: rgba(80, 115, 187, 0.14);
    padding: 0.48rem 0.72rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.admin-job-wizard-step3-page .step3-module-toggle-btn:hover,
.admin-job-wizard-step3-page .step3-module-toggle-btn:focus-visible {
    border-color: rgba(176, 203, 248, 0.68);
    background: rgba(103, 142, 220, 0.26);
}

.admin-job-wizard-step3-page .step3-module-toggle-icon {
    display: inline-block;
    transition: transform 220ms ease;
}

.admin-job-wizard-step3-page .step3-module-toggle-btn[aria-expanded='true'] .step3-module-toggle-icon {
    transform: rotate(90deg);
}

.admin-job-wizard-step3-page .step3-module-card__body {
    padding: 0.68rem 0.74rem 0.76rem;
    max-height: 4000px;
    overflow: hidden;
    opacity: 1;
    transition: max-height 230ms ease, opacity 230ms ease, padding 230ms ease;
}

.admin-job-wizard-step3-page .step3-module-card.is-collapsed .step3-module-card__body {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.admin-job-wizard-step3-page .step3-module-group + .step3-module-group {
    margin-top: 0.7rem;
    padding-top: 0.68rem;
    border-top: 1px solid rgba(150, 175, 223, 0.22);
}

.admin-job-wizard-step3-page .step3-module-controls {
    border: 1px solid rgba(141, 165, 212, 0.2);
    border-radius: 0.62rem;
    background: rgba(84, 111, 174, 0.1);
    padding: 0.5rem 0.55rem;
    margin-bottom: 0.56rem;
}

.admin-job-wizard-step3-page .step3-influence-mode {
    display: flex;
    flex-wrap: wrap;
    gap: 0.58rem 1rem;
    font-size: 0.86rem;
}

.admin-job-wizard-step3-page .step3-rule-row {
    border: 1px solid rgba(140, 166, 215, 0.18);
    border-radius: 0.64rem;
    background: rgba(86, 112, 174, 0.08);
    padding: 0.62rem 0.66rem;
    margin-bottom: 0.72rem;
}

.admin-job-wizard-step3-page .step3-rule-row + .step3-rule-row {
    border-top-color: rgba(167, 190, 233, 0.34);
}

.admin-job-wizard-step3-page .step3-decision-band {
    position: relative;
    height: 4.05rem;
    margin-bottom: 0.34rem;
}

.admin-job-wizard-step3-page .step3-decision-band::before {
    content: attr(data-direction-indicator);
    position: absolute;
    top: -0.24rem;
    right: 0.18rem;
    padding: 0.1rem 0.42rem;
    border-radius: 999px;
    border: 1px solid rgba(149, 177, 228, 0.34);
    background: rgba(54, 79, 127, 0.46);
    color: rgba(202, 223, 255, 0.93);
    font-size: 0.62rem;
    font-weight: 600;
    line-height: 1.1;
    pointer-events: none;
}

.admin-job-wizard-step3-page .step3-decision-band__zones {
    position: absolute;
    top: 1.35rem;
    left: 0;
    right: 0;
    height: 1.8rem;
    border-radius: 999px;
    overflow: hidden;
    border: 1px solid rgba(148, 173, 217, 0.24);
    background: rgba(68, 96, 154, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.24);
}

.admin-job-wizard-step3-page .step3-decision-band.is-updated .step3-decision-band__zones::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(250, 255, 255, 0.18), rgba(250, 255, 255, 0.06), rgba(250, 255, 255, 0.18));
    animation: step3-band-flash 150ms ease;
    pointer-events: none;
}

.admin-job-wizard-step3-page .step3-decision-band__segment {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    transition: left 260ms ease, width 260ms ease, background-color 260ms ease;
}

.admin-job-wizard-step3-page .step3-decision-band__segment::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    bottom: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
}

.admin-job-wizard-step3-page .step3-decision-band__segment[data-band-segment='recommend']::after {
    display: none;
}

.admin-job-wizard-step3-page .step3-decision-band__segment--reject {
    background: linear-gradient(180deg, rgba(223, 84, 123, 0.74), rgba(186, 58, 98, 0.7));
}

.admin-job-wizard-step3-page .step3-decision-band__segment--review {
    background: linear-gradient(180deg, rgba(220, 191, 120, 0.7), rgba(181, 151, 86, 0.66));
}

.admin-job-wizard-step3-page .step3-decision-band__segment--review::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0, rgba(255, 255, 255, 0.06) 3px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0) 8px);
    pointer-events: none;
}

.admin-job-wizard-step3-page .step3-decision-band__segment--recommend {
    background: linear-gradient(180deg, rgba(79, 188, 136, 0.76), rgba(46, 145, 100, 0.72));
}

.admin-job-wizard-step3-page .step3-decision-band__segment-label {
    padding: 0 0.22rem;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: rgba(243, 250, 255, 0.95);
}

.admin-job-wizard-step3-page .step3-decision-band__segment--review .step3-decision-band__segment-label {
    font-weight: 560;
    color: rgba(37, 29, 8, 0.9);
}

.admin-job-wizard-step3-page .step3-decision-band__marker-label {
    position: absolute;
    top: 0.08rem;
    left: 0;
    transform: translateX(-50%);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
    z-index: 5;
    transition: left 260ms ease;
}

.admin-job-wizard-step3-page .step3-decision-band__marker-label--reject {
    color: rgba(255, 188, 204, 0.96);
}

.admin-job-wizard-step3-page .step3-decision-band__marker-label--recommend {
    color: rgba(181, 243, 213, 0.96);
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range'] {
    position: absolute;
    left: 0;
    top: 2.25rem;
    width: 100%;
    height: 2.1rem;
    margin: 0;
    transform: translateY(-50%);
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: none;
}

.admin-job-wizard-step3-page .step3-decision-band__ticks {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    font-size: 0.68rem;
    color: rgba(190, 210, 245, 0.84);
}

.admin-job-wizard-step3-page .step3-decision-band__ticks span {
    position: relative;
    padding-top: 0.44rem;
    font-weight: 600;
    justify-self: center;
}

.admin-job-wizard-step3-page .step3-decision-band__ticks span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 0.36rem;
    transform: translateX(-50%);
    background: rgba(192, 214, 248, 0.48);
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range']::-webkit-slider-runnable-track {
    height: 1.8rem;
    background: transparent;
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range']::-moz-range-track {
    height: 1.8rem;
    background: transparent;
    border: none;
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.05rem;
    height: 1.05rem;
    margin-top: 0.35rem;
    border-radius: 50%;
    border: 2px solid rgba(214, 229, 255, 0.96);
    box-shadow: 0 0 0 0.12rem rgba(100, 139, 213, 0.33), 0 0 0.34rem rgba(87, 129, 214, 0.28);
    pointer-events: auto;
    cursor: pointer;
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range'][data-band-handle='reject']::-webkit-slider-thumb {
    background-image: linear-gradient(180deg, #ffd9e4, #d95d84), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4L4 12' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 100% 100%, 10px 10px;
    box-shadow: 0 0 0 0.13rem rgba(221, 98, 133, 0.34), 0 0 0.34rem rgba(214, 85, 123, 0.35);
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range'][data-band-handle='recommend']::-webkit-slider-thumb {
    background-image: linear-gradient(180deg, #def8ea, #38ad7a), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3L12.5 5.5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 100% 100%, 10px 10px;
    box-shadow: 0 0 0 0.13rem rgba(76, 182, 132, 0.35), 0 0 0.34rem rgba(64, 167, 117, 0.36);
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range'].is-active-handle::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.2rem rgba(170, 202, 255, 0.3), 0 0 0.45rem rgba(146, 189, 255, 0.38);
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range']::-moz-range-thumb {
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 50%;
    border: 2px solid rgba(214, 229, 255, 0.96);
    box-shadow: 0 0 0 0.12rem rgba(100, 139, 213, 0.33), 0 0 0.34rem rgba(87, 129, 214, 0.28);
    pointer-events: auto;
    cursor: pointer;
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range'][data-band-handle='reject']::-moz-range-thumb {
    background-image: linear-gradient(180deg, #ffd9e4, #d95d84), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4L4 12' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 100% 100%, 10px 10px;
    box-shadow: 0 0 0 0.13rem rgba(221, 98, 133, 0.34), 0 0 0.34rem rgba(214, 85, 123, 0.35);
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range'][data-band-handle='recommend']::-moz-range-thumb {
    background-image: linear-gradient(180deg, #def8ea, #38ad7a), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3L12.5 5.5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 100% 100%, 10px 10px;
    box-shadow: 0 0 0 0.13rem rgba(76, 182, 132, 0.35), 0 0 0.34rem rgba(64, 167, 117, 0.36);
}

.admin-job-wizard-step3-page .step3-decision-band input[type='range'].is-active-handle::-moz-range-thumb {
    box-shadow: 0 0 0 0.2rem rgba(170, 202, 255, 0.3), 0 0 0.45rem rgba(146, 189, 255, 0.38);
}

.admin-job-wizard-step3-page .step3-decision-band__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.44rem 0.85rem;
    font-size: 0.77rem;
}

.admin-job-wizard-step3-page [data-band-direction] {
    font-weight: 600;
    color: rgba(178, 204, 245, 0.94) !important;
}

.admin-job-wizard-step3-page [data-band-reject-text],
.admin-job-wizard-step3-page [data-band-recommend-text] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    font-weight: 650;
}

.admin-job-wizard-step3-page [data-band-reject-text]::before,
.admin-job-wizard-step3-page [data-band-recommend-text]::before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    display: inline-block;
}

.admin-job-wizard-step3-page [data-band-reject-text]::before {
    background: rgba(221, 96, 131, 0.92);
    box-shadow: 0 0 0 1px rgba(255, 194, 212, 0.7);
}

.admin-job-wizard-step3-page [data-band-recommend-text]::before {
    background: rgba(71, 180, 129, 0.92);
    box-shadow: 0 0 0 1px rgba(190, 245, 219, 0.72);
}

.admin-job-wizard-step3-page [data-band-warning] {
    margin-top: 0.22rem;
}

.admin-job-wizard-step3-page .step3-band-edit-toggle {
    display: none;
    margin-left: auto;
}

.admin-job-wizard-step3-page .step3-band-polarity-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.24rem;
}

.admin-job-wizard-step3-page .step3-band-polarity-icon {
    font-size: 0.9rem;
    line-height: 1;
    opacity: 0.9;
}

.admin-job-wizard-step3-page .step3-band-polarity-toggle.is-negative {
    color: rgba(255, 191, 206, 0.95);
}

@keyframes step3-band-flash {
    from {
        opacity: 0.32;
    }

    to {
        opacity: 0;
    }
}

.admin-job-wizard-step3-page .job-wizard-step3-enhanced .step3-band-edit-toggle {
    display: inline-flex;
}

.admin-job-wizard-step3-page .job-wizard-step3-enhanced .step3-band-edit-panel.is-hidden {
    display: none;
}

.admin-job-wizard-step3-page .step3-advanced-group {
    margin-top: 0.48rem;
    margin-bottom: 0.5rem;
}

.admin-job-wizard-step3-page .step3-advanced-group__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    margin-bottom: 0.75rem;
}

.admin-job-wizard-step3-page .step3-advanced-panel {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin-top: 0;
    transition: max-height 150ms ease, opacity 150ms ease, margin 150ms ease;
}

.admin-job-wizard-step3-page .step3-advanced-panel.is-open.is-expanded {
    max-height: 2200px;
    opacity: 1;
    margin-top: 0.5rem;
}

.admin-job-wizard-step3-page .step3-advanced-panel__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.admin-job-wizard-step3-page .step3-subskill-tabs .nav-link {
    padding: 0.34rem 0.72rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: rgba(204, 223, 250, 0.92);
    border: 1px solid rgba(144, 169, 218, 0.36);
    border-radius: 999px !important;
    background: rgba(69, 95, 148, 0.2);
    position: relative;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.admin-job-wizard-step3-page .step3-subskill-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.42rem;
    border-bottom: 0;
    overflow-x: auto;
    padding-bottom: 0.2rem;
}

.admin-job-wizard-step3-page .step3-subskill-tabs .nav-item {
    flex: 0 0 auto;
}

.admin-job-wizard-step3-page .step3-subskill-tabs .nav-link::after {
    content: '';
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 0.08rem;
    height: 2px;
    border-radius: 999px;
    background: rgba(150, 197, 255, 0.9);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 150ms ease;
}

.admin-job-wizard-step3-page .step3-subskill-tabs .nav-link:hover,
.admin-job-wizard-step3-page .step3-subskill-tabs .nav-link:focus-visible {
    border-color: rgba(175, 203, 253, 0.62);
    color: rgba(238, 247, 255, 0.98);
    background: rgba(92, 121, 181, 0.34);
}

.admin-job-wizard-step3-page .step3-subskill-tabs .nav-link.active {
    color: rgba(247, 252, 255, 0.98);
    background: linear-gradient(180deg, rgba(108, 143, 214, 0.5), rgba(64, 93, 151, 0.42));
    border-color: rgba(177, 206, 255, 0.72);
    box-shadow: 0 4px 12px rgba(20, 35, 64, 0.26);
}

.admin-job-wizard-step3-page .step3-subskill-tabs .nav-link.active::after {
    transform: scaleX(1);
}

.admin-job-wizard-step3-page .step3-subskill-content {
    margin-top: 0.75rem;
}

.admin-job-wizard-step3-page .step3-row-remove-btn {
    color: rgba(255, 205, 218, 0.92);
    line-height: 1;
    text-decoration: none;
}

.admin-job-wizard-step3-page .step3-row-remove-btn:hover,
.admin-job-wizard-step3-page .step3-row-remove-btn:focus-visible {
    color: rgba(255, 236, 242, 1);
}

.admin-job-wizard-step3-page .step3-add-back-panel {
    margin-top: 0.78rem;
    padding-top: 0.72rem;
    border-top: 1px dashed rgba(150, 176, 225, 0.26);
}

.admin-job-wizard-step3-page .step3-add-back-btn {
    --bs-btn-color: rgba(213, 229, 252, 0.96);
    --bs-btn-border-color: rgba(150, 176, 225, 0.38);
    --bs-btn-hover-color: rgba(248, 252, 255, 0.98);
    --bs-btn-hover-bg: rgba(94, 123, 182, 0.24);
    --bs-btn-hover-border-color: rgba(188, 211, 249, 0.6);
    --bs-btn-active-bg: rgba(94, 123, 182, 0.32);
    --bs-btn-active-border-color: rgba(188, 211, 249, 0.7);
}

.admin-job-wizard-step3-page .step3-module-preview {
    border: 1px dashed rgba(149, 173, 218, 0.26);
    border-radius: 0.62rem;
    background: rgba(90, 117, 179, 0.08);
    padding: 0.52rem 0.58rem;
    margin-top: 0.58rem;
}

.admin-job-wizard-step3-page .step3-final-simulator {
    border: 1px solid rgba(152, 181, 231, 0.3);
    background: linear-gradient(180deg, rgba(72, 98, 154, 0.16), rgba(37, 56, 91, 0.14));
}

.admin-job-wizard-step3-page [data-step3-final-outcome] {
    font-size: 0.84rem;
    padding: 0.46rem 0.78rem;
}

.admin-job-wizard-step3-page [data-module-status][data-status-state='none'] {
    border: 1px solid rgba(160, 184, 225, 0.35);
}

.admin-job-wizard-step3-page [data-module-status][data-status-state='partial'] {
    border: 1px solid rgba(243, 203, 125, 0.52);
}

.admin-job-wizard-step3-page [data-module-status][data-status-state='full'] {
    border: 1px solid rgba(121, 223, 171, 0.54);
}

.admin-job-wizard-step3-page .step3-rule-row--interview .small {
    font-size: 0.72rem;
    color: rgba(173, 194, 229, 0.8) !important;
}

.admin-job-wizard-step3-page .step3-range-compact {
    margin-bottom: 0.16rem;
}

.admin-job-wizard-step3-page .job-wizard-step3-sticky-footer {
    position: sticky;
    bottom: 0;
    z-index: 8;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(152, 176, 222, 0.32);
    border-radius: 0.8rem;
    background: rgba(12, 19, 34, 0.95);
    padding: 0.72rem 0.82rem;
    backdrop-filter: blur(4px);
    margin-top: 1.15rem;
}

.admin-job-wizard-step3-page .step3-footer-back {
    opacity: 0.85;
}

.admin-job-wizard-step3-page .step3-footer-save {
    transition: box-shadow 160ms ease, transform 160ms ease;
}

.admin-job-wizard-step3-page .step3-footer-save:hover,
.admin-job-wizard-step3-page .step3-footer-save:focus-visible {
    box-shadow: 0 0 0 0.18rem rgba(110, 161, 255, 0.28), 0 10px 20px rgba(40, 84, 168, 0.3);
    transform: translateY(-1px);
}

.admin-job-wizard-step3-page .job-wizard-step3-validation {
    min-width: 220px;
}

.admin-job-wizard-step3-page .job-wizard-step3-toast-anchor {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1090;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.admin-job-wizard-step3-page .job-wizard-step3-toast {
    border-radius: 0.65rem;
    padding: 0.52rem 0.7rem;
    font-size: 0.82rem;
    border: 1px solid transparent;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.33);
    opacity: 1;
    transform: translateY(0);
    transition: opacity 160ms ease, transform 160ms ease;
}

.admin-job-wizard-step3-page .job-wizard-step3-toast--success {
    border-color: rgba(126, 224, 178, 0.4);
    background: rgba(20, 80, 55, 0.94);
    color: rgba(219, 255, 238, 0.96);
}

.admin-job-wizard-step3-page .job-wizard-step3-toast--error {
    border-color: rgba(241, 147, 171, 0.46);
    background: rgba(104, 36, 55, 0.95);
    color: rgba(255, 227, 236, 0.96);
}

.admin-job-wizard-step3-page .job-wizard-step3-toast.is-exit {
    opacity: 0;
    transform: translateY(6px);
}

@media (max-width: 991.98px) {
    .admin-job-wizard-step3-page .step3-global-logic__list {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-job-wizard-step3-page .step3-module-card__actions {
        width: 100%;
        margin-left: 0;
    }

    .admin-job-wizard-step3-page .step3-module-card__impact-row {
        max-width: 100%;
    }

    .admin-job-wizard-step3-page .job-wizard-step3-sticky-footer {
        position: static;
    }
}

.admin-job-wizard-page .job-wizard-rule-delete {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(239, 118, 154, 0.42);
    border-radius: 0.55rem;
    color: rgba(255, 188, 208, 0.94);
    background: rgba(195, 63, 103, 0.16);
}

.admin-job-wizard-page .job-wizard-rule-delete:hover,
.admin-job-wizard-page .job-wizard-rule-delete:focus-visible {
    border-color: rgba(245, 143, 175, 0.68);
    background: rgba(205, 78, 117, 0.28);
    color: #ffe5ee;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(212, 79, 121, 0.22);
}

.admin-job-wizard-page .job-wizard-rule-delete svg {
    width: 1.05rem;
    height: 1.05rem;
    fill: currentColor;
}

.admin-job-wizard-page .job-wizard-json-editor {
    border-radius: 0.76rem;
    line-height: 1.5;
    min-height: 260px;
    background: rgba(8, 14, 27, 0.92);
    border: 1px solid rgba(157, 178, 222, 0.24);
    color: rgba(233, 241, 255, 0.94);
}

.admin-job-wizard-page .job-wizard-json-editor:focus {
    box-shadow: 0 0 0 0.2rem rgba(132, 83, 241, 0.24);
}

.admin-job-wizard-page .job-wizard-review-hero {
    border: 1px solid rgba(151, 173, 216, 0.24);
    border-radius: 0.84rem;
    overflow: hidden;
    background: rgba(8, 14, 28, 0.76);
}

.admin-job-wizard-page .job-wizard-review-hero img {
    width: 100%;
    max-height: 270px;
    object-fit: cover;
    display: block;
}

.admin-job-wizard-page .job-wizard-review-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.admin-job-wizard-page .job-wizard-review-badge {
    border: 1px solid rgba(156, 177, 220, 0.28);
    border-radius: 999px;
    background: rgba(118, 144, 194, 0.12);
    color: rgba(229, 238, 255, 0.94);
    font-size: 0.78rem;
    padding: 0.26rem 0.62rem;
}

.admin-job-wizard-page .job-wizard-review-accordion {
    display: flex;
    flex-direction: column;
    gap: 0.52rem;
}

.admin-job-wizard-page .job-wizard-step4-stat {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.72rem;
    background: rgba(103, 128, 180, 0.11);
    padding: 0.58rem 0.66rem;
    min-height: 100%;
}

.admin-job-wizard-page .job-wizard-step4-stat-label {
    font-size: 0.74rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(182, 200, 231, 0.82);
}

.admin-job-wizard-page .job-wizard-step4-stat-value {
    margin-top: 0.2rem;
    font-size: 0.96rem;
    font-weight: 640;
    color: rgba(239, 245, 255, 0.96);
}

.admin-job-wizard-page .job-wizard-step4-stat-meta {
    margin-top: 0.16rem;
    font-size: 0.78rem;
    color: rgba(198, 214, 243, 0.84);
}

.admin-job-wizard-page .job-wizard-step4-subsection + .job-wizard-step4-subsection {
    margin-top: 1rem;
}

.admin-job-wizard-page .job-wizard-step4-richtext {
    border: 1px solid rgba(151, 173, 216, 0.2);
    border-radius: 0.72rem;
    background: rgba(109, 135, 186, 0.08);
    padding: 0.68rem 0.72rem;
    line-height: 1.55;
}

.admin-job-wizard-page .job-wizard-accordion-item {
    border: 1px solid rgba(151, 173, 216, 0.2);
    border-radius: 0.72rem;
    background: rgba(116, 141, 192, 0.08);
    overflow: hidden;
}

.admin-job-wizard-page .job-wizard-accordion-item summary {
    list-style: none;
    cursor: pointer;
    padding: 0.62rem 0.78rem;
    font-weight: 600;
    color: rgba(237, 243, 255, 0.95);
}

.admin-job-wizard-page .job-wizard-accordion-item summary::-webkit-details-marker {
    display: none;
}

.admin-job-wizard-page .job-wizard-accordion-content {
    padding: 0.12rem 0.78rem 0.72rem;
    color: rgba(213, 225, 248, 0.9);
}

.admin-job-wizard-page .job-wizard-json-collapse summary {
    cursor: pointer;
    font-weight: 600;
    color: rgba(237, 243, 255, 0.95);
}

.admin-job-wizard-page .job-wizard-json-preview {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.74rem;
    background: rgba(7, 13, 24, 0.9);
    color: rgba(220, 230, 250, 0.9);
    font-size: 0.8rem;
    line-height: 1.45;
    padding: 0.72rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.admin-job-wizard-page .admin-compact-toast {
    position: fixed;
    top: calc(var(--job-wizard-sticky-offset) + 0.25rem);
    right: 1rem;
    max-width: 340px;
    border: 1px solid rgba(123, 220, 169, 0.32);
    border-radius: 0.72rem;
    background: rgba(17, 61, 43, 0.92);
    color: rgba(221, 255, 239, 0.95);
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.38);
    z-index: 1080;
    padding: 0.5rem 0.75rem;
}

.admin-job-wizard-page .admin-compact-toast::before {
    content: '\2713';
    display: block;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
    color: rgba(208, 252, 229, 0.92);
    margin-bottom: 0.15rem;
}

@media (max-width: 1199.98px) {
    .admin-job-wizard-page .job-wizard-sticky-panel {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .admin-job-wizard-page {
        --job-wizard-sticky-offset: 4.25rem;
    }

    .admin-job-wizard-page .job-wizard-header {
        top: var(--job-wizard-sticky-offset);
    }

    .admin-job-wizard-page .job-wizard-stepper {
        display: flex;
        overflow-x: auto;
        padding-bottom: 0.25rem;
    }

    .admin-job-wizard-page .job-wizard-step-item {
        min-width: 174px;
    }

    .admin-job-wizard-page .job-wizard-step1-form {
        padding-bottom: 6.6rem;
    }

    .admin-job-wizard-page .job-wizard-action-bar {
        bottom: 0.4rem;
        padding: 0.68rem;
    }
}

@media (max-width: 767.98px) {
    .admin-job-wizard-page .job-wizard-header {
        position: static;
    }

    .admin-job-wizard-page .job-wizard-header-body {
        padding: 0.86rem 0.9rem;
    }

    .admin-job-wizard-page .job-wizard-step-link {
        min-height: 2.36rem;
    }

    .admin-job-wizard-page .job-wizard-dropzone {
        padding: 0.85rem 0.82rem;
    }

    .admin-job-wizard-page .job-wizard-action-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-job-wizard-page .job-wizard-action-buttons {
        width: 100%;
        margin-left: 0;
    }

    .admin-job-wizard-page .job-wizard-action-bar .btn,
    .admin-job-wizard-page .job-wizard-action-bar form,
    .admin-job-wizard-page .job-wizard-action-bar form .btn {
        width: 100%;
    }

    .admin-job-wizard-page .job-wizard-language-tabs {
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .admin-job-wizard-page .job-wizard-language-tab {
        flex: 1 0 auto;
        text-align: center;
    }

    .admin-job-wizard-page .job-wizard-hero-file-row {
        flex-direction: column;
    }

    .admin-job-wizard-page .job-wizard-hero-file-row .job-wizard-hero-preview {
        width: 100%;
        max-width: none;
    }

    .admin-job-wizard-page .admin-compact-toast {
        right: 0.75rem;
        left: 0.75rem;
        max-width: none;
    }

    .admin-job-wizard-page .job-wizard-toast-anchor {
        right: 0.75rem;
        left: 0.75rem;
        bottom: 6.1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-job-wizard-page .job-wizard-header,
    .admin-job-wizard-page .job-wizard-step-link,
    .admin-job-wizard-page .job-wizard-skill-row,
    .admin-job-wizard-page .job-wizard-dropzone {
        transition: none !important;
    }
}

/* Wizard Step 1 UX refresh */
.admin-job-wizard-page {
    --job-wizard-surface-bg: rgba(255, 255, 255, 0.96);
    --job-wizard-surface-soft: rgba(80, 101, 148, 0.07);
    --job-wizard-border: rgba(83, 103, 146, 0.24);
    --job-wizard-border-strong: rgba(83, 103, 146, 0.36);
    --job-wizard-title: #17223a;
    --job-wizard-text: #2f405f;
    --job-wizard-muted: #5e6f8f;
    --job-wizard-header-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(247, 251, 255, 0.95));
    --job-wizard-header-shadow: rgba(19, 31, 52, 0.11);
    --job-wizard-step-bg: rgba(90, 113, 160, 0.08);
    --job-wizard-step-fg: #334566;
    --job-wizard-step-active-bg: rgba(108, 79, 224, 0.18);
    --job-wizard-step-active-border: rgba(108, 79, 224, 0.38);
    --job-wizard-tab-bg: rgba(80, 101, 148, 0.08);
    --job-wizard-tab-active-bg: rgba(108, 79, 224, 0.18);
    --job-wizard-tab-active-border: rgba(108, 79, 224, 0.4);
    --job-wizard-action-bg: rgba(255, 255, 255, 0.9);
    --job-wizard-panel-bg: rgba(248, 250, 252, 0.88);
    --job-wizard-panel-bg-strong: rgba(241, 245, 249, 0.9);
    --job-wizard-panel-border: rgba(148, 163, 184, 0.26);
    --job-wizard-panel-shadow: 0 16px 34px rgba(19, 31, 52, 0.1);
    --job-wizard-chip-muted-bg: rgba(226, 232, 240, 0.92);
    --job-wizard-chip-muted-fg: #334155;
    --job-wizard-chip-ro-bg: rgba(219, 234, 254, 0.96);
    --job-wizard-chip-ro-fg: #1d4ed8;
    --job-wizard-chip-partial-bg: rgba(254, 243, 199, 0.96);
    --job-wizard-chip-partial-fg: #92400e;
    --job-wizard-chip-ready-bg: rgba(220, 252, 231, 0.96);
    --job-wizard-chip-ready-fg: #166534;
    --job-wizard-warning-bg: rgba(254, 243, 199, 0.62);
    --job-wizard-warning-fg: #92400e;
    --job-wizard-warning-border: rgba(217, 119, 6, 0.28);
    --job-wizard-success-bg: rgba(220, 252, 231, 0.74);
    --job-wizard-success-fg: #166534;
    --job-wizard-success-border: rgba(22, 163, 74, 0.24);
}

[data-bs-theme='dark'] .admin-job-wizard-page {
    --job-wizard-surface-bg: rgba(9, 17, 32, 0.9);
    --job-wizard-surface-soft: rgba(117, 142, 193, 0.08);
    --job-wizard-border: rgba(156, 177, 220, 0.24);
    --job-wizard-border-strong: rgba(184, 201, 233, 0.36);
    --job-wizard-title: #eef3ff;
    --job-wizard-text: #d3dff5;
    --job-wizard-muted: rgba(191, 206, 236, 0.84);
    --job-wizard-header-bg: linear-gradient(180deg, rgba(16, 27, 46, 0.96), rgba(11, 20, 36, 0.96));
    --job-wizard-header-shadow: rgba(1, 7, 18, 0.42);
    --job-wizard-step-bg: rgba(112, 136, 188, 0.08);
    --job-wizard-step-fg: rgba(210, 223, 248, 0.88);
    --job-wizard-step-active-bg: rgba(146, 101, 246, 0.27);
    --job-wizard-step-active-border: rgba(186, 145, 255, 0.6);
    --job-wizard-tab-bg: rgba(111, 136, 188, 0.1);
    --job-wizard-tab-active-bg: rgba(145, 103, 241, 0.3);
    --job-wizard-tab-active-border: rgba(190, 152, 255, 0.62);
    --job-wizard-action-bg: rgba(8, 15, 28, 0.9);
    --job-wizard-panel-bg: linear-gradient(180deg, rgba(16, 27, 46, 0.9), rgba(11, 20, 36, 0.92));
    --job-wizard-panel-bg-strong: linear-gradient(180deg, rgba(20, 33, 57, 0.94), rgba(11, 20, 36, 0.94));
    --job-wizard-panel-border: rgba(151, 173, 216, 0.26);
    --job-wizard-panel-shadow: 0 18px 40px rgba(2, 8, 20, 0.28);
    --job-wizard-chip-muted-bg: rgba(72, 88, 122, 0.52);
    --job-wizard-chip-muted-fg: rgba(226, 235, 255, 0.9);
    --job-wizard-chip-ro-bg: rgba(41, 98, 193, 0.28);
    --job-wizard-chip-ro-fg: rgba(191, 220, 255, 0.96);
    --job-wizard-chip-partial-bg: rgba(136, 94, 24, 0.3);
    --job-wizard-chip-partial-fg: rgba(255, 224, 163, 0.96);
    --job-wizard-chip-ready-bg: rgba(24, 109, 72, 0.3);
    --job-wizard-chip-ready-fg: rgba(187, 247, 208, 0.95);
    --job-wizard-warning-bg: rgba(124, 89, 31, 0.24);
    --job-wizard-warning-fg: rgba(255, 222, 163, 0.96);
    --job-wizard-warning-border: rgba(245, 158, 11, 0.32);
    --job-wizard-success-bg: rgba(24, 109, 72, 0.24);
    --job-wizard-success-fg: rgba(187, 247, 208, 0.95);
    --job-wizard-success-border: rgba(52, 211, 153, 0.26);
}

.admin-job-wizard-page .job-wizard-header {
    border-color: var(--job-wizard-border);
    background: var(--job-wizard-header-bg);
    box-shadow: 0 10px 24px var(--job-wizard-header-shadow);
}

.admin-job-wizard-page .job-wizard-header-body {
    padding: 1.05rem 1.2rem 1.18rem;
}

.admin-job-wizard-page .job-wizard-subtitle {
    color: var(--job-wizard-muted);
}

.admin-job-wizard-page .job-wizard-step-link {
    border-color: var(--job-wizard-border);
    background: var(--job-wizard-step-bg);
    color: var(--job-wizard-step-fg);
}

.admin-job-wizard-page .job-wizard-step-item.is-current .job-wizard-step-link {
    border-color: var(--job-wizard-step-active-border);
    background: var(--job-wizard-step-active-bg);
}

.admin-job-wizard-page .job-wizard-section-card {
    border-color: var(--job-wizard-border);
    background: var(--job-wizard-surface-bg);
    box-shadow: 0 12px 28px rgba(9, 17, 33, 0.18);
}

[data-bs-theme='dark'] .admin-job-wizard-page .job-wizard-section-card {
    box-shadow: 0 14px 30px rgba(2, 8, 20, 0.34);
}

.admin-job-wizard-page .job-wizard-section-card .card-body {
    padding: 1.08rem 1.16rem;
}

.admin-job-wizard-page .job-wizard-step1-layout > * + * {
    margin-top: 1.05rem;
}

.admin-job-wizard-page .job-wizard-section-head {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-bottom: 0.9rem;
}

.admin-job-wizard-page .job-wizard-section-head h2,
.admin-job-wizard-page .job-wizard-section-head h3 {
    color: var(--job-wizard-title);
}

.admin-job-wizard-page .job-wizard-section-copy {
    font-size: 0.82rem;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-page .job-wizard-shared-settings {
    display: grid;
    gap: 0.75rem;
}

.admin-job-wizard-page .job-wizard-shared-settings-compact {
    gap: 0.6rem;
}

.admin-job-wizard-page .job-wizard-settings-group {
    border: 1px solid var(--job-wizard-border);
    border-radius: 0.78rem;
    background: var(--job-wizard-surface-soft);
    padding: 0.74rem 0.78rem;
}

.admin-job-wizard-page .job-wizard-settings-group-title {
    margin: 0 0 0.58rem;
    font-size: 0.77rem;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-page .job-wizard-toggle-card {
    height: auto;
    min-height: 0;
    align-self: start;
    border: 1px solid var(--job-wizard-border);
    border-radius: 0.7rem;
    background: rgba(var(--brand-primary-rgb), 0.08);
    padding: 0.62rem 0.7rem;
    display: grid;
    gap: 0.32rem;
}

.admin-job-wizard-page .job-wizard-toggle-card .form-check-input {
    width: 2.2rem;
    height: 1.2rem;
    margin-top: 0;
}

.admin-job-wizard-page .job-wizard-toggle-card .form-check-label {
    color: var(--job-wizard-title);
    font-weight: 600;
}

.admin-job-wizard-page .job-wizard-shared-badge {
    font-size: 0.67rem;
    letter-spacing: 0.01em;
}

.admin-job-wizard-page .job-wizard-advanced-settings {
    border: 1px solid var(--job-wizard-border);
    border-radius: 0.78rem;
    background: var(--job-wizard-surface-soft);
}

.admin-job-wizard-page .job-wizard-advanced-summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    cursor: pointer;
    padding: 0.62rem 0.78rem;
}

.admin-job-wizard-page .job-wizard-advanced-summary::-webkit-details-marker {
    display: none;
}

.admin-job-wizard-page .job-wizard-advanced-title {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--job-wizard-title);
}

.admin-job-wizard-page .job-wizard-advanced-copy {
    font-size: 0.76rem;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-page .job-wizard-advanced-settings[open] {
    border-color: var(--job-wizard-tab-active-border);
}

.admin-job-wizard-page .job-wizard-advanced-body {
    border-top: 1px solid var(--job-wizard-border);
    padding: 0.68rem 0.78rem 0.8rem;
}

.admin-job-wizard-page .job-wizard-content-head {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.9rem;
}

.admin-job-wizard-page .job-wizard-content-head-main {
    min-width: 0;
}

.admin-job-wizard-page .job-wizard-content-head-actions {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.admin-job-wizard-page .job-wizard-language-toolbar {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.admin-job-wizard-page .job-wizard-language-toolbar-label {
    font-size: 0.75rem;
    color: var(--job-wizard-muted);
    font-weight: 600;
}

.admin-job-wizard-page .job-wizard-language-card {
    position: sticky;
    top: calc(var(--job-wizard-sticky-offset) + 0.72rem);
    z-index: 1020;
}

.admin-job-wizard-page .job-wizard-language-card .card-body {
    padding: 0.82rem 1rem;
}

.admin-job-wizard-page .job-wizard-language-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.admin-job-wizard-page .job-wizard-language-meta p {
    color: var(--job-wizard-muted) !important;
}

.admin-job-wizard-page .job-wizard-language-tabs {
    background: var(--job-wizard-tab-bg);
    border-color: var(--job-wizard-border);
}

.admin-job-wizard-page .job-wizard-language-tab {
    color: var(--job-wizard-text);
}

.admin-job-wizard-page .job-wizard-language-tab[aria-selected='true'] {
    background: var(--job-wizard-tab-active-bg);
    border-color: var(--job-wizard-tab-active-border);
}

.admin-job-wizard-page .job-wizard-content-hint-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
}

.admin-job-wizard-page .job-wizard-formatting-pill {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    padding: 0.16rem 0.58rem;
    border: 1px solid var(--job-wizard-border);
    border-radius: 999px;
    font-size: 0.72rem;
    color: var(--job-wizard-muted);
    background: var(--job-wizard-surface-soft);
}

.admin-job-wizard-page .job-wizard-formatting-help summary {
    cursor: pointer;
    font-size: 0.78rem;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-page .job-wizard-formatting-help p {
    margin-top: 0.36rem;
    font-size: 0.78rem;
    color: var(--job-wizard-muted);
    max-width: 65ch;
}

.admin-job-wizard-page .job-wizard-formatting-help-inline summary {
    white-space: nowrap;
}

.admin-job-wizard-page .job-wizard-formatting-help-inline p {
    max-width: 42ch;
}

.admin-job-wizard-page .job-wizard-content-layout {
    display: grid;
    grid-template-columns: minmax(170px, 210px) minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
}

.admin-job-wizard-page .job-wizard-content-nav {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
}

.admin-job-wizard-page .job-wizard-content-tab {
    width: 100%;
    text-align: left;
    border: 1px solid var(--job-wizard-border);
    border-radius: 0.72rem;
    background: var(--job-wizard-tab-bg);
    color: var(--job-wizard-text);
    font-size: 0.83rem;
    font-weight: 590;
    line-height: 1.26;
    padding: 0.54rem 0.7rem;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.admin-job-wizard-page .job-wizard-content-tab:hover,
.admin-job-wizard-page .job-wizard-content-tab:focus-visible {
    border-color: var(--job-wizard-tab-active-border);
    color: var(--job-wizard-title);
    outline: none;
}

.admin-job-wizard-page .job-wizard-content-tab.is-active,
.admin-job-wizard-page .job-wizard-content-tab[aria-selected='true'] {
    border-color: var(--job-wizard-tab-active-border);
    background: var(--job-wizard-tab-active-bg);
    color: var(--job-wizard-title);
}

.admin-job-wizard-page .job-wizard-content-stage {
    min-height: 23.5rem;
    border: 1px solid var(--job-wizard-border);
    border-radius: 0.82rem;
    background: var(--job-wizard-surface-soft);
    padding: 0.88rem;
}

.admin-job-wizard-page .job-wizard-content-panel-head {
    border-bottom: 1px solid var(--job-wizard-border);
    margin-bottom: 0.78rem;
    padding-bottom: 0.62rem;
}

.admin-job-wizard-page .job-wizard-content-panel-copy {
    font-size: 0.8rem;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-page .job-wizard-content-panel {
    display: grid;
    gap: 0.82rem;
}

.admin-job-wizard-page .job-wizard-intro-summary {
    min-height: 92px;
}

.admin-job-wizard-page .job-wizard-html-editor {
    border: 1px solid var(--job-wizard-border);
    border-radius: 0.72rem;
    background: rgba(var(--brand-primary-rgb), 0.06);
    padding: 0.54rem;
    display: grid;
    gap: 0.54rem;
}

.admin-job-wizard-page .job-wizard-editor-modes {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    padding: 0.18rem;
    border: 1px solid var(--job-wizard-border);
    border-radius: 999px;
    background: var(--job-wizard-tab-bg);
    justify-self: start;
}

.admin-job-wizard-page .job-wizard-editor-mode-tab {
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--job-wizard-muted);
    font-size: 0.75rem;
    line-height: 1.2;
    font-weight: 600;
    padding: 0.32rem 0.62rem;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.admin-job-wizard-page .job-wizard-editor-mode-tab:hover,
.admin-job-wizard-page .job-wizard-editor-mode-tab:focus-visible {
    outline: none;
    border-color: var(--job-wizard-tab-active-border);
    color: var(--job-wizard-title);
}

.admin-job-wizard-page .job-wizard-editor-mode-tab.is-active,
.admin-job-wizard-page .job-wizard-editor-mode-tab[aria-selected='true'] {
    border-color: var(--job-wizard-tab-active-border);
    background: var(--job-wizard-tab-active-bg);
    color: var(--job-wizard-title);
}

.admin-job-wizard-page .job-wizard-editor-pane[hidden] {
    display: none !important;
}

.admin-job-wizard-page .job-wizard-editor-preview {
    min-height: 228px;
    border: 1px solid var(--job-wizard-border);
    border-radius: 0.64rem;
    background: var(--job-wizard-surface-bg);
    padding: 0.72rem;
    color: var(--job-wizard-muted);
    font-size: 0.9rem;
    line-height: 1.56;
    overflow: auto;
}

.admin-job-wizard-page .job-wizard-editor-preview.is-loading {
    opacity: 0.72;
}

.admin-job-wizard-page .job-wizard-editor-preview.is-html {
    color: var(--job-wizard-text);
}

.admin-job-wizard-page .job-wizard-editor-preview.is-html p:last-child,
.admin-job-wizard-page .job-wizard-editor-preview.is-html ul:last-child,
.admin-job-wizard-page .job-wizard-editor-preview.is-html ol:last-child {
    margin-bottom: 0;
}

.admin-job-wizard-page .job-wizard-editor-preview:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.24);
}

.admin-job-wizard-page .job-wizard-rich-textarea {
    min-height: 240px;
}

.admin-job-wizard-page .job-wizard-benefits-textarea {
    min-height: 170px;
    line-height: 1.62;
}

.admin-job-wizard-page .job-wizard-buffer-textarea {
    min-height: 150px;
    line-height: 1.55;
}

.admin-job-wizard-page .job-wizard-checklist-editor {
    display: grid;
    gap: 0.4rem;
}

.admin-job-wizard-page .job-wizard-prep-item [data-buffer-prep-lang-col][hidden] {
    display: none !important;
}

.admin-job-wizard-page .job-wizard-media-panel,
.admin-job-wizard-page .job-wizard-publish-panel {
    border: 1px solid var(--job-wizard-border);
    border-radius: 0.82rem;
    background: var(--job-wizard-surface-soft);
    padding: 0.9rem;
}

.admin-job-wizard-page .job-wizard-publish-toggle {
    border: 1px solid var(--job-wizard-border);
    border-radius: 0.78rem;
    background: rgba(var(--brand-primary-rgb), 0.08);
    padding: 0.72rem 0.76rem;
    display: grid;
    gap: 0.45rem;
}

.admin-job-wizard-page .job-wizard-publish-toggle .form-check-input {
    width: 2.2rem;
    height: 1.2rem;
    margin-top: 0;
}

.admin-job-wizard-page .job-wizard-publish-toggle .form-check-label {
    color: var(--job-wizard-title);
    font-weight: 600;
}

.admin-job-wizard-page .job-wizard-hero-file-row {
    border-color: var(--job-wizard-border);
    background: rgba(var(--brand-primary-rgb), 0.08);
}

.admin-job-wizard-page .job-wizard-step1-form {
    padding-bottom: 6.35rem;
}

.admin-job-wizard-page .job-wizard-step1-actions {
    bottom: 0.75rem;
    border-color: var(--job-wizard-border-strong);
    background: var(--job-wizard-action-bg);
}

.admin-job-wizard-page .job-wizard-action-bar {
    display: grid;
    grid-template-columns: minmax(0, max-content) minmax(0, 1fr) minmax(0, max-content);
    gap: 0.78rem;
    align-items: center;
}

.admin-job-wizard-page .job-wizard-action-left {
    justify-self: start;
}

.admin-job-wizard-page .job-wizard-action-center {
    justify-self: center;
    text-align: center;
    min-width: 0;
}

.admin-job-wizard-page .job-wizard-action-right {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 0.62rem;
}

.admin-job-wizard-page .job-wizard-action-right form {
    margin: 0;
}

.admin-job-wizard-page .job-wizard-action-meta {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    flex-wrap: wrap;
}

.admin-job-wizard-page .job-wizard-action-step {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--job-wizard-muted);
    line-height: 1.35;
}

.admin-job-wizard-page .job-wizard-step1-actions .btn {
    min-height: 2.35rem;
}

.admin-job-wizard-page .job-wizard-action-center .job-wizard-unsaved-indicator {
    margin-top: 0.38rem;
}

.admin-job-wizard-step3-page .job-wizard-step3-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.72rem;
    border: 1px solid var(--job-wizard-panel-border);
    border-radius: 1rem;
    background: var(--job-wizard-panel-bg);
    box-shadow: var(--job-wizard-panel-shadow);
    padding: 0.72rem 0.85rem;
}

.admin-job-wizard-step3-page {
    --step3-panel-bg: var(--job-wizard-panel-bg);
    --step3-panel-border: var(--job-wizard-panel-border);
    --step3-soft-bg: rgba(15, 26, 47, 0.52);
    --step3-soft-border: rgba(151, 173, 216, 0.22);
}

.admin-job-wizard-step3-page .job-wizard-header {
    margin-bottom: 1.15rem !important;
}

.admin-job-wizard-step3-page .step3-page-overview,
.admin-job-wizard-step3-page .step3-modules {
    display: grid;
    gap: 1.15rem;
}

.admin-job-wizard-step3-page .step3-modules {
    margin-top: 0.35rem;
}

.admin-job-wizard-step3-page .step3-intro-card,
.admin-job-wizard-step3-page .step3-defaults-card,
.admin-job-wizard-step3-page .step3-config-summary,
.admin-job-wizard-step3-page .step3-step-group {
    border: 1px solid var(--job-wizard-panel-border);
    border-radius: 1rem;
    background: var(--job-wizard-panel-bg);
    box-shadow: var(--job-wizard-panel-shadow);
    overflow: hidden;
}

.admin-job-wizard-step3-page .step3-step-group {
    background: var(--job-wizard-panel-bg-strong);
}

.admin-job-wizard-step3-page .step3-intro-card .card-body,
.admin-job-wizard-step3-page .step3-defaults-card .card-body,
.admin-job-wizard-step3-page .step3-config-summary .card-body {
    padding: 1rem 1.05rem;
}

.admin-job-wizard-step3-page .step3-intro-card .card-body {
    display: grid;
    gap: 1rem;
}

.admin-job-wizard-step3-page .step3-intro-card__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.admin-job-wizard-step3-page .step3-intro-card__subtitle {
    max-width: 64ch;
    color: var(--job-wizard-muted);
    font-size: 0.88rem;
}

.admin-job-wizard-step3-page .step3-intro-card__actions {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.admin-job-wizard-step3-page .step3-intro-points {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-job-wizard-step3-page .step3-intro-point {
    display: grid;
    gap: 0.26rem;
    padding: 0.78rem 0.88rem;
    border: 1px solid rgba(151, 173, 216, 0.16);
    border-radius: 0.95rem;
    background: rgba(13, 23, 40, 0.58);
}

.admin-job-wizard-step3-page .step3-intro-point__title {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-step3-page .step3-intro-point__text {
    color: var(--job-wizard-text);
    font-size: 0.88rem;
    line-height: 1.45;
}

.admin-job-wizard-step3-page .step3-intro-card__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0.7rem;
    text-align: center;
}

.admin-job-wizard-step3-page .step3-intro-card__details-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-inline: auto;
    padding: 0.08rem 0.2rem;
    border: 0;
    background: transparent;
    color: #b88cff;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1.4;
    text-decoration: none;
    box-shadow: none;
    transition: color 0.18s ease, opacity 0.18s ease;
    appearance: none;
    -webkit-appearance: none;
}

.admin-job-wizard-step3-page .step3-intro-card__details-btn:hover,
.admin-job-wizard-step3-page .step3-intro-card__details-btn:focus-visible {
    color: #d1b0ff;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.admin-job-wizard-step3-page .step3-intro-card__details-btn:focus-visible {
    outline: none;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-intro-card__details-btn {
    background: transparent;
    color: #7a46d8;
    box-shadow: none;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-intro-card__details-btn:hover,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-intro-card__details-btn:focus-visible {
    color: #5f31bf;
}

.admin-job-wizard-step3-page .step3-intro-list {
    display: grid;
    gap: 0.48rem;
    padding-left: 1.05rem;
    color: var(--job-wizard-text);
}

.admin-job-wizard-step3-page .step3-summary-panel {
    display: grid;
    gap: 0.82rem;
    height: 100%;
}

.admin-job-wizard-step3-page .step3-summary-panel--actions {
    align-items: flex-end;
    justify-content: center;
}

.admin-job-wizard-step3-page .step3-summary-strip,
.admin-job-wizard-step3-page .step3-config-summary__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.admin-job-wizard-step3-page .step3-summary-stat,
.admin-job-wizard-step3-page .step3-config-summary__stat {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 1rem;
    background: rgba(12, 21, 38, 0.82);
    padding: 1rem 1.05rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.admin-job-wizard-step3-page .step3-summary-stat {
    min-height: 6.15rem;
}

.admin-job-wizard-step3-page .step3-config-summary__stat {
    min-height: 5.2rem;
}

.admin-job-wizard-step3-page .step3-summary-stat::before,
.admin-job-wizard-step3-page .step3-config-summary__stat::before {
    content: "";
    position: absolute;
    inset: auto auto -2.2rem -1.2rem;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    opacity: 0.22;
    filter: blur(2px);
}

.admin-job-wizard-step3-page .step3-summary-stat.is-total,
.admin-job-wizard-step3-page .step3-config-summary__stat.is-total {
    border-color: rgba(126, 174, 255, 0.28);
    background: linear-gradient(180deg, rgba(38, 66, 116, 0.3), rgba(14, 24, 42, 0.92));
}

.admin-job-wizard-step3-page .step3-summary-stat.is-total::before,
.admin-job-wizard-step3-page .step3-config-summary__stat.is-total::before {
    background: rgba(102, 176, 255, 0.95);
}

.admin-job-wizard-step3-page .step3-summary-stat.is-configured,
.admin-job-wizard-step3-page .step3-config-summary__stat.is-configured {
    border-color: rgba(101, 217, 196, 0.28);
    background: linear-gradient(180deg, rgba(21, 92, 85, 0.3), rgba(14, 24, 42, 0.92));
}

.admin-job-wizard-step3-page .step3-summary-stat.is-configured::before,
.admin-job-wizard-step3-page .step3-config-summary__stat.is-configured::before {
    background: rgba(89, 231, 205, 0.94);
}

.admin-job-wizard-step3-page .step3-summary-stat.is-attention,
.admin-job-wizard-step3-page .step3-config-summary__stat.is-attention {
    border-color: rgba(255, 193, 95, 0.3);
    background: linear-gradient(180deg, rgba(121, 82, 28, 0.34), rgba(14, 24, 42, 0.92));
}

.admin-job-wizard-step3-page .step3-summary-stat.is-attention::before,
.admin-job-wizard-step3-page .step3-config-summary__stat.is-attention::before {
    background: rgba(255, 200, 98, 0.95);
}

.admin-job-wizard-step3-page .step3-summary-stat.is-mode,
.admin-job-wizard-step3-page .step3-config-summary__stat.is-mode {
    border-color: rgba(160, 128, 255, 0.3);
    background: linear-gradient(180deg, rgba(81, 53, 145, 0.34), rgba(14, 24, 42, 0.92));
}

.admin-job-wizard-step3-page .step3-summary-stat.is-mode::before,
.admin-job-wizard-step3-page .step3-config-summary__stat.is-mode::before {
    background: rgba(182, 142, 255, 0.95);
}

.admin-job-wizard-step3-page .step3-summary-stat__label,
.admin-job-wizard-step3-page .step3-config-summary__stat span {
    display: block;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--job-wizard-muted);
    margin-bottom: 0.28rem;
}

.admin-job-wizard-step3-page .step3-summary-stat__value,
.admin-job-wizard-step3-page .step3-config-summary__stat strong {
    color: var(--job-wizard-title);
    font-size: 1.34rem;
    line-height: 1;
}

.admin-job-wizard-step3-page .step3-page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.72rem;
    justify-content: flex-end;
}

.admin-job-wizard-step3-page .step3-page-actions--stacked {
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.admin-job-wizard-step3-page .step3-details-dialog {
    width: min(54rem, calc(100vw - 2rem));
}

.admin-job-wizard-step3-page .step3-details-grid {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-job-wizard-step3-page .step3-details-card {
    border: 1px solid rgba(151, 173, 216, 0.18);
    border-radius: 0.95rem;
    background: rgba(10, 18, 34, 0.64);
    padding: 0.95rem 1rem;
}

.admin-job-wizard-step3-page .step3-details-card p {
    color: var(--job-wizard-text);
    line-height: 1.55;
}

.admin-job-wizard-step3-page .step3-defaults-card .card-body {
    display: grid;
    gap: 1rem;
}

.admin-job-wizard-step3-page .step3-page-actions .btn,
.admin-job-wizard-step3-page .step3-defaults-toggle,
.admin-job-wizard-step3-page .step3-step-group__toggle,
.admin-job-wizard-step3-page .step3-module-toggle-btn,
.admin-job-wizard-step3-page .step3-editor-shell__actions .btn,
.admin-job-wizard-step3-page .job-wizard-step3-tools .btn,
.admin-job-wizard-step3-page .step3-footer-save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.2rem;
    border-radius: 999px;
    line-height: 1;
}

.admin-job-wizard-step3-page .step3-page-actions .btn,
.admin-job-wizard-step3-page .step3-defaults-toggle,
.admin-job-wizard-step3-page .step3-step-group__toggle,
.admin-job-wizard-step3-page .step3-module-toggle-btn,
.admin-job-wizard-step3-page .step3-editor-shell__actions .btn,
.admin-job-wizard-step3-page .job-wizard-step3-tools .btn {
    padding-inline: 0.9rem 1rem;
}

.admin-job-wizard-step3-page .step3-defaults-toggle,
.admin-job-wizard-step3-page .step3-step-group__toggle,
.admin-job-wizard-step3-page .step3-module-reset-btn,
.admin-job-wizard-step3-page .step3-page-actions .btn.btn-outline-light,
.admin-job-wizard-step3-page .step3-page-actions .btn.btn-outline-secondary,
.admin-job-wizard-step3-page .step3-editor-shell__actions .btn.btn-outline-light,
.admin-job-wizard-step3-page .job-wizard-step3-tools .btn.btn-outline-light {
    border-color: rgba(151, 173, 216, 0.24);
    background: rgba(15, 26, 47, 0.52);
    color: rgba(227, 236, 255, 0.92);
}

.admin-job-wizard-step3-page .step3-defaults-toggle:hover,
.admin-job-wizard-step3-page .step3-defaults-toggle:focus-visible,
.admin-job-wizard-step3-page .step3-step-group__toggle:hover,
.admin-job-wizard-step3-page .step3-step-group__toggle:focus-visible,
.admin-job-wizard-step3-page .step3-module-reset-btn:hover,
.admin-job-wizard-step3-page .step3-module-reset-btn:focus-visible,
.admin-job-wizard-step3-page .step3-page-actions .btn.btn-outline-light:hover,
.admin-job-wizard-step3-page .step3-page-actions .btn.btn-outline-light:focus-visible,
.admin-job-wizard-step3-page .step3-page-actions .btn.btn-outline-secondary:hover,
.admin-job-wizard-step3-page .step3-page-actions .btn.btn-outline-secondary:focus-visible,
.admin-job-wizard-step3-page .step3-editor-shell__actions .btn.btn-outline-light:hover,
.admin-job-wizard-step3-page .step3-editor-shell__actions .btn.btn-outline-light:focus-visible,
.admin-job-wizard-step3-page .job-wizard-step3-tools .btn.btn-outline-light:hover,
.admin-job-wizard-step3-page .job-wizard-step3-tools .btn.btn-outline-light:focus-visible {
    border-color: rgba(188, 206, 244, 0.44);
    background: rgba(71, 94, 148, 0.28);
    color: rgba(244, 248, 255, 0.98);
    outline: none;
}

.admin-job-wizard-step3-page .step3-module-reset-btn {
    border-style: solid;
    font-size: 0.78rem;
}

.admin-job-wizard-step3-page .step3-page-actions .btn {
    min-height: 2rem;
    padding-inline: 0.85rem;
    font-size: 0.84rem;
}

.admin-job-wizard-step3-page .step3-icon-btn {
    width: 2.1rem;
    height: 2.1rem;
    min-width: 2.1rem;
    padding: 0;
    border-radius: 0.72rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(151, 173, 216, 0.24);
    background: rgba(15, 26, 47, 0.52);
    color: rgba(227, 236, 255, 0.92);
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.admin-job-wizard-step3-page .step3-icon-btn:hover,
.admin-job-wizard-step3-page .step3-icon-btn:focus-visible {
    border-color: rgba(188, 206, 244, 0.44);
    background: rgba(71, 94, 148, 0.28);
    color: rgba(244, 248, 255, 0.98);
    outline: none;
}

.admin-job-wizard-step3-page .step3-icon-btn.is-success {
    border-color: rgba(74, 196, 142, 0.3);
    background: rgba(25, 120, 84, 0.28);
    color: rgba(220, 255, 240, 0.98);
}

.admin-job-wizard-step3-page .step3-icon-btn.is-success:hover,
.admin-job-wizard-step3-page .step3-icon-btn.is-success:focus-visible {
    border-color: rgba(112, 227, 177, 0.48);
    background: rgba(31, 138, 96, 0.42);
}

.admin-job-wizard-step3-page .step3-icon-btn--muted {
    border-color: rgba(151, 173, 216, 0.28);
    background: rgba(22, 34, 58, 0.72);
}

.admin-job-wizard-step3-page .step3-icon-btn--muted span {
    font-size: 1rem;
}

.admin-job-wizard-step3-page .step3-defaults-card__head,
.admin-job-wizard-step3-page .step3-editor-shell__head,
.admin-job-wizard-step3-page .step3-step-group__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.admin-job-wizard-step3-page .step3-defaults-card__body {
    padding-top: 0.1rem;
}

.admin-job-wizard-step3-page .step3-defaults-card__hint {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.58rem;
    color: var(--job-wizard-text);
}

.admin-job-wizard-step3-page .step3-defaults-toggle,
.admin-job-wizard-step3-page .step3-step-group__toggle,
.admin-job-wizard-step3-page .step3-editor-section__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.admin-job-wizard-step3-page .step3-defaults-toggle__icon,
.admin-job-wizard-step3-page .step3-step-group__toggle-icon,
.admin-job-wizard-step3-page .step3-editor-section__toggle-icon,
.admin-job-wizard-step3-page .step3-module-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.18s ease;
}

.admin-job-wizard-step3-page .step3-defaults-card.is-open .step3-defaults-toggle__icon,
.admin-job-wizard-step3-page .step3-step-group.is-open .step3-step-group__toggle-icon,
.admin-job-wizard-step3-page .step3-editor-section__toggle[aria-expanded='true'] .step3-editor-section__toggle-icon,
.admin-job-wizard-step3-page .step3-module-toggle-btn[aria-expanded='true'] .step3-module-toggle-icon {
    transform: rotate(90deg);
}

.admin-job-wizard-step3-page .step3-step-group__heading {
    display: grid;
    gap: 0.2rem;
}

.admin-job-wizard-step3-page .step3-step-group__header-main {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}

.admin-job-wizard-step3-page .step3-step-group__drag-hint {
    flex: 0 0 auto;
    pointer-events: none;
    opacity: 0.9;
}

.admin-job-wizard-step3-page .step3-step-group__kicker {
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-step3-page .step3-step-group__meta,
.admin-job-wizard-step3-page .step3-step-group__chips,
.admin-job-wizard-step3-page .step3-module-card__header-side {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.admin-job-wizard-step3-page .step3-step-group__header {
    padding: 1rem 1rem 0.95rem;
}

.admin-job-wizard-step3-page .step3-step-group__meta {
    margin-left: auto;
    justify-content: flex-end;
}

.admin-job-wizard-step3-page .step3-module-card__header-side {
    justify-content: flex-end;
}

.admin-job-wizard-step3-page .step3-step-group__body {
    display: grid;
    gap: 0.95rem;
    padding: 0 1rem 1rem;
}

.admin-job-wizard-step3-page .step3-step-group__chip,
.admin-job-wizard-step3-page .step3-step-group__meta > .badge.rounded-pill,
.admin-job-wizard-step3-page .step3-module-type-badge,
.admin-job-wizard-step3-page .step3-module-source,
.admin-job-wizard-step3-page .step3-module-card__header-side > .badge.rounded-pill,
.admin-job-wizard-step3-page .step3-impact-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 1.95rem;
    padding: 0.38rem 0.72rem;
    border-radius: 999px;
    font-size: 0.79rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
}

.admin-job-wizard-step3-page .step3-step-group__chip,
.admin-job-wizard-step3-page .step3-step-group__meta > .badge.rounded-pill,
.admin-job-wizard-step3-page .step3-module-source,
.admin-job-wizard-step3-page .step3-module-card__header-side > .badge.rounded-pill {
    border: 1px solid rgba(151, 173, 216, 0.22);
    background: rgba(15, 26, 47, 0.52);
    color: var(--job-wizard-text);
}

.admin-job-wizard-step3-page .step3-step-group__chip.is-success {
    border-color: var(--job-wizard-success-border);
    background: var(--job-wizard-success-bg);
    color: rgba(219, 255, 240, 0.98);
}

.admin-job-wizard-step3-page .step3-step-group__chip.is-warning {
    border-color: var(--job-wizard-warning-border);
    background: var(--job-wizard-warning-bg);
    color: rgba(255, 239, 197, 0.98);
}

.admin-job-wizard-step3-page .step3-step-group__meta > .badge.rounded-pill {
    border-color: rgba(140, 166, 224, 0.28);
    background: rgba(27, 44, 76, 0.7);
    color: var(--job-wizard-title);
}

.admin-job-wizard-step3-page .step3-module-card__header-side > .badge.rounded-pill.text-bg-success {
    border-color: var(--job-wizard-success-border);
    background: var(--job-wizard-success-bg);
    color: rgba(219, 255, 240, 0.98);
}

.admin-job-wizard-step3-page .step3-module-card__header-side > .badge.rounded-pill.text-bg-warning {
    border-color: var(--job-wizard-warning-border);
    background: var(--job-wizard-warning-bg);
    color: rgba(255, 239, 197, 0.98);
}

.admin-job-wizard-step3-page .step3-module-card__header-side > .badge.rounded-pill.text-bg-secondary {
    border-color: rgba(151, 173, 216, 0.22);
    background: rgba(15, 26, 47, 0.52);
    color: var(--job-wizard-text);
}

.admin-job-wizard-step3-page .step3-module-card {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 1rem;
    background: rgba(10, 18, 33, 0.84);
    background-clip: padding-box;
    overflow: visible;
    position: relative;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.admin-job-wizard-step3-page .step3-module-card__header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12.5rem, 14rem) auto;
    align-items: center;
    gap: 1rem 1.2rem;
    padding: 1rem 1.05rem;
    border-bottom: 1px solid rgba(151, 173, 216, 0.16);
    background: rgba(14, 25, 44, 0.76);
    border-radius: calc(1rem - 1px) calc(1rem - 1px) 0 0;
    background-clip: padding-box;
}

.admin-job-wizard-step3-page .step3-module-card__header-main {
    min-width: 0;
}

.admin-job-wizard-step3-page .step3-module-card__title-row {
    display: grid;
    align-content: start;
    gap: 0.52rem;
    min-width: 0;
}

.admin-job-wizard-step3-page .step3-module-type-badge {
    justify-self: start;
}

.admin-job-wizard-step3-page .step3-module-card__title-copy {
    min-width: 0;
    display: grid;
    gap: 0.26rem;
}

.admin-job-wizard-step3-page .step3-module-card__title-copy > h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-job-wizard-step3-page .step3-module-card__summary {
    color: var(--job-wizard-muted);
    font-size: 0.8rem;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-job-wizard-step3-page .step3-module-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.48rem 0.9rem;
    margin-top: 0.06rem;
}

.admin-job-wizard-step3-page .step3-module-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-width: 0;
    font-size: 0.74rem;
    line-height: 1.3;
}

.admin-job-wizard-step3-page .step3-module-meta-label {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-step3-page .step3-module-status,
.admin-job-wizard-step3-page .step3-module-source {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.76rem;
    font-weight: 650;
    background: transparent;
    border: 0;
    padding: 0;
    min-height: auto;
}

.admin-job-wizard-step3-page .step3-module-card__impact {
    min-width: 0;
    display: flex;
    justify-content: flex-end;
}

.admin-job-wizard-step3-page .step3-impact-cycle {
    width: 100%;
    min-height: 3rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        'label label'
        'value icon';
    align-items: center;
    gap: 0.1rem 0.75rem;
    padding: 0.56rem 0.88rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(151, 173, 216, 0.26);
    background: rgba(18, 30, 52, 0.78);
    color: rgba(242, 247, 255, 0.98);
    text-align: left;
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.admin-job-wizard-step3-page .step3-impact-cycle:hover,
.admin-job-wizard-step3-page .step3-impact-cycle:focus-visible {
    border-color: rgba(190, 208, 245, 0.48);
    box-shadow: 0 0 0 0.14rem rgba(141, 107, 255, 0.12);
    outline: none;
    transform: translateY(-1px);
}

.admin-job-wizard-step3-page .step3-impact-cycle__label {
    grid-area: label;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(214, 227, 249, 0.82);
}

.admin-job-wizard-step3-page .step3-impact-cycle__value {
    grid-area: value;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.1;
}

.admin-job-wizard-step3-page .step3-impact-cycle__icon {
    grid-area: icon;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    opacity: 0.9;
}

.admin-job-wizard-step3-page .step3-impact-cycle.is-impact-informational {
    border-color: rgba(97, 172, 255, 0.38);
    background: linear-gradient(180deg, rgba(39, 89, 154, 0.34), rgba(20, 46, 84, 0.88));
    color: rgba(227, 240, 255, 0.98);
}

.admin-job-wizard-step3-page .step3-impact-cycle.is-impact-moderate {
    border-color: rgba(244, 190, 95, 0.36);
    background: linear-gradient(180deg, rgba(123, 93, 28, 0.34), rgba(74, 54, 16, 0.88));
    color: rgba(255, 243, 212, 0.98);
}

.admin-job-wizard-step3-page .step3-impact-cycle.is-impact-critical {
    border-color: rgba(255, 132, 153, 0.36);
    background: linear-gradient(180deg, rgba(132, 42, 62, 0.38), rgba(83, 19, 35, 0.9));
    color: rgba(255, 228, 235, 0.98);
}

.admin-job-wizard-step3-page .step3-module-card__action {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.42rem;
    padding-left: 1rem;
    border-left: 1px solid rgba(151, 173, 216, 0.14);
}

.admin-job-wizard-step3-page .step3-module-toggle-btn {
    width: 2.1rem;
    min-width: 2.1rem;
    justify-content: center;
}

.admin-job-wizard-step3-page .step3-module-card__action .step3-icon-btn {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-radius: 0.62rem;
}

.admin-job-wizard-step3-page .step3-module-row-reset-btn {
    border-color: rgba(151, 173, 216, 0.28);
    background: rgba(22, 34, 58, 0.72);
}

.admin-job-wizard-step3-page .step3-module-row-reset-btn:hover,
.admin-job-wizard-step3-page .step3-module-row-reset-btn:focus-visible {
    border-color: rgba(188, 206, 244, 0.44);
    background: rgba(71, 94, 148, 0.28);
}

.admin-job-wizard-step3-page .step3-module-source {
    color: rgba(201, 214, 238, 0.82);
}

.admin-job-wizard-step3-page .step3-module-source.is-general {
    color: rgba(154, 231, 196, 0.92);
}

.admin-job-wizard-step3-page .step3-module-source.is-custom {
    color: rgba(223, 205, 255, 0.94);
}

.admin-job-wizard-step3-page .step3-module-source.is-neutral {
    color: rgba(201, 214, 238, 0.82);
}

.admin-job-wizard-step3-page .step3-module-status.text-bg-success {
    background: transparent !important;
    border-color: transparent;
    color: rgba(219, 255, 240, 0.98);
}

.admin-job-wizard-step3-page .step3-module-status.text-bg-warning {
    background: transparent !important;
    border-color: transparent;
    color: rgba(255, 238, 194, 0.98);
}

.admin-job-wizard-step3-page .step3-module-status.text-bg-secondary {
    background: transparent !important;
    border-color: transparent;
    color: rgba(205, 220, 247, 0.88);
}

.admin-job-wizard-step3-page .step3-module-card__body {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    max-height: none;
    overflow: visible;
    opacity: 1;
    transition: none;
    padding: 1.5rem;
    pointer-events: none;
    z-index: 1080;
}

.admin-job-wizard-step3-page .step3-module-card__header-side {
    flex-wrap: nowrap;
    flex: 0 0 auto;
    min-width: 0;
    overflow-x: auto;
    padding-bottom: 0.08rem;
}

.admin-job-wizard-step3-page .step3-module-card__header-side > * {
    flex: 0 0 auto;
}

.admin-job-wizard-step3-page .step3-step-group__body[hidden],
.admin-job-wizard-step3-page .step3-editor-section__body[hidden],
.admin-job-wizard-step3-page .step3-module-card__body[hidden],
.admin-job-wizard-step3-page [data-total-rules-group][hidden],
.admin-job-wizard-step3-page .step3-editor-backdrop[hidden] {
    display: none !important;
}

.admin-job-wizard-step3-page .step3-editor-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(4, 10, 20, 0.72);
    backdrop-filter: blur(10px);
    z-index: 1070;
}

.admin-job-wizard-step3-page .step3-editor-shell {
    width: min(62rem, calc(100vw - 2rem));
    max-height: calc(100vh - 3rem);
    overflow: auto;
    display: grid;
    gap: 0.9rem;
    pointer-events: auto;
    border: 1px solid var(--job-wizard-panel-border);
    border-radius: 1rem;
    background: var(--job-wizard-panel-bg-strong);
    box-shadow: 0 28px 80px rgba(2, 8, 20, 0.42);
    padding: 1.2rem 1.2rem 1.35rem;
}

.admin-job-wizard-step3-page .step3-editor-shell__head {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    padding: 1rem 1.05rem;
    margin: 0.15rem 0 0.5rem;
    border: 1px solid rgba(151, 173, 216, 0.16);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(16, 27, 46, 0.98), rgba(11, 20, 36, 0.94));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.admin-job-wizard-step3-page .step3-editor-shell__eyebrow {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--job-wizard-muted);
    margin-bottom: 0.24rem;
}

.admin-job-wizard-step3-page .step3-editor-shell__actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    margin: 0;
    align-self: flex-start;
}

.admin-job-wizard-step3-page .step3-editor-section {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 1rem;
    background: rgba(10, 18, 34, 0.64);
    overflow: hidden;
}

.admin-job-wizard-step3-page .step3-editor-section__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.admin-job-wizard-step3-page .step3-editor-section__head,
.admin-job-wizard-step3-page .step3-editor-section__body {
    padding: 1rem;
}

.admin-job-wizard-step3-page .step3-editor-section__tools {
    flex: 0 0 auto;
}

.admin-job-wizard-step3-page .step3-editor-close-btn {
    width: 2.35rem;
    min-width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border-radius: 999px;
    border: 1px solid rgba(255, 117, 150, 0.42);
    background: rgba(128, 30, 51, 0.24);
    color: rgba(255, 219, 228, 0.96);
    display: inline-grid;
    place-items: center;
    font-size: 1.4rem;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.admin-job-wizard-step3-page .step3-editor-close-btn__icon {
    display: inline-grid;
    place-items: center;
    width: 1rem;
    height: 1rem;
    line-height: 1;
}

.admin-job-wizard-step3-page .step3-editor-close-btn:hover,
.admin-job-wizard-step3-page .step3-editor-close-btn:focus-visible {
    border-color: rgba(255, 153, 179, 0.56);
    background: rgba(154, 36, 62, 0.34);
    color: rgba(255, 241, 245, 1);
}

.admin-job-wizard-step3-page .step3-step-group__toggle {
    min-width: 2.1rem;
}

.admin-job-wizard-step3-page .step3-module-reset-btn {
    min-width: 2.1rem;
}

.admin-job-wizard-step3-page .step3-editor-section__toggle {
    width: 100%;
    justify-content: space-between;
    padding: 0.9rem 1rem;
    border: 0;
    background: transparent;
    color: var(--job-wizard-title);
    font-weight: 600;
    text-align: left;
}

.admin-job-wizard-step3-page .step3-editor-section--thresholds .step3-editor-section__body,
.admin-job-wizard-step3-page .step3-editor-section--preview .step3-editor-section__body {
    border-top: 1px solid var(--step3-soft-border);
}

.admin-job-wizard-step3-page .step3-advanced-group,
.admin-job-wizard-step3-page .step3-module-preview {
    border-top: 1px solid rgba(170, 190, 228, 0.14);
    margin-top: 1rem;
    padding-top: 1rem;
}

.admin-job-wizard-step3-page .step3-interview-effort-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.95rem;
}

.admin-job-wizard-step3-page .step3-interview-effort-item {
    display: grid;
    gap: 0.56rem;
    align-content: start;
    padding: 0.82rem 0.9rem 0.9rem;
    border: 1px solid rgba(151, 173, 216, 0.18);
    border-radius: 0.88rem;
    background: rgba(13, 23, 40, 0.38);
}

.admin-job-wizard-step3-page .step3-interview-effort-item .form-label {
    min-height: 2.65rem;
    margin-bottom: 0;
    display: flex;
    align-items: flex-end;
}

.admin-job-wizard-step3-page .step3-interview-effort-item .form-control-sm,
.admin-job-wizard-step3-page .step3-interview-effort-item .form-select-sm {
    min-height: 2.5rem;
}

.admin-job-wizard-step3-page .step3-interview-effort-item .step3-range-compact {
    margin-bottom: 0;
}

.admin-job-wizard-step3-page .step3-interview-effort-item--outcome .small {
    margin-top: 0.12rem !important;
}

.admin-job-wizard-step3-page .step3-preview-simulator {
    display: grid;
    gap: 1rem;
}

.admin-job-wizard-step3-page .step3-preview-simulator__intro {
    display: grid;
    gap: 0.16rem;
}

.admin-job-wizard-step3-page .step3-preview-simulator__result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 0.88rem 0.96rem;
    border: 1px solid rgba(151, 173, 216, 0.18);
    border-radius: 0.88rem;
    background: rgba(13, 23, 40, 0.38);
}

.admin-job-wizard-step3-page .step3-preview-simulator__result-copy {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.admin-job-wizard-step3-page .step3-preview-simulator__result-label {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-step3-page .step3-subskill-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    border-bottom: 0;
    overflow-x: auto;
    padding-bottom: 0.2rem;
}

.admin-job-wizard-step3-page .step3-subskill-tabs .nav-item {
    flex: 0 0 auto;
}

.admin-job-wizard-step3-page .step3-subskill-tabs .nav-link {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.9rem;
    background: rgba(11, 21, 39, 0.74);
    white-space: nowrap;
}

.admin-job-wizard-step3-page .step3-advanced-toggle {
    min-width: 2.4rem;
    padding-inline: 0.65rem;
}

.admin-job-wizard-step3-page .step3-advanced-toggle span {
    display: inline-flex;
    transition: transform 150ms ease;
}

.admin-job-wizard-step3-page .step3-advanced-toggle[aria-expanded='true'] span {
    transform: rotate(90deg);
}

.admin-job-wizard-step3-page .step3-decision-band__ticks {
    display: block;
    height: 1.2rem;
    pointer-events: none;
}

.admin-job-wizard-step3-page .step3-decision-band__ticks span {
    position: absolute;
    top: 0;
    padding-top: 0.44rem;
    justify-self: auto;
    transform: translateX(-50%);
}

.admin-job-wizard-step3-page .step3-decision-band__ticks span:nth-child(1) {
    left: 0;
    transform: none;
}

.admin-job-wizard-step3-page .step3-decision-band__ticks span:nth-child(2) {
    left: 25%;
}

.admin-job-wizard-step3-page .step3-decision-band__ticks span:nth-child(3) {
    left: 50%;
}

.admin-job-wizard-step3-page .step3-decision-band__ticks span:nth-child(4) {
    left: 75%;
}

.admin-job-wizard-step3-page .step3-decision-band__ticks span:nth-child(5) {
    left: 100%;
    transform: translateX(-100%);
}

.admin-job-wizard-step3-page .step3-decision-band__ticks span:nth-child(1)::before {
    left: 0;
    transform: none;
}

.admin-job-wizard-step3-page .step3-decision-band__ticks span:nth-child(5)::before {
    left: 100%;
    transform: translateX(-100%);
}

.admin-job-wizard-step3-page .step3-config-summary__stats {
    margin-top: 0.2rem;
}

@media (max-width: 991.98px) {
    .admin-job-wizard-page .job-wizard-content-head {
        flex-direction: column;
    }

    .admin-job-wizard-page .job-wizard-content-head-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .admin-job-wizard-page .job-wizard-content-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-job-wizard-page .job-wizard-content-nav {
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 0.2rem;
    }

    .admin-job-wizard-page .job-wizard-content-tab {
        flex: 0 0 auto;
        min-width: 172px;
    }

    .admin-job-wizard-page .job-wizard-content-stage {
        min-height: 0;
    }

    .admin-job-wizard-step3-page .step3-summary-strip,
    .admin-job-wizard-step3-page .step3-config-summary__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-job-wizard-step3-page .step3-step-group__header,
    .admin-job-wizard-step3-page .step3-defaults-card__head,
    .admin-job-wizard-step3-page .step3-editor-shell__head,
    .admin-job-wizard-step3-page .step3-editor-section__head {
        flex-direction: column;
    }

    .admin-job-wizard-step3-page .step3-intro-card__head {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-job-wizard-step3-page .step3-intro-card__actions {
        justify-content: flex-start;
    }

    .admin-job-wizard-step3-page .step3-intro-points {
        grid-template-columns: 1fr;
    }

    .admin-job-wizard-step3-page .step3-interview-effort-grid {
        grid-template-columns: 1fr;
    }

    .admin-job-wizard-step3-page .step3-interview-effort-item .form-label {
        min-height: 0;
    }

    .admin-job-wizard-step3-page .step3-preview-simulator__result {
        flex-direction: column;
        align-items: flex-start;
    }

    .admin-job-wizard-step3-page .step3-module-card__header {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.9rem;
    }

    .admin-job-wizard-step3-page .step3-module-card__impact,
    .admin-job-wizard-step3-page .step3-step-group__meta {
        width: 100%;
    }

    .admin-job-wizard-step3-page .step3-module-card__impact {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .admin-job-wizard-step3-page .step3-module-card__action,
    .admin-job-wizard-step3-page .step3-step-group__meta {
        justify-content: flex-start;
    }

    .admin-job-wizard-step3-page .step3-module-card__action {
        border-left: 0;
        padding-left: 0;
    }

    .admin-job-wizard-step3-page .step3-details-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .admin-job-wizard-page .job-wizard-language-toolbar {
        width: 100%;
        justify-content: space-between;
    }

    .admin-job-wizard-page .job-wizard-section-card .card-body {
        padding: 0.9rem;
    }

    .admin-job-wizard-page .job-wizard-formatting-help-inline {
        width: 100%;
    }

    .admin-job-wizard-page .job-wizard-editor-preview {
        min-height: 176px;
    }

    .admin-job-wizard-page .job-wizard-action-bar {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.66rem;
        position: static;
        bottom: auto;
    }

    .admin-job-wizard-page .job-wizard-action-center {
        order: 1;
        justify-self: stretch;
        text-align: left;
    }

    .admin-job-wizard-page .job-wizard-action-left {
        order: 2;
        justify-self: stretch;
    }

    .admin-job-wizard-page .job-wizard-action-right {
        order: 3;
        justify-self: stretch;
    }

    .admin-job-wizard-page .job-wizard-action-left .btn,
    .admin-job-wizard-page .job-wizard-action-right .btn,
    .admin-job-wizard-page .job-wizard-action-right form,
    .admin-job-wizard-page .job-wizard-action-right form .btn {
        width: 100%;
    }

    .admin-job-wizard-step3-page .job-wizard-step3-tools {
        align-items: stretch;
    }

    .admin-job-wizard-step3-page .job-wizard-step3-tools .btn {
        width: 100%;
    }

    .admin-job-wizard-step3-page .step3-summary-strip,
    .admin-job-wizard-step3-page .step3-config-summary__stats {
        grid-template-columns: 1fr;
    }

    .admin-job-wizard-step3-page .step3-module-card__body {
        padding: 0.75rem;
    }

    .admin-job-wizard-step3-page .step3-module-card__header {
        grid-template-columns: 1fr;
    }

    .admin-job-wizard-step3-page .step3-module-card__impact,
    .admin-job-wizard-step3-page .step3-module-card__action {
        width: 100%;
        justify-content: flex-start;
    }

    .admin-job-wizard-step3-page .step3-editor-shell {
        width: 100%;
        max-height: calc(100vh - 1.5rem);
    }
}

/* Step 1 visual hierarchy polish (no IA/behavior change) */
.admin-job-wizard-step1-page {
    --job-step1-content-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 251, 255, 0.98));
    --job-step1-secondary-bg: linear-gradient(180deg, rgba(250, 253, 255, 0.97), rgba(244, 249, 255, 0.94));
    --job-step1-content-border: rgba(88, 112, 162, 0.34);
    --job-step1-secondary-border: rgba(102, 123, 167, 0.26);
    --job-step1-nav-bg: rgba(80, 102, 151, 0.06);
    --job-step1-nav-border: rgba(88, 111, 159, 0.22);
    --job-step1-stage-bg: rgba(85, 108, 156, 0.06);
    --job-step1-stage-border: rgba(89, 113, 161, 0.24);
    --job-step1-editor-bg: rgba(77, 101, 149, 0.06);
    --job-step1-group-bg: rgba(82, 104, 149, 0.05);
    --job-step1-group-border: rgba(92, 115, 161, 0.2);
    --job-step1-group-accent: rgba(var(--brand-primary-rgb), 0.42);
    --job-step1-toggle-bg: rgba(84, 107, 151, 0.08);
    --job-step1-toggle-border: rgba(99, 122, 171, 0.26);
    --job-step1-toolbar-bg: rgba(88, 111, 160, 0.06);
    --job-step1-toolbar-border: rgba(93, 118, 169, 0.22);
    --job-step1-action-border: rgba(102, 124, 173, 0.3);
    --job-step1-action-bg: rgba(250, 253, 255, 0.9);
}

[data-bs-theme='dark'] .admin-job-wizard-step1-page {
    --job-step1-content-bg: linear-gradient(180deg, rgba(14, 25, 44, 0.95), rgba(9, 18, 33, 0.96));
    --job-step1-secondary-bg: linear-gradient(180deg, rgba(9, 17, 31, 0.86), rgba(7, 14, 26, 0.9));
    --job-step1-content-border: rgba(174, 193, 232, 0.33);
    --job-step1-secondary-border: rgba(149, 173, 221, 0.24);
    --job-step1-nav-bg: rgba(123, 146, 197, 0.08);
    --job-step1-nav-border: rgba(157, 179, 224, 0.28);
    --job-step1-stage-bg: rgba(117, 141, 191, 0.09);
    --job-step1-stage-border: rgba(154, 178, 224, 0.27);
    --job-step1-editor-bg: rgba(128, 151, 201, 0.11);
    --job-step1-group-bg: rgba(116, 141, 189, 0.06);
    --job-step1-group-border: rgba(147, 171, 216, 0.24);
    --job-step1-group-accent: rgba(180, 146, 255, 0.5);
    --job-step1-toggle-bg: rgba(116, 141, 194, 0.12);
    --job-step1-toggle-border: rgba(151, 175, 223, 0.32);
    --job-step1-toolbar-bg: rgba(125, 150, 202, 0.1);
    --job-step1-toolbar-border: rgba(156, 181, 228, 0.3);
    --job-step1-action-border: rgba(160, 184, 232, 0.36);
    --job-step1-action-bg: rgba(9, 17, 31, 0.9);
}

.admin-job-wizard-step1-page .job-wizard-header {
    margin-bottom: 1.25rem !important;
}

.admin-job-wizard-step1-page .job-wizard-step1-layout > * + * {
    margin-top: 1.35rem;
}

.admin-job-wizard-step1-page .job-wizard-content-card {
    border-color: var(--job-step1-content-border);
    background: var(--job-step1-content-bg);
    box-shadow: 0 16px 34px rgba(7, 15, 29, 0.24);
}

[data-bs-theme='dark'] .admin-job-wizard-step1-page .job-wizard-content-card {
    box-shadow: 0 18px 36px rgba(1, 7, 18, 0.42);
}

.admin-job-wizard-step1-page .job-wizard-content-card .card-body {
    padding: 1.22rem 1.28rem;
}

.admin-job-wizard-step1-page .job-wizard-shared-card {
    border-color: var(--job-step1-secondary-border);
    background: var(--job-step1-secondary-bg);
    box-shadow: 0 9px 22px rgba(8, 15, 29, 0.14);
}

[data-bs-theme='dark'] .admin-job-wizard-step1-page .job-wizard-shared-card {
    box-shadow: 0 11px 24px rgba(1, 8, 19, 0.28);
}

.admin-job-wizard-step1-page .job-wizard-shared-card .card-body {
    padding: 1rem 1.1rem;
}

.admin-job-wizard-step1-page .job-wizard-content-head {
    margin-bottom: 1.1rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid var(--job-step1-content-border);
}

.admin-job-wizard-step1-page .job-wizard-content-head h2 {
    font-size: 1.03rem;
    font-weight: 680;
    letter-spacing: 0.01em;
}

.admin-job-wizard-step1-page .job-wizard-content-head .job-wizard-section-copy {
    font-size: 0.84rem;
    line-height: 1.45;
}

.admin-job-wizard-step1-page .job-wizard-language-toolbar {
    border: 1px solid var(--job-step1-toolbar-border);
    background: var(--job-step1-toolbar-bg);
    border-radius: 0.75rem;
    padding: 0.24rem 0.36rem;
    gap: 0.54rem;
}

.admin-job-wizard-step1-page .job-wizard-language-toolbar-label {
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
}

.admin-job-wizard-step1-page .job-wizard-formatting-help-inline summary {
    color: var(--job-wizard-muted);
    font-size: 0.76rem;
    text-decoration: underline;
    text-underline-offset: 0.16rem;
}

.admin-job-wizard-step1-page .job-wizard-formatting-help-inline p {
    margin-top: 0.42rem;
}

.admin-job-wizard-step1-page .job-wizard-content-layout {
    grid-template-columns: minmax(212px, 248px) minmax(0, 1fr);
    gap: 1.1rem;
}

.admin-job-wizard-step1-page .job-wizard-content-layout > aside {
    order: -1;
}

.admin-job-wizard-step1-page .job-wizard-content-nav {
    border: 0;
    background: transparent;
    border-radius: 0;
    padding: 0;
    gap: 0.5rem;
    box-shadow: none;
}

.admin-job-wizard-step1-page .job-wizard-content-tab {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.7rem;
    min-height: 2.42rem;
    border: 1px solid rgba(144, 164, 205, 0.16);
    border-radius: 0.78rem;
    background: rgba(8, 16, 32, 0.52);
    padding: 0.56rem 0.72rem 0.56rem 0.86rem;
    position: relative;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.admin-job-wizard-step1-page .job-wizard-content-tab::before {
    content: '';
    position: absolute;
    left: 0.36rem;
    top: 50%;
    transform: translateY(-50%) scaleY(0);
    width: 0.2rem;
    height: 1.2rem;
    border-radius: 999px;
    background: rgba(var(--brand-primary-rgb), 0.9);
    transition: transform 0.16s ease;
}

.admin-job-wizard-step1-page .job-wizard-content-tab.is-active::before,
.admin-job-wizard-step1-page .job-wizard-content-tab[aria-selected='true']::before {
    transform: translateY(-50%) scaleY(1);
}

.admin-job-wizard-step1-page .job-wizard-content-tab:hover,
.admin-job-wizard-step1-page .job-wizard-content-tab:focus-visible {
    border-color: rgba(158, 178, 220, 0.26);
    background: rgba(var(--brand-primary-rgb), 0.1);
}

.admin-job-wizard-step1-page .job-wizard-content-tab.is-active,
.admin-job-wizard-step1-page .job-wizard-content-tab[aria-selected='true'] {
    border-color: var(--job-wizard-tab-active-border);
    background: var(--job-wizard-tab-active-bg);
    box-shadow: 0 10px 20px rgba(28, 44, 76, 0.12);
}

.admin-job-wizard-step1-page .job-wizard-content-tab:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.2);
}

.admin-job-wizard-step1-page .job-wizard-content-tab-order {
    min-width: 2rem;
    font-size: 0.72rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--job-wizard-muted);
    opacity: 0.9;
    padding-top: 0.14rem;
}

.admin-job-wizard-step1-page .job-wizard-content-tab-main {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.admin-job-wizard-step1-page .job-wizard-content-tab-label {
    font-size: 0.88rem;
    font-weight: 650;
    color: var(--job-wizard-title);
}

.admin-job-wizard-step1-page .job-wizard-content-tab-copy {
    font-size: 0.76rem;
    line-height: 1.4;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-step1-page .job-wizard-content-tab-status {
    width: 1.42rem;
    height: 1.42rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    border: 1px solid rgba(158, 180, 222, 0.18);
    color: rgba(192, 205, 232, 0.48);
    background: rgba(12, 21, 38, 0.55);
    font-size: 0.82rem;
    line-height: 1;
    font-weight: 700;
}

.admin-job-wizard-step1-page .job-wizard-content-tab[data-step1-state='complete'] .job-wizard-content-tab-status {
    border-color: rgba(132, 232, 186, 0.38);
    background: rgba(72, 165, 120, 0.18);
    color: #9cf0bf;
}

.admin-job-wizard-step1-page .job-wizard-content-tab[data-step1-state='partial'] .job-wizard-content-tab-status {
    border-color: rgba(255, 214, 143, 0.34);
    background: rgba(179, 129, 39, 0.16);
    color: #ffd28c;
}

.admin-job-wizard-step1-page .job-wizard-content-tab[data-step1-state='optional'] .job-wizard-content-tab-status {
    border-color: rgba(155, 176, 220, 0.2);
    color: rgba(187, 200, 229, 0.66);
}

.admin-job-wizard-step1-page .job-wizard-content-stage {
    border-color: var(--job-step1-stage-border);
    background: var(--job-step1-stage-bg);
    border-radius: 0.95rem;
    padding: 1.02rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.admin-job-wizard-step1-page .job-wizard-content-panel {
    gap: 0.95rem;
}

.admin-job-wizard-step1-page .job-wizard-content-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.86rem;
    padding-bottom: 0.7rem;
}

.admin-job-wizard-step1-page .job-wizard-content-panel-head h3 {
    font-size: 0.98rem;
    font-weight: 660;
    color: var(--job-wizard-title);
}

.admin-job-wizard-step1-page .job-wizard-content-panel-copy {
    font-size: 0.82rem;
    line-height: 1.46;
}

.admin-job-wizard-step1-page .job-wizard-step1-panel-kicker {
    margin: 0 0 0.38rem;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(199, 212, 239, 0.64);
}

.admin-job-wizard-step1-page .job-wizard-step1-guide-points {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 0.82rem;
}

.admin-job-wizard-step1-page .job-wizard-step1-guide-pill {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.28rem 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(162, 184, 228, 0.2);
    background: rgba(13, 21, 38, 0.48);
    color: var(--job-wizard-text);
    font-size: 0.78rem;
}

.admin-job-wizard-step1-page .job-wizard-step1-panel-grid {
    display: grid;
    gap: 0.95rem;
}

.admin-job-wizard-step1-page .job-wizard-step1-panel-grid > .job-wizard-localized-panels,
.admin-job-wizard-step1-page .job-wizard-localized-panels > .job-wizard-localized-panel {
    display: grid;
    gap: 0.95rem;
}

.admin-job-wizard-step1-page .job-wizard-step1-subcard {
    display: grid;
    gap: 0.88rem;
}

.admin-job-wizard-step1-page .job-wizard-step1-subcard-head {
    display: grid;
    gap: 0.22rem;
}

.admin-job-wizard-step1-page .job-wizard-step1-subcard-title {
    margin: 0;
    font-size: 0.94rem;
    font-weight: 660;
    color: var(--job-wizard-title);
}

.admin-job-wizard-step1-page .job-wizard-step1-subcard-head p {
    margin: 0;
    font-size: 0.79rem;
    line-height: 1.45;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-step1-page .job-wizard-lang-panel {
    display: grid;
    gap: 0.62rem;
}

.admin-job-wizard-step1-page .job-wizard-html-editor {
    border-color: var(--job-step1-stage-border);
    background: var(--job-step1-editor-bg);
    border-radius: 0.78rem;
    padding: 0.62rem;
    gap: 0.62rem;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg {
    display: grid;
    gap: 0.5rem;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-toolbar {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.admin-rich-editor-toolbar .admin-rich-editor-group {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    min-width: 0;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-tool {
    min-height: 1.95rem;
    --bs-btn-padding-y: 0.22rem;
    --bs-btn-padding-x: 0.48rem;
    --bs-btn-font-size: 0.78rem;
}

.admin-rich-editor-toolbar .admin-rich-editor-tool--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding-inline: 0.42rem;
}

.admin-rich-editor-toolbar .admin-rich-editor-tool--icon svg {
    width: 0.92rem;
    height: 0.92rem;
    display: block;
}

.admin-rich-editor-toolbar .admin-rich-editor-select {
    min-width: 7rem;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-tool.is-active {
    border-color: var(--job-wizard-tab-active-border);
    background: rgba(var(--brand-primary-rgb), 0.2);
    color: var(--job-wizard-title);
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-select {
    width: auto;
    min-width: 8.25rem;
    font-size: 0.78rem;
    height: 1.95rem;
    border-color: var(--job-step1-nav-border);
    background-color: var(--job-wizard-surface-bg);
    color: var(--job-wizard-text);
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface {
    min-height: 220px;
    max-height: 430px;
    overflow: auto;
    border: 1px solid var(--job-step1-stage-border);
    border-radius: 0.66rem;
    background: var(--job-wizard-surface-bg);
    color: var(--job-wizard-text);
    padding: 0.66rem 0.72rem;
    line-height: 1.58;
    outline: none;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.2);
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface p,
.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface ul,
.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface ol,
.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface h3,
.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface h4,
.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface div.alert {
    margin-bottom: 0.68rem;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface p:last-child,
.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface ul:last-child,
.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface ol:last-child,
.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface h3:last-child,
.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface h4:last-child,
.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface div.alert:last-child {
    margin-bottom: 0;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface h3 {
    font-size: 1.02rem;
    margin-top: 0.16rem;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface h4 {
    font-size: 0.95rem;
    margin-top: 0.16rem;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface img {
    max-width: 100%;
    height: auto;
    border-radius: 0.55rem;
    display: block;
    margin: 0.5rem 0;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface .text-justify,
.admin-job-wizard-step1-page .job-wizard-editor-preview .text-justify {
    text-align: justify;
}

.admin-rich-editor-surface .text-justify,
.admin-rich-editor-preview .text-justify {
    text-align: justify;
}

.admin-rich-editor-surface .fs-xs,
.admin-rich-editor-preview .fs-xs {
    font-size: 0.76rem;
}

.admin-rich-editor-surface .fs-sm,
.admin-rich-editor-preview .fs-sm {
    font-size: 0.86rem;
}

.admin-rich-editor-surface .fs-base,
.admin-rich-editor-preview .fs-base {
    font-size: 1rem;
}

.admin-rich-editor-surface .fs-lg,
.admin-rich-editor-preview .fs-lg {
    font-size: 1.12rem;
}

.admin-rich-editor-surface .fs-xl,
.admin-rich-editor-preview .fs-xl {
    font-size: 1.26rem;
}

.admin-rich-editor-surface .fs-2xl,
.admin-rich-editor-preview .fs-2xl {
    font-size: 1.42rem;
}

.admin-job-wizard-step1-page .job-wizard-wysiwyg-surface .alert {
    border: 1px solid var(--job-step1-nav-border);
    border-radius: 0.55rem;
    padding: 0.48rem 0.56rem;
}

.admin-job-wizard-step1-page .job-wizard-editor-modes {
    border-color: var(--job-step1-nav-border);
    background: var(--job-step1-nav-bg);
}

.admin-job-wizard-step1-page .job-wizard-rich-textarea,
.admin-job-wizard-step1-page .job-wizard-benefits-textarea,
.admin-job-wizard-step1-page .job-wizard-buffer-textarea {
    border-color: var(--job-step1-stage-border);
    background: var(--job-wizard-surface-bg);
}

.admin-job-wizard-step1-page .job-wizard-editor-preview {
    border-color: var(--job-step1-stage-border);
    background: var(--job-wizard-surface-bg);
}

.admin-job-wizard-step1-page .job-wizard-shared-card .job-wizard-section-head {
    margin-bottom: 0.78rem;
}

.admin-job-wizard-step1-page .job-wizard-shared-card .job-wizard-section-head h2 {
    font-size: 0.93rem;
    font-weight: 660;
}

.admin-job-wizard-step1-page .job-wizard-shared-card .job-wizard-section-copy {
    font-size: 0.8rem;
}

.admin-job-wizard-step1-page .job-wizard-shared-settings {
    gap: 0.72rem;
}

.admin-job-wizard-step1-page .job-wizard-settings-group {
    border: 1px solid var(--job-step1-group-border);
    background: var(--job-step1-group-bg);
    border-left-width: 3px;
    border-left-color: var(--job-step1-group-accent);
    border-radius: 0.82rem;
    padding: 0.78rem 0.84rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.admin-job-wizard-step1-page .job-wizard-settings-group-title {
    margin-bottom: 0.54rem;
    font-size: 0.73rem;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.admin-job-wizard-step1-page .job-wizard-settings-group .form-label {
    font-size: 0.79rem;
    font-weight: 600;
    color: var(--job-wizard-text);
}

.admin-job-wizard-step1-page .job-wizard-toggle-card {
    border-color: var(--job-step1-toggle-border);
    background: var(--job-step1-toggle-bg);
    border-radius: 0.76rem;
    padding: 0.66rem 0.74rem;
    gap: 0.4rem;
}

.admin-job-wizard-step1-page .job-wizard-settings-group--visibility .job-wizard-toggle-card {
    border-color: var(--job-wizard-tab-active-border);
    background: rgba(var(--brand-primary-rgb), 0.12);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.46rem;
    align-items: start;
    overflow: visible;
}

.admin-job-wizard-step1-page .job-wizard-settings-group--visibility .form-check.form-switch {
    display: flex;
    align-items: flex-start;
    padding-left: 0;
    gap: 0.56rem;
    margin: 0;
    min-width: 0;
    width: 100%;
}

.admin-job-wizard-step1-page .job-wizard-settings-group--visibility .form-check-input {
    float: none;
    margin: 0.04rem 0 0;
    flex: 0 0 auto;
}

.admin-job-wizard-step1-page .job-wizard-settings-group--visibility .form-check-label {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.35;
    word-break: break-word;
}

.admin-job-wizard-step1-page .job-wizard-settings-group--visibility .form-text {
    margin: 0;
    padding-left: 0;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.admin-rich-editor-modal {
    position: fixed;
    inset: 0;
    z-index: 1085;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.admin-rich-editor-modal-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(4, 10, 22, 0.62);
}

.admin-rich-editor-modal-dialog {
    position: relative;
    width: min(420px, 100%);
    border: 1px solid rgba(152, 176, 221, 0.28);
    border-radius: 0.78rem;
    background: rgba(10, 17, 31, 0.97);
    box-shadow: 0 18px 34px rgba(1, 6, 16, 0.46);
    padding: 0.78rem;
}

.admin-rich-editor-modal-header {
    margin-bottom: 0.58rem;
}

.admin-rich-editor-modal-title {
    margin: 0;
    font-size: 0.95rem;
}

.admin-rich-editor-modal-body {
    display: grid;
    gap: 0.52rem;
}

.admin-rich-editor-modal-field {
    display: grid;
    gap: 0.28rem;
}

.admin-rich-editor-modal-field-label {
    font-size: 0.77rem;
    color: var(--job-wizard-muted);
}

.admin-rich-editor-modal-switch {
    margin: 0.12rem 0 0;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.admin-rich-editor-modal-switch .form-check-input {
    margin: 0;
    float: none;
}

.admin-rich-editor-modal-error {
    margin: 0;
    color: #ffb3b3;
    font-size: 0.78rem;
}

.admin-rich-editor-modal-footer {
    margin-top: 0.7rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.44rem;
}

.admin-job-wizard-step1-page .job-wizard-advanced-settings {
    border-color: var(--job-step1-group-border);
    background: var(--job-step1-group-bg);
    border-radius: 0.82rem;
    overflow: hidden;
}

.admin-job-wizard-step1-page .job-wizard-advanced-summary {
    position: relative;
    align-items: flex-start;
    padding: 0.7rem 2.2rem 0.72rem 0.84rem;
    border-left: 3px solid rgba(var(--brand-primary-rgb), 0.28);
    transition: background-color 0.18s ease;
}

.admin-job-wizard-step1-page .job-wizard-advanced-summary::after {
    content: '';
    position: absolute;
    right: 0.88rem;
    top: 50%;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    color: var(--job-wizard-muted);
    transform: translateY(-55%) rotate(45deg);
    transition: transform 0.16s ease;
}

.admin-job-wizard-step1-page .job-wizard-advanced-settings[open] .job-wizard-advanced-summary::after {
    transform: translateY(-32%) rotate(225deg);
}

.admin-job-wizard-step1-page .job-wizard-advanced-summary:hover,
.admin-job-wizard-step1-page .job-wizard-advanced-summary:focus-visible {
    background: rgba(var(--brand-primary-rgb), 0.08);
    outline: none;
}

.admin-job-wizard-step1-page .job-wizard-advanced-title {
    display: block;
    margin-bottom: 0.1rem;
}

.admin-job-wizard-step1-page .job-wizard-advanced-copy {
    font-size: 0.75rem;
    line-height: 1.35;
}

.admin-job-wizard-step1-page .job-wizard-advanced-body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 0.84rem;
    border-top: 0;
    transition: max-height 0.2s ease, opacity 0.2s ease, padding 0.2s ease, border-color 0.2s ease;
}

.admin-job-wizard-step1-page .job-wizard-advanced-settings[open] .job-wizard-advanced-body {
    max-height: 1200px;
    opacity: 1;
    border-top: 1px solid var(--job-step1-group-border);
    padding: 0.72rem 0.84rem 0.82rem;
}

.admin-job-wizard-step1-page .job-wizard-step1-actions {
    margin-top: 1.55rem !important;
    border-color: var(--job-step1-action-border);
    background: var(--job-step1-action-bg);
    box-shadow: 0 14px 28px rgba(3, 10, 22, 0.24);
}

.admin-job-wizard-step1-page .job-wizard-action-buttons {
    gap: 0.55rem;
}

.admin-job-wizard-step1-page .job-wizard-step1-actions .btn-outline-secondary {
    border-color: var(--job-step1-group-border);
}

.admin-job-wizard-step1-page .job-wizard-step1-actions .btn-primary {
    box-shadow: 0 0.32rem 0.75rem rgba(var(--brand-primary-rgb), 0.26);
}

@media (max-width: 991.98px) {
    .admin-job-wizard-step1-page .job-wizard-step1-layout > * + * {
        margin-top: 1.1rem;
    }

    .admin-job-wizard-step1-page .job-wizard-content-card .card-body,
    .admin-job-wizard-step1-page .job-wizard-shared-card .card-body {
        padding: 1rem;
    }

    .admin-job-wizard-step1-page .job-wizard-content-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.86rem;
    }

    .admin-job-wizard-step1-page .job-wizard-content-layout > aside {
        order: -1;
    }

    .admin-job-wizard-step1-page .job-wizard-content-nav {
        flex-direction: row;
        overflow-x: auto;
        padding: 0;
    }

    .admin-job-wizard-step1-page .job-wizard-content-tab {
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-width: 176px;
        padding: 0.56rem 0.72rem;
    }

    .admin-job-wizard-step1-page .job-wizard-content-tab-order {
        min-width: 0;
        padding-top: 0;
    }

    .admin-job-wizard-step1-page .job-wizard-content-tab-copy {
        display: none;
    }

    .admin-job-wizard-step1-page .job-wizard-content-tab-status {
        width: 1.28rem;
        height: 1.28rem;
        font-size: 0.76rem;
    }

    .admin-job-wizard-step1-page .job-wizard-content-tab::before {
        left: 50%;
        top: auto;
        bottom: 0.28rem;
        transform: translateX(-50%) scaleX(0);
        width: 1.42rem;
        height: 0.16rem;
    }

    .admin-job-wizard-step1-page .job-wizard-content-tab.is-active::before,
    .admin-job-wizard-step1-page .job-wizard-content-tab[aria-selected='true']::before {
        transform: translateX(-50%) scaleX(1);
    }

    .admin-job-wizard-step1-page .job-wizard-wysiwyg-select {
        min-width: 7.2rem;
    }
}

@media (max-width: 767.98px) {
    .admin-job-wizard-step1-page .job-wizard-header {
        margin-bottom: 1rem !important;
    }

    .admin-job-wizard-step1-page .job-wizard-content-head {
        margin-bottom: 0.82rem;
        padding-bottom: 0.74rem;
    }

    .admin-job-wizard-step1-page .job-wizard-content-panel-head {
        flex-direction: column;
    }

    .admin-job-wizard-step1-page .job-wizard-content-stage {
        padding: 0.86rem;
    }

    .admin-job-wizard-step1-page .job-wizard-settings-group {
        padding: 0.7rem 0.72rem;
    }

    .admin-job-wizard-step1-page .job-wizard-advanced-summary {
        padding-right: 2rem;
    }

    .admin-job-wizard-step1-page .job-wizard-wysiwyg-toolbar {
        gap: 0.3rem;
    }

    .admin-job-wizard-step1-page .job-wizard-wysiwyg-tool {
        min-height: 1.85rem;
        --bs-btn-padding-x: 0.42rem;
    }

    .admin-job-wizard-step1-page .job-wizard-wysiwyg-select {
        min-width: 6.6rem;
    }

    .admin-job-wizard-step1-page .job-wizard-wysiwyg-surface {
        min-height: 180px;
        padding: 0.58rem 0.6rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-job-wizard-step1-page .job-wizard-advanced-body,
    .admin-job-wizard-step1-page .job-wizard-advanced-summary::after,
    .admin-job-wizard-step1-page .job-wizard-content-tab::before {
        transition: none !important;
    }
}

.admin-public-pages-page {
    --public-pages-max-width: 1180px;
    --public-pages-surface-bg: rgba(10, 18, 33, 0.9);
    --public-pages-surface-border: rgba(155, 176, 220, 0.25);
    --public-pages-soft-border: rgba(150, 171, 214, 0.2);
    --public-pages-muted: rgba(186, 203, 233, 0.88);
    --public-pages-tab-bg: rgba(110, 134, 183, 0.14);
    --public-pages-tab-active-bg: rgba(142, 99, 240, 0.28);
    --public-pages-tab-active-border: rgba(184, 143, 255, 0.56);
}

.admin-public-pages-page .admin-main-container {
    max-width: 1280px;
}

.admin-public-pages-page .public-page-editor-shell {
    max-width: var(--public-pages-max-width);
    margin-inline: auto;
}

.admin-public-pages-page .public-page-editor-header {
    border-color: var(--public-pages-surface-border);
    background: linear-gradient(180deg, rgba(15, 25, 43, 0.96), rgba(9, 17, 33, 0.94));
}

.admin-public-pages-page .public-page-editor-header .card-body {
    padding: 1rem 1.15rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.95rem;
    flex-wrap: wrap;
}

.admin-public-pages-page .public-page-editor-header-main {
    min-width: min(640px, 100%);
    flex: 1 1 620px;
}

.admin-public-pages-page .public-page-editor-meta {
    margin-top: 0.62rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.admin-public-pages-page .public-page-editor-chip {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(159, 181, 223, 0.3);
    background: rgba(115, 136, 184, 0.15);
    color: rgba(227, 236, 255, 0.94);
    font-size: 0.76rem;
    line-height: 1;
    padding: 0.36rem 0.62rem;
}

.admin-public-pages-page .public-page-editor-chip code {
    color: inherit;
    font-size: 0.75rem;
}

.admin-public-pages-page .public-page-editor-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.admin-public-pages-page .public-page-editor-section {
    border-color: var(--public-pages-surface-border);
    background: var(--public-pages-surface-bg);
}

.admin-public-pages-page .public-page-editor-section .card-body {
    padding: 1rem 1.15rem;
}

.admin-public-pages-page .public-page-section-head h2 {
    letter-spacing: 0.01em;
}

.admin-public-pages-page .public-page-section-head-with-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    flex-wrap: wrap;
}

.admin-public-pages-page .public-page-setting-tile {
    min-height: 2.9rem;
    border-radius: 0.72rem;
    border: 1px solid var(--public-pages-soft-border);
    background: rgba(104, 129, 180, 0.08);
    display: flex;
    align-items: center;
    padding: 0.68rem 0.74rem;
}

.admin-public-pages-page .public-page-setting-tile .form-check-input {
    width: 2.35rem;
    height: 1.3rem;
    margin-top: 0;
    border-color: rgba(159, 182, 223, 0.36);
    background-color: rgba(31, 46, 76, 0.92);
}

.admin-public-pages-page .public-page-setting-tile .form-check-input:checked {
    background-color: rgba(143, 98, 240, 0.94);
    border-color: rgba(187, 145, 255, 0.8);
}

.admin-public-pages-page .public-page-setting-tile .form-check-label {
    margin-left: 0.12rem;
}

.admin-public-pages-page .public-page-locale-switch {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: 999px;
    border: 1px solid var(--public-pages-soft-border);
    background: var(--public-pages-tab-bg);
    padding: 0.2rem;
}

.admin-public-pages-page .public-page-locale-tab {
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--public-pages-muted);
    font-size: 0.77rem;
    font-weight: 650;
    line-height: 1.2;
    padding: 0.34rem 0.74rem;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.admin-public-pages-page .public-page-locale-tab:hover,
.admin-public-pages-page .public-page-locale-tab:focus-visible {
    outline: none;
    border-color: var(--public-pages-tab-active-border);
    color: rgba(235, 242, 255, 0.96);
}

.admin-public-pages-page .public-page-locale-tab.is-active,
.admin-public-pages-page .public-page-locale-tab[aria-selected='true'] {
    border-color: var(--public-pages-tab-active-border);
    background: var(--public-pages-tab-active-bg);
    color: #fff;
    box-shadow: 0 0 0 1px rgba(169, 126, 246, 0.25) inset;
}

.admin-public-pages-page .public-page-locale-panel {
    display: none;
}

.admin-public-pages-page .public-page-locale-panel.is-active {
    display: block;
}

.admin-public-pages-page .public-page-content-editor {
    display: grid;
    gap: 0.5rem;
}

.admin-public-pages-page .public-page-seo-panel {
    border-top: 1px solid var(--public-pages-soft-border);
    padding-top: 0.82rem;
}

.admin-public-pages-page .public-page-seo-kicker {
    margin: 0 0 0.72rem;
    color: rgba(195, 212, 241, 0.85);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.admin-public-pages-page .admin-rich-editor {
    border: 1px solid rgba(154, 176, 220, 0.32);
    border-radius: 0.86rem;
    background: rgba(9, 16, 30, 0.9);
    overflow: hidden;
    display: grid;
}

.admin-public-pages-page .admin-rich-editor .job-wizard-editor-modes {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.58rem 0.68rem;
    border-bottom: 1px solid rgba(154, 176, 220, 0.22);
    background: rgba(112, 136, 186, 0.09);
}

.admin-public-pages-page .admin-rich-editor .job-wizard-editor-mode-tab {
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: rgba(203, 218, 244, 0.85);
    font-size: 0.76rem;
    line-height: 1.2;
    font-weight: 640;
    min-height: 1.95rem;
    padding: 0.32rem 0.7rem;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.admin-public-pages-page .admin-rich-editor .job-wizard-editor-mode-tab:hover,
.admin-public-pages-page .admin-rich-editor .job-wizard-editor-mode-tab:focus-visible {
    outline: none;
    border-color: rgba(182, 140, 255, 0.56);
    color: rgba(241, 246, 255, 0.96);
}

.admin-public-pages-page .admin-rich-editor .job-wizard-editor-mode-tab.is-active,
.admin-public-pages-page .admin-rich-editor .job-wizard-editor-mode-tab[aria-selected='true'] {
    border-color: rgba(183, 141, 255, 0.62);
    background: rgba(143, 100, 240, 0.3);
    color: #fff;
}

.admin-public-pages-page .admin-rich-editor .job-wizard-editor-pane {
    padding: 0.78rem;
    background: rgba(8, 14, 28, 0.84);
}

.admin-public-pages-page .admin-rich-editor .job-wizard-editor-pane[hidden] {
    display: none !important;
}

.admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg {
    display: grid;
    gap: 0.56rem;
}

.admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.34rem;
    border: 1px solid rgba(153, 175, 219, 0.26);
    border-radius: 0.68rem;
    background: rgba(109, 133, 183, 0.09);
    padding: 0.38rem;
}

.admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-tool {
    min-height: 1.95rem;
    --bs-btn-padding-y: 0.22rem;
    --bs-btn-padding-x: 0.48rem;
    --bs-btn-font-size: 0.78rem;
}

.admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-tool.is-active {
    border-color: rgba(183, 141, 255, 0.6);
    background: rgba(142, 99, 240, 0.26);
    color: #fff;
}

.admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-select {
    width: auto;
    min-width: 7.2rem;
    height: 1.95rem;
    font-size: 0.78rem;
    border-color: rgba(153, 175, 219, 0.34);
    background-color: rgba(11, 18, 34, 0.9);
    color: rgba(231, 239, 254, 0.94);
}

.admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-surface,
.admin-public-pages-page .admin-rich-editor .admin-rich-editor-input,
.admin-public-pages-page .admin-rich-editor .admin-rich-editor-preview {
    min-height: 260px;
    max-height: 520px;
    border: 1px solid rgba(154, 176, 220, 0.32);
    border-radius: 0.72rem;
    background: rgba(8, 14, 28, 0.9);
    color: rgba(232, 240, 255, 0.95);
    padding: 0.72rem 0.8rem;
    line-height: 1.58;
    overflow: auto;
}

.admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-surface:focus-visible,
.admin-public-pages-page .admin-rich-editor .admin-rich-editor-input:focus {
    border-color: rgba(183, 141, 255, 0.66);
    box-shadow: 0 0 0 0.22rem rgba(142, 99, 240, 0.22);
    outline: none;
}

.admin-public-pages-page .admin-rich-editor .admin-rich-editor-input {
    resize: vertical;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.admin-public-pages-page .admin-rich-editor .admin-rich-editor-preview.is-loading {
    opacity: 0.72;
}

.admin-public-pages-page .admin-rich-editor .admin-rich-editor-preview img,
.admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-surface img {
    max-width: 100%;
    height: auto;
    border-radius: 0.48rem;
}

.admin-public-pages-page .public-page-editor-footer {
    position: sticky;
    bottom: 0.75rem;
    z-index: 1021;
    border: 1px solid rgba(162, 183, 224, 0.26);
    border-radius: 0.84rem;
    background: rgba(8, 15, 28, 0.92);
    backdrop-filter: blur(8px);
    padding: 0.65rem 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.72rem;
    flex-wrap: wrap;
}

.admin-public-pages-page .public-page-editor-footer-note {
    color: rgba(190, 208, 240, 0.82);
    font-size: 0.8rem;
}

.admin-public-pages-page .public-page-editor-danger {
    border-color: rgba(198, 95, 124, 0.32);
    background: rgba(47, 16, 26, 0.5);
}

@media (max-width: 991.98px) {
    .admin-public-pages-page .public-page-editor-header .card-body,
    .admin-public-pages-page .public-page-editor-section .card-body {
        padding: 0.92rem;
    }

    .admin-public-pages-page .public-page-editor-header-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .admin-public-pages-page .public-page-editor-footer {
        bottom: 0.55rem;
    }
}

@media (max-width: 767.98px) {
    .admin-public-pages-page .public-page-section-head-with-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-public-pages-page .public-page-locale-switch {
        width: 100%;
        justify-content: center;
    }

    .admin-public-pages-page .public-page-locale-tab {
        flex: 1 1 0;
        text-align: center;
    }

    .admin-public-pages-page .public-page-editor-footer {
        justify-content: center;
        text-align: center;
    }
}

.admin-legal-pages-page {
    --legal-pages-max-width: 1180px;
    --legal-pages-sticky-offset: 4.8rem;
}

.admin-legal-pages-page .admin-main-container {
    max-width: 1260px;
}

.admin-legal-pages-page .legal-pages-shell {
    max-width: var(--legal-pages-max-width);
    margin-inline: auto;
}

.admin-legal-pages-page .legal-pages-header {
    border-color: rgba(166, 186, 226, 0.23);
    background: linear-gradient(180deg, rgba(15, 25, 43, 0.95), rgba(10, 18, 34, 0.95));
}

.admin-legal-pages-page .legal-pages-header .card-body {
    padding: 1.15rem 1.2rem;
}

.admin-legal-pages-page .legal-pages-breadcrumb .breadcrumb-item,
.admin-legal-pages-page .legal-pages-breadcrumb .breadcrumb-item a {
    color: rgba(178, 195, 226, 0.84);
    font-size: 0.79rem;
}

.admin-legal-pages-page .legal-pages-subtitle {
    color: rgba(194, 208, 235, 0.85);
    font-size: 0.94rem;
}

.admin-legal-pages-page .legal-pages-summary-errors {
    border-radius: 0.8rem;
}

.admin-legal-pages-page .legal-page-panel {
    border: 1px solid rgba(157, 178, 219, 0.23);
    border-radius: 0.92rem;
    background: rgba(11, 20, 35, 0.9);
    box-shadow: 0 16px 36px rgba(2, 7, 18, 0.44);
}

.admin-legal-pages-page .legal-page-panel .card-body {
    padding: 1rem 1.05rem;
}

.admin-legal-pages-page .legal-page-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.admin-legal-pages-page .legal-page-panel-toggle {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    border-radius: 0.74rem;
    background: transparent;
    color: #eef4ff;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    gap: 0.72rem;
    padding: 0.25rem 0.18rem;
}

.admin-legal-pages-page .legal-page-panel-toggle:hover,
.admin-legal-pages-page .legal-page-panel-toggle:focus-visible {
    color: #fff;
    outline: none;
    background: rgba(137, 99, 236, 0.12);
}

.admin-legal-pages-page .legal-page-panel-title-wrap {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.admin-legal-pages-page .legal-page-panel-title {
    font-size: 1rem;
    font-weight: 640;
    color: #f2f6ff;
}

.admin-legal-pages-page .legal-page-panel-summary {
    color: rgba(178, 194, 225, 0.84);
    font-size: 0.79rem;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-legal-pages-page .legal-page-panel-chevron {
    width: 1.18rem;
    height: 1.18rem;
    color: rgba(185, 201, 233, 0.88);
    flex-shrink: 0;
    transition: transform 0.18s ease;
}

.admin-legal-pages-page .legal-page-panel-chevron svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-legal-pages-page .legal-page-panel.is-open .legal-page-panel-chevron {
    transform: rotate(180deg);
}

.admin-legal-pages-page .legal-page-panel-meta {
    display: inline-flex;
    align-items: center;
    gap: 0.58rem;
    flex-shrink: 0;
}

.admin-legal-pages-page .legal-page-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    padding: 0.16rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(155, 176, 217, 0.28);
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(220, 230, 249, 0.9);
    background: rgba(119, 142, 193, 0.12);
}

.admin-legal-pages-page .legal-page-status-pill.is-published {
    border-color: rgba(126, 221, 169, 0.45);
    background: rgba(48, 144, 94, 0.24);
    color: rgba(218, 255, 236, 0.95);
}

.admin-legal-pages-page .legal-page-status-pill.is-draft {
    border-color: rgba(155, 176, 217, 0.3);
    background: rgba(107, 128, 174, 0.18);
    color: rgba(212, 224, 246, 0.9);
}

.admin-legal-pages-page .legal-page-publish-switch {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.22rem 0.52rem;
    border-radius: 999px;
    border: 1px solid rgba(156, 177, 220, 0.23);
    background: rgba(112, 137, 189, 0.09);
}

.admin-legal-pages-page .legal-page-publish-switch .form-check-input {
    width: 2.1rem;
    height: 1.2rem;
    margin-top: 0;
}

.admin-legal-pages-page .legal-page-publish-switch .form-check-label {
    color: rgba(202, 215, 240, 0.88);
}

.admin-legal-pages-page .legal-page-panel-body {
    margin-top: 0.85rem;
    padding-top: 0.95rem;
    border-top: 1px solid rgba(154, 176, 219, 0.18);
}

.admin-legal-pages-page .legal-page-lang-tabs {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(154, 176, 219, 0.25);
    background: rgba(112, 137, 189, 0.09);
    padding: 0.2rem;
    gap: 0.2rem;
}

.admin-legal-pages-page .legal-page-lang-tab {
    min-height: 2rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(194, 209, 238, 0.82);
    font-size: 0.82rem;
    padding: 0.34rem 0.72rem;
}

.admin-legal-pages-page .legal-page-lang-tab:hover,
.admin-legal-pages-page .legal-page-lang-tab:focus-visible {
    color: rgba(236, 243, 255, 0.97);
    outline: none;
    background: rgba(140, 102, 240, 0.22);
}

.admin-legal-pages-page .legal-page-lang-tab.is-active {
    background: rgba(145, 105, 244, 0.3);
    color: #fff;
    box-shadow: 0 0 0 1px rgba(180, 139, 255, 0.32) inset;
}

.admin-legal-pages-page .legal-page-helper {
    margin-top: 0.72rem;
    margin-bottom: 0.72rem;
    color: rgba(186, 203, 233, 0.88);
    font-size: 0.84rem;
}

.admin-legal-pages-page .legal-page-editor-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.62rem;
    flex-wrap: wrap;
    margin-bottom: 0.72rem;
}

.admin-legal-pages-page .legal-page-snippets {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.admin-legal-pages-page .legal-snippet-btn {
    min-height: 1.9rem;
    font-size: 0.74rem;
    border-radius: 0.56rem;
}

.admin-legal-pages-page .legal-page-lang-pane {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.82rem;
    background: rgba(107, 132, 184, 0.08);
    padding: 0.88rem;
}

.admin-legal-pages-page .legal-page-lang-pane .admin-rich-editor {
    display: grid;
    gap: 0.62rem;
    border: 1px solid rgba(154, 176, 220, 0.26);
    border-radius: 0.74rem;
    background: rgba(10, 17, 31, 0.78);
    padding: 0.66rem;
}

.admin-legal-pages-page .legal-page-lang-pane .job-wizard-editor-modes {
    border: 1px solid rgba(154, 176, 219, 0.26);
    border-radius: 999px;
    background: rgba(112, 137, 189, 0.1);
    padding: 0.2rem;
}

.admin-legal-pages-page .legal-page-lang-pane .job-wizard-editor-mode-tab {
    min-height: 1.95rem;
    border-radius: 999px;
    color: rgba(205, 219, 244, 0.84);
}

.admin-legal-pages-page .legal-page-lang-pane .job-wizard-editor-mode-tab.is-active {
    background: rgba(145, 105, 244, 0.3);
    color: #fff;
}

.admin-legal-pages-page .legal-page-lang-pane .job-wizard-wysiwyg-toolbar {
    gap: 0.34rem;
}

.admin-legal-pages-page .legal-page-lang-pane .job-wizard-wysiwyg-tool.is-active {
    border-color: rgba(183, 141, 255, 0.58);
    background: rgba(142, 99, 240, 0.24);
    color: #fff;
}

.admin-legal-pages-page .legal-page-lang-pane .job-wizard-wysiwyg-select {
    min-width: 7.2rem;
}

.admin-legal-pages-page .legal-page-lang-pane .job-wizard-wysiwyg-surface {
    min-height: 250px;
    max-height: 500px;
    border-color: rgba(154, 176, 220, 0.32);
    background: rgba(8, 14, 28, 0.9);
    color: rgba(232, 240, 255, 0.95);
}

.admin-legal-pages-page .legal-page-lang-pane .job-wizard-wysiwyg-surface img,
.admin-legal-pages-page .legal-page-lang-pane .admin-rich-editor-preview img {
    max-width: 100%;
    height: auto;
    border-radius: 0.48rem;
}

.admin-legal-pages-page .legal-page-lang-pane .job-wizard-wysiwyg-surface .text-justify,
.admin-legal-pages-page .legal-page-lang-pane .admin-rich-editor-preview .text-justify {
    text-align: justify;
}

.admin-legal-pages-page .legal-page-lang-pane .admin-rich-editor-input {
    border-radius: 0.72rem;
    border-color: rgba(154, 176, 220, 0.32);
    background: rgba(8, 14, 28, 0.88);
    color: rgba(232, 240, 255, 0.95);
    line-height: 1.58;
    min-height: 250px;
}

.admin-legal-pages-page .legal-page-lang-pane .admin-rich-editor-input:focus {
    border-color: rgba(183, 141, 255, 0.66);
    box-shadow: 0 0 0 0.22rem rgba(142, 99, 240, 0.22);
}

.admin-legal-pages-page .legal-page-lang-pane .admin-rich-editor-preview {
    border: 1px solid rgba(154, 176, 220, 0.32);
    border-radius: 0.72rem;
    background: rgba(8, 14, 28, 0.86);
    color: rgba(232, 240, 255, 0.95);
    min-height: 250px;
    padding: 0.78rem 0.82rem;
    overflow: auto;
}

.admin-legal-pages-page .legal-page-html-editor {
    border-radius: 0.72rem;
    border-color: rgba(154, 176, 220, 0.32);
    background: rgba(8, 14, 28, 0.88);
    color: rgba(232, 240, 255, 0.95);
    line-height: 1.58;
    min-height: 270px;
}

.admin-legal-pages-page .legal-page-html-editor:focus {
    border-color: rgba(183, 141, 255, 0.66);
    box-shadow: 0 0 0 0.22rem rgba(142, 99, 240, 0.22);
}

.admin-legal-pages-page .legal-page-panel:not(.is-monospace) .legal-page-html-editor {
    font-family: inherit;
}

.admin-legal-pages-page .legal-page-panel.is-monospace .legal-page-html-editor {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.admin-legal-pages-page .legal-pages-save-bar {
    margin-top: 1rem;
    position: sticky;
    bottom: 0.8rem;
    z-index: 1021;
    border: 1px solid rgba(162, 183, 224, 0.26);
    border-radius: 0.84rem;
    background: rgba(8, 15, 28, 0.92);
    backdrop-filter: blur(8px);
    padding: 0.65rem 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.admin-legal-pages-page .legal-pages-save-state {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.48rem;
    min-height: 2rem;
}

.admin-legal-pages-page .legal-unsaved-indicator {
    color: rgba(255, 229, 176, 0.94);
    font-size: 0.84rem;
}

.admin-legal-pages-page .legal-status-note {
    color: rgba(191, 209, 239, 0.84);
    font-size: 0.78rem;
}

.admin-legal-pages-page .legal-pages-save-btn {
    min-height: 2.55rem;
    min-width: 220px;
}

.admin-legal-pages-page .admin-compact-toast {
    position: fixed;
    top: calc(var(--legal-pages-sticky-offset) + 0.25rem);
    right: 1rem;
    max-width: 320px;
    border: 1px solid rgba(123, 220, 169, 0.34);
    border-radius: 0.72rem;
    background: rgba(17, 61, 43, 0.94);
    color: rgba(223, 255, 240, 0.96);
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.38);
    z-index: 1080;
    padding: 0.52rem 0.72rem;
}

.admin-legal-pages-page .admin-compact-toast::before {
    content: '\2713';
    display: block;
    margin-bottom: 0.15rem;
    color: rgba(208, 252, 229, 0.92);
    font-size: 0.78rem;
}

@media (max-width: 991.98px) {
    .admin-legal-pages-page {
        --legal-pages-sticky-offset: 4.2rem;
    }

    .admin-legal-pages-page .legal-pages-save-bar {
        bottom: 0.6rem;
    }
}

@media (max-width: 767.98px) {
    .admin-legal-pages-page .legal-pages-header .card-body,
    .admin-legal-pages-page .legal-page-panel .card-body {
        padding: 0.88rem;
    }

    .admin-legal-pages-page .legal-page-panel-head {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-legal-pages-page .legal-page-panel-meta {
        justify-content: space-between;
        width: 100%;
    }

    .admin-legal-pages-page .legal-page-lang-tabs {
        width: 100%;
        justify-content: space-between;
    }

    .admin-legal-pages-page .legal-page-lang-tab {
        flex: 1 1 50%;
    }

    .admin-legal-pages-page .legal-pages-save-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-legal-pages-page .legal-pages-save-btn {
        width: 100%;
        min-width: 0;
    }

    .admin-legal-pages-page .admin-compact-toast {
        right: 0.75rem;
        left: 0.75rem;
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-legal-pages-page .legal-page-panel-chevron,
    .admin-legal-pages-page .legal-page-panel-toggle,
    .admin-legal-pages-page .legal-page-lang-tab {
        transition: none !important;
    }
}

.admin-contact-page-page {
    --admin-contact-max-width: 1180px;
    --admin-contact-sticky-offset: 4.8rem;
}

.admin-contact-page-page .admin-main-container {
    max-width: 1260px;
}

.admin-contact-page-page .admin-contact-shell {
    max-width: var(--admin-contact-max-width);
    margin-inline: auto;
}

.admin-contact-page-page .admin-contact-header {
    border-color: rgba(166, 186, 226, 0.23);
    background: linear-gradient(180deg, rgba(15, 25, 43, 0.95), rgba(10, 18, 34, 0.95));
}

.admin-contact-page-page .admin-contact-header .card-body {
    padding: 1.15rem 1.2rem;
}

.admin-contact-page-page .admin-contact-breadcrumb .breadcrumb-item,
.admin-contact-page-page .admin-contact-breadcrumb .breadcrumb-item a {
    color: rgba(178, 195, 226, 0.84);
    font-size: 0.79rem;
}

.admin-contact-page-page .admin-contact-subtitle {
    color: rgba(194, 208, 235, 0.85);
    font-size: 0.94rem;
}

.admin-contact-page-page .admin-contact-summary-errors {
    border-radius: 0.8rem;
}

.admin-contact-page-page .admin-contact-section {
    border: 1px solid rgba(157, 178, 219, 0.23);
    border-radius: 0.92rem;
    background: rgba(11, 20, 35, 0.9);
    box-shadow: 0 16px 36px rgba(2, 7, 18, 0.44);
}

.admin-contact-page-page .admin-contact-section .card-body {
    padding: 1rem 1.05rem;
}

.admin-contact-page-page .admin-contact-section-head {
    margin-bottom: 0.75rem;
}

.admin-contact-page-page .admin-contact-section-head h2 {
    color: #f1f6ff;
    font-weight: 630;
}

.admin-contact-page-page .admin-contact-lang-tabs {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(154, 176, 219, 0.25);
    background: rgba(112, 137, 189, 0.09);
    padding: 0.2rem;
    gap: 0.2rem;
    margin-bottom: 0.72rem;
}

.admin-contact-page-page .admin-contact-lang-tab {
    min-height: 2rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(194, 209, 238, 0.82);
    font-size: 0.82rem;
    padding: 0.34rem 0.72rem;
}

.admin-contact-page-page .admin-contact-lang-tab:hover,
.admin-contact-page-page .admin-contact-lang-tab:focus-visible {
    color: rgba(236, 243, 255, 0.97);
    outline: none;
    background: rgba(140, 102, 240, 0.22);
}

.admin-contact-page-page .admin-contact-lang-tab.is-active {
    background: rgba(145, 105, 244, 0.3);
    color: #fff;
    box-shadow: 0 0 0 1px rgba(180, 139, 255, 0.32) inset;
}

.admin-contact-page-page .admin-contact-lang-pane {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.82rem;
    background: rgba(107, 132, 184, 0.08);
    padding: 0.88rem;
}

.admin-contact-page-page .admin-contact-shared-media {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.82rem;
    background: rgba(107, 132, 184, 0.08);
    padding: 0.88rem;
    display: grid;
    gap: 0.8rem;
}

.admin-contact-page-page .admin-contact-shared-media-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    align-items: flex-start;
}

.admin-contact-page-page .admin-contact-shared-media-preview {
    max-width: 420px;
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.82rem;
    overflow: hidden;
    background: rgba(7, 13, 24, 0.9);
    box-shadow: 0 12px 24px rgba(2, 7, 18, 0.24);
}

.admin-contact-page-page .admin-contact-shared-media-preview img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.admin-contact-page-page .admin-contact-map-help {
    margin-bottom: 0.75rem;
}

.admin-contact-page-page .admin-contact-map-preview-wrap {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.82rem;
    background: rgba(7, 13, 24, 0.9);
    overflow: hidden;
    min-height: 260px;
    position: relative;
}

.admin-contact-page-page .admin-contact-map-preview-frame {
    width: 100%;
    min-height: 260px;
    border: 0;
    display: block;
}

.admin-contact-page-page .admin-contact-map-preview-empty {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    color: rgba(192, 207, 236, 0.86);
    font-size: 0.88rem;
    line-height: 1.45;
    background: rgba(8, 14, 28, 0.82);
}

.admin-contact-page-page .admin-contact-map-preview-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.admin-contact-page-page .admin-contact-save-bar {
    margin-top: 1rem;
    position: sticky;
    bottom: 0.8rem;
    z-index: 1021;
    border: 1px solid rgba(162, 183, 224, 0.26);
    border-radius: 0.84rem;
    background: rgba(8, 15, 28, 0.92);
    backdrop-filter: blur(8px);
    padding: 0.65rem 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.admin-contact-page-page .admin-contact-save-state {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
}

.admin-contact-page-page .admin-contact-unsaved {
    color: rgba(255, 229, 176, 0.94);
    font-size: 0.84rem;
}

.admin-contact-page-page .admin-contact-save-btn {
    min-height: 2.55rem;
    min-width: 235px;
}

.admin-contact-page-page .admin-compact-toast {
    position: fixed;
    top: calc(var(--admin-contact-sticky-offset) + 0.25rem);
    right: 1rem;
    max-width: 320px;
    border: 1px solid rgba(123, 220, 169, 0.34);
    border-radius: 0.72rem;
    background: rgba(17, 61, 43, 0.94);
    color: rgba(223, 255, 240, 0.96);
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.38);
    z-index: 1080;
    padding: 0.52rem 0.72rem;
}

.admin-contact-page-page .admin-compact-toast::before {
    content: '\2713';
    display: block;
    margin-bottom: 0.15rem;
    color: rgba(208, 252, 229, 0.92);
    font-size: 0.78rem;
}

.admin-contact-page-page .form-control:focus,
.admin-contact-page-page .form-select:focus,
.admin-contact-page-page .form-check-input:focus {
    border-color: rgba(183, 141, 255, 0.66);
    box-shadow: 0 0 0 0.22rem rgba(142, 99, 240, 0.22);
}

.admin-contact-page-page .form-control.is-valid {
    border-color: rgba(118, 216, 160, 0.62);
}

.admin-contact-page-page [data-contact-url-feedback].is-valid {
    color: rgba(179, 244, 209, 0.92);
}

.admin-contact-page-page [data-contact-url-feedback].is-invalid {
    color: rgba(255, 191, 203, 0.92);
}

@media (max-width: 991.98px) {
    .admin-contact-page-page {
        --admin-contact-sticky-offset: 4.2rem;
    }

    .admin-contact-page-page .admin-contact-save-bar {
        bottom: 0.6rem;
    }
}

@media (max-width: 767.98px) {
    .admin-contact-page-page .admin-contact-header .card-body,
    .admin-contact-page-page .admin-contact-section .card-body {
        padding: 0.88rem;
    }

    .admin-contact-page-page .admin-contact-lang-tabs {
        width: 100%;
    }

    .admin-contact-page-page .admin-contact-lang-tab {
        flex: 1 1 50%;
    }

    .admin-contact-page-page .admin-contact-save-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-contact-page-page .admin-contact-save-btn {
        width: 100%;
        min-width: 0;
    }

    .admin-contact-page-page .admin-contact-map-preview-frame,
    .admin-contact-page-page .admin-contact-map-preview-wrap {
        min-height: 220px;
    }

    .admin-contact-page-page .admin-compact-toast {
        right: 0.75rem;
        left: 0.75rem;
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-contact-page-page .admin-contact-lang-tab {
        transition: none !important;
    }
}

.admin-homepage-banner-page {
    --admin-homepage-banner-max-width: 1220px;
}

.admin-homepage-banner-page .admin-main-container {
    max-width: 1320px;
}

.admin-homepage-banner-page .admin-homepage-banner-shell {
    max-width: var(--admin-homepage-banner-max-width);
    margin-inline: auto;
}

.admin-homepage-banner-page .admin-homepage-banner-header {
    border-color: rgba(166, 186, 226, 0.23);
    background: linear-gradient(180deg, rgba(15, 25, 43, 0.95), rgba(10, 18, 34, 0.95));
}

.admin-homepage-banner-page .admin-homepage-banner-header .card-body {
    padding: 1.15rem 1.2rem;
}

.admin-homepage-banner-page .admin-homepage-banner-subtitle {
    color: rgba(194, 208, 235, 0.85);
    font-size: 0.94rem;
}

.admin-homepage-banner-page .admin-homepage-banner-summary-errors {
    border-radius: 0.8rem;
}

.admin-homepage-banner-page .admin-homepage-banner-preview-card,
.admin-homepage-banner-page .admin-homepage-banner-editor-card,
.admin-homepage-banner-page .admin-homepage-banner-image-card {
    border: 1px solid rgba(157, 178, 219, 0.23);
    border-radius: 1rem;
    background: rgba(11, 20, 35, 0.9);
    box-shadow: 0 16px 36px rgba(2, 7, 18, 0.44);
}

.admin-homepage-banner-page .admin-homepage-banner-preview-card .card-body,
.admin-homepage-banner-page .admin-homepage-banner-editor-card .card-body,
.admin-homepage-banner-page .admin-homepage-banner-image-card .card-body {
    padding: 1rem 1.05rem;
}

.admin-homepage-banner-page .admin-homepage-banner-section-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin-bottom: 0.9rem;
}

.admin-homepage-banner-page .admin-homepage-banner-section-head h2,
.admin-homepage-banner-page .admin-homepage-banner-section-head .h5,
.admin-homepage-banner-page .admin-homepage-banner-section-head .h6 {
    color: #f1f6ff;
    font-weight: 630;
}

.admin-homepage-banner-page .admin-homepage-banner-lang-tabs {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(154, 176, 219, 0.25);
    background: rgba(112, 137, 189, 0.09);
    padding: 0.2rem;
    gap: 0.2rem;
}

.admin-homepage-banner-page .admin-homepage-banner-lang-tab {
    min-height: 2rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(194, 209, 238, 0.82);
    font-size: 0.82rem;
    padding: 0.34rem 0.8rem;
}

.admin-homepage-banner-page .admin-homepage-banner-lang-tab:hover,
.admin-homepage-banner-page .admin-homepage-banner-lang-tab:focus-visible {
    color: rgba(236, 243, 255, 0.97);
    outline: none;
    background: rgba(140, 102, 240, 0.22);
}

.admin-homepage-banner-page .admin-homepage-banner-lang-tab.is-active {
    background: rgba(145, 105, 244, 0.3);
    color: #fff;
    box-shadow: 0 0 0 1px rgba(180, 139, 255, 0.32) inset;
}

.admin-homepage-banner-page .admin-homepage-banner-preview-stage {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 1.05rem;
    overflow: hidden;
    padding: 0.9rem;
    background: var(--frontend-page-gradient);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.admin-homepage-banner-page .admin-homepage-banner-preview {
    margin-bottom: 0;
    pointer-events: none;
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero {
    margin-bottom: 0;
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
    gap: clamp(1.2rem, 2.3vw, 2.2rem);
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-copy {
    max-width: 30rem;
    padding-block: clamp(1.2rem, 1.8vw, 1.65rem);
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-hero-title {
    max-width: 12ch;
    font-size: clamp(2.25rem, 3vw + 0.9rem, 4rem);
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-hero-subtitle {
    max-width: 28rem;
    font-size: 0.98rem;
    line-height: 1.6;
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-actions {
    margin-top: 1.5rem;
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-cta {
    cursor: default;
    min-height: 2.95rem;
    padding-inline: 1.2rem;
    box-shadow: none;
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-cta:hover,
.admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-cta:focus-visible {
    transform: none;
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-visual {
    width: min(100%, 30rem);
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-image {
    width: min(100%, 26rem);
    max-height: min(26rem, 42vw);
}

.admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-placeholder {
    width: min(100%, 19rem);
    height: clamp(15rem, 28vw, 22rem);
}

.admin-homepage-banner-page .admin-homepage-banner-editor-head {
    align-items: center;
}

.admin-homepage-banner-page .admin-homepage-banner-active-locale {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(154, 176, 219, 0.25);
    background: rgba(107, 132, 184, 0.08);
    color: rgba(218, 228, 247, 0.92);
    font-size: 0.82rem;
}

.admin-homepage-banner-page .admin-homepage-banner-active-locale-label {
    color: rgba(177, 195, 227, 0.78);
}

.admin-homepage-banner-page .admin-homepage-banner-lang-pane {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.9rem;
    background: rgba(107, 132, 184, 0.08);
    padding: 0.95rem;
}

.admin-homepage-banner-page .admin-homepage-banner-image-panel {
    display: grid;
    gap: 0.95rem;
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.9rem;
    background: rgba(107, 132, 184, 0.08);
    padding: 0.95rem;
}

.admin-homepage-banner-page .admin-homepage-banner-image-preview {
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.9rem;
    overflow: hidden;
    background: rgba(7, 13, 24, 0.9);
    box-shadow: 0 12px 24px rgba(2, 7, 18, 0.24);
}

.admin-homepage-banner-page .admin-homepage-banner-image-preview img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.admin-homepage-banner-page .admin-homepage-banner-image-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 1rem;
    border: 1px dashed rgba(154, 176, 219, 0.3);
    border-radius: 0.9rem;
    color: rgba(192, 207, 236, 0.86);
    text-align: center;
    background: rgba(7, 13, 24, 0.56);
    font-size: 0.9rem;
}

.admin-homepage-banner-page .admin-homepage-banner-image-meta {
    padding-top: 0.15rem;
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-header {
    border-color: rgba(191, 204, 225, 0.72);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 255, 0.96));
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-subtitle {
    color: rgba(71, 85, 105, 0.82);
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-preview-card,
[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-editor-card,
[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-image-card {
    border-color: rgba(191, 204, 225, 0.72);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.09);
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-section-head h2,
[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-section-head .h5,
[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-section-head .h6 {
    color: #16243d;
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-lang-tabs,
[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-active-locale,
[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-lang-pane,
[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-image-panel {
    border-color: rgba(191, 204, 225, 0.72);
    background: rgba(246, 248, 253, 0.96);
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-lang-tab {
    color: rgba(71, 85, 105, 0.8);
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-lang-tab:hover,
[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-lang-tab:focus-visible {
    color: #28135d;
    background: rgba(108, 79, 224, 0.1);
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-lang-tab.is-active {
    background: rgba(108, 79, 224, 0.14);
    color: #31195f;
    box-shadow: 0 0 0 1px rgba(108, 79, 224, 0.12) inset;
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-active-locale {
    color: #1f2937;
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-active-locale-label {
    color: rgba(71, 85, 105, 0.76);
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-preview-stage {
    border-color: rgba(191, 204, 225, 0.72);
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-image-preview {
    border-color: rgba(191, 204, 225, 0.72);
    background: rgba(243, 246, 252, 0.94);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

[data-bs-theme='light'] .admin-homepage-banner-page .admin-homepage-banner-image-empty {
    border-color: rgba(191, 204, 225, 0.72);
    background: rgba(243, 246, 252, 0.94);
    color: rgba(71, 85, 105, 0.84);
}

@media (max-width: 991.98px) {
    .admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-copy,
    .admin-homepage-banner-page .admin-homepage-banner-preview .landing-home-hero-visual {
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .admin-homepage-banner-page .admin-homepage-banner-header .card-body,
    .admin-homepage-banner-page .admin-homepage-banner-preview-card .card-body,
    .admin-homepage-banner-page .admin-homepage-banner-editor-card .card-body,
    .admin-homepage-banner-page .admin-homepage-banner-image-card .card-body {
        padding: 0.88rem;
    }

    .admin-homepage-banner-page .admin-homepage-banner-section-head {
        margin-bottom: 0.8rem;
    }

    .admin-homepage-banner-page .admin-homepage-banner-lang-tabs {
        width: 100%;
    }

    .admin-homepage-banner-page .admin-homepage-banner-lang-tab {
        flex: 1 1 50%;
    }

    .admin-homepage-banner-page .admin-homepage-banner-active-locale {
        width: 100%;
        justify-content: space-between;
    }

    .admin-homepage-banner-page .admin-homepage-banner-preview-stage {
        padding: 0.65rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-homepage-banner-page .admin-homepage-banner-lang-tab {
        transition: none !important;
    }
}

.admin-contact-messages-page {
    --admin-contact-messages-max-width: 1180px;
}

.admin-contact-messages-page .admin-main-container {
    max-width: 1260px;
}

.admin-contact-messages-page .admin-contact-messages-shell {
    max-width: var(--admin-contact-messages-max-width);
    margin-inline: auto;
}

.admin-contact-messages-page .admin-contact-messages-header {
    border-color: rgba(166, 186, 226, 0.23);
    background: linear-gradient(180deg, rgba(15, 25, 43, 0.95), rgba(10, 18, 34, 0.95));
}

.admin-contact-messages-page .admin-contact-messages-header .card-body {
    padding: 1.15rem 1.2rem;
}

.admin-contact-messages-page .admin-contact-messages-breadcrumb .breadcrumb-item,
.admin-contact-messages-page .admin-contact-messages-breadcrumb .breadcrumb-item a {
    color: rgba(178, 195, 226, 0.84);
    font-size: 0.79rem;
}

.admin-contact-messages-page .admin-contact-messages-subtitle {
    color: rgba(194, 208, 235, 0.85);
    font-size: 0.94rem;
}

.admin-contact-messages-page .admin-contact-messages-toolbar,
.admin-contact-messages-page .admin-contact-messages-list-card {
    border: 1px solid rgba(157, 178, 219, 0.23);
    border-radius: 0.92rem;
    background: rgba(11, 20, 35, 0.9);
    box-shadow: 0 16px 36px rgba(2, 7, 18, 0.44);
}

.admin-contact-messages-page .admin-contact-messages-toolbar .card-body,
.admin-contact-messages-page .admin-contact-messages-list-card > .card-body {
    padding: 1rem 1.05rem;
}

.admin-contact-messages-page .admin-contact-messages-filter-form {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.9rem;
}

.admin-contact-messages-page .admin-contact-messages-filter-inputs {
    flex: 1 1 auto;
    min-width: 0;
}

.admin-contact-messages-page .admin-contact-messages-filter-group {
    max-width: 300px;
}

.admin-contact-messages-page .admin-contact-messages-filter-meta {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.4rem;
}

.admin-contact-messages-page .admin-contact-messages-total-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.95rem;
    min-height: 1.45rem;
    padding: 0.1rem 0.48rem;
    border-radius: 999px;
    border: 1px solid rgba(156, 177, 220, 0.32);
    background: rgba(114, 139, 190, 0.14);
    color: rgba(228, 237, 255, 0.93);
    font-size: 0.75rem;
    font-weight: 580;
}

.admin-contact-messages-page .admin-contact-messages-filter-actions .btn {
    min-height: 2.45rem;
    min-width: 170px;
}

.admin-contact-messages-page .admin-contact-messages-table-wrap {
    border-top: 1px solid rgba(153, 175, 219, 0.2);
}

.admin-contact-messages-page .admin-contact-messages-table {
    min-width: 900px;
}

.admin-contact-messages-page .admin-contact-messages-table thead th {
    border-bottom: 1px solid rgba(159, 181, 223, 0.24);
    color: rgba(191, 209, 241, 0.83);
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 590;
    padding: 0.7rem 0.8rem;
    background: rgba(11, 19, 34, 0.9);
}

.admin-contact-messages-page .admin-contact-messages-table tbody td {
    border-bottom: 1px solid rgba(151, 173, 217, 0.16);
    padding: 0.86rem 0.8rem;
    vertical-align: top;
}

.admin-contact-messages-page .admin-contact-messages-table tbody tr {
    transition: background-color 0.18s ease;
}

.admin-contact-messages-page .admin-contact-messages-table tbody tr:hover {
    background: rgba(127, 94, 226, 0.09);
}

.admin-contact-messages-page .admin-contact-messages-date time {
    display: block;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 0.76rem;
    color: rgba(183, 198, 226, 0.86);
}

.admin-contact-messages-page .admin-contact-messages-sender-name {
    color: #eff4ff;
    font-size: 0.92rem;
    font-weight: 620;
    line-height: 1.3;
    margin-bottom: 0.16rem;
}

.admin-contact-messages-page .admin-contact-messages-sender-meta {
    color: rgba(182, 198, 227, 0.84);
    font-size: 0.79rem;
    line-height: 1.35;
}

.admin-contact-messages-page .admin-contact-messages-subject {
    color: #edf3ff;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 0.22rem;
}

.admin-contact-messages-page .admin-contact-messages-snippet {
    color: rgba(184, 200, 229, 0.86);
    font-size: 0.81rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.admin-contact-messages-page .admin-contact-messages-status-cell {
    width: 1%;
    white-space: nowrap;
}

.admin-contact-messages-page .admin-contact-messages-status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    padding: 0.15rem 0.56rem;
    border-radius: 999px;
    border: 1px solid rgba(155, 176, 217, 0.28);
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: rgba(107, 128, 174, 0.18);
    color: rgba(212, 224, 246, 0.9);
}

.admin-contact-messages-page .admin-contact-messages-status-pill.is-new {
    border-color: rgba(126, 221, 169, 0.45);
    background: rgba(48, 144, 94, 0.24);
    color: rgba(218, 255, 236, 0.95);
}

.admin-contact-messages-page .admin-contact-messages-status-pill.is-read {
    border-color: rgba(155, 176, 217, 0.3);
    background: rgba(107, 128, 174, 0.18);
    color: rgba(212, 224, 246, 0.9);
}

.admin-contact-messages-page .admin-contact-messages-actions {
    width: 1%;
    white-space: nowrap;
}

.admin-contact-messages-page .admin-contact-messages-action-btn {
    min-height: 2rem;
    padding-inline: 0.75rem;
    font-size: 0.78rem;
}

.admin-contact-messages-page .admin-contact-messages-action-stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.admin-contact-messages-page .admin-contact-messages-action-btn[disabled] {
    opacity: 0.54;
}

.admin-contact-message-detail-page .admin-contact-message-detail-header,
.admin-contact-message-detail-page .admin-contact-message-detail-card {
    border-color: rgba(170, 189, 229, 0.18);
    background:
        linear-gradient(180deg, rgba(16, 26, 46, 0.95), rgba(11, 18, 33, 0.95));
    box-shadow:
        0 20px 42px rgba(3, 9, 20, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.admin-contact-message-detail-page .admin-contact-message-detail-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.admin-contact-message-detail-page .admin-contact-message-detail-kicker {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(188, 204, 234, 0.78);
}

.admin-contact-message-detail-page .admin-contact-message-detail-hero {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
}

.admin-contact-message-detail-page .admin-contact-message-detail-subtitle {
    max-width: 42rem;
    color: rgba(183, 198, 227, 0.84);
    line-height: 1.6;
}

.admin-contact-message-detail-page .admin-contact-message-detail-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.6rem;
}

.admin-contact-message-detail-page .admin-contact-message-detail-meta-pill {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(162, 184, 226, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(229, 237, 252, 0.92);
    font-size: 0.8rem;
    font-weight: 620;
}

.admin-contact-message-detail-page .admin-contact-message-detail-section-head {
    margin-bottom: 1rem;
}

.admin-contact-message-detail-page .admin-contact-message-detail-body {
    padding: 1.1rem 1.15rem;
    border: 1px solid rgba(163, 184, 226, 0.14);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.03);
    color: rgba(236, 241, 252, 0.94);
    line-height: 1.72;
    white-space: normal;
}

.admin-contact-message-detail-page .admin-contact-message-detail-list {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.admin-contact-message-detail-page .admin-contact-message-detail-list-row {
    display: grid;
    grid-template-columns: minmax(0, 10rem) minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(159, 181, 224, 0.13);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.025);
}

.admin-contact-message-detail-page .admin-contact-message-detail-list-row dt {
    margin: 0;
    color: rgba(183, 198, 227, 0.82);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.admin-contact-message-detail-page .admin-contact-message-detail-list-row dd {
    margin: 0;
    color: rgba(238, 243, 255, 0.95);
    min-width: 0;
}

.admin-contact-message-detail-page .admin-contact-message-detail-contact-link {
    color: rgba(233, 239, 252, 0.94);
    text-decoration: none;
    border-bottom: 1px solid rgba(180, 160, 246, 0.26);
}

.admin-contact-message-detail-page .admin-contact-message-detail-contact-link:hover,
.admin-contact-message-detail-page .admin-contact-message-detail-contact-link:focus-visible {
    color: #ffffff;
    border-bottom-color: rgba(211, 189, 255, 0.52);
}

.admin-contact-message-detail-page .admin-contact-message-detail-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.admin-contact-message-detail-page .admin-contact-message-detail-stat {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(159, 181, 224, 0.13);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.03);
}

.admin-contact-message-detail-page .admin-contact-message-detail-stat-value {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #f7f9ff;
    line-height: 1;
}

.admin-contact-message-detail-page .admin-contact-message-detail-stat-label {
    color: rgba(183, 198, 227, 0.82);
    font-size: 0.82rem;
    font-weight: 620;
}

.admin-contact-message-detail-page .admin-contact-message-detail-code,
.admin-contact-message-detail-page .admin-contact-message-detail-raw {
    display: inline-block;
    max-width: 100%;
    padding: 0.2rem 0.45rem;
    border-radius: 0.45rem;
    background: rgba(7, 12, 24, 0.64);
    color: rgba(234, 239, 252, 0.94);
    overflow-wrap: anywhere;
}

.admin-contact-messages-page .admin-contact-messages-empty {
    padding: 2.3rem 1.2rem;
    text-align: center;
}

.admin-contact-messages-page .admin-contact-messages-empty-icon {
    width: 2.3rem;
    height: 2.3rem;
    margin: 0 auto 0.65rem;
    color: rgba(178, 196, 227, 0.86);
}

.admin-contact-messages-page .admin-contact-messages-empty-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-contact-messages-page .admin-contact-messages-empty p {
    color: rgba(179, 197, 229, 0.85);
    font-size: 0.86rem;
    line-height: 1.4;
}

.admin-contact-messages-page .admin-contact-messages-list-card .card-footer {
    padding: 0 1.05rem 1rem;
}

.admin-jobs-page .admin-jobs-table {
    width: 100%;
    min-width: 920px;
}

.admin-jobs-page .admin-jobs-page-hero .btn,
.admin-jobs-page .admin-jobs-filter-submit {
    min-height: 3rem;
    border-radius: 999px !important;
}

.admin-jobs-page .admin-jobs-ai-trigger {
    border: 1px solid rgba(155, 177, 222, 0.26);
    background:
        linear-gradient(135deg, rgba(35, 49, 84, 0.94), rgba(17, 26, 49, 0.92));
    box-shadow:
        0 16px 30px rgba(5, 10, 24, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
    color: rgba(239, 245, 255, 0.96);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.admin-jobs-page .admin-jobs-ai-trigger:hover,
.admin-jobs-page .admin-jobs-ai-trigger:focus-visible {
    border-color: rgba(189, 207, 244, 0.42);
    box-shadow:
        0 18px 34px rgba(5, 10, 24, 0.34),
        0 0 24px rgba(87, 122, 214, 0.18);
    color: #f8fbff;
    transform: translateY(-1px);
}

.admin-jobs-page .admin-jobs-filter-form .admin-admin-filter-field {
    grid-column: span 3;
}

.admin-jobs-page .admin-jobs-filter-form .admin-admin-filter-actions {
    grid-column: span 3;
}

.admin-jobs-page .admin-jobs-filter-form .form-label {
    margin-bottom: 0.5rem;
}

.admin-jobs-page .admin-jobs-filter-form .form-select {
    min-height: 3rem;
    border-radius: 1rem;
    padding-right: 2.75rem;
}

.admin-jobs-page .admin-jobs-table-wrap,
.admin-jobs-page .admin-jobs-table thead {
    background: rgba(11, 19, 34, 0.94);
}

.admin-jobs-page .admin-jobs-table thead th {
    color: var(--admin-text-secondary);
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 590;
    white-space: nowrap;
    background: rgba(11, 19, 34, 0.94);
}

.admin-jobs-page .admin-jobs-table-wrap {
    background:
        linear-gradient(180deg, rgba(11, 19, 34, 0.94), rgba(11, 19, 34, 0.94)) top / 100% 4rem no-repeat,
        transparent;
}

.admin-jobs-page .admin-jobs-table tbody td {
    border-bottom: 1px solid rgba(151, 173, 217, 0.16);
}

.admin-jobs-page .admin-jobs-title-stack {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.admin-jobs-page .admin-jobs-title-text {
    min-width: 0;
}

.admin-jobs-page .admin-jobs-mobile-id {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0.16rem 0.48rem;
    border-radius: 999px;
    border: 1px solid rgba(151, 173, 216, 0.18);
    background: rgba(15, 26, 47, 0.52);
    color: rgba(206, 218, 246, 0.84);
    font-size: 0.72rem;
    font-weight: 620;
    line-height: 1;
}

.admin-jobs-page .admin-jobs-table.table-hover > tbody > tr:hover > * {
    background: rgba(128, 93, 220, 0.15);
}

.admin-jobs-page .admin-jobs-list-card > .card-body > .border-top {
    border-color: rgba(151, 173, 217, 0.16) !important;
}

.admin-candidates-page .admin-candidates-filter-card .card-body {
    padding: 1.05rem 1.15rem;
}

.admin-candidates-page .admin-candidates-list-card > .card-body > .border-bottom,
.admin-candidates-page .admin-candidates-list-card > .card-body > .border-top {
    border-color: rgba(151, 173, 217, 0.16) !important;
}

.admin-candidates-page .admin-candidates-table {
    width: 100%;
    min-width: 1080px;
}

.admin-candidates-page .admin-candidates-table thead th {
    color: var(--admin-text-secondary);
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 590;
    white-space: nowrap;
    background: rgba(11, 19, 34, 0.94);
    border-bottom: 1px solid rgba(151, 173, 217, 0.18);
}

.admin-candidates-page .admin-candidates-table tbody td {
    border-bottom: 1px solid rgba(151, 173, 217, 0.16);
}

.admin-candidates-page .admin-candidates-table.table-hover > tbody > tr:hover > * {
    background: rgba(128, 93, 220, 0.15);
}

.admin-candidates-page .admin-candidates-select-col {
    width: 1%;
    white-space: nowrap;
}

.admin-candidates-page .admin-candidates-person {
    display: grid;
    gap: 0.18rem;
}

.admin-candidates-page .admin-candidates-score-stack {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.admin-candidates-page .admin-candidates-score-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.3rem 0.62rem;
    border-radius: 999px;
    border: 1px solid rgba(151, 173, 216, 0.22);
    background: rgba(15, 26, 47, 0.46);
    color: rgba(227, 236, 255, 0.88);
    font-size: 0.74rem;
    line-height: 1;
}

.admin-candidates-page .admin-candidates-score-pill strong {
    color: rgba(255, 255, 255, 0.97);
    font-weight: 650;
}

.admin-candidates-page .admin-candidates-actions {
    width: 1%;
    white-space: nowrap;
}

.admin-candidates-page .admin-candidates-action-group {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.55rem;
}

.admin-candidates-page .admin-candidates-action-btn {
    min-height: 2rem;
    padding: 0.42rem 0.82rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(151, 173, 216, 0.24);
    border-radius: 999px;
    background: rgba(15, 26, 47, 0.52);
    color: rgba(227, 236, 255, 0.94);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 590;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.admin-candidates-page .admin-candidates-action-btn:hover,
.admin-candidates-page .admin-candidates-action-btn:focus-visible {
    border-color: rgba(188, 206, 244, 0.44);
    background: rgba(71, 94, 148, 0.28);
    color: rgba(244, 248, 255, 0.98);
    transform: translateY(-1px);
    outline: none;
}

.admin-candidates-page .admin-candidates-action-btn.is-secondary {
    color: rgba(205, 224, 255, 0.96);
}

.admin-candidates-page .admin-candidates-action-btn.is-secondary:hover,
.admin-candidates-page .admin-candidates-action-btn.is-secondary:focus-visible {
    border-color: rgba(123, 180, 255, 0.4);
    background: rgba(33, 86, 161, 0.24);
    color: rgba(244, 248, 255, 0.98);
}

.admin-candidates-page .admin-candidates-empty {
    min-height: 16rem;
}

.admin-candidates-page .admin-candidate-selection-bar {
    position: sticky;
    bottom: 1rem;
    z-index: 20;
    box-shadow: 0 18px 42px rgba(5, 13, 26, 0.22);
}

.admin-candidates-page .admin-candidates-selection-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: flex-end;
    gap: 0.9rem;
}

.admin-candidates-page .admin-candidates-selection-field {
    min-width: 11rem;
}

.admin-candidates-page .admin-candidates-selection-field .form-label {
    margin-bottom: 0.32rem;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--admin-text-secondary);
}

.admin-candidates-page .admin-candidates-selection-actions {
    padding-bottom: 0.06rem;
}

.admin-jobs-page .admin-jobs-actions {
    width: 1%;
    white-space: nowrap;
}

.admin-jobs-page .admin-jobs-action-group {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.45rem;
}

.admin-jobs-page .admin-jobs-action-tooltip {
    display: inline-flex;
}

.admin-jobs-page .admin-jobs-action-btn {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(151, 173, 216, 0.24);
    border-radius: 0.62rem;
    background: rgba(15, 26, 47, 0.52);
    color: rgba(227, 236, 255, 0.92);
    text-decoration: none;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, transform 0.18s ease, opacity 0.18s ease;
}

.admin-jobs-page .admin-jobs-action-btn svg {
    display: block;
    width: 0.95rem;
    height: 0.95rem;
}

.admin-jobs-page .admin-jobs-action-btn:hover,
.admin-jobs-page .admin-jobs-action-btn:focus-visible {
    border-color: rgba(188, 206, 244, 0.44);
    background: rgba(71, 94, 148, 0.28);
    color: rgba(244, 248, 255, 0.98);
    transform: translateY(-1px);
    outline: none;
}

.admin-jobs-page .admin-jobs-action-btn.is-secondary {
    color: rgba(205, 224, 255, 0.96);
}

.admin-jobs-page .admin-jobs-action-btn.is-secondary:hover,
.admin-jobs-page .admin-jobs-action-btn.is-secondary:focus-visible {
    border-color: rgba(123, 180, 255, 0.4);
    background: rgba(33, 86, 161, 0.24);
    color: rgba(244, 248, 255, 0.98);
}

.admin-jobs-page .admin-jobs-action-btn.is-danger {
    color: rgba(255, 205, 214, 0.95);
}

.admin-jobs-page .admin-jobs-action-btn.is-danger:hover,
.admin-jobs-page .admin-jobs-action-btn.is-danger:focus-visible {
    border-color: rgba(255, 157, 175, 0.42);
    background: rgba(138, 45, 69, 0.24);
    color: rgba(255, 236, 241, 0.98);
}

.admin-jobs-page .admin-jobs-action-btn[disabled] {
    opacity: 0.48;
    pointer-events: none;
    transform: none;
}

.admin-jobs-page .admin-ai-job-create-dialog {
    max-width: min(1260px, calc(100vw - 1rem));
}

.admin-jobs-page .admin-ai-job-create-dialog .modal-content {
    overflow: hidden;
    border-radius: 1.35rem;
    border: 1px solid rgba(151, 173, 216, 0.22);
    background:
        radial-gradient(circle at top right, rgba(109, 77, 218, 0.2), transparent 28%),
        linear-gradient(180deg, rgba(14, 23, 40, 0.98), rgba(10, 18, 32, 0.99));
    box-shadow: 0 28px 58px rgba(3, 8, 18, 0.58);
}

.admin-jobs-page .admin-ai-job-create-form {
    display: flex;
    flex-direction: column;
    max-height: none;
}

.admin-jobs-page .admin-ai-job-create-header {
    position: relative;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 0.9rem 1rem 0.8rem;
    border-bottom-color: rgba(151, 173, 216, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
        radial-gradient(circle at top left, rgba(129, 92, 238, 0.12), transparent 30%);
}

.admin-jobs-page .admin-ai-job-create-hero {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.7rem 0.9rem;
    align-items: start;
}

.admin-jobs-page .admin-ai-job-create-hero-mark {
    width: 2.7rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    border: 1px solid rgba(170, 189, 233, 0.28);
    background:
        linear-gradient(135deg, rgba(123, 90, 225, 0.34), rgba(63, 107, 210, 0.2)),
        rgba(18, 27, 48, 0.76);
    color: #f7f9ff;
    box-shadow:
        0 14px 28px rgba(12, 16, 34, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.admin-jobs-page .admin-ai-job-create-hero-mark svg {
    width: 1.4rem;
    height: 1.4rem;
    fill: currentColor;
}

.admin-jobs-page .admin-ai-job-create-hero-copy {
    min-width: 0;
}

.admin-jobs-page .admin-ai-job-create-kicker {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(209, 220, 245, 0.72);
}

.admin-jobs-page .admin-ai-job-create-header .modal-title {
    color: #f5f8ff;
}

.admin-jobs-page .admin-ai-job-create-subtitle {
    max-width: 44rem;
    color: rgba(214, 225, 248, 0.82);
    line-height: 1.45;
}

.admin-jobs-page .admin-ai-job-create-header .btn-close {
    flex-shrink: 0;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0;
    border-radius: 999px;
    border: 1px solid rgba(171, 190, 232, 0.2);
    background-color: rgba(18, 28, 49, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.admin-jobs-page .admin-ai-job-create-body {
    overflow: visible;
    padding: 0.82rem 1rem 0.9rem;
}

.admin-jobs-page .admin-ai-job-create-layout {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    align-items: stretch;
}

.admin-jobs-page .admin-ai-job-create-layout > .admin-ai-job-create-panel {
    height: 100%;
}

.admin-jobs-page .admin-ai-job-create-panel,
.admin-jobs-page .admin-ai-job-create-preview {
    border: 1px solid rgba(151, 173, 216, 0.16);
    border-radius: 1.1rem;
    background: rgba(14, 23, 40, 0.76);
    box-shadow: 0 14px 28px rgba(5, 10, 24, 0.18);
}

.admin-jobs-page .admin-ai-job-create-panel {
    padding: 0.9rem;
}

.admin-jobs-page .admin-ai-job-create-panel-primary {
    background:
        radial-gradient(circle at top right, rgba(114, 81, 226, 0.12), transparent 34%),
        rgba(14, 23, 40, 0.82);
}

.admin-jobs-page .admin-ai-job-create-panel-refinement {
    padding: 0.9rem 0.95rem 0.95rem;
    background:
        linear-gradient(180deg, rgba(15, 23, 39, 0.78), rgba(12, 20, 35, 0.7)),
        rgba(14, 23, 40, 0.72);
}

.admin-jobs-page .admin-ai-job-create-panel-head {
    display: flex;
    align-items: flex-start;
    gap: 0.72rem;
    margin-bottom: 0.75rem;
}

.admin-jobs-page .admin-ai-job-create-panel-head-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.admin-jobs-page .admin-ai-job-create-section-index {
    width: 1.7rem;
    height: 1.7rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(151, 173, 216, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)),
        rgba(79, 100, 157, 0.18);
    color: rgba(229, 236, 252, 0.92);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.admin-jobs-page .admin-ai-job-create-section-index-muted {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
        rgba(53, 66, 101, 0.2);
    color: rgba(208, 220, 246, 0.84);
}

.admin-jobs-page .admin-ai-job-create-panel-kicker {
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(206, 218, 246, 0.72);
}

.admin-jobs-page .admin-ai-job-create-panel-kicker.is-soft {
    color: rgba(189, 203, 236, 0.62);
}

.admin-jobs-page .admin-ai-job-create-fields {
    --bs-gutter-x: 0.85rem;
    --bs-gutter-y: 0.68rem;
}

.admin-jobs-page .admin-ai-job-create-fields .form-label {
    margin-bottom: 0.28rem;
    font-size: 0.82rem;
    font-weight: 620;
}

.admin-jobs-page .admin-ai-job-create-fields .form-text {
    margin-top: 0.2rem;
    font-size: 0.72rem;
    line-height: 1.3;
    color: rgba(189, 203, 236, 0.7);
}

.admin-jobs-page .admin-ai-job-create-fields .form-control,
.admin-jobs-page .admin-ai-job-create-fields .form-select {
    min-height: 2.55rem;
    border-radius: 0.95rem;
    background-color: rgba(8, 15, 28, 0.82);
}

.admin-jobs-page .admin-ai-job-create-textarea {
    min-height: 5.4rem;
    resize: vertical;
}

.admin-jobs-page .admin-ai-job-create-textarea-brief {
    min-height: 8.25rem;
}

.admin-jobs-page .admin-ai-job-create-refinement-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) repeat(2, minmax(0, 1.05fr));
    gap: 0.75rem 0.9rem;
    align-items: start;
}

.admin-jobs-page .admin-ai-job-create-refinement-field {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
}

.admin-jobs-page .admin-ai-job-create-refinement-label {
    min-height: 2.25rem;
    display: flex;
    align-items: flex-end;
    margin-bottom: 0.22rem;
    color: rgba(226, 235, 252, 0.92);
    font-size: 0.82rem;
    font-weight: 620;
    line-height: 1.35;
}

.admin-jobs-page .admin-ai-job-create-refinement-field .form-text {
    margin-top: 0.2rem;
    color: rgba(189, 203, 236, 0.7);
    font-size: 0.72rem;
    line-height: 1.3;
}

.admin-jobs-page .admin-ai-job-create-textarea-compact {
    min-height: 4.25rem;
}

.admin-jobs-page .admin-ai-job-create-context-setting {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(151, 173, 216, 0.12);
    border-radius: 0.95rem;
    background: rgba(8, 15, 28, 0.42);
}

.admin-jobs-page .admin-ai-job-create-context-setting-copy {
    min-width: 0;
}

.admin-jobs-page .admin-ai-job-create-context-setting-tag {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    border: 1px solid rgba(151, 173, 216, 0.14);
    background: rgba(18, 28, 49, 0.52);
    color: rgba(206, 218, 246, 0.72);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.admin-jobs-page .admin-ai-job-create-context-setting .admin-ai-job-create-footer-toggle {
    min-height: 1.8rem;
    padding-right: 0;
}

.admin-jobs-page .admin-ai-job-create-preview {
    background:
        radial-gradient(circle at top right, rgba(96, 120, 178, 0.12), transparent 34%),
        rgba(14, 23, 40, 0.82);
}

.admin-jobs-page .admin-ai-job-create-preview > .card-body {
    padding: 0.95rem;
}

.admin-jobs-page .admin-ai-job-create-preview-panel {
    height: 100%;
    padding: 0.95rem;
    border: 1px solid rgba(151, 173, 216, 0.14);
    border-radius: 1rem;
    background: rgba(8, 15, 28, 0.72);
}

.admin-jobs-page .admin-ai-job-create-footer {
    position: sticky;
    bottom: 0;
    z-index: 2;
    gap: 0.75rem;
    align-items: center;
    justify-content: flex-end;
    padding: 0.82rem 1rem 0.9rem;
    border-top: 1px solid rgba(151, 173, 216, 0.16);
    background:
        linear-gradient(180deg, rgba(12, 20, 36, 0.98), rgba(9, 16, 29, 0.99));
}

.admin-jobs-page .admin-ai-job-create-footer-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2rem;
    margin-bottom: 0;
    padding-right: 0.45rem;
}

.admin-jobs-page .admin-ai-job-create-footer-toggle .form-check-input {
    float: none;
    margin: 0;
}

.admin-jobs-page .admin-ai-job-create-footer-help {
    color: rgba(189, 203, 236, 0.72);
    font-size: 0.72rem;
    line-height: 1.35;
}

.admin-jobs-page .admin-ai-job-create-footer-toggle .form-check-label {
    color: rgba(226, 235, 252, 0.92);
    font-size: 0.84rem;
    font-weight: 590;
}

.admin-jobs-page .admin-ai-job-create-footer-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
}

.admin-jobs-page .admin-ai-job-create-footer .btn {
    min-height: 2.75rem;
}

.admin-test-templates-page .admin-test-templates-table {
    width: 100%;
    min-width: 980px;
}

.admin-test-templates-page .admin-test-templates-table thead th {
    color: var(--admin-text-secondary);
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 590;
    white-space: nowrap;
    background: rgba(11, 19, 34, 0.94);
}

.admin-test-templates-page .admin-test-templates-table tbody td {
    border-bottom: 1px solid rgba(151, 173, 217, 0.16);
}

.admin-test-templates-page .admin-test-templates-table.table-hover > tbody > tr:hover > * {
    background: rgba(128, 93, 220, 0.15);
}

.admin-test-templates-page .admin-test-templates-name-stack {
    display: grid;
    gap: 0.45rem;
}

.admin-test-templates-page .admin-test-templates-name-link {
    color: inherit;
    text-decoration: none;
}

.admin-test-templates-page .admin-test-templates-name-link:hover,
.admin-test-templates-page .admin-test-templates-name-link:focus-visible {
    color: var(--brand-primary);
}

.admin-test-templates-page .admin-test-templates-meta,
.admin-test-templates-page .admin-test-template-hero-meta,
.admin-test-templates-page .admin-test-template-section-metrics,
.admin-test-templates-page .admin-test-template-difficulty-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.admin-test-templates-page .admin-test-templates-meta-pill,
.admin-test-templates-page .admin-test-template-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.9rem;
    padding: 0.34rem 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(151, 173, 216, 0.24);
    background: rgba(16, 27, 49, 0.5);
    color: rgba(227, 236, 255, 0.9);
    font-size: 0.77rem;
    line-height: 1;
}

.admin-test-templates-page .admin-test-templates-meta-pill code,
.admin-test-templates-page .admin-test-template-chip code {
    color: inherit;
}

.admin-test-templates-page .admin-test-templates-type-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.9rem;
    min-width: 8.25rem;
    padding-inline: 0.85rem;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1;
    border: 0;
    text-align: center;
}

.admin-test-templates-page .admin-test-templates-filter-card > .card-body {
    padding: 1rem 1.25rem;
}

.admin-test-templates-page .admin-test-templates-filter-form .form-label {
    margin-bottom: 0.35rem;
}

.admin-test-templates-page .admin-test-templates-actions {
    width: 1%;
    white-space: nowrap;
}

.admin-test-templates-page .admin-test-templates-empty {
    padding: 2rem 1rem;
    text-align: center;
}

.admin-test-templates-page .admin-jobs-action-group {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.45rem;
}

.admin-test-templates-page .admin-jobs-action-btn {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(151, 173, 216, 0.24);
    border-radius: 0.62rem;
    background: rgba(15, 26, 47, 0.52);
    color: rgba(227, 236, 255, 0.92);
    text-decoration: none;
    transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, transform 0.18s ease, opacity 0.18s ease;
}

.admin-test-templates-page .admin-jobs-action-btn svg {
    display: block;
    width: 0.95rem;
    height: 0.95rem;
}

.admin-test-templates-page .admin-jobs-action-btn:hover,
.admin-test-templates-page .admin-jobs-action-btn:focus-visible {
    border-color: rgba(188, 206, 244, 0.44);
    background: rgba(71, 94, 148, 0.28);
    color: rgba(244, 248, 255, 0.98);
    transform: translateY(-1px);
    outline: none;
}

.admin-test-templates-page .admin-jobs-action-btn.is-secondary {
    color: rgba(205, 224, 255, 0.96);
}

.admin-test-templates-page .admin-jobs-action-btn.is-secondary:hover,
.admin-test-templates-page .admin-jobs-action-btn.is-secondary:focus-visible {
    border-color: rgba(123, 180, 255, 0.4);
    background: rgba(33, 86, 161, 0.24);
    color: rgba(244, 248, 255, 0.98);
}

.admin-test-templates-page .admin-jobs-action-btn.is-danger {
    color: rgba(255, 205, 214, 0.95);
}

.admin-test-templates-page .admin-jobs-action-btn.is-danger:hover,
.admin-test-templates-page .admin-jobs-action-btn.is-danger:focus-visible {
    border-color: rgba(255, 157, 175, 0.42);
    background: rgba(138, 45, 69, 0.24);
    color: rgba(255, 236, 241, 0.98);
}

.admin-test-templates-page .admin-jobs-action-btn[disabled] {
    opacity: 0.48;
    pointer-events: none;
    transform: none;
}

.admin-test-templates-page .admin-test-template-hero {
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(130, 98, 235, 0.24), transparent 42%),
        linear-gradient(145deg, rgba(17, 27, 49, 0.96), rgba(11, 18, 33, 0.96));
}

.admin-test-templates-page .admin-test-template-hero-copy {
    display: grid;
    gap: 0.75rem;
    max-width: 44rem;
}

.admin-test-templates-page .admin-test-template-kicker {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: rgba(197, 209, 233, 0.8);
    font-size: 0.77rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
}

.admin-test-templates-page .admin-test-template-hero-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.admin-test-templates-page .admin-test-template-stat {
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(159, 181, 224, 0.14);
}

.admin-test-templates-page .admin-test-template-stat .card-body {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
}

.admin-test-templates-page .admin-test-template-stat-label {
    color: rgba(183, 198, 227, 0.82);
    font-size: 0.8rem;
    font-weight: 620;
}

.admin-test-templates-page .admin-test-template-stat-value {
    font-size: 1.75rem;
    line-height: 1;
    letter-spacing: -0.03em;
    font-weight: 720;
    color: #f7f9ff;
}

.admin-test-templates-page .admin-test-template-stat-value--small {
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.admin-test-templates-page .admin-test-template-stat-subtle {
    color: rgba(196, 208, 232, 0.8);
    font-size: 0.8rem;
}

.admin-test-templates-page .admin-test-template-detail-stack {
    display: grid;
    gap: 1.5rem;
}

.admin-test-templates-page .admin-test-template-section-grid {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: 1fr;
    align-items: stretch;
}

.admin-test-templates-page .admin-test-template-section-card {
    --section-accent-rgb: 99, 102, 241;
    position: relative;
    display: grid;
    gap: 0.8rem;
    height: 100%;
    padding: 1rem;
    border-radius: 1.1rem;
    overflow: hidden;
    border: 1px solid rgba(var(--section-accent-rgb), 0.24);
    background:
        linear-gradient(180deg, rgba(var(--section-accent-rgb), 0.16), transparent 28%),
        linear-gradient(180deg, rgba(20, 31, 56, 0.78), rgba(13, 22, 40, 0.78));
    box-shadow: inset 0 1px 0 rgba(var(--section-accent-rgb), 0.16);
}

.admin-test-templates-page .admin-test-template-section-card > * {
    position: relative;
    z-index: 1;
}

.admin-test-templates-page .admin-test-template-section-card::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.28rem;
    background: linear-gradient(180deg, rgba(var(--section-accent-rgb), 0.92), rgba(var(--section-accent-rgb), 0.38));
    border-radius: 999px;
}

.admin-test-templates-page .admin-test-template-section-card::after {
    content: attr(data-section-number);
    position: absolute;
    top: 0.3rem;
    right: 0.85rem;
    z-index: 0;
    font-size: clamp(3.25rem, 6vw, 5.5rem);
    line-height: 0.82;
    font-weight: 760;
    letter-spacing: -0.05em;
    color: rgba(var(--section-accent-rgb), 0.14);
    pointer-events: none;
}

.admin-test-templates-page .admin-test-template-section-card--accent-1 {
    --section-accent-rgb: 86, 192, 255;
}

.admin-test-templates-page .admin-test-template-section-card--accent-2 {
    --section-accent-rgb: 72, 210, 168;
}

.admin-test-templates-page .admin-test-template-section-card--accent-3 {
    --section-accent-rgb: 255, 192, 92;
}

.admin-test-templates-page .admin-test-template-section-card--accent-4 {
    --section-accent-rgb: 255, 128, 122;
}

.admin-test-templates-page .admin-test-template-section-card--accent-5 {
    --section-accent-rgb: 186, 138, 255;
}

.admin-test-templates-page .admin-test-template-section-card .admin-test-template-chip {
    border-color: rgba(var(--section-accent-rgb), 0.24);
    background: rgba(var(--section-accent-rgb), 0.12);
    color: rgba(245, 248, 255, 0.94);
}

.admin-test-templates-page .admin-test-template-section-head,
.admin-test-templates-page .admin-test-template-section-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.admin-test-templates-page .admin-test-template-section-title {
    font-size: 1rem;
    font-weight: 680;
    color: #f5f8ff;
}

.admin-test-templates-page .admin-test-template-section-subtitle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.28rem;
    color: rgba(193, 205, 229, 0.78);
    font-size: 0.82rem;
}

.admin-test-templates-page .admin-test-template-section-subtitle code {
    color: inherit;
}

.admin-test-templates-page .admin-test-template-difficulty-block {
    display: grid;
    gap: 0.6rem;
    padding: 0.9rem 1rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(151, 173, 216, 0.14);
    background: rgba(8, 14, 28, 0.3);
}

.admin-test-templates-page .admin-test-template-difficulty-title {
    font-size: 0.8rem;
    font-weight: 650;
    color: rgba(197, 209, 233, 0.84);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.admin-test-templates-page .admin-test-template-difficulty-pill {
    display: inline-flex;
    align-items: center;
    min-height: 1.9rem;
    padding: 0.35rem 0.68rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 620;
    line-height: 1;
    border: 1px solid transparent;
}

.admin-test-templates-page .admin-test-template-difficulty-pill.is-easy {
    color: #daf8d2;
    background: rgba(44, 122, 46, 0.24);
    border-color: rgba(99, 221, 111, 0.18);
}

.admin-test-templates-page .admin-test-template-difficulty-pill.is-medium {
    color: #fff0c7;
    background: rgba(150, 105, 16, 0.26);
    border-color: rgba(244, 191, 71, 0.2);
}

.admin-test-templates-page .admin-test-template-difficulty-pill.is-hard {
    color: #ffd7dc;
    background: rgba(136, 45, 68, 0.28);
    border-color: rgba(255, 137, 164, 0.2);
}

.admin-test-templates-page .admin-test-template-difficulty-pill.is-muted {
    filter: saturate(0.82);
    opacity: 0.9;
}

.admin-test-templates-page .admin-test-template-target-form {
    display: grid;
    gap: 0.45rem;
    width: 100%;
}

.admin-test-templates-page .admin-test-template-target-label {
    font-size: 0.75rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(197, 209, 233, 0.82);
}

.admin-test-templates-page .admin-test-template-target-controls {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
}

.admin-test-templates-page .admin-test-template-target-form .admin-target-count-input {
    width: 100%;
}

.admin-test-templates-page .admin-test-template-section-actions {
    margin-top: auto;
    flex-direction: column;
    align-items: stretch;
}

.admin-test-templates-page .admin-test-template-section-actions .admin-jobs-action-group {
    justify-content: flex-start;
}

.admin-test-templates-page .admin-test-template-preview-wrap {
    max-height: 34rem;
    overflow: auto;
    border-radius: 1rem;
    border: 1px solid rgba(151, 173, 216, 0.14);
}

.admin-test-templates-page .admin-test-template-preview-table {
    min-width: 52rem;
}

.admin-test-templates-page .admin-test-template-preview-table thead th {
    color: var(--admin-text-secondary);
    font-size: 0.74rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 590;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(11, 19, 34, 0.96);
    border-bottom-color: rgba(151, 173, 217, 0.18);
}

.admin-test-templates-page .admin-test-template-preview-table tbody td {
    border-bottom-color: rgba(151, 173, 217, 0.14);
}

@media (min-width: 576px) {
    .admin-test-templates-page .admin-test-template-section-grid {
        grid-template-columns: repeat(var(--admin-test-template-section-grid-columns-sm, 2), minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .admin-test-templates-page .admin-test-template-section-grid {
        grid-template-columns: repeat(var(--admin-test-template-section-grid-columns-lg, 3), minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .admin-test-templates-page .admin-test-template-section-grid {
        grid-template-columns: repeat(var(--admin-test-template-section-grid-columns-xl, 4), minmax(0, 1fr));
    }
}

@media (min-width: 1400px) {
    .admin-test-templates-page .admin-test-template-section-grid {
        grid-template-columns: repeat(var(--admin-test-template-section-grid-columns-xxl, 5), minmax(0, 1fr));
    }
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-table thead th {
    color: var(--admin-light-muted);
    border-bottom-color: rgba(138, 154, 184, 0.22);
    background: rgba(251, 252, 255, 0.96);
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-ai-trigger {
    border-color: rgba(148, 163, 184, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 255, 0.98));
    box-shadow:
        0 16px 28px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.88);
    color: #28135d;
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-ai-trigger:hover,
[data-bs-theme='light'] .admin-jobs-page .admin-jobs-ai-trigger:focus-visible {
    border-color: rgba(108, 79, 224, 0.3);
    box-shadow:
        0 18px 32px rgba(15, 23, 42, 0.1),
        0 0 20px rgba(108, 79, 224, 0.12);
    color: #1f1450;
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-table-wrap {
    background:
        linear-gradient(180deg, rgba(251, 252, 255, 0.96), rgba(251, 252, 255, 0.96)) top / 100% 4rem no-repeat,
        transparent;
}

[data-bs-theme='light'] .admin-candidates-page .admin-candidates-list-card > .card-body > .border-bottom,
[data-bs-theme='light'] .admin-candidates-page .admin-candidates-list-card > .card-body > .border-top,
[data-bs-theme='light'] .admin-candidates-page .admin-candidates-table tbody td {
    border-color: rgba(138, 154, 184, 0.18) !important;
}

[data-bs-theme='light'] .admin-candidates-page .admin-candidates-table thead th {
    color: var(--admin-light-muted);
    border-bottom-color: rgba(138, 154, 184, 0.22);
    background: rgba(251, 252, 255, 0.96);
}

[data-bs-theme='light'] .admin-candidates-page .admin-candidates-table.table-hover > tbody > tr:hover > * {
    background: rgba(108, 79, 224, 0.08);
}

[data-bs-theme='light'] .admin-candidates-page .admin-candidates-score-pill {
    border-color: rgba(138, 154, 184, 0.24);
    background: rgba(244, 247, 255, 0.96);
    color: rgba(61, 79, 113, 0.88);
}

[data-bs-theme='light'] .admin-candidates-page .admin-candidates-score-pill strong {
    color: #1f2d4a;
}

[data-bs-theme='light'] .admin-candidates-page .admin-candidates-action-btn {
    border-color: rgba(138, 154, 184, 0.24);
    background: rgba(244, 247, 255, 0.96);
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-candidates-page .admin-candidates-action-btn:hover,
[data-bs-theme='light'] .admin-candidates-page .admin-candidates-action-btn:focus-visible {
    border-color: rgba(108, 79, 224, 0.28);
    background: rgba(108, 79, 224, 0.12);
    color: #34216d;
}

[data-bs-theme='light'] .admin-candidates-page .admin-candidates-action-btn.is-secondary:hover,
[data-bs-theme='light'] .admin-candidates-page .admin-candidates-action-btn.is-secondary:focus-visible {
    border-color: rgba(59, 130, 246, 0.28);
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-table tbody td,
[data-bs-theme='light'] .admin-jobs-page .admin-jobs-list-card > .card-body > .border-top {
    border-bottom-color: rgba(138, 154, 184, 0.18) !important;
    border-color: rgba(138, 154, 184, 0.18) !important;
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-mobile-id {
    border-color: rgba(138, 154, 184, 0.18);
    background: rgba(244, 247, 255, 0.96);
    color: #334155;
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-dialog .modal-content {
    border-color: rgba(191, 204, 225, 0.72);
    background:
        radial-gradient(circle at top right, rgba(108, 79, 224, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 254, 0.98));
    box-shadow: 0 22px 42px rgba(15, 23, 42, 0.14);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-header {
    border-bottom-color: rgba(138, 154, 184, 0.18);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-hero-mark {
    border-color: rgba(148, 163, 184, 0.2);
    background:
        linear-gradient(135deg, rgba(108, 79, 224, 0.16), rgba(59, 130, 246, 0.08)),
        rgba(255, 255, 255, 0.94);
    color: #28135d;
    box-shadow:
        0 14px 28px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-kicker,
[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-panel-kicker {
    color: rgba(71, 85, 105, 0.7);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-header .modal-title {
    color: #16243d;
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-subtitle,
[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-footer-help,
[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-fields .form-text {
    color: rgba(71, 85, 105, 0.78);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-refinement-label {
    color: #334155;
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-section-index {
    border-color: rgba(138, 154, 184, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(244, 247, 255, 0.9)),
        rgba(244, 247, 255, 0.96);
    color: #334155;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-panel,
[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-context-setting,
[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-preview,
[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-preview-panel {
    border-color: rgba(138, 154, 184, 0.16);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.06);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-context-setting-tag {
    border-color: rgba(138, 154, 184, 0.18);
    background: rgba(244, 247, 255, 0.96);
    color: rgba(71, 85, 105, 0.72);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-panel-primary {
    background:
        radial-gradient(circle at top right, rgba(108, 79, 224, 0.08), transparent 34%),
        rgba(255, 255, 255, 0.95);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-panel-refinement {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 255, 0.98)),
        rgba(255, 255, 255, 0.95);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-fields .form-control,
[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-fields .form-select,
[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-header .btn-close {
    border-color: rgba(148, 163, 184, 0.22);
    background-color: rgba(255, 255, 255, 0.96);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-footer {
    border-top-color: rgba(138, 154, 184, 0.18);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 247, 252, 0.98));
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-refinement-field .form-text {
    color: rgba(71, 85, 105, 0.78);
}

[data-bs-theme='light'] .admin-jobs-page .admin-ai-job-create-footer-toggle .form-check-label {
    color: #334155;
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-table.table-hover > tbody > tr:hover > * {
    background: rgba(108, 79, 224, 0.08);
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-action-btn {
    border-color: rgba(138, 154, 184, 0.24);
    background: rgba(244, 247, 255, 0.96);
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-action-btn:hover,
[data-bs-theme='light'] .admin-jobs-page .admin-jobs-action-btn:focus-visible {
    border-color: rgba(108, 79, 224, 0.28);
    background: rgba(108, 79, 224, 0.12);
    color: #34216d;
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-action-btn.is-secondary:hover,
[data-bs-theme='light'] .admin-jobs-page .admin-jobs-action-btn.is-secondary:focus-visible {
    border-color: rgba(59, 130, 246, 0.28);
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-action-btn.is-danger {
    color: #b91c1c;
}

[data-bs-theme='light'] .admin-jobs-page .admin-jobs-action-btn.is-danger:hover,
[data-bs-theme='light'] .admin-jobs-page .admin-jobs-action-btn.is-danger:focus-visible {
    border-color: rgba(239, 68, 68, 0.28);
    background: rgba(254, 226, 226, 0.92);
    color: #991b1b;
}

@media (max-width: 1199.98px) {
    .admin-jobs-page .admin-ai-job-create-refinement-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-jobs-page .admin-ai-job-create-refinement-field-reference {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .admin-jobs-page .admin-ai-job-create-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-jobs-page .admin-ai-job-create-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-jobs-page .admin-ai-job-create-header,
    .admin-jobs-page .admin-ai-job-create-body,
    .admin-jobs-page .admin-ai-job-create-footer {
        padding-inline: 0.85rem;
    }

    .admin-jobs-page .admin-ai-job-create-refinement-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-jobs-page .admin-ai-job-create-context-setting {
        flex-direction: column;
        align-items: flex-start;
    }

    .admin-jobs-page .admin-ai-job-create-context-setting-tag {
        order: -1;
    }

    .admin-jobs-page .admin-ai-job-create-footer {
        flex-wrap: wrap;
    }

    .admin-jobs-page .admin-ai-job-create-footer-actions {
        width: 100%;
    }

    .admin-jobs-page .admin-ai-job-create-footer-actions .btn {
        flex: 1 1 100%;
    }
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-templates-table thead th {
    color: var(--admin-light-muted);
    border-bottom-color: rgba(138, 154, 184, 0.22);
    background: rgba(251, 252, 255, 0.96);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-templates-table tbody td {
    border-bottom-color: rgba(138, 154, 184, 0.18) !important;
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-templates-table.table-hover > tbody > tr:hover > * {
    background: rgba(108, 79, 224, 0.08);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-templates-meta-pill,
[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-chip {
    border-color: rgba(138, 154, 184, 0.24);
    background: rgba(244, 247, 255, 0.96);
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-jobs-action-btn {
    border-color: rgba(138, 154, 184, 0.24);
    background: rgba(244, 247, 255, 0.96);
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-jobs-action-btn:hover,
[data-bs-theme='light'] .admin-test-templates-page .admin-jobs-action-btn:focus-visible {
    border-color: rgba(108, 79, 224, 0.28);
    background: rgba(108, 79, 224, 0.12);
    color: #34216d;
}

[data-bs-theme='light'] .admin-test-templates-page .admin-jobs-action-btn.is-secondary:hover,
[data-bs-theme='light'] .admin-test-templates-page .admin-jobs-action-btn.is-secondary:focus-visible {
    border-color: rgba(59, 130, 246, 0.28);
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}

[data-bs-theme='light'] .admin-test-templates-page .admin-jobs-action-btn.is-danger {
    color: #b91c1c;
}

[data-bs-theme='light'] .admin-test-templates-page .admin-jobs-action-btn.is-danger:hover,
[data-bs-theme='light'] .admin-test-templates-page .admin-jobs-action-btn.is-danger:focus-visible {
    border-color: rgba(239, 68, 68, 0.28);
    background: rgba(254, 226, 226, 0.92);
    color: #991b1b;
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-hero {
    background:
        radial-gradient(circle at top right, rgba(130, 98, 235, 0.12), transparent 42%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 255, 0.98));
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-kicker,
[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-stat-label,
[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-stat-subtle,
[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-section-subtitle,
[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-difficulty-title {
    color: var(--admin-light-text-muted);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-stat {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(138, 154, 184, 0.18);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-stat-value,
[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-section-title {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-section-card {
    background:
        linear-gradient(180deg, rgba(var(--section-accent-rgb), 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 255, 0.96));
    border-color: rgba(var(--section-accent-rgb), 0.24);
    box-shadow: inset 0 1px 0 rgba(var(--section-accent-rgb), 0.12);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-section-order,
[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-difficulty-block {
    border-color: rgba(138, 154, 184, 0.18);
    background: rgba(245, 248, 255, 0.9);
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-section-card .admin-test-template-chip {
    border-color: rgba(var(--section-accent-rgb), 0.24);
    background: rgba(var(--section-accent-rgb), 0.12);
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-section-order {
    border-color: rgba(var(--section-accent-rgb), 0.24);
    background: rgba(var(--section-accent-rgb), 0.14);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-preview-table thead th {
    color: var(--admin-light-muted);
    background: rgba(251, 252, 255, 0.96);
    border-bottom-color: rgba(138, 154, 184, 0.22);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-preview-table tbody td {
    border-bottom-color: rgba(138, 154, 184, 0.18);
}

[data-bs-theme='light'] .admin-test-templates-page .admin-test-template-preview-wrap {
    border-color: rgba(138, 154, 184, 0.18);
}

[data-bs-theme='light'] .question-quick-key-preview {
    border-color: rgba(138, 154, 184, 0.24);
    background: rgba(246, 249, 255, 0.92);
}

[data-bs-theme='light'] .question-quick-option-row,
[data-bs-theme='light'] .admin-question-detail-page .admin-questions-preview-option {
    border-color: rgba(138, 154, 184, 0.18);
    background: rgba(248, 250, 255, 0.92);
}

[data-bs-theme='light'] .question-quick-option-token {
    border-color: rgba(138, 154, 184, 0.22);
    background: rgba(237, 242, 255, 0.94);
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .question-quick-option-subskill-field,
[data-bs-theme='light'] .admin-questions-page .admin-questions-focus-item strong,
[data-bs-theme='light'] .admin-question-detail-page .admin-questions-preview-panel h3,
[data-bs-theme='light'] .admin-question-detail-page .admin-questions-preview-option strong {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-questions-page .admin-questions-focus-label,
[data-bs-theme='light'] .admin-question-detail-page .admin-questions-preview-label {
    color: var(--admin-light-text-muted);
}

[data-bs-theme='light'] .admin-question-detail-page .admin-questions-preview-panel {
    border-color: rgba(138, 154, 184, 0.18);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 255, 0.96));
}

@media (max-width: 991.98px) {
    .admin-contact-messages-page .admin-contact-messages-filter-group {
        max-width: 100%;
    }

    .admin-test-templates-page .admin-test-template-hero-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .admin-contact-messages-page .admin-contact-messages-header .card-body,
    .admin-contact-messages-page .admin-contact-messages-toolbar .card-body,
    .admin-contact-messages-page .admin-contact-messages-list-card > .card-body,
    .admin-contact-messages-page .admin-contact-messages-list-card .card-footer {
        padding: 0.88rem;
    }

    .admin-contact-messages-page .admin-contact-messages-filter-form {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-contact-messages-page .admin-contact-messages-filter-actions .btn {
        width: 100%;
    }

    .admin-contact-messages-page .admin-contact-messages-table {
        min-width: 760px;
    }

    .admin-candidates-page .admin-candidates-table {
        min-width: 860px;
    }

    .admin-candidates-page .admin-candidates-selection-controls {
        justify-content: stretch;
    }

    .admin-candidates-page .admin-candidates-selection-field {
        flex: 1 1 100%;
        min-width: 0;
    }

    .admin-candidates-page .admin-candidates-selection-actions {
        width: 100%;
        padding-bottom: 0;
    }

    .admin-candidates-page .admin-candidates-selection-actions .btn {
        flex: 1 1 0;
    }

    .admin-jobs-page .admin-jobs-filter-form .admin-admin-filter-field,
    .admin-jobs-page .admin-jobs-filter-form .admin-admin-filter-actions {
        grid-column: span 6;
    }

    .admin-jobs-page .admin-jobs-table {
        display: block;
        width: 100%;
        min-width: 0;
        border-collapse: separate;
        border-spacing: 0;
    }

    .admin-jobs-page .admin-jobs-table-wrap {
        overflow: visible;
        background: transparent;
    }

    .admin-jobs-page .admin-jobs-table thead {
        display: none;
    }

    .admin-jobs-page .admin-jobs-table tbody {
        display: block;
        padding: 0.85rem;
    }

    .admin-jobs-page .admin-jobs-table tbody tr.admin-jobs-row {
        display: grid;
        gap: 0.72rem;
        padding: 0.95rem;
        margin-bottom: 0.85rem;
        border: 1px solid rgba(151, 173, 216, 0.16);
        border-radius: 1rem;
        background: rgba(11, 19, 34, 0.94);
        box-shadow: 0 16px 30px rgba(5, 10, 24, 0.18);
    }

    .admin-jobs-page .admin-jobs-table tbody tr.admin-jobs-row:last-child {
        margin-bottom: 0;
    }

    .admin-jobs-page .admin-jobs-table tbody tr.admin-jobs-row td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.85rem;
        width: 100%;
        padding: 0 !important;
        border-bottom: 0;
        text-align: left !important;
        background: transparent !important;
    }

    .admin-jobs-page .admin-jobs-row .admin-jobs-id-cell {
        display: none !important;
    }

    .admin-jobs-page .admin-jobs-row .admin-jobs-title-cell {
        display: block !important;
    }

    .admin-jobs-page .admin-jobs-title-stack {
        align-items: flex-start;
        justify-content: space-between;
    }

    .admin-jobs-page .admin-jobs-title-text {
        display: block;
        font-size: 1rem;
        line-height: 1.35;
        color: rgba(244, 248, 255, 0.98);
    }

    .admin-jobs-page .admin-jobs-meta-cell,
    .admin-jobs-page .admin-jobs-actions {
        font-size: 0.88rem;
        color: rgba(227, 236, 255, 0.92);
    }

    .admin-jobs-page .admin-jobs-meta-cell::before,
    .admin-jobs-page .admin-jobs-actions::before {
        content: attr(data-label);
        flex: 0 0 5.75rem;
        max-width: 5.75rem;
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: rgba(183, 198, 227, 0.74);
    }

    .admin-jobs-page .admin-jobs-actions {
        display: grid !important;
        gap: 0.55rem;
        padding-top: 0.7rem !important;
        border-top: 1px solid rgba(151, 173, 216, 0.14);
    }

    .admin-jobs-page .admin-jobs-actions::before {
        max-width: none;
    }

    .admin-jobs-page .admin-jobs-action-group {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .admin-test-templates-page .admin-test-templates-table {
        min-width: 760px;
    }

    .admin-test-templates-page .admin-test-template-hero .card-body,
    .admin-test-templates-page .admin-surface-card > .card-body {
        padding: 1rem !important;
    }

    .admin-test-templates-page .admin-test-template-section-actions {
        align-items: stretch;
    }

    .admin-test-templates-page .admin-test-template-target-form,
    .admin-test-templates-page .admin-test-template-target-form .btn {
        width: 100%;
    }

    .admin-test-templates-page .admin-test-template-target-controls {
        grid-template-columns: 1fr;
    }

    .admin-test-templates-page .admin-test-template-target-form .admin-target-count-input {
        width: 100%;
    }

    .admin-contact-message-detail-page .admin-contact-message-detail-list-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .admin-contact-message-detail-page .admin-contact-message-detail-meta {
        justify-content: flex-start;
    }

    .admin-contact-messages-page .admin-contact-messages-empty {
        padding-block: 1.9rem;
    }

    [data-bs-theme='light'] .admin-jobs-page .admin-jobs-table tbody tr.admin-jobs-row {
        border-color: rgba(138, 154, 184, 0.18);
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 14px 26px rgba(15, 23, 42, 0.08);
    }

    [data-bs-theme='light'] .admin-jobs-page .admin-jobs-title-text {
        color: #16243d;
    }

    [data-bs-theme='light'] .admin-jobs-page .admin-jobs-meta-cell,
    [data-bs-theme='light'] .admin-jobs-page .admin-jobs-actions {
        color: var(--admin-light-text);
    }

    [data-bs-theme='light'] .admin-jobs-page .admin-jobs-meta-cell::before,
    [data-bs-theme='light'] .admin-jobs-page .admin-jobs-actions::before {
        color: rgba(71, 85, 105, 0.72);
    }

    [data-bs-theme='light'] .admin-jobs-page .admin-jobs-actions {
        border-top-color: rgba(138, 154, 184, 0.18);
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-contact-messages-page .admin-contact-messages-table tbody tr {
        transition: none !important;
    }
}

.question-quick-page {
    padding-bottom: 5rem;
}

.question-quick-context-bar {
    position: sticky;
    top: calc(var(--admin-topbar-height, 72px) + 0.75rem);
    z-index: 20;
}

.question-quick-context-bar .card-body {
    padding: 1rem 1.05rem;
}

.question-quick-key-preview {
    min-height: 2rem;
    padding: 0.35rem 0.55rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(148, 168, 201, 0.28);
    background: rgba(40, 53, 82, 0.26);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.question-quick-options {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.question-quick-option-row {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.75rem;
    border: 1px solid rgba(148, 168, 201, 0.22);
    border-radius: 0.6rem;
    background: rgba(40, 53, 82, 0.16);
    flex-wrap: wrap;
}

.question-quick-option-token {
    min-width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.55rem;
    border: 1px solid rgba(148, 168, 201, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: rgba(225, 235, 252, 0.94);
    background: rgba(36, 49, 76, 0.42);
}

.question-quick-option-fields {
    flex: 1 1 290px;
    min-width: 240px;
}

.question-quick-option-correct {
    width: 132px;
    padding-top: 0.35rem;
}

.question-quick-option-remove {
    margin-left: auto;
}

.question-quick-option-scoring {
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(148, 168, 201, 0.16);
}

.question-quick-option-points {
    max-width: 180px;
}

.question-quick-option-subskills {
    margin-top: 0.75rem;
}

.question-quick-option-subskills-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.55rem;
}

.question-quick-option-subskill-field {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.79rem;
    font-weight: 600;
    color: rgba(225, 235, 252, 0.92);
}

.question-quick-option-subskills-empty {
    margin-top: 0.15rem;
}

.admin-questions-page .admin-questions-list-card .card-body > .border-top {
    border-color: rgba(148, 168, 201, 0.14) !important;
}

.admin-questions-page .admin-questions-key-link {
    color: inherit;
    text-decoration: none;
}

.admin-questions-page .admin-questions-key-link:hover,
.admin-questions-page .admin-questions-key-link:focus-visible {
    color: var(--brand-primary);
}

.admin-questions-page .admin-questions-focus-stack,
.admin-question-detail-page .admin-questions-preview-options {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.admin-questions-page .admin-questions-focus-item {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: baseline;
}

.admin-questions-page .admin-questions-focus-label,
.admin-question-detail-page .admin-questions-preview-label {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(191, 204, 228, 0.74);
}

.admin-questions-page .admin-questions-version-stack {
    display: inline-flex;
    flex-direction: column;
    gap: 0.4rem;
}

.admin-question-detail-page .admin-questions-preview-panel {
    height: 100%;
    padding: 1rem 1rem 1.1rem;
    border: 1px solid rgba(148, 168, 201, 0.16);
    border-radius: 1rem;
    background: rgba(29, 41, 68, 0.28);
}

.admin-question-detail-page .admin-questions-preview-option {
    padding: 0.9rem 1rem;
    border: 1px solid rgba(148, 168, 201, 0.14);
    border-radius: 0.9rem;
    background: rgba(29, 41, 68, 0.18);
}

@media (max-width: 767.98px) {
    .question-quick-context-bar {
        top: 0.5rem;
    }

    .question-quick-option-fields {
        min-width: 100%;
        flex-basis: 100%;
    }

    .question-quick-option-correct,
    .question-quick-option-remove {
        margin-left: 0;
    }

    .question-quick-option-correct {
        width: auto;
    }
}

/* ── Utility classes replacing inline styles ─────────────────────── */

.qe-toast-container {
    z-index: 1100;
}

.admin-target-count-input {
    max-width: 96px;
}

.legal-content-width {
    max-width: 920px;
}

.map-iframe {
    border: 0;
}

.qe-status-col {
    width: 32px;
}

.option-table-label  { width: 40%; }
.option-table-value  { width: 30%; }
.option-table-check  { width: 15%; }
.option-table-action { width: 15%; }

/* ── Skip-to-content link (accessibility) ────────────────────────── */

.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 9999;
    padding: var(--space-2) var(--space-4);
    background: var(--brand-primary);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
}

.skip-link:focus {
    position: fixed;
    left: var(--space-4);
    top: 0;
    width: auto;
    height: auto;
}

/* ── Enhanced reduced-motion coverage ────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    .job-card:hover,
    .landing-job-card:hover,
    .job-apply-step-item:hover,
    .admin-login-submit:hover {
        transform: none !important;
    }

    .landing-job-card:hover .landing-job-media {
        transform: none !important;
    }
}

/* ── Mobile benefits grid fix ────────────────────────────────────── */

@media (max-width: 575.98px) {
    .job-detail-benefits-grid {
        grid-template-columns: 1fr;
    }
}

/* ── Empty-state component (Phase 10 / shared) ──────────────────── */

.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--space-10) var(--space-4);
    gap: var(--space-3);
}

.empty-state-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: var(--radius-full);
    background: var(--app-brand-soft);
    margin-bottom: var(--space-2);
}

.empty-state-title {
    font-size: var(--text-md);
    font-weight: 600;
    margin-bottom: 0;
}

.empty-state-description {
    font-size: var(--text-sm);
    color: var(--neutral-muted);
    max-width: 340px;
    margin-bottom: 0;
}

/* ── Job filter bar (Phase 3) ────────────────────────────────────── */

.job-filter-bar {
    padding: var(--space-3) var(--space-4);
    background: var(--app-surface);
    border: 1px solid var(--neutral-border);
    border-radius: var(--app-radius);
}

/* ── Benefit number badge (Phase 4) ──────────────────────────────── */

.job-detail-benefit-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: var(--radius-full);
    background: var(--app-brand-soft);
    color: var(--app-brand);
    font-weight: 700;
    font-size: var(--text-xs);
    flex-shrink: 0;
}

/* ── Dashboard cards (Phase 6) ───────────────────────────────────── */

.dashboard-profile-banner .progress {
    border-radius: var(--radius-full);
}

.candidate-dashboard-shell {
    --candidate-dash-shell-bg: linear-gradient(152deg, rgba(255, 255, 255, 0.9), rgba(246, 250, 255, 0.88));
    --candidate-dash-shell-border: rgba(var(--brand-primary-rgb), 0.22);
    --candidate-dash-shell-shadow: 0 20px 38px rgba(15, 23, 42, 0.12);
    --candidate-dash-widget-bg: linear-gradient(152deg, rgba(var(--brand-primary-rgb), 0.14), rgba(var(--brand-primary-rgb), 0.05));
    --candidate-dash-widget-border: rgba(var(--brand-primary-rgb), 0.24);
    --candidate-dash-muted: #56617a;
    max-width: 1140px;
    margin-inline: auto;
    display: grid;
    gap: 1rem;
}

[data-bs-theme='dark'] .candidate-dashboard-shell {
    --candidate-dash-shell-bg: linear-gradient(152deg, rgba(23, 35, 58, 0.95), rgba(16, 26, 45, 0.95));
    --candidate-dash-shell-border: rgba(193, 209, 241, 0.24);
    --candidate-dash-shell-shadow: 0 24px 44px rgba(2, 8, 18, 0.6);
    --candidate-dash-widget-bg: linear-gradient(152deg, rgba(var(--brand-primary-rgb), 0.26), rgba(var(--brand-primary-rgb), 0.12));
    --candidate-dash-widget-border: rgba(197, 213, 242, 0.26);
    --candidate-dash-muted: #b6c4df;
}

.candidate-dashboard-header {
    position: relative;
    border: 1px solid var(--candidate-dash-shell-border);
    border-radius: 1rem;
    background: var(--candidate-dash-shell-bg);
    box-shadow: var(--candidate-dash-shell-shadow);
    padding: 1.15rem;
    overflow: hidden;
}

.candidate-dashboard-header::before {
    content: '';
    position: absolute;
    inset: auto auto -52% -10%;
    width: min(280px, 42vw);
    height: min(280px, 42vw);
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(var(--brand-primary-rgb), 0.24), rgba(var(--brand-primary-rgb), 0));
    pointer-events: none;
    z-index: 0;
}

.candidate-dashboard-header::after {
    content: '';
    position: absolute;
    inset: -48% -12% auto auto;
    width: min(240px, 35vw);
    height: min(240px, 35vw);
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, rgba(178, 44, 208, 0.2), rgba(178, 44, 208, 0));
    pointer-events: none;
    z-index: 0;
}

.candidate-dashboard-header-grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.92rem;
    align-items: start;
}

.candidate-dashboard-header-main {
    display: grid;
    gap: 0.15rem;
}

.candidate-dashboard-kicker {
    font-size: 0.72rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--candidate-dash-muted);
    font-weight: 670;
}

.candidate-dashboard-greeting {
    border-top: 1px solid rgba(var(--brand-primary-rgb), 0.22);
    padding-top: 0.72rem;
}

.candidate-dashboard-greeting .h5 {
    font-size: clamp(1.03rem, 0.94rem + 0.32vw, 1.22rem);
    font-weight: 690;
    letter-spacing: -0.01em;
}

.candidate-dashboard-header-panel {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
    border-radius: 0.82rem;
    background: rgba(var(--brand-primary-rgb), 0.12);
    padding: 0.72rem 0.8rem;
}

[data-bs-theme='dark'] .candidate-dashboard-header-panel {
    border-color: rgba(197, 212, 241, 0.3);
    background: rgba(var(--brand-primary-rgb), 0.2);
}

.candidate-dashboard-panel-title {
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    font-size: 0.72rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--candidate-dash-muted);
    font-weight: 660;
}

.candidate-dashboard-panel-list {
    display: grid;
    gap: 0.36rem;
}

.candidate-dashboard-panel-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    font-size: 0.8rem;
    color: var(--neutral-muted);
}

.candidate-dashboard-panel-list li strong {
    font-size: 0.96rem;
    color: var(--neutral-text);
    font-weight: 680;
}

.candidate-dashboard-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.78rem;
}

.candidate-dashboard-metric {
    position: relative;
    border: 1px solid var(--candidate-dash-widget-border);
    border-radius: 0.88rem;
    background: var(--candidate-dash-widget-bg);
    padding: 0.84rem 0.92rem 0.9rem;
    display: grid;
    gap: 0.62rem;
    align-content: start;
    min-height: 120px;
    overflow: hidden;
}

.candidate-dashboard-metric::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(178, 44, 208, 0.7), rgba(130, 70, 232, 0.2));
    opacity: 0.72;
}

.candidate-dashboard-metric-head {
    display: flex;
    align-items: center;
    gap: 0.52rem;
}

.candidate-dashboard-metric-icon {
    width: 1.88rem;
    height: 1.88rem;
    border-radius: 0.62rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.32);
    background: rgba(var(--brand-primary-rgb), 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-text);
}

.candidate-dashboard-metric-icon .ui-icon {
    width: 0.94rem;
    height: 0.94rem;
}

[data-bs-theme='dark'] .candidate-dashboard-metric-icon {
    border-color: rgba(211, 224, 249, 0.34);
    background: rgba(var(--brand-primary-rgb), 0.28);
    color: #e7efff;
}

.candidate-dashboard-metric-label {
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--candidate-dash-muted);
    font-weight: 640;
}

.candidate-dashboard-metric-value {
    font-size: clamp(1.32rem, 1.1rem + 0.9vw, 1.86rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.015em;
}

.candidate-dashboard-metric-invited .candidate-dashboard-metric-icon {
    border-color: rgba(178, 44, 208, 0.35);
    background: rgba(178, 44, 208, 0.2);
}

.candidate-dashboard-metric-progress .candidate-dashboard-metric-icon {
    border-color: rgba(91, 151, 224, 0.34);
    background: rgba(91, 151, 224, 0.2);
}

[data-bs-theme='dark'] .candidate-dashboard-metric-progress .candidate-dashboard-metric-icon {
    border-color: rgba(150, 210, 255, 0.36);
    background: rgba(91, 151, 224, 0.28);
}

.candidate-dashboard-section {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    border-radius: 0.98rem;
    background: linear-gradient(156deg, rgba(var(--brand-primary-rgb), 0.06), rgba(var(--brand-primary-rgb), 0.02));
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.1);
    padding: 1.08rem 1.06rem;
}

[data-bs-theme='dark'] .candidate-dashboard-section {
    border-color: rgba(190, 205, 235, 0.24);
    background: linear-gradient(156deg, rgba(var(--brand-primary-rgb), 0.18), rgba(var(--brand-primary-rgb), 0.1));
    box-shadow: 0 20px 38px rgba(2, 6, 16, 0.56);
}

.candidate-dashboard-section-invited {
    border-color: rgba(178, 44, 208, 0.34);
    background:
        radial-gradient(120% 120% at 100% 0%, rgba(178, 44, 208, 0.14), rgba(178, 44, 208, 0) 58%),
        linear-gradient(156deg, rgba(178, 44, 208, 0.08), rgba(var(--brand-primary-rgb), 0.03));
}

[data-bs-theme='dark'] .candidate-dashboard-section-invited {
    border-color: rgba(223, 170, 244, 0.36);
    background:
        radial-gradient(120% 120% at 100% 0%, rgba(208, 128, 235, 0.28), rgba(208, 128, 235, 0) 58%),
        linear-gradient(156deg, rgba(var(--brand-primary-rgb), 0.24), rgba(var(--brand-primary-rgb), 0.12));
}

.candidate-dashboard-section-public {
    border-color: rgba(var(--brand-primary-rgb), 0.18);
    background: linear-gradient(156deg, rgba(var(--brand-primary-rgb), 0.05), rgba(var(--brand-primary-rgb), 0.015));
}

[data-bs-theme='dark'] .candidate-dashboard-section-public {
    border-color: rgba(190, 205, 235, 0.22);
    background: linear-gradient(155deg, rgba(var(--brand-primary-rgb), 0.16), rgba(var(--brand-primary-rgb), 0.1));
}

.candidate-dashboard-section-head {
    margin-bottom: 0.92rem;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.7rem;
}

.candidate-dashboard-section-head-main {
    min-width: 0;
}

.candidate-dashboard-section-icon {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.3);
    background: rgba(var(--brand-primary-rgb), 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-text);
}

[data-bs-theme='dark'] .candidate-dashboard-section-icon {
    border-color: rgba(201, 216, 245, 0.3);
    background: rgba(var(--brand-primary-rgb), 0.3);
    color: #e5eeff;
}

.candidate-dashboard-section-count {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
    background: rgba(var(--brand-primary-rgb), 0.14);
    color: var(--neutral-text);
    font-size: 0.74rem;
    align-self: center;
}

[data-bs-theme='dark'] .candidate-dashboard-section-count {
    border-color: rgba(203, 217, 247, 0.34);
    background: rgba(var(--brand-primary-rgb), 0.26);
    color: #e4eeff;
}

.candidate-dashboard-job-list {
    display: grid;
    gap: 0.82rem;
}

.candidate-dashboard-empty {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 0.25rem;
    padding: 1.25rem 0.75rem 1rem;
    border: 1px dashed rgba(var(--brand-primary-rgb), 0.25);
    border-radius: 0.85rem;
    background: rgba(var(--brand-primary-rgb), 0.04);
}

[data-bs-theme='dark'] .candidate-dashboard-empty {
    border-color: rgba(190, 205, 235, 0.28);
    background: rgba(var(--brand-primary-rgb), 0.14);
}

.candidate-dashboard-empty-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--neutral-muted);
    background: rgba(var(--brand-primary-rgb), 0.11);
}

.candidate-dashboard-empty-title {
    font-size: 0.95rem;
    font-weight: 650;
}

.candidate-dashboard-empty-copy {
    font-size: 0.84rem;
    max-width: 58ch;
}

.candidate-job-row {
    display: block;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    border-radius: 0.92rem;
    background: rgba(var(--brand-primary-rgb), 0.04);
    padding: 0.98rem 1rem;
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.candidate-job-row:hover,
.candidate-job-row:focus-within {
    border-color: rgba(var(--brand-primary-rgb), 0.34);
    background: rgba(var(--brand-primary-rgb), 0.08);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
}

[data-bs-theme='dark'] .candidate-job-row {
    border-color: rgba(190, 205, 235, 0.2);
    background: rgba(var(--brand-primary-rgb), 0.14);
}

[data-bs-theme='dark'] .candidate-job-row:hover,
[data-bs-theme='dark'] .candidate-job-row:focus-within {
    border-color: rgba(205, 221, 246, 0.34);
    background: rgba(var(--brand-primary-rgb), 0.2);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.4);
}

.candidate-job-row-invited {
    border-color: rgba(178, 44, 208, 0.32);
}

[data-bs-theme='dark'] .candidate-job-row-invited {
    border-color: rgba(218, 152, 239, 0.34);
}

.candidate-job-row-main {
    display: grid;
    gap: 0.62rem;
}

.candidate-job-row-top {
    display: flex;
    justify-content: space-between;
    gap: 0.45rem 0.8rem;
    align-items: start;
}

.candidate-job-row-title {
    font-size: 1.02rem;
    line-height: 1.3;
    font-weight: 670;
    letter-spacing: -0.008em;
    max-width: 64ch;
}

.candidate-job-row-summary {
    color: var(--neutral-muted);
    font-size: 0.86rem;
    line-height: 1.5;
    max-width: 74ch;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.candidate-job-row-bottom {
    display: grid;
    gap: 0.62rem;
    align-items: end;
}

.candidate-job-row-meta,
.candidate-job-header-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.candidate-job-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.52rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    background: rgba(var(--brand-primary-rgb), 0.1);
    font-size: 0.73rem;
    font-weight: 620;
    color: var(--neutral-muted);
}

[data-bs-theme='dark'] .candidate-job-chip {
    border-color: rgba(193, 211, 244, 0.26);
    background: rgba(var(--brand-primary-rgb), 0.2);
    color: #d2dcef;
}

.candidate-job-chip-priority {
    border-color: rgba(178, 44, 208, 0.32);
    background: rgba(178, 44, 208, 0.16);
    color: #6b1f87;
}

[data-bs-theme='dark'] .candidate-job-chip-priority {
    border-color: rgba(223, 170, 244, 0.36);
    background: rgba(178, 44, 208, 0.32);
    color: #f0d4ff;
}

.candidate-job-chip-public {
    border-color: rgba(var(--brand-primary-rgb), 0.24);
    background: rgba(var(--brand-primary-rgb), 0.12);
}

.candidate-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.78rem;
    padding: 0.2rem 0.58rem;
    border-radius: 999px;
    font-size: 0.71rem;
    font-weight: 660;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid transparent;
    white-space: nowrap;
    align-self: flex-start;
}

.candidate-status-badge-not_started {
    color: #6b7280;
    background: rgba(107, 114, 128, 0.14);
    border-color: rgba(107, 114, 128, 0.24);
}

.candidate-status-badge-in_progress {
    color: #0f5a70;
    background: rgba(32, 160, 191, 0.18);
    border-color: rgba(23, 122, 149, 0.28);
}

.candidate-status-badge-completed {
    color: #116b4d;
    background: rgba(35, 170, 114, 0.18);
    border-color: rgba(21, 139, 91, 0.3);
}

.candidate-status-badge-cooldown {
    color: #8a6210;
    background: rgba(241, 178, 62, 0.2);
    border-color: rgba(208, 145, 30, 0.34);
}

.candidate-status-badge-invalidated {
    color: #8f2435;
    background: rgba(226, 73, 100, 0.16);
    border-color: rgba(194, 37, 65, 0.3);
}

[data-bs-theme='dark'] .candidate-status-badge-not_started {
    color: #d7dbe5;
    background: rgba(126, 138, 162, 0.26);
    border-color: rgba(173, 184, 208, 0.36);
}

[data-bs-theme='dark'] .candidate-status-badge-in_progress {
    color: #9ceaff;
    background: rgba(32, 160, 191, 0.24);
    border-color: rgba(126, 225, 250, 0.34);
}

[data-bs-theme='dark'] .candidate-status-badge-completed {
    color: #aaf8d7;
    background: rgba(35, 170, 114, 0.24);
    border-color: rgba(125, 231, 183, 0.35);
}

[data-bs-theme='dark'] .candidate-status-badge-cooldown {
    color: #ffe1a5;
    background: rgba(241, 178, 62, 0.23);
    border-color: rgba(255, 212, 131, 0.34);
}

[data-bs-theme='dark'] .candidate-status-badge-invalidated {
    color: #ffc2cf;
    background: rgba(226, 73, 100, 0.24);
    border-color: rgba(255, 159, 177, 0.34);
}

.candidate-job-row-actions {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    flex-wrap: wrap;
}

.candidate-job-row-primary-form {
    margin: 0;
}

.candidate-job-row-actions .btn {
    min-width: 132px;
    justify-content: center;
}

.candidate-job-row-action-hint {
    color: var(--neutral-muted);
    font-size: 0.79rem;
    line-height: 1.42;
    border-top: 1px dashed rgba(var(--brand-primary-rgb), 0.24);
    padding-top: 0.56rem;
}

.candidate-job-detail-shell {
    max-width: 1160px;
    margin-inline: auto;
}

.candidate-job-detail-hero {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    border-radius: 1rem;
    background:
        radial-gradient(115% 100% at 100% 0%, rgba(178, 44, 208, 0.08), rgba(178, 44, 208, 0) 55%),
        linear-gradient(145deg, rgba(var(--brand-primary-rgb), 0.09), rgba(var(--brand-primary-rgb), 0.03));
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.1);
}

[data-bs-theme='dark'] .candidate-job-detail-hero {
    border-color: rgba(193, 210, 243, 0.24);
    background:
        radial-gradient(115% 100% at 100% 0%, rgba(200, 102, 228, 0.23), rgba(200, 102, 228, 0) 54%),
        linear-gradient(145deg, rgba(var(--brand-primary-rgb), 0.28), rgba(var(--brand-primary-rgb), 0.14));
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.45);
}

.candidate-job-breadcrumb-wrap {
    margin-bottom: 0.9rem;
}

.candidate-job-breadcrumb {
    background: transparent;
    padding: 0;
}

.candidate-job-breadcrumb .breadcrumb-item,
.candidate-job-breadcrumb .breadcrumb-item a {
    font-size: 0.78rem;
    color: var(--neutral-muted);
    text-decoration: none;
}

.candidate-job-breadcrumb .breadcrumb-item a:hover,
.candidate-job-breadcrumb .breadcrumb-item a:focus-visible {
    color: var(--app-brand);
    text-decoration: underline;
}

.candidate-job-kicker {
    font-size: 0.73rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--neutral-muted);
    font-weight: 650;
}

.candidate-job-title {
    font-size: clamp(1.45rem, 1.2rem + 1.05vw, 2.15rem);
    line-height: 1.18;
    font-weight: 700;
}

.candidate-job-summary {
    color: var(--neutral-text);
    max-width: 74ch;
    line-height: 1.56;
}

.candidate-job-intro {
    color: var(--neutral-muted);
    max-width: 82ch;
}

.candidate-job-header-meta {
    margin-top: 0.85rem;
}

.candidate-job-chip-salary {
    border-color: rgba(178, 44, 208, 0.26);
    background: rgba(178, 44, 208, 0.13);
}

[data-bs-theme='dark'] .candidate-job-chip-salary {
    border-color: rgba(221, 164, 241, 0.34);
    background: rgba(178, 44, 208, 0.25);
}

.candidate-job-hero-grid {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.candidate-job-hero-copy {
    min-width: 0;
}

.candidate-job-hero-media {
    border-radius: 0.9rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
    overflow: hidden;
    min-height: 190px;
    background: rgba(var(--brand-primary-rgb), 0.08);
}

[data-bs-theme='dark'] .candidate-job-hero-media {
    border-color: rgba(193, 210, 243, 0.26);
    background: rgba(var(--brand-primary-rgb), 0.18);
}

.candidate-job-hero-image {
    width: 100%;
    height: 100%;
    min-height: 190px;
    object-fit: cover;
    display: block;
}

.candidate-job-hero-fallback {
    min-height: 190px;
    display: grid;
    place-content: center;
    gap: 0.35rem;
    color: var(--neutral-muted);
    font-size: 0.85rem;
}

.candidate-job-hero-fallback .ui-icon {
    width: 1.3rem;
    height: 1.3rem;
    margin-inline: auto;
}

.candidate-job-hero-actions {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.68rem 0.74rem;
    align-items: start;
}

.candidate-job-hero-primary-action {
    display: grid;
    gap: 0.2rem;
}

.candidate-job-action-form {
    margin: 0;
}

.candidate-job-hero-primary-action p {
    margin: 0;
}

.candidate-job-back-btn {
    align-self: start;
}

.candidate-job-detail-layout {
    display: grid;
    gap: 1rem;
}

.candidate-job-detail-main {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    background: var(--bs-body-bg);
}

[data-bs-theme='dark'] .candidate-job-detail-main {
    border-color: rgba(193, 210, 243, 0.22);
}

.candidate-job-content-section + .candidate-job-content-section {
    margin-top: 1.65rem;
    padding-top: 1.65rem;
    border-top: 1px solid rgba(var(--brand-primary-rgb), 0.14);
}

.candidate-job-content-title {
    font-size: clamp(1.04rem, 0.97rem + 0.3vw, 1.22rem);
    font-weight: 650;
    margin-bottom: 0.72rem;
}

.candidate-job-content-section-benefits {
    margin-top: 1.65rem;
}

.candidate-job-content-empty {
    border: 1px dashed rgba(var(--brand-primary-rgb), 0.26);
    border-radius: 0.8rem;
    padding: 1rem;
    color: var(--neutral-muted);
    font-size: 0.9rem;
}

.candidate-job-bottom-cta {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    border-radius: 0.82rem;
    padding: 0.95rem;
    background: rgba(var(--brand-primary-rgb), 0.06);
}

[data-bs-theme='dark'] .candidate-job-bottom-cta {
    border-color: rgba(193, 210, 243, 0.24);
    background: rgba(var(--brand-primary-rgb), 0.16);
}

.candidate-job-bottom-cta-title {
    font-size: 0.94rem;
}

.candidate-job-bottom-cta-actions {
    display: grid;
    gap: 0.62rem;
}

.candidate-job-side-primary-action {
    display: grid;
    gap: 0.2rem;
}

.candidate-job-action-card {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    background: var(--bs-body-bg);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.09);
}

[data-bs-theme='dark'] .candidate-job-action-card {
    border-color: rgba(193, 210, 243, 0.22);
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.45);
}

.candidate-job-action-title {
    font-size: 0.98rem;
    font-weight: 660;
}

.candidate-job-action-subtitle {
    color: var(--neutral-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

.candidate-job-action-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
}

.candidate-job-action-status-label {
    font-size: 0.77rem;
    color: var(--neutral-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 620;
}

.candidate-job-action-invite {
    font-size: 0.79rem;
    color: var(--neutral-muted);
    border: 1px solid rgba(178, 44, 208, 0.26);
    border-radius: 0.72rem;
    padding: 0.45rem 0.52rem;
    background: rgba(178, 44, 208, 0.09);
}

[data-bs-theme='dark'] .candidate-job-action-invite {
    border-color: rgba(221, 164, 241, 0.34);
    background: rgba(178, 44, 208, 0.24);
    color: #f0d9ff;
}

.candidate-profile-shell {
    max-width: 1120px;
    margin-inline: auto;
}

.candidate-profile-page-head {
    display: grid;
    gap: 0.64rem;
}

.candidate-profile-breadcrumb-wrap {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    border-radius: 999px;
    background: rgba(var(--brand-primary-rgb), 0.05);
    padding: 0.42rem 0.82rem;
    width: fit-content;
    max-width: 100%;
}

[data-bs-theme='dark'] .candidate-profile-breadcrumb-wrap {
    border-color: rgba(193, 210, 243, 0.24);
    background: rgba(var(--brand-primary-rgb), 0.18);
}

.candidate-profile-breadcrumb {
    gap: 0.22rem;
    font-size: 0.76rem;
    align-items: center;
}

.candidate-profile-breadcrumb .breadcrumb-item,
.candidate-profile-breadcrumb .breadcrumb-item a {
    color: var(--neutral-muted);
    text-decoration: none;
    font-weight: 530;
}

.candidate-profile-breadcrumb .breadcrumb-item a:hover,
.candidate-profile-breadcrumb .breadcrumb-item a:focus-visible {
    color: var(--app-brand);
}

.candidate-profile-breadcrumb .breadcrumb-item.active {
    color: var(--neutral-text);
    font-weight: 660;
}

.candidate-profile-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: var(--neutral-muted);
    font-weight: 620;
}

.candidate-profile-head-divider {
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.28), rgba(var(--brand-primary-rgb), 0.06) 65%, rgba(var(--brand-primary-rgb), 0));
}

[data-bs-theme='dark'] .candidate-profile-head-divider {
    background: linear-gradient(90deg, rgba(193, 210, 243, 0.34), rgba(193, 210, 243, 0.12) 65%, rgba(193, 210, 243, 0));
}

.candidate-profile-header {
    position: relative;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    border-radius: 1.08rem;
    background:
        radial-gradient(100% 120% at 0% 0%, rgba(var(--brand-primary-rgb), 0.14), rgba(var(--brand-primary-rgb), 0) 62%),
        var(--bs-body-bg);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.candidate-profile-header::before {
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.55), rgba(var(--brand-primary-rgb), 0));
}

.candidate-profile-header .card-body {
    position: relative;
    z-index: 1;
    padding: 1.26rem 1.35rem 1.38rem;
}

[data-bs-theme='dark'] .candidate-profile-header {
    border-color: rgba(193, 210, 243, 0.24);
    box-shadow: 0 16px 30px rgba(3, 8, 16, 0.42);
}

.candidate-profile-kicker {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--neutral-muted);
    font-weight: 640;
}

.candidate-profile-intro {
    color: var(--neutral-muted);
    max-width: 72ch;
}

.candidate-profile-title {
    font-size: clamp(1.48rem, 1.16rem + 1.1vw, 1.88rem);
    line-height: 1.2;
}

.candidate-profile-layout {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.candidate-profile-side,
.candidate-profile-form-card {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
}

[data-bs-theme='dark'] .candidate-profile-side,
[data-bs-theme='dark'] .candidate-profile-form-card {
    border-color: rgba(193, 210, 243, 0.22);
}

.candidate-profile-side-title {
    font-size: 0.92rem;
    font-weight: 650;
}

.candidate-profile-progress-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
}

.candidate-profile-progress-wrap .progress {
    height: 0.56rem;
}

.candidate-profile-progress-value {
    font-size: 0.82rem;
    font-weight: 650;
    color: var(--neutral-muted);
}

.candidate-profile-side-copy {
    font-size: 0.82rem;
    color: var(--neutral-muted);
}

.candidate-profile-note {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    border-radius: 0.74rem;
    padding: 0.72rem;
    background: rgba(var(--brand-primary-rgb), 0.06);
}

[data-bs-theme='dark'] .candidate-profile-note {
    border-color: rgba(193, 210, 243, 0.24);
    background: rgba(var(--brand-primary-rgb), 0.16);
}

.candidate-profile-note-title {
    font-size: 0.85rem;
}

.candidate-profile-note p {
    font-size: 0.8rem;
    color: var(--neutral-muted);
}

.candidate-profile-form-head {
    max-width: 74ch;
}

.candidate-profile-consent {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    border-radius: 0.74rem;
    padding: 0.85rem 0.9rem;
    background: rgba(var(--brand-primary-rgb), 0.05);
}

[data-bs-theme='dark'] .candidate-profile-consent {
    border-color: rgba(193, 210, 243, 0.24);
    background: rgba(var(--brand-primary-rgb), 0.15);
}

.legal-agreements-panel {
    display: grid;
    gap: 0.9rem;
}

.legal-agreements-list {
    display: grid;
    gap: 0.85rem;
}

.legal-agreement-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.85rem 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    border-radius: 0.9rem;
    background: rgba(var(--brand-primary-rgb), 0.04);
}

.legal-agreement-item.is-invalid {
    border-color: var(--bs-danger);
    background: rgba(var(--bs-danger-rgb), 0.06);
}

.legal-agreement-check {
    margin: 0;
}

.legal-agreement-check .form-check-input {
    margin-top: 0.25rem;
}

.legal-agreement-label {
    font-weight: 600;
    color: var(--neutral-text);
}

.legal-agreement-trigger {
    align-self: center;
    white-space: nowrap;
}

.legal-agreement-item .invalid-feedback {
    grid-column: 1 / -1;
    margin-top: -0.1rem;
}

.legal-document-modal-body {
    max-height: min(70vh, 42rem);
}

.legal-document-modal-body > :last-child {
    margin-bottom: 0;
}

[data-bs-theme='dark'] .legal-agreement-item {
    border-color: rgba(193, 210, 243, 0.22);
    background: rgba(193, 210, 243, 0.08);
}

.candidate-profile-actions {
    padding-top: 0.86rem;
    border-top: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.95rem;
}

[data-bs-theme='dark'] .candidate-profile-actions {
    border-top-color: rgba(193, 210, 243, 0.2);
}

.candidate-profile-actions-start,
.candidate-profile-actions-end {
    display: inline-flex;
    align-items: center;
}

.candidate-profile-actions-end {
    margin-left: auto;
}

.candidate-profile-action-back,
.candidate-profile-action-save {
    min-height: 2.48rem;
    padding-inline: 1rem;
}

.candidate-profile-action-save {
    margin-left: 0;
}

@media (min-width: 768px) {
    .candidate-job-row-bottom {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .candidate-job-row-actions {
        justify-content: flex-end;
    }
}

@media (min-width: 992px) {
    .candidate-dashboard-header-grid {
        grid-template-columns: minmax(0, 1fr) minmax(240px, 290px);
    }

    .candidate-job-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 320px);
    }

    .candidate-job-detail-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
        align-items: start;
    }

    .candidate-profile-layout {
        grid-template-columns: 300px minmax(0, 1fr);
    }
}

@media (max-width: 767.98px) {
    .candidate-dashboard-metrics {
        grid-template-columns: minmax(0, 1fr);
    }

    .candidate-dashboard-header-panel {
        padding: 0.64rem 0.72rem;
    }

    .candidate-dashboard-section-head {
        flex-direction: column;
        align-items: stretch;
    }

    .candidate-dashboard-section-count {
        align-self: flex-start;
    }

    .candidate-job-row-bottom {
        gap: 0.52rem;
    }

    .candidate-job-bottom-cta-actions .btn,
    .candidate-job-hero-actions .btn,
    .candidate-job-side-primary-action .btn {
        width: 100%;
    }

    .candidate-profile-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 0.62rem;
    }

    .candidate-profile-actions-start,
    .candidate-profile-actions-end {
        width: 100%;
        margin-left: 0;
    }

    .candidate-profile-actions .btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .candidate-job-row {
        padding: 0.78rem;
    }

    .candidate-dashboard-header {
        padding: 0.94rem;
    }

    .candidate-dashboard-panel-list li {
        font-size: 0.78rem;
    }

    .candidate-job-row-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.36rem;
    }

    .candidate-job-row-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .candidate-job-row-actions .btn {
        width: 100%;
    }

    .candidate-job-detail-hero .card-body,
    .candidate-job-detail-main .card-body,
    .candidate-job-action-card .card-body,
    .candidate-profile-header .card-body,
    .candidate-profile-side .card-body,
    .candidate-profile-form-card .card-body {
        padding: 0.95rem;
    }
}

/* ── Test runner enhancements (Phase 7) ──────────────────────────── */

body.test-runner-mode .frontend-header,
body.test-runner-mode .frontend-footer {
    opacity: 0.08;
    filter: blur(1px) saturate(0.65);
    pointer-events: none;
}

body.test-runner-mode main.container::before {
    background: radial-gradient(130% 115% at 50% 34%, rgba(9, 14, 28, 0) 20%, rgba(3, 8, 20, 0.46) 100%);
}

[data-bs-theme='dark'] body.test-runner-mode main.container::before {
    background: radial-gradient(130% 115% at 50% 34%, rgba(3, 6, 14, 0) 16%, rgba(2, 4, 10, 0.72) 100%);
}

#testRunnerRoot.runner-focus-page {
    max-width: 920px;
}

.runner-focus-shell {
    position: relative;
}

.runner-focus-status {
    position: sticky;
    top: 0.75rem;
    z-index: 1030;
    border-radius: 1rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 32px rgba(10, 16, 32, 0.14);
    padding: 0.85rem 0.95rem 0.75rem;
}

[data-bs-theme='dark'] .runner-focus-status {
    border-color: rgba(185, 204, 238, 0.24);
    background: rgba(9, 16, 31, 0.86);
    box-shadow: 0 22px 34px rgba(0, 0, 0, 0.42);
}

.runner-status-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: stretch;
}

.runner-timer-grid {
    display: grid;
    gap: 0.72rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.runner-timer-block {
    border-radius: 0.85rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    background: rgba(var(--brand-primary-rgb), 0.07);
    padding: 0.62rem 0.74rem;
    min-height: 88px;
}

[data-bs-theme='dark'] .runner-timer-block {
    border-color: rgba(178, 198, 234, 0.24);
    background: rgba(var(--brand-primary-rgb), 0.18);
}

.runner-timer-block-question {
    border-color: rgba(178, 44, 208, 0.44);
    box-shadow: 0 0 0 1px rgba(178, 44, 208, 0.14) inset;
}

.runner-timer-label {
    font-size: 0.73rem;
    font-weight: 620;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--neutral-muted);
}

.runner-timer-value {
    margin-top: 0.18rem;
    font-size: clamp(1.5rem, 1.25rem + 0.9vw, 2.1rem);
    line-height: 1.04;
    font-weight: 760;
    letter-spacing: 0.01em;
    color: var(--neutral-text);
}

.runner-timer-warning {
    margin-top: 0.2rem;
    font-size: 0.72rem;
    color: var(--bs-warning-text-emphasis);
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
}

.runner-timer-warning-dot {
    width: 0.46rem;
    height: 0.46rem;
    border-radius: 999px;
    background: var(--bs-warning);
}

.runner-time-low .runner-timer-value {
    color: var(--bs-warning-text-emphasis);
}

.runner-time-low .runner-timer-warning-dot {
    animation: runnerPulse 1.2s ease-in-out infinite;
}

@keyframes runnerPulse {
    0% {
        transform: scale(0.95);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.2);
        opacity: 1;
    }

    100% {
        transform: scale(0.95);
        opacity: 0.5;
    }
}

.runner-pause-btn-lg {
    min-width: 170px;
    min-height: 88px;
    border-radius: 0.86rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.45);
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.2), rgba(var(--brand-primary-rgb), 0.05));
    font-weight: 700;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.44rem;
}

.runner-pause-btn-lg:hover,
.runner-pause-btn-lg:focus-visible {
    border-color: rgba(var(--brand-primary-rgb), 0.7);
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.3), rgba(var(--brand-primary-rgb), 0.08));
}

.runner-pause-btn-lg .runner-pause-icon::before {
    content: '||';
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.98rem;
    font-weight: 700;
}

.runner-pause-btn.runner-pause-is-paused .runner-pause-icon::before {
    content: '>';
}

.runner-focus-status .runner-control-progress.progress {
    height: 0.24rem;
    border-radius: 999px;
    margin-top: 0.72rem;
    background: rgba(var(--brand-primary-rgb), 0.18);
}

.runner-focus-status .runner-control-progress .progress-bar {
    border-radius: inherit;
}

.runner-status-meta {
    margin-top: 0.56rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.64rem;
    font-size: 0.78rem;
    color: var(--neutral-muted);
}

.runner-question-card {
    border-radius: 1rem;
    border-color: rgba(var(--brand-primary-rgb), 0.26);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 44px rgba(10, 16, 30, 0.22);
}

[data-bs-theme='dark'] .runner-question-card {
    border-color: rgba(179, 197, 232, 0.28);
    background: rgba(12, 21, 39, 0.9);
    box-shadow: 0 28px 46px rgba(0, 0, 0, 0.44);
}

.runner-page-title {
    font-weight: 680;
    letter-spacing: 0.01em;
}

.runner-page-subtitle {
    font-size: 0.84rem;
    opacity: 0.75;
}

.runner-question-heading {
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.runner-question-prompt {
    font-size: 1.2rem;
    line-height: 1.58;
    max-width: 68ch;
}

.runner-answer-legend {
    margin-bottom: 0.9rem;
    font-size: 0.86rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.runner-option-list {
    gap: 0.88rem;
}

.runner-option-content {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.82rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
    background: var(--app-surface);
    padding: 0.98rem 1rem;
}

.runner-option-row:hover .runner-option-content {
    transform: none;
    border-color: rgba(var(--brand-primary-rgb), 0.5);
    background: rgba(var(--brand-primary-rgb), 0.06);
    box-shadow: 0 10px 16px rgba(10, 16, 32, 0.12);
}

[data-bs-theme='dark'] .runner-option-row:hover .runner-option-content {
    background: rgba(var(--brand-primary-rgb), 0.2);
}

.runner-option-indicator {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    border: 2px solid rgba(var(--brand-primary-rgb), 0.5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.runner-option-indicator-dot {
    width: 0.54rem;
    height: 0.54rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--brand-accent), var(--brand-primary));
    opacity: 0;
    transform: scale(0.72);
    transition: opacity 0.14s ease, transform 0.14s ease;
}

.runner-option-check:checked + .runner-option-content {
    border-color: rgba(178, 44, 208, 0.78);
    box-shadow: 0 0 0 2px rgba(178, 44, 208, 0.12), 0 12px 24px rgba(178, 44, 208, 0.2);
    background-color: rgba(var(--brand-primary-rgb), 0.11);
}

.runner-option-check:checked + .runner-option-content .runner-option-indicator-dot {
    opacity: 1;
    transform: scale(1);
}

.runner-option-text {
    font-size: 1.03rem;
}

.runner-actions {
    margin-top: 1.85rem !important;
}

.runner-primary-cta {
    min-height: 3rem;
    padding-inline: 1.22rem;
    font-weight: 650;
}

.runner-primary-cta:disabled {
    opacity: 0.52;
    box-shadow: none;
    transform: none;
}

.runner-secondary-cta {
    min-height: 3rem;
}

.runner-shortcut-hint {
    font-size: 0.75rem;
    opacity: 0.68;
}

.runner-question-dimmed {
    opacity: 0.35;
    filter: saturate(0.65);
}

body.runner-break-active {
    overflow: hidden;
}

.runner-break-overlay {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: rgba(0, 0, 0, 0.88);
    pointer-events: auto;
}

.runner-break-overlay-content {
    width: min(34rem, 100%);
    text-align: center;
    color: #fff;
}

.runner-break-title {
    font-size: clamp(2rem, 1.5rem + 2vw, 2.8rem);
    font-weight: 800;
    letter-spacing: 0.01em;
}

.runner-break-timer-shell {
    --runner-break-progress: 1;
    position: relative;
    width: clamp(11.5rem, 9.6rem + 8.2vw, 15.8rem);
    aspect-ratio: 1 / 1;
    margin: 0 auto 0.4rem;
    display: grid;
    place-items: center;
}

.runner-break-timer-shell::after {
    content: '';
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.015) 68%);
}

.runner-break-timer-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(
        from -90deg,
        rgba(145, 220, 255, 0.96) calc(var(--runner-break-progress) * 1turn),
        rgba(255, 255, 255, 0.16) 0
    );
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 11px), #000 calc(100% - 10px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 11px), #000 calc(100% - 10px));
    filter: drop-shadow(0 0 12px rgba(145, 220, 255, 0.24));
    animation: runnerBreakRingPulse 2.6s ease-in-out infinite;
}

.runner-break-timer {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.6ch;
    font-size: clamp(2.5rem, 2.05rem + 2.8vw, 3.35rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 0 18px rgba(255, 255, 255, 0.22);
    animation: runnerBreakTimerGlow 2.8s ease-in-out infinite;
}

.runner-break-timer-label {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.95rem;
    letter-spacing: 0.01em;
}

.runner-break-end-btn {
    min-height: 3.15rem;
    min-width: 220px;
    padding-inline: 1.6rem;
    font-size: 1.05rem;
    font-weight: 700;
    border-radius: 0.8rem;
}

@keyframes runnerBreakTimerGlow {
    0%,
    100% {
        text-shadow: 0 0 14px rgba(255, 255, 255, 0.2);
    }

    50% {
        text-shadow: 0 0 24px rgba(255, 255, 255, 0.34);
    }
}

@keyframes runnerBreakRingPulse {
    0%,
    100% {
        filter: drop-shadow(0 0 10px rgba(145, 220, 255, 0.2));
    }

    50% {
        filter: drop-shadow(0 0 18px rgba(145, 220, 255, 0.32));
    }
}

@media (max-width: 991.98px) {
    .runner-status-main {
        grid-template-columns: minmax(0, 1fr);
    }

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

    .runner-pause-btn-lg {
        min-height: 3rem;
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    body.test-runner-mode .frontend-header,
    body.test-runner-mode .frontend-footer {
        opacity: 0.04;
    }

    .runner-focus-status {
        top: 0.35rem;
        padding: 0.7rem 0.74rem;
    }

    .runner-timer-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .runner-timer-block {
        min-height: 78px;
    }

    .runner-option-content {
        padding: 0.88rem 0.85rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .runner-time-low .runner-timer-warning-dot {
        animation: none !important;
    }

    .runner-break-timer {
        animation: none !important;
    }

    .runner-break-timer-ring {
        animation: none !important;
    }
}

/* ── Auth pages polish (Phase 8) ─────────────────────────────────── */

.auth-brand {
    padding-top: var(--space-4);
}

.auth-brand-logo {
    height: 48px;
    width: auto;
}

.auth-card {
    border-radius: var(--radius-lg);
    overflow: hidden;
}

/* ── Candidate login page ────────────────────────────────────────── */

.candidate-login-shell {
    padding-top: clamp(1rem, 4vw, 3rem);
    padding-bottom: clamp(2rem, 5vw, 3rem);
}

.candidate-login-card {
    border: 1px solid var(--neutral-border);
    background: var(--app-surface);
    box-shadow: var(--shadow-md);
}

[data-bs-theme='dark'] .candidate-login-card {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(21, 33, 53, 0.92);
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.06);
}

.candidate-login-card-body {
    padding: 1.75rem;
}

@media (min-width: 768px) {
    .candidate-login-card-body {
        padding: 2.25rem;
    }
}

.candidate-login-header {
    text-align: center;
    margin-bottom: var(--space-2);
}

.candidate-login-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-full);
    background: var(--app-brand-soft);
    color: var(--app-brand);
    margin-bottom: var(--space-3);
}

.candidate-login-mark svg {
    width: 1.3rem;
    height: 1.3rem;
    fill: currentColor;
}

.candidate-login-mark-success {
    background: rgba(25, 135, 84, 0.12);
    color: var(--bs-success);
}

[data-bs-theme='dark'] .candidate-login-mark-success {
    background: rgba(25, 135, 84, 0.22);
}

.candidate-login-kicker {
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--neutral-muted);
    font-weight: 600;
}

.candidate-login-title {
    font-weight: 650;
}

.candidate-login-subtitle {
    font-size: var(--text-sm);
    color: var(--neutral-muted);
}

.candidate-login-alert {
    border-radius: var(--radius-md);
}

.candidate-login-input-wrap {
    position: relative;
}

.candidate-login-input-icon {
    position: absolute;
    left: 0.85rem;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    width: 1.1rem;
    height: 1.1rem;
    line-height: 0;
    color: var(--neutral-muted);
    pointer-events: none;
    z-index: 1;
}

.candidate-login-input-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.candidate-login-input {
    min-height: 3rem;
    border-radius: var(--radius-md);
    padding-left: 2.5rem;
    border: 1px solid var(--neutral-border);
    font-size: var(--text-base);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

[data-bs-theme='dark'] .candidate-login-input {
    border-color: rgba(155, 175, 214, 0.24);
    background: rgba(8, 14, 27, 0.7);
}

.candidate-login-input::placeholder {
    color: var(--neutral-muted);
    opacity: 0.7;
}

.candidate-login-input:focus {
    border-color: var(--app-brand);
    box-shadow: 0 0 0 0.2rem var(--app-focus-ring);
}

[data-bs-theme='dark'] .candidate-login-input:focus {
    border-color: rgba(176, 113, 255, 0.7);
    background: rgba(10, 17, 31, 0.85);
    box-shadow:
        0 0 0 0.2rem rgba(126, 76, 232, 0.22),
        0 0 18px rgba(118, 66, 218, 0.15);
}

.candidate-login-input.is-invalid {
    border-color: var(--bs-danger);
    box-shadow: 0 0 0 0.18rem rgba(220, 53, 69, 0.15);
}

.candidate-login-submit {
    min-height: 3rem;
    border: 0;
    border-radius: var(--radius-md);
    font-weight: 600;
    letter-spacing: 0.01em;
    background: var(--gradient-brand);
    box-shadow:
        0 8px 20px rgba(var(--brand-primary-rgb), 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

.candidate-login-submit:hover {
    transform: translateY(-1px);
    box-shadow:
        0 12px 28px rgba(var(--brand-primary-rgb), 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    filter: brightness(1.04);
}

.candidate-login-submit:active {
    transform: translateY(0) scale(0.99);
}

.candidate-login-forgot-link {
    color: var(--neutral-muted);
    text-decoration: none;
    transition: color 0.15s ease;
}

.candidate-login-forgot-link:hover {
    color: var(--app-brand);
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.candidate-login-forgot-link:focus-visible {
    outline: none;
    box-shadow: 0 0 0 0.2rem var(--app-focus-ring);
    border-radius: var(--radius-sm);
}

.candidate-login-apply-hint {
    font-size: var(--text-sm);
    color: var(--neutral-muted);
}

.candidate-login-apply-link {
    color: var(--app-brand);
    text-decoration: none;
    font-weight: 600;
}

.candidate-login-apply-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

/* ── Footer redesign (Phase 9) ───────────────────────────────────── */

.frontend-footer {
    border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important;
    background:
        linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.08), rgba(var(--brand-primary-rgb), 0) 42%),
        var(--app-surface);
}

[data-bs-theme='dark'] .frontend-footer {
    border-top-color: rgba(188, 205, 237, 0.24) !important;
    background:
        linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.16), rgba(8, 14, 25, 0) 42%),
        rgba(10, 18, 32, 0.94);
}

.frontend-footer .container {
    padding-top: 2rem;
    padding-bottom: 1.75rem;
}

.footer-logo {
    height: 32px;
    width: auto;
}

.footer-heading {
    font-size: var(--text-sm);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--neutral-muted);
}

.footer-link {
    color: var(--neutral-text);
    text-decoration: none;
    transition: color 0.15s ease, opacity 0.15s ease;
}

.footer-link:hover {
    color: var(--app-brand);
}

[data-bs-theme='dark'] .footer-link {
    color: #e4ecfa;
    opacity: 0.88;
}

[data-bs-theme='dark'] .footer-link:hover,
[data-bs-theme='dark'] .footer-link:focus-visible {
    color: #ffffff;
    opacity: 1;
}

@media (max-width: 575.98px) {
    .contact-map-frame {
        height: 200px;
    }
}

/* ── Global polish (Phase 10) ────────────────────────────────────── */

.candidate main.container {
    animation: page-fade-in 180ms ease-out both;
}

/* ── Candidate test buffer page ─────────────────────────────────── */

.candidate-test-buffer-mode .frontend-header {
    position: relative;
    z-index: 1100;
}

.candidate-test-buffer-mode .frontend-header .dropdown-menu {
    z-index: 1110;
}

.candidate-test-buffer-mode .frontend-footer {
    opacity: 0.7;
    filter: saturate(0.86);
}

body:has(#candidateTestBufferRoot) main.container,
.candidate-test-buffer-mode main.container {
    max-width: 1280px;
}

.candidate-test-buffer-shell {
    --candidate-buffer-shell-bg: linear-gradient(158deg, rgba(255, 255, 255, 0.97), rgba(245, 249, 255, 0.94));
    --candidate-buffer-shell-border: rgba(var(--brand-primary-rgb), 0.22);
    --candidate-buffer-shell-shadow: 0 24px 46px rgba(15, 23, 42, 0.14);
    --candidate-buffer-surface-bg: linear-gradient(160deg, rgba(255, 255, 255, 0.97), rgba(246, 249, 255, 0.95));
    --candidate-buffer-surface-border: rgba(var(--brand-primary-rgb), 0.2);
    --candidate-buffer-surface-shadow: 0 12px 26px rgba(15, 23, 42, 0.09);
    --candidate-buffer-action-bg: linear-gradient(160deg, rgba(var(--brand-primary-rgb), 0.17), rgba(var(--brand-primary-rgb), 0.07));
    --candidate-buffer-action-border: rgba(var(--brand-primary-rgb), 0.3);
    --candidate-buffer-action-cta-bg: rgba(255, 255, 255, 0.58);
    --candidate-buffer-action-cta-border: rgba(var(--brand-primary-rgb), 0.24);
    --candidate-buffer-item-bg: rgba(var(--brand-primary-rgb), 0.06);
    --candidate-buffer-item-border: rgba(var(--brand-primary-rgb), 0.2);
    --candidate-buffer-muted: #55647e;
    --candidate-buffer-subtle: #6a7893;
    max-width: 1260px;
    margin: 0 auto;
    padding-top: clamp(0.55rem, 1.3vw, 1.05rem);
    padding-bottom: clamp(0.8rem, 2vw, 1.45rem);
}

[data-bs-theme='dark'] .candidate-test-buffer-shell {
    --candidate-buffer-shell-bg: linear-gradient(160deg, rgba(22, 35, 56, 0.96), rgba(13, 24, 42, 0.98));
    --candidate-buffer-shell-border: rgba(196, 212, 243, 0.24);
    --candidate-buffer-shell-shadow: 0 28px 48px rgba(2, 8, 18, 0.66);
    --candidate-buffer-surface-bg: linear-gradient(160deg, rgba(27, 43, 69, 0.97), rgba(15, 30, 50, 0.97));
    --candidate-buffer-surface-border: rgba(196, 212, 243, 0.24);
    --candidate-buffer-surface-shadow: 0 16px 32px rgba(2, 8, 18, 0.54);
    --candidate-buffer-action-bg: linear-gradient(162deg, rgba(var(--brand-primary-rgb), 0.3), rgba(var(--brand-primary-rgb), 0.16));
    --candidate-buffer-action-border: rgba(205, 219, 246, 0.34);
    --candidate-buffer-action-cta-bg: rgba(11, 20, 34, 0.4);
    --candidate-buffer-action-cta-border: rgba(205, 219, 246, 0.32);
    --candidate-buffer-item-bg: rgba(var(--brand-primary-rgb), 0.17);
    --candidate-buffer-item-border: rgba(196, 212, 243, 0.24);
    --candidate-buffer-muted: #bfcee4;
    --candidate-buffer-subtle: #acbdd8;
}

.candidate-test-buffer-card {
    border: 1px solid var(--candidate-buffer-shell-border);
    border-radius: 1.06rem;
    background: var(--candidate-buffer-shell-bg);
    box-shadow: var(--candidate-buffer-shell-shadow);
    overflow: visible;
}

.candidate-test-buffer-root {
    position: relative;
    overflow: visible;
}

.candidate-test-buffer-root::before {
    content: '';
    position: absolute;
    inset: auto auto -34% -6%;
    width: min(320px, 42vw);
    height: min(320px, 42vw);
    border-radius: 999px;
    background: radial-gradient(circle at 36% 34%, rgba(var(--brand-primary-rgb), 0.2), rgba(var(--brand-primary-rgb), 0));
    pointer-events: none;
    z-index: 0;
}

.candidate-test-buffer-root::after {
    content: '';
    position: absolute;
    inset: -30% -4% auto auto;
    width: min(260px, 34vw);
    height: min(260px, 34vw);
    border-radius: 999px;
    background: radial-gradient(circle at 34% 34%, rgba(var(--brand-primary-rgb), 0.14), rgba(var(--brand-primary-rgb), 0));
    pointer-events: none;
    z-index: 0;
}

.candidate-test-buffer-layout {
    position: relative;
    z-index: 1;
    display: grid;
    gap: clamp(0.9rem, 2vw, 1.25rem);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        'header'
        'action'
        'main';
    align-items: start;
}

.candidate-test-buffer-header-block {
    grid-area: header;
}

.candidate-test-buffer-main {
    grid-area: main;
    min-width: 0;
    display: grid;
    gap: clamp(0.88rem, 1.8vw, 1.15rem);
}

.candidate-test-buffer-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.76rem;
    align-items: start;
}

.candidate-test-buffer-header-content {
    min-width: 0;
}

.candidate-test-buffer-header-icon {
    width: 2.12rem;
    height: 2.12rem;
    border-radius: 0.7rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.32);
    background: rgba(var(--brand-primary-rgb), 0.14);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-text);
}

.candidate-test-buffer-header-icon .ui-icon {
    width: 1.06rem;
    height: 1.06rem;
}

[data-bs-theme='dark'] .candidate-test-buffer-header-icon {
    border-color: rgba(205, 219, 246, 0.34);
    background: rgba(var(--brand-primary-rgb), 0.26);
    color: #e9f1ff;
}

.candidate-test-buffer-kicker {
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 680;
    color: var(--candidate-buffer-subtle);
}

.candidate-test-buffer-title {
    letter-spacing: -0.012em;
    line-height: 1.24;
}

.candidate-test-buffer-subtitle {
    color: var(--candidate-buffer-muted) !important;
    max-width: 72ch;
    line-height: 1.52;
    overflow-wrap: anywhere;
}

.candidate-test-buffer-summary-grid {
    display: grid;
    gap: 0.78rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.candidate-test-buffer-summary-card,
.candidate-test-buffer-sections-card,
.candidate-test-buffer-info-card {
    border: 1px solid var(--candidate-buffer-surface-border);
    border-radius: 0.88rem;
    background: var(--candidate-buffer-surface-bg);
    box-shadow: var(--candidate-buffer-surface-shadow);
}

.candidate-test-buffer-summary-card {
    padding: 0.88rem 0.94rem;
    display: grid;
    gap: 0.25rem;
    align-content: start;
}

.candidate-test-buffer-summary-title {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--candidate-buffer-subtle);
    font-weight: 680;
    line-height: 1.36;
}

.candidate-test-buffer-summary-value {
    font-size: clamp(1.02rem, 0.95rem + 0.28vw, 1.22rem);
    font-weight: 680;
    line-height: 1.28;
    color: var(--neutral-text);
    overflow-wrap: anywhere;
}

.candidate-test-buffer-summary-value-duration {
    font-size: clamp(1.24rem, 1.05rem + 0.52vw, 1.5rem);
    line-height: 1.2;
}

.candidate-test-buffer-summary-meta {
    color: var(--candidate-buffer-muted);
    font-size: 0.8rem;
    line-height: 1.44;
    overflow-wrap: anywhere;
}

.candidate-test-buffer-summary-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.48rem;
}

.candidate-test-buffer-summary-fact {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    padding: 0.14rem 0.52rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
    background: rgba(var(--brand-primary-rgb), 0.12);
    color: var(--candidate-buffer-muted);
    font-size: 0.74rem;
    line-height: 1.3;
    white-space: nowrap;
}

[data-bs-theme='dark'] .candidate-test-buffer-summary-fact {
    border-color: rgba(199, 215, 246, 0.32);
    background: rgba(var(--brand-primary-rgb), 0.24);
    color: #dbe7ff;
}

.candidate-test-buffer-pause-state.is-allowed {
    color: #15724f;
}

.candidate-test-buffer-pause-state.is-blocked {
    color: #8d293c;
}

[data-bs-theme='dark'] .candidate-test-buffer-pause-state.is-allowed {
    color: #a7f3d0;
}

[data-bs-theme='dark'] .candidate-test-buffer-pause-state.is-blocked {
    color: #fecdd3;
}

.candidate-test-buffer-sections-card {
    padding: clamp(0.95rem, 1.9vw, 1.2rem);
    display: grid;
    gap: 0.84rem;
}

.candidate-test-buffer-sections-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.58rem;
    flex-wrap: wrap;
}

.candidate-test-buffer-sections-overview {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 1.45rem;
    padding: 0.14rem 0.56rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
    background: rgba(var(--brand-primary-rgb), 0.12);
    font-size: 0.74rem;
    color: var(--candidate-buffer-muted);
    white-space: nowrap;
}

[data-bs-theme='dark'] .candidate-test-buffer-sections-overview {
    border-color: rgba(199, 215, 246, 0.34);
    background: rgba(var(--brand-primary-rgb), 0.22);
    color: #dbe8ff;
}

.candidate-test-buffer-sections-list {
    display: grid;
    gap: 0.66rem;
}

.candidate-test-buffer-section-item {
    border: 1px solid var(--candidate-buffer-item-border);
    border-radius: 0.72rem;
    background: var(--candidate-buffer-item-bg);
    padding: 0.72rem 0.8rem;
    display: grid;
    gap: 0.5rem;
}

[data-bs-theme='dark'] .candidate-test-buffer-section-item {
    border-color: var(--candidate-buffer-item-border);
    background: var(--candidate-buffer-item-bg);
}

.candidate-test-buffer-section-item-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: start;
}

.candidate-test-buffer-section-content {
    min-width: 0;
}

.candidate-test-buffer-section-item-title {
    font-size: 0.97rem;
    line-height: 1.32;
    letter-spacing: -0.01em;
    overflow-wrap: anywhere;
}

.candidate-test-buffer-section-item-meta {
    font-size: 0.8rem;
    line-height: 1.44;
    color: var(--candidate-buffer-muted);
    overflow-wrap: anywhere;
}

.candidate-test-buffer-section-tags {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.36rem 0.42rem;
}

.candidate-test-buffer-section-tags li {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
    border-radius: 999px;
    background: rgba(var(--brand-primary-rgb), 0.12);
    color: var(--candidate-buffer-muted);
    padding: 0.12rem 0.5rem;
    font-size: 0.74rem;
    line-height: 1.3;
    max-width: 100%;
    overflow-wrap: anywhere;
}

[data-bs-theme='dark'] .candidate-test-buffer-section-tags li {
    border-color: rgba(199, 215, 246, 0.32);
    background: rgba(var(--brand-primary-rgb), 0.22);
    color: #dbe7ff;
}

.candidate-test-buffer-section-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.48rem;
    padding: 0.08rem 0.56rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.28);
    background: rgba(var(--brand-primary-rgb), 0.12);
    color: var(--candidate-buffer-muted);
    font-size: 0.74rem;
    white-space: nowrap;
}

[data-bs-theme='dark'] .candidate-test-buffer-section-count {
    border-color: rgba(199, 215, 246, 0.32);
    background: rgba(var(--brand-primary-rgb), 0.24);
    color: #dbe8ff;
}

.candidate-test-buffer-support-grid {
    display: grid;
    gap: 0.78rem;
    grid-template-columns: minmax(0, 1fr);
}

.candidate-test-buffer-info-card {
    padding: 0.92rem 0.96rem;
    display: grid;
    gap: 0.52rem;
    align-content: start;
}

.candidate-test-buffer-prep-strip {
    border-color: rgba(var(--brand-primary-rgb), 0.34);
    background: linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.15), rgba(var(--brand-primary-rgb), 0.09));
    gap: 0.68rem;
}

[data-bs-theme='dark'] .candidate-test-buffer-prep-strip {
    border-color: rgba(206, 220, 248, 0.38);
    background: linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.27), rgba(var(--brand-primary-rgb), 0.16));
}

.candidate-test-buffer-checklist {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.candidate-test-buffer-checklist--compact {
    gap: 0.4rem;
}

.candidate-test-buffer-checklist--compact li {
    font-size: 0.84rem;
    line-height: 1.42;
}

.candidate-test-buffer-checklist--strip {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 0.52rem 0.62rem;
}

.candidate-test-buffer-checklist--strip li {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.26);
    border-radius: 0.64rem;
    background: rgba(var(--brand-primary-rgb), 0.11);
    padding: 0.46rem 0.56rem;
    font-size: 0.84rem;
    line-height: 1.42;
}

[data-bs-theme='dark'] .candidate-test-buffer-checklist--strip li {
    border-color: rgba(205, 219, 246, 0.34);
    background: rgba(var(--brand-primary-rgb), 0.22);
}

.candidate-test-buffer-checklist li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: start;
    color: var(--neutral-text);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.candidate-test-buffer-check-icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.02rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.3);
    background: rgba(var(--brand-primary-rgb), 0.16);
    color: var(--app-brand);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
}

.candidate-test-buffer-instructions {
    white-space: pre-wrap;
    line-height: 1.52;
    color: var(--neutral-text);
    overflow-wrap: anywhere;
}

.candidate-test-buffer-instructions-card {
    gap: 0.62rem;
}

.candidate-test-buffer-instructions-card .candidate-test-buffer-instructions {
    max-width: none;
}

.candidate-test-buffer-instructions--html {
    white-space: normal;
}

.candidate-test-buffer-instructions--html p,
.candidate-test-buffer-instructions--html ul,
.candidate-test-buffer-instructions--html ol,
.candidate-test-buffer-instructions--html h2,
.candidate-test-buffer-instructions--html h3,
.candidate-test-buffer-instructions--html h4,
.candidate-test-buffer-instructions--html blockquote,
.candidate-test-buffer-instructions--html div.alert {
    margin-bottom: 0.62rem;
}

.candidate-test-buffer-instructions--html p:last-child,
.candidate-test-buffer-instructions--html ul:last-child,
.candidate-test-buffer-instructions--html ol:last-child,
.candidate-test-buffer-instructions--html h2:last-child,
.candidate-test-buffer-instructions--html h3:last-child,
.candidate-test-buffer-instructions--html h4:last-child,
.candidate-test-buffer-instructions--html blockquote:last-child,
.candidate-test-buffer-instructions--html div.alert:last-child {
    margin-bottom: 0;
}

.candidate-test-buffer-empty-note {
    border: 1px dashed rgba(var(--brand-primary-rgb), 0.24);
    border-radius: 0.74rem;
    background: rgba(var(--brand-primary-rgb), 0.08);
    padding: 0.74rem 0.78rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
}

.candidate-test-buffer-empty-note-icon {
    width: 1.56rem;
    height: 1.56rem;
    border-radius: 0.45rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.26);
    background: rgba(var(--brand-primary-rgb), 0.14);
    color: var(--candidate-buffer-subtle);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.candidate-test-buffer-empty-note-icon .ui-icon {
    width: 0.8rem;
    height: 0.8rem;
}

.candidate-test-buffer-empty-copy {
    color: var(--candidate-buffer-muted);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.candidate-test-buffer-action-panel {
    grid-area: action;
    position: relative;
    border: 1px solid var(--candidate-buffer-action-border);
    border-radius: 1rem;
    background: var(--candidate-buffer-action-bg);
    box-shadow: 0 20px 34px rgba(15, 23, 42, 0.17);
    padding: clamp(0.94rem, 1.9vw, 1.2rem);
    display: grid;
    gap: 0.9rem;
    align-self: start;
    overflow: hidden;
}

.candidate-test-buffer-action-panel::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.18), rgba(var(--brand-primary-rgb), 0.68), rgba(var(--brand-primary-rgb), 0.18));
    pointer-events: none;
}

[data-bs-theme='dark'] .candidate-test-buffer-action-panel {
    box-shadow: 0 22px 36px rgba(2, 8, 18, 0.58);
}

.candidate-test-buffer-action-top {
    display: grid;
    gap: 0.18rem;
}

.candidate-test-buffer-action-kicker {
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 670;
    color: var(--candidate-buffer-subtle);
}

.candidate-test-buffer-action-title {
    font-size: clamp(1rem, 0.93rem + 0.3vw, 1.16rem);
    line-height: 1.25;
    font-weight: 680;
}

.candidate-test-buffer-action-primary {
    display: grid;
    gap: 0.68rem;
    padding: 0.74rem 0.78rem;
    border-radius: 0.84rem;
    border: 1px solid var(--candidate-buffer-action-cta-border);
    background: var(--candidate-buffer-action-cta-bg);
}

[data-bs-theme='dark'] .candidate-test-buffer-action-primary {
    background: var(--candidate-buffer-action-cta-bg);
}

.candidate-test-buffer-action-countdown {
    border: 1px solid rgba(var(--brand-primary-rgb), 0.3);
    border-radius: 0.76rem;
    background: rgba(var(--brand-primary-rgb), 0.14);
    padding: 0.5rem 0.56rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.56rem;
    align-items: center;
}

[data-bs-theme='dark'] .candidate-test-buffer-action-countdown {
    border-color: rgba(205, 220, 247, 0.36);
    background: rgba(var(--brand-primary-rgb), 0.25);
}

.candidate-test-buffer-action-countdown-content {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.candidate-test-buffer-action-countdown-label {
    font-size: 0.66rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--candidate-buffer-subtle);
    line-height: 1.3;
}

.candidate-test-buffer-action-countdown-copy {
    color: var(--neutral-text);
    font-size: 0.84rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.candidate-test-buffer-countdown-badge {
    min-width: 2.56rem;
    height: 2.56rem;
    padding: 0 0.66rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.12rem;
    font-weight: 700;
    background: rgba(var(--brand-primary-rgb), 0.22);
    border: 1px solid rgba(var(--brand-primary-rgb), 0.34);
    color: var(--app-brand);
}

.candidate-test-buffer-start-form .btn {
    min-height: 2.72rem;
    font-weight: 650;
    letter-spacing: 0.01em;
}

.candidate-test-buffer-live {
    color: var(--candidate-buffer-muted) !important;
    line-height: 1.44;
    overflow-wrap: anywhere;
}

.candidate-test-buffer-action-hint {
    line-height: 1.46;
    overflow-wrap: anywhere;
}

.candidate-test-buffer-action-secondary {
    border-top: 1px solid rgba(var(--brand-primary-rgb), 0.22);
    padding-top: 0.76rem;
    margin-top: 0.06rem;
}

[data-bs-theme='dark'] .candidate-test-buffer-action-secondary {
    border-top-color: rgba(206, 220, 247, 0.3);
}

.candidate-test-buffer-back-btn {
    min-height: 2.52rem;
    font-weight: 620;
}

@media (min-width: 768px) {
    .candidate-test-buffer-summary-grid {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    }
}

@media (min-width: 992px) {
    .candidate-test-buffer-summary-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .candidate-test-buffer-layout {
        grid-template-columns: minmax(0, 1.6fr) clamp(320px, 30vw, 372px);
        grid-template-areas:
            'header action'
            'main action';
        column-gap: clamp(1rem, 2.2vw, 1.58rem);
        row-gap: clamp(0.9rem, 1.2vw, 1.08rem);
    }

    .candidate-test-buffer-action-panel {
        position: sticky;
        top: 1.08rem;
    }
}

@media (max-width: 767.98px) {
    .candidate-test-buffer-header {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.56rem;
    }

    .candidate-test-buffer-header-icon {
        width: 1.94rem;
        height: 1.94rem;
    }

    .candidate-test-buffer-subtitle {
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .candidate-test-buffer-root {
        padding: 0.94rem !important;
    }

    .candidate-test-buffer-summary-card,
    .candidate-test-buffer-sections-card,
    .candidate-test-buffer-info-card,
    .candidate-test-buffer-action-panel {
        padding: 0.82rem;
    }

    .candidate-test-buffer-action-primary {
        padding: 0.66rem 0.68rem;
    }

    .candidate-test-buffer-countdown-badge {
        min-width: 2.34rem;
        height: 2.34rem;
        font-size: 1rem;
    }

    .candidate-test-buffer-start-form .btn,
    .candidate-test-buffer-back-btn {
        min-height: 2.56rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .candidate-test-buffer-mode .frontend-header,
    .candidate-test-buffer-mode .frontend-footer {
        transition: none;
    }
}

.admin-navigation-page .navigation-builder {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    position: relative;
}

.admin-navigation-page .navigation-builder-heading {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 0.75rem;
}

.admin-navigation-page .navigation-menu-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.admin-navigation-page .navigation-menu-link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(12, 18, 28, 0.66);
    color: inherit;
    text-decoration: none;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.admin-navigation-page .navigation-menu-link:hover,
.admin-navigation-page .navigation-menu-link:focus-visible,
.admin-navigation-page .navigation-menu-link.is-active {
    border-color: rgba(124, 185, 255, 0.4);
    background: rgba(19, 29, 43, 0.92);
    transform: translateY(-1px);
}

.admin-navigation-page .navigation-menu-link-copy {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
}

.admin-navigation-page .navigation-menu-link-title {
    font-weight: 700;
}

.admin-navigation-page .navigation-menu-link-desc {
    font-size: 0.84rem;
    color: rgba(221, 228, 238, 0.74);
}

.admin-navigation-page .navigation-menu-link-meta {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    align-items: flex-end;
}

.admin-navigation-page .navigation-menu-link-count {
    font-size: 0.85rem;
    color: rgba(221, 228, 238, 0.72);
}

.admin-navigation-page .navigation-items-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.admin-navigation-page .navigation-item-list {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.admin-navigation-page .navigation-item-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(15, 21, 32, 0.78);
    cursor: grab;
}

.admin-navigation-page .navigation-item-row.is-dragging {
    opacity: 0.55;
}

.admin-navigation-page .navigation-item-handle {
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.55);
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 0.3rem 0.1rem;
}

.admin-navigation-page .navigation-item-main {
    min-width: 0;
}

.admin-navigation-page .navigation-item-main-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.admin-navigation-page .navigation-item-title {
    font-weight: 700;
}

.admin-navigation-page .navigation-item-badges,
.admin-navigation-page .navigation-item-state {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.admin-navigation-page .navigation-item-destination {
    margin-top: 0.24rem;
    font-size: 0.88rem;
    color: rgba(221, 228, 238, 0.74);
    word-break: break-word;
}

.admin-navigation-page .navigation-item-actions {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.admin-navigation-page .navigation-empty-state {
    padding: 1.4rem;
    border: 1px dashed rgba(255, 255, 255, 0.14);
    border-radius: 1rem;
    background: rgba(15, 21, 32, 0.38);
}

.admin-navigation-page .navigation-drawer {
    position: fixed;
    inset: 0;
    z-index: 1080;
}

.admin-navigation-drawer-open {
    overflow: hidden;
}

.admin-navigation-page .navigation-drawer-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4, 8, 14, 0.7);
    backdrop-filter: blur(8px);
}

.admin-navigation-page .navigation-drawer-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: min(100%, 34rem);
    height: 100%;
    padding: 1.25rem;
    overflow-y: auto;
    background: linear-gradient(180deg, rgba(15, 21, 32, 0.98) 0%, rgba(8, 13, 20, 0.98) 100%);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: -24px 0 54px rgba(0, 0, 0, 0.34);
}

.admin-navigation-page .navigation-drawer-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-navigation-page .navigation-drawer-kicker {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.74rem;
    color: rgba(132, 196, 255, 0.82);
}

.admin-navigation-page .navigation-drawer-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.admin-navigation-page .navigation-form-field {
    display: flex;
    flex-direction: column;
}

.admin-navigation-page .navigation-form-switches {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding-top: 0.25rem;
}

.admin-navigation-page .navigation-drawer-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    padding-top: 0.4rem;
}

@media (max-width: 991.98px) {
    .admin-navigation-page .navigation-builder {
        grid-template-columns: 1fr;
    }

    .admin-navigation-page .navigation-item-row {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-navigation-page .navigation-item-state,
    .admin-navigation-page .navigation-item-actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .admin-navigation-page .navigation-items-card-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

.job-wizard-guided-stack {
    display: grid;
    gap: 1rem;
}

.admin-job-wizard-page .job-wizard-guide-card {
    border: 1px solid var(--job-wizard-panel-border);
    background: var(--job-wizard-panel-bg-strong);
    box-shadow: var(--job-wizard-panel-shadow);
}

.job-wizard-localized-section__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.job-wizard-localized-section__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.admin-job-wizard-page .job-wizard-localized-panels {
    display: grid;
    gap: 1rem;
}

.admin-job-wizard-page .job-wizard-localized-panel {
    display: grid;
    gap: 0.75rem;
}

.admin-job-wizard-page .job-wizard-localized-shared {
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--job-wizard-panel-border);
}

.admin-job-wizard-page .job-wizard-localized-shared__head {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
}

.admin-job-wizard-page .job-wizard-localized-shared__head .badge {
    border-radius: 999px;
}

.admin-job-wizard-page .job-wizard-translation-chip {
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 600;
    background: var(--job-wizard-chip-muted-bg);
    color: var(--job-wizard-chip-muted-fg);
}

.admin-job-wizard-page .job-wizard-translation-chip[data-localized-state="ro-only"] {
    background: var(--job-wizard-chip-ro-bg);
    color: var(--job-wizard-chip-ro-fg);
}

.admin-job-wizard-page .job-wizard-translation-chip[data-localized-state="partial"] {
    background: var(--job-wizard-chip-partial-bg);
    color: var(--job-wizard-chip-partial-fg);
}

.admin-job-wizard-page .job-wizard-translation-chip[data-localized-state="ready"] {
    background: var(--job-wizard-chip-ready-bg);
    color: var(--job-wizard-chip-ready-fg);
}

.admin-job-wizard-page .job-wizard-optional-details,
.admin-job-wizard-page .job-wizard-inline-details,
.admin-job-wizard-page .job-wizard-advanced-settings {
    border: 1px solid var(--job-wizard-panel-border);
    border-radius: 1rem;
    background: var(--job-wizard-panel-bg);
    box-shadow: var(--job-wizard-panel-shadow);
    padding: 0.85rem 1rem;
}

.admin-job-wizard-page .job-wizard-optional-details > summary,
.admin-job-wizard-page .job-wizard-inline-details > summary,
.admin-job-wizard-page .job-wizard-advanced-settings > summary {
    cursor: pointer;
    font-weight: 600;
    color: var(--job-wizard-title);
}

.admin-job-wizard-page .job-wizard-step2-prep-card,
.admin-job-wizard-page .job-wizard-step4-publish-card,
.admin-job-wizard-page .job-wizard-step4-stat-card,
.admin-job-wizard-page .job-wizard-step2-summary-block,
.admin-job-wizard-page .job-wizard-readiness-chip {
    border: 1px solid var(--job-wizard-panel-border);
    border-radius: 1rem;
    background: var(--job-wizard-panel-bg);
    box-shadow: var(--job-wizard-panel-shadow);
    padding: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-step-card {
    border-radius: 1rem;
    border-color: var(--job-wizard-border);
    background: var(--job-wizard-panel-bg-strong);
    box-shadow: var(--job-wizard-panel-shadow);
}

.admin-job-wizard-page .job-wizard-step2-step-card .card-body {
    background: transparent;
}

.admin-job-wizard-page .job-wizard-step2-step-card .btn-light {
    background: rgba(105, 128, 178, 0.12);
    color: var(--job-wizard-text);
}

.admin-job-wizard-page .job-wizard-step2-summary-block {
    border-radius: 0.9rem;
    padding: 0.9rem 1rem;
    margin-bottom: 0;
    height: 100%;
}

.admin-job-wizard-page .job-wizard-step2-summary-warning-list {
    margin: 0.65rem 0 0;
    padding-left: 1.1rem;
    color: var(--job-wizard-warning-fg);
    font-size: 0.85rem;
}

.admin-job-wizard-page .job-wizard-step2-summary-warnings {
    border: 1px solid var(--job-wizard-warning-border);
    background: var(--job-wizard-warning-bg);
    border-radius: 0.9rem;
    padding: 0.85rem 1rem;
    margin-bottom: 0.85rem;
}

.job-wizard-readiness-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.85rem;
}

.admin-job-wizard-page .job-wizard-readiness-chip {
    border-radius: 1rem;
    padding: 0.9rem 1rem;
}

.admin-job-wizard-page .job-wizard-readiness-chip[data-state="ready"] {
    border-color: var(--job-wizard-success-border);
    background: var(--job-wizard-success-bg);
}

.admin-job-wizard-page .job-wizard-readiness-chip[data-state="attention"] {
    border-color: var(--job-wizard-warning-border);
    background: var(--job-wizard-warning-bg);
}

.admin-job-wizard-page .job-wizard-readiness-chip[data-state="optional"],
.admin-job-wizard-page .job-wizard-readiness-chip[data-state="muted"] {
    background: var(--job-wizard-panel-bg-strong);
}

.admin-job-wizard-page .job-wizard-readiness-chip__label {
    display: block;
    font-size: 0.78rem;
    color: var(--job-wizard-muted);
    margin-bottom: 0.25rem;
}

.admin-job-wizard-page .job-wizard-readiness-chip__value {
    display: block;
    color: var(--job-wizard-title);
}

@media (max-width: 767.98px) {
    .job-wizard-localized-section__head {
        flex-direction: column;
    }
}

.admin-job-wizard-page .job-wizard-step2-builder {
    display: grid;
    gap: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-summary-bar {
    position: sticky;
    top: 1rem;
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.admin-job-wizard-page .job-wizard-step2-summary-stat,
.admin-job-wizard-page .job-wizard-step2-panel-card,
.admin-job-wizard-page .job-wizard-step2-content-card,
.admin-job-wizard-page .job-wizard-step2-ai-summary,
.admin-job-wizard-page .job-wizard-step2-picker-dialog {
    border: 1px solid var(--job-wizard-panel-border);
    border-radius: 1rem;
    background: var(--job-wizard-panel-bg);
    box-shadow: var(--job-wizard-panel-shadow);
}

.admin-job-wizard-page .job-wizard-step2-summary-stat {
    position: relative;
    overflow: hidden;
    min-height: 6.15rem;
    padding: 1rem 1.05rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.admin-job-wizard-page .job-wizard-step2-summary-stat::before {
    content: "";
    position: absolute;
    inset: auto auto -2.2rem -1.2rem;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    opacity: 0.22;
    filter: blur(2px);
}

.admin-job-wizard-page .job-wizard-step2-summary-stat.is-steps {
    border-color: rgba(126, 174, 255, 0.28);
    background: linear-gradient(180deg, rgba(38, 66, 116, 0.3), rgba(14, 24, 42, 0.92));
}

.admin-job-wizard-page .job-wizard-step2-summary-stat.is-steps::before {
    background: rgba(102, 176, 255, 0.95);
}

.admin-job-wizard-page .job-wizard-step2-summary-stat.is-modules {
    border-color: rgba(101, 217, 196, 0.28);
    background: linear-gradient(180deg, rgba(21, 92, 85, 0.3), rgba(14, 24, 42, 0.92));
}

.admin-job-wizard-page .job-wizard-step2-summary-stat.is-modules::before {
    background: rgba(89, 231, 205, 0.94);
}

.admin-job-wizard-page .job-wizard-step2-summary-stat.is-duration {
    border-color: rgba(160, 128, 255, 0.3);
    background: linear-gradient(180deg, rgba(81, 53, 145, 0.34), rgba(14, 24, 42, 0.92));
}

.admin-job-wizard-page .job-wizard-step2-summary-stat.is-duration::before {
    background: rgba(182, 142, 255, 0.95);
}

.admin-job-wizard-page .job-wizard-step2-summary-stat.is-warnings {
    border-color: rgba(255, 193, 95, 0.3);
    background: linear-gradient(180deg, rgba(121, 82, 28, 0.34), rgba(14, 24, 42, 0.92));
}

.admin-job-wizard-page .job-wizard-step2-summary-stat.is-warnings::before {
    background: rgba(255, 200, 98, 0.95);
}

.admin-job-wizard-page .job-wizard-step2-summary-label {
    display: block;
    font-size: 0.74rem;
    color: var(--job-wizard-muted);
    margin-bottom: 0.28rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.admin-job-wizard-page .job-wizard-step2-summary-value {
    display: block;
    font-size: 1.34rem;
    line-height: 1;
    color: var(--job-wizard-title);
}

.admin-job-wizard-page .job-wizard-step2-flow-map-card {
    border: 1px solid var(--job-wizard-panel-border);
    border-radius: 1rem;
    background: var(--job-wizard-panel-bg);
    box-shadow: var(--job-wizard-panel-shadow);
    padding: 0.85rem 0.9rem;
}

.admin-job-wizard-page .job-wizard-step2-flow-map-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.7rem;
}

.admin-job-wizard-page .job-wizard-step2-flow-map {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 0.2rem;
}

.admin-job-wizard-page .job-wizard-step2-flow-map-empty {
    color: var(--job-wizard-muted);
}

.admin-job-wizard-page .job-wizard-step2-flow-track {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    min-width: 0;
}

.admin-job-wizard-page .job-wizard-step2-flow-node {
    display: flex;
    align-items: flex-start;
    flex: 1 1 0;
    gap: 0.56rem;
    min-width: 0;
    max-width: none;
    padding: 0.68rem 0.72rem;
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.9rem;
    background: rgba(11, 20, 36, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.admin-job-wizard-page .job-wizard-step2-flow-node.is-online {
    border-color: rgba(102, 176, 255, 0.28);
}

.admin-job-wizard-page .job-wizard-step2-flow-node.is-ai {
    border-color: rgba(182, 142, 255, 0.28);
}

.admin-job-wizard-page .job-wizard-step2-flow-node.is-offline {
    border-color: rgba(92, 217, 186, 0.26);
}

.admin-job-wizard-page .job-wizard-step2-flow-node.is-ready .job-wizard-step2-flow-node-icon {
    border-color: rgba(83, 209, 154, 0.32);
    background: rgba(23, 122, 89, 0.22);
    color: rgba(219, 255, 240, 0.98);
}

.admin-job-wizard-page .job-wizard-step2-flow-node.is-attention .job-wizard-step2-flow-node-icon {
    border-color: rgba(245, 186, 84, 0.34);
    background: rgba(131, 90, 31, 0.22);
    color: rgba(255, 231, 179, 0.98);
}

.admin-job-wizard-page .job-wizard-step2-flow-node-icon {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.72rem;
    border: 1px solid rgba(151, 173, 216, 0.22);
    background: rgba(24, 39, 67, 0.76);
    color: rgba(233, 240, 255, 0.96);
}

.admin-job-wizard-page .job-wizard-step2-flow-node-copy {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.admin-job-wizard-page .job-wizard-step2-flow-node-kicker {
    font-size: 0.61rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-page .job-wizard-step2-flow-node-title {
    color: var(--job-wizard-title);
    font-size: 0.84rem;
    line-height: 1.24;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.admin-job-wizard-page .job-wizard-step2-flow-node-meta {
    color: var(--job-wizard-muted);
    font-size: 0.7rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.admin-job-wizard-page .job-wizard-step2-flow-link {
    display: flex;
    align-items: center;
    flex: 0 0 clamp(1rem, 2vw, 1.8rem);
    min-width: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-flow-link-line {
    width: 100%;
    min-width: 1.8rem;
    border-top: 2px dashed rgba(151, 173, 216, 0.28);
}

.admin-job-wizard-page .job-wizard-step2-builder-head {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-builder-actions {
    margin-left: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
}

.admin-job-wizard-page .job-wizard-step2-primary-cta,
.admin-job-wizard-page .job-wizard-step2-inline-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.admin-job-wizard-page .job-wizard-step2-primary-cta {
    min-height: 2.8rem;
    padding-inline: 1.05rem 1.2rem;
}

.admin-job-wizard-page .job-wizard-step2-inline-add {
    padding-inline: 0.95rem 1.1rem;
}

.admin-job-wizard-page .job-wizard-step2-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    flex: 0 0 auto;
}

.admin-job-wizard-page .job-wizard-step2-btn-icon svg {
    display: block;
}

.admin-job-wizard-page .job-wizard-step2-picker-dialog--step {
    width: min(42rem, calc(100vw - 2rem));
}

.admin-job-wizard-page .job-wizard-step2-step-picker__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.85rem;
    margin-bottom: 0.9rem;
}

.admin-job-wizard-page .job-wizard-step2-step-picker__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.admin-job-wizard-page .job-wizard-step2-step-option {
    display: grid;
    align-content: start;
    gap: 0.45rem;
    width: 100%;
    text-align: left;
    border: 1px solid rgba(151, 173, 216, 0.22);
    border-radius: 0.9rem;
    background: linear-gradient(180deg, rgba(18, 31, 55, 0.94), rgba(11, 20, 36, 0.96));
    color: var(--job-wizard-text);
    padding: 1rem 1rem 1.05rem;
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.admin-job-wizard-page .job-wizard-step2-step-option:hover,
.admin-job-wizard-page .job-wizard-step2-step-option:focus-visible {
    border-color: var(--job-wizard-tab-active-border);
    background: rgba(var(--brand-primary-rgb), 0.12);
    color: var(--job-wizard-title);
    transform: translateY(-1px);
    outline: none;
}

.admin-job-wizard-page .job-wizard-step2-step-option__icon {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.8rem;
    border: 1px solid rgba(160, 183, 228, 0.22);
    background: rgba(28, 47, 82, 0.7);
    color: rgba(235, 242, 255, 0.95);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.admin-job-wizard-page .job-wizard-step2-step-option__title {
    font-weight: 620;
}

.admin-job-wizard-page .job-wizard-step2-step-option__description {
    font-size: 0.84rem;
    color: var(--job-wizard-muted);
    line-height: 1.45;
}

.admin-job-wizard-page .job-wizard-step2-flow {
    display: grid;
    gap: 0.95rem;
}

.admin-job-wizard-page .job-wizard-step2-step-card {
    position: relative;
    border: 1px solid var(--job-wizard-border);
    border-radius: 1rem;
    background: var(--job-wizard-panel-bg-strong);
    box-shadow: var(--job-wizard-panel-shadow);
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.admin-job-wizard-page .job-wizard-step2-step-card.is-open {
    border-color: rgba(188, 148, 255, 0.42);
}

.admin-job-wizard-page .job-wizard-step2-step-card.is-step-dragging {
    opacity: 0.65;
}

.admin-job-wizard-page .job-wizard-step2-step-card.is-step-drop-target::before {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: -0.28rem;
    height: 0.22rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(180, 132, 255, 0.9), rgba(130, 210, 255, 0.9));
    box-shadow: 0 0 0 1px rgba(205, 183, 255, 0.42), 0 0 0.5rem rgba(154, 121, 244, 0.46);
}

.admin-job-wizard-page .job-wizard-step2-step-shell {
    padding: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-step-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.9rem;
    cursor: pointer;
}

.admin-job-wizard-page .job-wizard-step2-step-header-main,
.admin-job-wizard-page .job-wizard-step2-step-header-side {
    display: flex;
    gap: 0.75rem;
}

.admin-job-wizard-page .job-wizard-step2-step-header-main {
    align-items: flex-start;
}

.admin-job-wizard-page .job-wizard-step2-step-header-side {
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.55rem;
}

.admin-job-wizard-page .job-wizard-step2-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.18s ease;
}

.admin-job-wizard-page [data-step2-step-toggle][aria-expanded='true'] .job-wizard-step2-chevron {
    transform: rotate(180deg);
}

.admin-job-wizard-page .job-wizard-step2-step-copy,
.admin-job-wizard-page .job-wizard-step2-module-copy {
    min-width: 0;
}

.admin-job-wizard-page .job-wizard-step2-step-kicker {
    font-size: 0.72rem;
    color: var(--job-wizard-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.18rem;
}

.admin-job-wizard-page .job-wizard-step2-step-title {
    font-size: 1rem;
    font-weight: 620;
    color: var(--job-wizard-title);
    line-height: 1.35;
}

.admin-job-wizard-page .job-wizard-step2-step-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin-right: 0.2rem;
}

.admin-job-wizard-page .job-wizard-step2-step-chip,
.admin-job-wizard-page .job-wizard-step2-module-metric,
.admin-job-wizard-page .job-wizard-step2-step-header-side > .badge.rounded-pill,
.admin-job-wizard-page .job-wizard-step2-module-metrics > .badge.rounded-pill,
.admin-job-wizard-page .job-wizard-step2-ai-summary__meta > .badge.rounded-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border-radius: 999px;
    min-height: 1.95rem;
    padding: 0.38rem 0.72rem;
    font-size: 0.79rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
}

.admin-job-wizard-page .job-wizard-step2-step-chip,
.admin-job-wizard-page .job-wizard-step2-module-metric {
    border: 1px solid rgba(151, 173, 216, 0.22);
    background: rgba(15, 26, 47, 0.52);
    color: var(--job-wizard-text);
}

.admin-job-wizard-page .job-wizard-step2-step-chip.is-status.is-success {
    border-color: var(--job-wizard-success-border);
    background: var(--job-wizard-success-bg);
}

.admin-job-wizard-page .job-wizard-step2-step-chip.is-status.is-attention {
    border-color: var(--job-wizard-warning-border);
    background: var(--job-wizard-warning-bg);
}

.admin-job-wizard-page .job-wizard-step2-step-actions,
.admin-job-wizard-page .job-wizard-step2-module-tools {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.admin-job-wizard-page .job-wizard-step2-step-actions {
    margin-left: 0.35rem;
}

.admin-job-wizard-page .job-wizard-step2-step-body {
    margin-top: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-panel-card,
.admin-job-wizard-page .job-wizard-step2-content-card,
.admin-job-wizard-page .job-wizard-step2-ai-summary {
    padding: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-content-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 0.9rem;
}

.admin-job-wizard-page .job-wizard-step2-empty-state {
    border: 1px dashed rgba(179, 139, 255, 0.36);
    border-radius: 1rem;
    background: rgba(143, 104, 240, 0.08);
    padding: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-empty-state__title {
    font-weight: 620;
    color: var(--job-wizard-title);
    margin-bottom: 0.3rem;
}

.admin-job-wizard-page .job-wizard-step2-empty-state__text {
    margin-bottom: 0.85rem;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-page .job-wizard-step2-inline-feedback {
    border: 1px solid var(--job-wizard-success-border);
    background: var(--job-wizard-success-bg);
    border-radius: 0.8rem;
    color: var(--job-wizard-title);
    padding: 0.55rem 0.7rem;
    margin-bottom: 0.85rem;
}

.admin-job-wizard-page .job-wizard-step2-ai-summary__meta,
.admin-job-wizard-page .job-wizard-step2-module-metrics,
.admin-job-wizard-page .job-wizard-step2-picker-result__badges,
.admin-job-wizard-page .job-wizard-step2-picker-result__meta,
.admin-job-wizard-page .job-wizard-step2-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.admin-job-wizard-page .job-wizard-step2-ai-summary__meta {
    margin-bottom: 0.85rem;
}

.admin-job-wizard-page .job-wizard-step2-ai-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.7rem;
}

.admin-job-wizard-page .job-wizard-step2-step-drag,
.admin-job-wizard-page .job-wizard-step2-drag-handle {
    cursor: grab;
}

.admin-job-wizard-page .job-wizard-step2-step-drag:active,
.admin-job-wizard-page .job-wizard-step2-drag-handle:active {
    cursor: grabbing;
}

.admin-job-wizard-page .job-wizard-step2-picker-overlay {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.admin-job-wizard-page .job-wizard-step2-picker-overlay__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(4, 10, 20, 0.72);
    backdrop-filter: blur(10px);
}

.admin-job-wizard-page .job-wizard-step2-picker-dialog {
    position: relative;
    width: min(58rem, calc(100vw - 2rem));
    max-height: calc(100vh - 3rem);
    overflow: auto;
    padding: 1rem;
}

.admin-job-wizard-page .job-wizard-step2-picker-dialog__head,
.admin-job-wizard-page .job-wizard-step2-picker-dialog__controls {
    display: grid;
    gap: 0.85rem;
    margin-bottom: 0.9rem;
}

.admin-job-wizard-page .job-wizard-step2-picker-results {
    display: grid;
    gap: 0.7rem;
}

.admin-job-wizard-page .job-wizard-step2-filter-chip,
.admin-job-wizard-page .job-wizard-step2-picker-result {
    border: 1px solid rgba(151, 173, 216, 0.22);
    background: rgba(10, 18, 34, 0.64);
    color: var(--job-wizard-text);
    transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.admin-job-wizard-page .job-wizard-step2-filter-chip {
    border-radius: 999px;
    padding: 0.42rem 0.72rem;
}

.admin-job-wizard-page .job-wizard-step2-filter-chip.is-active,
.admin-job-wizard-page .job-wizard-step2-filter-chip:hover,
.admin-job-wizard-page .job-wizard-step2-filter-chip:focus-visible,
.admin-job-wizard-page .job-wizard-step2-picker-result:hover,
.admin-job-wizard-page .job-wizard-step2-picker-result:focus-visible {
    border-color: var(--job-wizard-tab-active-border);
    background: rgba(var(--brand-primary-rgb), 0.12);
    color: var(--job-wizard-title);
    outline: none;
    transform: translateY(-1px);
}

.admin-job-wizard-page .job-wizard-step2-picker-result {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    text-align: left;
    border-radius: 0.95rem;
    padding: 0.9rem 1rem;
}

.admin-job-wizard-page .job-wizard-step2-picker-result__main {
    min-width: 0;
    display: grid;
    gap: 0.35rem;
}

.admin-job-wizard-page .job-wizard-step2-picker-result__title {
    font-size: 0.94rem;
    font-weight: 620;
    color: var(--job-wizard-title);
}

.admin-job-wizard-page .job-wizard-step2-picker-result__meta {
    font-size: 0.82rem;
    color: var(--job-wizard-muted);
}

.admin-job-wizard-page .job-wizard-step2-picker-result__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 620;
    white-space: nowrap;
}

.admin-job-wizard-page .job-wizard-step2-module-item {
    padding: 0.8rem 0.85rem;
}

.admin-job-wizard-page .job-wizard-step2-module-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
}

.admin-job-wizard-page .job-wizard-step2-module-head-main {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.admin-job-wizard-page .job-wizard-step2-module-copy {
    display: grid;
    gap: 0.42rem;
}

.admin-job-wizard-page .job-wizard-step2-icon-btn.is-info {
    border-color: rgba(101, 174, 255, 0.32);
    background: rgba(32, 86, 166, 0.28);
    color: rgba(221, 237, 255, 0.98);
}

.admin-job-wizard-page .job-wizard-step2-icon-btn.is-info:hover,
.admin-job-wizard-page .job-wizard-step2-icon-btn.is-info:focus-visible {
    border-color: rgba(129, 194, 255, 0.5);
    background: rgba(42, 102, 188, 0.42);
}

.admin-job-wizard-page .job-wizard-step2-icon-btn.is-success {
    border-color: rgba(74, 196, 142, 0.3);
    background: rgba(25, 120, 84, 0.28);
    color: rgba(220, 255, 240, 0.98);
}

.admin-job-wizard-page .job-wizard-step2-icon-btn.is-success:hover,
.admin-job-wizard-page .job-wizard-step2-icon-btn.is-success:focus-visible {
    border-color: rgba(112, 227, 177, 0.48);
    background: rgba(31, 138, 96, 0.42);
}

.admin-job-wizard-page .job-wizard-step2-module-metrics > .badge.rounded-pill .me-1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.3rem !important;
    line-height: 1;
}

.admin-job-wizard-page .job-wizard-step2-module-config {
    margin-top: 0.9rem;
}

.admin-job-wizard-page .job-wizard-step2-module-item.is-module-drop-target::before {
    content: "";
    position: absolute;
    left: 0.85rem;
    right: 0.85rem;
    top: -0.3rem;
    height: 0.22rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(180, 132, 255, 0.9), rgba(130, 210, 255, 0.9));
    box-shadow: 0 0 0 1px rgba(205, 183, 255, 0.42), 0 0 0.5rem rgba(154, 121, 244, 0.46);
}

@media (max-width: 991.98px) {
    .admin-job-wizard-page .job-wizard-step2-summary-bar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-job-wizard-page .job-wizard-step2-builder-head,
    .admin-job-wizard-page .job-wizard-step2-step-header,
    .admin-job-wizard-page .job-wizard-step2-content-head,
    .admin-job-wizard-page .job-wizard-step2-step-header-main,
    .admin-job-wizard-page .job-wizard-step2-step-header-side {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-job-wizard-page .job-wizard-step2-step-picker__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .admin-job-wizard-page .job-wizard-step2-summary-bar {
        grid-template-columns: 1fr;
    }

    .admin-job-wizard-page .job-wizard-step2-picker-overlay {
        padding: 0.75rem;
    }

    .admin-job-wizard-page .job-wizard-step2-picker-dialog {
        width: 100%;
        max-height: calc(100vh - 1.5rem);
    }
}

.admin-shell .admin-topbar-icon-btn,
.admin-shell .admin-topbar-theme-btn {
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid rgba(149, 173, 219, 0.24);
    border-radius: 999px;
    background: rgba(114, 139, 186, 0.11);
    color: rgba(221, 231, 249, 0.92);
    display: inline-flex;
    align-items: center;
    justify-content: center;
      padding: 0;
      text-decoration: none;
    transition:
        border-color 0.18s ease,
        background-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease;
}

.admin-shell .admin-topbar-icon-btn svg {
    fill: currentColor;
}

.admin-shell .admin-topbar-lang-toggle::before,
.admin-shell .admin-topbar-lang-toggle::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    transition:
        transform 0.18s ease,
        opacity 0.18s ease;
}

.admin-shell .admin-topbar-lang-toggle::before {
    z-index: 0;
    opacity: 0.3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.admin-shell .admin-topbar-lang-toggle::after {
    z-index: 0;
    background: linear-gradient(135deg, rgba(10, 17, 34, 0.14), rgba(10, 17, 34, 0.5));
}

.admin-shell .admin-topbar-icon-btn.admin-topbar-lang-toggle,
.admin-shell .admin-topbar-icon-btn.admin-topbar-lang-toggle:hover,
.admin-shell .admin-topbar-icon-btn.admin-topbar-lang-toggle:focus-visible {
    background: transparent;
    color: #f7f9ff;
    text-decoration: none;
}

.admin-shell .admin-topbar-icon-btn.admin-topbar-lang-toggle .admin-topbar-lang-toggle-label {
    color: #f7f9ff;
    text-shadow: 0 1px 2px rgba(10, 17, 34, 0.48);
}

.admin-shell .admin-topbar-lang-toggle:hover::before,
.admin-shell .admin-topbar-lang-toggle:focus-visible::before {
    transform: scale(1.04);
}

.admin-shell .admin-topbar-lang-toggle:hover::after,
.admin-shell .admin-topbar-lang-toggle:focus-visible::after {
    opacity: 0.84;
}

.admin-shell .admin-topbar-icon-btn:hover,
.admin-shell .admin-topbar-icon-btn:focus-visible,
.admin-shell .admin-topbar-theme-btn:hover,
.admin-shell .admin-topbar-theme-btn:focus-visible {
    border-color: rgba(172, 129, 250, 0.44);
    background: rgba(138, 95, 235, 0.2);
    color: #f7f9ff;
    outline: none;
    box-shadow: 0 0 0 0.18rem rgba(132, 88, 244, 0.18);
}

.admin-shell .admin-topbar-help-btn svg,
.admin-shell .admin-topbar-theme-icon {
      width: 1rem;
      height: 1rem;
      pointer-events: none;
  }

.admin-shell .admin-topbar-theme-icon {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.admin-shell .admin-topbar-theme-icon-sun {
    color: #f4a92c;
    display: inline-block;
}

.admin-shell .admin-topbar-theme-icon-moon {
    color: #f2d44d;
    display: none;
}

[data-bs-theme='dark'] .admin-shell .admin-topbar-theme-icon-sun {
    display: none;
}

[data-bs-theme='dark'] .admin-shell .admin-topbar-theme-icon-moon {
    display: inline-block;
}

[data-bs-theme='light'] .admin-shell {
    --admin-light-bg-base: #f4f7ff;
    --admin-light-bg-alt: #eef3ff;
    --admin-light-surface: rgba(255, 255, 255, 0.94);
    --admin-light-surface-strong: rgba(248, 250, 255, 0.98);
    --admin-light-border: rgba(148, 163, 184, 0.24);
    --admin-light-border-strong: rgba(108, 79, 224, 0.28);
    --admin-light-text: #13233f;
    --admin-light-text-muted: #5c6f90;
    --admin-light-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
    --admin-light-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.06);
    color: var(--admin-light-text);
    background:
        linear-gradient(180deg, var(--admin-light-bg-base) 0%, #edf2ff 46%, #f8fbff 100%);
}

[data-bs-theme='light'] .admin-shell::before {
    background:
        radial-gradient(55% 44% at 39% 58%, rgba(126, 80, 236, 0.08) 0%, rgba(126, 80, 236, 0) 74%),
        radial-gradient(34% 30% at 10% 8%, rgba(74, 128, 228, 0.1) 0%, rgba(74, 128, 228, 0) 72%);
}

[data-bs-theme='light'] .admin-shell::after {
    opacity: 0.16;
    background:
        radial-gradient(130% 98% at 50% 50%, rgba(255, 255, 255, 0) 38%, rgba(203, 213, 225, 0.16) 100%),
        repeating-linear-gradient(
            0deg,
            rgba(148, 163, 184, 0.04) 0,
            rgba(148, 163, 184, 0.04) 1px,
            rgba(255, 255, 255, 0.04) 1px,
            rgba(255, 255, 255, 0.04) 2px
        );
}

[data-bs-theme='light'] .admin-shell .admin-sidebar {
    border-right-color: rgba(100, 116, 139, 0.3);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(240, 245, 255, 0.985)),
        rgba(255, 255, 255, 0.94);
    box-shadow:
        inset -1px 0 0 rgba(255, 255, 255, 0.82),
        18px 0 38px rgba(15, 23, 42, 0.08);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar::after {
    background:
        radial-gradient(circle at 6% 0%, rgba(108, 79, 224, 0.14), rgba(108, 79, 224, 0) 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0));
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-brand,
[data-bs-theme='light'] .admin-shell .admin-sidebar-root-list,
[data-bs-theme='light'] .admin-shell .admin-sidebar-footer {
    border-color: rgba(100, 116, 139, 0.22);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-brand-link,
[data-bs-theme='light'] .admin-shell .admin-sidebar-brand-title {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-brand-kicker {
    color: rgba(51, 65, 85, 0.82);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-brand-mark {
    background: rgba(91, 62, 200, 0.14);
    border-color: rgba(91, 62, 200, 0.24);
    color: #3f2399;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-close,
[data-bs-theme='light'] .admin-shell .admin-topbar-menu-btn,
[data-bs-theme='light'] .admin-shell .admin-topbar-icon-btn,
[data-bs-theme='light'] .admin-shell .admin-topbar-theme-btn,
  [data-bs-theme='light'] .admin-shell .admin-topbar-account-toggle {
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(255, 255, 255, 0.86);
    color: var(--admin-light-text);
    box-shadow: var(--admin-light-shadow-soft);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-group-toggle,
[data-bs-theme='light'] .admin-shell .admin-sidebar-collapse-btn {
    border-color: rgba(100, 116, 139, 0.24);
    background: rgba(247, 250, 255, 0.94);
    color: #334155;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-group-toggle:hover,
[data-bs-theme='light'] .admin-shell .admin-sidebar-group-toggle:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-sidebar-collapse-btn:hover,
[data-bs-theme='light'] .admin-shell .admin-sidebar-collapse-btn:focus-visible {
    border-color: rgba(91, 62, 200, 0.34);
    background: rgba(91, 62, 200, 0.12);
    color: #1f2a3d;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-group-icon,
[data-bs-theme='light'] .admin-shell .admin-sidebar-group-chevron,
[data-bs-theme='light'] .admin-shell .admin-sidebar-link-icon {
    color: rgba(51, 65, 85, 0.9);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-group-active-indicator {
    background: rgba(108, 79, 224, 0.9);
    box-shadow: 0 0 0 0.18rem rgba(108, 79, 224, 0.18);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-link {
    color: #334155;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-root-link,
[data-bs-theme='light'] .admin-shell .admin-sidebar-link:hover,
[data-bs-theme='light'] .admin-shell .admin-sidebar-link:focus-visible {
    border-color: rgba(100, 116, 139, 0.24);
    background: rgba(91, 62, 200, 0.09);
    color: #162033;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-link.is-active,
[data-bs-theme='light'] .admin-shell .admin-sidebar-link[aria-current='page'],
[data-bs-theme='light'] .admin-shell .admin-sidebar-group.is-active-group .admin-sidebar-group-toggle {
    border-color: rgba(91, 62, 200, 0.38);
    background: rgba(91, 62, 200, 0.15);
    color: #22114f;
    box-shadow:
        inset 3px 0 0 rgba(91, 62, 200, 0.88),
        0 12px 26px rgba(91, 62, 200, 0.1);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-link.is-active .admin-sidebar-link-icon,
[data-bs-theme='light'] .admin-shell .admin-sidebar-link[aria-current='page'] .admin-sidebar-link-icon {
    color: #4f35ad;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-workspace-link {
    border-color: rgba(108, 79, 224, 0.18);
    background:
        linear-gradient(135deg, rgba(108, 79, 224, 0.14), rgba(124, 58, 237, 0.08)),
        rgba(255, 255, 255, 0.92);
    color: #28135d;
    box-shadow: 0 16px 28px rgba(108, 79, 224, 0.08);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-workspace-link:hover,
[data-bs-theme='light'] .admin-shell .admin-sidebar-workspace-link:focus-visible {
    border-color: rgba(108, 79, 224, 0.3);
    color: #1f1146;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-workspace-icon {
    background: rgba(108, 79, 224, 0.12);
    color: #5b3ec8;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-workspace-destination {
    color: rgba(51, 65, 85, 0.88);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-category-header {
    border-color: rgba(100, 116, 139, 0.22);
    background: rgba(255, 255, 255, 0.86);
    color: #243246;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-category-icon {
    color: rgba(79, 53, 173, 0.9);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-subnav-link {
    border-color: rgba(100, 116, 139, 0.18);
    background: rgba(255, 255, 255, 0.9);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-category.is-active-category .admin-sidebar-category-header {
    border-color: rgba(108, 79, 224, 0.26);
    background: rgba(108, 79, 224, 0.09);
    color: #28135d;
}

[data-bs-theme='light'] .admin-shell .admin-main-column {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell .admin-topbar {
    border-bottom-color: rgba(148, 163, 184, 0.18);
    background: rgba(244, 247, 255, 0.78);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-eyebrow {
    color: rgba(71, 85, 105, 0.72);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-title {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-search-shell {
    border-color: rgba(148, 163, 184, 0.26);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: var(--admin-light-shadow-soft);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-search-shell:focus-within {
    border-color: rgba(108, 79, 224, 0.34);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0 0 0.18rem rgba(108, 79, 224, 0.12);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-search-icon {
    color: rgba(71, 85, 105, 0.68);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-search-input {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-search-input::placeholder {
    color: rgba(71, 85, 105, 0.68);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-search-submit {
    background: rgba(108, 79, 224, 0.12);
    color: #4c1d95;
}

[data-bs-theme='light'] .admin-shell .admin-topbar-search-submit:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-search-submit:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-topbar-menu-btn:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-menu-btn:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-topbar-icon-btn:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-icon-btn:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-topbar-theme-btn:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-theme-btn:focus-visible,
  [data-bs-theme='light'] .admin-shell .admin-topbar-account-toggle:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-toggle:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-toggle[aria-expanded='true'] {
    border-color: rgba(108, 79, 224, 0.3);
    background: rgba(108, 79, 224, 0.12);
    color: #28135d;
}

[data-bs-theme='light'] .admin-shell .admin-topbar-pill {
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(255, 255, 255, 0.86);
    color: var(--admin-light-text-muted);
    box-shadow: var(--admin-light-shadow-soft);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-pill.btn-primary {
    border-color: rgba(108, 79, 224, 0.26);
    background: rgba(108, 79, 224, 0.12);
    color: #4c1d95;
}

[data-bs-theme='light'] .admin-shell .admin-topbar-pill.btn-primary:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-pill.btn-primary:focus-visible {
    background: rgba(108, 79, 224, 0.18);
    box-shadow: 0 0 0 0.12rem rgba(108, 79, 224, 0.12);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.12);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .dropdown-item {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .admin-account-menu-item-icon {
    color: rgba(68, 83, 116, 0.84);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .dropdown-item:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .dropdown-item:focus-visible {
    color: #28135d;
    background: rgba(108, 79, 224, 0.1);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .dropdown-item:hover .admin-account-menu-item-icon,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .dropdown-item:focus-visible .admin-account-menu-item-icon {
    color: #41208a;
}

[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .dropdown-item.disabled,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .dropdown-item[aria-disabled='true'] {
    color: rgba(100, 116, 139, 0.62);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .dropdown-item.disabled .admin-account-menu-item-icon,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .dropdown-item[aria-disabled='true'] .admin-account-menu-item-icon {
    color: rgba(100, 116, 139, 0.5);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu .dropdown-divider {
    border-top-color: rgba(148, 163, 184, 0.18);
}

[data-bs-theme='light'] .admin-shell .admin-breadcrumb .breadcrumb-item,
[data-bs-theme='light'] .admin-shell .admin-breadcrumb .breadcrumb-item a {
    color: rgba(71, 85, 105, 0.8);
}

[data-bs-theme='light'] .admin-shell .admin-breadcrumb .breadcrumb-item a:hover,
[data-bs-theme='light'] .admin-shell .admin-breadcrumb .breadcrumb-item a:focus-visible {
    color: #28135d;
}

[data-bs-theme='light'] .admin-shell .admin-breadcrumb .breadcrumb-item.active {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell .admin-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(100, 116, 139, 0.52);
}

[data-bs-theme='light'] .admin-shell .card,
[data-bs-theme='light'] .admin-shell .admin-surface-card {
    border-color: rgba(148, 163, 184, 0.22);
    background: var(--admin-light-surface);
    box-shadow: var(--admin-light-shadow);
}

[data-bs-theme='light'] .admin-shell .btn-primary {
    box-shadow:
        0 12px 28px rgba(108, 79, 224, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

[data-bs-theme='light'] .admin-shell .btn-primary:hover {
    box-shadow:
        0 14px 28px rgba(108, 79, 224, 0.24),
        0 0 18px rgba(108, 79, 224, 0.14);
}

[data-bs-theme='light'] .admin-shell .btn-outline-secondary {
    color: var(--admin-light-text);
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(255, 255, 255, 0.82);
}

[data-bs-theme='light'] .admin-shell .btn-outline-secondary:hover,
[data-bs-theme='light'] .admin-shell .btn-outline-secondary:focus-visible {
    color: #28135d;
    border-color: rgba(108, 79, 224, 0.26);
    background: rgba(108, 79, 224, 0.1);
}

[data-bs-theme='light'] .admin-shell .form-control,
[data-bs-theme='light'] .admin-shell .form-select {
    border-color: rgba(148, 163, 184, 0.24);
    background-color: rgba(255, 255, 255, 0.96);
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell .form-control:focus,
[data-bs-theme='light'] .admin-shell .form-select:focus {
    border-color: rgba(108, 79, 224, 0.46);
    box-shadow: 0 0 0 0.2rem rgba(108, 79, 224, 0.14);
}

[data-bs-theme='light'] .admin-shell .table {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell .table > :not(caption) > * > * {
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

[data-bs-theme='light'] .admin-shell .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: rgba(241, 245, 249, 0.72);
}

[data-bs-theme='light'] .admin-shell .table-hover > tbody > tr:hover > * {
    background: rgba(108, 79, 224, 0.08);
}

[data-bs-theme='light'] .admin-shell .admin-inline-alert {
    background: rgba(255, 255, 255, 0.92);
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-panel,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-filter-card {
    border-color: rgba(148, 163, 184, 0.22);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 255, 0.96));
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-hero {
    background:
        radial-gradient(circle at 86% 22%, rgba(255, 181, 120, 0.18), transparent 18%),
        radial-gradient(circle at top right, rgba(146, 102, 246, 0.16), transparent 40%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 255, 0.98));
}

[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-pill,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-action-rail,
[data-bs-theme='light'] .admin-dashboard-page .admin-priority-card,
[data-bs-theme='light'] .admin-dashboard-page .admin-health-item,
[data-bs-theme='light'] .admin-dashboard-page .admin-pipeline-stage {
    border-color: rgba(148, 163, 184, 0.2);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 255, 0.94));
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

[data-bs-theme='light'] .admin-dashboard-page .admin-priority-card-featured {
    border-color: rgba(108, 79, 224, 0.22);
    background:
        radial-gradient(circle at top right, rgba(171, 109, 247, 0.16), transparent 42%),
        linear-gradient(160deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 255, 0.98));
    box-shadow: 0 18px 36px rgba(108, 79, 224, 0.1);
}

[data-bs-theme='light'] .admin-dashboard-page .admin-priority-card::before {
    background: linear-gradient(90deg, rgba(108, 79, 224, 0.45), rgba(108, 79, 224, 0));
}

[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-filter-card .form-label,
[data-bs-theme='light'] .admin-dashboard-page .admin-panel-head,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-inline-link,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-chip-link,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-table-link {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-dashboard-page .btn-outline-secondary {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(255, 255, 255, 0.84);
}

[data-bs-theme='light'] .admin-dashboard-page .btn-outline-secondary:hover,
[data-bs-theme='light'] .admin-dashboard-page .btn-outline-secondary:focus-visible {
    border-color: rgba(108, 79, 224, 0.3);
    background: rgba(108, 79, 224, 0.1);
}

[data-bs-theme='light'] .admin-dashboard-page .form-control,
[data-bs-theme='light'] .admin-dashboard-page .form-select {
    background: rgba(255, 255, 255, 0.96);
}

/* Admin light theme polish */
[data-bs-theme='light'] .admin-shell {
    --admin-light-bg-base: #f7f9ff;
    --admin-light-bg-alt: #eef3ff;
    --admin-light-surface: #ffffff;
    --admin-light-surface-strong: #fbfcff;
    --admin-light-surface-soft: #f4f7ff;
    --admin-light-border: rgba(138, 154, 184, 0.24);
    --admin-light-border-strong: rgba(120, 138, 170, 0.34);
    --admin-light-text: #1f2a3d;
    --admin-light-heading: #101828;
    --admin-light-muted: #60708d;
    --admin-light-muted-strong: #42526b;
    --admin-light-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
    --admin-light-shadow-soft: 0 10px 22px rgba(15, 23, 42, 0.06);
    color-scheme: light;
    color: var(--admin-light-text);
    background: var(--frontend-page-gradient);
    background-attachment: fixed;
}

[data-bs-theme='light'] .admin-shell .admin-main,
[data-bs-theme='light'] .admin-shell .admin-main-container,
[data-bs-theme='light'] .admin-shell .admin-shell-layout {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell h1,
[data-bs-theme='light'] .admin-shell h2,
[data-bs-theme='light'] .admin-shell h3,
[data-bs-theme='light'] .admin-shell h4,
[data-bs-theme='light'] .admin-shell h5,
[data-bs-theme='light'] .admin-shell h6,
[data-bs-theme='light'] .admin-shell .card-title,
[data-bs-theme='light'] .admin-shell .form-label,
[data-bs-theme='light'] .admin-shell .admin-panel-head,
[data-bs-theme='light'] .admin-shell .admin-stat-value,
[data-bs-theme='light'] .admin-shell .admin-health-value,
[data-bs-theme='light'] .admin-shell .admin-pipeline-value {
    color: var(--admin-light-heading);
}

[data-bs-theme='light'] .admin-shell p,
[data-bs-theme='light'] .admin-shell .small,
[data-bs-theme='light'] .admin-shell .text-body-secondary,
[data-bs-theme='light'] .admin-shell .admin-dashboard-intro-text,
[data-bs-theme='light'] .admin-shell .admin-dashboard-section-copy,
[data-bs-theme='light'] .admin-shell .admin-dashboard-pill-label,
[data-bs-theme='light'] .admin-shell .admin-priority-copy,
[data-bs-theme='light'] .admin-shell .admin-health-meta,
[data-bs-theme='light'] .admin-shell .admin-stat-meta,
[data-bs-theme='light'] .admin-shell .admin-activity-list li,
[data-bs-theme='light'] .admin-shell .admin-breadcrumb .breadcrumb-item,
[data-bs-theme='light'] .admin-shell .admin-breadcrumb .breadcrumb-item a {
    color: var(--admin-light-muted);
}

[data-bs-theme='light'] .admin-shell a:not(.btn):not(.dropdown-item):not(.nav-link) {
    color: #4f46e5;
}

[data-bs-theme='light'] .admin-shell a:not(.btn):not(.dropdown-item):not(.nav-link):hover,
[data-bs-theme='light'] .admin-shell a:not(.btn):not(.dropdown-item):not(.nav-link):focus-visible {
    color: #4338ca;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar,
[data-bs-theme='light'] .admin-shell .admin-topbar,
[data-bs-theme='light'] .admin-shell .card,
[data-bs-theme='light'] .admin-shell .admin-surface-card,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu,
[data-bs-theme='light'] .admin-shell .admin-inline-alert {
    border-color: var(--admin-light-border);
    box-shadow: var(--admin-light-shadow);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar,
[data-bs-theme='light'] .admin-shell .admin-topbar,
[data-bs-theme='light'] .admin-shell .card,
[data-bs-theme='light'] .admin-shell .admin-surface-card,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-menu,
[data-bs-theme='light'] .admin-shell .admin-inline-alert,
[data-bs-theme='light'] .admin-search-page .admin-search-item {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96));
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-group-toggle,
[data-bs-theme='light'] .admin-shell .admin-sidebar-collapse-btn,
[data-bs-theme='light'] .admin-shell .admin-topbar-search-shell,
[data-bs-theme='light'] .admin-shell .admin-topbar-icon-btn,
[data-bs-theme='light'] .admin-shell .admin-topbar-theme-btn,
  [data-bs-theme='light'] .admin-shell .admin-topbar-menu-btn,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-toggle,
[data-bs-theme='light'] .admin-shell .admin-topbar-pill,
[data-bs-theme='light'] .admin-shell .btn-outline-secondary,
[data-bs-theme='light'] .admin-shell .form-control,
[data-bs-theme='light'] .admin-shell .form-select {
    border-color: var(--admin-light-border);
    background-color: rgba(255, 255, 255, 0.94);
    color: var(--admin-light-text);
    box-shadow: var(--admin-light-shadow-soft);
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-brand-kicker,
[data-bs-theme='light'] .admin-shell .admin-topbar-eyebrow,
[data-bs-theme='light'] .admin-shell .admin-sidebar-group-toggle-text,
[data-bs-theme='light'] .admin-shell .admin-sidebar-label,
[data-bs-theme='light'] .admin-shell .admin-topbar-user-name,
[data-bs-theme='light'] .admin-shell .admin-topbar-search-input::placeholder {
    color: #475569;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-link,
[data-bs-theme='light'] .admin-shell .admin-sidebar-group-toggle,
[data-bs-theme='light'] .admin-shell .admin-sidebar-collapse-btn {
    color: #334155;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-link:hover,
[data-bs-theme='light'] .admin-shell .admin-sidebar-link:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-sidebar-root-link,
[data-bs-theme='light'] .admin-shell .admin-sidebar-group-toggle:hover,
[data-bs-theme='light'] .admin-shell .admin-sidebar-group-toggle:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-sidebar-collapse-btn:hover,
[data-bs-theme='light'] .admin-shell .admin-sidebar-collapse-btn:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-topbar-menu-btn:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-menu-btn:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-topbar-icon-btn:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-icon-btn:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-topbar-theme-btn:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-theme-btn:focus-visible,
  [data-bs-theme='light'] .admin-shell .admin-topbar-account-toggle:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-toggle:focus-visible,
[data-bs-theme='light'] .admin-shell .admin-topbar-account-toggle[aria-expanded='true'],
[data-bs-theme='light'] .admin-shell .admin-topbar-pill:hover,
[data-bs-theme='light'] .admin-shell .admin-topbar-pill:focus-visible,
[data-bs-theme='light'] .admin-shell .btn-outline-secondary:hover,
[data-bs-theme='light'] .admin-shell .btn-outline-secondary:focus-visible {
    border-color: rgba(91, 62, 200, 0.34);
    background: rgba(91, 62, 200, 0.12);
    color: #24124f;
}

[data-bs-theme='light'] .admin-shell .admin-sidebar-link.is-active,
[data-bs-theme='light'] .admin-shell .admin-sidebar-link[aria-current='page'],
[data-bs-theme='light'] .admin-shell .admin-sidebar-group.is-active-group .admin-sidebar-group-toggle,
[data-bs-theme='light'] .admin-shell .admin-topbar-pill.btn-primary {
    border-color: rgba(91, 62, 200, 0.36);
    background:
        linear-gradient(180deg, rgba(91, 62, 200, 0.15), rgba(91, 62, 200, 0.1));
    color: #24124f;
    box-shadow:
        inset 3px 0 0 rgba(91, 62, 200, 0.88),
        0 10px 22px rgba(91, 62, 200, 0.1);
}

[data-bs-theme='light'] .admin-shell .admin-topbar-admin-badge {
    color: #4c1d95;
    border-color: rgba(108, 79, 224, 0.2);
    background: rgba(108, 79, 224, 0.12);
}

[data-bs-theme='light'] .admin-shell .admin-inline-alert {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell .table,
[data-bs-theme='light'] .admin-shell .table thead th,
[data-bs-theme='light'] .admin-shell .table tbody td,
[data-bs-theme='light'] .admin-shell .candidate-score-table th,
[data-bs-theme='light'] .admin-shell .candidate-score-table td {
    color: var(--admin-light-text);
}

[data-bs-theme='light'] .admin-shell .table thead th,
[data-bs-theme='light'] .admin-dashboard-page .table thead th {
    color: var(--admin-light-muted-strong);
}

[data-bs-theme='light'] .admin-shell .candidate-scores-tab,
[data-bs-theme='light'] .admin-shell .candidate-scores-tab *,
[data-bs-theme='light'] .admin-shell .candidate-scores-tab .candidate-score-card,
[data-bs-theme='light'] .admin-shell .candidate-scores-tab .candidate-score-card .card-body,
[data-bs-theme='light'] .admin-shell .candidate-scores-tab .table-responsive {
    color: var(--admin-light-text) !important;
    background: transparent;
}

[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-panel,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-filter-card,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-pill,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-action-rail,
[data-bs-theme='light'] .admin-dashboard-page .admin-priority-card,
[data-bs-theme='light'] .admin-dashboard-page .admin-health-item,
[data-bs-theme='light'] .admin-dashboard-page .admin-pipeline-stage {
    border-color: rgba(138, 154, 184, 0.22);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 255, 0.96));
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-hero {
    background:
        radial-gradient(circle at 86% 22%, rgba(255, 181, 120, 0.2), transparent 18%),
        radial-gradient(circle at top right, rgba(146, 102, 246, 0.18), transparent 40%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(242, 246, 255, 0.98));
}

[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-hero::after {
    background: radial-gradient(circle, rgba(108, 79, 224, 0.08), transparent 68%);
}

[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-hero-title,
[data-bs-theme='light'] .admin-dashboard-page .admin-priority-value,
[data-bs-theme='light'] .admin-dashboard-page .admin-health-value,
[data-bs-theme='light'] .admin-dashboard-page .admin-pipeline-value,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-inline-link,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-chip-link,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-table-link {
    color: var(--admin-light-heading);
}

[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-eyebrow,
[data-bs-theme='light'] .admin-dashboard-page .admin-priority-kicker,
[data-bs-theme='light'] .admin-dashboard-page .admin-health-label,
[data-bs-theme='light'] .admin-dashboard-page .admin-pipeline-label,
[data-bs-theme='light'] .admin-dashboard-page .admin-dashboard-pill-label {
    color: var(--admin-light-muted);
}

[data-bs-theme='light'] .admin-dashboard-page .admin-priority-card-featured {
    border-color: rgba(108, 79, 224, 0.22);
    background:
        radial-gradient(circle at top right, rgba(171, 109, 247, 0.14), transparent 42%),
        linear-gradient(160deg, rgba(255, 255, 255, 1), rgba(244, 247, 255, 0.98));
    box-shadow: 0 18px 36px rgba(108, 79, 224, 0.1);
}

[data-bs-theme='light'] .admin-dashboard-page .admin-priority-card::before {
    background: linear-gradient(90deg, rgba(108, 79, 224, 0.34), rgba(108, 79, 224, 0));
}

[data-bs-theme='light'] .admin-job-wizard-page {
    --job-wizard-surface-bg: rgba(255, 255, 255, 0.98);
    --job-wizard-surface-soft: linear-gradient(180deg, rgba(245, 248, 255, 0.98), rgba(239, 244, 255, 0.95));
    --job-wizard-border: rgba(138, 154, 184, 0.22);
    --job-wizard-border-strong: rgba(120, 138, 170, 0.34);
    --job-wizard-title: #101828;
    --job-wizard-text: #1f2a3d;
    --job-wizard-muted: #60708d;
    --job-wizard-header-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.98));
    --job-wizard-header-shadow: rgba(15, 23, 42, 0.08);
    --job-wizard-step-bg: rgba(231, 236, 247, 0.92);
    --job-wizard-step-fg: #42526b;
    --job-wizard-step-active-bg: rgba(108, 79, 224, 0.1);
    --job-wizard-step-active-border: rgba(108, 79, 224, 0.26);
    --job-wizard-tab-bg: rgba(237, 241, 250, 0.96);
    --job-wizard-tab-active-bg: rgba(108, 79, 224, 0.12);
    --job-wizard-tab-active-border: rgba(108, 79, 224, 0.28);
    --job-wizard-action-bg: rgba(255, 255, 255, 0.96);
    --job-wizard-panel-bg: rgba(247, 250, 255, 0.98);
    --job-wizard-panel-bg-strong: rgba(241, 245, 255, 0.98);
    --job-wizard-panel-border: rgba(138, 154, 184, 0.22);
    --job-wizard-panel-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
    --job-wizard-chip-muted-bg: rgba(232, 237, 247, 0.96);
    --job-wizard-chip-muted-fg: #42526b;
}

[data-bs-theme='light'] .admin-job-wizard-page h1,
[data-bs-theme='light'] .admin-job-wizard-page h2,
[data-bs-theme='light'] .admin-job-wizard-page h3,
[data-bs-theme='light'] .admin-job-wizard-page h4,
[data-bs-theme='light'] .admin-job-wizard-page h5,
[data-bs-theme='light'] .admin-job-wizard-page h6,
[data-bs-theme='light'] .admin-job-wizard-page .step3-summary-stat__value,
[data-bs-theme='light'] .admin-job-wizard-page .step3-config-summary__stat strong,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-summary-value,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-flow-node-title,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-empty-state__title,
[data-bs-theme='light'] .admin-job-wizard-page .step3-module-card__title-row,
[data-bs-theme='light'] .admin-job-wizard-page .step3-editor-shell__head,
[data-bs-theme='light'] .admin-job-wizard-page .step3-editor-section__head,
[data-bs-theme='light'] .admin-job-wizard-page .step3-defaults-card__head,
[data-bs-theme='light'] .admin-job-wizard-page .step3-step-group__header {
    color: var(--job-wizard-title);
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-subtitle,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-section-copy,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-inline-helper,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-empty-state__text,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-flow-node-meta,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-step-copy,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-module-copy,
[data-bs-theme='light'] .admin-job-wizard-page .step3-module-card__summary,
[data-bs-theme='light'] .admin-job-wizard-page .step3-rule-row--interview .small,
[data-bs-theme='light'] .admin-job-wizard-page .step3-editor-shell__eyebrow,
[data-bs-theme='light'] .admin-job-wizard-page .step3-summary-stat__label,
[data-bs-theme='light'] .admin-job-wizard-page .step3-config-summary__stat span {
    color: var(--job-wizard-muted) !important;
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-header,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-section-card,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-language-tabs,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-module-card,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-settings-group,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-advanced-settings,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-summary-stat,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-flow-map-card,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-step-card,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-panel-card,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-content-card,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-ai-summary,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-picker-dialog,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-intro-card,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-defaults-card,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-config-summary,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-step-group,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-controls,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-rule-row,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-preview,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-final-simulator,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-editor-shell,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-editor-section,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step4-publish-card,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step4-stat-card {
    border-color: var(--job-wizard-border);
    background: var(--job-wizard-surface-bg);
    box-shadow: var(--job-wizard-panel-shadow);
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step-link,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-language-tab,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-content-tab,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-skill-row,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-filter-chip,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-picker-result,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-step-option,
[data-bs-theme='light'] .admin-job-wizard-page .step3-defaults-toggle,
[data-bs-theme='light'] .admin-job-wizard-page .step3-step-group__toggle,
[data-bs-theme='light'] .admin-job-wizard-page .step3-module-toggle-btn,
[data-bs-theme='light'] .admin-job-wizard-page .step3-module-reset-btn,
[data-bs-theme='light'] .admin-job-wizard-page .step3-editor-section__toggle,
[data-bs-theme='light'] .admin-job-wizard-page .step3-advanced-toggle,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-subskill-tabs .nav-link {
    border-color: var(--job-wizard-border);
    background: rgba(245, 248, 255, 0.96);
    color: var(--job-wizard-text);
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step-link:hover,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step-link:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-language-tab:hover,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-language-tab:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-content-tab:hover,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-content-tab:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-skill-row:hover,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-filter-chip:hover,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-filter-chip:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-picker-result:hover,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-picker-result:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-step-option:hover,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-step-option:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .step3-defaults-toggle:hover,
[data-bs-theme='light'] .admin-job-wizard-page .step3-defaults-toggle:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .step3-step-group__toggle:hover,
[data-bs-theme='light'] .admin-job-wizard-page .step3-step-group__toggle:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .step3-module-toggle-btn:hover,
[data-bs-theme='light'] .admin-job-wizard-page .step3-module-toggle-btn:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .step3-module-reset-btn:hover,
[data-bs-theme='light'] .admin-job-wizard-page .step3-module-reset-btn:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .step3-editor-section__toggle:hover,
[data-bs-theme='light'] .admin-job-wizard-page .step3-editor-section__toggle:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-page .step3-advanced-toggle:hover,
[data-bs-theme='light'] .admin-job-wizard-page .step3-advanced-toggle:focus-visible,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-subskill-tabs .nav-link:hover,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-subskill-tabs .nav-link:focus-visible {
    border-color: rgba(108, 79, 224, 0.28);
    background: rgba(108, 79, 224, 0.08);
    color: #34216d;
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step-item.is-current .job-wizard-step-link,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-language-tab[aria-selected='true'],
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-filter-chip.is-active,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-subskill-tabs .nav-link.active {
    border-color: rgba(108, 79, 224, 0.28);
    background: rgba(108, 79, 224, 0.12);
    color: #34216d;
    box-shadow: 0 0 0 0.14rem rgba(108, 79, 224, 0.08);
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step-item.is-completed .job-wizard-step-link {
    border-color: rgba(34, 197, 94, 0.2);
    background: rgba(34, 197, 94, 0.08);
    color: #166534;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card--interview {
    border-left-color: #3b82f6;
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.08), rgba(255, 255, 255, 0.98));
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card--personality {
    border-left-color: #8b5cf6;
    background: linear-gradient(180deg, rgba(139, 92, 246, 0.08), rgba(255, 255, 255, 0.98));
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card--intelligence {
    border-left-color: #f59e0b;
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.08), rgba(255, 255, 255, 0.98));
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card--skill {
    border-left-color: #14b8a6;
    background: linear-gradient(180deg, rgba(20, 184, 166, 0.08), rgba(255, 255, 255, 0.98));
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card__header,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card:not(.is-collapsed) .step3-module-card__header,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-editor-shell__head {
    border-bottom-color: var(--job-wizard-border);
    background: linear-gradient(180deg, rgba(247, 250, 255, 0.98), rgba(241, 245, 255, 0.98));
    box-shadow: none;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-type-badge {
    border-color: transparent;
    color: var(--job-wizard-text);
    background: rgba(148, 163, 184, 0.18);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card--interview .step3-module-type-badge {
    background: rgba(59, 130, 246, 0.16);
    color: #1d4ed8;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card--personality .step3-module-type-badge {
    background: rgba(139, 92, 246, 0.16);
    color: #6d28d9;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card--intelligence .step3-module-type-badge {
    background: rgba(245, 158, 11, 0.18);
    color: #92400e;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card--skill .step3-module-type-badge {
    background: rgba(20, 184, 166, 0.16);
    color: #0f766e;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-help-icon,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-decision-band::before {
    border-color: var(--job-wizard-border);
    background: rgba(241, 245, 255, 0.98);
    color: var(--job-wizard-muted-strong, #42526b);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-impact-cycle {
    border-color: rgba(191, 204, 225, 0.82);
    background: rgba(255, 255, 255, 0.98);
    color: var(--job-wizard-title);
    box-shadow: none;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-impact-cycle__label,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-meta-label {
    color: rgba(77, 91, 120, 0.84);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-impact-cycle.is-impact-informational {
    border-color: rgba(59, 130, 246, 0.24);
    background: linear-gradient(180deg, rgba(219, 234, 254, 0.96), rgba(239, 246, 255, 0.98));
    color: #1d4ed8;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-impact-cycle.is-impact-moderate {
    border-color: rgba(245, 158, 11, 0.24);
    background: linear-gradient(180deg, rgba(254, 243, 199, 0.96), rgba(255, 251, 235, 0.98));
    color: #92400e;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-impact-cycle.is-impact-critical {
    border-color: rgba(244, 63, 94, 0.24);
    background: linear-gradient(180deg, rgba(255, 228, 230, 0.96), rgba(255, 241, 242, 0.98));
    color: #be123c;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-card__action {
    border-left-color: rgba(191, 204, 225, 0.72);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-status.text-bg-success {
    background: transparent !important;
    color: #166534;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-status.text-bg-warning {
    background: transparent !important;
    color: #92400e;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-status.text-bg-secondary {
    background: transparent !important;
    color: #475569;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-source {
    color: #334155;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-source.is-general {
    border-color: rgba(16, 185, 129, 0.24);
    background: rgba(209, 250, 229, 0.96);
    color: #047857;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-source.is-custom {
    border-color: rgba(139, 92, 246, 0.24);
    background: rgba(237, 233, 254, 0.96);
    color: #6d28d9;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-decision-band__ticks,
[data-bs-theme='light'] .admin-job-wizard-step3-page [data-band-direction],
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-rule-row--interview .small {
    color: var(--job-wizard-muted) !important;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-decision-band__ticks span::before {
    background: rgba(120, 138, 170, 0.44);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-editor-close-btn {
    border-color: rgba(239, 68, 68, 0.26);
    background: rgba(254, 226, 226, 0.88);
    color: #b91c1c;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-editor-close-btn:hover,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-editor-close-btn:focus-visible {
    background: rgba(254, 202, 202, 0.95);
    color: #991b1b;
}

[data-bs-theme='light'] .admin-job-wizard-step1-page .job-wizard-wysiwyg,
[data-bs-theme='light'] .admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-pane .admin-rich-editor,
[data-bs-theme='light'] .admin-rich-editor-modal-dialog {
    border-color: var(--job-wizard-border);
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

[data-bs-theme='light'] .admin-job-wizard-step1-page .job-wizard-wysiwyg-toolbar,
[data-bs-theme='light'] .admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-toolbar,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-pane .job-wizard-wysiwyg-toolbar,
[data-bs-theme='light'] .admin-rich-editor-modal-header,
[data-bs-theme='light'] .admin-rich-editor-modal-footer {
    border-color: var(--job-wizard-border);
    background: linear-gradient(180deg, rgba(247, 250, 255, 0.98), rgba(241, 245, 255, 0.98));
}

[data-bs-theme='light'] .admin-job-wizard-step1-page .job-wizard-wysiwyg-tool,
[data-bs-theme='light'] .admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-tool,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-pane .job-wizard-wysiwyg-tool,
[data-bs-theme='light'] .admin-job-wizard-step1-page .job-wizard-wysiwyg-select,
[data-bs-theme='light'] .admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-select,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-pane .job-wizard-wysiwyg-select,
[data-bs-theme='light'] .admin-public-pages-page .admin-rich-editor .admin-rich-editor-input,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-pane .admin-rich-editor-input,
[data-bs-theme='light'] .admin-public-pages-page .admin-rich-editor .admin-rich-editor-preview,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-pane .admin-rich-editor-preview {
    border-color: var(--job-wizard-border);
    background: #ffffff;
    color: var(--job-wizard-text);
}

[data-bs-theme='light'] .admin-job-wizard-step1-page .job-wizard-wysiwyg-surface,
[data-bs-theme='light'] .admin-public-pages-page .admin-rich-editor .job-wizard-wysiwyg-surface,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-pane .job-wizard-wysiwyg-surface {
    background: #ffffff;
    color: var(--job-wizard-text);
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-summary-stat {
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-summary-stat.is-steps {
    border-color: rgba(59, 130, 246, 0.2);
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.12), rgba(255, 255, 255, 0.98));
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-summary-stat.is-modules {
    border-color: rgba(20, 184, 166, 0.2);
    background: linear-gradient(180deg, rgba(20, 184, 166, 0.12), rgba(255, 255, 255, 0.98));
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-summary-stat.is-duration {
    border-color: rgba(139, 92, 246, 0.2);
    background: linear-gradient(180deg, rgba(139, 92, 246, 0.12), rgba(255, 255, 255, 0.98));
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-summary-stat.is-warnings {
    border-color: rgba(245, 158, 11, 0.22);
    background: linear-gradient(180deg, rgba(245, 158, 11, 0.14), rgba(255, 255, 255, 0.98));
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-flow-node {
    border-color: var(--job-wizard-border);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 247, 255, 0.97));
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-flow-node-icon {
    border-color: rgba(138, 154, 184, 0.22);
    background: rgba(245, 248, 255, 0.98);
    color: var(--job-wizard-text);
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-flow-node.is-ready .job-wizard-step2-flow-node-icon {
    border-color: rgba(34, 197, 94, 0.22);
    background: rgba(220, 252, 231, 0.98);
    color: #166534;
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-flow-node.is-attention .job-wizard-step2-flow-node-icon {
    border-color: rgba(245, 158, 11, 0.24);
    background: rgba(254, 243, 199, 0.98);
    color: #92400e;
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-flow-link-line {
    border-top-color: rgba(138, 154, 184, 0.24);
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-step-chip,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-module-metric,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-step-header-side > .badge.rounded-pill,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-module-metrics > .badge.rounded-pill,
[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-ai-summary__meta > .badge.rounded-pill {
    background: rgba(237, 241, 250, 0.96);
    border-color: rgba(138, 154, 184, 0.2);
    color: var(--job-wizard-text);
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-step-chip.is-status.is-success {
    background: rgba(220, 252, 231, 0.98);
    color: #166534;
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-step-chip.is-status.is-attention {
    background: rgba(254, 243, 199, 0.98);
    color: #92400e;
}

[data-bs-theme='light'] .admin-job-wizard-page .job-wizard-step2-picker-overlay__backdrop {
    background: rgba(15, 23, 42, 0.24);
    backdrop-filter: blur(6px);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-step-group__header,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-step-group__body,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-editor-section__body,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-advanced-group,
[data-bs-theme='light'] .admin-job-wizard-step3-page .job-wizard-step3-sticky-footer {
    border-color: var(--job-wizard-border);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 255, 0.97));
    color: var(--job-wizard-text);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-intro-point,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-details-card {
    border-color: rgba(191, 204, 225, 0.74);
    background: rgba(248, 250, 255, 0.98);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-intro-card__subtitle,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-intro-point__title {
    color: rgba(77, 91, 120, 0.84);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-step-group__chip,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-step-group__meta > .badge.rounded-pill {
    background: rgba(237, 241, 250, 0.96);
    border-color: rgba(138, 154, 184, 0.22);
    color: var(--job-wizard-text);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-step-group__chip.is-success {
    background: rgba(220, 252, 231, 0.98);
    color: #166534;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-step-group__chip.is-warning {
    background: rgba(254, 243, 199, 0.98);
    color: #92400e;
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-decision-band__zones {
    border-color: rgba(138, 154, 184, 0.24);
    background: rgba(226, 232, 240, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
}

[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-module-preview,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-final-simulator,
[data-bs-theme='light'] .admin-job-wizard-step3-page .step3-add-back-panel {
    border-color: var(--job-wizard-border);
}

[data-bs-theme='light'] .admin-public-pages-page .public-page-editor-header,
[data-bs-theme='light'] .admin-public-pages-page .public-page-editor-section,
[data-bs-theme='light'] .admin-public-pages-page .public-page-editor-footer,
[data-bs-theme='light'] .admin-public-pages-page .public-page-setting-tile,
[data-bs-theme='light'] .admin-public-pages-page .public-page-seo-panel {
    border-color: rgba(138, 154, 184, 0.22);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 255, 0.97));
    color: #1f2a3d;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

[data-bs-theme='light'] .admin-public-pages-page .public-page-editor-meta,
[data-bs-theme='light'] .admin-public-pages-page .public-page-seo-kicker,
[data-bs-theme='light'] .admin-public-pages-page .public-page-editor-footer-note {
    color: #60708d;
}

[data-bs-theme='light'] .admin-public-pages-page .public-page-editor-chip,
[data-bs-theme='light'] .admin-public-pages-page .public-page-locale-switch,
[data-bs-theme='light'] .admin-public-pages-page .public-page-locale-tab {
    border-color: rgba(138, 154, 184, 0.22);
    background: rgba(245, 248, 255, 0.98);
    color: #1f2a3d;
}

[data-bs-theme='light'] .admin-public-pages-page .public-page-locale-tab.is-active,
[data-bs-theme='light'] .admin-public-pages-page .public-page-locale-tab[aria-selected='true'] {
    background: rgba(108, 79, 224, 0.12);
    color: #34216d;
    box-shadow: inset 0 0 0 1px rgba(108, 79, 224, 0.16);
}

[data-bs-theme='light'] .admin-public-pages-page .public-page-editor-danger {
    border-color: rgba(239, 68, 68, 0.18);
    background: rgba(254, 242, 242, 0.98);
    color: #991b1b;
}

[data-bs-theme='light'] .admin-legal-pages-page .legal-pages-header,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-panel,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-pane,
[data-bs-theme='light'] .admin-legal-pages-page .legal-pages-save-bar {
    border-color: rgba(138, 154, 184, 0.22);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 255, 0.97));
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

[data-bs-theme='light'] .admin-legal-pages-page .legal-pages-breadcrumb .breadcrumb-item,
[data-bs-theme='light'] .admin-legal-pages-page .legal-pages-breadcrumb .breadcrumb-item a,
[data-bs-theme='light'] .admin-legal-pages-page .legal-pages-subtitle,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-panel-summary,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-helper,
[data-bs-theme='light'] .admin-legal-pages-page .legal-status-note {
    color: #60708d;
}

[data-bs-theme='light'] .admin-legal-pages-page .legal-page-panel-toggle,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-panel-title,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-panel-chevron,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-publish-switch .form-check-label {
    color: #1f2a3d;
}

[data-bs-theme='light'] .admin-legal-pages-page .legal-page-panel-toggle:hover,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-panel-toggle:focus-visible {
    background: rgba(108, 79, 224, 0.08);
    color: #34216d;
}

[data-bs-theme='light'] .admin-legal-pages-page .legal-page-status-pill,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-publish-switch,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-tabs,
[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-tab {
    border-color: rgba(138, 154, 184, 0.22);
    background: rgba(245, 248, 255, 0.98);
    color: #1f2a3d;
}

[data-bs-theme='light'] .admin-legal-pages-page .legal-page-lang-tab.is-active {
    background: rgba(108, 79, 224, 0.12);
    color: #34216d;
    box-shadow: inset 0 0 0 1px rgba(108, 79, 224, 0.16);
}

[data-bs-theme='light'] .admin-legal-pages-page .legal-page-status-pill.is-published {
    background: rgba(220, 252, 231, 0.98);
    color: #166534;
}

[data-bs-theme='light'] .admin-legal-pages-page .legal-page-status-pill.is-draft {
    background: rgba(237, 241, 250, 0.98);
    color: #42526b;
}

[data-bs-theme='light'] .admin-legal-pages-page .legal-unsaved-indicator {
    color: #92400e;
}

.admin-breadcrumb-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.admin-context-help-link {
    white-space: nowrap;
}

.admin-help-kicker {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--bs-primary);
}

.admin-help-layout {
    display: grid;
    gap: 1.5rem;
}

.admin-help-sidebar {
    min-width: 0;
}

.admin-help-sidebar-groups {
    display: grid;
    gap: 1rem;
}

.admin-help-sidebar-group-title {
    margin: 0 0 0.6rem;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--bs-secondary-color);
}

.admin-help-sidebar-link {
    display: block;
    padding: 0.42rem 0.65rem;
    border-radius: 0.8rem;
    color: inherit;
    text-decoration: none;
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.admin-help-sidebar-link:hover,
.admin-help-sidebar-link:focus-visible {
    background: rgba(108, 79, 224, 0.12);
    color: inherit;
    transform: translateX(2px);
}

.admin-help-sidebar-link.is-active {
    background: rgba(108, 79, 224, 0.18);
    color: var(--bs-emphasis-color);
    font-weight: 700;
}

.admin-help-article {
    min-width: 0;
}

.admin-help-markdown {
    display: grid;
    gap: 1rem;
}

.admin-help-markdown > *:last-child {
    margin-bottom: 0;
}

.admin-help-markdown h1,
.admin-help-markdown h2,
.admin-help-markdown h3,
.admin-help-markdown h4 {
    margin-top: 0.5rem;
}

.admin-help-markdown h1:first-child,
.admin-help-markdown h2:first-child {
    margin-top: 0;
}

.admin-help-markdown p,
.admin-help-markdown ul,
.admin-help-markdown ol,
.admin-help-markdown blockquote {
    margin-bottom: 0;
}

.admin-help-markdown table {
    width: 100%;
    overflow: hidden;
    border-collapse: collapse;
    border-radius: 1rem;
}

.admin-help-markdown th,
.admin-help-markdown td {
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    vertical-align: top;
}

.admin-help-markdown thead th {
    background: rgba(255, 255, 255, 0.04);
}

.admin-help-markdown code {
    padding: 0.1rem 0.32rem;
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.08);
}

.admin-help-markdown pre {
    padding: 1rem;
    overflow-x: auto;
    border-radius: 1rem;
    background: rgba(8, 15, 28, 0.72);
}

.admin-help-markdown pre code {
    padding: 0;
    background: transparent;
}

.admin-help-markdown img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    background: rgba(15, 23, 42, 0.88);
    box-shadow: 0 20px 40px rgba(8, 15, 28, 0.22);
}

.admin-help-markdown blockquote {
    padding: 1rem 1.1rem;
    border-left: 4px solid rgba(108, 79, 224, 0.55);
    border-radius: 0 1rem 1rem 0;
    background: rgba(108, 79, 224, 0.08);
    color: var(--bs-emphasis-color);
}

.admin-help-markdown blockquote > * + * {
    margin-top: 0.6rem;
}

.admin-help-markdown img + blockquote {
    margin-top: -0.3rem;
    font-size: 0.95rem;
}

.admin-help-markdown ul,
.admin-help-markdown ol {
    padding-left: 1.2rem;
}

.admin-help-markdown li + li {
    margin-top: 0.35rem;
}

.admin-help-related-grid {
    display: grid;
    gap: 0.9rem;
}

.admin-help-related-card {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 1rem;
    text-decoration: none;
    color: inherit;
    background: rgba(255, 255, 255, 0.02);
}

.admin-help-related-card:hover,
.admin-help-related-card:focus-visible {
    border-color: rgba(108, 79, 224, 0.34);
    background: rgba(108, 79, 224, 0.08);
    color: inherit;
}

.admin-help-related-label {
    font-size: 0.78rem;
    color: var(--bs-secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

@media (min-width: 992px) {
    .admin-help-layout {
        grid-template-columns: minmax(16rem, 20rem) minmax(0, 1fr);
        align-items: start;
    }

    .admin-help-sidebar {
        position: sticky;
        top: 1.5rem;
    }

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

[data-bs-theme='light'] .admin-help-sidebar-link:hover,
[data-bs-theme='light'] .admin-help-sidebar-link:focus-visible,
[data-bs-theme='light'] .admin-help-sidebar-link.is-active {
    background: rgba(91, 62, 200, 0.1);
}

[data-bs-theme='light'] .admin-help-markdown th,
[data-bs-theme='light'] .admin-help-markdown td,
[data-bs-theme='light'] .admin-help-related-card {
    border-color: rgba(138, 154, 184, 0.22);
}

[data-bs-theme='light'] .admin-help-markdown thead th,
[data-bs-theme='light'] .admin-help-related-card {
    background: rgba(245, 248, 255, 0.9);
}

[data-bs-theme='light'] .admin-help-markdown code {
    background: rgba(31, 42, 61, 0.08);
}

[data-bs-theme='light'] .admin-help-markdown pre {
    background: rgba(15, 23, 42, 0.92);
}

[data-bs-theme='light'] .admin-help-markdown img {
    border-color: rgba(138, 154, 184, 0.22);
    background: rgba(255, 255, 255, 0.95);
}

[data-bs-theme='light'] .admin-help-markdown blockquote {
    background: rgba(91, 62, 200, 0.08);
    border-left-color: rgba(91, 62, 200, 0.42);
}

/* Accessibility preferences and panel */

html {
    font-size: var(--a11y-font-scale, 100%);
}

html[data-a11y-underline-links='on'] .frontend-app a:not(.btn):not(.nav-link):not(.navbar-brand):not(.dropdown-item):not(.stretched-link) {
    text-decoration: underline;
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.18em;
}

html[data-a11y-spacing='spacious'] body {
    line-height: 1.8;
}

html[data-a11y-spacing='spacious'] :where(p, li, dd, dt, label, legend, input, textarea, select, button) {
    line-height: 1.8;
    word-spacing: 0.08em;
}

html[data-a11y-focus='strong'] {
    --app-focus-ring: rgba(var(--brand-primary-rgb), 0.68);
}

html[data-a11y-focus='strong'] :where(
    a[href],
    button,
    input,
    select,
    textarea,
    summary,
    [role='button'],
    [role='link'],
    [tabindex]:not([tabindex='-1'])
):focus-visible {
    outline: 3px solid #ffd24d !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 0.35rem var(--app-focus-ring) !important;
}

[data-bs-theme='dark'][data-a11y-focus='strong'] :where(
    a[href],
    button,
    input,
    select,
    textarea,
    summary,
    [role='button'],
    [role='link'],
    [tabindex]:not([tabindex='-1'])
):focus-visible {
    outline-color: #ffe083 !important;
}

html[data-a11y-contrast='more'] {
    --brand-primary: #40278f;
    --brand-primary-hover: #311d72;
    --brand-primary-active: #221553;
    --brand-primary-rgb: 64, 39, 143;
    --neutral-bg: #ffffff;
    --neutral-surface: #ffffff;
    --neutral-border: #5b6678;
    --neutral-text: #111827;
    --neutral-muted: #334155;
    --app-focus-ring: rgba(var(--brand-primary-rgb), 0.72);
}

html[data-bs-theme='dark'][data-a11y-contrast='more'] {
    --brand-primary: #a18bff;
    --brand-primary-hover: #b8a7ff;
    --brand-primary-active: #cbbfff;
    --brand-primary-rgb: 161, 139, 255;
    --neutral-bg: #0b1220;
    --neutral-surface: #111a2b;
    --neutral-border: #9fb0d0;
    --neutral-text: #f8fafc;
    --neutral-muted: #dbe4f5;
    --app-focus-ring: rgba(var(--brand-primary-rgb), 0.82);
}

html[data-a11y-motion='reduce'] *,
html[data-a11y-motion='reduce'] *::before,
html[data-a11y-motion='reduce'] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
}

html[data-a11y-motion='reduce'] .frontend-app main.container {
    animation: none !important;
}

.form-required-note,
.form-optional-note {
    display: inline-block;
    margin-inline-start: 0.35rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--neutral-muted);
}

.a11y-error-summary a {
    font-weight: 600;
    text-underline-offset: 0.15em;
}

.job-apply-fieldset,
.candidate-profile-fieldset,
.contact-form-fieldset {
    margin: 0;
    padding: 1.1rem 1.15rem 1.2rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    border-radius: 1rem;
    background: rgba(var(--brand-primary-rgb), 0.03);
}

.job-apply-fieldset-legend,
.candidate-profile-fieldset-legend,
.contact-form-legend {
    width: auto;
    margin: 0 0 0.85rem;
    padding: 0 0.35rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--neutral-text);
}

@media (max-width: 575.98px) {
    .legal-agreement-item {
        grid-template-columns: minmax(0, 1fr);
    }

    .legal-agreement-trigger {
        justify-self: start;
    }
}

.accessibility-page {
    display: grid;
    gap: 1.5rem;
    padding-bottom: 2rem;
}

.accessibility-page-header {
    display: grid;
    gap: 0.75rem;
    padding: 1.5rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.15);
    border-radius: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.12), rgba(255, 255, 255, 0));
}

.accessibility-page-kicker {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--brand-primary);
}

.accessibility-page-intro {
    max-width: 65ch;
    color: var(--neutral-muted);
}

.accessibility-page-grid {
    display: grid;
    gap: 1rem;
}

.accessibility-page-card {
    padding: 1.25rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.14);
    border-radius: 1.25rem;
    background: var(--app-surface);
    box-shadow: var(--shadow-sm);
}

.accessibility-page-card :last-child {
    margin-bottom: 0;
}

:root {
    --a11y-trigger-shadow: 0 22px 42px rgba(66, 44, 145, 0.28);
    --a11y-panel-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.998) 0%, rgba(238, 244, 255, 0.992) 54%, rgba(229, 238, 252, 0.988) 100%);
    --a11y-panel-elevated: rgba(255, 255, 255, 0.95);
    --a11y-panel-border: rgba(var(--brand-primary-rgb), 0.28);
    --a11y-panel-shadow: 0 40px 100px rgba(15, 23, 42, 0.28);
    --a11y-panel-soft: rgba(var(--brand-primary-rgb), 0.1);
}

[data-bs-theme='dark'] {
    --a11y-trigger-shadow: 0 22px 42px rgba(2, 6, 23, 0.52);
    --a11y-panel-surface: linear-gradient(180deg, rgba(30, 42, 67, 0.992) 0%, rgba(18, 29, 48, 0.996) 54%, rgba(10, 18, 31, 0.998) 100%);
    --a11y-panel-elevated: rgba(28, 40, 61, 0.94);
    --a11y-panel-border: rgba(255, 255, 255, 0.18);
    --a11y-panel-shadow: 0 42px 102px rgba(2, 6, 23, 0.62);
    --a11y-panel-soft: rgba(var(--brand-primary-rgb), 0.22);
}

html[data-a11y-color-mode='grayscale'] body::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 1088;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.01);
    -webkit-backdrop-filter: grayscale(1);
    backdrop-filter: grayscale(1);
}

html[data-a11y-trigger='hidden'] .a11y-settings-trigger {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

html[data-a11y-cursor='dark'] body {
    cursor: url('/assets/cursors/cursor-large-dark.svg') 4 4, auto !important;
}

html[data-a11y-cursor='dark'] a,
html[data-a11y-cursor='dark'] button,
html[data-a11y-cursor='dark'] summary,
html[data-a11y-cursor='dark'] label,
html[data-a11y-cursor='dark'] [role='button'] {
    cursor: url('/assets/cursors/cursor-large-dark.svg') 4 4, pointer !important;
}

html[data-a11y-cursor='light'] body {
    cursor: url('/assets/cursors/cursor-large-light.svg') 4 4, auto !important;
}

html[data-a11y-cursor='light'] a,
html[data-a11y-cursor='light'] button,
html[data-a11y-cursor='light'] summary,
html[data-a11y-cursor='light'] label,
html[data-a11y-cursor='light'] [role='button'] {
    cursor: url('/assets/cursors/cursor-large-light.svg') 4 4, pointer !important;
}

html[data-a11y-cursor='dark'] input:not([type='checkbox']):not([type='radio']),
html[data-a11y-cursor='dark'] textarea,
html[data-a11y-cursor='light'] input:not([type='checkbox']):not([type='radio']),
html[data-a11y-cursor='light'] textarea {
    cursor: text !important;
}

.a11y-settings-trigger {
    position: fixed;
    right: 1.35rem;
    bottom: 1.45rem;
    z-index: 1090;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.35rem;
    min-width: 4.35rem;
    min-height: 4.35rem;
    padding: 0.52rem;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 999px;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 42%),
        linear-gradient(135deg, #3a4c88 0%, var(--brand-primary) 58%, #9a37dd 100%);
    color: #fff;
    box-shadow: var(--a11y-trigger-shadow);
    backdrop-filter: blur(12px);
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.a11y-settings-trigger:hover {
    filter: saturate(1.06);
    transform: translateY(-1px);
}

.a11y-settings-trigger-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.a11y-settings-trigger-icon {
    width: 1.5rem;
    height: 1.5rem;
}

.a11y-settings-trigger-label {
    display: none;
}

.a11y-settings-trigger:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.96);
    outline-offset: 3px;
    box-shadow:
        0 0 0 0.28rem rgba(var(--brand-primary-rgb), 0.26),
        var(--a11y-trigger-shadow);
}

.a11y-dialog {
    --a11y-drawer-top: max(1rem, env(safe-area-inset-top));
    --a11y-drawer-right: max(0rem, env(safe-area-inset-right));
    --a11y-drawer-bottom: max(1rem, env(safe-area-inset-bottom));
    --a11y-drawer-left-gap: max(1rem, env(safe-area-inset-left));
    position: fixed;
    top: var(--a11y-drawer-top);
    right: var(--a11y-drawer-right);
    bottom: var(--a11y-drawer-bottom);
    left: auto;
    z-index: 1095;
    width: min(29rem, calc(100vw - var(--a11y-drawer-left-gap) - var(--a11y-drawer-right)));
    max-width: calc(100vw - var(--a11y-drawer-left-gap) - var(--a11y-drawer-right));
    height: calc(100dvh - var(--a11y-drawer-top) - var(--a11y-drawer-bottom));
    max-height: calc(100dvh - var(--a11y-drawer-top) - var(--a11y-drawer-bottom));
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
}

.a11y-dialog[open] {
    display: flex;
    align-items: stretch;
}

.a11y-dialog::backdrop {
    background: transparent;
}

.a11y-dialog-shell {
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 1rem;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 1.28rem 1.1rem 1rem;
    border: 1px solid var(--a11y-panel-border);
    border-radius: 1.6rem 0 0 1.6rem;
    background: var(--a11y-panel-surface);
    color: var(--neutral-text);
    box-shadow:
        var(--a11y-panel-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.34),
        inset 0 0 0 1px rgba(var(--brand-primary-rgb), 0.05);
    backdrop-filter: blur(18px);
    overflow: hidden;
    scrollbar-gutter: stable;
}

.a11y-dialog-shell::before {
    content: none;
}

.a11y-dialog-header,
.a11y-dialog-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.a11y-dialog-header {
    position: relative;
    margin: 0.16rem 0 0.08rem;
    padding: 0.38rem 0.58rem 0.72rem;
    border-radius: 1.22rem;
    isolation: isolate;
}

.a11y-dialog-header::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--brand-primary-rgb), 0.22), rgba(var(--brand-primary-rgb), 0) 56%),
        linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.11), rgba(255, 255, 255, 0.12) 60%, rgba(var(--brand-primary-rgb), 0.05));
    pointer-events: none;
    z-index: -1;
}

[data-bs-theme='dark'] .a11y-dialog-header::before {
    border-color: rgba(255, 255, 255, 0.11);
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--brand-primary-rgb), 0.3), rgba(var(--brand-primary-rgb), 0) 58%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(var(--brand-primary-rgb), 0.16));
}

.a11y-dialog-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.a11y-dialog-heading {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.a11y-dialog-body {
    display: grid;
    gap: 0.95rem;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0.18rem 0.08rem;
    overscroll-behavior: contain;
}

.a11y-dialog-title {
    font-size: 1.06rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.a11y-dialog-subtitle,
.a11y-dialog-help {
    color: var(--neutral-muted);
    font-size: 0.8rem;
    line-height: 1.4;
}

.a11y-dialog-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 0.85rem;
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.16), rgba(var(--brand-primary-rgb), 0.06));
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    color: var(--brand-primary);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        0 12px 24px rgba(var(--brand-primary-rgb), 0.12);
}

[data-bs-theme='dark'] .a11y-dialog-mark {
    color: #fff;
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.3), rgba(255, 255, 255, 0.06));
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.a11y-dialog-mark-icon {
    width: 1.15rem;
    height: 1.15rem;
}

.a11y-dialog-close {
    position: relative;
    z-index: 1;
    min-height: 2rem;
    padding-inline: 0.8rem;
    border-radius: 999px;
    border-color: rgba(var(--brand-primary-rgb), 0.18);
    background: linear-gradient(180deg, var(--a11y-panel-elevated), rgba(var(--brand-primary-rgb), 0.03));
    color: var(--neutral-text);
    backdrop-filter: blur(10px);
    font-size: 0.82rem;
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

[data-bs-theme='dark'] .a11y-dialog-close {
    color: #f8fbff;
}

.a11y-dialog-close:hover,
.a11y-dialog-close:focus-visible {
    background: rgba(var(--brand-primary-rgb), 0.12);
    border-color: rgba(var(--brand-primary-rgb), 0.3);
    color: var(--brand-primary);
}

.a11y-dialog-section {
    position: relative;
    padding: 0.9rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
    border-radius: 1.08rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(var(--brand-primary-rgb), 0.085));
    box-shadow:
        0 16px 34px rgba(15, 23, 42, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.56);
}

[data-bs-theme='dark'] .a11y-dialog-section {
    border-color: rgba(255, 255, 255, 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(var(--brand-primary-rgb), 0.13));
    box-shadow:
        0 20px 40px rgba(2, 6, 23, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.a11y-dialog-section-highlight {
    background: linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.12), rgba(var(--brand-primary-rgb), 0.05));
}

[data-bs-theme='dark'] .a11y-dialog-section-highlight {
    background: linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.2), rgba(255, 255, 255, 0.04));
}

.a11y-dialog-section-head {
    display: flex;
    align-items: flex-start;
    gap: 0.72rem;
    margin-bottom: 0.72rem;
}

.a11y-dialog-section-copy {
    display: grid;
    gap: 0.24rem;
}

.a11y-dialog-section-icon,
.a11y-tile-icon,
.a11y-dialog-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--brand-primary);
    background: rgba(var(--brand-primary-rgb), 0.12);
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
}

[data-bs-theme='dark'] .a11y-dialog-section-icon,
[data-bs-theme='dark'] .a11y-tile-icon,
[data-bs-theme='dark'] .a11y-dialog-link-icon {
    color: #fff;
    background: rgba(var(--brand-primary-rgb), 0.22);
    border-color: rgba(255, 255, 255, 0.08);
}

.a11y-dialog-section-icon {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 0.78rem;
}

.a11y-dialog-section-title {
    margin-bottom: 0;
    font-size: 0.92rem;
    font-weight: 700;
}

.a11y-font-control {
    display: grid;
    grid-template-columns: minmax(0, 6.2rem) minmax(0, 1fr) minmax(0, 6.2rem);
    align-items: center;
    gap: 0.58rem;
}

.a11y-font-slider-wrap {
    min-width: 0;
    display: grid;
    gap: 0.34rem;
    justify-items: stretch;
    align-content: center;
    min-height: 5rem;
    padding: 0.52rem 0.72rem 0.56rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.8);
    box-shadow:
        0 12px 24px rgba(15, 23, 42, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

[data-bs-theme='dark'] .a11y-font-slider-wrap {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.07);
    box-shadow:
        0 14px 26px rgba(2, 6, 23, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.a11y-font-scale-meta {
    display: flex;
    justify-content: center;
}

.a11y-font-size-value {
    justify-self: center;
    min-width: 4.2rem;
    padding: 0.26rem 0.76rem;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(var(--brand-primary-rgb), 0.14), rgba(var(--brand-primary-rgb), 0.1));
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
    text-align: center;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
}

.a11y-font-range {
    width: 100%;
    margin: 0;
    padding-block: 0.08rem;
    accent-color: var(--brand-primary);
    background: transparent;
}

.a11y-font-range::-webkit-slider-runnable-track {
    height: 0.56rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(232, 239, 252, 0.94));
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.5),
        inset 0 0 0 1px rgba(var(--brand-primary-rgb), 0.14);
}

.a11y-font-range::-webkit-slider-thumb {
    width: 1.12rem;
    height: 1.12rem;
    margin-top: -0.28rem;
    border: 2px solid rgba(255, 255, 255, 0.96);
    border-radius: 50%;
    background: linear-gradient(180deg, #6fc2ff, #2870f0);
    box-shadow:
        0 8px 18px rgba(32, 99, 230, 0.42),
        0 0 0 1px rgba(18, 42, 92, 0.1);
    -webkit-appearance: none;
            appearance: none;
}

.a11y-font-range::-moz-range-track {
    height: 0.56rem;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(232, 239, 252, 0.94));
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.5),
        inset 0 0 0 1px rgba(var(--brand-primary-rgb), 0.14);
}

.a11y-font-range::-moz-range-thumb {
    width: 1.12rem;
    height: 1.12rem;
    border: 2px solid rgba(255, 255, 255, 0.96);
    border-radius: 50%;
    background: linear-gradient(180deg, #6fc2ff, #2870f0);
    box-shadow:
        0 8px 18px rgba(32, 99, 230, 0.42),
        0 0 0 1px rgba(18, 42, 92, 0.1);
}

.a11y-font-stepper {
    display: grid;
    grid-template-rows: auto minmax(2.35rem, 1fr) auto;
    justify-items: center;
    align-content: stretch;
    gap: 0.3rem;
    min-width: 0;
    min-height: 5rem;
    padding: 0.52rem 0.46rem 0.56rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.2);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(var(--brand-primary-rgb), 0.075));
    color: var(--neutral-text);
    text-align: center;
    box-shadow:
        0 12px 24px rgba(15, 23, 42, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.52);
    transition: border-color 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

[data-bs-theme='dark'] .a11y-font-stepper {
    border-color: rgba(255, 255, 255, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(var(--brand-primary-rgb), 0.1));
    box-shadow:
        0 14px 26px rgba(2, 6, 23, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.a11y-font-stepper:hover,
.a11y-font-stepper:focus-visible {
    border-color: rgba(var(--brand-primary-rgb), 0.28);
    background: rgba(var(--brand-primary-rgb), 0.06);
    box-shadow: 0 0 0 0.18rem rgba(var(--brand-primary-rgb), 0.08);
    transform: translateY(-1px);
    outline: none;
}

.a11y-font-stepper-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 0.74rem;
    background: rgba(var(--brand-primary-rgb), 0.12);
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
    color: var(--brand-primary);
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

[data-bs-theme='dark'] .a11y-font-stepper-badge {
    background: rgba(var(--brand-primary-rgb), 0.22);
    border-color: rgba(255, 255, 255, 0.08);
    color: #f8fbff;
}

.a11y-font-stepper-title {
    min-height: 2.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: 0.16rem;
    font-size: 0.85rem;
    font-weight: 620;
    line-height: 1.28;
    color: color-mix(in srgb, var(--neutral-text) 92%, #0f172a 8%);
    text-wrap: balance;
}

[data-bs-theme='dark'] .a11y-font-range::-webkit-slider-runnable-track {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(220, 230, 245, 0.88));
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.2),
        inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

[data-bs-theme='dark'] .a11y-font-range::-moz-range-track {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(220, 230, 245, 0.88));
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.2),
        inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

.a11y-tile-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.62rem;
    min-width: 0;
}

.a11y-tile {
    display: grid;
    grid-template-rows: auto minmax(2.35rem, 1fr) auto;
    justify-items: center;
    align-content: stretch;
    gap: 0.52rem;
    width: 100%;
    min-width: 0;
    min-height: 6.8rem;
    padding: 0.82rem 0.58rem 0.7rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.22);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(var(--brand-primary-rgb), 0.12));
    color: var(--neutral-text);
    text-align: center;
    box-shadow:
        0 14px 26px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.54);
    transition:
        border-color 0.16s ease,
        background-color 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease;
}

[data-bs-theme='dark'] .a11y-tile {
    border-color: rgba(255, 255, 255, 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(var(--brand-primary-rgb), 0.12));
    box-shadow:
        0 16px 28px rgba(2, 6, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.a11y-tile:hover,
.a11y-tile:focus-visible {
    border-color: rgba(var(--brand-primary-rgb), 0.28);
    background: rgba(var(--brand-primary-rgb), 0.06);
    box-shadow: 0 0 0 0.18rem rgba(var(--brand-primary-rgb), 0.08);
    transform: translateY(-1px);
    outline: none;
}

.a11y-tile-icon {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 0.7rem;
}

.a11y-tile-title {
    width: 100%;
    min-width: 0;
    min-height: 2.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 620;
    line-height: 1.28;
    color: color-mix(in srgb, var(--neutral-text) 92%, #0f172a 8%);
    text-wrap: balance;
}

.a11y-shortcut-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: end;
    min-height: 1.45rem;
    max-width: 100%;
    padding: 0.08rem 0.42rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.24);
    background: rgba(var(--brand-primary-rgb), 0.15);
    color: color-mix(in srgb, var(--neutral-text) 90%, #0f172a 10%);
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

[data-bs-theme='dark'] .a11y-shortcut-pill {
    color: #eef2ff;
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.1);
}

.a11y-tile[aria-pressed='true'] {
    border-color: transparent;
    background: linear-gradient(160deg, #4f57d8, rgba(var(--brand-primary-rgb), 0.98) 48%, #9b48ea 100%);
    box-shadow:
        0 16px 28px rgba(var(--brand-primary-rgb), 0.26),
        0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.14);
    color: #fff;
}

.a11y-tile[aria-pressed='true'] .a11y-tile-icon {
    color: #fff;
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.a11y-tile[aria-pressed='true'] .a11y-tile-title {
    color: #fff;
}

.a11y-tile[aria-pressed='true'] .a11y-shortcut-pill {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.18);
}

.a11y-dialog-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 2.5rem;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(var(--brand-primary-rgb), 0.16);
    border-radius: 0.92rem;
    background: rgba(var(--brand-primary-rgb), 0.06);
    color: var(--neutral-text);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    text-underline-offset: 0.16em;
}

.a11y-dialog-link:hover,
.a11y-dialog-link:focus-visible {
    background: rgba(var(--brand-primary-rgb), 0.12);
    border-color: rgba(var(--brand-primary-rgb), 0.28);
    color: var(--brand-primary);
}

.a11y-dialog-link-icon {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 0.62rem;
}

.a11y-dialog-reset {
    min-height: 2.5rem;
    padding-inline: 0.85rem;
    border-radius: 0.92rem;
    font-size: 0.82rem;
    font-weight: 600;
}

@media (min-width: 768px) {
    .accessibility-page-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .accessibility-page-card-wide {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575.98px) {
    .a11y-settings-trigger {
        right: 1rem;
        bottom: 1.05rem;
        width: 4.05rem;
        min-width: 4.05rem;
        min-height: 4.05rem;
    }

    .a11y-dialog {
        --a11y-drawer-top: max(0.5rem, env(safe-area-inset-top));
        --a11y-drawer-right: max(0rem, env(safe-area-inset-right));
        --a11y-drawer-bottom: max(0.5rem, env(safe-area-inset-bottom));
        --a11y-drawer-left-gap: max(0.5rem, env(safe-area-inset-left));
    }

    .a11y-dialog-shell {
        padding: 1.08rem 0.94rem 0.92rem;
    }

    .a11y-dialog-header,
    .a11y-dialog-footer {
        grid-template-columns: minmax(0, 1fr) auto;
        display: grid;
    }

    .a11y-dialog-heading {
        align-items: center;
    }

    .a11y-font-control {
        grid-template-columns: 3.15rem minmax(0, 1fr) 3.15rem;
        gap: 0.44rem;
        align-items: stretch;
    }

    .a11y-font-slider-wrap {
        grid-column: auto;
        min-height: auto;
        padding: 0.54rem 0.62rem 0.58rem;
    }

    .a11y-font-stepper {
        min-height: auto;
        padding: 0.48rem 0.22rem;
        grid-template-rows: 1fr;
        gap: 0;
    }

    .a11y-font-stepper-title,
    .a11y-shortcut-pill {
        display: none;
    }

    .a11y-font-stepper-badge {
        width: 2rem;
        height: 2rem;
        font-size: 0.88rem;
    }

    .a11y-tile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.52rem;
    }

    .a11y-tile {
        min-height: 5.35rem;
        padding: 0.66rem 0.54rem;
        gap: 0.42rem;
    }

    .a11y-tile-title {
        min-height: 0;
        font-size: 0.8rem;
    }

    .a11y-dialog-link {
        justify-content: center;
    }
}

.admin-mailbox-email-page .admin-email-header .card-body {
    padding-block: 1.1rem;
}

.admin-mailbox-email-page .admin-email-list-card,
.admin-mailbox-email-page .admin-email-reader-card {
    overflow: hidden;
}

.admin-mailbox-email-page .admin-email-list {
    max-height: 68vh;
    overflow-y: auto;
}

.admin-mailbox-email-page .admin-email-list-item {
    border: 0;
    border-radius: 0;
    padding: 0.95rem 1rem;
    background: transparent;
}

.admin-mailbox-email-page .admin-email-list-item:hover,
.admin-mailbox-email-page .admin-email-list-item:focus-visible {
    background: rgba(120, 86, 219, 0.12);
}

.admin-mailbox-email-page .admin-email-list-item.active {
    background: rgba(126, 92, 230, 0.22);
    border-left: 3px solid rgba(190, 166, 255, 0.9);
}

.admin-mailbox-email-page .admin-email-dot {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #7d74ff, #4ec5ff);
    display: inline-block;
    flex-shrink: 0;
}

.admin-mailbox-email-page .admin-email-reader-body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.admin-mailbox-email-page .admin-email-recipient-summary {
    display: grid;
    gap: 0.35rem;
    font-size: 0.92rem;
}

.admin-mailbox-email-page .admin-email-thread {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.admin-mailbox-email-page .admin-email-thread-message {
    border: 1px solid rgba(150, 171, 214, 0.18);
    border-radius: 1rem;
    background: rgba(8, 14, 28, 0.78);
    padding: 1rem;
}

.admin-mailbox-email-page .admin-email-thread-message.is-selected {
    border-color: rgba(183, 150, 255, 0.42);
    box-shadow: inset 0 0 0 1px rgba(178, 139, 255, 0.16);
}

.admin-mailbox-email-page .admin-email-thread-message.is-outgoing {
    background: rgba(24, 33, 57, 0.82);
}

.admin-mailbox-email-page .admin-email-thread-message-header {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.admin-mailbox-email-page .admin-email-thread-meta {
    display: grid;
    gap: 0.22rem;
    font-size: 0.87rem;
    color: rgba(217, 226, 243, 0.84);
    margin-bottom: 0.85rem;
}

.admin-mailbox-email-page .admin-email-thread-content {
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.03);
    padding: 0.95rem 1rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.admin-mailbox-email-page .admin-email-thread-content p:last-child {
    margin-bottom: 0;
}

.admin-mailbox-email-page .admin-email-reply {
    border-top: 1px solid rgba(150, 171, 214, 0.18);
    padding-top: 1.25rem;
}

@media (max-width: 1199.98px) {
    .admin-mailbox-email-page .admin-email-list {
        max-height: none;
    }
}

@media (max-width: 767.98px) {
    .admin-mailbox-email-page .admin-email-thread-message-header {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .admin-jobs-page .admin-jobs-filter-form .admin-admin-filter-field,
    .admin-jobs-page .admin-jobs-filter-form .admin-admin-filter-actions {
        grid-column: 1 / -1;
    }
}
.human-check-open {
    overflow: hidden;
}

.human-check-overlay {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 2.5vw, 1.75rem);
}

.human-check-backdrop {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at top, rgba(124, 92, 255, 0.12), transparent 36%),
        rgba(10, 14, 24, 0.68);
    backdrop-filter: blur(14px) saturate(125%);
}

.human-check-dialog {
    position: relative;
    width: min(100%, 57rem);
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(219, 84, 137, 0.12), transparent 32%),
        radial-gradient(circle at top right, rgba(106, 128, 255, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(244, 247, 252, 0.985));
    color: #172033;
    border-radius: 1.85rem;
    box-shadow:
        0 2.2rem 5rem rgba(15, 23, 42, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.42) inset;
    padding: clamp(1.25rem, 2vw, 2.1rem);
    border: 1px solid rgba(196, 203, 214, 0.55);
}

.human-check-dialog::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 14%),
        linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.08), transparent 48%);
}

.human-check-dialog::after {
    content: "";
    position: absolute;
    left: 1.35rem;
    right: 1.35rem;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.82), transparent);
    pointer-events: none;
}

[data-bs-theme="dark"] .human-check-dialog {
    background:
        radial-gradient(circle at top left, rgba(220, 88, 145, 0.14), transparent 32%),
        radial-gradient(circle at top right, rgba(106, 128, 255, 0.14), transparent 30%),
        linear-gradient(180deg, rgba(15, 21, 33, 0.985), rgba(11, 16, 26, 0.985));
    color: #f7f9fd;
    border-color: rgba(85, 96, 121, 0.56);
    box-shadow:
        0 2.5rem 5rem rgba(2, 6, 23, 0.56),
        0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}

.human-check-header {
    position: relative;
    z-index: 1;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid rgba(205, 213, 226, 0.62);
}

[data-bs-theme="dark"] .human-check-header {
    border-bottom-color: rgba(91, 103, 131, 0.34);
}

.human-check-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.6rem;
    padding: 0.45rem 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.69rem;
    font-weight: 700;
    color: #8f3a64;
    background: rgba(219, 84, 137, 0.08);
    border: 1px solid rgba(219, 84, 137, 0.14);
    border-radius: 999px;
    width: max-content;
}

.human-check-eyebrow::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 0 0.26rem rgba(219, 84, 137, 0.14);
}

[data-bs-theme="dark"] .human-check-eyebrow {
    color: #f1b6cc;
    background: rgba(241, 182, 204, 0.08);
    border-color: rgba(241, 182, 204, 0.14);
}

.human-check-title {
    margin: 0 0 0.55rem;
    font-size: clamp(1.55rem, 2.4vw, 2.15rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
    font-weight: 700;
    max-width: 18ch;
}

.human-check-subtitle {
    margin: 0;
    max-width: 42rem;
    color: #55637d;
    font-size: 0.98rem;
    line-height: 1.62;
}

[data-bs-theme="dark"] .human-check-subtitle {
    color: #bbc5da;
}

.human-check-stage {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 1rem;
    margin-top: 1.45rem;
}

.human-check-scenes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.35rem;
}

.human-check-scene {
    display: grid;
    align-content: start;
    position: relative;
    overflow: hidden;
    min-height: 18.75rem;
    background:
        linear-gradient(180deg, rgba(251, 253, 255, 0.96), rgba(239, 244, 251, 0.94));
    border-radius: 1.35rem;
    padding: 1.2rem 1.2rem 1.05rem;
    border: 1px solid rgba(211, 219, 232, 0.9);
    text-align: center;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.68),
        0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.human-check-scene::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at top center, rgba(255, 255, 255, 0.42), transparent 50%);
}

.human-check-scene.is-reference {
    border-color: rgba(205, 162, 189, 0.42);
}

.human-check-scene.is-adjustable {
    border-color: rgba(171, 185, 223, 0.42);
}

[data-bs-theme="dark"] .human-check-scene {
    background:
        linear-gradient(180deg, rgba(28, 36, 53, 0.98), rgba(21, 28, 43, 0.96));
    border-color: rgba(77, 88, 113, 0.72);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 1rem 2rem rgba(2, 6, 23, 0.26);
}

[data-bs-theme="dark"] .human-check-scene.is-reference {
    border-color: rgba(198, 135, 165, 0.32);
}

[data-bs-theme="dark"] .human-check-scene.is-adjustable {
    border-color: rgba(111, 128, 182, 0.34);
}

.human-check-figure {
    position: relative;
    width: 11.3rem;
    height: 13rem;
    margin: 0 auto 0.95rem;
    --human-check-fill-ratio: 0;
    filter: drop-shadow(0 1rem 1.5rem rgba(15, 23, 42, 0.12));
}

.human-check-fill {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.85rem;
    width: 58%;
    height: calc((100% - 1.7rem) * var(--human-check-fill-ratio));
    border-radius: 0.65rem 0.65rem 0.35rem 0.35rem;
    transition: height 180ms ease;
}

[data-a11y-motion="reduce"] .human-check-fill {
    transition: none;
}

.human-check-figure.is-rendered-figure {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.human-check-figure.is-rendered-figure .human-check-fill {
    display: none;
}

.human-check-figure.is-rendered-figure::before,
.human-check-figure.is-rendered-figure::after {
    content: none;
}

.human-check-figure-wine_fill::before,
.human-check-figure-serum_fill::before,
.human-check-figure-lipstick_height::before {
    content: "";
    position: absolute;
    inset: 0;
}

.human-check-figure-wine_fill::before {
    border: 3px solid currentColor;
    border-top-width: 0;
    border-radius: 0 0 1.1rem 1.1rem;
    clip-path: polygon(14% 0, 86% 0, 70% 62%, 70% 72%, 80% 72%, 80% 78%, 54% 78%, 54% 100%, 46% 100%, 46% 78%, 20% 78%, 20% 72%, 30% 72%, 30% 62%);
}

.human-check-figure-wine_fill .human-check-fill {
    width: 48%;
    bottom: 2.2rem;
    border-radius: 0 0 1rem 1rem;
    background: linear-gradient(180deg, #c64c73 0%, #8d294a 100%);
}

.human-check-figure-lipstick_height::before {
    width: 3rem;
    margin: 0 auto;
    border-radius: 1rem;
    background:
        linear-gradient(180deg, rgba(232, 172, 188, 0.22) 0 38%, transparent 38% 100%),
        linear-gradient(180deg, #f4d8df 0 38%, #2c3347 38% 65%, #111626 65% 100%);
    display: block;
}

.human-check-figure-lipstick_height .human-check-fill {
    width: 1.6rem;
    bottom: 5rem;
    border-radius: 0.8rem 0.8rem 0.25rem 0.25rem;
    background: linear-gradient(180deg, #ff6f8e 0%, #d2426b 100%);
}

.human-check-figure-serum_fill::before {
    width: 4.6rem;
    margin: 0 auto;
    border: 3px solid currentColor;
    border-radius: 1.1rem 1.1rem 1.35rem 1.35rem;
    background:
        linear-gradient(180deg, transparent 0 16%, currentColor 16% 19%, transparent 19% 100%);
    display: block;
}

.human-check-figure-serum_fill::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2rem;
    height: 1rem;
    border-radius: 0.5rem 0.5rem 0.25rem 0.25rem;
    background: currentColor;
}

.human-check-figure-serum_fill .human-check-fill {
    width: 3.1rem;
    bottom: 0.9rem;
    border-radius: 0.65rem 0.65rem 0.95rem 0.95rem;
    background: linear-gradient(180deg, #8bd9c3 0%, #2aa48e 100%);
}

.human-check-scene-label {
    position: relative;
    z-index: 1;
    font-size: 0.92rem;
    font-weight: 600;
    color: #4f5f7c;
}

[data-bs-theme="dark"] .human-check-scene-label {
    color: #cad3e7;
}

.human-check-stepper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 16rem) minmax(0, 1fr);
    align-items: stretch;
    gap: 1rem;
    margin-top: 0.2rem;
    padding: 1.05rem;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, rgba(249, 251, 255, 0.92), rgba(238, 243, 250, 0.96));
    border: 1px solid rgba(211, 219, 232, 0.84);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 0.9rem 2rem rgba(15, 23, 42, 0.06);
}

[data-bs-theme="dark"] .human-check-stepper {
    background:
        linear-gradient(180deg, rgba(25, 32, 48, 0.92), rgba(18, 24, 37, 0.98));
    border-color: rgba(77, 88, 113, 0.56);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 1rem 2.2rem rgba(2, 6, 23, 0.22);
}

.human-check-stepper .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
    overflow: hidden;
    min-width: 0;
    min-height: 3.35rem;
    border-radius: 1.1rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        border-color 160ms ease,
        background-color 160ms ease;
}

.human-check-stepper .btn.btn-outline-secondary {
    border-color: rgba(170, 181, 201, 0.9);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(244, 247, 252, 0.96));
    color: #162036;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        0 0.85rem 1.8rem rgba(15, 23, 42, 0.08);
}

[data-bs-theme="dark"] .human-check-stepper .btn.btn-outline-secondary {
    border-color: rgba(96, 107, 133, 0.8);
    background:
        linear-gradient(180deg, rgba(31, 39, 56, 0.96), rgba(23, 30, 45, 0.98));
    color: #eef4ff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0.9rem 1.8rem rgba(2, 6, 23, 0.18);
}

.human-check-stepper .btn::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.22), rgba(var(--brand-primary-rgb), 0.34));
    transform-origin: left center;
    transform: scaleX(var(--human-check-hold-progress, 0));
}

.human-check-stepper .btn:hover {
    transform: translateY(-1px);
}

.human-check-stepper .btn.is-holding {
    border-color: rgba(var(--brand-primary-rgb), 0.44);
    box-shadow: 0 0 0 0.18rem rgba(var(--brand-primary-rgb), 0.12);
}

.human-check-status {
    min-width: 0;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.45rem;
    padding: 0.95rem 1rem;
    border-radius: 1.15rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(246, 249, 253, 0.94));
    border: 1px solid rgba(215, 222, 234, 0.84);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

[data-bs-theme="dark"] .human-check-status {
    background:
        linear-gradient(180deg, rgba(31, 39, 56, 0.88), rgba(23, 31, 46, 0.96));
    border-color: rgba(86, 97, 123, 0.56);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.human-check-output {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 7.5rem;
    padding: 0.42rem 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(219, 225, 236, 0.92);
    font-size: 1.36rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

[data-bs-theme="dark"] .human-check-output {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(90, 102, 129, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.human-check-helper {
    margin: 0;
    max-width: 15rem;
    font-size: 0.83rem;
    line-height: 1.52;
    text-align: center;
    color: #64738d;
}

[data-bs-theme="dark"] .human-check-helper {
    color: #aeb8cf;
}

.human-check-feedback {
    min-height: 0;
    margin: 0;
    max-width: max-content;
    justify-self: center;
    padding: 0;
    text-align: center;
    color: #a33653;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    opacity: 0;
    transform: translateY(-0.2rem);
    transition:
        opacity 160ms ease,
        transform 160ms ease,
        padding 160ms ease;
}

.human-check-feedback:not(:empty) {
    padding: 0.72rem 0.95rem;
    border-radius: 999px;
    background: rgba(214, 75, 117, 0.08);
    border: 1px solid rgba(214, 75, 117, 0.14);
    opacity: 1;
    transform: translateY(0);
}

[data-bs-theme="dark"] .human-check-feedback {
    color: #ffb4c6;
}

.human-check-countdown {
    margin: 0.2rem auto 0;
    width: fit-content;
    padding: 0.72rem 1rem;
    border-radius: 999px;
    background: rgba(var(--brand-primary-rgb), 0.1);
    border: 1px solid rgba(var(--brand-primary-rgb), 0.18);
    color: rgb(var(--brand-primary-rgb));
    font-size: 0.96rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-align: center;
}

[data-bs-theme="dark"] .human-check-countdown {
    background: rgba(var(--brand-primary-rgb), 0.14);
    border-color: rgba(var(--brand-primary-rgb), 0.28);
    color: #f5deff;
}

.human-check-success {
    display: grid;
    justify-items: center;
    gap: 0.85rem;
    max-width: 22rem;
    margin: 0.35rem auto 0;
    padding: 1.25rem 1.1rem;
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top, rgba(52, 211, 153, 0.14), transparent 58%),
        linear-gradient(180deg, rgba(244, 255, 250, 0.96), rgba(235, 251, 244, 0.98));
    border: 1px solid rgba(52, 211, 153, 0.24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 1rem 2rem rgba(15, 23, 42, 0.08);
    text-align: center;
}

[data-bs-theme="dark"] .human-check-success {
    background:
        radial-gradient(circle at top, rgba(52, 211, 153, 0.18), transparent 58%),
        linear-gradient(180deg, rgba(19, 43, 34, 0.96), rgba(13, 29, 23, 0.98));
    border-color: rgba(74, 222, 128, 0.26);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 1rem 2rem rgba(2, 6, 23, 0.2);
}

.human-check-success-icon {
    width: 3.35rem;
    height: 3.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
    box-shadow:
        0 1rem 2rem rgba(34, 197, 94, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.human-check-success-icon svg {
    width: 1.55rem;
    height: 1.55rem;
    display: block;
}

.human-check-success-title {
    margin: 0;
    color: #0f5132;
    font-size: 1.18rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

[data-bs-theme="dark"] .human-check-success-title {
    color: #dcfce7;
}

.human-check-success-copy {
    margin: 0;
    color: #3f5f52;
    font-size: 0.94rem;
    line-height: 1.55;
}

[data-bs-theme="dark"] .human-check-success-copy {
    color: #b7e5ca;
}

.human-check-support {
    max-width: 30rem;
    margin: 0.35rem auto 0;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(214, 75, 117, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
    text-align: center;
}

[data-bs-theme="dark"] .human-check-support {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 180, 198, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.human-check-support-copy {
    margin: 0;
    color: #5f6e88;
    font-size: 0.9rem;
    line-height: 1.55;
}

[data-bs-theme="dark"] .human-check-support-copy {
    color: #c7d2e5;
}

.human-check-support-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.7rem;
    font-weight: 700;
    text-decoration: none;
}

.human-check-actions {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-top: 1.2rem;
    flex-wrap: wrap;
}

.human-check-actions-utility,
.human-check-actions-main {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.human-check-actions-main {
    margin-left: auto;
}

.human-check-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    border-radius: 999px;
    padding-inline: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        border-color 160ms ease,
        background-color 160ms ease;
}

.human-check-actions .btn:hover {
    transform: translateY(-1px);
}

.human-check-actions .btn-link,
.human-check-actions .btn-outline-secondary {
    text-decoration: none;
    border: 1px solid rgba(175, 186, 205, 0.88);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(246, 249, 253, 0.98));
    color: #172033;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        0 0.8rem 1.8rem rgba(15, 23, 42, 0.06);
}

[data-bs-theme="dark"] .human-check-actions .btn-link,
[data-bs-theme="dark"] .human-check-actions .btn-outline-secondary {
    border-color: rgba(92, 104, 130, 0.74);
    background:
        linear-gradient(180deg, rgba(29, 37, 54, 0.94), rgba(22, 29, 44, 0.98));
    color: #eef4ff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0.8rem 1.8rem rgba(2, 6, 23, 0.16);
}

.human-check-actions .btn-primary {
    min-width: 9.25rem;
    border: 0;
    background:
        linear-gradient(135deg, rgba(var(--brand-primary-rgb), 1), #7c5cff);
    box-shadow:
        0 1rem 2.2rem rgba(var(--brand-primary-rgb), 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.human-check-figure.is-blocked {
    width: 100%;
    height: 5rem;
    background: linear-gradient(135deg, rgba(214, 92, 122, 0.18), rgba(104, 62, 136, 0.18));
    border-radius: 1rem;
}

@media (max-width: 767.98px) {
    .human-check-overlay {
        padding: 0.5rem;
    }

    .human-check-dialog {
        width: 100%;
        max-height: calc(100dvh - 1rem);
        padding: 0.95rem;
        border-radius: 1.45rem;
        overflow: auto;
        overscroll-behavior: contain;
    }

    .human-check-header {
        padding-bottom: 0.85rem;
    }

    .human-check-title {
        font-size: clamp(1.35rem, 6vw, 1.75rem);
        max-width: none;
    }

    .human-check-subtitle {
        font-size: 0.9rem;
        line-height: 1.45;
    }

    .human-check-stage {
        gap: 0.8rem;
        margin-top: 1rem;
    }

    .human-check-scenes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
        align-items: stretch;
    }

    .human-check-scene {
        min-height: 13.6rem;
        padding: 0.55rem 0.25rem 0.55rem;
        border-radius: 1rem;
    }

    .human-check-stepper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
        padding: 0.8rem;
    }

    .human-check-stepper .btn {
        width: 100%;
        min-height: 2.8rem;
        font-size: 0.95rem;
    }

    .human-check-output {
        width: 100%;
    }

    .human-check-figure {
        width: min(100%, 8.55rem);
        height: 10.25rem;
        margin-bottom: 0.35rem;
    }

    .human-check-figure.is-rendered-figure {
        background-size: 122% auto;
    }

    .human-check-scene-label {
        font-size: 0.82rem;
        line-height: 1.3;
        min-height: 2em;
    }

    .human-check-status {
        width: 100%;
        grid-column: 1 / -1;
        order: -1;
        padding: 0.9rem 0.85rem;
        gap: 0.4rem;
    }

    .human-check-helper {
        font-size: 0.82rem;
        line-height: 1.4;
    }

    .human-check-actions {
        align-items: stretch;
        margin-top: 0.95rem;
        gap: 0.75rem;
    }

    .human-check-actions-utility,
    .human-check-actions-main {
        width: 100%;
    }

    .human-check-actions-main {
        margin-left: 0;
    }

    .human-check-actions-main .btn,
    .human-check-actions-utility .btn {
        flex: 1 1 auto;
        justify-content: center;
        min-height: 2.8rem;
        font-size: 0.95rem;
    }

    .human-check-feedback:not(:empty) {
        width: 100%;
        max-width: none;
    }

    .human-check-support {
        padding: 0.85rem 0.9rem;
    }

    .human-check-success {
        width: 100%;
        max-width: none;
        padding: 1.05rem 0.9rem;
    }
}

@media (max-width: 419.98px) {
    .human-check-dialog {
        padding: 0.8rem;
    }

    .human-check-scenes {
        gap: 0.45rem;
    }

    .human-check-scene {
        min-height: 12.3rem;
        padding-inline: 0.18rem;
    }

    .human-check-figure {
        width: min(100%, 7.4rem);
        height: 8.95rem;
    }

    .human-check-figure.is-rendered-figure {
        background-size: 128% auto;
    }

    .human-check-scene-label {
        font-size: 0.76rem;
    }

    .human-check-status {
        padding-inline: 0.7rem;
    }

    .human-check-output {
        font-size: clamp(1.25rem, 7vw, 1.65rem);
    }
}

.admin-feedback-widget {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 1085;
}

.admin-feedback-capture-active [data-admin-feedback-root],
[data-admin-feedback-root][data-capture-hidden="true"] {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.admin-feedback-capture-active [data-admin-feedback-modal][data-capture-hidden="true"],
[data-admin-feedback-modal][data-capture-hidden="true"] {
    display: none !important;
}

.admin-feedback-capture-active .modal-backdrop,
.admin-feedback-capture-active .admin-shell-backdrop {
    display: none !important;
}

.admin-feedback-launcher {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    padding: 0;
    background: linear-gradient(135deg, rgba(var(--brand-primary-rgb), 1), rgba(16, 185, 129, 0.95));
    color: #fff;
    font-weight: 700;
    box-shadow: 0 1.1rem 2.5rem rgba(15, 23, 42, 0.22);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.admin-feedback-launcher:hover,
.admin-feedback-launcher:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 1.35rem 2.8rem rgba(15, 23, 42, 0.26);
}

.admin-feedback-launcher-icon {
    width: 1.3rem;
    height: 1.3rem;
    display: inline-flex;
    line-height: 0;
    flex-shrink: 0;
}

.admin-feedback-launcher-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.admin-feedback-modal .modal-header,
.admin-feedback-modal .modal-footer {
    border-color: rgba(148, 163, 184, 0.18);
}

.admin-feedback-modal-kicker,
.admin-feedback-detail-kicker {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 0.76rem;
    font-weight: 700;
    color: rgb(var(--brand-primary-rgb));
}

.admin-feedback-form {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-feedback-inline-alert {
    margin-bottom: 0;
}

.admin-feedback-type-fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.admin-feedback-type-fieldset legend {
    float: none;
    width: auto;
}

.admin-feedback-type-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.admin-feedback-type-card {
    position: relative;
    display: block;
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-radius: 1rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.04);
    cursor: pointer;
}

.admin-feedback-type-card input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.admin-feedback-type-card:has(input:checked) {
    border-color: rgba(var(--brand-primary-rgb), 0.65);
    box-shadow: 0 0 0 0.18rem rgba(var(--brand-primary-rgb), 0.14);
}

.admin-feedback-type-title {
    display: block;
    font-weight: 700;
}

.admin-feedback-card {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-height: 100%;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.03);
}

.admin-feedback-card-head {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.admin-feedback-card-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.admin-feedback-preview {
    margin-top: 0.35rem;
}

.admin-feedback-preview img {
    display: block;
    width: 100%;
    max-height: 15rem;
    object-fit: cover;
}

.admin-feedback-detail-shell {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.admin-feedback-detail-toolbar,
.admin-feedback-status-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.admin-feedback-detail-toolbar {
    justify-content: space-between;
    margin-bottom: 1rem;
}

.admin-feedback-detail-hero {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.admin-feedback-detail-subtitle {
    color: var(--bs-secondary-color);
}

.admin-feedback-detail-meta {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.admin-feedback-detail-meta-pill {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.14);
    color: var(--bs-secondary-color);
    font-size: 0.9rem;
}

.admin-feedback-detail-card,
.admin-feedback-detail-header {
    border-radius: 1.25rem;
}

.admin-feedback-detail-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.admin-feedback-detail-body {
    line-height: 1.65;
}

.admin-feedback-attachment-grid {
    display: grid;
    gap: 1rem;
}

.admin-feedback-attachment-card {
    display: grid;
    grid-template-columns: minmax(0, 16rem) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.03);
}

.admin-feedback-attachment-preview img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 15rem;
    object-fit: cover;
    border-radius: 0.9rem;
}

.admin-feedback-detail-list {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.admin-feedback-detail-list-row {
    display: grid;
    grid-template-columns: minmax(0, 9rem) minmax(0, 1fr);
    gap: 0.85rem;
}

.admin-feedback-detail-list-row dt {
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: 0.92rem;
}

.admin-feedback-detail-list-row dd {
    margin: 0;
    word-break: break-word;
}

.admin-feedback-detail-raw,
.admin-feedback-detail-json {
    white-space: pre-wrap;
    word-break: break-word;
}

.admin-feedback-detail-json {
    max-height: 26rem;
    overflow: auto;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(15, 23, 42, 0.08);
}

@media (max-width: 991.98px) {
    .admin-feedback-widget {
        right: 1rem;
        bottom: 1rem;
    }

    .admin-feedback-type-grid,
    .admin-feedback-attachment-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .admin-feedback-launcher-label {
        display: none;
    }

    .admin-feedback-launcher {
        width: 3rem;
        height: 3rem;
    }

    .admin-feedback-detail-list-row {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }
}