/* JobsZone section system. Load AFTER experience.css.
   Component-level overrides intentionally beat the legacy cascade. State-driven
   visibility, status colours, validation and functional positioning are preserved. */
body.experience-ui {
  --jz-section-shadow:0 4px 18px #0d1c3f08;
  --jz-mint:#edf9f4;
}
/* Compact page introductions: no oversized decorative gradients. */
body.experience-ui :is(.job-preferences-hero,.candidate-next-actions,.company-pro-hero,.admin-job-loader-hero,.admin-main-header,.admin-remote-header,.guides-heading,.application-header) {
  background:#edf4ff!important;border:1px solid #cfdef4!important;border-radius:18px!important;
  box-shadow:none!important;color:#0d1c3f!important;padding:clamp(18px,3vw,28px)!important;gap:18px;
}
body.experience-ui :is(.job-preferences-hero,.candidate-next-actions,.company-pro-hero,.admin-job-loader-hero,.admin-main-header,.admin-remote-header,.guides-heading,.application-header) :is(h1,h2,h3) {
  color:#0d1c3f!important;line-height:1.18;letter-spacing:-.03em;margin-top:0;
}
body.experience-ui :is(.job-preferences-hero,.company-pro-hero,.admin-job-loader-hero,.admin-main-header,.admin-remote-header,.guides-heading,.application-header) h1 {
  font-size:clamp(26px,3.2vw,38px)!important;margin-bottom:10px;
}
body.experience-ui :is(.job-preferences-hero,.candidate-next-actions,.company-pro-hero,.admin-job-loader-hero,.admin-main-header,.admin-remote-header,.guides-heading,.application-header) p {
  color:#405875!important;font-size:15px!important;line-height:1.65;max-width:72ch;
}
/* Surfaces that previously escaped the generic .card layer. */
body.experience-ui :is(.preference-definition-card,.preference-list-section,.candidate-preference-job-card,.candidate-app-card,.candidate-panel,.account-card,.security-card,.company-panel,.company-profile-card,.company-verification-card,.company-job-card,.company-candidate-card,.company-edit-panel,.company-publish-panel,.admin-users-card,.admin-activity-card,.role-activity-panel,.admin-job-loader-form,.admin-loaded-jobs-card,.admin-manual-job-row,.admin-remote-form-card,.admin-remote-company-card,.google-analytics-card,.adsense-config-card,.detail-card,.job-value-card,.related-job-card,.guide-index-card,.guide-topic,.notification-center,.application-card) {
  border:1px solid #d8e2ef!important;border-radius:14px!important;background:#fff!important;
  box-shadow:var(--jz-section-shadow)!important;color:#172a45;min-width:0;
}
body.experience-ui :is(.candidate-panel,.account-card,.security-card,.company-panel,.company-profile-card,.company-verification-card,.company-edit-panel,.company-publish-panel,.admin-users-card,.admin-activity-card,.admin-job-loader-form,.admin-loaded-jobs-card,.admin-remote-form-card,.google-analytics-card,.adsense-config-card,.detail-card,.job-value-card,.notification-center,.application-card) {
  padding:clamp(18px,2.5vw,26px)!important;
}
body.experience-ui :is(.candidate-app-card,.candidate-preference-job-card,.company-job-card,.company-candidate-card,.admin-remote-company-card,.admin-manual-job-row,.related-job-card,.guide-index-card) {
  padding:18px!important;gap:14px;
}
body.experience-ui :is(.candidate-panel,.company-panel,.admin-dashboard-page,.admin-job-loader-page,.admin-remote-directory-page,.application-page,.notifications-page,.job-detail-page,.job-preferences-center) :is(h2,h3) {
  color:#0d1c3f;line-height:1.3;overflow-wrap:anywhere;
}
body.experience-ui :is(.candidate-app-card,.company-job-card,.company-candidate-card,.admin-remote-company-card,.preference-job-body,.notification-item) :is(p,small) {
  color:#52647b;font-size:14px;line-height:1.6;overflow-wrap:anywhere;
}
/* Saved and liked jobs remain visually distinguishable. */
body.experience-ui .preference-definition-card {grid-template-columns:44px minmax(0,1fr) auto;padding:18px;gap:12px}
body.experience-ui .preference-definition-card > span {width:44px;height:44px;border-radius:12px}
body.experience-ui .preference-definition-card h2 {font-size:18px}
body.experience-ui .preference-definition-card p {font-size:14px;line-height:1.55}
body.experience-ui .preference-definition-card strong {font-size:26px;color:#0d1c3f}
body.experience-ui .preference-list-section.saved-list-section {border-top:3px solid #0755ee!important}
body.experience-ui .preference-list-section.liked-list-section {border-top:3px solid #be123c!important}
body.experience-ui .preference-type-label {font-size:12px;letter-spacing:.035em}
body.experience-ui .preference-job-body > small {font-size:13px}
body.experience-ui .preference-count {background:#edf4ff;color:#0343c2;border-radius:12px}
body.experience-ui .preference-empty-state {background:#f5f8fc;border:1px dashed #b9cce3;border-radius:14px;padding:28px 20px}
body.experience-ui :is(.preference-job-actions,.preference-hero-actions,.candidate-action-buttons,.candidate-card-actions,.company-card-actions,.company-hero-actions,.admin-user-actions,.admin-remote-company-actions,.admin-loader-hero-actions,.admin-manual-job-actions) {gap:10px;flex-wrap:wrap;min-width:0}
body.experience-ui .candidate-action-buttons .btn:not(.danger):not(.success):not(.warning) {background:#0755ee!important;color:#fff!important;border:1px solid #0755ee!important;box-shadow:none!important}
body.experience-ui .candidate-action-buttons .btn:is(.secondary,.light) {background:#fff!important;color:#0343c2!important;border-color:#bfd2ef!important}
body.experience-ui :is(.premium-mini-row,.candidate-preference-mini,.candidate-preference-stack,.admin-user-counters,.role-activity-summary,.pipeline-col) {background:#f5f8fc!important;border:1px solid #d8e2ef!important;border-radius:12px!important;box-shadow:none!important;color:#172a45}
body.experience-ui .candidate-kpi-card {padding:18px!important}
/* Company workspace: flexible actions and a readable pipeline. */
body.experience-ui .company-logo-pro {width:72px;height:72px;border-radius:16px;background:#0755ee!important;box-shadow:none!important;color:#fff;font-size:26px}
body.experience-ui .company-pro-hero {grid-template-columns:72px minmax(0,1fr) auto}
body.experience-ui .company-job-card {grid-template-columns:minmax(0,1fr) minmax(220px,340px)}
body.experience-ui .company-card-meta {gap:8px;flex-wrap:wrap;font-size:14px;color:#52647b}
body.experience-ui .pipeline-board {grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
body.experience-ui .pipeline-col {padding:16px}
body.experience-ui .pipeline-col span {font-size:13px!important;color:#52647b}
body.experience-ui .pipeline-col strong {color:#0d1c3f;font-size:26px}
/* Administration and import: same design, distinct operational states. */
body.experience-ui .admin-main-header {margin-bottom:20px}
body.experience-ui :is(.admin-user-row,.admin-activity-row,.admin-timeline-row) {padding:16px!important;gap:12px;border-color:#d8e2ef;border-radius:12px;min-width:0}
body.experience-ui :is(.admin-user-main,.admin-remote-company-main,.role-activity-preview,.admin-user-name-line) {min-width:0;overflow-wrap:anywhere}
body.experience-ui :is(.admin-user-avatar,.admin-profile-avatar,.admin-activity-icon,.role-activity-icon) {background:#edf4ff!important;color:#0343c2!important;border-radius:12px;box-shadow:none!important}
body.experience-ui :is(.admin-users-summary,.admin-user-filters,.activity-filter-tabs) {gap:10px;flex-wrap:wrap}
body.experience-ui .activity-filter-tabs button {min-height:44px;border-radius:9px}
body.experience-ui .activity-filter-tabs button.active {background:#0755ee!important;color:#fff!important}
body.experience-ui .admin-job-form-grid {gap:16px}
body.experience-ui :is(.admin-field label,.jz-form-field > span) {font-size:14px!important;font-weight:700;color:#172a45;line-height:1.5}
body.experience-ui .jz-form-field {display:grid;gap:7px;min-width:0}
body.experience-ui .jz-form-field > :is(input,select,textarea) {width:100%;min-width:0;box-sizing:border-box}
body.experience-ui :is(.admin-multi-apply-section,.admin-internal-apply-toggle,.ads-preview-box,.adsense-diagnostic-note) {background:#f5f8fc!important;border:1px solid #d8e2ef!important;border-radius:12px!important;padding:16px;color:#172a45}
body.experience-ui .admin-featured-toggle {background:#edf4ff!important;border-color:#bfd2ef!important;border-radius:12px}
body.experience-ui .admin-featured-toggle small {color:#405875!important;line-height:1.5}
body.experience-ui .admin-remote-company-meta {gap:8px;font-size:14px;overflow-wrap:anywhere}
body.experience-ui .google-code-preview {background:#0d1c3f!important;color:#f0f6ff!important;border:1px solid #243959!important;border-radius:12px!important;max-width:100%;overflow:auto;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
body.experience-ui .jobs-cleanup-card {border-radius:14px!important;box-shadow:none!important;border-color:#eebec4!important}
body.experience-ui .excel-export-btn {border-radius:9px!important;min-height:44px;box-shadow:none!important}
/* Application and inbox. The wrappers do not alter conditional visibility. */
body.experience-ui :is(.application-page,.notifications-page) {padding-top:24px;padding-bottom:32px}
body.experience-ui .application-card {max-width:800px;margin-inline:auto}
body.experience-ui .application-header {margin-bottom:20px}
body.experience-ui #applyForm {gap:16px}
body.experience-ui .notification-item {background:#fff;border:1px solid #d8e2ef;border-radius:12px;padding:16px;margin-bottom:10px;min-width:0;overflow-wrap:anywhere}
body.experience-ui .notification-item.unread {background:#edf4ff;border-left:3px solid #0755ee}
/* Detail pages, contact options and related opportunities. */
body.experience-ui .detail-layout {gap:24px;grid-template-columns:minmax(0,1fr) minmax(260px,340px)}
body.experience-ui :is(.detail-card,.job-value-card) h1 {font-size:clamp(26px,3vw,36px);line-height:1.2;color:#0d1c3f}
body.experience-ui :is(.detail-card,.job-value-card) :is(p,li) {line-height:1.75;overflow-wrap:anywhere}
body.experience-ui :is(.locked-job-box,.locked-public-card,.locked-public-notice,.similar-alert-cta) {background:#edf4ff!important;color:#172a45!important;border:1px solid #cfdef4!important;border-radius:14px!important;box-shadow:none!important;padding:22px!important}
body.experience-ui :is(.locked-job-box,.locked-public-card,.locked-public-notice,.similar-alert-cta) :is(b,h2,h3) {color:#0d1c3f!important}
body.experience-ui :is(.locked-job-box,.locked-public-card,.locked-public-notice,.similar-alert-cta) p {color:#405875!important;line-height:1.65}
body.experience-ui .job-contact-grid {gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
body.experience-ui .related-job-grid {gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
body.experience-ui .related-job-main-link {min-width:0;overflow-wrap:anywhere}
body.experience-ui .related-job-card:hover {border-color:#86aef2!important;box-shadow:0 5px 20px #0755ee0d!important}
/* Guides: consistent index, prose, citations and FAQ surfaces. */
body.experience-ui .guides-heading .eyebrow {background:#fff!important;color:#0343c2!important;border:1px solid #cfdef4;border-radius:8px}
body.experience-ui .guide-topic {padding:22px;margin-bottom:18px}
body.experience-ui .guide-index-number {background:#edf4ff!important;color:#0343c2!important;border-radius:10px;box-shadow:none!important}
body.experience-ui .guide-index-copy :is(p,small) {font-size:14px!important;line-height:1.6;color:#52647b}
body.experience-ui .guide-article {border-radius:16px!important;box-shadow:var(--jz-section-shadow)!important}
body.experience-ui .guide-article-header h1 {font-size:clamp(26px,3.4vw,40px)!important;line-height:1.2;color:#0d1c3f}
body.experience-ui :is(.guide-article-meta,.guide-article-excerpt,.guide-breadcrumb) {color:#52647b!important;line-height:1.65}
body.experience-ui :is(.guide-quick-answer,.guide-sources,.guide-disclaimer,.guide-faq-item) {border:1px solid #d8e2ef!important;border-radius:12px!important;box-shadow:none!important;padding:18px}
body.experience-ui .guide-quick-answer {background:#edf9f4!important;color:#173c36!important;border-color:#b6dfce!important}
body.experience-ui :is(.guide-sources,.guide-disclaimer) {background:#f5f8fc!important;color:#405875!important}
body.experience-ui .guide-faq-item {background:#fff}
body.experience-ui .guide-article-nav {gap:12px;flex-wrap:wrap}
/* Overlays: keep open/closed state, stacking and scroll-lock implementation. */
body.experience-ui :is(.share-modal,.admin-user-modal) {background:#fff!important;border:1px solid #d8e2ef!important;border-radius:18px!important;box-shadow:0 18px 60px #0d1c3f26!important;color:#172a45;max-width:calc(100vw - 24px);box-sizing:border-box}
body.experience-ui :is(.share-modal-head,.admin-user-modal-head) {background:#fff!important;color:#0d1c3f!important;border-color:#d8e2ef;gap:12px}
body.experience-ui .share-modal .share-close {flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;border-radius:10px!important;background:#edf4ff!important;color:#0d1c3f!important}
body.experience-ui .share-modal .share-platform {border:1px solid #d8e2ef!important;border-radius:12px!important;min-height:64px!important;background:#f5f8fc!important;color:#172a45!important}
body.experience-ui .share-modal .share-platform span {font-size:13px!important;white-space:normal!important;overflow-wrap:anywhere}
body.experience-ui .share-modal-copy p :is(b,span) {white-space:normal!important;overflow-wrap:anywhere}
body.experience-ui .admin-user-profile-hero {background:#edf4ff!important;border-radius:12px!important;box-shadow:none!important;color:#172a45!important}
body.experience-ui .global-preloader .loader-card {background:#fff!important;border:1px solid #d8e2ef!important;border-radius:16px!important;box-shadow:0 12px 40px #0d1c3f16!important;color:#0d1c3f!important}
body.experience-ui .global-preloader .loader-spinner {border-top-color:#0755ee!important}
@media (max-width:1000px) {
  body.experience-ui .company-pro-hero {grid-template-columns:72px minmax(0,1fr)}
  body.experience-ui .company-hero-actions {grid-column:1/-1;justify-content:flex-start}
  body.experience-ui .company-job-card {grid-template-columns:minmax(0,1fr)}
  body.experience-ui .admin-job-form-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  body.experience-ui :is(.company-workspace-grid,.candidate-content-grid) {grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px) {
  body.experience-ui :is(.job-preferences-hero,.admin-job-loader-hero,.admin-main-header,.admin-remote-header,.detail-layout,.preference-difference-grid,.candidate-app-card,.role-activity-columns,.admin-data-grid,.admin-application-grid,.admin-detail-grid,.admin-record-columns,.adsense-health-grid,.cleanup-grid) {grid-template-columns:minmax(0,1fr)!important;gap:16px}
  body.experience-ui :is(.candidate-preference-job-card,.preference-definition-card) {grid-template-columns:44px minmax(0,1fr);gap:12px}
  body.experience-ui .candidate-preference-job-card .preference-job-actions {grid-column:1/-1;justify-content:flex-start}
  body.experience-ui .preference-definition-card > strong {grid-column:2}
  body.experience-ui :is(.candidate-app-status,.candidate-card-status) {justify-items:start}
  body.experience-ui :is(.preference-hero-actions,.company-card-actions,.admin-user-actions,.admin-remote-company-actions,.candidate-action-buttons) {justify-content:flex-start}
  body.experience-ui :is(.admin-user-row,.admin-remote-company-card,.admin-user-modal-head,.admin-users-title) {flex-wrap:wrap}
  body.experience-ui :is(.admin-user-actions,.admin-remote-company-actions) {width:100%}
  body.experience-ui :is(.candidate-action-buttons,.company-card-actions,.preference-job-actions) .btn {flex:1 1 140px;min-width:0}
  body.experience-ui :is(.application-page,.notifications-page,.admin-dashboard-page,.admin-job-loader-page,.admin-remote-directory-page,.company-pro-container,.job-preferences-center,.job-detail-page) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {font-size:16px!important;min-width:0;max-width:100%;box-sizing:border-box}
  body.experience-ui :is(.company-panel,.candidate-panel,.admin-dashboard-page,.admin-job-loader-page,.admin-remote-directory-page,.application-card) .btn {min-height:44px!important;white-space:normal!important;height:auto;line-height:1.4}
  body.experience-ui .detail-card {padding:18px!important}
  body.experience-ui .guide-topic {padding:18px}
  body.experience-ui .guide-article {padding:20px!important}
  body.experience-ui .share-modal {border-radius:18px 18px 0 0!important;max-width:100vw!important}
  body.experience-ui .share-modal-head {grid-template-columns:minmax(0,1fr) 44px!important}
  body.experience-ui .admin-user-modal {max-height:calc(100dvh - 24px);overflow:auto}
  body.experience-ui :is(.admin-user-modal-body,.admin-user-modal-head) {padding:18px!important}
}
@media (max-width:480px) {
  body.experience-ui .admin-job-form-grid {grid-template-columns:minmax(0,1fr)}
  body.experience-ui .admin-job-form-grid :is(.admin-field.wide,.admin-field.full,.admin-featured-toggle) {grid-column:1/-1}
  body.experience-ui .company-pro-hero {grid-template-columns:minmax(0,1fr)}
  body.experience-ui .company-logo-pro {width:56px;height:56px;border-radius:12px;font-size:22px}
  body.experience-ui :is(.pipeline-board,.candidate-kpi-grid) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  body.experience-ui .pipeline-col {padding:12px}
  body.experience-ui .guide-index-card {grid-template-columns:minmax(0,1fr);padding:16px!important}
}
/* Contact, alert and notification surfaces complete the common page families. */
body.experience-ui :is(.contact-hero-card,.alerts-hero-card){background:#edf4ff!important;border:1px solid #cfdef4!important;border-radius:18px!important;box-shadow:none!important;padding:28px!important;gap:24px}
body.experience-ui :is(.contact-hero-card,.alerts-hero-card) h1{font-size:clamp(26px,3.2vw,38px)!important;line-height:1.2!important;color:#0d1c3f!important}
body.experience-ui :is(.contact-form-card,.alerts-form-card,.alerts-locked-card){border:1px solid #d8e2ef!important;border-radius:14px!important;box-shadow:var(--jz-section-shadow)!important;background:#fff!important;padding:24px}
body.experience-ui :is(.contact-form-card,.alerts-form-card) .form-header h2{font-size:25px;line-height:1.25;margin:8px 0;color:#0d1c3f}
body.experience-ui :is(.contact-info-grid>div,.contact-direct-card,.alerts-user-card,.alert-row-card,.anti-spam-box){border:1px solid #d8e2ef!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important;overflow-wrap:anywhere}
body.experience-ui .anti-spam-box{background:#f5f8fc!important}
body.experience-ui .alert-row-card small{font-size:13px}
body.experience-ui .notification-dropdown{border:1px solid #d8e2ef!important;border-radius:14px!important;box-shadow:0 12px 32px #0d1c3f1a!important}
body.experience-ui .notification-dropdown-head button{min-height:44px!important;min-width:44px!important;box-shadow:none!important;border-radius:8px!important;background:#edf4ff!important;color:#0343c2!important}
body.experience-ui .notification-dropdown-footer a{min-height:44px;display:flex;align-items:center;justify-content:center}
@media(max-width:760px){
 body.experience-ui :is(.contact-hero-card,.alerts-hero-card){grid-template-columns:minmax(0,1fr)!important;padding:22px 18px!important}
 body.experience-ui :is(.contact-form-card,.alerts-form-card,.alerts-locked-card){padding:20px!important}
 body.experience-ui .alert-row-card{align-items:flex-start;flex-wrap:wrap}
 body.experience-ui :is(.contact-pro-page,.alerts-private-page) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px!important;min-width:0;max-width:100%}
}