/* Employer-only blocks use shared tokens; shared primitives stay in portal/css/styles.css. */

/* ============ Header ============ */
header.pt-employer-topbar {
    height: 80px; display: flex; align-items: center; justify-content: space-between;
    padding: 0 40px; border-bottom: 1px solid var(--pt-lunar-dust);
    position: sticky; top: 0; background: var(--pt-bg); z-index: 10;
}
header.pt-employer-topbar.pt-employer-topbar--centered { justify-content: center; }
header.pt-employer-topbar.pt-employer-topbar--centered .pt-employer-topbar__save-draft { display: none; }
.pt-employer-topbar__logo img { display: block; height: 28px; width: auto; }

/* ============ Stage / steps ============ */
.pt-employer-stage { min-height: calc(100vh - 80px); }
.pt-employer-step { display: none; animation: emp-fadeup .32s var(--pt-ease-paper) both; }
.pt-employer-step.is-active { display: block; }
@keyframes emp-fadeup { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

/* Reserve the header and progress bar height on both sides to center the card in the viewport. */
.pt-employer-wizard {
    display: grid; grid-template-columns: 1fr minmax(0, 720px) 1fr;
    align-items: center; align-content: safe center;
    min-height: calc(100vh - 2 * (80px + 4px));
    margin: 0 auto; padding: var(--pt-space-12) 40px;
}
.pt-employer-wizard > .pt-onboard-frame, .pt-employer-wizard > .pt-employer-card { grid-column: 2; }
.pt-employer-wizard > .pt-employer-fee { grid-column: 3; justify-self: center; }
.pt-employer-card {
    background: var(--pt-surface); border: 1px solid var(--pt-border);
    border-radius: var(--pt-radius-md); width: 720px; max-width: 100%;
}

/* The recap sits in the fog area of the shared .pt-onboard-frame. */
.pt-employer-card__summary {
    display: flex; align-items: flex-end; gap: var(--pt-space-3);
    padding: 14px 20px;
    font-size: var(--pt-text-sm); color: var(--pt-fg-muted); line-height: 1.5;
}
.pt-employer-card__summary-text { flex: 1; min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pt-employer-card__summary-text.is-open { -webkit-line-clamp: unset; }
.pt-employer-card__summary-more {
    border: 0; background: transparent; cursor: pointer; padding: 0; white-space: nowrap;
    flex-shrink: 0;
    color: var(--pt-rocket-flame); font-weight: 600; font-size: var(--pt-text-sm); font-family: var(--pt-font-body);
}
.pt-employer-card__body { padding: 40px var(--pt-space-12); }
.pt-employer-card__body--terms { padding-bottom: var(--pt-space-4); }
.pt-employer-card__foot {
    display: flex; align-items: center; justify-content: flex-end; gap: var(--pt-space-2);
    padding: var(--pt-space-4) var(--pt-space-12); border-top: 1px solid var(--pt-lunar-dust);
}
.pt-employer-card__foot .btn { height: 44px; padding: 0 20px; }
.pt-employer-card__foot .btn-light { background: var(--pt-cosmic-fog); }
.pt-employer-card__foot .btn-light:hover { background: var(--pt-lunar-dust); }
.pt-employer-card__title { text-align: center; font-size: var(--pt-text-xl); font-weight: 500; letter-spacing: -.02em; }
.pt-employer-card__sub { text-align: center; color: var(--pt-fg-muted); margin-top: 6px; }

/* ============ Step 0 — job prompt ============ */
.pt-employer-prompt {
    max-width: 660px; margin: 0 auto; padding: 0 var(--pt-space-6);
    min-height: calc(100vh - 80px);
    display: flex; flex-direction: column; justify-content: center;
    gap: var(--pt-space-6); transform: translateY(-6%);
}
.pt-employer-prompt__title { text-align: center; font-size: var(--pt-text-2xl); font-weight: 500; letter-spacing: -.01em; margin: 0; }
.pt-employer-prompt__sub { text-align: center; color: var(--pt-fg-muted); font-size: 18px; margin: -8px 0 0; }
.pt-employer-composer {
    background: var(--pt-surface); border: 1px solid var(--pt-border);
    border-radius: var(--pt-radius-lg); padding: var(--pt-space-4); transition: border-color .15s var(--pt-ease-paper);
}
.pt-employer-composer:focus-within { border-color: var(--pt-rocket-flame); }
.pt-employer-composer .pt-employer-composer__chips { display: flex; flex-wrap: wrap; gap: var(--pt-space-2); margin-bottom: var(--pt-space-1); }
.pt-employer-file-chip {
    display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 6px 0 10px;
    border: 1px solid var(--pt-lunar-dust); border-radius: var(--pt-radius-pill);
    font-size: 13px; color: var(--pt-fg-muted); background: var(--pt-surface);
}
.pt-employer-file-chip i.ph-file-pdf { color: var(--pt-red-alert); font-size: 15px; }
.pt-employer-file-chip .pt-employer-file-chip__remove { border: 0; background: transparent; cursor: pointer; color: var(--pt-fg-muted); display: flex; padding: 2px; border-radius: var(--pt-radius-pill); }
/* 13px sits between the xs and sm type steps, matching the chip label */
.pt-employer-file-chip .pt-employer-file-chip__remove i { font-size: 13px; }
.pt-employer-file-chip .pt-employer-file-chip__remove:hover { background: rgba(34, 35, 38, 0.04); }
.pt-employer-composer textarea {
    width: 100%; border: 0; outline: 0; resize: none; background: transparent;
    font-size: var(--pt-text-md); color: var(--pt-fg); padding: var(--pt-space-2) 6px var(--pt-space-1); min-height: 64px; line-height: 1.5;
    font-family: var(--pt-font-body);
}
.pt-employer-composer textarea::placeholder { color: var(--pt-fg-muted); }
.pt-employer-composer__bar { display: flex; align-items: center; justify-content: space-between; margin-top: var(--pt-space-1); }
.pt-employer-composer__action {
    width: 36px; height: 36px; border: 0; background: transparent; border-radius: var(--pt-radius-pill);
    display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
    color: var(--pt-rocket-flame); font-size: var(--pt-text-lg);
    transition: background .15s var(--pt-ease-paper), color .15s var(--pt-ease-paper), transform .15s var(--pt-ease-paper);
}
.pt-employer-composer__action:hover { background: rgba(237, 96, 51, 0.08); color: #d95428; }
.pt-employer-composer__action:active { transform: scale(0.94); }
.pt-employer-composer__action.is-dictating { color: var(--pt-rocket-flame); background: rgba(237, 96, 51, 0.08); }
@media (prefers-reduced-motion: no-preference) {
    .pt-employer-composer__action.is-dictating { animation: pt-mic-pulse 1.6s ease-in-out infinite; }
    @keyframes pt-mic-pulse { 50% { opacity: 0.55; } }
}
.pt-employer-composer__send {
    width: 40px; height: 40px; border-radius: var(--pt-radius-pill); border: 0; cursor: pointer;
    background: var(--pt-rocket-flame); color: #fff; font-size: 18px;
    display: inline-flex; align-items: center; justify-content: center;
    transition: transform .15s var(--pt-ease-paper), background .15s var(--pt-ease-paper);
}
.pt-employer-composer__send:hover { background: #d95428; }
.pt-employer-composer__send:active { transform: scale(0.94); }
.pt-employer-composer__send:disabled { background: var(--pt-lunar-dust); color: var(--pt-fg-muted); cursor: not-allowed; }
.pt-employer-composer__send:disabled:hover { background: var(--pt-lunar-dust); }
.pt-employer-composer__send:disabled:active { transform: none; }
.pt-employer-prompt__coming-soon { text-align: center; color: var(--pt-fg-muted); font-size: 15px; margin: var(--pt-space-3) 0 0; }
.pt-employer-composer__bar .pt-employer-composer__actions { display: flex; align-items: center; gap: var(--pt-space-1); }

/* ============ Fee sidebar ============ */
.pt-employer-fee {
    width: 300px; flex: 0 0 300px; border: 1px solid var(--pt-border);
    border-radius: 10px; background: rgba(226, 222, 221, 0.2); padding: var(--pt-space-1);
}
.pt-employer-fee__head { padding: 10px var(--pt-space-4); }
.pt-employer-fee__label { font-size: var(--pt-text-md); color: var(--pt-fg-muted); }

/* price — prior 24px look, structured for the was->now reveal */
.pt-employer-fee__price { position: relative; }
.pt-employer-fee__amount { font-size: var(--pt-text-xl); font-weight: 600; letter-spacing: -.04em; line-height: 1.3; }
.pt-employer-fee__now { position: absolute; left: 0; right: 0; top: 0; opacity: 0; transform: translateY(8px); }
.pt-employer-fee__was { position: relative; display: inline-block; vertical-align: top; }
.pt-employer-fee__strike {
    position: absolute; left: 0; right: 0; top: 50%; height: 2px;
    background: var(--pt-rocket-flame); transform: scaleX(0); transform-origin: left;
}

/* The visible discount control sizes the slot; the hidden control overlaps it for the cross-fade. */
.pt-employer-discount__slot { position: relative; margin-bottom: var(--pt-space-2); }
.pt-employer-discount__form {
    position: relative; display: flex; align-items: center; height: 40px;
    padding: 0 6px 0 var(--pt-space-4); background: var(--pt-surface);
    border: 1px solid var(--pt-lunar-dust); border-radius: var(--pt-radius-pill);
}
.pt-employer-discount__input {
    flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0;
    background: transparent; font-size: var(--pt-text-sm); color: var(--pt-fg); font-family: var(--pt-font-body);
}
.pt-employer-discount__input::placeholder { color: var(--pt-fg-muted); }
.pt-employer-discount__apply {
    border: 0; background: transparent; cursor: pointer; padding: 6px 10px;
    font-size: var(--pt-text-sm); font-weight: 500; color: var(--pt-fg-muted); font-family: var(--pt-font-body);
    border-radius: var(--pt-radius-pill);
}
button.pt-employer-discount__apply:hover { color: var(--pt-graphite-core); }
.pt-employer-discount__apply:disabled { opacity: .6; cursor: default; }

/* Keep the confirmation at input height so the Includes section does not shift. */
.pt-employer-discount__applied {
    position: absolute; left: 0; right: 0; top: 0;
    display: flex; align-items: center; gap: var(--pt-space-2); height: 40px;
    padding: 0 var(--pt-space-2) 0 14px; border-radius: 10px;
    background: var(--pt-galactic-seafoam-20); color: var(--pt-ink-on-seafoam-20);
    font-size: 13px; line-height: 1.3;
    opacity: 0; transform: translateY(12px); pointer-events: none;
}
.pt-employer-discount__applied > i { font-size: var(--pt-text-md); flex: 0 0 auto; }
.pt-employer-discount__applied-text { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pt-employer-discount__applied-text strong { font-weight: 600; }
.pt-employer-discount__applied form { display: contents; }
.pt-employer-discount__remove {
    flex: 0 0 auto; background: none; border: 0; cursor: pointer; color: inherit;
    opacity: .75; font-size: var(--pt-text-sm); line-height: 1; padding: 3px;
}
.pt-employer-discount__remove:hover { opacity: 1; }

/* Reduced-motion users reach this applied state immediately. */
.pt-employer-fee.is-applied .pt-employer-fee__strike { transform: scaleX(1); }
.pt-employer-fee.is-applied .pt-employer-fee__was { transform: translateY(-14px) scale(.9); opacity: 0; }
.pt-employer-fee.is-applied .pt-employer-fee__now { transform: translateY(0); opacity: 1; }
.pt-employer-fee.is-applied .pt-employer-discount__form { position: absolute; left: 0; right: 0; top: 0; transform: translateY(-10px); opacity: 0; pointer-events: none; }
.pt-employer-fee.is-applied .pt-employer-discount__applied { position: relative; transform: translateY(0); opacity: 1; pointer-events: auto; }

/* the "lift away" choreography — motion only */
@media (prefers-reduced-motion: no-preference) {
    .pt-employer-fee__now, .pt-employer-fee__was { transition: transform .2s var(--pt-ease-settle), opacity .2s var(--pt-ease-settle); }
    .pt-employer-fee__strike { transition: transform .12s var(--pt-ease-settle); }
    .pt-employer-discount__form, .pt-employer-discount__applied { transition: transform .2s var(--pt-ease-settle), opacity .2s var(--pt-ease-settle); }

    /* Departures accelerate away; delayed arrivals settle quickly. */
    .pt-employer-fee.is-applied .pt-employer-fee__strike { transition: transform .26s var(--pt-ease-typewriter); }
    .pt-employer-fee.is-applied .pt-employer-fee__was { transition: transform .3s var(--pt-ease-push) .28s, opacity .24s var(--pt-ease-push) .28s; }
    .pt-employer-fee.is-applied .pt-employer-fee__now { transition: transform .32s var(--pt-ease-paper) .32s, opacity .3s var(--pt-ease-paper) .32s; }
    .pt-employer-fee.is-applied .pt-employer-discount__form { transition: transform .22s var(--pt-ease-settle) .36s, opacity .18s var(--pt-ease-settle) .36s; }
    .pt-employer-fee.is-applied .pt-employer-discount__applied { transition: transform .28s var(--pt-ease-paper) .36s, opacity .24s var(--pt-ease-paper) .36s; }
}
.pt-employer-fee__includes { background: var(--pt-surface); border: 1px solid rgba(226, 222, 221, 0.8); border-radius: 8px; padding: var(--pt-space-4); }
.pt-employer-fee__includes-title { font-size: var(--pt-text-sm); font-weight: 500; letter-spacing: -.04em; margin-bottom: var(--pt-space-2); }
.pt-employer-fee__row {
    display: flex; align-items: center; gap: var(--pt-space-2); height: 32px; padding: var(--pt-space-1);
    border-radius: 4px; background: rgba(226, 222, 221, 0.2);
    color: var(--pt-fg-muted); font-size: var(--pt-text-sm); margin-bottom: var(--pt-space-1); white-space: nowrap;
}
.pt-employer-fee__row:last-child { margin-bottom: 0; }
.pt-employer-fee__row i { font-size: var(--pt-text-md); width: 24px; text-align: center; }

/* ============ Accordion (filters) ============ */
.pt-employer-accordion + .pt-employer-accordion { margin-top: var(--pt-space-8); }
.pt-employer-accordion__head {
    display: flex; align-items: center; gap: var(--pt-space-2); width: 100%;
    padding: var(--pt-space-1) 0; background: transparent; border: 0; cursor: pointer; text-align: left;
    font-family: var(--pt-font-body); font-size: var(--pt-text-md); font-weight: 500; letter-spacing: -.02em; color: var(--pt-fg);
}
.pt-employer-accordion__head i.pt-employer-accordion__icon { color: var(--pt-rocket-flame); font-size: var(--pt-text-lg); }
.pt-employer-accordion__head .pt-employer-accordion__caret { margin-left: auto; color: var(--pt-steel-gray); font-size: 18px; transition: transform .24s var(--pt-ease-paper); }
.pt-employer-accordion.is-open .pt-employer-accordion__head .pt-employer-accordion__caret { transform: rotate(180deg); }

/* Collapse with the caret; hide content from the tab order after the collapse finishes. */
.pt-employer-accordion__panel { display: grid; grid-template-rows: 0fr; }
.pt-employer-accordion__inner { overflow: hidden; min-height: 0; visibility: hidden; padding-top: var(--pt-space-4); }
.pt-employer-accordion.is-open .pt-employer-accordion__panel { grid-template-rows: 1fr; }
.pt-employer-accordion.is-open .pt-employer-accordion__inner { visibility: visible; }

@media (prefers-reduced-motion: no-preference) {
    .pt-employer-accordion__panel { transition: grid-template-rows .24s var(--pt-ease-paper); }
    .pt-employer-accordion__inner { transition: visibility 0s linear .24s; }
    .pt-employer-accordion.is-open .pt-employer-accordion__inner { transition-delay: 0s; }
}

.pt-employer-field-label { font-size: 13px; color: var(--pt-fg-muted); margin-bottom: var(--pt-space-2); display: block; }
.pt-employer-field-row { display: flex; gap: var(--pt-space-4); }
.pt-employer-field-row > div { flex: 1; }
/* Budget period segment beside the currency select, wrapping on narrow cards */
.pt-employer-budget-row { display: flex; flex-wrap: wrap; gap: var(--pt-space-4); align-items: flex-end; }
.pt-employer-budget-row__currency { flex: 1; min-width: 180px; }
/* Native select wearing the shared .input skin, with a drawn caret */
.pt-employer-select { position: relative; }
.pt-employer-select > i { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--pt-steel-gray); pointer-events: none; font-size: var(--pt-text-md); }
.pt-employer-select__input { appearance: none; -webkit-appearance: none; cursor: pointer; padding-right: 40px; }

.pt-employer-segment {
    display: inline-flex; background: var(--pt-surface); border: 1px solid var(--pt-lunar-dust);
    border-radius: var(--pt-radius-pill); padding: 2px;
}
.pt-employer-segment button {
    border: 1px solid transparent; background: transparent; cursor: pointer; height: 34px; padding: 0 18px;
    border-radius: var(--pt-radius-pill); font-size: var(--pt-text-sm); font-weight: 500; color: var(--pt-fg-muted);
    font-family: var(--pt-font-body);
    transition: background .15s var(--pt-ease-paper), color .15s var(--pt-ease-paper), transform .15s var(--pt-ease-paper);
}
.pt-employer-segment button:active { transform: scale(0.97); }
.pt-employer-segment button.is-selected { background: var(--pt-cosmic-fog); border-color: var(--pt-lunar-dust); color: var(--pt-graphite-core); }

.pt-employer-chip-row { display: flex; flex-wrap: wrap; gap: var(--pt-space-2); margin-top: var(--pt-space-3); }
.pt-employer-tag-chip {
    display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px;
    border: 1px solid var(--pt-lunar-dust); border-radius: var(--pt-radius-pill);
    font-size: var(--pt-text-sm); color: var(--pt-fg-muted); background: var(--pt-cosmic-fog);
}
.pt-employer-tag-chip .pt-employer-tag-chip__remove { cursor: pointer; display: flex; font-size: var(--pt-text-xs); }

/* Animate each newly keyed chip because x-transition cannot reach x-for children. */
@media (prefers-reduced-motion: no-preference) {
    .pt-employer-tag-chip { animation: emp-chip-in .15s var(--pt-ease-paper) both; }
    @keyframes emp-chip-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: none; } }
}

/* compensation histogram + ruler */
.pt-employer-histogram { display: flex; align-items: flex-end; gap: var(--pt-space-2); height: 72px; margin-top: var(--pt-space-6); }
.pt-employer-histogram .pt-employer-histogram__bar { flex: 1; background: var(--pt-cosmic-fog); border-radius: 4px; }
.pt-employer-histogram .pt-employer-histogram__bar.is-selected { background: var(--pt-galactic-seafoam); }
/* Static mock distribution, one height per bar in order */
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(1) { height: 11%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(2) { height: 17%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(3) { height: 21%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(4) { height: 27%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(5) { height: 34%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(6) { height: 41%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(7) { height: 47%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(8) { height: 51%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(9) { height: 60%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(10) { height: 69%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(11) { height: 76%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(12) { height: 83%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(13) { height: 89%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(14) { height: 94%; }
.pt-employer-histogram .pt-employer-histogram__bar:nth-child(15) { height: 100%; }
.pt-employer-ruler {
    position: relative; height: 12px; margin-top: 10px;
    background: repeating-linear-gradient(90deg, var(--pt-lunar-dust) 0 1.5px, transparent 1.5px 6px);
}
.pt-employer-ruler .pt-employer-ruler__fill {
    position: absolute; top: 0; bottom: 0; left: 53%; right: 13%;
    background: repeating-linear-gradient(90deg, var(--pt-galactic-seafoam) 0 1.5px, transparent 1.5px 6px);
}
.pt-employer-ruler .pt-employer-ruler__handle {
    position: absolute; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px;
    border-radius: var(--pt-radius-pill); background: #fff; border: 1px solid var(--pt-galactic-seafoam);
    display: flex; align-items: center; justify-content: center; font-size: 10px; color: var(--pt-galactic-seafoam);
}
.pt-employer-ruler .pt-employer-ruler__handle.pt-employer-ruler__handle--low { left: 53%; }
.pt-employer-ruler .pt-employer-ruler__handle.pt-employer-ruler__handle--high { left: 87%; }

/* ============ Pills (comms / call) ============ */
.pt-employer-options { display: flex; flex-wrap: wrap; gap: var(--pt-space-3); justify-content: center; margin-top: var(--pt-space-6); }
.pt-employer-options.pt-employer-options--start { justify-content: flex-start; }
.pt-employer-option {
    display: inline-flex; align-items: center; gap: var(--pt-space-2); height: 44px; padding: 0 18px;
    border: 1px solid var(--pt-lunar-dust); border-radius: var(--pt-radius-pill); background: var(--pt-surface);
    cursor: pointer; font-size: 15px; font-weight: 500; color: var(--pt-fg); font-family: var(--pt-font-body);
    transition: border-color .15s var(--pt-ease-paper), color .15s var(--pt-ease-paper), background .15s var(--pt-ease-paper),
                transform .15s var(--pt-ease-paper);
}
.pt-employer-option:hover { background: var(--pt-cosmic-fog); }
.pt-employer-option:active { transform: scale(0.97); }
.pt-employer-option:disabled:active { transform: none; }
.pt-employer-option.is-selected { border-color: var(--pt-rocket-flame); color: var(--pt-rocket-flame); }
.pt-employer-option svg { display: block; }
.pt-employer-option i.pt-employer-option__icon { color: var(--pt-rocket-flame); font-size: 18px; }
.pt-employer-option:disabled { opacity: .45; cursor: not-allowed; }
.pt-employer-option:disabled:hover { background: var(--pt-surface); }
.pt-employer-reveal { margin-top: var(--pt-space-6); display: none; }
.pt-employer-reveal.is-visible { display: block; animation: emp-fadeup .24s var(--pt-ease-paper) both; }
/* Phone field clears the pill row by 28px (no token step; 24 + 4) */
.pt-employer-reveal--phone { margin-top: calc(var(--pt-space-6) + var(--pt-space-1)); }

.pt-employer-phone-row { display: flex; gap: var(--pt-space-3); }
.pt-employer-country-code {
    display: flex; align-items: center; gap: var(--pt-space-2); height: 48px; padding: 0 var(--pt-space-3);
    border: 1px solid var(--pt-lunar-dust); border-radius: 14px; background: var(--pt-surface);
    cursor: pointer; font-size: 15px; color: var(--pt-fg); white-space: nowrap;
}
.pt-employer-country-code i { color: var(--pt-steel-gray); font-size: var(--pt-text-sm); }
.pt-employer-country-code .pt-employer-country-code__flag { width: 20px; height: 14px; border-radius: 3px; overflow: hidden; display: block; }

/* ============ Terms ============ */
.pt-employer-terms-scroll {
    max-height: 420px; overflow-y: auto; padding-right: var(--pt-space-4); margin-top: var(--pt-space-2);
    color: var(--pt-fg-muted); font-size: 15px; line-height: 1.6;
}
.pt-employer-terms-scroll h4 { color: var(--pt-graphite-core); font-size: 18px; font-weight: 500; margin: var(--pt-space-6) 0 var(--pt-space-2); }
.pt-employer-terms-scroll h4:first-child { margin-top: 0; }
.pt-employer-terms-scroll ul { margin: var(--pt-space-2) 0; padding-left: 22px; }
.pt-employer-terms-scroll::-webkit-scrollbar { width: 8px; }
.pt-employer-terms-scroll::-webkit-scrollbar-thumb { background: var(--pt-lunar-dust); border-radius: 8px; }
.pt-employer-terms-download { display: inline-flex; align-items: center; gap: 6px; margin-right: auto; font-size: var(--pt-text-xs); font-weight: 500; color: var(--pt-rocket-flame); }
.pt-employer-terms-download i { font-size: 13px; }
.pt-employer-agree { display: flex; align-items: center; gap: var(--pt-space-3); margin-top: 20px; font-size: 15px; cursor: pointer; }
.pt-employer-agree input { width: 20px; height: 20px; accent-color: var(--pt-rocket-flame); cursor: pointer; }

/* ============ Sales flow ============ */
.pt-employer-sales-id { display: none; grid-template-columns: 1fr 1fr; gap: var(--pt-space-4); margin-top: var(--pt-space-6); }
.pt-employer-sales-id.is-visible { display: grid; animation: emp-fadeup .24s var(--pt-ease-paper) both; }
.pt-employer-sales-id__full { grid-column: 1 / -1; }
.pt-employer-terms-download--inline { display: inline-flex; align-items: center; gap: var(--pt-space-1); margin-top: 10px; font-size: var(--pt-text-2xs); font-weight: 500; color: var(--pt-rocket-flame); }
.pt-employer-terms-download--inline i { font-size: var(--pt-text-xs); }
.pt-employer-terms-consent { margin-right: auto; font-size: 13px; color: var(--pt-fg-muted); }
.pt-employer-terms-scroll--card { border: 1px solid var(--pt-lunar-dust); border-radius: 8px; padding: var(--pt-space-4); margin: 20px 0; }

/* ============ Role launched (complete) ============ */
.pt-employer-success {
    min-height: calc(100vh - 160px); display: flex;
    align-items: center; justify-content: center; padding: 40px var(--pt-space-6);
}
.pt-employer-success__card {
    position: relative; width: 580px; max-width: 100%; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: var(--pt-space-4);
    padding: 44px 0 0; background: var(--pt-surface); border-radius: var(--pt-radius-lg);
    box-shadow: 0 12px 32px rgba(34, 35, 38, 0.08), 0 2px 8px rgba(34, 35, 38, 0.06);
}
.pt-employer-success__card .pt-employer-success__close {
    position: absolute; top: 16px; right: 16px; width: 32px; height: 32px;
    border: 0; background: transparent; border-radius: var(--pt-radius-pill);
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    color: var(--pt-fg-muted); font-size: 18px;
    transition: background .15s var(--pt-ease-paper), color .15s var(--pt-ease-paper);
}
.pt-employer-success__card .pt-employer-success__close:hover { background: rgba(34, 35, 38, 0.04); color: var(--pt-graphite-core); }
/* Achievement patch: radius clips the photo's white corners. */
.pt-employer-success .pt-employer-success__patch {
    width: 84px; height: 84px; border-radius: 12%;
}
.pt-employer-success h1 { font-family: var(--pt-font-body); font-weight: 500; font-size: 28px; letter-spacing: -.01em; line-height: 1.2; margin: 0; }
.pt-employer-success .pt-employer-success__sub { max-width: 380px; margin: -6px 0 0; color: var(--pt-fg-muted); font-size: var(--pt-text-md); line-height: 1.5; }
.pt-employer-launch {
    width: calc(100% - 48px); padding: 20px var(--pt-space-6); text-align: left;
    background: var(--pt-bg); border-radius: var(--pt-radius-md);
}
.pt-employer-launch__label { font-size: var(--pt-text-2xs); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--pt-fg-muted); }
.pt-employer-launch__title { margin: 10px 0 0; font-size: var(--pt-text-lg); font-weight: 600; color: var(--pt-graphite-core); }
.pt-employer-launch__company { margin: 2px 0 0; font-size: var(--pt-text-sm); font-weight: 500; color: var(--pt-fg-muted); }
.pt-employer-launch__desc { margin: 6px 0 0; font-size: var(--pt-text-sm); line-height: 1.5; color: var(--pt-fg-muted); }
.pt-employer-success__foot {
    width: 100%; margin-top: var(--pt-space-2); padding: 20px 0 var(--pt-space-6);
    border-top: 1px solid var(--pt-border);
}
/* The Slack walkthrough shares the launch summary inset. */
.pt-employer-success__foot .pt-employer-success__slack-accept {
    display: block; margin: 0 auto; width: calc(100% - 48px); max-width: 480px; height: auto;
}
.pt-employer-launch__meta {
    display: flex; flex-wrap: wrap; align-items: center; gap: var(--pt-space-3); margin-top: var(--pt-space-4);
    font-size: var(--pt-text-sm); font-weight: 500; color: var(--pt-graphite-core);
}
.pt-employer-launch__meta > span { display: inline-flex; align-items: center; gap: 6px; }
.pt-employer-launch__meta i { font-size: var(--pt-text-md); color: var(--pt-steel-gray); }
.pt-employer-launch__meta .pt-employer-launch__separator { width: 4px; height: 4px; border-radius: var(--pt-radius-pill); background: var(--pt-lunar-dust); }
.pt-employer-status {
    padding: var(--pt-space-1) var(--pt-space-3); border-radius: var(--pt-radius-pill); font-size: 13px;
    background: var(--pt-galactic-seafoam-20); color: var(--pt-graphite-core);
}
.pt-employer-status .pt-employer-status__dot { width: 6px; height: 6px; border-radius: var(--pt-radius-pill); background: var(--pt-galactic-seafoam); }

/* The Slack Connect prompt shares the launch summary framing. */
.pt-employer-connect {
    width: calc(100% - 48px); margin-top: var(--pt-space-1); padding: 18px 20px; text-align: left;
    display: flex; align-items: center; gap: var(--pt-space-4); flex-wrap: wrap;
    background: var(--pt-galactic-seafoam-20); border-radius: var(--pt-radius-md);
}
.pt-employer-connect__badge {
    flex: none; width: 40px; height: 40px; border-radius: var(--pt-radius-pill);
    display: flex; align-items: center; justify-content: center;
    background: var(--pt-surface); color: var(--pt-graphite-core); font-size: 22px;
}
.pt-employer-connect__copy { flex: 1; min-width: 180px; }
.pt-employer-connect__title { margin: 0; font-size: var(--pt-text-md); font-weight: 600; color: var(--pt-graphite-core); }
.pt-employer-connect__sub { margin: 2px 0 0; font-size: var(--pt-text-sm); line-height: 1.5; color: var(--pt-fg-muted); }
.pt-employer-connect__cta { flex: none; gap: var(--pt-space-2); }

/* ============ Field errors ============ */
/* Field errors and toasts live in the shared sheet; only the composer override stays here. */
.pt-employer-composer.is-invalid { border-color: var(--pt-red-alert); }

@media (max-width: 920px) {
    .pt-employer-wizard { display: flex; flex-direction: column; align-items: center; gap: 40px; padding: 40px 20px var(--pt-space-16); }
    .pt-employer-fee { width: 580px; max-width: 100%; }
    .pt-employer-card__body, .pt-employer-card__foot { padding-left: var(--pt-space-6); padding-right: var(--pt-space-6); }
}