:root {
    --egaforce-navy: #0a0f1d;
    --egaforce-blue: #1a2a4f;
    --egaforce-slate: #121826;
    --egaforce-surface: #111827;
    --egaforce-clay: #1e293b;
    --egaforce-deep: #0a1120;
    --egaforce-cyan: #00ffff;
    --egaforce-cyan-soft: rgba(0, 255, 255, 0.35);
    --egaforce-cyan-glow: rgba(0, 255, 255, 0.16);
    --egaforce-glass: rgba(20, 30, 55, 0.65);
    --egaforce-glass-strong: rgba(10, 20, 40, 0.75);
    --egaforce-text: rgba(255, 255, 255, 0.88);
    --egaforce-text-muted: rgba(176, 212, 255, 0.78);
    --egaforce-text-dim: rgba(138, 201, 255, 0.62);
    --egaforce-border: rgba(0, 255, 255, 0.2);
    --egaforce-border-strong: rgba(0, 255, 255, 0.35);
    --egaforce-shadow-glass:
        inset 0 1px 3px rgba(255, 255, 255, 0.2),
        0 4px 15px rgba(0, 255, 255, 0.15),
        0 24px 50px rgba(2, 7, 22, 0.55);
    --egaforce-shadow-neu:
        -8px -8px 16px rgba(0, 255, 255, 0.08),
        8px 8px 16px rgba(10, 17, 32, 0.8);
    --egaforce-shadow-neu-inset:
        inset -4px -4px 8px rgba(0, 255, 255, 0.05),
        inset 4px 4px 8px rgba(10, 17, 32, 0.9);
    --egaforce-shadow-clay:
        0 8px 0 rgba(0, 255, 255, 0.1),
        0 12px 28px rgba(0, 0, 0, 0.5),
        inset 0 1px 2px rgba(255, 255, 255, 0.1);
    --egaforce-radius-sm: 12px;
    --egaforce-radius-md: 20px;
    --egaforce-radius-lg: 24px;
    --egaforce-radius-xl: 28px;
    --egaforce-radius-pill: 999px;
    --egaforce-font-body: "Inter", sans-serif;
    --egaforce-font-display: "Azeret Mono", monospace;
    --egaforce-font-retro: "Press Start 2P", monospace;
    --egaforce-transition: all 0.18s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    --egaforce-clay-curve: cubic-bezier(0.34, 1.2, 0.64, 1);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: var(--egaforce-font-body);
    color: #f8fafc; -webkit-text-fill-color: #f8fafc;
    letter-spacing: 0.02em;
    background-color: var(--egaforce-navy);
    background-image:
        radial-gradient(circle at 15% 20%, rgba(0, 255, 255, 0.11), transparent 28%),
        radial-gradient(circle at 85% 15%, rgba(73, 118, 255, 0.12), transparent 30%),
        radial-gradient(circle at 50% 85%, rgba(0, 255, 255, 0.08), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 38%),
        url("../img/egaforce-grid.svg"),
        linear-gradient(180deg, #0a0f1d 0%, #0c1528 40%, #111827 100%);
    background-attachment: fixed;
    line-height: 1.7;
    overflow-x: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.015) 0%, transparent 35%),
        linear-gradient(315deg, rgba(0, 255, 255, 0.035) 0%, transparent 30%);
    pointer-events: none;
    z-index: -1;
}

body.modal-open {
    overflow: hidden;
}

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

a:hover {
    color: inherit;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

iframe {
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    margin: 0;
    font-family: var(--egaforce-font-display);
    color: #f8fafc; -webkit-text-fill-color: #f8fafc;
    letter-spacing: -0.04em;
    line-height: 1.15;
}

p,
li,
label,
input,
textarea,
select,
button {
    font-family: var(--egaforce-font-body);
}

p:last-child,
ul:last-child,
ol:last-child {
    margin-bottom: 0;
}

ul,
ol {
    padding-left: 1.15rem;
}

::selection {
    background: rgba(0, 255, 255, 0.25);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
}

.skip-link {
    position: absolute;
    left: 1rem;
    top: -3rem;
    z-index: 2000;
    padding: 0.75rem 1rem;
    border-radius: var(--egaforce-radius-pill);
    background: var(--egaforce-cyan);
    color: #06111d;
    font-weight: 700;
}

.skip-link:focus {
    top: 1rem;
}

.page-aurora {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
}

.page-aurora__orb {
    position: absolute;
    width: 26rem;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.22;
}

.page-aurora__orb--north {
    left: -6rem;
    top: 6rem;
    background: rgba(0, 255, 255, 0.24);
}

.page-aurora__orb--east {
    right: -5rem;
    top: 22rem;
    background: rgba(73, 118, 255, 0.2);
}

.page-aurora__orb--south {
    left: 32%;
    bottom: -10rem;
    background: rgba(0, 255, 255, 0.18);
}

.site-loader {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    z-index: 1800;
    background: rgba(4, 9, 17, 0.75);
    backdrop-filter: blur(6px);
    transition: opacity 0.45s ease, visibility 0.45s ease;
}

body.is-ready .site-loader {
    opacity: 0;
    visibility: hidden;
}

.site-loader__pulse {
    position: relative;
    display: grid;
    place-items: center;
    gap: 1rem;
    width: min(18rem, 88vw);
    padding: 2rem;
    border-radius: 32px;
    text-align: center;
}

.site-loader__mark {
    width: 5rem;
}

.site-loader__ring {
    position: absolute;
    inset: 1rem;
    border-radius: 28px;
    border: 1px dashed rgba(0, 255, 255, 0.45);
    animation: loaderSpin 4s linear infinite;
}

.site-loader__label {
    color: var(--egaforce-text-muted);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
}

.surface-glass,
.glass-card,
.alert,
.card,
.list-group-item,
.modal-content,
.dropdown-menu,
.project-item,
.blog-item,
.testimonial-item,
.service-detail,
.project-detail-item,
.sidebar,
.contactus-panel {
    background: var(--egaforce-glass);
    border: 1px solid var(--egaforce-border-strong);
    border-radius: var(--egaforce-radius-lg);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    box-shadow: var(--egaforce-shadow-glass);
}

.surface-neu,
.neu-card,
.counter-box,
.counter-item-inner,
.feature-card,
.team-item,
.search-results,
.quote-signal,
.form-shell,
.dashboard-chip,
.timeline-panel {
    background: var(--egaforce-slate);
    border: 1px solid rgba(0, 255, 255, 0.12);
    border-radius: 24px;
    box-shadow: var(--egaforce-shadow-neu);
}

.surface-neu:where(a, button):hover,
.neu-card:where(a, button):hover {
    box-shadow: var(--egaforce-shadow-neu-inset);
}

[data-egaclcy="true"],
.clay-chip,
.clay-panel,
.clay-button {
    position: relative;
    background: var(--egaforce-clay);
    border: 2px solid rgba(30, 41, 59, 0.5);
    border-radius: 24px;
    box-shadow: var(--egaforce-shadow-clay);
    background-image: repeating-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.02) 0,
        rgba(255, 255, 255, 0.02) 2px,
        transparent 2px,
        transparent 6px
    );
}

.btn,
.button,
button,
[role="button"] {
    transition: var(--egaforce-transition);
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    padding: 0.9rem 1.45rem;
    border-radius: var(--egaforce-radius-pill);
    border: 1px solid var(--egaforce-border);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    min-height: 48px;
}

.site-header .btn {
    min-height: 42px;
    padding: 0.7rem 1rem;
}

.btn:focus-visible,
.icon-button:focus-visible,
.site-nav__link:focus-visible,
.form-control:focus-visible,
.form-select:focus-visible,
textarea:focus-visible,
input:focus-visible {
    outline: 2px solid var(--egaforce-cyan);
    outline-offset: 3px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.button-primary {
    color: #06111d;
    border-color: rgba(0, 255, 255, 0.5);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.24), transparent 45%),
        linear-gradient(135deg, rgba(0, 255, 255, 0.9), rgba(136, 255, 255, 0.68));
    box-shadow:
        inset 0 1px 3px rgba(255, 255, 255, 0.22),
        0 0 0 1px rgba(0, 255, 255, 0.15),
        0 14px 28px rgba(0, 255, 255, 0.18);
}

.btn-outline-cyan,
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
    color: #f8fafc; -webkit-text-fill-color: #f8fafc;
    border-color: rgba(0, 255, 255, 0.38);
    background: rgba(20, 30, 55, 0.7);
    backdrop-filter: blur(12px) saturate(180%);
}

.btn-outline-secondary,
.btn-outline-primary,
.btn-outline-dark {
    color: #f8fafc; -webkit-text-fill-color: #f8fafc;
    border-color: rgba(176, 212, 255, 0.24);
    background: rgba(10, 15, 29, 0.6);
    backdrop-filter: blur(12px) saturate(180%);
}

.btn-outline-danger {
    color: #ffd4d4;
    border-color: rgba(255, 120, 120, 0.28);
    background: rgba(50, 10, 18, 0.58);
    backdrop-filter: blur(12px) saturate(180%);
}

.btn:hover,
.icon-button:hover {
    transform: translateY(-1px) scale(1.02);
}

.btn:active,
.icon-button:active {
    transform: translateY(1px);
    filter: saturate(115%);
}

.btn__label {
    animation: pulseLabel 3s ease-in-out infinite;
}

.icon-button {
    width: 48px;
    height: 48px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid rgba(0, 255, 255, 0.28);
    background: rgba(20, 30, 55, 0.68);
    color: #f8fafc; -webkit-text-fill-color: #f8fafc;
    box-shadow: var(--egaforce-shadow-glass);
}

.back-to-top {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    width: 54px;
    height: 54px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    color: #06111d;
    background: linear-gradient(135deg, rgba(0, 255, 255, 0.95), rgba(137, 253, 255, 0.72));
    box-shadow: 0 16px 36px rgba(0, 255, 255, 0.24);
    opacity: 0;
    visibility: hidden;
    transform: translateY(1rem);
    z-index: 1200;
}

.back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.site-header {
    position: relative;
    z-index: 1400;
    padding: 1rem clamp(1rem, 2vw, 1.8rem) 0.25rem;
}

.site-header__utility,
.site-header__shell {
    max-width: 1320px;
    margin: 0 auto;
}

.site-header__utility {
    display: none !important;
}

.site-header__utility {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.75rem 1.5rem;
    padding: 0.7rem 1rem;
    border-radius: 20px;
    margin-bottom: 0.8rem;
}

.site-header__utility-line {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem 1.1rem;
    align-items: center;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: var(--egaforce-text-dim);
}

.site-header__utility-line i {
    color: var(--egaforce-cyan);
    margin-right: 0.4rem;
}

.site-header__shell {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1rem;
    border-radius: 22px;
}

.brand-lockup {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    flex: 0 0 auto;
}

.brand-lockup img {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(0, 255, 255, 0.12);
}

.brand-lockup__text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.brand-lockup__name {
    font-family: var(--egaforce-font-display);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
    color: #ffffff; -webkit-text-fill-color: #ffffff;
}

.brand-lockup__tag {
    margin-top: 0.25rem;
    font-size: 0.72rem;
    line-height: 1.4;
    color: var(--egaforce-text-dim);
    max-width: 15rem;
}

.site-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    flex: 1;
    min-width: 0;
}

.site-nav__link {
    position: relative;
    padding: 0.62rem 0.68rem;
    border-radius: 14px;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--egaforce-text-muted);
}

.site-nav__link::after {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 0.55rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--egaforce-cyan), transparent);
    opacity: 0;
    transform: scaleX(0.4);
    transition: var(--egaforce-transition);
}

.site-nav__link:hover,
.site-nav__link.is-active {
    color: #ffffff; -webkit-text-fill-color: #ffffff;
    background: rgba(255, 255, 255, 0.03);
}

.site-nav__link:hover::after,
.site-nav__link.is-active::after {
    opacity: 1;
    transform: scaleX(1);
}

.site-header__actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.nav-toggle {
    display: none;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.35rem;
    border-radius: 18px;
    border: 1px solid rgba(0, 255, 255, 0.24);
    background: rgba(20, 30, 55, 0.72);
    box-shadow: var(--egaforce-shadow-glass);
}

.nav-toggle span {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 999px;
    background: #fff;
    transition: var(--egaforce-transition);
}

body.nav-open .nav-toggle span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

body.nav-open .nav-toggle span:nth-child(2) {
    opacity: 0;
}

body.nav-open .nav-toggle span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.quote-signal {
    position: absolute;
    right: clamp(1rem, 3vw, 2rem);
    top: calc(100% + 0.7rem);
    max-width: 22rem;
    padding: 1rem 1.15rem;
    color: var(--egaforce-text-muted);
}

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

.egaforce-modal {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: center;
    padding: 1.5rem;
}

.egaforce-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(6px);
}

.egaforce-modal__panel {
    position: relative;
    width: min(58rem, 100%);
    padding: 2rem;
    border-radius: 28px;
    background: var(--egaforce-glass-strong);
    overflow: hidden;
}

.egaforce-modal__panel::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.88), transparent);
    background-size: 220% 100%;
    animation: borderSweep 6s linear infinite;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.egaforce-modal__header {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.modal-title {
    font-size: clamp(1.6rem, 3vw, 2.3rem);
}

.egaforce-search {
    display: flex;
    gap: 1rem;
    align-items: stretch;
    margin-bottom: 1.2rem;
}

.search-results {
    position: relative;
    min-height: 15rem;
    padding: 1rem;
    overflow: auto;
}

.search-results__placeholder {
    color: var(--egaforce-text-dim);
}

.search-result {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 255, 255, 0.12);
}

.search-result:last-child {
    border-bottom: 0;
}

.search-result__title {
    font-family: var(--egaforce-font-display);
    font-size: 0.94rem;
}

.search-result__description {
    color: var(--egaforce-text-muted);
    font-size: 0.92rem;
}

.form-control,
.form-select,
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"] {
    width: 100%;
    color: #f8fafc; -webkit-text-fill-color: #f8fafc;
    background: #202a3f;
    border: 1px solid rgba(0, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 255, 255, 0.2);
    border-radius: 16px;
    padding: 0.95rem 1rem;
    box-shadow:
        inset -4px -4px 8px rgba(0, 255, 255, 0.05),
        inset 4px 4px 8px rgba(10, 17, 32, 0.9);
}

.form-control::placeholder,
textarea::placeholder {
    color: #b7c2d6; -webkit-text-fill-color: #b7c2d6; opacity: 1;
}

.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus {
    color: #ffffff; -webkit-text-fill-color: #ffffff;
    background: #172238;
    border-color: rgba(0, 255, 255, 0.45);
    box-shadow:
        0 0 0 3px rgba(0, 255, 255, 0.12),
        inset -4px -4px 8px rgba(0, 255, 255, 0.08),
        inset 4px 4px 8px rgba(10, 17, 32, 0.95);
}

.form-floating > label {
    color: var(--egaforce-text-dim);
}

.section-shell {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 2vw, 1.8rem);
}

.page-shell {
    padding: 1.4rem 0 4rem;
}

.message-shell {
    padding-top: 1.25rem;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.8rem;
    border-radius: var(--egaforce-radius-pill);
    font-size: 0.75rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--egaforce-cyan);
    background: rgba(0, 255, 255, 0.08);
    border: 1px solid rgba(0, 255, 255, 0.18);
}

.section-block {
    padding: 2rem 0;
}

.section-frame {
    padding: clamp(1.2rem, 2vw, 2rem);
    border-radius: 32px;
}

.section-heading {
    display: grid;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.section-heading__copy {
    max-width: 48rem;
    color: var(--egaforce-text-muted);
}

.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
    gap: 1.25rem;
    align-items: stretch;
}

.hero-grid--public {
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
}

.public-home-hero .hero-title {
    max-width: 18ch;
}

.home-signal-list {
    display: grid;
    gap: 0.8rem;
}

.home-signal-item {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.85rem 0.95rem;
    border-radius: 18px;
    color: var(--egaforce-text-muted);
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(0, 255, 255, 0.12);
}

.home-signal-item i {
    color: var(--egaforce-cyan);
    margin-top: 0.2rem;
}

.hero-panel,
.hero-command,
.story-panel,
.story-visual,
.story-note,
.listing-panel,
.contact-panel {
    padding: clamp(1.25rem, 2vw, 2rem);
    border-radius: 32px;
}

.hero-panel {
    display: grid;
    gap: 1.4rem;
}

.hero-title {
    font-size: clamp(2.5rem, 5vw, 5rem);
    max-width: 14ch;
}

.hero-copy {
    max-width: 42rem;
    color: var(--egaforce-text-muted);
    font-size: 1.03rem;
}

.hero-actions,
.site-footer__cta-actions,
.detail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
}

.domain-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.domain-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.7rem 1rem;
    border-radius: 20px;
    font-size: 0.76rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #f8fafc; -webkit-text-fill-color: #f8fafc;
}

.metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.metric-card {
    padding: 1rem;
    min-height: 100%;
}

.metric-card__value {
    display: flex;
    align-items: baseline;
    gap: 0.3rem;
    font-family: var(--egaforce-font-display);
    font-size: clamp(1.6rem, 3vw, 2.25rem);
}

.metric-card__label {
    margin-top: 0.6rem;
    color: var(--egaforce-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 0.72rem;
}

.hero-command {
    display: grid;
    gap: 1rem;
    position: relative;
    overflow: hidden;
}

.hero-command::after {
    content: "";
    position: absolute;
    inset: auto -10% -35% auto;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 255, 255, 0.18), transparent 62%);
    pointer-events: none;
}

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

.bento-tile {
    position: relative;
    padding: 1.1rem;
    border-radius: 20px;
    overflow: hidden;
}

.bento-tile::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--egaforce-cyan), transparent);
    opacity: 0.9;
}

.bento-tile--span-4 {
    grid-column: span 4;
}

.bento-tile--span-5 {
    grid-column: span 5;
}

.bento-tile--span-6 {
    grid-column: span 6;
}

.bento-tile--span-7 {
    grid-column: span 7;
}

.bento-tile--span-8 {
    grid-column: span 8;
}

.bento-tile--span-12 {
    grid-column: 1 / -1;
}

.status-stack {
    display: grid;
    gap: 0.8rem;
}

.status-pill {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
}

.status-pill__label {
    font-size: 0.78rem;
    color: var(--egaforce-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

.status-pill__value {
    font-family: var(--egaforce-font-display);
    font-size: 0.85rem;
}

.radar-dial {
    width: min(15rem, 100%);
    aspect-ratio: 1;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    background:
        radial-gradient(circle at center, rgba(0, 255, 255, 0.16), transparent 45%),
        repeating-radial-gradient(circle, rgba(0, 255, 255, 0.16) 0 1px, transparent 1px 24px),
        linear-gradient(135deg, rgba(0, 255, 255, 0.08), rgba(10, 17, 32, 0.25));
    border: 1px solid rgba(0, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 255, 255, 0.08), var(--egaforce-shadow-neu);
}

.radar-dial::before,
.radar-dial::after {
    content: "";
    position: absolute;
    inset: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.radar-dial::before {
    width: 78%;
    height: 78%;
    border: 1px solid rgba(0, 255, 255, 0.18);
}

.radar-dial::after {
    width: 2px;
    height: 46%;
    transform-origin: center bottom;
    background: linear-gradient(180deg, rgba(0, 255, 255, 0.9), transparent);
    animation: radarSweep 4s linear infinite;
}

.radar-dot {
    position: absolute;
    width: 10px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--egaforce-cyan);
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.6);
}

.retro-panel {
    font-family: var(--egaforce-font-retro);
    font-size: 0.62rem;
    line-height: 1.9;
    padding: 1rem;
    color: #bfffff;
    background:
        repeating-linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.04) 0,
            rgba(255, 255, 255, 0.04) 1px,
            transparent 1px,
            transparent 4px
        ),
        rgba(0, 0, 0, 0.38);
    border: 2px solid rgba(0, 255, 255, 0.65);
    border-radius: 16px;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.25);
}

.paper-note {
    position: relative;
    padding: 1rem 1.1rem;
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(27, 39, 55, 0.95));
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    transform: rotate(-0.6deg);
}

.paper-note::before {
    content: "";
    position: absolute;
    inset: 8px -8px -8px 8px;
    z-index: -1;
    border-radius: 22px;
    background: rgba(0, 255, 255, 0.18);
}

.story-grid,
.listing-grid,
.profile-grid,
.contact-grid,
.detail-grid {
    display: grid;
    gap: 1.2rem;
}

.story-grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: stretch;
}

.story-visual {
    display: grid;
    gap: 1rem;
}

.story-visual__stack {
    position: relative;
    min-height: 28rem;
}

.story-visual__primary,
.story-visual__secondary,
.story-visual__tertiary {
    position: absolute;
    overflow: hidden;
    border-radius: 24px;
    border: 1px solid rgba(0, 255, 255, 0.22);
    box-shadow: var(--egaforce-shadow-glass);
}

.story-visual__primary img,
.story-visual__secondary img,
.story-visual__tertiary img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.story-visual__primary {
    inset: 0 16% 18% 0;
}

.story-visual__secondary {
    inset: 12% 0 42% 48%;
}

.story-visual__tertiary {
    inset: 52% 8% 0 22%;
}

.story-panel {
    display: grid;
    gap: 1rem;
}

.feature-grid,
.collection-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
}

.blog-home-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.2rem;
}

.feature-card,
.collection-card,
.team-item,
.service-item,
.blog-item,
.testimonial-item,
.project-item {
    height: 100%;
    overflow: hidden;
}

.feature-card,
.collection-card {
    padding: 1.2rem;
}

.feature-card__icon,
.service-icon,
.detail-icon {
    width: 64px;
    height: 64px;
    display: inline-grid;
    place-items: center;
    border-radius: 20px;
    background: rgba(0, 255, 255, 0.08);
    border: 1px solid rgba(0, 255, 255, 0.18);
    color: var(--egaforce-cyan);
    font-size: 1.45rem;
    box-shadow: var(--egaforce-shadow-neu);
}

.feature-card__title,
.collection-card__title,
.media-card__title,
.detail-title {
    font-size: 1.08rem;
    margin-top: 1rem;
}

.feature-card__copy,
.collection-card__copy,
.media-card__copy,
.detail-copy {
    margin-top: 0.85rem;
    color: var(--egaforce-text-muted);
}

.media-card,
.collection-card,
.project-item,
.blog-item,
.service-item {
    display: flex;
    flex-direction: column;
}

.media-thumb,
.service-img,
.blog-img,
.project-img,
.team-img,
.detail-visual {
    position: relative;
    overflow: hidden;
    border-radius: 24px 24px 0 0;
    min-height: 14rem;
    background:
        radial-gradient(circle at top right, rgba(0, 255, 255, 0.12), transparent 32%),
        rgba(15, 23, 42, 0.86);
}

.media-thumb img,
.service-img img,
.blog-img img,
.project-img img,
.team-img img,
.detail-visual img {
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.media-card:hover .media-thumb img,
.service-item:hover .service-img img,
.blog-item:hover .blog-img img,
.project-item:hover .project-img img,
.team-item:hover .team-img img {
    transform: scale(1.04);
}

.media-body,
.service-content,
.blog-content,
.project-content,
.team-copy,
.detail-body {
    padding: 1.25rem;
}

.media-meta,
.detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.meta-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 34px;
    padding: 0.35rem 0.7rem;
    border-radius: var(--egaforce-radius-pill);
    background: rgba(255, 255, 255, 0.04);
    color: var(--egaforce-text-dim);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.service-content p,
.blog-content p,
.project-content p,
.team-copy p,
.detail-body p {
    color: var(--egaforce-text-muted);
}

.team-item {
    position: relative;
}

.team-icon {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    justify-content: center;
    gap: 0.65rem;
    opacity: 0;
    transform: translateY(0.6rem);
    transition: var(--egaforce-transition);
}

.team-item:hover .team-icon {
    opacity: 1;
    transform: translateY(0);
}

.team-icon .btn {
    min-height: 42px;
    padding: 0;
    width: 42px;
}

.team-item .text-center {
    padding: 1.2rem;
}

.counter-box {
    padding: 0.55rem;
}

.counter-item-inner {
    padding: 1.4rem;
}

.counter-counting {
    display: flex;
    align-items: baseline;
    gap: 0.3rem;
    margin-top: 1rem;
    font-family: var(--egaforce-font-display);
}

.detail-panel,
.service-detail,
.project-detail-item,
.blog-detail .blog-item,
.team-member-panel {
    padding: clamp(1.2rem, 2vw, 2rem);
}

.detail-grid {
    grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
}

.detail-visual {
    min-height: 20rem;
    border-radius: 24px;
}

.detail-title {
    font-size: clamp(2rem, 4vw, 3.2rem);
}

.detail-body ul,
.detail-body ol,
.detail-copy ul,
.detail-copy ol,
.service-detail ul {
    color: var(--egaforce-text-muted);
}

.blog-detail .sidebar,
.contact-card,
.contactus-panel {
    padding: 1.25rem;
}

.pagination {
    gap: 0.6rem;
}

.pagination .btn {
    padding: 0.6rem 1rem;
}

.pagination .btn a {
    color: inherit;
    text-decoration: none;
}

.table {
    color: #f8fafc; -webkit-text-fill-color: #f8fafc;
    border-color: rgba(0, 255, 255, 0.12);
}

.table > :not(caption) > * > * {
    background: transparent;
    color: inherit;
    border-color: rgba(0, 255, 255, 0.12);
}

.list-group-item,
.accordion-item,
.modal-content {
    color: #f8fafc; -webkit-text-fill-color: #f8fafc;
}

.dropdown-item,
.list-group-item,
.text-muted,
.text-body,
.text-dark,
.text-white-50 {
    color: var(--egaforce-text-muted) !important;
}

.bg-light,
.bg-white {
    background: rgba(20, 30, 55, 0.72) !important;
    color: var(--egaforce-text) !important;
}

.border,
.border-top,
.border-bottom,
.border-secondary,
.border-primary {
    border-color: rgba(0, 255, 255, 0.12) !important;
}

.site-footer {
    padding: 2rem 0 2.5rem;
}

.site-footer__shell {
    padding: clamp(1.25rem, 2vw, 2rem);
    border-radius: 32px;
}

.site-footer__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: clamp(1.1rem, 2vw, 1.5rem);
    margin-bottom: 1.5rem;
}

.site-footer__title {
    font-size: clamp(1.35rem, 3vw, 2rem);
    max-width: 32rem;
}

.site-footer__grid {
    display: grid;
    grid-template-columns: 1.25fr repeat(4, minmax(0, 0.75fr));
    gap: 1.2rem;
}

.site-footer__grid section {
    display: grid;
    gap: 0.7rem;
    align-content: start;
}

.site-footer__heading {
    font-size: 0.95rem;
    margin-bottom: 0.3rem;
}

.site-footer__copy,
.site-footer__grid p,
.site-footer__grid a {
    color: var(--egaforce-text-muted);
}

.brand-lockup--footer img {
    width: 48px;
    height: 48px;
}

.site-footer__meta {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0 0;
    color: var(--egaforce-text-dim);
    font-size: 0.82rem;
}

.egaforce-alert-stack {
    display: grid;
    gap: 0.85rem;
}

.egaforce-alert-stack .alert {
    margin: 0;
    padding: 1rem 1.1rem;
}

.faq-grid,
.policy-link-grid {
    display: grid;
    gap: 1.2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.faq-card {
    padding: 1.2rem;
}

.faq-card__title {
    font-size: 1rem;
}

.faq-card__copy {
    margin-top: 0.85rem;
    color: var(--egaforce-text-muted);
}

.policy-link-card {
    display: grid;
    gap: 0.45rem;
    padding: 1.2rem;
    text-decoration: none;
}

.policy-link-card span {
    color: var(--egaforce-text-dim);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

[data-reveal] {
    opacity: 1;
}

.js [data-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.js [data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@keyframes pulseLabel {
    0%,
    80%,
    100% {
        text-shadow: none;
    }
    88% {
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.35);
    }
}

@keyframes radarSweep {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes borderSweep {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 220% 0;
    }
}

@keyframes loaderSpin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 1199px) {
    .site-header__shell {
        flex-wrap: wrap;
    }

    .site-nav {
        order: 3;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .hero-grid,
    .hero-grid--public,
    .story-grid,
    .detail-grid,
    .site-footer__grid {
        grid-template-columns: 1fr;
    }

    .metric-grid,
    .feature-grid,
    .collection-grid,
    .blog-home-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .site-header {
        padding-top: 0.75rem;
    }

    .site-header__utility {
        display: none;
    }

    .nav-toggle {
        display: inline-flex;
        margin-left: auto;
    }

    .site-nav {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0.4rem;
    }

    body.nav-open .site-nav {
        display: flex;
    }

    .site-nav__link {
        width: 100%;
    }

    .site-header__actions {
        width: 100%;
        justify-content: space-between;
    }

    .hero-title {
        max-width: none;
    }

    .metric-grid,
    .feature-grid,
    .collection-grid,
    .blog-home-grid {
        grid-template-columns: 1fr;
    }

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

    .bento-tile--span-4,
    .bento-tile--span-5,
    .bento-tile--span-6,
    .bento-tile--span-7,
    .bento-tile--span-8,
    .bento-tile--span-12 {
        grid-column: span 6;
    }

    .site-footer__cta,
    .site-footer__meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .faq-grid,
    .policy-link-grid {
        grid-template-columns: 1fr;
    }

    .quote-signal {
        position: static;
        margin-top: 0.75rem;
    }
}

@media (max-width: 767px) {
    .page-shell {
        padding-top: 0.9rem;
    }

    .site-header__shell,
    .hero-panel,
    .hero-command,
    .story-panel,
    .story-visual,
    .listing-panel,
    .contact-panel,
    .site-footer__shell {
        padding: 1rem;
        border-radius: 24px;
    }

    .brand-lockup__tag {
        display: none;
    }

    .brand-lockup img {
        width: 48px;
        height: 48px;
    }

    .site-header__actions {
        flex-wrap: wrap;
    }

    .egaforce-search {
        flex-direction: column;
    }

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

    .story-visual__stack {
        min-height: 21rem;
    }

    .back-to-top {
        right: 1rem;
        bottom: 1rem;
    }
}

@media (max-width: 575px) {
    .section-shell {
        padding: 0 0.9rem;
    }

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

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

    .bento-tile--span-4,
    .bento-tile--span-5,
    .bento-tile--span-6,
    .bento-tile--span-7,
    .bento-tile--span-8,
    .bento-tile--span-12 {
        grid-column: auto;
    }
}

@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;
    }
}

.careers-auth,
.careers-dashboard,
.careers-onboarding,
.careers-profile,
.careers-job-detail,
.careers-application {
    display: grid;
    gap: 1.5rem;
}

.careers-auth__grid,
.careers-onboarding__layout,
.careers-dashboard__layout,
.careers-job-detail__layout,
.careers-application__layout {
    display: grid;
    gap: 1.5rem;
}

.careers-auth__grid,
.careers-job-detail__layout {
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.7fr);
}

.careers-onboarding__layout,
.careers-application__layout {
    grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.8fr);
}

.careers-dashboard__layout {
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.8fr);
}

.careers-auth__panel,
.careers-onboarding__panel,
.careers-profile__panel,
.careers-application__panel,
.careers-page-head,
.careers-job-hero,
.careers-copy-card,
.careers-selected-job {
    padding: clamp(1.4rem, 2vw, 2rem);
}

.careers-auth__panel--narrow {
    max-width: 38rem;
    margin: 0 auto;
}

.careers-auth__intro,
.careers-page-head,
.careers-application__panel-head {
    display: grid;
    gap: 0.75rem;
}

.careers-auth__intro p,
.careers-page-head p,
.careers-application__panel-head p,
.careers-panel p,
.careers-copy-card p {
    color: var(--egaforce-text-muted);
}

.careers-form-stack {
    display: grid;
    gap: 1.25rem;
}

.careers-required-note {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    width: fit-content;
    margin: 0;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 255, 255, 0.16);
    background: rgba(0, 255, 255, 0.08);
    color: var(--egaforce-text-muted);
    font-size: 0.86rem;
}

.careers-required-note span,
.form-label .is-required {
    color: #7df9ff;
    font-weight: 800;
}

.careers-form-grid,
.careers-upload-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.careers-form-grid__full,
.careers-upload-card:nth-child(odd):last-child {
    grid-column: 1 / -1;
}

.careers-field-error {
    margin-top: 0.4rem;
    color: #ffb4a5;
    font-size: 0.85rem;
    font-weight: 700;
}

.careers-field-hint {
    margin-top: 0.45rem;
    color: var(--egaforce-text-dim);
    font-size: 0.8rem;
}

.careers-error-summary {
    display: grid;
    gap: 0.7rem;
    padding: 1rem 1.1rem;
    border-radius: 18px;
    border: 1px solid rgba(255, 122, 102, 0.38);
    background: rgba(95, 32, 27, 0.32);
    color: #ffe1da;
}

.careers-error-summary strong {
    color: #ffffff; -webkit-text-fill-color: #ffffff;
}

.careers-error-summary ul {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding-left: 1.1rem;
}

.careers-error-summary a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.form-control[aria-invalid="true"],
.form-select[aria-invalid="true"],
.egaforce-check[aria-invalid="true"],
.egaforce-radio[aria-invalid="true"] {
    border-color: rgba(255, 122, 102, 0.82);
    box-shadow: 0 0 0 0.18rem rgba(255, 122, 102, 0.14);
}

.careers-upload-card {
    display: grid;
    gap: 0.45rem;
    align-content: start;
    min-height: 100%;
}

.careers-upload-card input[type="file"] {
    min-height: 3rem;
    padding: 0.7rem;
    cursor: pointer;
}

.careers-checkline,
.careers-toggle {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(0, 255, 255, 0.14);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.48);
}

.careers-toggle-stack {
    display: grid;
    gap: 0.9rem;
}

.careers-toggle p {
    margin-top: 0.25rem;
    color: var(--egaforce-text-muted);
    font-size: 0.92rem;
}

.careers-auth__submit,
.careers-form-actions .btn {
    min-width: 11rem;
}

.careers-auth__aside,
.careers-panel,
.careers-sidebar {
    padding: 1.4rem;
}

.careers-auth__feature {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(0, 255, 255, 0.12);
}

.careers-auth__feature:last-child {
    border-bottom: 0;
}

.careers-auth__count,
.careers-badge,
.careers-step-list__item span,
.careers-status-list__item span {
    display: inline-grid;
    place-items: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 0.7rem;
    border-radius: 999px;
    background: rgba(0, 255, 255, 0.12);
    color: var(--egaforce-cyan);
    font-family: var(--egaforce-font-display);
    font-size: 0.8rem;
}

.careers-password-panel {
    padding: 1rem 1.15rem;
}

.careers-password-panel__head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.careers-password-rules {
    display: grid;
    gap: 0.45rem;
    color: var(--egaforce-text-dim);
    font-size: 0.9rem;
}

.careers-password-rules .is-passed {
    color: #95ffca;
}

.careers-password-rules .is-failed {
    color: var(--egaforce-text-dim);
}

.careers-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.careers-page-head__actions,
.careers-form-actions,
.careers-selected-job__actions,
.careers-panel__actions,
.careers-stack-item__actions,
.careers-job-detail__side .btn,
.careers-auth__notes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.careers-kpi-row {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.careers-kpi {
    padding: 1.15rem 1.2rem;
    display: grid;
    gap: 0.35rem;
}

.careers-kpi span,
.careers-kpi small,
.careers-mini-list__item small,
.careers-stack-item p,
.careers-stack-item small,
.careers-step-list__item small,
.careers-checklist__item small {
    color: var(--egaforce-text-dim);
}

.careers-kpi strong,
.careers-progress-ring strong {
    font-size: clamp(1.4rem, 2vw, 2rem);
    font-family: var(--egaforce-font-display);
}

.careers-dashboard__main {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.careers-selected-job {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.careers-panel,
.careers-panel__head,
.careers-mini-list,
.careers-stack-list,
.careers-checklist {
    display: grid;
    gap: 1rem;
}

.careers-mini-list__item,
.careers-stack-item,
.careers-step-list__item,
.careers-checklist__item {
    display: flex;
    gap: 0.9rem;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid rgba(0, 255, 255, 0.12);
    background: rgba(15, 23, 42, 0.44);
}

.careers-mini-list__item,
.careers-checklist__item,
.careers-step-list__item {
    text-decoration: none;
}

.careers-mini-list__item.is-static {
    cursor: default;
}

.careers-stack-item__actions,
.careers-mini-list__item,
.careers-checklist__item,
.careers-step-list__item {
    align-items: center;
}

.careers-checklist__item span:first-child,
.careers-step-list__item.is-current span,
.careers-status-list__item.is-current span,
.careers-application__step.is-current span {
    box-shadow: 0 0 0 1px rgba(0, 255, 255, 0.2), 0 0 18px rgba(0, 255, 255, 0.16);
}

.careers-checklist__item span:first-child {
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    margin-top: 0.35rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
}

.careers-checklist__item.is-done span:first-child {
    background: var(--egaforce-cyan);
}

.careers-empty {
    padding: 1rem 1.1rem;
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.4);
    color: var(--egaforce-text-muted);
}

.careers-progress-ring {
    --progress: 20%;
    width: 9rem;
    aspect-ratio: 1;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at center, rgba(10, 15, 29, 0.96) 58%, transparent 59%),
        conic-gradient(var(--egaforce-cyan) 0 var(--progress), rgba(255, 255, 255, 0.08) var(--progress) 100%);
}

.careers-progress-ring > div {
    display: grid;
    text-align: center;
    gap: 0.2rem;
}

.careers-progress-ring > div span {
    color: var(--egaforce-text-dim);
    font-size: 0.82rem;
}

.careers-progress-ring--small {
    width: 7rem;
    margin: 0 auto 1rem;
}

.careers-sidebar__section + .careers-sidebar__section,
.careers-builder-card + .careers-builder-card {
    margin-top: 1rem;
}

.careers-step-list,
.careers-status-list {
    display: grid;
    gap: 0.7rem;
}

.careers-step-list__item,
.careers-status-list__item,
.careers-application__step {
    color: inherit;
}

.careers-step-list__item.is-current,
.careers-application__step.is-current {
    border-color: rgba(0, 255, 255, 0.4);
}

.careers-choice-cards,
.careers-chip-grid,
.careers-chip-row,
.careers-pill-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.careers-choice-card,
.careers-chip-option {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(0, 255, 255, 0.16);
    background: rgba(15, 23, 42, 0.44);
}

.careers-choice-card input,
.careers-chip-option input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.careers-choice-card span,
.careers-chip-option span {
    display: block;
    padding: 1rem 1.15rem;
}

.careers-choice-card input:checked + span,
.careers-chip-option input:checked + span {
    background: rgba(0, 255, 255, 0.14);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
}

.careers-dynamic-block,
.careers-banner-note,
.careers-attachment-map,
.careers-builder-card,
.careers-review-card {
    padding: 1.15rem;
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.44);
    border: 1px solid rgba(0, 255, 255, 0.12);
}

.careers-banner-note {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    color: var(--egaforce-text-muted);
}

.careers-banner-note--error {
    border-color: rgba(255, 122, 102, 0.36);
    background: rgba(95, 32, 27, 0.25);
    color: #ffe1da;
}

.careers-inline-choice ul,
.careers-inline-choice div,
.egaforce-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.careers-inline-choice label,
.egaforce-radio label {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.65rem 0.9rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
}

.careers-builder-card__head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.careers-builder-list {
    display: grid;
    gap: 0.9rem;
}

.careers-builder-item {
    padding: 1rem;
    border-radius: 18px;
    background: rgba(10, 15, 29, 0.62);
    border: 1px solid rgba(0, 255, 255, 0.12);
}

.careers-builder-grid {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.careers-builder-grid textarea,
.careers-builder-grid .btn,
.careers-builder-check,
.careers-builder-grid--language,
.careers-builder-grid--skill {
    grid-column: 1 / -1;
}

.careers-builder-grid--language {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) repeat(3, auto) auto;
    align-items: center;
}

.careers-builder-grid--skill {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) auto;
}

.careers-builder-check {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
}

.careers-pill {
    border: 1px solid rgba(0, 255, 255, 0.24);
    background: rgba(0, 255, 255, 0.1);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
    border-radius: 999px;
    padding: 0.75rem 1rem;
}

.careers-upload-card {
    padding: 1rem;
    border-radius: 18px;
    border: 1px solid rgba(0, 255, 255, 0.12);
    background: rgba(15, 23, 42, 0.42);
}

.careers-upload-card input[type="file"] {
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 16px;
    border: 1px dashed rgba(0, 255, 255, 0.25);
    background: rgba(10, 15, 29, 0.76);
}

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

.careers-review-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.careers-application__hero,
.careers-application__stepper {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.35rem 1.5rem;
}

.careers-application__meta {
    text-align: right;
    color: var(--egaforce-text-muted);
}

.careers-application__saved {
    color: #95ffca;
    margin-bottom: 0.35rem;
}

.careers-application__stepper {
    overflow-x: auto;
}

.careers-application__step {
    min-width: 11rem;
    display: flex;
    gap: 0.85rem;
    align-items: center;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    border: 1px solid rgba(0, 255, 255, 0.1);
    background: rgba(15, 23, 42, 0.38);
}

.careers-application__step.is-complete span,
.careers-status-list__item.is-complete span {
    background: rgba(149, 255, 202, 0.16);
    color: #95ffca;
}

.careers-status-list__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.careers-job-detail__side,
.careers-dashboard__side {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.staff-ops-dashboard .staff-ops-grid,
.careers-job-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.staff-table-wrap {
    overflow-x: auto;
    border-radius: 20px;
    border: 1px solid rgba(0, 255, 255, 0.1);
    background: rgba(10, 15, 29, 0.38);
}

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

.staff-data-table th,
.staff-data-table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(0, 255, 255, 0.08);
}

.staff-data-table th {
    color: var(--egaforce-text-dim);
    font-size: 0.76rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.staff-data-table td {
    color: var(--egaforce-text-muted);
}

.staff-data-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.025);
}

.careers-back-link,
.careers-auth__foot a,
.careers-review-card__head a {
    color: var(--egaforce-cyan);
}

.workspace-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.workspace-stat {
    padding: 1.2rem;
    border-radius: 1.25rem;
    display: grid;
    gap: 0.35rem;
}

.workspace-stat span,
.workspace-stat small,
.table-subline {
    color: rgba(220, 236, 255, 0.72);
}

.workspace-stat strong {
    font-size: 1.8rem;
    line-height: 1;
}

.careers-form-grid--dense {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.recruitment-table td,
.recruitment-table th {
    white-space: normal;
    vertical-align: top;
}

.table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.tag-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.tag-cluster--wide {
    margin-bottom: 1rem;
}

.tiny-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: rgba(0, 255, 255, 0.1);
    border: 1px solid rgba(0, 255, 255, 0.18);
    color: #d6f6ff;
    font-size: 0.74rem;
}

.tiny-tag--warning {
    background: rgba(255, 167, 38, 0.16);
    border-color: rgba(255, 193, 7, 0.28);
}

.stage-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 255, 255, 0.18);
    background: rgba(22, 33, 56, 0.86);
    color: #eef9ff;
    font-size: 0.8rem;
}

.review-dossier {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr) 300px;
    gap: 1.2rem;
}

.review-dossier__summary,
.review-dossier__rail {
    display: grid;
    gap: 1rem;
    align-self: start;
    padding: 1rem;
    border-radius: 1.4rem;
}

.review-card {
    display: grid;
    gap: 0.9rem;
}

.summary-list {
    display: grid;
    gap: 0.7rem;
    margin: 0;
}

.summary-list div {
    display: grid;
    gap: 0.2rem;
}

.summary-list dt {
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(220, 236, 255, 0.56);
}

.summary-list dd {
    margin: 0;
    color: #f6fbff;
}

.decision-stack {
    display: grid;
    gap: 0.6rem;
}

.review-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1.2rem;
}

.review-tab {
    border: 1px solid rgba(0, 255, 255, 0.18);
    background: rgba(19, 31, 52, 0.74);
    color: #dcecff;
    border-radius: 999px;
    padding: 0.55rem 0.95rem;
    cursor: pointer;
    transition: 0.2s ease;
}

.review-tab.is-active,
.review-tab:hover {
    border-color: rgba(0, 255, 255, 0.34);
    background: rgba(0, 255, 255, 0.12);
}

.review-pane {
    display: none;
    gap: 1rem;
}

.review-pane.is-active {
    display: grid;
}

.dossier-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.dossier-metric {
    padding: 1rem 1.1rem;
    border-radius: 1.1rem;
    display: grid;
    gap: 0.3rem;
}

.dossier-metric strong {
    font-size: 1.5rem;
}

.dossier-section {
    display: grid;
    gap: 0.9rem;
}

.detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    margin: 0;
}

.detail-grid div {
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 255, 255, 0.08);
    background: rgba(10, 18, 32, 0.45);
}

.detail-grid dt {
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: rgba(220, 236, 255, 0.56);
    margin-bottom: 0.3rem;
}

.detail-grid dd {
    margin: 0;
}

.timeline-card,
.mini-timeline__item,
.document-review-card {
    border: 1px solid rgba(0, 255, 255, 0.08);
    background: rgba(9, 17, 29, 0.44);
    border-radius: 1rem;
    padding: 1rem;
}

.timeline-card__head,
.document-review-card__head,
.kanban-card__head {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.45rem;
}

.mini-timeline {
    display: grid;
    gap: 0.75rem;
}

.mini-timeline__item p {
    margin: 0.35rem 0 0;
}

.info-stack {
    display: grid;
    gap: 0.8rem;
}

.info-stack__item {
    display: grid;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 255, 255, 0.08);
    background: rgba(10, 18, 32, 0.45);
}

.split-review-grid,
.document-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.review-inline-form,
.review-table-card {
    margin-top: 1rem;
}

.review-actions-row {
    display: flex;
    justify-content: flex-end;
}

.document-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    color: rgba(220, 236, 255, 0.72);
    font-size: 0.84rem;
    margin: 0.55rem 0 0.8rem;
}

.kanban-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(240px, 1fr));
    gap: 1rem;
    overflow-x: auto;
}

.kanban-column {
    min-width: 240px;
    display: grid;
    gap: 0.85rem;
}

.kanban-column__head {
    padding: 0.9rem 1rem;
    border-radius: 1rem;
}

.kanban-column__body {
    min-height: 300px;
    display: grid;
    gap: 0.85rem;
    padding: 0.2rem;
    border-radius: 1rem;
}

.kanban-column__body.is-active-drop {
    outline: 1px dashed rgba(0, 255, 255, 0.55);
    background: rgba(0, 255, 255, 0.08);
}

.kanban-card {
    padding: 1rem;
    border-radius: 1rem;
    cursor: grab;
    display: grid;
    gap: 0.65rem;
}

.kanban-card.is-dragging {
    opacity: 0.45;
}

.kanban-card__foot {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    font-size: 0.8rem;
    color: rgba(220, 236, 255, 0.7);
}

.kanban-alert {
    padding: 0.55rem 0.7rem;
    border-radius: 0.8rem;
    background: rgba(255, 171, 64, 0.12);
    border: 1px solid rgba(255, 171, 64, 0.22);
    color: #ffdda6;
    font-size: 0.8rem;
}

.kanban-empty {
    min-height: 140px;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px dashed rgba(0, 255, 255, 0.24);
    background: rgba(11, 18, 32, 0.36);
}

.kanban-modal {
    width: min(620px, calc(100vw - 2rem));
    border: none;
    color: #f3fbff;
    border-radius: 1.25rem;
    padding: 1.25rem;
}

.kanban-modal::backdrop {
    background: rgba(2, 7, 18, 0.72);
    backdrop-filter: blur(8px);
}

.form-errors {
    color: #ffb4b4;
}

.careers-empty--compact {
    min-height: auto;
}

.recruiter-command {
    max-width: min(1920px, calc(100vw - 2rem));
}

.recruiter-shell {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) 320px;
    gap: 1rem;
    align-items: start;
}

.recruiter-nav,
.recruiter-context,
.recruiter-topbar,
.recruiter-filterbar,
.recruiter-inbox-list,
.recruiter-preview {
    border-radius: 1.25rem;
}

.recruiter-nav,
.recruiter-context {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 1.2rem;
    padding: 1rem;
    max-height: calc(100vh - 2rem);
    overflow: auto;
}

.recruiter-nav__brand h1,
.recruiter-topbar h2,
.recruiter-panel-head h2,
.recruiter-context h2 {
    margin: 0;
}

.recruiter-nav__links,
.recruiter-nav__jobs,
.recruiter-stage-health,
.recruiter-context__section,
.recruiter-workspace,
.recruiter-candidate-list {
    display: grid;
    gap: 0.75rem;
}

.recruiter-nav__links a,
.recruiter-nav__jobs a,
.recruiter-stage-health a {
    display: grid;
    gap: 0.15rem;
    padding: 0.75rem 0.85rem;
    border-radius: 0.9rem;
    border: 1px solid rgba(0, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.035);
    color: inherit;
    text-decoration: none;
}

.recruiter-nav__links a.is-active,
.recruiter-nav__jobs a.is-active,
.recruiter-stage-health a:hover {
    border-color: rgba(0, 255, 255, 0.3);
    background: rgba(0, 255, 255, 0.1);
}

.recruiter-stage-health a {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.recruiter-stage-health a small {
    grid-column: 1 / -1;
}

.recruiter-stage-health a.is-warning,
.kanban-column.is-warning .kanban-column__head,
.kanban-card.is-aging {
    border-color: rgba(255, 171, 64, 0.35);
    background: rgba(255, 171, 64, 0.1);
}

.recruiter-topbar,
.recruiter-panel-head,
.recruiter-preview__head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.recruiter-topbar,
.recruiter-filterbar,
.recruiter-inbox-list,
.recruiter-preview {
    padding: 1.1rem;
}

.recruiter-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.recruiter-filterbar__form {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(6, minmax(120px, 1fr)) auto auto;
    gap: 0.65rem;
    align-items: center;
}

.recruiter-bulkbar {
    position: sticky;
    top: 0.75rem;
    z-index: 5;
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(150px, 0.45fr) minmax(180px, 0.55fr) minmax(220px, 0.9fr) auto auto;
    gap: 0.7rem;
    align-items: center;
    padding: 0.9rem;
    border-radius: 1rem;
}

.recruiter-bulkbar textarea {
    min-height: 2.8rem;
    resize: vertical;
}

.recruiter-inbox-grid {
    display: grid;
    grid-template-columns: minmax(320px, 0.42fr) minmax(0, 0.58fr);
    gap: 1rem;
    align-items: start;
}

.recruiter-inbox-list,
.recruiter-preview {
    min-height: 680px;
}

.recruiter-candidate-list {
    max-height: 620px;
    overflow: auto;
    padding-right: 0.25rem;
}

.recruiter-candidate-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.8rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 255, 255, 0.1);
    background: rgba(9, 17, 29, 0.38);
}

.recruiter-candidate-card.is-selected {
    border-color: rgba(0, 255, 255, 0.4);
    background: rgba(0, 255, 255, 0.09);
}

.recruiter-candidate-card__check {
    padding-top: 0.35rem;
}

.recruiter-candidate-card__button {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: 0.75rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.recruiter-avatar {
    display: inline-grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(93, 214, 255, 0.26), rgba(132, 94, 247, 0.22));
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-weight: 800;
}

.recruiter-candidate-card__body {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.recruiter-card-meta {
    color: rgba(220, 236, 255, 0.68);
    font-size: 0.82rem;
}

.recruiter-preview-pane {
    display: none;
    gap: 1rem;
}

.recruiter-preview-pane.is-active {
    display: grid;
}

.recruiter-score-ring {
    display: grid;
    place-items: center;
    width: 4.8rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle at center, rgba(10, 18, 32, 0.95) 58%, transparent 59%), conic-gradient(var(--egaforce-cyan) 0 72%, rgba(255, 255, 255, 0.08) 72% 100%);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
    font-weight: 800;
}

.recruiter-preview__section,
.recruiter-preview__actions {
    display: grid;
    gap: 0.75rem;
}

.recruiter-preview__actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.recruiter-select-all {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
    color: rgba(220, 236, 255, 0.75);
}

.recruiter-shortcuts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.recruiter-shortcuts span {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: rgba(220, 236, 255, 0.76);
}

.recruiter-shortcuts kbd {
    min-width: 1.7rem;
    padding: 0.2rem 0.45rem;
    border-radius: 0.45rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
    text-align: center;
}

.tiny-tag--success {
    background: rgba(60, 179, 113, 0.14);
    border-color: rgba(60, 179, 113, 0.28);
}

.kanban-bottleneck {
    display: inline-flex;
    width: fit-content;
    margin-top: 0.45rem;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 171, 64, 0.14);
    color: #ffdda6;
    font-size: 0.75rem;
}

.evaluation-split {
    display: grid;
    grid-template-columns: minmax(240px, 0.42fr) minmax(0, 0.58fr);
    gap: 1rem;
    align-items: start;
}

.job-description-pin {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 0.7rem;
    max-height: 68vh;
    overflow: auto;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 255, 255, 0.12);
    background: rgba(10, 18, 32, 0.55);
}

.safe-name {
    display: none;
}

.is-safe-mode .maskable-name,
.is-safe-mode .safe-hidden {
    display: none !important;
}

.is-safe-mode .safe-name {
    display: inline;
}

.role-view--hiring_manager .recruiter-only,
.role-view--interviewer .recruiter-only,
.role-view--interviewer .review-dossier__rail,
.role-view--interviewer [data-tab-target="notes"],
.role-view--interviewer [data-tab-target="decision"],
.role-view--interviewer [data-tab-target="contact"],
.role-view--interviewer [data-review-pane="notes"],
.role-view--interviewer [data-review-pane="decision"],
.role-view--interviewer [data-review-pane="contact"] {
    display: none !important;
}

.recruiter-safe-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.75rem;
    padding: 0 0.75rem;
    border-radius: 0.85rem;
    border: 1px solid rgba(0, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(220, 236, 255, 0.78);
    font-size: 0.88rem;
}

.recruiter-advanced-filters {
    padding: 0.9rem 1rem;
    border-radius: 1rem;
}

.recruiter-advanced-filters summary {
    cursor: pointer;
    font-weight: 800;
}

.recruiter-advanced-filters form {
    margin-top: 1rem;
}

.presence-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.presence-avatar {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(0, 255, 255, 0.14);
    border: 2px solid rgba(149, 255, 202, 0.6);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
    font-weight: 800;
}

.inline-edit {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--egaforce-cyan);
    text-align: left;
    cursor: text;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.inline-edit__input {
    min-width: min(18rem, 100%);
}

.recruiter-lightbox,
.scheduler-overlay {
    width: min(980px, calc(100vw - 2rem));
    border: 0;
    border-radius: 1.25rem;
    padding: 1rem;
    color: #f3fbff;
}

.recruiter-lightbox::backdrop,
.scheduler-overlay::backdrop {
    background: rgba(2, 7, 18, 0.72);
    backdrop-filter: blur(8px);
}

.recruiter-lightbox iframe {
    width: 100%;
    height: min(72vh, 780px);
    border: 1px solid rgba(0, 255, 255, 0.12);
    border-radius: 1rem;
    background: #fff;
}

.recruiter-lightbox__close {
    float: right;
    margin-bottom: 0.75rem;
}

.scheduler-overlay__form,
.scheduler-overlay__head,
.scheduler-calendar,
.scheduler-slots,
.multi-zone-clock {
    display: grid;
    gap: 0.85rem;
}

.scheduler-overlay__head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}

.scheduler-grid {
    display: grid;
    grid-template-columns: minmax(260px, 0.42fr) minmax(0, 0.58fr);
    gap: 1rem;
}

.scheduler-calendar {
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 255, 255, 0.12);
    background: rgba(10, 18, 32, 0.5);
}

.scheduler-calendar__bar,
.multi-zone-clock {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
}

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

.scheduler-slots button {
    min-height: 3rem;
    border-radius: 0.85rem;
    border: 1px solid rgba(0, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
}

.undo-toast {
    position: fixed;
    left: 50%;
    bottom: 1.25rem;
    z-index: 1000;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: min(520px, calc(100vw - 2rem));
    padding: 0.85rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 255, 255, 0.18);
    background: rgba(7, 13, 24, 0.96);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.32);
}

.undo-toast[hidden] {
    display: none;
}

.undo-toast button {
    border: 0;
    border-radius: 999px;
    padding: 0.45rem 0.75rem;
    background: rgba(0, 255, 255, 0.16);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
}

.decision-grid {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.decision-sidebar,
.decision-main .careers-panel,
.decision-panel-card,
.decision-template-editor,
.offer-preview {
    border-radius: 1.2rem;
}

.decision-sidebar {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.decision-tabs,
.decision-lifecycle,
.offer-approval-track {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-bottom: 1rem;
}

.decision-tab {
    border: 1px solid rgba(0, 255, 255, 0.16);
    border-radius: 999px;
    padding: 0.58rem 0.95rem;
    background: rgba(255, 255, 255, 0.045);
    color: #eaf7ff;
    cursor: pointer;
}

.decision-tab.is-active {
    background: rgba(0, 255, 255, 0.14);
    border-color: rgba(0, 255, 255, 0.38);
}

.decision-pane {
    display: none;
}

.decision-pane.is-active {
    display: grid;
    gap: 1rem;
}

.decision-guard {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 255, 255, 0.12);
    background: rgba(10, 18, 32, 0.46);
}

.decision-guard__status,
.outbox-countdown,
.token-gate {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 255, 255, 0.16);
    background: rgba(0, 255, 255, 0.1);
    color: #dffaff;
    font-weight: 800;
}

.decision-panel-card,
.decision-template-editor,
.offer-preview {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid rgba(0, 255, 255, 0.1);
    background: rgba(9, 17, 29, 0.44);
}

.decision-template-editor textarea {
    min-height: 16rem;
}

.decision-delay-card,
.decision-notes-drawer,
.outbox-row {
    display: grid;
    gap: 0.6rem;
    padding: 0.9rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(0, 255, 255, 0.1);
}

.offer-sandbox {
    display: grid;
    grid-template-columns: minmax(280px, 0.42fr) minmax(0, 0.58fr);
    gap: 1rem;
}

.offer-preview__paper {
    min-height: 24rem;
    padding: 1.4rem;
    border-radius: 0.9rem;
    background: #f8fbff;
    color: #172033;
    line-height: 1.7;
}

.offer-highlight {
    background: #dbeafe;
    color: #0f3b76;
    padding: 0.12rem 0.35rem;
    border-radius: 0.35rem;
}

.token-chip {
    display: inline-flex;
    padding: 0.1rem 0.42rem;
    border-radius: 999px;
    background: #fff1b8;
    color: #6f4e00;
    font-weight: 800;
}

.token-chip.is-filled {
    background: #dcfce7;
    color: #14532d;
}

.offer-step {
    display: inline-flex;
    align-items: center;
    min-height: 2.4rem;
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: rgba(234, 247, 255, 0.8);
}

.offer-step--approved {
    background: rgba(60, 179, 113, 0.16);
    border-color: rgba(60, 179, 113, 0.35);
    color: #d8ffe8;
}

.offer-step--current {
    background: rgba(59, 130, 246, 0.18);
    border-color: rgba(59, 130, 246, 0.38);
    color: #dbeafe;
}

.outbox-list {
    display: grid;
    gap: 0.75rem;
}

.outbox-row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
}

.decision-shared-fields > .careers-form-grid__full:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.decision-lifecycle span {
    flex: 1;
    min-width: 5rem;
    padding: 0.45rem 0.6rem;
    border-radius: 999px;
    text-align: center;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(220, 236, 255, 0.72);
}

.decision-lifecycle .is-done {
    background: rgba(60, 179, 113, 0.16);
    color: #d8ffe8;
}

.document-cockpit {
    max-width: min(1880px, calc(100vw - 2rem));
}

.document-tab-strip {
    display: flex;
    gap: 0.65rem;
    overflow-x: auto;
    padding: 0.75rem;
    border-radius: 1.1rem;
}

.document-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.5rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(0, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    color: #eaf7ff;
    white-space: nowrap;
    cursor: pointer;
}

.document-tab span {
    display: inline-grid;
    place-items: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: rgba(0, 255, 255, 0.12);
    font-size: 0.75rem;
}

.document-tab.is-active {
    border-color: rgba(0, 255, 255, 0.38);
    background: rgba(0, 255, 255, 0.12);
}

.document-split-pane {
    display: grid;
    grid-template-columns: minmax(0, 0.6fr) minmax(360px, 0.4fr);
    gap: 1rem;
    align-items: start;
}

.document-canvas,
.document-action-console {
    border-radius: 1.2rem;
}

.document-canvas {
    position: relative;
    min-height: 78vh;
    overflow: hidden;
}

.document-pane {
    display: none;
    min-height: 78vh;
}

.document-pane.is-active {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.document-canvas__head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 255, 255, 0.1);
}

.document-meta-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.45rem;
}

.document-meta-tags span {
    display: inline-flex;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(220, 236, 255, 0.75);
    font-size: 0.76rem;
}

.document-meta-tags .is-confidential {
    background: rgba(255, 122, 102, 0.16);
    color: #ffe1da;
}

.document-frame-wrap {
    position: relative;
    min-height: 72vh;
    background: rgba(3, 7, 18, 0.5);
}

.document-frame-wrap iframe {
    width: 100%;
    height: 72vh;
    border: 0;
    background: #fff;
    transform-origin: top center;
}

.document-viewer-toolbar {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    max-width: calc(100% - 2rem);
    padding: 0.45rem;
    border-radius: 999px;
    border: 1px solid rgba(0, 255, 255, 0.16);
    background: rgba(7, 13, 24, 0.9);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

.document-viewer-toolbar button,
.document-viewer-toolbar input {
    min-height: 2rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
    padding: 0 0.65rem;
}

.document-viewer-toolbar input {
    width: 9rem;
}

.document-action-console {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 1rem;
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1rem;
}

.document-console-section,
.document-review-form,
.annotation-box {
    display: grid;
    gap: 0.75rem;
}

.document-floating-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.document-upload-zone {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.04);
}

.document-drop-target {
    display: grid;
    place-items: center;
    gap: 0.4rem;
    min-height: 9rem;
    padding: 1rem;
    border: 1px dashed rgba(0, 255, 255, 0.35);
    border-radius: 1rem;
    text-align: center;
    color: rgba(220, 236, 255, 0.8);
    cursor: pointer;
}

.document-drop-target input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.document-upload-zone.is-dragging .document-drop-target {
    background: rgba(0, 255, 255, 0.08);
    border-color: rgba(0, 255, 255, 0.6);
}

.document-upload-zone.has-error .document-drop-target,
.document-upload-zone.has-error .document-upload-result {
    border-color: rgba(255, 122, 102, 0.65);
    color: #ffe1da;
}

.document-upload-progress,
.document-upload-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.85rem;
    border: 1px solid rgba(0, 255, 255, 0.12);
    background: rgba(0, 255, 255, 0.08);
}

.document-review-form.is-hidden,
.document-pane:not(.is-active) {
    display: none;
}

.document-empty-state {
    display: grid;
    place-content: center;
    gap: 0.5rem;
    min-height: 64vh;
    padding: 2rem;
    text-align: center;
    color: rgba(220, 236, 255, 0.75);
}

.document-canvas.is-redacted iframe {
    filter: blur(3px) grayscale(0.25);
}

.document-canvas.is-redacted::after {
    content: "Anonymized document preview";
    position: absolute;
    top: 5rem;
    right: 1rem;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: rgba(7, 13, 24, 0.9);
    color: #ffffff; -webkit-text-fill-color: #ffffff;
    border: 1px solid rgba(0, 255, 255, 0.18);
}

.download-gate {
    width: min(460px, calc(100vw - 2rem));
    border: 0;
    border-radius: 1.2rem;
    padding: 1.2rem;
    color: #f3fbff;
}

.download-gate::backdrop {
    background: rgba(2, 7, 18, 0.72);
    backdrop-filter: blur(8px);
}

@media (max-width: 1100px) {
    .careers-auth__grid,
    .careers-onboarding__layout,
    .careers-dashboard__layout,
    .careers-job-detail__layout,
    .careers-application__layout,
    .careers-kpi-row,
    .review-dossier,
    .workspace-stat-grid,
    .dossier-grid,
    .split-review-grid,
    .document-review-grid {
        grid-template-columns: 1fr;
    }

    .careers-page-head,
    .careers-selected-job,
    .careers-application__hero {
        flex-direction: column;
        align-items: flex-start;
    }

    .careers-application__meta {
        text-align: left;
    }

    .kanban-board {
        grid-template-columns: repeat(2, minmax(240px, 1fr));
    }

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

    .recruiter-shell,
    .recruiter-inbox-grid,
    .evaluation-split,
    .decision-grid,
    .offer-sandbox,
    .document-split-pane {
        grid-template-columns: 1fr;
    }

    .recruiter-nav,
    .recruiter-context,
    .job-description-pin,
    .document-action-console {
        position: static;
        max-height: none;
    }

    .recruiter-filterbar__form,
    .recruiter-bulkbar,
    .recruiter-preview__actions,
    .scheduler-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .careers-form-grid,
    .careers-upload-grid,
    .careers-review-grid,
    .careers-builder-grid,
    .careers-builder-grid--language,
    .careers-builder-grid--skill,
    .staff-ops-dashboard .staff-ops-grid,
    .careers-job-cards,
    .careers-form-grid--dense,
    .detail-grid,
    .kanban-board,
    .workspace-stat-grid {
        grid-template-columns: 1fr;
    }

    .careers-page-head__actions,
    .careers-form-actions,
    .careers-selected-job__actions,
    .careers-panel__actions,
    .careers-stack-item__actions,
    .careers-auth__notes {
        flex-direction: column;
        align-items: stretch;
    }

    .careers-mini-list__item,
    .careers-stack-item {
        flex-direction: column;
    }

    .careers-progress-ring {
        width: 7rem;
    }

    .review-tabs {
        overflow-x: auto;
        padding-bottom: 0.2rem;
    }

    .recruiter-metrics,
    .recruiter-filterbar__form,
    .recruiter-bulkbar,
    .recruiter-preview__actions,
    .scheduler-grid,
    .scheduler-overlay__head {
        grid-template-columns: 1fr;
    }

    .recruiter-topbar,
    .recruiter-panel-head,
    .recruiter-preview__head {
        flex-direction: column;
    }
}

/* Careers readability hotfix */
.careers-job-detail,
.careers-application {
  color: #172033;
  -webkit-text-fill-color: initial;
}

.careers-job-detail .surface-glass,
.careers-job-detail .surface-neu,
.careers-job-detail .careers-job-hero,
.careers-job-detail .careers-copy-card,
.careers-job-detail .careers-panel,
.careers-application .surface-glass,
.careers-application .surface-neu,
.careers-application .careers-application__panel,
.careers-application .careers-panel {
  color: #172033 !important;
  -webkit-text-fill-color: #172033;
  background: #ffffff !important;
  border-color: #dce5ee !important;
}

.careers-job-detail h1,
.careers-job-detail h2,
.careers-job-detail h3,
.careers-job-detail p,
.careers-job-detail li,
.careers-job-detail small,
.careers-job-detail a:not(.btn),
.careers-application h1,
.careers-application h2,
.careers-application h3,
.careers-application p,
.careers-application li,
.careers-application label,
.careers-application small,
.careers-application a:not(.btn) {
  color: #172033 !important;
  -webkit-text-fill-color: #172033;
}

.careers-job-detail .eyebrow,
.careers-application .eyebrow,
.careers-field-hint {
  color: #526173 !important;
  -webkit-text-fill-color: #526173;
}

.careers-job-detail .careers-badge,
.careers-job-detail .careers-mini-list__item,
.careers-application .careers-badge,
.careers-application .careers-status-list__item {
  color: #172033 !important;
  -webkit-text-fill-color: #172033;
  background: #eef4f8 !important;
  border-color: #d7e3eb !important;
}

.careers-job-detail .btn-primary,
.careers-application .btn-primary,
.careers-job-detail .btn.btn-primary *,
.careers-application .btn.btn-primary * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  background: #132b46 !important;
  border-color: #132b46 !important;
}

.careers-job-detail .btn-outline-secondary,
.careers-application .btn-outline-secondary {
  color: #132b46 !important;
  -webkit-text-fill-color: #132b46;
  background: #ffffff !important;
  border-color: #9fb0c2 !important;
}

.careers-application .form-control,
.careers-application .form-select,
.careers-application textarea,
.careers-application input[type="text"],
.careers-application input[type="email"],
.careers-application input[type="tel"],
.careers-application input[type="url"],
.careers-application input[type="number"],
.careers-application input[type="date"],
.careers-application input[type="password"] {
  color: #111827 !important;
  -webkit-text-fill-color: #111827;
  background: #ffffff !important;
  border-color: #aab8c8 !important;
  box-shadow: none !important;
  color-scheme: light;
}

/* FINAL CAREERS READABILITY FIX */
body.careers-auth-body,
body.careers-auth-body .page-shell,
.careers-auth,
.careers-job-detail,
.careers-application {
  background: #f5f7fb !important;
  color: #142033 !important;
  -webkit-text-fill-color: initial !important;
}

body.careers-auth-body .site-header__shell,
body.careers-auth-body .surface-glass,
body.careers-auth-body .surface-neu,
.careers-auth .surface-glass,
.careers-auth .surface-neu,
.careers-auth__panel,
.careers-auth__aside,
.careers-password-panel,
.careers-job-detail .surface-glass,
.careers-job-detail .surface-neu,
.careers-application .surface-glass,
.careers-application .surface-neu {
  background: #ffffff !important;
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
  border-color: #dbe5ef !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

body.careers-auth-body h1,
body.careers-auth-body h2,
body.careers-auth-body h3,
body.careers-auth-body p,
body.careers-auth-body label,
body.careers-auth-body small,
body.careers-auth-body strong,
body.careers-auth-body span:not(.btn__label),
body.careers-auth-body li,
body.careers-auth-body a:not(.btn),
.careers-job-detail h1,
.careers-job-detail h2,
.careers-job-detail h3,
.careers-job-detail p,
.careers-job-detail li,
.careers-job-detail small,
.careers-job-detail a:not(.btn),
.careers-application h1,
.careers-application h2,
.careers-application h3,
.careers-application p,
.careers-application li,
.careers-application label,
.careers-application small,
.careers-application a:not(.btn) {
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
}

body.careers-auth-body .eyebrow,
body.careers-auth-body .careers-field-hint,
body.careers-auth-body .careers-auth__intro p,
body.careers-auth-body .careers-auth__feature p,
.careers-field-hint {
  color: #4b5f76 !important;
  -webkit-text-fill-color: #4b5f76 !important;
}

body.careers-auth-body .site-nav__link,
body.careers-auth-body .site-nav__summary,
body.careers-auth-body .site-nav__menu-link {
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
}

body.careers-auth-body input,
body.careers-auth-body select,
body.careers-auth-body textarea,
.careers-application input,
.careers-application select,
.careers-application textarea {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  background: #ffffff !important;
  border: 1px solid #9fb0c2 !important;
  box-shadow: none !important;
  color-scheme: light !important;
}

body.careers-auth-body input::placeholder,
body.careers-auth-body textarea::placeholder,
.careers-application input::placeholder,
.careers-application textarea::placeholder {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  opacity: 1 !important;
}

body.careers-auth-body input:focus,
body.careers-auth-body select:focus,
body.careers-auth-body textarea:focus,
.careers-application input:focus,
.careers-application select:focus,
.careers-application textarea:focus {
  border-color: #0f766e !important;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.18) !important;
}

body.careers-auth-body .btn-primary,
body.careers-auth-body .btn-primary *,
.careers-job-detail .btn-primary,
.careers-job-detail .btn-primary *,
.careers-application .btn-primary,
.careers-application .btn-primary * {
  background: #132b46 !important;
  border-color: #132b46 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.careers-auth-body .careers-checkline,
.careers-job-detail .careers-badge,
.careers-job-detail .careers-mini-list__item {
  background: #eef3f8 !important;
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
  border-color: #d8e2ec !important;
}


/* CAREERS WIDE READABILITY FIX */
.careers-auth,
.careers-dashboard,
.careers-onboarding,
.careers-profile,
.careers-job-detail,
.careers-application,
.careers-auth *,
.careers-dashboard *,
.careers-onboarding *,
.careers-profile *,
.careers-job-detail *,
.careers-application * {
  text-shadow: none !important;
}

.careers-auth,
.careers-dashboard,
.careers-onboarding,
.careers-profile,
.careers-job-detail,
.careers-application {
  color: #142033 !important;
  -webkit-text-fill-color: initial !important;
}

.careers-auth .surface-glass,
.careers-auth .surface-neu,
.careers-dashboard .surface-glass,
.careers-dashboard .surface-neu,
.careers-onboarding .surface-glass,
.careers-onboarding .surface-neu,
.careers-profile .surface-glass,
.careers-profile .surface-neu,
.careers-job-detail .surface-glass,
.careers-job-detail .surface-neu,
.careers-application .surface-glass,
.careers-application .surface-neu,
.careers-page-head,
.careers-panel,
.careers-kpi,
.careers-selected-job,
.careers-auth__panel,
.careers-auth__aside,
.careers-password-panel,
.careers-copy-card,
.careers-job-hero,
.careers-application__panel {
  background: #ffffff !important;
  border: 1px solid #dbe5ef !important;
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08) !important;
}

.careers-auth :where(h1,h2,h3,h4,p,li,label,small,strong,span,a:not(.btn)),
.careers-dashboard :where(h1,h2,h3,h4,p,li,label,small,strong,span,a:not(.btn)),
.careers-onboarding :where(h1,h2,h3,h4,p,li,label,small,strong,span,a:not(.btn)),
.careers-profile :where(h1,h2,h3,h4,p,li,label,small,strong,span,a:not(.btn)),
.careers-job-detail :where(h1,h2,h3,h4,p,li,label,small,strong,span,a:not(.btn)),
.careers-application :where(h1,h2,h3,h4,p,li,label,small,strong,span,a:not(.btn)) {
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
}

.careers-auth .eyebrow,
.careers-dashboard .eyebrow,
.careers-onboarding .eyebrow,
.careers-profile .eyebrow,
.careers-job-detail .eyebrow,
.careers-application .eyebrow,
.careers-field-hint,
.careers-page-head p,
.careers-panel p,
.careers-copy-card p,
.careers-kpi small,
.careers-mini-list__item small,
.careers-stack-item p,
.careers-stack-item small {
  color: #4b5f76 !important;
  -webkit-text-fill-color: #4b5f76 !important;
}

.careers-mini-list__item,
.careers-stack-item,
.careers-checklist__item,
.careers-status-list__item,
.careers-empty,
.careers-badge,
.careers-auth .careers-checkline {
  background: #eef3f8 !important;
  border: 1px solid #d8e2ec !important;
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
  box-shadow: none !important;
}

.careers-auth input,
.careers-auth select,
.careers-auth textarea,
.careers-dashboard input,
.careers-dashboard select,
.careers-dashboard textarea,
.careers-onboarding input,
.careers-onboarding select,
.careers-onboarding textarea,
.careers-profile input,
.careers-profile select,
.careers-profile textarea,
.careers-application input,
.careers-application select,
.careers-application textarea {
  background: #ffffff !important;
  border: 1px solid #9fb0c2 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  color-scheme: light !important;
}

.careers-auth input::placeholder,
.careers-auth textarea::placeholder,
.careers-dashboard input::placeholder,
.careers-dashboard textarea::placeholder,
.careers-onboarding input::placeholder,
.careers-onboarding textarea::placeholder,
.careers-profile input::placeholder,
.careers-profile textarea::placeholder,
.careers-application input::placeholder,
.careers-application textarea::placeholder {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  opacity: 1 !important;
}

.careers-auth .btn-primary,
.careers-dashboard .btn-primary,
.careers-onboarding .btn-primary,
.careers-profile .btn-primary,
.careers-job-detail .btn-primary,
.careers-application .btn-primary,
.careers-auth .btn-primary *,
.careers-dashboard .btn-primary *,
.careers-onboarding .btn-primary *,
.careers-profile .btn-primary *,
.careers-job-detail .btn-primary *,
.careers-application .btn-primary * {
  background: #132b46 !important;
  border-color: #132b46 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.careers-auth .btn-outline-secondary,
.careers-dashboard .btn-outline-secondary,
.careers-onboarding .btn-outline-secondary,
.careers-profile .btn-outline-secondary,
.careers-job-detail .btn-outline-secondary,
.careers-application .btn-outline-secondary {
  background: #ffffff !important;
  border-color: #9fb0c2 !important;
  color: #132b46 !important;
  -webkit-text-fill-color: #132b46 !important;
}

/* CAREERS FINAL LAYOUT + READABILITY PATCH */
.careers-application__layout {
  grid-template-columns: minmax(0, 1.8fr) minmax(280px, 0.8fr) !important;
}

@media (min-width: 1200px) {
  .careers-application__layout {
    grid-template-columns: minmax(560px, 1.55fr) minmax(320px, 0.75fr) !important;
  }
}

.careers-application__main,
.careers-application__side {
  min-width: 0 !important;
}

.site-header__shell {
  background: #ffffff !important;
}

.site-header__shell .site-nav__link,
.site-header__shell .site-nav__summary,
.site-header__shell .brand-lockup__name {
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
}

.careers-dashboard .careers-stack-item,
.careers-dashboard .careers-mini-list__item,
.careers-dashboard .careers-empty,
.careers-dashboard .careers-checklist__item,
.careers-dashboard .careers-kpi,
.careers-dashboard .careers-selected-job,
.careers-dashboard .careers-panel,
.careers-auth .surface-glass,
.careers-auth .surface-neu,
.careers-job-detail .surface-glass,
.careers-job-detail .surface-neu,
.careers-application .surface-glass,
.careers-application .surface-neu,
.careers-builder-card,
.careers-builder-item {
  background: #ffffff !important;
  border: 1px solid #dbe5ef !important;
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08) !important;
  text-shadow: none !important;
}

.careers-dashboard .careers-stack-item *,
.careers-dashboard .careers-mini-list__item *,
.careers-dashboard .careers-empty *,
.careers-dashboard .careers-checklist__item *,
.careers-dashboard .careers-kpi *,
.careers-dashboard .careers-selected-job *,
.careers-dashboard .careers-panel *,
.careers-auth .surface-glass *,
.careers-auth .surface-neu *,
.careers-job-detail .surface-glass *,
.careers-job-detail .surface-neu *,
.careers-application .surface-glass *,
.careers-application .surface-neu *,
.careers-builder-card *,
.careers-builder-item * {
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
  text-shadow: none !important;
}

.careers-dashboard .careers-stack-item p,
.careers-dashboard .careers-stack-item small,
.careers-dashboard .careers-mini-list__item small,
.careers-dashboard .careers-kpi small,
.careers-dashboard .careers-panel p,
.careers-dashboard .careers-field-hint,
.careers-builder-card p,
.careers-builder-check {
  color: #4b5f76 !important;
  -webkit-text-fill-color: #4b5f76 !important;
}

.careers-builder-grid {
  grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
}

.careers-builder-grid textarea,
.careers-builder-grid .btn,
.careers-builder-check {
  grid-column: 1 / -1 !important;
}

.careers-auth input,
.careers-auth select,
.careers-auth textarea,
.careers-dashboard input,
.careers-dashboard select,
.careers-dashboard textarea,
.careers-application input,
.careers-application select,
.careers-application textarea {
  background: #ffffff !important;
  border: 1px solid #9fb0c2 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  color-scheme: light !important;
}

.careers-auth .btn-primary,
.careers-dashboard .btn-primary,
.careers-job-detail .btn-primary,
.careers-application .btn-primary,
.careers-auth .btn-primary *,
.careers-dashboard .btn-primary *,
.careers-job-detail .btn-primary *,
.careers-application .btn-primary * {
  background: #132b46 !important;
  border-color: #132b46 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* CAREERS MOBILE FLOW AND QUOTE FINAL FIX */
@media (max-width: 768px) {
  .page-shell,
  .section-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: .85rem !important;
    padding-right: .85rem !important;
    overflow-x: hidden !important;
  }

  .careers-application__layout,
  .careers-dashboard__layout,
  .careers-auth__grid,
  .careers-job-detail__layout,
  .careers-onboarding__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .careers-application__main,
  .careers-application__side,
  .careers-dashboard__main,
  .careers-dashboard__side {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .careers-application__main { order: 1 !important; }
  .careers-application__side { order: 2 !important; }

  .careers-form-grid,
  .careers-upload-grid,
  .careers-builder-grid,
  .careers-review-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .careers-builder-card__head,
  .careers-form-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .careers-builder-card__head .btn,
  .careers-form-actions .btn {
    width: 100% !important;
  }
}

.quote-signal {
  position: fixed !important;
  right: clamp(1rem, 4vw, 2rem) !important;
  top: 6.5rem !important;
  z-index: 1800 !important;
  display: grid !important;
  gap: .75rem !important;
  width: min(28rem, calc(100vw - 2rem)) !important;
  max-width: 28rem !important;
  padding: 1.25rem !important;
  color: #172033 !important;
  background: #fff !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.18) !important;
}

.quote-signal[hidden] { display: none !important; }
.quote-signal strong { color: #10233b !important; font-size: 1.25rem !important; }
.quote-signal p { color: #4b5f76 !important; margin: 0 !important; }

.quote-signal__close {
  position: absolute !important;
  right: .75rem !important;
  top: .65rem !important;
  width: 2rem !important;
  height: 2rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #edf4f8 !important;
  color: #10233b !important;
}

.quote-signal__actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .65rem !important;
}

@media (max-width: 768px) {
  .quote-signal {
    left: .85rem !important;
    right: .85rem !important;
    top: auto !important;
    bottom: 1rem !important;
    width: auto !important;
  }

  .quote-signal__actions {
    grid-template-columns: 1fr !important;
  }
}

/* EGAFORCE APP-WIDE READABILITY GUARD */
.page-shell :where(.surface-glass,.surface-neu,.collection-card,.glass-card,.card,.service-detail,.project-detail-item,.blog-item,.testimonial-item,.contactus-panel,.form-shell,.search-results,.quote-signal,.careers-panel,.careers-kpi,.careers-selected-job,.careers-copy-card,.careers-job-hero) {
  background: #ffffff !important;
  border-color: #dbe5ef !important;
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
  text-shadow: none !important;
}

.page-shell :where(.surface-glass,.surface-neu,.collection-card,.glass-card,.card,.service-detail,.project-detail-item,.blog-item,.testimonial-item,.contactus-panel,.form-shell,.search-results,.quote-signal,.careers-panel,.careers-kpi,.careers-selected-job,.careers-copy-card,.careers-job-hero) :where(h1,h2,h3,h4,h5,h6,p,li,label,small,strong,span,a:not(.btn),div:not(.btn):not(.btn__label)) {
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
  text-shadow: none !important;
}

.page-shell :where(.surface-glass,.surface-neu,.collection-card,.glass-card,.card,.service-detail,.project-detail-item,.blog-item,.testimonial-item,.contactus-panel,.form-shell,.search-results,.quote-signal,.careers-panel,.careers-kpi,.careers-selected-job,.careers-copy-card,.careers-job-hero) :where(p,small,.eyebrow,.media-meta,.collection-card__copy,.careers-field-hint,.meta-chip) {
  color: #4b5f76 !important;
  -webkit-text-fill-color: #4b5f76 !important;
}

.page-shell :where(input,select,textarea,.form-control,.form-select) {
  background: #ffffff !important;
  border: 1px solid #9fb0c2 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  color-scheme: light !important;
}

.page-shell :where(input,textarea)::placeholder {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  opacity: 1 !important;
}

.page-shell :where(.btn-primary,.btn-dark,.btn-outline-cyan),
.page-shell :where(.btn-primary,.btn-dark,.btn-outline-cyan) * {
  background: #132b46 !important;
  border-color: #132b46 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.page-shell :where(.btn-outline-secondary,.btn-light) {
  background: #ffffff !important;
  border-color: #9fb0c2 !important;
  color: #132b46 !important;
  -webkit-text-fill-color: #132b46 !important;
}

.page-shell :where(.careers-badge,.meta-chip,.domain-pill,.clay-chip,.dashboard-chip) {
  background: #eef3f8 !important;
  border-color: #d8e2ec !important;
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
}

.site-header__shell,
.site-header__shell.surface-glass {
  background: #ffffff !important;
  border-color: #dbe5ef !important;
}

.site-header__shell :where(.site-nav__link,.site-nav__summary,.site-nav__menu-link,.brand-lockup__name) {
  color: #142033 !important;
  -webkit-text-fill-color: #142033 !important;
}

.site-footer,
.site-footer * {
  -webkit-text-fill-color: currentColor;
}

@media (max-width: 768px) {
  .page-shell :where(.collection-grid,.careers-job-cards,.content-grid,.detail-grid) {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
  }

  .page-shell :where(.collection-card,.surface-glass,.surface-neu,.careers-panel) {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* Footer office addresses */
.site-footer__addresses {
  display: grid;
  gap: .75rem;
  margin-top: .85rem;
}

.site-footer__address {
  padding: .8rem .9rem;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 14px;
  background: rgba(255, 255, 255, .045);
}

.site-footer__address span {
  display: block;
  margin-bottom: .25rem;
  color: #ffffff;
  font-weight: 800;
  font-size: .86rem;
}

.site-footer__address p {
  margin: 0;
  color: rgba(226, 232, 240, .82);
  line-height: 1.55;
}