/* Current workflow screens. Static SVGs keep their exported intrinsic sizes. */
.site-header.modern-header {grid-template-columns:minmax(74px,1fr) minmax(0,auto) minmax(74px,1fr);gap:8px}
.site-header.modern-header .modern-home {display:inline-flex;justify-self:start;align-items:center;gap:4px;width:auto;min-height:32px;padding:0;color:#123f2a;font:500 12px/18px var(--heading);white-space:nowrap}
.site-header.modern-header .modern-home .asset {flex:none;width:auto;height:auto}
.site-header.modern-header .modern-home .home-back-arrow {transform:rotate(180deg)}
.site-header.modern-header .language-switch {justify-self:end}
.site-header.modern-header .city-button {justify-self:center}
.social-posters .button img.asset {display:block;flex:none;width:auto;height:auto;max-width:none;max-height:none;object-fit:contain;border:0;border-radius:0;background:transparent}
.social-materials-dialog .button {min-width:0;white-space:normal}
.social-materials-dialog .button .asset {flex:none;align-self:center}
.social-materials-dialog .social-text-column .button {width:100%}
.social-materials-dialog .social-cover-image {flex:none}
.social-materials-dialog .social-close img {width:auto;height:auto;max-height:none;background:transparent}

.s-staff-actions {display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;margin-top:8px;border-top:1px solid #cbd3cf}
.s-staff-label {flex:1;min-width:0;color:#647069;font:400 11px/16px var(--body)}
.s-staff-buttons {display:flex;flex:none;align-items:center;gap:8px}
.s-staff-actions .admin-icon-action {display:flex;align-items:center;justify-content:center;flex:none;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;margin:0;border:0;border-radius:12px;background:#f7f8f7}
.s-staff-actions .admin-icon-action:hover {background:#dce6df}
.s-staff-actions .admin-icon-action .asset {width:auto;height:auto;flex:none}
.s-staff-buttons {flex-wrap:wrap;justify-content:flex-end}
.s-staff-actions .admin-icon-action {width:36px;min-width:36px;height:36px;min-height:36px}

/* Full-window tasks use viewport coordinates, independent of content width. */
.window-processing {position:fixed;inset:0;z-index:5;display:grid;place-items:center;width:100%;height:100vh;height:100dvh;min-width:0;padding:24px var(--site-gutter);margin:0;pointer-events:none}
.window-processing > .page-loader.processing {justify-self:center;align-self:center;margin:0}
.is-window-loading {min-height:100dvh}
dialog.action-dialog--editor {position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#123f2a}
.vacancy-editor {width:100%;min-height:100%;background:#fff;color:#123f2a}
.vacancy-editor-content {width:100%;max-width:1000px;margin:0 auto;padding:24px 20px 40px}
.vacancy-editor .social-heading {margin-bottom:24px}
.vacancy-editor .social-heading h2 {padding:0}
.vacancy-editor .social-close {position:relative;z-index:1}
.vacancy-editor-fields {min-width:0;margin:0;padding:0;border:0}
.vacancy-editor-section {display:flex;flex-direction:column;gap:16px;margin:0 0 24px;padding:20px;border:1px solid #dce6df;border-radius:16px;background:#fff}
.vacancy-editor-section h3,.vacancy-editor-section > summary {margin:0;font:600 18px/26px var(--heading);color:#123f2a}
.vacancy-editor-section > summary {cursor:pointer}
details.vacancy-editor-section {display:block}
details.vacancy-editor-section[open] > summary {margin-bottom:16px}
.vacancy-editor-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.vacancy-editor-field {display:flex;flex-direction:column;gap:8px;min-width:0;font:500 13px/20px var(--body)}
.vacancy-editor-field input,.vacancy-editor-field textarea,.vacancy-editor-field select {width:100%;min-width:0;min-height:44px;margin:0;padding:11px 12px;border:1px solid #cbd3cf;border-radius:12px;background:#fff;color:#123f2a;font:400 14px/22px var(--body)}
.vacancy-editor-field textarea {resize:vertical}
.vacancy-editor-field input:focus-visible,.vacancy-editor-field select:focus-visible,.vacancy-editor-field textarea:focus-visible {outline:2px solid #148345;outline-offset:2px}
.vacancy-editor-field small,.vacancy-editor .s-caption {color:#647069;font:400 12px/18px var(--body)}
.vacancy-editor-options {min-width:0;padding:12px;border-radius:12px;background:#f7f8f7;font:500 13px/20px var(--body)}
.vacancy-editor-options summary {cursor:pointer}.vacancy-editor-options summary span {margin-left:8px;color:#647069}
.vacancy-editor-options[open] > .vacancy-editor-field {margin-top:12px}
.vacancy-editor-choices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:240px;overflow-y:auto;margin-top:12px}
.vacancy-editor-choice {display:flex;align-items:flex-start;gap:8px;min-width:0;font:400 13px/20px var(--body)}
.vacancy-editor-choice[hidden] {display:none}
.vacancy-editor-choice input {flex:none;width:18px;height:18px;min-height:0;margin:1px 0 0;accent-color:#148345}
.vacancy-editor .button {min-width:0;white-space:normal;min-height:42px;padding:10px 14px;border-radius:12px;font:600 13px/20px var(--heading)}
.vacancy-editor .button-primary {background:#148345;color:#fff;border:0}
.vacancy-editor .button-secondary {background:#fff;color:#123f2a;border:1px solid #dce6df}
.vacancy-editor-save,.vacancy-editor-channel-actions {display:flex;flex-wrap:wrap;gap:12px}
.vacancy-editor-save {position:sticky;bottom:0;z-index:2;padding:16px 0;margin-bottom:24px;background:#fff;border-top:1px solid #dce6df}
.vacancy-editor-save > .button {flex:1}
.vacancy-editor-feedback {margin:12px 0;color:#123f2a;font:500 14px/22px var(--body)}
.vacancy-editor-feedback[role='alert'] {color:#9b3434}
.vacancy-editor-publication .social-publication-status {margin:0}
@media(max-width:640px){.vacancy-editor-content{padding:20px 16px 32px}.vacancy-editor-pair{grid-template-columns:minmax(0,1fr)}.vacancy-editor-section{padding:16px}.vacancy-editor-choices{grid-template-columns:minmax(0,1fr)}.vacancy-editor-save,.vacancy-editor-channel-actions{flex-direction:column}.vacancy-editor .social-heading h2{font-size:24px;line-height:30px}.s-staff-buttons{gap:4px}.s-staff-label{font-size:10px}}

.page-shell.modern-workflow {display:flex;flex-direction:column;align-items:center;width:100%;max-width:none;min-height:100svh;margin:0;padding:0;--page:#fff;--text:#123f2a;--brand-text:#123f2a;--muted:#647069;--subtle:#f7f8f7;--border:#cbd3cf;--green:#dce6df;--green-strong:#dce6df}
.modern-workflow .button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:40px;padding:8px 12px;border-radius:12px;font:600 13px/20px var(--heading);white-space:normal;text-align:center}
.modern-workflow .button-primary {background:#148345;color:#fff;border:0}
.modern-workflow .button-secondary {background:#fff;color:#123f2a;border:1px solid #dce6df}
.modern-workflow .button-quiet {background:transparent;color:#123f2a;border:0}
.modern-workflow .s-caption,.modern-workflow .cv-card-hint {font:400 11px/16px var(--body);color:#647069}
.modern-workflow .legal-link {color:#123f2a;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

.page-shell--admin.modern-workflow {gap:0}
.modern-workflow .admin-page {display:flex;flex:1;flex-direction:column;align-items:stretch;gap:24px;width:var(--site-fluid-width);max-width:var(--site-width);min-width:0;padding:32px 0;margin:0 auto}
.page-shell--admin.admin-login-shell {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(min-content,1fr) auto minmax(min-content,1fr);align-items:start;row-gap:24px}
.admin-login-shell > .modern-footer {align-self:end}
.modern-workflow .admin-page.admin-page--login {flex:none;padding:0}
.admin-page--login .admin-introduction {align-items:center;text-align:center}
.admin-page--login .admin-introduction h1 {font-size:26px;line-height:32px;letter-spacing:-.7px}
.admin-login-panel {margin-inline:auto}
.modern-workflow .admin-page.admin-page--loading {padding:0}
.admin-introduction {display:flex;flex-direction:column;gap:12px}
.admin-introduction h1 {font:600 36px/44px var(--heading);letter-spacing:-.72px;color:#123f2a}
.admin-intro {font:400 14px/22px var(--body);color:#647069}
.admin-context {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.admin-context .admin-scope-label {margin:0}
.admin-tabs {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-tab {display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 18px;border:1px solid #cbd3cf;border-radius:999px;background:#fff;color:var(--brand-text);font:600 14px/20px var(--heading);cursor:pointer}
.admin-tab[aria-pressed="true"] {border-color:var(--brand);background:#dcefe3;color:#123f2a}
.admin-tab:focus-visible {outline:2px solid var(--brand);outline-offset:3px}
.admin-tab-panel,.admin-market,.admin-activity {display:flex;flex-direction:column;gap:24px;min-width:0}
.admin-tab-panel[hidden],.admin-market-table tr[hidden] {display:none}
.admin-dashboard-toolbar {display:flex;justify-content:flex-end;margin-top:-12px}
.admin-market-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.admin-market-heading > div {display:flex;flex:1 1 300px;flex-direction:column;gap:8px}
.admin-market-search {display:flex;flex-direction:column;gap:8px;max-width:420px;font:600 13px/20px var(--heading)}
.admin-market-search input {min-height:44px;min-width:0;padding:10px 12px;border:1px solid #cbd3cf;border-radius:12px;background:#fff;font:400 14px/20px var(--body);color:var(--brand-text)}
.admin-market-scroll-hint {margin-bottom:-16px}
.admin-market-table-scroll {max-width:100%;overflow-x:auto;border:1px solid #dce6df;border-radius:16px}
.admin-market-table {width:100%;min-width:780px;border-collapse:collapse;color:var(--brand-text);font:400 13px/20px var(--body)}
.admin-market-table th,.admin-market-table td {padding:14px 12px;text-align:right;vertical-align:top;border-bottom:1px solid #e2e8e4}
.admin-market-table thead th {background:#f0f5f1;font:600 12px/18px var(--heading)}
.admin-market-table th:first-child {width:32%;min-width:220px;text-align:left}
.admin-market-table tbody th {font-weight:600}
.admin-market-table small {display:block;margin-top:4px;color:var(--muted);font:400 11px/16px var(--body)}
.admin-market-table tbody tr:last-child > * {border-bottom:0}
.admin-market-methodology p {max-width:850px}
.admin-price-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
.admin-price-cities {display:flex;flex-direction:column;gap:12px}
.admin-price-cities > div {display:flex;gap:12px 24px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #dce6df;font:400 13px/20px var(--body)}
.admin-price-cities strong {flex:1;min-width:120px}
.admin-owner-badge {align-self:flex-start;padding:4px 8px;border-radius:999px;background:#dce6df;color:#123f2a;font:400 11px/16px var(--body)}
.modern-workflow .admin-session-note {padding:0;margin-top:-12px;background:transparent;font:400 11px/16px var(--body);color:#647069}
.admin-toolbar {display:flex;gap:8px;width:100%}
.admin-toolbar > .button {flex:1}
.modern-workflow .admin-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0}
.modern-workflow .admin-metric {display:flex;flex-direction:column;gap:8px;min-height:112px;padding:16px;border-radius:16px;background:#f7f8f7}
.modern-workflow .admin-metric dt {font:400 11px/16px var(--body);color:#647069}
.modern-workflow .admin-metric dd {margin:0;font:600 24px/30px var(--heading);color:#123f2a;overflow-wrap:anywhere}
.modern-workflow .admin-panel,.modern-workflow .admin-section {display:flex;flex-direction:column;gap:12px;margin:0;padding:16px;border:0;border-radius:16px;background:#f7f8f7}
.modern-workflow .admin-page h2 {font:600 18px/26px var(--heading);letter-spacing:-.2px;color:#123f2a}
.modern-workflow .admin-page h3 {font:600 14px/20px var(--heading);letter-spacing:-.2px}
.modern-workflow .admin-panel > p {font:400 14px/22px var(--body)}
.modern-workflow .admin-panel > .s-caption {font:400 11px/16px var(--body)}
.admin-price-volume {font:600 12px/18px var(--body)}
.modern-workflow .admin-bulk-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0}
.modern-workflow .admin-bulk-grid article {display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:0;border:0;background:transparent}
.modern-workflow .admin-bulk-grid article p {font:400 14px/22px var(--body);color:#647069}
.modern-workflow .admin-bulk-grid .button {margin-top:auto}
.admin-social-task {display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid #cbd3cf}
.admin-social-task:first-of-type {padding-top:0;border:0}
.admin-task-actions {display:flex;gap:8px;width:100%}
.admin-task-actions .button {flex:1}
.modern-workflow .admin-actions {justify-content:center;margin:0}
.admin-login-panel {display:flex;flex-direction:column;gap:20px;width:100%;max-width:620px;padding:24px;border-radius:16px;background:#f7f8f7}
.modern-workflow .admin-form {gap:8px;max-width:none;align-items:stretch;font:600 14px/20px var(--heading)}
.modern-workflow .admin-form input {min-height:44px;padding:12px;border:1px solid #cbd3cf;border-radius:12px;background:#fff;font:400 14px/20px var(--body)}
.modern-workflow .admin-form .button {max-width:none;margin-top:12px}

.modern-workflow .cv-page {display:flex;flex:1;flex-direction:column;align-items:stretch;width:var(--site-fluid-width);max-width:var(--site-reading-width);min-height:0;margin:0 auto;padding:16px 0 32px}
.modern-workflow .cv-intro {display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:none;padding:0;text-align:left}
.modern-workflow .cv-intro h1 {font:600 36px/44px var(--heading);letter-spacing:-.72px;background:none;color:#123f2a;-webkit-text-fill-color:#123f2a}
.modern-workflow .cv-intro p {font:400 14px/22px var(--body);color:#647069}
.modern-workflow .cv-form {display:flex;flex-direction:column;align-items:stretch;gap:24px;width:100%;max-width:none}
.modern-workflow .cv-form-columns {display:grid;grid-template-columns:minmax(0,640fr) minmax(0,420fr);align-items:start;gap:40px;width:100%}
.modern-workflow .cv-card {display:flex;flex-direction:column;gap:20px;min-width:0;padding:0;border:0;border-radius:0;background:#fff}
.modern-workflow .cv-card h2,.modern-workflow .cv-audience-fieldset legend,.modern-workflow .cv-phone-fields legend {font:600 18px/26px var(--heading);letter-spacing:-.2px}
.modern-workflow .cv-card-heading {font:600 14px/20px var(--heading);letter-spacing:-.2px}
.modern-workflow #cv-text {display:block;width:100%;min-height:240px;height:240px;margin-top:-12px;padding:12px;border:1px solid #cbd3cf;border-radius:12px;background:#f7f8f7;color:#123f2a;font:400 14px/20px var(--body);resize:vertical}
.modern-workflow #cv-text-hint {margin-top:-12px}
.modern-workflow .cv-text-hints {display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:-12px;color:#647069;font:400 11px/16px var(--body)}
.modern-workflow .cv-audience-fieldset {display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0;border:0}
.modern-workflow .cv-audience-fieldset legend {margin:0;padding:0}
.modern-workflow .cv-audiences {display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;width:100%;margin-top:0}
.modern-workflow .cv-option {display:flex;align-items:center;gap:12px;min-height:36px;padding:8px 0;max-width:none;background:transparent;color:#123f2a;font:400 14px/20px var(--body)}
.modern-workflow .cv-option--audience {flex:0 0 auto;border:0;border-radius:0}
.modern-workflow .cv-checkbox {position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;border:1px solid #cbd3cf;border-radius:3px;background:#fff}
.modern-workflow .cv-checkbox .asset {width:auto;height:auto}
.modern-workflow .cv-choice-input:checked + .cv-checkbox {border:0;background:transparent}
.modern-workflow .cv-choice-input:not(:checked) + .cv-checkbox .asset {display:none}
.modern-workflow .cv-radio,.modern-workflow .cv-plan-radio {position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px}
.modern-workflow .cv-radio > span {position:absolute;inset:0;align-items:center;justify-content:center}
.modern-workflow .cv-radio > .cv-radio-on {display:none}
.modern-workflow .cv-radio > .cv-radio-off {display:flex}
.modern-workflow .cv-choice-input:checked + .cv-radio > .cv-radio-on {display:flex}
.modern-workflow .cv-choice-input:checked + .cv-radio > .cv-radio-off {display:none}
.modern-workflow .cv-radio .asset,.modern-workflow .cv-plan-radio .asset {width:auto;height:auto}
.modern-workflow .cv-phone-notice {background:var(--green);font:400 11px/16px var(--body);color:var(--brand-text)}
.modern-workflow .cv-phone-fields {display:flex;flex-direction:column;gap:12px;width:100%;margin:0;padding:0;border:0}
.modern-workflow .cv-field {gap:8px;font:600 14px/20px var(--heading)}
.modern-workflow .cv-field select,.modern-workflow .cv-city-control select {display:block;width:100%;min-height:44px;padding:12px 36px 12px 12px;border:1px solid #cbd3cf;border-radius:12px;background:#f7f8f7;color:#123f2a;font:400 14px/20px var(--body);appearance:none;background-image:url('/assets/workflow-chevron.svg');background-repeat:no-repeat;background-position:right 12px center}
.modern-workflow .cv-city-control {display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent}
.modern-workflow .cv-location-card {gap:16px}
.modern-workflow .cv-location-card > h2:first-child {font:600 14px/20px var(--heading)}
.modern-workflow .cv-location-card .cv-card-hint {margin-top:-8px}
.modern-workflow .cv-divider {width:100%;height:1px;margin:0;background:#cbd3cf}
.modern-workflow .cv-location-options {display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0}
.modern-workflow .cv-location-options .cv-option {min-height:36px;border:0;border-radius:0;background:transparent}
.modern-workflow .cv-submit {align-items:stretch;width:100%;max-width:none;gap:24px;text-align:left}
.modern-workflow .cv-submit .button {width:100%;max-width:none;min-height:40px}
.modern-workflow .cv-submit .s-caption {font:400 11px/16px var(--body)}
.modern-workflow .cv-inline-error {padding:16px;border-radius:16px;background:#f7f8f7;color:#873817;font:400 14px/22px var(--body)}
.modern-workflow .cv-preview-vacancy {width:100%;max-width:none;padding:0;border:0;border-radius:0;gap:32px;background:#fff}
.modern-workflow .cv-preview-vacancy .modern-detail-body {width:100%}
.modern-workflow .cv-preview-vacancy .cv-full-card {width:100%;max-width:none;padding:24px;border-radius:16px;border:1px solid #cbd3cf;background:#fff}
.modern-workflow .cv-preview-vacancy .cv-full-card.is-promoted {border:2px solid #148345}
.modern-workflow .cv-placement {width:100%;max-width:none;padding:32px 0 0;border:0;border-top:1px solid #cbd3cf;border-radius:0;gap:16px;background:#fff}
.modern-workflow .cv-placement h2 {font:600 18px/26px var(--heading);letter-spacing:-.2px}
.modern-workflow .cv-plans {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;padding:0}
.modern-workflow .cv-plan {display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #cbd3cf;border-radius:16px;background:#fff}
.modern-workflow .cv-plan.is-selected {background:#f7f8f7}
.modern-workflow .cv-plan-label {display:flex;align-items:center;gap:12px;width:100%;min-height:30px;font:600 14px/20px var(--heading)}
.cv-plan-name {flex:1;min-width:0}
.cv-plan-price {flex:none;font:600 24px/30px var(--heading);white-space:nowrap}
.modern-workflow .cv-plan > .cv-card-hint {font:400 14px/22px var(--body)}
.modern-workflow .cv-tariffs-link {display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:8px 12px;font:600 13px/20px var(--heading);text-decoration:none}
.modern-workflow .cv-payment-summary {display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;background:#f7f8f7}
.modern-workflow .cv-result-actions {display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%}
.modern-workflow .cv-result-actions .button {width:100%;max-width:none;min-height:40px}
.modern-workflow .cv-result-actions .s-caption {order:3;text-align:left}
.modern-workflow .cv-verification-card {width:100%;max-width:none;padding:0;border:0;border-radius:0;background:transparent}
.modern-workflow .cv-page--message,.modern-workflow .cv-page[data-cv-screen="generation_error"] {justify-content:center;align-items:stretch}
.cv-message-card {display:flex;flex-direction:column;align-items:stretch;gap:20px;width:100%}
.cv-condition-changes {display:flex;flex-direction:column;gap:8px;margin:0;padding:16px 16px 16px 36px;border-radius:16px;background:#f7f8f7;font:400 14px/22px var(--body);overflow-wrap:anywhere}
.cv-message-card > .asset,.modern-workflow .cv-page--message > .asset,.modern-workflow .cv-page[data-cv-screen="generation_error"] > .asset {align-self:flex-start;width:auto;height:auto}
.cv-message-card h1,.modern-workflow .cv-page--message .cv-intro h1,.modern-workflow .cv-page[data-cv-screen="generation_error"] .cv-intro h1 {font:600 26px/32px var(--heading);letter-spacing:-.7px}
.cv-message-card p,.cv-message-card .legal-link {font:400 14px/22px var(--body)}
.cv-message-card .cv-card-hint,.cv-message-card .s-caption {font:400 11px/16px var(--body);color:#647069}
.cv-publication-links {display:flex;flex-direction:column;gap:12px;margin:0}
.cv-publication-links > div {display:grid;grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:12px}
.cv-publication-links dt,.cv-publication-links dd {margin:0;font:400 14px/22px var(--body)}
.cv-publication-links .cv-social-status {color:#647069;font:400 14px/22px var(--body)}
.modern-workflow .cv-published-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.modern-workflow .cv-page[data-cv-screen="generation_error"] .cv-checks {display:none}
.modern-workflow .cv-verification-message {font:400 14px/22px var(--body);color:#647069;white-space:pre-wrap}

.action-dialog.action-dialog--payment {position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow-y:auto}
.cv-payment-page {display:flex;flex-direction:column;align-items:center;width:100%;min-height:100%;gap:0;padding:0}
.cv-payment-content {display:flex;flex:1;flex-direction:column;gap:24px;width:100%;max-width:660px;margin:0 auto;padding:40px 20px 32px}
.cv-payment-page .dialog-heading {gap:16px;align-items:flex-start;margin:0}
.cv-payment-page .dialog-heading h2 {font:600 36px/44px var(--heading);letter-spacing:-.72px;color:#123f2a}
.cv-payment-page .dialog-close {display:flex;align-items:center;justify-content:center;flex:none;width:32px;min-width:32px;height:32px;padding:0}
.cv-payment-amount {display:flex;flex-direction:column;gap:8px}
.cv-payment-amount strong {font:600 28px/36px var(--heading)}
.cv-qr-card {display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:16px;border-radius:16px;background:#f7f8f7}
.cv-qr-card > img {display:block;width:auto;max-width:none;flex:none}
.cv-qr-card > p {align-self:stretch}
.cv-payment-page .s-caption,.cv-payment-page .cv-card-hint {font:400 11px/16px var(--body);color:#647069}
.cv-payment-page .cv-kaspi-url {color:#123f2a;text-decoration:underline;overflow-wrap:anywhere;font:400 14px/22px var(--body)}
.cv-payment-page .button {display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:8px 12px;border-radius:12px;font:600 13px/20px var(--heading)}
.cv-payment-page .cv-result-actions {align-items:stretch}
.cv-payment-page .cv-result-actions .button {max-width:none;min-height:40px}
.cv-publication-confirm {gap:20px}
.cv-confirm-notice {padding:16px;border-radius:16px;background:#e5f6ec;color:#123f2a;font:400 15px/23px var(--body)}
.cv-publication-confirm .cv-option {align-items:flex-start;background:#fff;border-color:#cbd3cf}
.cv-publication-confirm .cv-checkbox {margin-top:2px;background:#fff;border-color:#cbd3cf}
.cv-publication-confirm .cv-option:has(input:focus-visible) {outline:2px solid #148345;outline-offset:3px}
.cv-publication-confirm .cv-result-actions {margin-top:0}
.cv-publication-confirm .cv-result-actions .button {max-width:100%}
.cv-payment-page .cv-option {font:400 14px/20px var(--body)}
.cv-payment-page .cv-checkbox {width:18px;height:18px;border:1px solid #cbd3cf;border-radius:3px;background:#fff}
.cv-payment-page .cv-choice-input:checked + .cv-checkbox {border:0;background:transparent}
.admin-social-links {display:flex;gap:16px;flex-wrap:wrap}
.cv-payment-page .cv-checkbox .asset {width:auto;height:auto}
.admin-operation-dialog .operation-explanation {padding:16px;border-radius:16px;background:#f7f8f7;font:400 14px/22px var(--body)}
.admin-operation-dialog .operation-status {margin:0;padding:0;background:transparent;color:#647069}
.admin-operation-dialog.operation-bulk .admin-operation-actions {flex-direction:column}

@media(max-width:767px) {
 .site-header.modern-header .modern-home > span {display:none}
 .site-header.modern-header .modern-home {min-width:32px}
 .modern-workflow .admin-page {padding-top:24px}
 .admin-introduction h1,.modern-workflow .cv-intro h1 {font-size:26px;line-height:32px;letter-spacing:-.7px}
 .admin-toolbar,.admin-task-actions {flex-direction:column}
 .modern-workflow .admin-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}
 .modern-workflow .admin-bulk-grid {grid-template-columns:minmax(0,1fr);gap:24px}
 .modern-workflow .cv-form-columns {grid-template-columns:minmax(0,1fr);gap:24px}
 .modern-workflow .cv-plans {grid-template-columns:minmax(0,1fr)}
 .modern-workflow .cv-published-actions {grid-template-columns:minmax(0,1fr)}
 .modern-workflow .cv-preview-vacancy .cv-full-card {padding:16px}
 .cv-payment-content {padding-top:24px}
 .cv-payment-page .dialog-heading h2 {font-size:26px;line-height:32px;letter-spacing:-.7px}
 dialog.action-dialog:has(.admin-operation-dialog) {width:100%;max-width:none;padding:24px 20px}
}
@media(min-width:900px) {
 .modern-workflow .cv-page {padding-top:32px}
 .modern-workflow .admin-page {max-width:var(--site-admin-width)}
 .modern-workflow .admin-metrics {grid-template-columns:repeat(4,minmax(0,1fr))}
 .modern-workflow .admin-bulk-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .modern-workflow .admin-toolbar,.modern-workflow .admin-task-actions {flex-direction:row;flex-wrap:wrap}
}

.admin-publication-issues {scroll-margin-top:24px}
.admin-issue-list {display:flex;flex-direction:column;gap:16px}
.admin-issue {display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;border:1px solid #d9e3dc;border-radius:16px;min-width:0;overflow-wrap:anywhere}
.admin-issue h3,.admin-issue p {margin:0}
.admin-issue-problem {display:flex;flex-direction:column;gap:6px}
.admin-issue details {padding-top:8px}
.admin-issue summary {cursor:pointer;font-size:14px;color:#24633f}
.admin-issue form {display:flex;flex-direction:column;gap:10px;margin-top:12px}
.admin-issue input {width:100%;min-width:0;padding:12px;border:1px solid #c6d6cc;border-radius:12px;background:white;font:inherit}
.admin-issue .button {align-self:flex-start}

.social-publication-status {width:100%;padding:20px;border:1px solid #d9e3dc;border-radius:20px;text-align:left;overflow-wrap:anywhere}
.social-publication-status h3 {margin:0 0 16px}
.social-publication-status .cv-publication-links {margin:0 0 16px}
.social-publish-actions {display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.social-publication-notice,.cv-refresh-link {margin:16px 0}
.cv-message-card .social-publication-status {padding:0;border:0}
.social-republish-panel {display:flex;flex-direction:column;gap:16px;width:100%;padding:20px;border:1px solid #d9e3dc;border-radius:20px}
.social-republish-panel .social-publication-status {padding:0;border:0;border-radius:0}
.social-republish-panel .social-publish-actions,.social-republish-panel .social-publication-notice {margin:0}
.social-publication-status > p {margin:0 0 16px}
.social-publication-status > p:last-child {margin-bottom:0}
.social-publication-status .cv-social-status {display:block}

.cv-publication-cities {display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;min-width:0}
.cv-city-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.modern-workflow .cv-publication-cities .cv-city-option {gap:10px;min-height:44px;margin:0;padding:10px 12px;border:1px solid #e1e7e3;border-radius:12px;background:#f7f8f7}
.modern-workflow .cv-publication-cities .cv-city-option:has(input:checked) {background:#e5f6ec;border-color:transparent}
.modern-workflow .cv-publication-cities .cv-city-option:has(input:disabled) {color:#647069;background:#f7f8f7;cursor:default}
.modern-workflow .cv-publication-cities .cv-city-option:has(input:focus-visible) {outline:2px solid #148345;outline-offset:3px}
.cv-city-option small {display:block;margin-top:2px;font:400 11px/16px var(--body);color:#647069}
.cv-field-error {margin:0;color:#873817;font:400 12px/18px var(--body)}
.cv-field-error:empty {display:none}
.cv-contacts-form {max-width:560px}
.modern-workflow .cv-page--contacts .cv-field {padding:16px;border-radius:12px;background:#f7f8f7}
.modern-workflow .cv-page--contacts .cv-field select {background:#fff}

/* Current Figma CV: one spacing scale across description, choices and actions. */
.modern-workflow {--choice-gap:3px;--action-gap:3px}
.header-section-name {font:600 13px/20px var(--heading);color:#123f2a}
.modern-workflow .admin-page {max-width:760px}
.admin-payment-reviews,.admin-payment-order {display:flex;flex-direction:column;gap:12px}
.admin-payment-order {padding:16px;border:1px solid #cbd3cf;border-radius:16px}
.admin-payment-actions {display:flex;flex-wrap:wrap;gap:3px}
.pricing-city-choice {display:flex;flex-direction:column;gap:3px;font:600 14px/20px var(--heading)}
.pricing-city-choice .s-caption {font:400 11px/16px var(--body);color:#647069}
.pricing-city-choice .button {min-height:35px;justify-content:center}
.pricing-card > .button {width:100%;min-height:35px;font:600 13px/20px var(--heading)}
.modern-workflow .cv-page {max-width:1000px;justify-content:center;padding:20px 0;gap:24px}
.modern-workflow .cv-intro h1,.modern-workflow .cv-description-card h1 {font:600 26px/32px var(--heading);letter-spacing:-.7px;color:#123f2a}
.modern-workflow .cv-form-columns {grid-template-columns:minmax(0,580fr) minmax(0,380fr)}
.modern-workflow .cv-city-grid {grid-template-columns:minmax(0,1fr)}
.modern-workflow .cv-description-card h1,.modern-workflow .cv-card h2,.modern-workflow .cv-audience-fieldset legend {position:relative;padding-left:18px}
.modern-workflow .cv-description-card h1::before,.modern-workflow .cv-card h2::before,.modern-workflow .cv-audience-fieldset legend::before {content:'';position:absolute;left:0;top:.45em;width:10px;height:10px;background:#148345;border-radius:50%}
.modern-workflow .cv-card h2,.modern-workflow .cv-audience-fieldset legend,.modern-workflow .cv-phone-fields legend,.modern-workflow .cv-placement h2 {font:600 14px/20px var(--heading);letter-spacing:0}
.modern-workflow .cv-description-card > .cv-card-heading {display:none}
.modern-workflow #cv-text {min-height:220px;height:220px}
.modern-workflow .cv-audiences,.modern-workflow .cv-location-options,.cv-city-grid,.cv-publication-cities,.cv-phone-choices {gap:var(--choice-gap)}
.modern-workflow .cv-audiences {flex-direction:row;flex-wrap:wrap}
.modern-workflow .cv-option {min-height:35px;padding:7px 10px}
.modern-workflow .cv-option--audience {flex:0 1 auto;max-width:100%;border-radius:12px;background:#f1edf9}
.modern-workflow .cv-option--audience:nth-child(2) {background:#fcebdc}
.modern-workflow .cv-option--audience:nth-child(3) {background:#e7f3ff}
.modern-workflow .cv-option--audience:nth-child(4) {background:#fce7ef}
.modern-workflow .cv-option--audience:has(input:checked) {box-shadow:inset 0 0 0 1px #148345}
.modern-workflow .cv-publication-cities .cv-city-option {min-height:35px;padding:7px 10px}
.modern-workflow .cv-location-options .cv-option {min-height:35px;padding:7px 0}
.cv-phone-group {border:0;padding:0;margin:0;min-width:0}
.cv-phone-group legend {margin-bottom:8px;padding:0}
.cv-phone-choices {display:flex;flex-direction:column}
.modern-workflow .cv-page--contacts .cv-phone-fields {gap:20px}
.modern-workflow .cv-phone-choices .cv-option {border:1px solid #cbd3cf;border-radius:12px}
.modern-workflow .cv-phone-choices .cv-option:has(input:checked) {background:#e5f6ec;border-color:#148345}
.modern-workflow .cv-submit,.modern-workflow .cv-result-actions {align-items:center;gap:var(--action-gap)}
.modern-workflow .cv-submit .button,.modern-workflow .cv-result-actions .button {max-width:350px;min-height:35px;padding:7px 12px}
.cv-result-actions[hidden] {display:none!important}
.modern-workflow .cv-review-columns,.cv-duplicate-columns {display:grid;grid-template-columns:minmax(0,580fr) minmax(0,380fr);align-items:start;gap:32px;width:100%}
.cv-review-vacancy,.cv-duplicate-notice {display:flex;flex-direction:column;min-width:0;gap:16px}
.modern-workflow .cv-review-columns .cv-placement {padding:0;border:0;gap:16px}
.modern-workflow .cv-plans {grid-template-columns:minmax(0,1fr);gap:16px}
.cv-plan-option {display:flex;flex-direction:column;min-width:0;gap:3px}
.modern-workflow .cv-plan {min-width:0;padding:12px;gap:8px}
.modern-workflow .cv-plan.is-selected {background:#fff;border-color:#148345}
.cv-plan-option:has(input[value="paid"]) .cv-plan {border-color:#148345}
.cv-plan-option > .button {width:100%;min-height:35px;font-size:12px}
.modern-workflow .cv-payment-summary {padding:0;background:transparent;gap:8px}
.modern-workflow .cv-payment-summary > .s-caption {display:none}
.modern-workflow .cv-preview-vacancy .cv-full-card {padding:16px}
.cv-existing-vacancy {display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #cbd3cf;border-radius:16px;min-width:0;overflow-wrap:anywhere;font:400 14px/20px var(--body)}
.cv-existing-vacancy h2 {font:600 18px/24px var(--heading)}
.cv-existing-state {color:#647069;font-size:12px}
.cv-existing-description {white-space:pre-wrap}
.cv-existing-vacancy .s-caption,.cv-existing-vacancy .legal-link {font-size:12px;line-height:18px}
.modern-workflow .cv-condition-changes {padding:0;margin:0;background:transparent;gap:3px}
.cv-condition-change {display:flex;flex-direction:column;gap:3px;border:1px solid #cbd3cf;border-radius:12px;padding:12px}
.cv-condition-change h3 {font:600 14px/20px var(--heading)}
.cv-condition-change p {font:400 12px/18px var(--body);color:#647069}
.cv-condition-change .cv-condition-after {color:#148345}
dialog::backdrop,dialog.action-dialog::backdrop,dialog.s-dialog::backdrop,dialog.city-dialog::backdrop {background:rgb(13 100 57 / 24%);backdrop-filter:none}
dialog.action-dialog:has(.cv-modal) {width:648px;max-width:calc(100% - 40px);max-height:calc(100dvh - 40px);height:auto;inset:0;margin:auto;padding:24px;border:1px solid #cbd3cf;border-radius:16px;background:#fff;overflow:auto}
.cv-modal .dialog-heading h2,.cv-payment-page .dialog-heading h2 {font:600 26px/32px var(--heading);letter-spacing:-.7px}
.cv-modal .cv-result-actions {display:flex;flex-direction:column;gap:3px}
.cv-modal .button {min-height:35px}
.cv-payment-content {max-width:none;padding:0;gap:16px}
.cv-price-lines {display:flex;flex-direction:column;gap:3px;margin:0}
.cv-price-lines > div {display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #dce6df}
.cv-price-lines dd {margin:0;white-space:nowrap}
.cv-price-total {font-weight:600;color:#123f2a}
.publication-platform {display:flex;flex-direction:column;gap:8px}
.publication-platform h4 {font:600 14px/20px var(--heading)}
.social-publication-status .cv-publication-links {margin:0}
.social-publication-status {display:flex;flex-direction:column;gap:16px}
.publication-count {font:600 14px/20px var(--heading)}
.cv-message-card > h1 + .social-publication-status > .publication-count {display:none}
.cv-publication-links > .publication-target {grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:12px;padding:10px 12px;border:1px solid #dce6df;border-radius:12px}
.publication-target dd {overflow-wrap:anywhere}
.publication-target.is-posted {background:#e5f6ec}
.publication-target:is(.is-failed,.is-unconfigured,.is-uncertain) {background:#fff1ed;border-color:#efc6ba}
.publication-target:is(.is-sending,.is-publishing) {border-color:#148345;background:#f3faf5}
.publication-wait-notice {padding:12px;border-radius:12px;background:#f7f8f7;font:400 12px/18px var(--body)}
.cv-qr-card > img {max-width:220px;width:100%;height:auto}
@media(max-width:767px) {
 .modern-workflow .cv-page {justify-content:flex-start;min-height:calc(100dvh - 192px);padding-top:20px}
 .modern-workflow .cv-form-columns,.modern-workflow .cv-review-columns,.cv-duplicate-columns {grid-template-columns:minmax(0,1fr);gap:24px}
 .modern-workflow .cv-form {flex:1}
 .modern-workflow .cv-submit,.modern-workflow .cv-page > .cv-result-actions {margin-top:auto;padding-top:20px}
 .modern-workflow .cv-page--message {justify-content:flex-start}
 .modern-workflow .cv-message-card {flex:1}
 .modern-workflow .cv-message-card > .cv-result-actions {margin-top:auto;padding-top:20px}
 dialog.action-dialog:has(.cv-modal) {max-width:100%;width:100%;max-height:92dvh;inset:auto 0 0;margin:0;border-radius:16px 16px 0 0;padding:24px 20px}
}
.editor-city-options {display:flex;flex-wrap:wrap;gap:12px 20px;min-width:0;border:1px solid #dce7df;border-radius:12px;padding:12px 16px;margin:16px 0}
.editor-city-options label {display:flex;align-items:center;gap:8px;font:400 14px/20px var(--body)}
.editor-city-options input {accent-color:#148345;width:18px;height:18px}
.social-city-status {border-top:1px solid #dce7df;margin-top:16px;padding-top:12px}

/* Owner-managed ChatGPT staff access. */
.admin-staff-list{display:grid;gap:16px}.admin-staff-card{border:1px solid #e2e8e4;border-radius:16px;padding:20px;display:grid;gap:16px}.admin-staff-identity{display:grid;gap:6px;min-width:0}.admin-staff-identity h3,.admin-staff-identity p{margin:0;overflow-wrap:anywhere}.admin-staff-identity .s-caption{overflow-wrap:anywhere}.admin-staff-identity strong{color:#0d6439;font-size:13px}.admin-staff-card fieldset{border:0;padding:0;margin:0;min-width:0}.admin-staff-card legend{font-size:14px;margin-bottom:10px}.admin-staff-cities{display:flex;flex-wrap:wrap;gap:12px 20px}.admin-staff-cities label{display:flex;align-items:center;gap:8px;font-size:14px}.admin-staff-cities input{accent-color:#148345;width:18px;height:18px}.admin-staff .admin-toolbar{margin:0;flex-wrap:wrap}.admin-staff{margin-bottom:32px}
.modern-workflow .cv-option--audience {min-height:26px;padding:4px 8px;font:400 11px/16px var(--body);gap:4px}
.cv-price-explanation .dialog-heading,.cv-payment-content .dialog-heading {position:sticky;top:0;z-index:2;background:#fff;padding-bottom:8px}
.cv-price-explanation .cv-result-actions,.cv-payment-content .cv-result-actions {position:sticky;bottom:0;z-index:2;background:#fff;padding-top:8px}
.admin-ai-monitor {display:flex;flex-direction:column;gap:16px;width:100%}
.admin-ai-settings,.admin-ai-history {padding:16px;border:1px solid var(--border);border-radius:16px;background:#fff}
.admin-ai-monitor summary {cursor:pointer;font:600 14px/22px var(--heading);color:var(--brand-text)}
.admin-ai-settings[open]>summary,.admin-ai-history[open]>summary {margin-bottom:12px}
.admin-ai-settings .admin-form {max-width:520px;margin-top:12px}
.admin-ai-settings .admin-form label {display:flex;flex-direction:column;gap:6px}
.admin-ai-settings .admin-form label:has([type=checkbox]) {flex-direction:row;align-items:center;gap:8px}
.admin-ai-settings .admin-form input[type=checkbox] {width:18px;min-height:18px;height:18px;margin:0;flex:none;accent-color:var(--brand)}
.admin-ai-settings select {padding:10px;border:1px solid var(--border);border-radius:12px;font:inherit;background:#fff;color:var(--text)}
.admin-ai-requests {display:flex;flex-direction:column;gap:8px;margin:12px 0}
.admin-ai-request {padding:12px;border:1px solid var(--border);border-radius:12px}
.admin-ai-request summary {overflow-wrap:anywhere}
.admin-ai-request summary small {display:block;color:var(--muted);font:400 11px/16px var(--body);margin-top:4px}
.admin-ai-query,.admin-ai-response p {white-space:pre-line;overflow-wrap:anywhere;margin:12px 0}
.admin-ai-response {padding:12px;background:var(--subtle);border-radius:12px}
.admin-ai-response a {text-decoration:underline;color:var(--brand-text)}
.admin-premium-conversion {margin-top:16px}

/* Owner-only AI diagnostics stay within the existing admin panel on small screens. */
.admin-ai-request pre {max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:400 11px/16px var(--body)}