:root {
    --navy: #07265f;
    --navy-soft: #5d72a4;
    --teal: #00998f;
    --teal-dark: #007f78;
    --teal-pale: #e6f7f4;
    --line: #d8e2ef;
    --surface: #ffffff;
    --surface-soft: #f7f9fc;
    --danger: #a9253a;
    --success: #08745f;
    --shadow: 0 18px 55px rgba(7, 38, 95, .08);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--navy);
    background: #fff;
    font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: radial-gradient(circle at 50% 10%, #f8fbff 0, #fff 33rem); color: var(--navy); }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
button:focus-visible, a:focus-visible { outline: 3px solid rgba(0, 153, 143, .3); outline-offset: 2px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: none; }

.brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.brand__image { display: block; width: auto; max-width: 100%; object-fit: contain; }

.site-header, .site-footer, .auth-header, .auth-footer, .workspace-header { width: min(90rem, calc(100% - 5rem)); margin-inline: auto; }
.site-header { min-height: 6rem; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; }
.site-nav { display: flex; gap: clamp(1.5rem, 4vw, 3.75rem); }
.site-nav__link, .button--text { text-decoration: none; font-size: .95rem; font-weight: 600; }
.site-nav__link:hover, .button--text:hover { color: var(--teal); }
.site-header__actions { justify-self: end; display: flex; align-items: center; gap: 1.25rem; }

.button { border: 1px solid transparent; border-radius: .55rem; display: inline-flex; min-height: 2.8rem; align-items: center; justify-content: center; gap: 1rem; padding: .7rem 1.35rem; font-weight: 750; text-decoration: none; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.button:hover:not(:disabled) { transform: translateY(-1px); }
.button:disabled { opacity: .5; cursor: not-allowed; }
.button--primary { color: #fff; background: linear-gradient(135deg, var(--teal-dark), #00aa9f); box-shadow: 0 9px 24px rgba(0, 153, 143, .18); }
.button--outline, .button--ghost { color: var(--teal-dark); background: #fff; border-color: var(--teal); }
.button--text { padding-inline: .4rem; background: transparent; }
.button--small { min-height: 2.55rem; padding: .55rem 1.15rem; }
.button--large { min-height: 3.25rem; min-width: 14rem; }
.button--full { width: 100%; }

.hero { width: min(72rem, calc(100% - 3rem)); margin: 3.2rem auto 2.5rem; text-align: center; }
.hero__title { margin: 0; font-size: clamp(2.75rem, 6vw, 5.1rem); line-height: .99; letter-spacing: -.055em; }
.hero__lead { max-width: 61rem; margin: 1.35rem auto; color: var(--navy-soft); font-size: clamp(1.05rem, 2vw, 1.35rem); line-height: 1.55; }
.hero__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.35rem; }
.trust-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 1.4rem; margin: 1.4rem 0 0; padding: 0; color: #758196; font-size: .86rem; list-style: none; }
.trust-list__item { display: flex; align-items: center; gap: .45rem; }
.trust-list__icon { width: 1.25rem; height: 1.25rem; display: inline-grid; place-items: center; border: 1px solid #aab4c4; border-radius: 50%; color: #7f8998; font-size: .75rem; }

.qualification-card { width: min(80rem, calc(100% - 5rem)); margin: 1.75rem auto 4.3rem; padding: 2.1rem; border: 1px solid var(--line); border-radius: 1rem; background: rgba(255, 255, 255, .88); box-shadow: var(--shadow); }
.qualification-card__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; }
.qualification-card__title { margin: 0; font-size: 1.75rem; letter-spacing: -.03em; }
.qualification-card__subtitle { margin: .3rem 0 0; color: var(--navy-soft); font-size: 1.05rem; }
.status-badge { display: inline-flex; align-items: center; gap: .55rem; border-radius: 2rem; padding: .7rem 1rem; color: var(--success); background: var(--teal-pale); font-size: .88rem; font-weight: 700; }
.qualification-card__quote { margin: 1.5rem 0; padding-bottom: 1.35rem; border-bottom: 1px solid var(--line); font-size: 1.18rem; font-weight: 650; }
.qualification-card__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.signal-card { padding: .4rem 1.7rem; border-right: 1px solid var(--line); }
.signal-card:first-child { padding-left: 0; }
.signal-card:last-child { border-right: 0; }
.signal-card__icon { float: left; margin-right: .75rem; color: var(--teal); font-size: 1.8rem; }
.signal-card__title { margin: .25rem 0 .7rem; font-size: 1rem; }
.signal-card__text { clear: both; margin: 0; color: var(--navy-soft); line-height: 1.55; }

.section-title { margin: 0 auto 2.6rem; text-align: center; font-size: clamp(2rem, 4vw, 2.8rem); letter-spacing: -.045em; }
.audiences { width: min(74rem, calc(100% - 5rem)); margin: 0 auto 4.5rem; }
.audiences__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; }
.audience { display: grid; grid-template-columns: auto 1fr; gap: 1.3rem; }
.audience + .audience { padding-left: 4rem; border-left: 1px solid var(--line); }
.audience__icon { width: 3.1rem; height: 3.1rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal); background: var(--teal-pale); font-size: 1.5rem; }
.audience__title { margin: .55rem 0 1.25rem; font-size: 1.4rem; }
.audience__lead { min-height: 3.2rem; color: var(--navy-soft); line-height: 1.5; }
.audience__secondary-link { display: block; width: fit-content; margin-top: .7rem; color: var(--navy-soft); font-size: .9rem; font-weight: 650; }
.check-list { padding: 0; list-style: none; color: var(--navy-soft); }
.check-list li { position: relative; margin: .8rem 0; padding-left: 1.85rem; }
.check-list li::before { content: "✓"; position: absolute; left: 0; top: -.1rem; width: 1.25rem; height: 1.25rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal); background: var(--teal-pale); font-weight: 900; }
.text-link { color: var(--teal-dark); font-weight: 700; text-underline-offset: .2rem; }
.text-link--muted { color: var(--navy-soft); }

.steps { padding: 3.7rem max(2rem, calc((100% - 74rem) / 2)); background: linear-gradient(100deg, #effbfa, #f7fbff); }
.steps__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin: 0; padding: 0; list-style: none; text-align: center; }
.step { position: relative; }
.step__number { width: 2.8rem; height: 2.8rem; margin: 0 auto 1rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-dark); background: #d9f5f1; font-size: 1.15rem; font-weight: 850; }
.step__title { margin: 0; font-size: 1.1rem; }
.step__text { max-width: 17rem; margin: .5rem auto 0; color: var(--navy-soft); line-height: 1.45; }
.final-cta { padding: 3.4rem 1.5rem 2.2rem; text-align: center; }
.final-cta__title { margin: 0 0 1.2rem; font-size: clamp(1.7rem, 4vw, 2.5rem); letter-spacing: -.04em; }
.final-cta__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; }
.final-cta__login { color: var(--navy-soft); }
.site-footer { min-height: 5rem; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); }
.site-footer__nav, .auth-footer { display: flex; gap: 2rem; }
.site-footer__nav a, .auth-footer a { color: var(--navy-soft); font-size: .86rem; text-decoration: none; }

/* Public concept landing — intentionally separate from the detailed features page. */
.concept-home { background: #fff; color: #111d3b; }
.concept-stage { position: relative; isolation: isolate; min-height: calc(62rem - 3.75rem); overflow: hidden; color: #fff; background: #0d1e30 url('/assets/hero-concept-paper-teal.png') center center / cover no-repeat; }
.concept-stage::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(11, 27, 44, .98) 0%, rgba(11, 27, 44, .89) 28%, rgba(11, 27, 44, .45) 52%, rgba(11, 27, 44, .02) 82%); }
.concept-header { width: 100%; height: 3.75rem; border-bottom: 1px solid #dce5ec; color: #071b2e; background: #fff; }
.concept-header__inner, .concept-hero__copy, .concept-intro__inner, .concept-footer__inner { width: min(90rem, calc(100% - 7.5rem)); margin-inline: auto; }
.concept-header__inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.concept-brand, .concept-footer__brand { display: inline-flex; align-items: center; gap: .35rem; width: max-content; font-size: 1.8rem; font-weight: 850; letter-spacing: -.055em; text-decoration: none; white-space: nowrap; }
.concept-brand { color: #071b2e; font-size: 1.55rem; }
.concept-brand img, .concept-footer__brand img { display: block; flex: 0 0 auto; }
.concept-brand img { width: 34px; height: 34px; }
.concept-brand__dot, .concept-footer__brand span span { color: #17cec5; }
.concept-nav { height: 100%; display: flex; align-items: center; gap: clamp(1.6rem, 3.4vw, 3.25rem); }
.concept-nav a { display: inline-flex; align-items: center; height: 100%; color: #0b2340; font-size: .94rem; font-weight: 600; text-decoration: none; transition: color .18s ease; }
.concept-nav a:hover { color: #008f87; }
.concept-nav .concept-nav__register { height: 2.35rem; min-height: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #15d5cb; border-radius: .42rem; padding: .45rem 1.15rem; color: #092039; background: #15d5cb; font-weight: 760; transition: background .18s ease, border-color .18s ease, transform .18s ease; }
.concept-nav .concept-nav__register:hover { border-color: #56e8df; color: #092039; background: #56e8df; transform: translateY(-1px); }
.concept-nav a:focus-visible, .concept-brand:focus-visible, .concept-hero__cta:focus-visible { outline: 3px solid rgba(0, 158, 145, .35); outline-offset: 3px; }
.concept-hero { min-height: calc(62rem - 3.75rem); padding-top: clamp(7.5rem, 11vw, 11rem); padding-bottom: 6rem; }
.concept-hero__copy { position: relative; z-index: 1; }
.concept-hero h1 { width: fit-content; max-width: 100%; margin: 0; font-size: clamp(4.2rem, 6.3vw, 7rem); font-weight: 850; letter-spacing: -.074em; line-height: .96; }
.concept-hero h1 span { color: #12d1cb; }
.concept-hero p { max-width: 37rem; margin: 3.1rem 0 2.7rem; color: #cbd4e2; font-size: clamp(1.25rem, 2.2vw, 1.65rem); line-height: 1.36; }
.concept-hero__cta { display: inline-flex; min-height: 3.65rem; align-items: center; justify-content: space-between; gap: 2.4rem; border-radius: .42rem; padding: .85rem 1.8rem; color: #092039; background: #15d5cb; font-size: 1.05rem; font-weight: 760; text-decoration: none; transition: background .18s ease, transform .18s ease; }
.concept-hero__cta:hover { background: #56e8df; transform: translateY(-2px); }
.concept-hero__cta span { font-size: 1.55rem; font-weight: 400; line-height: 1; }
.concept-intro { padding: clamp(6rem, 10vw, 9rem) 0 clamp(6rem, 9vw, 8rem); }
.concept-intro__inner { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(16rem, .7fr); align-items: start; gap: clamp(2rem, 6vw, 7rem); }
.concept-intro h2 { margin: 0; font-size: clamp(2.65rem, 5.1vw, 4.25rem); font-weight: 850; letter-spacing: -.065em; line-height: 1.14; }
.concept-intro__aside { display: grid; justify-items: start; gap: 1.3rem; }
.concept-intro__aside p { margin: .3rem 0 1.15rem; color: #34486f; font-size: 1.12rem; line-height: 1.45; }
.concept-intro__aside a { width: min(16rem, 100%); display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #11c8bf; padding: .15rem 0 .85rem; font-size: clamp(1.25rem, 2.4vw, 1.55rem); font-weight: 730; letter-spacing: -.035em; text-decoration: none; }
.concept-intro__aside a + a { margin-top: .7rem; }
.concept-intro__aside a span { color: #13c9c3; font-size: 1.8rem; font-weight: 400; line-height: .8; }
.concept-intro__aside a:hover { color: #008e88; }
.concept-footer__inner { min-height: 7.2rem; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; border-top: 1px solid #cfdaea; }
.concept-footer__brand { gap: .25rem; font-size: 1.34rem; }
.concept-footer p { margin: 0; color: #3b4d70; font-size: .92rem; }

@media (max-width: 800px) {
    .concept-header__inner, .concept-hero__copy, .concept-intro__inner, .concept-footer__inner { width: calc(100% - 3rem); }
    .concept-nav { gap: clamp(1rem, 3vw, 1.75rem); }
    .concept-stage { min-height: calc(52rem - 3.75rem); background-position: 55% center; }
    .concept-hero { min-height: calc(52rem - 3.75rem); padding-top: 8rem; }
    .concept-hero h1 { font-size: clamp(3.5rem, 8.5vw, 5.5rem); }
    .concept-intro__inner { grid-template-columns: 1fr; gap: 3rem; }
    .concept-intro__aside { grid-template-columns: 1fr 1fr; gap: 1rem 2rem; }
    .concept-intro__aside p { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
    .concept-header__inner, .concept-hero__copy, .concept-intro__inner, .concept-footer__inner { width: calc(100% - 2rem); }
    .concept-header__inner { gap: .75rem; }
    .concept-brand { font-size: 1.3rem; }
    .concept-brand img { width: 29px; height: 29px; }
    .concept-nav { width: auto; margin-left: auto; justify-content: flex-end; gap: .9rem; }
    .concept-nav a { font-size: .78rem; }
    .concept-nav a:nth-child(-n + 2) { display: none; }
    .concept-nav .concept-nav__register { height: 2.25rem; padding: .4rem .7rem; }
    .concept-stage { min-height: calc(45rem - 3.75rem); background-position: 57% bottom; }
    .concept-stage::before { background: linear-gradient(90deg, rgba(11, 27, 44, .96) 0%, rgba(11, 27, 44, .8) 50%, rgba(11, 27, 44, .38) 100%); }
    .concept-hero { min-height: calc(45rem - 3.75rem); padding-top: 5.5rem; padding-bottom: 4rem; }
    .concept-hero h1 { font-size: clamp(2rem, 8vw, 3.3rem); }
    .concept-hero p { max-width: 21rem; margin: 2.2rem 0 1.8rem; font-size: 1.12rem; }
    .concept-hero__break { display: none; }
    .concept-hero__cta { min-height: 3.35rem; padding-inline: 1.15rem; font-size: .98rem; }
    .concept-intro { padding: 4.5rem 0; }
    .concept-intro h2 { font-size: clamp(2.15rem, 8vw, 3rem); }
    .concept-intro__aside { grid-template-columns: 1fr; gap: 1rem; }
    .concept-intro__aside p { grid-column: auto; }
    .concept-intro__aside a + a { margin-top: .45rem; }
    .concept-footer__inner { min-height: 6.7rem; flex-wrap: wrap; align-content: center; gap: .55rem; }
    .concept-footer p { width: 100%; padding-left: .15rem; font-size: .78rem; }
}

@media (max-width: 380px) {
    .concept-header__inner { width: calc(100% - 1.25rem); }
    .concept-brand { font-size: 1.15rem; }
    .concept-brand img { width: 27px; height: 27px; }
    .concept-nav { gap: .65rem; }
    .concept-nav a { font-size: .73rem; }
    .concept-nav .concept-nav__register { padding-inline: .55rem; }
}

.pricing-page { padding-bottom: 4.5rem; }
.pricing-hero { width: min(58rem, calc(100% - 3rem)); margin: 3.2rem auto 2.7rem; text-align: center; }
.pricing-hero__title { margin: 0; font-size: clamp(2.65rem, 5vw, 4.4rem); line-height: 1.02; letter-spacing: -.055em; }
.pricing-hero__lead { max-width: 47rem; margin: 1.25rem auto 0; color: var(--navy-soft); font-size: 1.12rem; line-height: 1.65; }
.pricing-hero__candidate-note { width: fit-content; margin: 1.4rem auto 0; border: 1px solid #bce4df; border-radius: 2rem; padding: .62rem 1rem; color: var(--teal-dark); background: var(--teal-pale); font-size: .88rem; font-weight: 750; }
.pricing-grid { width: min(78rem, calc(100% - 5rem)); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 1.25rem; margin: 0 auto; }
.pricing-card { position: relative; display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--line); border-radius: 1.1rem; padding: 1.75rem; background: rgba(255, 255, 255, .94); box-shadow: 0 14px 38px rgba(7, 38, 95, .07); }
.pricing-card--featured { border: 2px solid var(--teal); padding: calc(1.75rem - 1px); box-shadow: 0 22px 55px rgba(0, 153, 143, .14); }
.pricing-card__badge { position: absolute; top: 0; right: 1.25rem; transform: translateY(-50%); border-radius: 2rem; padding: .42rem .78rem; color: #fff; background: var(--teal-dark); font-size: .72rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.pricing-card__segment { margin: 0 0 .7rem; color: var(--teal-dark); font-size: .75rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.pricing-card__title { margin: 0; font-size: 1.65rem; letter-spacing: -.03em; }
.pricing-card__size { margin: .42rem 0 0; color: var(--navy-soft); font-size: .92rem; }
.pricing-card__price { display: flex; align-items: baseline; gap: .45rem; margin: 1.45rem 0 .65rem; }
.pricing-card__price strong { font-size: clamp(2.4rem, 4vw, 3.25rem); line-height: 1; letter-spacing: -.055em; }
.pricing-card__price span { color: var(--navy-soft); font-size: .84rem; line-height: 1.25; }
.pricing-card__description { min-height: 3rem; margin: 0 0 1.3rem; color: var(--navy-soft); font-size: .92rem; line-height: 1.55; }
.pricing-card__features { display: grid; gap: .72rem; margin: 0 0 1.7rem; padding: 1.25rem 0 0; border-top: 1px solid var(--line); list-style: none; }
.pricing-card__features li { position: relative; padding-left: 1.7rem; color: #415a83; font-size: .9rem; line-height: 1.4; }
.pricing-card__features li::before { content: "\2713"; position: absolute; top: -.05rem; left: 0; width: 1.15rem; height: 1.15rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-dark); background: var(--teal-pale); font-size: .68rem; font-weight: 900; }
.pricing-card .button { margin-top: auto; }
.pricing-details { width: min(78rem, calc(100% - 5rem)); display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; margin: 2.3rem auto 0; border-radius: 1rem; padding: 1.5rem; background: linear-gradient(100deg, #effbfa, #f7fbff); }
.pricing-detail { padding: .3rem 1rem; text-align: center; }
.pricing-detail + .pricing-detail { border-left: 1px solid #d5e7e6; }
.pricing-detail strong { display: block; margin-bottom: .35rem; font-size: .95rem; }
.pricing-detail span { color: var(--navy-soft); font-size: .85rem; line-height: 1.45; }
.pricing-legal { width: min(78rem, calc(100% - 5rem)); margin: 1rem auto 0; color: #7a899d; font-size: .78rem; line-height: 1.5; text-align: center; }

.auth-page { min-height: 100vh; display: flex; flex-direction: column; }
.auth-header { min-height: 7rem; display: flex; align-items: center; justify-content: space-between; }
.back-link { display: inline-flex; gap: .75rem; color: var(--navy-soft); font-size: 1.05rem; text-decoration: none; }
.auth-main { flex: 1; display: grid; place-items: start center; padding: 4.3rem 1.5rem 2rem; }
.auth-main--register { padding-top: 1rem; }
.auth-card { width: min(35rem, 100%); }
.auth-card__title { margin: 0; text-align: center; font-size: clamp(2.5rem, 6vw, 3.4rem); letter-spacing: -.055em; }
.auth-card__subtitle { margin: .45rem 0 2.6rem; text-align: center; color: var(--navy-soft); font-size: 1.3rem; }
.auth-card__switch { text-align: center; color: var(--navy-soft); }
.auth-card__switch--secondary { margin-top: -.45rem; font-size: .88rem; }
.auth-card--recovery { border: 1px solid var(--line); border-radius: 1rem; padding: 2rem; background: #fff; box-shadow: var(--shadow); }
.auth-card--message { text-align: center; }
.auth-security-icon { width: 3.3rem; height: 3.3rem; display: grid; place-items: center; margin: 0 auto 1.15rem; border-radius: 50%; color: var(--teal-dark); background: var(--teal-pale); font-size: 1.35rem; font-weight: 850; }
.auth-security-icon--error { color: var(--danger); background: #fff0f3; }
.auth-privacy-note { margin: 1.25rem 0 0; color: var(--navy-soft); font-size: .84rem; line-height: 1.5; text-align: center; }
.form { display: grid; gap: 1.35rem; }
.form__identity { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form__row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.field { display: grid; gap: .55rem; }
.field__label, .role-picker__legend { font-weight: 800; }
.field__input { width: 100%; height: 3.65rem; border: 1px solid #c9d6e7; border-radius: .55rem; padding: 0 1rem; color: var(--navy); background: rgba(255,255,255,.85); }
.field__input::placeholder { color: #8293ba; }
.field__input:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(0, 153, 143, .1); outline: 0; }
.checkbox { display: flex; align-items: center; gap: .8rem; }
.checkbox__input { width: 1.35rem; height: 1.35rem; accent-color: var(--teal); }
.role-picker { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin: 0; padding: 0; border: 0; }
.role-picker__legend { grid-column: 1 / -1; margin-bottom: .25rem; }
.role-picker__choice input { position: absolute; opacity: 0; pointer-events: none; }
.role-picker__choice span { min-height: 3.65rem; display: flex; align-items: center; justify-content: center; gap: .6rem; border: 1px solid #c9d6e7; border-radius: .55rem; font-weight: 800; cursor: pointer; }
.role-picker__choice input:checked + span { border-color: var(--teal); color: var(--teal-dark); background: var(--teal-pale); box-shadow: inset 0 0 0 1px var(--teal); }
.role-picker__choice input:focus-visible + span { outline: 3px solid rgba(0,153,143,.3); }
.notice { margin: -1rem 0 1.4rem; border-radius: .5rem; padding: .8rem 1rem; line-height: 1.4; }
.notice--error { border: 1px solid #f1b8c1; color: var(--danger); background: #fff3f5; }
.notice--success { border: 1px solid #a9dfd3; color: var(--success); background: #effbf8; }
.auth-footer { width: min(90rem, calc(100% - 5rem)); min-height: 4.5rem; align-items: center; justify-content: center; border-top: 1px solid var(--line); }

.workspace { min-height: 100vh; background: var(--surface-soft); }
.workspace-header { min-height: 5.2rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.workspace-account { position: relative; }
.workspace-account__summary { min-height: 3.4rem; display: flex; align-items: center; gap: .7rem; border-radius: .75rem; padding: .35rem .5rem; cursor: pointer; list-style: none; }
.workspace-account__summary::-webkit-details-marker { display: none; }
.workspace-account__summary:hover { background: var(--teal-pale); }
.workspace-account__summary:focus-visible { outline: 3px solid rgba(0, 153, 143, .3); outline-offset: 2px; }
.workspace-account__avatar { width: 2.65rem; height: 2.65rem; flex: 0 0 auto; border: 1px solid #b9e8e1; border-radius: 50%; object-fit: cover; background: var(--teal-pale); }
.workspace-account__identity { min-width: 0; display: grid; gap: .1rem; text-align: left; }
.workspace-account__identity strong { overflow: hidden; max-width: 13rem; font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-account__identity small { overflow: hidden; max-width: 13rem; color: var(--navy-soft); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.workspace-account__caret { color: var(--navy); font-size: 1.1rem; font-weight: 800; transition: transform .18s ease; }
.workspace-account[open] .workspace-account__caret { transform: rotate(180deg); }
.workspace-account__menu { position: absolute; z-index: 20; top: calc(100% + .55rem); right: 0; width: min(18rem, calc(100vw - 2rem)); border: 1px solid var(--line); border-radius: .8rem; padding: .7rem; background: var(--surface); box-shadow: var(--shadow); }
.workspace-account__person { display: flex; align-items: center; gap: .7rem; padding: .35rem .35rem .8rem; border-bottom: 1px solid var(--line); }
.workspace-account__action, .workspace-account__logout { width: 100%; min-height: 2.75rem; display: flex; align-items: center; margin-top: .45rem; border: 0; border-radius: .55rem; padding: .6rem .7rem; color: var(--navy); background: transparent; font-weight: 700; text-align: left; text-decoration: none; cursor: pointer; }
.workspace-account__action:hover, .workspace-account__logout:hover { color: var(--teal-dark); background: var(--teal-pale); }
.workspace-nav { display: flex; align-self: stretch; gap: 1.75rem; }
.workspace-nav__link { position: relative; display: flex; align-items: center; color: var(--navy-soft); font-size: .92rem; font-weight: 750; text-decoration: none; }
.workspace-nav__link:hover { color: var(--teal-dark); }
.workspace-nav__link--active { color: var(--navy); }
.workspace-nav__link--active::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--teal); }
.workspace-main { width: min(68rem, calc(100% - 3rem)); margin: 0 auto; padding: 4.5rem 0; }
.workspace-main__title { margin: 0; font-size: clamp(2.3rem, 5vw, 3.8rem); letter-spacing: -.05em; }
.workspace-main__lead { max-width: 47rem; color: var(--navy-soft); font-size: 1.15rem; line-height: 1.6; }
.empty-state { margin-top: 2.5rem; padding: 3.5rem 2rem; border: 1px solid var(--line); border-radius: 1rem; text-align: center; background: var(--surface); box-shadow: var(--shadow); }
.empty-state__icon { width: 4rem; height: 4rem; display: grid; place-items: center; margin: 0 auto; border-radius: 50%; color: var(--teal); background: var(--teal-pale); font-size: 2rem; }
.empty-state__title { margin: 1rem 0 .5rem; }
.empty-state__text { max-width: 38rem; margin: 0 auto 1.4rem; color: var(--navy-soft); line-height: 1.55; }

.profile-workspace { width: min(56rem, calc(100% - 3rem)); margin: 0 auto; padding: 3.5rem 0 5rem; }
.profile-heading { margin-bottom: 1.7rem; }
.profile-heading h1 { margin: 0; font-size: clamp(2.3rem, 5vw, 3.6rem); letter-spacing: -.05em; }
.profile-heading > p:last-child { max-width: 42rem; margin: .7rem 0 0; color: var(--navy-soft); line-height: 1.55; }
.profile-notice { margin: 0 0 1rem; }
.profile-card { overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: #fff; box-shadow: var(--shadow); }
.profile-card__person { display: flex; align-items: center; gap: 1.15rem; border-bottom: 1px solid var(--line); padding: 1.5rem; background: linear-gradient(90deg, #effbf9, #f7fbff); }
.profile-card__avatar { width: 5.5rem; height: 5.5rem; flex: 0 0 auto; border: 1px solid #b9e8e1; border-radius: 50%; object-fit: cover; background: var(--teal-pale); }
.profile-card__person h2 { margin: 0; font-size: 1.25rem; }
.profile-card__person p { margin: .35rem 0 0; color: var(--navy-soft); }
.profile-form { padding: 1.5rem; }
.profile-form .field__input[readonly] { color: var(--navy-soft); background: #f1f5fa; cursor: not-allowed; }
.profile-form__help { margin-top: -1rem; color: var(--navy-soft); line-height: 1.4; }
.profile-form__actions { display: flex; justify-content: flex-end; }

.team-workspace { width: min(78rem, calc(100% - 3rem)); margin: 0 auto; padding: 3.25rem 0 5rem; }
.team-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.team-heading__title { margin: 0; font-size: clamp(2.35rem, 5vw, 3.6rem); letter-spacing: -.05em; }
.team-heading__lead { max-width: 42rem; margin: .65rem 0 0; color: var(--navy-soft); font-size: 1.05rem; line-height: 1.55; }
.organization-badge { min-width: 15rem; display: flex; align-items: center; gap: .8rem; border: 1px solid var(--line); border-radius: .75rem; padding: .8rem 1rem; background: #fff; box-shadow: 0 8px 24px rgba(7, 38, 95, .04); }
.organization-badge__icon { width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border-radius: .55rem; color: var(--teal-dark); background: var(--teal-pale); font-size: 1.25rem; }
.organization-badge span:last-child { display: grid; gap: .15rem; }
.organization-badge small { color: var(--navy-soft); font-size: .75rem; }
.organization-badge strong { font-size: .92rem; }
.team-notice { margin: 1rem 0; }
.team-summary { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; margin: 1.5rem 0; border: 1px solid var(--line); border-radius: .8rem; background: #fff; }
.team-summary__item { display: flex; align-items: baseline; gap: .65rem; padding: 1rem 1.2rem; border-right: 1px solid var(--line); }
.team-summary__item:last-child { border-right: 0; }
.team-summary__item strong { color: var(--teal-dark); font-size: 1.5rem; }
.team-summary__item span { color: var(--navy-soft); font-size: .88rem; }
.team-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 1.5rem; }
.team-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: #fff; box-shadow: var(--shadow); }
.team-panel__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.45rem 1.5rem 1.2rem; border-bottom: 1px solid var(--line); }
.team-panel__title { margin: 0; font-size: 1.25rem; }
.team-panel__description { margin: .4rem 0 0; color: var(--navy-soft); font-size: .9rem; line-height: 1.45; }
.count-badge { min-width: 1.75rem; height: 1.75rem; display: inline-grid; place-items: center; border-radius: 1rem; color: var(--teal-dark); background: var(--teal-pale); font-size: .8rem; font-weight: 850; }
.member-list, .group-list { display: grid; }
.member-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .8rem; min-height: 4.75rem; padding: .8rem 1.5rem; border-bottom: 1px solid var(--line); }
.member-row__avatar { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-dark); background: var(--teal-pale); font-weight: 850; }
.member-row__identity { min-width: 0; display: grid; gap: .2rem; }
.member-row__identity strong { overflow: hidden; font-size: .92rem; text-overflow: ellipsis; white-space: nowrap; }
.member-row__identity small { overflow: hidden; color: var(--navy-soft); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.status-badge--compact { padding: .38rem .62rem; font-size: .72rem; }
.status-badge--pending { color: #8a5b00; background: #fff7dc; }
.team-form { display: grid; gap: 1rem; padding: 1.5rem; background: var(--surface-soft); }
.team-form__title { margin: 0; font-size: 1.05rem; }
.team-form__grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: .8rem; }
.team-form .field__label { font-size: .84rem; }
.team-form .field__input { height: 3.15rem; background: #fff; }
.team-form__hint { margin: -.15rem 0 0; color: var(--navy-soft); font-size: .78rem; line-height: 1.45; }
.compact-empty { display: grid; justify-items: center; padding: 2rem 1.5rem; text-align: center; }
.compact-empty__icon { width: 3rem; height: 3rem; display: grid; place-items: center; margin-bottom: .8rem; border-radius: 50%; color: var(--teal); background: var(--teal-pale); font-size: 1.4rem; }
.compact-empty p { margin: .35rem 0 0; color: var(--navy-soft); font-size: .88rem; }
.access-group { padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--line); }
.access-group__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.access-group__title { margin: 0; font-size: 1rem; }
.access-group__description { margin: .35rem 0 0; color: var(--navy-soft); font-size: .82rem; line-height: 1.4; }
.access-group__members { display: flex; flex-wrap: wrap; gap: .45rem; margin: .9rem 0 0; padding: 0; list-style: none; }
.access-group__members li { display: inline-flex; align-items: center; gap: .35rem; border: 1px solid #cbe8e4; border-radius: 2rem; padding: .32rem .6rem; color: var(--navy-soft); background: #f5fbfa; font-size: .75rem; }
.access-group__members li span { color: var(--teal-dark); font-weight: 800; }
.access-group__delete { margin-top: .8rem; text-align: right; }
.danger-link { border: 0; padding: 0; color: var(--danger); background: transparent; font-size: .76rem; font-weight: 750; text-decoration: underline; text-underline-offset: .2rem; cursor: pointer; }
.member-picker { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin: 0; padding: 0; border: 0; }
.member-picker__legend { grid-column: 1 / -1; margin-bottom: .1rem; font-size: .84rem; font-weight: 800; }
.member-picker__choice { position: relative; }
.member-picker__choice input { position: absolute; opacity: 0; }
.member-picker__choice span { min-height: 3.3rem; display: grid; align-content: center; gap: .1rem; border: 1px solid var(--line); border-radius: .55rem; padding: .55rem .7rem .55rem 2.15rem; background: #fff; cursor: pointer; }
.member-picker__choice span::before { content: ""; position: absolute; top: 50%; left: .7rem; width: 1rem; height: 1rem; border: 1px solid #aebed3; border-radius: .25rem; transform: translateY(-50%); }
.member-picker__choice input:checked + span { border-color: var(--teal); background: var(--teal-pale); }
.member-picker__choice input:checked + span::before { content: "✓"; display: grid; place-items: center; border-color: var(--teal); color: #fff; background: var(--teal); font-size: .7rem; font-weight: 900; }
.member-picker__choice input:focus-visible + span { outline: 3px solid rgba(0, 153, 143, .3); outline-offset: 2px; }
.member-picker__choice strong { font-size: .82rem; }
.member-picker__choice small { color: var(--navy-soft); font-size: .72rem; }

.jobs-workspace, .job-create { width: min(78rem, calc(100% - 3rem)); margin: 0 auto; padding: 3.25rem 0 5rem; }
.jobs-heading, .job-create__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.7rem; }
.jobs-heading__title, .job-create__title { margin: 0; font-size: clamp(2.35rem, 5vw, 3.6rem); letter-spacing: -.05em; }
.jobs-heading__lead, .job-create__lead { max-width: 47rem; margin: .65rem 0 0; color: var(--navy-soft); font-size: 1.05rem; line-height: 1.55; }
.jobs-notice { margin: 1rem 0 1.5rem; }
.jobs-empty { margin-top: 1.5rem; }
.job-list { display: grid; gap: 1rem; }
.job-card { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 1.5rem; border: 1px solid var(--line); border-radius: .9rem; padding: 1.4rem 1.5rem; background: #fff; box-shadow: 0 10px 32px rgba(7, 38, 95, .05); }
.job-card__topline { display: flex; align-items: center; gap: .8rem; }
.status-badge--draft { color: #72530a; background: #fff5d3; }
.status-badge--closed { color: #6e4050; background: #f5e9ed; }
.qualification-version-badge { display: inline-flex; align-items: center; width: max-content; border: 1px solid #c9dfec; border-radius: 999px; padding: .24rem .55rem; color: #365f7c; background: #f2f9fc; font-size: .72rem; font-weight: 750; }
.qualification-version-badge--large { padding: .42rem .7rem; font-size: .78rem; }
.job-card__updated { color: var(--navy-soft); font-size: .75rem; }
.job-card__title { margin: .65rem 0 .3rem; font-size: 1.3rem; }
.job-card__meta { margin: 0; color: var(--navy-soft); font-size: .88rem; }
.job-card__stats { display: grid; grid-template-columns: repeat(4, minmax(5.2rem, auto)); margin: 0; }
.job-card__stats div { display: grid; justify-items: center; gap: .2rem; padding: .35rem 1rem; border-left: 1px solid var(--line); }
.job-card__stats dt { color: var(--navy-soft); font-size: .7rem; }
.job-card__stats dd { order: -1; margin: 0; color: var(--teal-dark); font-size: 1.35rem; font-weight: 850; }
.job-card__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; }
.job-card__actions form { margin: 0; }

.job-create { width: min(82rem, calc(100% - 3rem)); }
.job-create__heading { align-items: center; }
.job-create__back { margin-bottom: 1.6rem; font-size: .88rem; }
.job-heading-badges { display: grid; justify-items: end; gap: .55rem; }
.job-lock-notice { display: grid; grid-template-columns: auto 1fr; gap: .25rem 1rem; margin: 0 0 1.25rem; border: 1px solid #eed79a; border-radius: .8rem; padding: 1rem 1.2rem; color: #644e16; background: #fff9e8; }
.job-lock-notice::before { content: "▣"; grid-row: 1 / span 2; color: #a77a08; font-size: 1.25rem; }
.job-lock-notice strong, .job-lock-notice p { margin: 0; }
.job-lock-notice p { font-size: .88rem; line-height: 1.5; }
.job-form { display: grid; gap: 1.25rem; }
.job-form__content { display: grid; grid-template-columns: minmax(0, 1fr) 22rem; align-items: start; gap: 1.25rem; }
.job-form__main { display: grid; gap: 1.25rem; }
.form-panel, .access-panel { overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: #fff; box-shadow: var(--shadow); }
.form-panel__heading, .access-panel__heading { display: flex; align-items: flex-start; gap: .9rem; padding: 1.4rem 1.5rem 1.2rem; border-bottom: 1px solid var(--line); }
.form-panel__heading h2, .access-panel__heading h2 { margin: .05rem 0 0; font-size: 1.25rem; }
.form-panel__heading p, .access-panel__heading p { margin: .35rem 0 0; color: var(--navy-soft); font-size: .87rem; line-height: 1.45; }
.form-panel__step { flex: 0 0 auto; width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-dark); background: var(--teal-pale); font-size: .82rem; font-weight: 850; }
.form-panel__body { padding: 1.5rem; }
.form-panel__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.15rem; }
.field--wide { grid-column: 1 / -1; }
.field__label small { color: var(--navy-soft); font-weight: 600; }
.field__select, .field__textarea { width: 100%; border: 1px solid #c9d6e7; border-radius: .55rem; padding: .85rem 1rem; color: var(--navy); background: #fff; }
.field__select { height: 3.65rem; }
.field__textarea { min-height: 7rem; resize: vertical; line-height: 1.5; }
.field__textarea--large { min-height: 9rem; }
.field__textarea--compact { min-height: 5.4rem; }
.field__select:focus, .field__textarea:focus { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(0, 153, 143, .1); outline: 0; }
.feature-list { display: grid; gap: 1rem; padding: 1.5rem 1.5rem 0; }
.feature-card { display: grid; gap: 1rem; border: 1px solid var(--line); border-radius: .75rem; padding: 1.1rem; background: var(--surface-soft); }
.feature-card__heading { display: flex; align-items: center; justify-content: space-between; }
.feature-card__heading strong { font-size: .85rem; }
.feature-card__remove:disabled { visibility: hidden; }
.feature-card .field__label { font-size: .8rem; }
.feature-card .field__input { height: 3.1rem; background: #fff; }
.qualification-question-fields { display: grid; gap: 1rem; border: 1px solid #bfe5e1; border-radius: .7rem; padding: 1rem; background: #f7fcfc; }
.qualification-question-fields > p { display: grid; gap: .15rem; margin: 0; }
.qualification-question-fields > p strong { color: var(--teal-dark); font-size: .88rem; }
.qualification-question-fields > p small { color: var(--navy-soft); font-size: .76rem; }
.feature-card :disabled { color: #59677b; background: #f2f5f8; cursor: not-allowed; opacity: 1; }
.feature-card .killer-choice input:disabled + span { border-color: #d5dce6; color: #59677b; background: #f2f5f8; cursor: not-allowed; }
.killer-choice { position: relative; }
.killer-choice input { position: absolute; opacity: 0; }
.killer-choice span { position: relative; min-height: 3.8rem; display: grid; align-content: center; gap: .2rem; border: 1px solid #f1b8c1; border-radius: .6rem; padding: .7rem 1rem .7rem 3rem; color: var(--danger); background: #fff6f7; cursor: pointer; }
.killer-choice span::before { content: ""; position: absolute; top: 50%; left: 1rem; width: 1rem; height: 1rem; border: 2px solid #dc7585; border-radius: 50%; transform: translateY(-50%); }
.killer-choice input:checked + span::before { border: 4px solid #fff; background: #ed3652; box-shadow: 0 0 0 2px #ed3652; }
.killer-choice input:focus-visible + span { outline: 3px solid rgba(237, 54, 82, .2); outline-offset: 2px; }
.killer-choice strong { font-size: .78rem; }
.killer-choice small { color: #776c80; font-size: .72rem; }
.feature-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.5rem 1.5rem; }
.feature-actions p { margin: 0; color: var(--navy-soft); font-size: .78rem; }
.access-panel { position: sticky; top: 1rem; }
.access-panel__section { padding: 1.2rem 1.35rem; border-top: 1px solid var(--line); }
.access-panel__heading + .access-panel__section { border-top: 0; }
.access-panel__section h3 { margin: 0 0 .35rem; font-size: .9rem; }
.access-panel__hint { margin: 0 0 .85rem; color: var(--navy-soft); font-size: .74rem; line-height: 1.4; }
.access-picker { display: grid; gap: .55rem; }
.access-picker__choice { position: relative; }
.access-picker__choice input { position: absolute; opacity: 0; }
.access-picker__choice span { position: relative; min-height: 3.5rem; display: grid; align-content: center; gap: .15rem; border: 1px solid var(--line); border-radius: .6rem; padding: .65rem .75rem .65rem 2.65rem; cursor: pointer; }
.access-picker__choice span::before { content: ""; position: absolute; top: 50%; left: .85rem; width: 1rem; height: 1rem; border: 1px solid #aebed3; border-radius: .25rem; transform: translateY(-50%); }
.access-picker__choice input:checked + span { border-color: var(--teal); background: var(--teal-pale); }
.access-picker__choice input:checked + span::before { content: "✓"; display: grid; place-items: center; border-color: var(--teal); color: #fff; background: var(--teal); font-size: .7rem; font-weight: 900; }
.access-picker__choice input:focus-visible + span { outline: 3px solid rgba(0, 153, 143, .3); outline-offset: 2px; }
.access-picker__choice strong { font-size: .82rem; }
.access-picker__choice small { color: var(--navy-soft); font-size: .72rem; }
.access-picker__choice--group span { background: #fbfcff; }
.access-panel__empty { border: 1px dashed #bdcada; border-radius: .65rem; padding: .9rem; text-align: center; }
.access-panel__empty p { margin: 0 0 .4rem; color: var(--navy-soft); font-size: .8rem; }
.access-panel__empty a { font-size: .78rem; }
.job-form__footer { position: sticky; bottom: .75rem; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; border: 1px solid #cbe8e4; border-radius: .85rem; padding: .9rem 1rem .9rem 1.25rem; background: rgba(255, 255, 255, .96); box-shadow: 0 12px 36px rgba(7, 38, 95, .12); backdrop-filter: blur(10px); }
.job-form__footer > span { display: grid; gap: .2rem; }
.job-form__footer strong { font-size: .86rem; }
.job-form__footer small { color: var(--navy-soft); font-size: .74rem; }
.job-danger-zone { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 2rem; border: 1px solid #efc7ce; border-radius: .9rem; padding: 1.25rem 1.4rem; background: #fff8f9; }
.job-danger-zone h2 { margin: 0 0 .35rem; color: #9a2638; font-size: 1.05rem; }
.job-danger-zone p { margin: 0; color: #725966; font-size: .86rem; line-height: 1.5; }
.job-danger-zone strong { display: block; margin-top: .55rem; color: #9a2638; font-size: .82rem; }
.job-danger-zone form { display: grid; justify-items: end; gap: .7rem; min-width: 18rem; }
.job-danger-zone label { display: flex; align-items: center; gap: .5rem; color: #725966; font-size: .8rem; }

.candidate-workspace { width: min(72rem, calc(100% - 3rem)); margin: 0 auto; padding: 3.5rem 0 5rem; }
.candidate-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.candidate-heading__title { margin: 0; font-size: clamp(2.35rem, 5vw, 3.7rem); letter-spacing: -.05em; }
.candidate-heading__lead { max-width: 43rem; margin: .7rem 0 0; color: var(--navy-soft); font-size: 1.08rem; line-height: 1.6; }
.candidate-notice { margin: 0 0 1.5rem; }
.candidate-start { display: grid; grid-template-columns: 10rem minmax(0, 1fr); align-items: center; gap: 2rem; border: 1px solid var(--line); border-radius: 1rem; padding: 2.2rem; background: #fff; box-shadow: var(--shadow); }
.candidate-start__signal { width: 9rem; height: 9rem; display: grid; place-items: center; align-content: center; gap: .2rem; border-radius: 50%; color: var(--teal-dark); background: linear-gradient(145deg, var(--teal-pale), #f1fbff); }
.candidate-start__signal span { font-size: 2rem; }
.candidate-start__signal strong { font-size: 1rem; }
.candidate-start__signal small { color: var(--navy-soft); font-size: .78rem; }
.candidate-start h2 { margin: 0; font-size: 1.55rem; }
.candidate-start p { color: var(--navy-soft); line-height: 1.6; }
.candidate-start ul { display: grid; gap: .5rem; margin: 1rem 0 0; padding: 0; color: var(--navy-soft); list-style: none; font-size: .9rem; }
.candidate-start li::before { content: "✓"; margin-right: .55rem; color: var(--teal); font-weight: 900; }
.candidate-start form { grid-column: 2; }
.interview-list { display: grid; gap: 1rem; }
.interview-card { display: flex; align-items: center; justify-content: space-between; gap: 2rem; border: 1px solid var(--line); border-radius: .9rem; padding: 1.4rem 1.5rem; background: #fff; box-shadow: 0 10px 32px rgba(7, 38, 95, .05); }
.interview-card__main { min-width: 0; flex: 1; }
.interview-card h2 { margin: .65rem 0 .25rem; font-size: 1.25rem; }
.interview-card p { margin: 0 0 .75rem; color: var(--navy-soft); font-size: .88rem; }
.progress { width: 100%; height: .5rem; overflow: hidden; display: block; border: 0; border-radius: 2rem; color: var(--teal); background: #e6edf5; appearance: none; }
.progress::-webkit-progress-bar { border-radius: 2rem; background: #e6edf5; }
.progress::-webkit-progress-value { border-radius: 2rem; background: linear-gradient(90deg, var(--teal-dark), #00b0a5); }
.progress::-moz-progress-bar { border-radius: 2rem; background: linear-gradient(90deg, var(--teal-dark), #00b0a5); }

.interview-shell { min-height: 100vh; background: radial-gradient(circle at 50% 0, #f2fbfb 0, #f8fafd 28rem, #f7f9fc 100%); }
.interview-header { width: min(88rem, calc(100% - 5rem)); min-height: 6rem; display: flex; align-items: center; justify-content: space-between; margin-inline: auto; }
.consent-page, .complete-page { display: grid; place-items: start center; padding: 3rem 1.5rem 5rem; }
.consent-card, .complete-card { width: min(42rem, 100%); border: 1px solid var(--line); border-radius: 1.2rem; padding: clamp(1.6rem, 5vw, 2.8rem); background: #fff; box-shadow: var(--shadow); }
.consent-card__icon, .complete-card__check { width: 3.6rem; height: 3.6rem; display: grid; place-items: center; margin-bottom: 1.4rem; border-radius: 50%; color: var(--teal-dark); background: var(--teal-pale); font-size: 1.6rem; font-weight: 900; }
.consent-card h1, .complete-card h1 { margin: 0; font-size: clamp(2rem, 6vw, 3rem); line-height: 1.05; letter-spacing: -.045em; }
.consent-card__lead { margin: 1rem 0 1.7rem; color: var(--navy-soft); font-size: 1.04rem; line-height: 1.6; }
.consent-error { margin: 0 0 1rem; }
.consent-form { display: grid; gap: .85rem; }
.consent-choice { position: relative; }
.consent-choice input { position: absolute; opacity: 0; }
.consent-choice span { position: relative; min-height: 5.4rem; display: grid; align-content: center; gap: .35rem; border: 1px solid var(--line); border-radius: .75rem; padding: .9rem 1rem .9rem 3.5rem; cursor: pointer; }
.consent-choice span::before { content: ""; position: absolute; top: 1.4rem; left: 1.2rem; width: 1.1rem; height: 1.1rem; border: 1px solid #aebed3; border-radius: .25rem; }
.consent-choice input:checked + span { border-color: var(--teal); background: var(--teal-pale); }
.consent-choice input:checked + span::before { content: "✓"; display: grid; place-items: center; border-color: var(--teal); color: #fff; background: var(--teal); font-size: .72rem; font-weight: 900; }
.consent-choice input:focus-visible + span { outline: 3px solid rgba(0,153,143,.3); outline-offset: 2px; }
.consent-choice strong { font-size: .92rem; }
.consent-choice small { color: var(--navy-soft); font-size: .84rem; line-height: 1.45; }
.privacy-note { margin: .4rem 0 .7rem; border-left: 3px solid #bac8dc; padding: .3rem 0 .3rem 1rem; }
.privacy-note strong { font-size: .88rem; }
.privacy-note p { margin: .3rem 0 0; color: var(--navy-soft); font-size: .82rem; line-height: 1.5; }

.question-page { width: min(56rem, calc(100% - 3rem)); margin: 0 auto; padding: 1rem 0 5rem; }
.question-progress { margin-bottom: 1.2rem; }
.question-progress > div { display: flex; justify-content: space-between; margin-bottom: .6rem; color: var(--navy-soft); font-size: .85rem; }
.question-progress strong { color: var(--teal-dark); }
.question-card { border: 1px solid var(--line); border-radius: 1.2rem; padding: clamp(1.5rem, 4vw, 2.5rem); background: #fff; box-shadow: var(--shadow); }
.question-card h1 { max-width: 49rem; margin: 0; font-size: clamp(1.8rem, 4vw, 2.55rem); line-height: 1.15; letter-spacing: -.04em; }
.question-card__guidance { margin: .9rem 0 1.7rem; color: var(--navy-soft); line-height: 1.55; }
.question-error { margin: 0 0 1rem; }
.answer-form { display: grid; gap: 1.2rem; }
.field__textarea--answer { min-height: 11rem; }
.answer-divider { display: flex; align-items: center; gap: .8rem; color: var(--navy-soft); font-size: .78rem; }
.answer-divider::before, .answer-divider::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.recorder { overflow: hidden; border: 1px solid var(--line); border-radius: .8rem; background: var(--surface-soft); }
.recorder__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; }
.recorder__heading strong { font-size: .9rem; }
.recorder__heading p { margin: .25rem 0 0; color: var(--navy-soft); font-size: .8rem; line-height: 1.45; }
.recorder__state { border-radius: 2rem; padding: .35rem .65rem; color: var(--navy-soft); background: #fff; font-size: .75rem; font-weight: 750; }
.recorder__preview { width: 100%; max-height: 22rem; display: block; background: #071020; }
.recorder__preview[hidden] { display: none; }
.recorder__actions { display: flex; gap: .7rem; padding: 0 1.1rem 1rem; }
.recorder__stop { color: var(--danger); border-color: #dc7585; }
.media-file { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--line); padding: .8rem 1.1rem; color: var(--navy-soft); background: #fff; font-size: .78rem; }
.media-file input { max-width: 15rem; font-size: .75rem; }
.recorder__feedback { min-height: 1.4rem; margin: 0; padding: 0 1.1rem .8rem; color: var(--teal-dark); font-size: .78rem; }
.answer-form__footer { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: .2rem; }
.answer-form__footer span { max-width: 23rem; color: var(--navy-soft); font-size: .78rem; line-height: 1.45; }
.complete-page { padding-top: 5rem; }
.complete-card { text-align: center; }
.complete-card__check { margin-inline: auto; }
.complete-card p { margin: 1rem auto 1.7rem; color: var(--navy-soft); line-height: 1.6; }
.complete-card__summary { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; margin: 1.5rem 0; border: 1px solid var(--line); border-radius: .75rem; }
.complete-card__summary span { display: grid; gap: .2rem; padding: 1rem; }
.complete-card__summary span + span { border-left: 1px solid var(--line); }
.complete-card__summary strong { color: var(--teal-dark); font-size: 1.15rem; }
.complete-card__summary small { color: var(--navy-soft); font-size: .78rem; }

.available-jobs { overflow: hidden; margin-bottom: 1.5rem; border: 1px solid #bfe5e1; border-radius: 1rem; background: #fff; box-shadow: 0 12px 36px rgba(0, 153, 143, .07); }
.available-jobs__heading { display: flex; align-items: center; justify-content: space-between; padding: 1.25rem 1.4rem; background: linear-gradient(90deg, #effbf9, #f7fbff); }
.available-jobs__heading h2 { margin: 0; font-size: 1.25rem; }
.available-jobs__list { display: grid; }
.available-job { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.15rem 1.4rem; border-top: 1px solid var(--line); }
.available-job > div > span { color: var(--teal-dark); font-size: .76rem; font-weight: 800; }
.available-job h3 { margin: .25rem 0; font-size: 1rem; }
.available-job p { margin: 0; color: var(--navy-soft); font-size: .8rem; }
.available-job__waiting { max-width: 12rem; color: var(--navy-soft); font-size: .78rem; text-align: right; }

.pipeline-workspace, .result-workspace { width: min(80rem, calc(100% - 3rem)); margin: 0 auto; padding: 3.25rem 0 5rem; }
.pipeline-heading, .result-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }
.pipeline-heading h1, .result-heading h1 { margin: 0; font-size: clamp(2.3rem, 5vw, 3.5rem); letter-spacing: -.05em; }
.pipeline-heading p, .result-heading p { margin: .55rem 0 0; color: var(--navy-soft); line-height: 1.5; }
.pipeline-metrics { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; margin-bottom: 1.25rem; border: 1px solid var(--line); border-radius: .8rem; background: #fff; }
.pipeline-metrics span { display: grid; gap: .15rem; padding: .9rem 1.1rem; border-right: 1px solid var(--line); }
.pipeline-metrics span:last-child { border-right: 0; }
.pipeline-metrics strong { color: var(--teal-dark); font-size: 1.35rem; }
.pipeline-metrics small { color: var(--navy-soft); font-size: .75rem; }
.pipeline-empty { margin-top: 0; }
.pipeline-table { overflow: hidden; border: 1px solid var(--line); border-radius: .9rem; background: #fff; box-shadow: var(--shadow); }
.pipeline-table__head, .pipeline-row { display: grid; grid-template-columns: 1.35fr 1fr .75fr .6fr auto; align-items: center; gap: 1rem; padding: .9rem 1rem; }
.pipeline-table__head { color: var(--navy-soft); background: #f1f5fa; font-size: .76rem; font-weight: 750; }
.pipeline-row { min-height: 4.8rem; border-top: 1px solid var(--line); font-size: .86rem; }
.pipeline-row__candidate { min-width: 0; display: flex; align-items: center; gap: .7rem; }
.pipeline-row__candidate > b { flex: 0 0 auto; width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-dark); background: var(--teal-pale); }
.pipeline-row__candidate > span { min-width: 0; display: grid; gap: .12rem; }
.pipeline-row__candidate small { overflow: hidden; color: var(--navy-soft); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-row__score strong { color: var(--teal-dark); font-size: 1.15rem; }
.result-workspace > .back-link { margin-bottom: 1.3rem; font-size: .88rem; }
.result-heading { align-items: center; }
.result-layout { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; align-items: start; gap: 1.2rem; }
.result-main { display: grid; gap: 1.2rem; }
.score-panel, .criteria-panel, .decision-panel { border: 1px solid var(--line); border-radius: .95rem; background: #fff; box-shadow: var(--shadow); }
.score-panel { display: grid; grid-template-columns: 8rem 1fr; align-items: center; gap: 1.4rem; padding: 1.4rem; }
.score-panel__value { width: 7.5rem; height: 7.5rem; display: grid; place-items: center; align-content: center; border: .55rem solid #d9f3ef; border-radius: 50%; color: var(--teal-dark); }
.score-panel__value span { font-size: 2.25rem; font-weight: 900; line-height: 1; }
.score-panel__value small { margin-top: .25rem; color: var(--navy-soft); font-size: .72rem; }
.score-panel h2 { margin: 0; font-size: 1.25rem; }
.score-panel p { margin: .5rem 0 .7rem; color: var(--navy-soft); font-size: .86rem; line-height: 1.5; }
.model-badge { display: inline-flex; border-radius: 2rem; padding: .35rem .65rem; color: #5a6680; background: #eef2f8; font-size: .7rem; font-weight: 700; }
.criteria-panel { overflow: hidden; }
.criteria-panel__heading { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.4rem; }
.criteria-panel__heading h2 { margin: 0; font-size: 1.2rem; }
.criteria-panel__heading span { color: var(--navy-soft); font-size: .78rem; }
.criterion { padding: 1.15rem 1.4rem; border-top: 1px solid var(--line); }
.criterion__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.criterion h3 { margin: 0; font-size: .95rem; }
.criterion__score { flex: 0 0 auto; border-radius: 2rem; padding: .35rem .6rem; color: var(--teal-dark); background: var(--teal-pale); font-size: .75rem; font-weight: 850; }
.criterion__evidence { margin: .5rem 0 .8rem; color: var(--navy-soft); font-size: .82rem; line-height: 1.5; }
.criterion__expectation { margin: .8rem 0; border-left: 3px solid var(--teal); padding: .55rem .75rem; background: #f4fbfa; }
.criterion__expectation strong { color: var(--teal-dark); font-size: .78rem; }
.criterion__expectation p { margin: .25rem 0 0; color: var(--navy-soft); font-size: .84rem; line-height: 1.5; }
.criterion details { border-top: 1px dashed #cbd6e4; padding-top: .75rem; }
.criterion summary { color: var(--teal-dark); font-size: .78rem; font-weight: 750; cursor: pointer; }
.criterion__answer { padding: .85rem 0 0; }
.criterion__answer > strong { font-size: .84rem; line-height: 1.45; }
.criterion__answer p { margin: .65rem 0; color: var(--navy-soft); font-size: .84rem; line-height: 1.55; }
.decision-panel { position: sticky; top: 1rem; padding: 1.25rem; }
.decision-panel h2 { margin: 0; font-size: 1.15rem; }
.decision-panel > p { color: var(--navy-soft); font-size: .84rem; line-height: 1.5; }
.decision-panel form { display: grid; gap: .65rem; }
.danger-button { min-height: 2.7rem; border: 0; color: var(--danger); background: transparent; font: inherit; font-size: .82rem; font-weight: 750; text-decoration: underline; text-underline-offset: .2rem; cursor: pointer; }
.decision-panel__rule { display: grid; gap: .25rem; margin-top: 1rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.decision-panel__rule strong { font-size: .82rem; }
.decision-panel__rule small { color: var(--navy-soft); font-size: .74rem; line-height: 1.45; }

.sr-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 15.75rem minmax(0, 1fr); background: #f4f7fb; }
.admin-sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; border-right: 1px solid #dce5ef; padding: 1.55rem .95rem 1.05rem; background: #fff; }
.admin-sidebar__brand { margin: 0 .7rem 1.8rem; }
.admin-nav { min-height: 0; display: grid; align-content: start; overflow-y: auto; padding: 0 .05rem; scrollbar-width: thin; scrollbar-color: #d5e2ec transparent; }
.admin-nav__group { display: grid; gap: .18rem; margin: 0 0 1.05rem; border-bottom: 1px solid #dce6ef; padding: 0 0 1.05rem; }
.admin-nav__group:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: .5rem; }
.admin-nav__heading { margin: 0 .72rem .45rem; color: #58729e; font-size: .72rem; font-weight: 850; letter-spacing: .17em; line-height: 1.2; text-transform: uppercase; }
.admin-nav__link { min-height: 2.9rem; display: flex; align-items: center; gap: .9rem; border-radius: .78rem; padding: .45rem .9rem; color: #0b2e75; font-size: .9rem; font-weight: 600; line-height: 1.2; text-decoration: none; transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.admin-nav__icon { width: 1.7rem; height: 1.7rem; display: grid; flex: 0 0 1.7rem; place-items: center; color: #0b477b; }
.admin-nav__icon svg { width: 100%; height: 100%; display: block; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.admin-nav__text { min-width: 0; }
.admin-nav__link:hover { color: #075d78; background: #edf8f7; }
.admin-nav__link:focus-visible { outline: 3px solid rgba(13, 165, 154, .28); outline-offset: 2px; }
.admin-nav__link--active { color: #fff; background: linear-gradient(108deg, #063c77 0%, #006f83 53%, #05aa98 100%); box-shadow: 0 9px 22px rgba(3, 76, 112, .22); font-weight: 800; transform: translateY(-1px); }
.admin-nav__link--active .admin-nav__icon { color: #67e7e8; }
.admin-nav__link--active:hover { color: #fff; background: linear-gradient(108deg, #063c77 0%, #006f83 53%, #05aa98 100%); }
.admin-sidebar__account { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; margin-top: auto; border-top: 1px solid var(--line); padding: 1rem .3rem 0; }
.admin-sidebar__avatar, .admin-initial { width: 2.5rem; height: 2.5rem; display: inline-grid; flex: 0 0 auto; place-items: center; border-radius: .7rem; color: #087b74; background: #dcf4f1; font-style: normal; font-weight: 850; }
img.admin-initial { display: block; object-fit: cover; }
.admin-sidebar__account > span:nth-child(2) { min-width: 0; display: grid; gap: .1rem; }
.admin-sidebar__account strong, .admin-sidebar__account small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-sidebar__account strong { font-size: .8rem; }
.admin-sidebar__account small { color: var(--navy-soft); font-size: .68rem; }
.admin-sidebar__account form button { width: 2rem; height: 2rem; border: 0; border-radius: .45rem; color: var(--navy-soft); background: transparent; cursor: pointer; }
.admin-sidebar__account form button:hover { color: var(--danger); background: #fff1f3; }
.admin-main { width: 100%; max-width: 100rem; margin: 0 auto; padding: 2.5rem clamp(1.5rem, 3.2vw, 3.75rem) 4rem; }
.admin-breadcrumb { display: flex; align-items: center; gap: .55rem; margin-bottom: 1.2rem; color: #6a7890; font-size: 12px; }
.admin-breadcrumb a { color: inherit; text-decoration: none; }
.admin-breadcrumb a:hover, .admin-breadcrumb a:focus-visible { color: #008f86; text-decoration: underline; text-underline-offset: 3px; }
.admin-breadcrumb .breadcrumb__separator { color: #9aa8b8; }
.admin-main--narrow { max-width: 84rem; }
.admin-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.8rem; }
.admin-heading h1, .admin-detail-heading h1 { margin: 0; font-size: clamp(2rem, 4vw, 3.1rem); letter-spacing: -.045em; }
.admin-heading p { max-width: 46rem; margin: .55rem 0 0; color: var(--navy-soft); line-height: 1.55; }
.admin-live, .admin-count { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .45rem; border: 1px solid #d6e3ec; border-radius: 2rem; padding: .55rem .8rem; color: var(--navy-soft); background: #fff; font-size: .76rem; font-weight: 750; }
.admin-live i { width: .5rem; height: .5rem; border-radius: 50%; background: #17a67e; box-shadow: 0 0 0 4px #dff5ed; }
.admin-notice { margin: 0 0 1.1rem; }
.admin-alert { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; margin-bottom: 1.15rem; border: 1px solid #f0d393; border-radius: .8rem; padding: .85rem 1rem; color: #76520b; background: #fff9e8; text-decoration: none; }
.admin-alert span { color: #886c35; font-size: .84rem; }
.admin-alert b { font-size: .8rem; }
.admin-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1rem; }
.admin-metric { position: relative; min-height: 9.2rem; display: grid; align-content: center; gap: .25rem; overflow: hidden; border: 1px solid #dae4ef; border-radius: .9rem; padding: 1.15rem 1.2rem; background: #fff; box-shadow: 0 8px 28px rgba(7, 38, 95, .045); }
.admin-metric small { color: var(--navy-soft); font-size: .78rem; font-weight: 750; }
.admin-metric strong { font-size: 2rem; letter-spacing: -.04em; }
.admin-metric em { color: #72839e; font-size: .72rem; font-style: normal; }
.admin-metric__icon { position: absolute; top: 1rem; right: 1rem; width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: .65rem; color: #087b74; background: #e4f6f3; font-size: 1rem; font-weight: 850; }
.admin-metric--attention .admin-metric__icon { color: #9a6300; background: #fff2cf; }
.admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 1rem; margin: 1rem 0; }
.admin-grid--charts { grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr); }
.admin-grid--detail { grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr); }
.admin-panel, .admin-table-card { overflow: hidden; border: 1px solid #dae4ef; border-radius: .9rem; background: #fff; box-shadow: 0 8px 28px rgba(7, 38, 95, .04); }
.admin-panel__heading { min-height: 4.7rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e3eaf2; padding: 1rem 1.2rem; }
.admin-panel__heading h2 { margin: 0; font-size: 1rem; }
.admin-panel__heading p { margin: .25rem 0 0; color: var(--navy-soft); font-size: .72rem; }
.admin-panel__heading > strong { color: var(--teal-dark); font-size: .78rem; }
.admin-panel__heading > a { color: var(--teal-dark); font-size: .76rem; font-weight: 800; text-decoration: none; }
.admin-bars { height: 13.5rem; display: flex; align-items: flex-end; justify-content: center; gap: clamp(.5rem, 2vw, 1.2rem); padding: 2rem 1.4rem 1rem; }
.admin-bar { width: min(3.2rem, 12%); height: 100%; display: grid; grid-template-rows: 1fr auto; align-items: end; gap: .55rem; text-align: center; }
.admin-bar > span { position: relative; min-height: .5rem; display: block; border-radius: .45rem .45rem .15rem .15rem; background: linear-gradient(180deg, #00a89c, #087c78); }
.admin-bar b { position: absolute; top: -.95rem; left: 50%; color: var(--navy); font-size: .66rem; transform: translateX(-50%); }
.admin-bar small { color: var(--navy-soft); font-size: .65rem; }
.admin-distribution { min-height: 13.5rem; display: grid; align-content: center; gap: 1.1rem; padding: 1.2rem; }
.admin-distribution__row { display: grid; grid-template-columns: 7rem minmax(3rem, 1fr) 2rem; align-items: center; gap: .7rem; font-size: .76rem; }
.admin-distribution__row > span { display: flex; align-items: center; gap: .4rem; color: var(--navy-soft); }
.admin-distribution__row > div { height: .45rem; overflow: hidden; border-radius: 1rem; background: #edf2f7; }
.admin-distribution__row > div i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #0b7b78, #17b1a5); }
.admin-height--10 { height: 10%; }.admin-height--20 { height: 20%; }.admin-height--30 { height: 30%; }.admin-height--40 { height: 40%; }.admin-height--50 { height: 50%; }.admin-height--60 { height: 60%; }.admin-height--70 { height: 70%; }.admin-height--80 { height: 80%; }.admin-height--90 { height: 90%; }.admin-height--100 { height: 100%; }
.admin-width--0 { width: 0; }.admin-width--10 { width: 10%; }.admin-width--20 { width: 20%; }.admin-width--30 { width: 30%; }.admin-width--40 { width: 40%; }.admin-width--50 { width: 50%; }.admin-width--60 { width: 60%; }.admin-width--70 { width: 70%; }.admin-width--80 { width: 80%; }.admin-width--90 { width: 90%; }.admin-width--100 { width: 100%; }
.admin-status-dot { width: .55rem; height: .55rem; display: inline-block; border-radius: 50%; background: #0b9588; }
.admin-status-dot--in_progress { background: #7190b8; }.admin-status-dot--to_review { background: #dd9409; }.admin-status-dot--shortlisted { background: #0a9d78; }.admin-status-dot--rejected, .admin-status-dot--withdrawn { background: #c55366; }
.admin-compact-list { display: grid; }
.admin-compact-list > a { min-height: 4.15rem; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .75rem; border-bottom: 1px solid #edf1f6; padding: .65rem 1.2rem; text-decoration: none; }
.admin-compact-list > a:last-child { border-bottom: 0; }
.admin-compact-list > a:hover { background: #f7fbfb; }
.admin-compact-list > a > span:nth-child(2), .admin-company-cell > span, .admin-user-cell > span { min-width: 0; display: grid; gap: .15rem; }
.admin-compact-list strong, .admin-company-cell strong, .admin-user-cell strong { overflow: hidden; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-compact-list small, .admin-company-cell small, .admin-user-cell small, .admin-table__row > span small { overflow: hidden; color: var(--navy-soft); font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.admin-compact-list em { color: var(--navy-soft); font-size: .68rem; font-style: normal; }
.admin-initial--company { color: #315886; background: #e9f0fa; }
.admin-initial--large { width: 4.4rem; height: 4.4rem; border-radius: 1rem; font-size: 1.5rem; }
.admin-badge { display: inline-flex; width: max-content; border-radius: 2rem; padding: .32rem .55rem; color: #315886; background: #e9f0fa; font-size: .68rem; font-style: normal; font-weight: 800; }
.admin-badge--active { color: #08745f; background: #e1f6ef; }.admin-badge--pending { color: #8a5b00; background: #fff3ce; }.admin-badge--suspended { color: #a9253a; background: #ffe9ed; }
.admin-audit { margin-top: 1rem; }
.admin-audit__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; padding: .5rem 1.2rem; }
.admin-audit__list > div { min-height: 3.5rem; display: flex; align-items: center; gap: .7rem; border-bottom: 1px solid #edf1f6; }
.admin-audit__list p { display: grid; gap: .15rem; margin: 0; }
.admin-audit__list strong { font-size: .76rem; }.admin-audit__list small { color: var(--navy-soft); font-size: .67rem; }
.admin-empty { margin: auto; padding: 1.5rem; color: var(--navy-soft); font-size: .82rem; text-align: center; }
.admin-empty--left { margin: 0; text-align: left; }
.admin-filters { display: flex; align-items: center; gap: .65rem; margin-bottom: 1rem; border: 1px solid #dae4ef; border-radius: .85rem; padding: .7rem; background: #fff; }
.admin-filters--compact .admin-search { max-width: 32rem; }
.admin-filters label:not(.admin-search) { flex: 0 0 10.5rem; }
.admin-filters select, .admin-search input { width: 100%; height: 2.7rem; border: 1px solid #d1dce9; border-radius: .55rem; padding: 0 .75rem; color: var(--navy); background: #fff; }
.admin-search { min-width: 15rem; display: flex; flex: 1; align-items: center; }
.admin-search > span { position: absolute; margin-left: .8rem; color: var(--navy-soft); }
.admin-search input { padding-left: 2.25rem; }
.admin-table { min-width: 50rem; }
.admin-table__head, .admin-table__row { display: grid; align-items: center; gap: 1rem; padding: .78rem 1rem; }
.admin-table--users .admin-table__head, .admin-table--users .admin-table__row { grid-template-columns: minmax(15rem, 1.45fr) .65fr .65fr .8fr auto; }
.admin-table--organizations .admin-table__head, .admin-table--organizations .admin-table__row { grid-template-columns: minmax(13rem, 1.4fr) minmax(11rem, 1fr) .45fr .45fr .55fr auto; }
.admin-table__head { color: #708099; background: #f4f7fb; font-size: .7rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.admin-table__row { min-height: 4.5rem; border-top: 1px solid #e5ebf2; color: #354e70; font-size: .78rem; }
.admin-table__row > span:not(.admin-user-cell):not(.admin-company-cell) { display: grid; gap: .15rem; }
.admin-user-cell, .admin-company-cell { min-width: 0; display: flex; align-items: center; gap: .7rem; }
.admin-table-card { overflow-x: auto; }
.admin-pagination { display: flex; justify-content: center; gap: .35rem; margin-top: 1.2rem; }
.admin-pagination a { width: 2.3rem; height: 2.3rem; display: grid; place-items: center; border: 1px solid var(--line); border-radius: .5rem; color: var(--navy-soft); background: #fff; font-size: .78rem; text-decoration: none; }
.admin-pagination a.is-active { border-color: var(--teal); color: #fff; background: var(--teal-dark); }
.admin-back { display: inline-flex; margin-bottom: 1.2rem; color: var(--teal-dark); font-size: .8rem; font-weight: 800; text-decoration: none; }
.admin-detail-heading { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.6rem; }
.admin-detail-heading h1 { margin-top: .35rem; font-size: 2.25rem; }
.admin-detail-heading p { margin: .35rem 0 0; color: var(--navy-soft); font-size: .85rem; }
.admin-detail-stats { display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; margin-bottom: 1rem; border: 1px solid #dae4ef; border-radius: .85rem; background: #fff; }
.admin-detail-stats > div { display: grid; gap: .3rem; border-right: 1px solid #e2e9f1; padding: 1rem 1.15rem; }
.admin-detail-stats > div:last-child { border-right: 0; }
.admin-detail-stats small { color: var(--navy-soft); font-size: .7rem; }.admin-detail-stats strong { font-size: .92rem; }
.admin-form-panel { overflow: visible; }
.admin-password-panel { margin-top: 1.4rem; }
.admin-password-panel__notice { margin: 0; color: var(--navy-soft); font-size: .72rem; line-height: 1.5; }
.admin-form { display: grid; gap: 1rem; padding: 1.2rem; }
.admin-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.admin-form .field__label { font-size: .78rem; }.admin-form .field__input { height: 3.1rem; background: #fff; }
.admin-form .field small { color: var(--navy-soft); font-size: .7rem; line-height: 1.4; }
.admin-form > .button { justify-self: start; margin-top: .25rem; }
.admin-account-state { padding-bottom: 1rem; }
.admin-account-state dl { display: grid; gap: .7rem; margin: 0; padding: 1rem 1.2rem; }
.admin-account-state dl > div { display: flex; justify-content: space-between; gap: 1rem; font-size: .78rem; }.admin-account-state dt { color: var(--navy-soft); }.admin-account-state dd { margin: 0; font-weight: 800; }
.admin-account-state > form { padding: 0 1.2rem 1rem; }.admin-account-state > h3 { margin: .4rem 1.2rem; font-size: .8rem; }
.admin-membership { display: grid; gap: .18rem; margin: .55rem 1.2rem; border: 1px solid #e2e9f1; border-radius: .6rem; padding: .7rem; text-decoration: none; }
.admin-membership strong { font-size: .76rem; }.admin-membership small { color: var(--navy-soft); font-size: .67rem; }
.admin-guidance { display: grid; grid-template-columns: auto 1fr; gap: .75rem; margin: 1rem 1.2rem; }
.admin-guidance > span { width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-dark); background: var(--teal-pale); font-size: .72rem; font-weight: 850; }
.admin-guidance p { display: grid; gap: .18rem; margin: 0; }.admin-guidance strong { font-size: .78rem; }.admin-guidance small { color: var(--navy-soft); font-size: .68rem; line-height: 1.4; }

/* Espaces candidat et recruteur */
.portal-shell { min-height: 100vh; display: grid; grid-template-columns: 16.5rem minmax(0, 1fr); background: #f5f8fb; }
.portal-sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; border-right: 1px solid #dce5ee; padding: 1.45rem 1.15rem 1rem; background: #fff; }
.portal-sidebar__brand { margin: .15rem .65rem 2.15rem; }
.portal-sidebar__label { margin: 0 .65rem .65rem; color: #8794a8; font-size: .66rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.portal-nav { display: grid; gap: .28rem; }
.portal-nav__link { min-height: 2.85rem; display: flex; align-items: center; gap: .75rem; border-radius: .65rem; padding: .65rem .75rem; color: #536783; font-size: .82rem; font-weight: 750; text-decoration: none; }
.portal-nav__link > span { width: 1.45rem; height: 1.45rem; display: grid; place-items: center; color: #71839d; font-size: 1.05rem; }
.portal-nav__link:hover { color: var(--teal-dark); background: #f1faf9; }
.portal-nav__link--active { color: var(--teal-dark); background: #e8f7f5; }
.portal-nav__link--active > span { color: var(--teal); }
.portal-sidebar__promise { display: grid; grid-template-columns: auto 1fr; gap: .65rem; margin: auto 0 1rem; border-radius: .75rem; padding: .85rem; color: #31586f; background: linear-gradient(145deg, #edf9f7, #eff5fb); }
.portal-sidebar__promise > span { width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--teal); font-weight: 850; }
.portal-sidebar__promise p { display: grid; gap: .22rem; margin: 0; }.portal-sidebar__promise strong { font-size: .72rem; }.portal-sidebar__promise small { color: #71839d; font-size: .64rem; line-height: 1.4; }
.portal-sidebar__account { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; border-top: 1px solid #e5ebf1; padding: 1rem .35rem .55rem; }
.portal-sidebar__avatar, .portal-application__avatar { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--teal-dark), #12b7aa); font-size: .78rem; font-weight: 850; }
.portal-sidebar__account > span:nth-child(2) { min-width: 0; display: grid; gap: .1rem; }.portal-sidebar__account strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }.portal-sidebar__account small { color: #8290a3; font-size: .62rem; }
.portal-sidebar__account > a { color: #7b899b; font-size: 1.2rem; text-decoration: none; }
.portal-sidebar__logout button { border: 0; padding: .35rem; color: #76869b; background: transparent; font-size: .67rem; cursor: pointer; }
.portal-main { min-width: 0; width: min(88rem, 100%); margin: 0 auto; padding: 2.5rem clamp(1.4rem, 3vw, 3.25rem) 4rem; }
.portal-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; margin-bottom: 1.7rem; }
.portal-heading h1 { margin: 0; font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.045em; }.portal-heading h1 span { font-size: .75em; }
.portal-heading > div > p:last-child { max-width: 42rem; margin: .55rem 0 0; color: #687b96; font-size: .88rem; line-height: 1.55; }
.portal-heading__actions { display: flex; align-items: center; gap: .75rem; }
.portal-organization { display: flex; align-items: center; gap: .55rem; border: 1px solid #dce5ee; border-radius: .65rem; padding: .5rem .75rem; background: #fff; }
.portal-organization > i { width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border-radius: .45rem; color: var(--teal-dark); background: var(--teal-pale); font-style: normal; }
.portal-organization > span { display: grid; gap: .08rem; }.portal-organization small { color: #8290a3; font-size: .58rem; }.portal-organization strong { max-width: 10rem; overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.portal-notice { margin: 0 0 1rem; }
.portal-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.portal-metric { min-width: 0; display: grid; grid-template-columns: auto 1fr; gap: .2rem .7rem; border: 1px solid #dce5ee; border-radius: .8rem; padding: 1rem; background: #fff; box-shadow: 0 8px 25px rgba(23, 52, 87, .04); }
.portal-metric > span { grid-row: 1 / span 2; width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border-radius: .65rem; font-weight: 850; }
.portal-metric > div { display: grid; }.portal-metric strong { font-size: 1.45rem; line-height: 1; }.portal-metric small { margin-top: .28rem; color: #71839b; font-size: .67rem; }
.portal-metric > a { grid-column: 1 / -1; margin-top: .65rem; color: #56708d; font-size: .65rem; font-weight: 750; text-decoration: none; }
.portal-metric--teal > span { color: #087d74; background: #e2f6f2; }.portal-metric--blue > span { color: #315e9a; background: #e8f0fb; }.portal-metric--amber > span { color: #986a0b; background: #fff3d5; }.portal-metric--green > span { color: #08745f; background: #e0f6ed; }
.portal-grid { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(17rem, .8fr); gap: 1rem; margin-bottom: 1rem; }
.portal-panel { overflow: hidden; border: 1px solid #dce5ee; border-radius: .85rem; background: #fff; box-shadow: 0 8px 25px rgba(23, 52, 87, .04); }
.portal-panel__heading { min-height: 4.6rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e6ecf2; padding: .9rem 1.1rem; }
.portal-panel__heading h2 { margin: 0; font-size: .98rem; }.portal-panel__heading p { margin: .22rem 0 0; color: #7c8ba0; font-size: .67rem; }.portal-panel__heading > a { color: var(--teal-dark); font-size: .68rem; font-weight: 800; text-decoration: none; }
.portal-count { border-radius: 2rem; padding: .38rem .65rem; color: #61738c; background: #f0f4f8; font-size: .65rem; font-weight: 800; }
.portal-empty { min-height: 10rem; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1rem; padding: 1.2rem; }
.portal-empty > span { width: 2.8rem; height: 2.8rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-dark); background: var(--teal-pale); font-size: 1.2rem; }
.portal-empty strong { font-size: .8rem; }.portal-empty p { max-width: 30rem; margin: .3rem 0 0; color: #75869d; font-size: .68rem; line-height: 1.5; }
.portal-empty--compact { min-height: 8rem; }
.portal-application-list, .portal-action-list, .candidate-interview-list { display: grid; }
.portal-application { min-height: 4.15rem; display: grid; grid-template-columns: auto minmax(9rem, 1fr) auto 3.2rem auto; align-items: center; gap: .75rem; border-top: 1px solid #edf1f5; padding: .7rem 1rem; color: inherit; text-decoration: none; }
.portal-application:first-child { border-top: 0; }.portal-application:hover { background: #f8fbfc; }
.portal-application__identity { min-width: 0; display: grid; gap: .15rem; }.portal-application__identity strong { overflow: hidden; font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }.portal-application__identity small { overflow: hidden; color: #7a899d; font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }
.portal-application__score { display: flex; align-items: baseline; justify-content: center; }.portal-application__score strong { color: var(--teal-dark); font-size: .9rem; }.portal-application__score small { color: #8390a3; font-size: .55rem; }
.portal-pill { display: inline-flex; width: max-content; border-radius: 2rem; padding: .32rem .55rem; color: #315886; background: #e8f0fb; font-size: .6rem; font-weight: 800; }
.portal-pill--published, .portal-pill--shortlisted, .portal-pill--completed { color: #08745f; background: #e1f6ef; }.portal-pill--draft, .portal-pill--consent_pending, .portal-pill--in_progress { color: #8a5b00; background: #fff3ce; }.portal-pill--closed, .portal-pill--rejected, .portal-pill--withdrawn { color: #8d5660; background: #f3e9ec; }.portal-pill--to_review { color: #285f9b; background: #e5f0fb; }
.portal-action-list > a { min-height: 4.6rem; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; border-top: 1px solid #edf1f5; padding: .75rem 1rem; color: inherit; text-decoration: none; }
.portal-action-list > a:first-child { border-top: 0; }.portal-action-list > a:hover { background: #f8fbfc; }
.portal-action-list > a > span { width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-dark); background: var(--teal-pale); font-size: .68rem; font-weight: 850; }
.portal-action-list p { display: grid; gap: .16rem; margin: 0; }.portal-action-list strong { font-size: .7rem; }.portal-action-list small { color: #7b899c; font-size: .62rem; line-height: 1.35; }.portal-action-list b { color: #94a1b2; font-size: 1rem; }
.portal-jobs { margin-top: 1rem; }
.portal-job-grid, .candidate-job-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; padding: 1rem; }
.portal-job { min-width: 0; display: grid; grid-template-columns: 1fr auto; gap: .8rem; border: 1px solid #e0e7ef; border-radius: .7rem; padding: .85rem; background: #fbfcfe; }
.portal-job h3 { margin: .55rem 0 .25rem; font-size: .82rem; }.portal-job p { overflow: hidden; margin: 0; color: #7c8ba0; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.portal-job dl { display: flex; gap: .55rem; margin: 0; }.portal-job dl > div { display: grid; align-content: start; justify-items: center; }.portal-job dt { color: #8491a3; font-size: .53rem; }.portal-job dd { order: -1; margin: 0; color: var(--teal-dark); font-size: .9rem; font-weight: 850; }
.portal-job > a { grid-column: 1 / -1; color: var(--teal-dark); font-size: .64rem; font-weight: 800; text-decoration: none; }
.candidate-overview { display: grid; grid-template-columns: minmax(0, 2fr) minmax(15rem, .7fr); gap: 1rem; margin-bottom: 1rem; }
.candidate-next-step { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.25rem; border: 1px solid #bfe4df; border-radius: .9rem; padding: 1.4rem; background: linear-gradient(120deg, #fff 0, #fff 62%, #ecf9f7 100%); box-shadow: 0 10px 30px rgba(0, 153, 143, .06); }
.candidate-next-step__signal { width: 5.7rem; height: 5.7rem; display: grid; place-items: center; align-content: center; gap: .2rem; border-radius: 50%; color: var(--teal-dark); background: #dff5f1; }
.candidate-next-step__signal span { font-size: 1.75rem; font-weight: 850; }.candidate-next-step__signal small { font-size: .56rem; font-weight: 750; text-align: center; }
.candidate-next-step__content h2 { margin: 0; font-size: 1.35rem; letter-spacing: -.025em; }.candidate-next-step__content > p { max-width: 38rem; margin: .55rem 0 1rem; color: #687c95; font-size: .77rem; line-height: 1.55; }
.candidate-next-step__proofs { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin: .25rem 0 0; border-top: 1px solid #dcebe8; padding: 1rem 0 0; list-style: none; }
.candidate-next-step__proofs li { display: grid; grid-template-columns: auto 1fr; gap: .45rem; }.candidate-next-step__proofs li > span { width: 1.35rem; height: 1.35rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-dark); background: #ddf4ef; font-size: .65rem; font-weight: 900; }
.candidate-next-step__proofs p { display: grid; gap: .12rem; margin: 0; }.candidate-next-step__proofs strong { font-size: .65rem; }.candidate-next-step__proofs small { color: #7b8b9e; font-size: .56rem; line-height: 1.35; }
.candidate-scorecard { overflow: hidden; border: 1px solid #dce5ee; border-radius: .9rem; padding: 1.2rem; background: #fff; }
.candidate-scorecard > div { display: grid; justify-items: center; margin: .3rem 0 1rem; border-radius: .75rem; padding: 1.15rem; background: #f0faf8; }.candidate-scorecard > div strong { color: var(--teal-dark); font-size: 2.35rem; line-height: 1; }.candidate-scorecard > div span { margin-top: .35rem; color: #61768d; font-size: .64rem; }
.candidate-scorecard dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 1rem; }.candidate-scorecard dl > div { display: grid; justify-items: center; border-right: 1px solid #e1e8ef; }.candidate-scorecard dl > div:last-child { border-right: 0; }.candidate-scorecard dt { color: #7d8b9e; font-size: .56rem; }.candidate-scorecard dd { order: -1; margin: 0 0 .2rem; font-size: 1rem; font-weight: 850; }
.candidate-scorecard > a { display: block; color: var(--teal-dark); font-size: .66rem; font-weight: 800; text-align: center; text-decoration: none; }
.candidate-jobs, .candidate-history { margin-top: 1rem; scroll-margin-top: 1rem; }
.candidate-job { min-width: 0; display: grid; align-content: start; border: 1px solid #e0e7ef; border-radius: .75rem; padding: 1rem; background: #fbfcfe; }
.candidate-job__company { display: flex; align-items: center; gap: .55rem; }.candidate-job__company > span { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: .45rem; color: var(--teal-dark); background: var(--teal-pale); font-size: .75rem; font-weight: 850; }.candidate-job__company p { display: grid; gap: .1rem; margin: 0; }.candidate-job__company strong { font-size: .68rem; }.candidate-job__company small { color: #8290a3; font-size: .57rem; }
.candidate-job h3 { margin: .9rem 0 .3rem; font-size: .9rem; }.candidate-job > p { margin: 0 0 1rem; color: #71839a; font-size: .64rem; line-height: 1.45; }.candidate-job form, .candidate-job > .portal-pill, .candidate-job__waiting { margin-top: auto; justify-self: start; }.candidate-job__waiting { color: #7b899b; font-size: .6rem; }
.candidate-interview { min-height: 4.4rem; display: grid; grid-template-columns: auto minmax(9rem, 1fr) minmax(6rem, .8fr) auto auto; align-items: center; gap: .85rem; border-top: 1px solid #edf1f5; padding: .75rem 1rem; color: inherit; text-decoration: none; }.candidate-interview:first-child { border-top: 0; }.candidate-interview:hover { background: #f8fbfc; }
.candidate-interview__icon { width: 2.2rem; height: 2.2rem; display: grid; place-items: center; border-radius: 50%; color: var(--teal-dark); background: var(--teal-pale); font-weight: 850; }
.candidate-interview__identity { min-width: 0; display: grid; gap: .15rem; }.candidate-interview__identity strong { overflow: hidden; font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }.candidate-interview__identity small { color: #7b899b; font-size: .62rem; }
.candidate-interview__progress { width: 100%; height: .38rem; overflow: hidden; border: 0; border-radius: 1rem; background: #e4ebf1; appearance: none; }.candidate-interview__progress::-webkit-progress-bar { background: #e4ebf1; }.candidate-interview__progress::-webkit-progress-value { background: var(--teal); }.candidate-interview__progress::-moz-progress-bar { background: var(--teal); }

@media (max-width: 800px) {
    .site-header, .site-footer, .auth-header, .auth-footer, .workspace-header { width: min(100% - 2rem, 90rem); }
    .site-header { grid-template-columns: 1fr auto; }
    .site-nav { display: none; }
    .site-header__actions { gap: .5rem; }
    .site-header .button--text { display: none; }
    .hero { margin-top: 2rem; }
    .hero__title { font-size: clamp(2.45rem, 12vw, 4rem); }
    .hero__lead br { display: none; }
    .qualification-card { width: calc(100% - 2rem); padding: 1.35rem; }
    .qualification-card__heading { display: grid; }
    .qualification-card__grid, .audiences__grid, .steps__list { grid-template-columns: 1fr; }
    .pricing-grid, .pricing-details { width: calc(100% - 2rem); grid-template-columns: 1fr; }
    .pricing-grid { max-width: 34rem; gap: 1.6rem; }
    .pricing-details { max-width: 34rem; }
    .pricing-detail + .pricing-detail { border-top: 1px solid #d5e7e6; border-left: 0; padding-top: 1rem; }
    .signal-card, .signal-card:first-child { padding: 1.2rem 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .signal-card:last-child { border-bottom: 0; }
    .audiences { width: calc(100% - 2rem); }
    .audiences__grid { gap: 2.5rem; }
    .audience + .audience { padding: 2.5rem 0 0; border-top: 1px solid var(--line); border-left: 0; }
    .steps__list { gap: 2.5rem; }
    .site-footer { padding: 1.2rem 0; align-items: flex-start; }
    .site-footer__nav { flex-wrap: wrap; justify-content: flex-end; gap: .8rem 1.2rem; }
    .auth-header { min-height: 5.5rem; }
    .auth-main { padding-top: 2rem; }
    .auth-card__subtitle { margin-bottom: 2rem; }
    .team-heading { align-items: flex-start; flex-direction: column; }
    .team-summary, .team-layout { grid-template-columns: 1fr; }
    .team-summary__item { border-right: 0; border-bottom: 1px solid var(--line); }
    .team-summary__item:last-child { border-bottom: 0; }
    .jobs-heading, .job-create__heading { align-items: flex-start; flex-direction: column; }
    .job-heading-badges { justify-items: start; }
    .job-form__content { grid-template-columns: 1fr; }
    .access-panel { position: static; }
    .job-card { grid-template-columns: 1fr; }
    .job-card__stats div:first-child { border-left: 0; }
    .job-card__actions { justify-content: flex-start; }
    .candidate-heading { align-items: flex-start; flex-direction: column; }
    .candidate-start { grid-template-columns: 1fr; }
    .candidate-start__signal { width: 7.5rem; height: 7.5rem; }
    .candidate-start form { grid-column: auto; }
    .pipeline-table__head { display: none; }
    .pipeline-row { grid-template-columns: 1fr auto; }
    .pipeline-row > span:nth-child(2), .pipeline-row > span:nth-child(3), .pipeline-row > span:nth-child(4) { grid-column: 1; }
    .pipeline-row > a { grid-column: 2; grid-row: 1 / span 4; }
    .result-layout { grid-template-columns: 1fr; }
    .decision-panel { position: static; }
    .admin-shell { grid-template-columns: 1fr; }
    .admin-sidebar { position: static; z-index: 5; width: 100%; height: auto; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .6rem 1rem; border-right: 0; border-bottom: 1px solid var(--line); padding: .85rem 1rem; }
    .admin-sidebar__brand { margin: 0; }
    .admin-nav { grid-column: 1 / -1; grid-row: 2; display: flex; gap: .35rem; overflow-x: auto; overflow-y: hidden; padding: .15rem .05rem .3rem; }
    .admin-nav__group { display: contents; }
    .admin-nav__heading { display: none; }
    .admin-nav__link { min-width: max-content; min-height: 2.6rem; padding: .4rem .75rem; }
    .admin-nav__icon { width: 1.35rem; height: 1.35rem; flex-basis: 1.35rem; }
    .admin-sidebar__account { grid-column: 2; grid-row: 1; justify-self: end; margin: 0; border: 0; padding: 0; }
    .admin-sidebar__account > span:nth-child(2) { display: none; }
    .admin-main { padding: 2rem 1rem 3rem; }
    .admin-heading { align-items: flex-start; flex-direction: column; gap: 1rem; }
    .admin-metrics { grid-template-columns: repeat(2, 1fr); }
    .admin-grid, .admin-grid--charts, .admin-grid--detail { grid-template-columns: 1fr; }
    .admin-audit__list { grid-template-columns: 1fr; }
    .admin-detail-stats { grid-template-columns: repeat(2, 1fr); }
    .admin-detail-stats > div:nth-child(2) { border-right: 0; }.admin-detail-stats > div:nth-child(-n+2) { border-bottom: 1px solid #e2e9f1; }
    .portal-shell { grid-template-columns: 1fr; }
    .portal-sidebar { position: static; z-index: 5; width: 100%; height: auto; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .7rem 1rem; border-right: 0; border-bottom: 1px solid #dce5ee; padding: .8rem 1rem; }
    .portal-sidebar__brand { margin: 0; }.portal-sidebar__label, .portal-sidebar__promise, .portal-sidebar__logout { display: none; }
    .portal-nav { grid-column: 1 / -1; grid-row: 2; display: flex; overflow-x: auto; padding-bottom: .1rem; }.portal-nav__link { min-width: max-content; }
    .portal-sidebar__account { grid-column: 2; grid-row: 1; justify-self: end; border: 0; padding: 0; }.portal-sidebar__account > span:nth-child(2), .portal-sidebar__account > a { display: none; }
    .portal-main { padding: 2rem 1rem 3rem; }
    .portal-heading { align-items: flex-start; flex-direction: column; }.portal-heading__actions { width: 100%; justify-content: space-between; }
    .portal-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .portal-grid, .candidate-overview { grid-template-columns: 1fr; }
    .portal-job-grid, .candidate-job-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
    .brand__image { max-width: 8.5rem; height: auto; }
    .button--large { width: 100%; min-width: 0; }
    .trust-list { align-items: flex-start; flex-direction: column; width: max-content; margin-inline: auto; }
    .audience { grid-template-columns: 1fr; }
    .audience__title { margin-top: 0; }
    .back-link span { display: none; }
    .form__row { align-items: flex-start; flex-direction: column; }
    .role-picker { grid-template-columns: 1fr; }
    .role-picker__legend { grid-column: auto; }
    .form__identity { grid-template-columns: 1fr; }
    .auth-footer { flex-wrap: wrap; gap: .7rem 1.2rem; padding: 1rem 0; }
    .workspace-header { flex-wrap: wrap; gap: .65rem 1rem; padding: .8rem 0; }
    .workspace-nav { order: 3; width: 100%; min-height: 2.7rem; justify-content: center; border-top: 1px solid var(--line); }
    .team-workspace { width: calc(100% - 2rem); padding-top: 2rem; }
    .jobs-workspace, .job-create { width: calc(100% - 2rem); padding-top: 2rem; }
    .organization-badge { width: 100%; }
    .team-form__grid, .member-picker { grid-template-columns: 1fr; }
    .member-picker__legend { grid-column: auto; }
    .member-row { grid-template-columns: auto minmax(0, 1fr); }
    .member-row .status-badge { grid-column: 2; justify-self: start; }
    .form-panel__grid { grid-template-columns: 1fr; }
    .field--wide { grid-column: auto; }
    .feature-actions, .job-form__footer { align-items: stretch; flex-direction: column; }
    .feature-actions .button, .job-form__footer .button { width: 100%; }
    .job-card__stats { grid-template-columns: repeat(2, 1fr); }
    .job-card__stats div { padding-inline: .4rem; }
    .job-card__stats div:nth-child(odd) { border-left: 0; }
    .job-lock-notice { grid-template-columns: auto 1fr; }
    .job-danger-zone { align-items: stretch; flex-direction: column; }
    .job-danger-zone form { justify-items: stretch; min-width: 0; }
    .candidate-workspace { width: calc(100% - 2rem); padding-top: 2rem; }
    .profile-workspace { width: calc(100% - 2rem); padding-top: 2rem; }
    .profile-card__person { align-items: flex-start; }
    .available-job, .pipeline-heading, .result-heading { align-items: stretch; flex-direction: column; }
    .available-job .button { width: 100%; }
    .available-job__waiting { max-width: none; text-align: left; }
    .pipeline-workspace, .result-workspace { width: calc(100% - 2rem); padding-top: 2rem; }
    .pipeline-metrics { grid-template-columns: 1fr 1fr; }
    .pipeline-metrics span:nth-child(2) { border-right: 0; }
    .pipeline-metrics span:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
    .pipeline-row { grid-template-columns: 1fr; }
    .pipeline-row > a { grid-column: 1; grid-row: auto; width: 100%; }
    .score-panel { grid-template-columns: 1fr; }
    .score-panel__value { width: 6.5rem; height: 6.5rem; }
    .interview-card, .answer-form__footer, .media-file { align-items: stretch; flex-direction: column; }
    .interview-card .button, .answer-form__footer .button { width: 100%; }
    .interview-header { width: calc(100% - 2rem); min-height: 5.2rem; }
    .question-page { width: calc(100% - 2rem); }
    .recorder__actions { flex-direction: column; }
    .media-file input { max-width: 100%; }
    .admin-metrics { grid-template-columns: 1fr; }
    .admin-alert { grid-template-columns: 1fr; gap: .3rem; }
    .admin-filters { align-items: stretch; flex-direction: column; }
    .admin-filters label:not(.admin-search), .admin-search { width: 100%; min-width: 0; flex-basis: auto; }
    .admin-form__grid { grid-template-columns: 1fr; }
    .admin-detail-heading { align-items: flex-start; }
    .admin-detail-heading h1 { font-size: 1.75rem; }
    .admin-detail-stats { grid-template-columns: 1fr; }
    .admin-detail-stats > div, .admin-detail-stats > div:nth-child(2) { border-right: 0; border-bottom: 1px solid #e2e9f1; }
    .admin-detail-stats > div:last-child { border-bottom: 0; }
    .portal-heading__actions { align-items: stretch; flex-direction: column; }.portal-heading__actions .button { width: 100%; }
    .portal-metrics { grid-template-columns: 1fr; }
    .portal-application { grid-template-columns: auto minmax(0, 1fr) auto; }.portal-application .portal-pill, .portal-application__score { grid-column: 2; justify-self: start; }.portal-application > span:last-child { grid-column: 3; grid-row: 1 / span 2; }
    .portal-job-grid, .candidate-job-grid { grid-template-columns: 1fr; }
    .portal-empty { grid-template-columns: auto minmax(0, 1fr); }.portal-empty .button { grid-column: 1 / -1; width: 100%; }
    .candidate-next-step { grid-template-columns: 1fr; }.candidate-next-step__signal { width: 4.8rem; height: 4.8rem; }.candidate-next-step__proofs { grid-column: auto; grid-template-columns: 1fr; }
    .candidate-interview { grid-template-columns: auto minmax(0, 1fr) auto; }.candidate-interview__progress, .candidate-interview .portal-pill { grid-column: 2; justify-self: stretch; }.candidate-interview > b { grid-column: 3; grid-row: 1 / span 3; }
}