:root{
  --jd-navy:#0d172d;
  --jd-navy-2:#101a32;
  --jd-orange:#ff6900;
  --jd-bg:#f5f7fb;
  --jd-text:#172033;
  --jd-muted:#667085;
  --jd-line:#e3e8f0;
  --jd-white:#fff;
  --jd-green:#178a55;
  --jd-red:#c83f49;
  --jd-shadow:0 12px 36px rgba(13,23,45,.08);
}

.jobdeal-app{background:var(--jd-bg);color:var(--jd-text);min-height:70vh;font-family:inherit}
.jobdeal-app *{box-sizing:border-box}
.jd-container{width:min(1180px,calc(100% - 36px));margin:0 auto}
.jd-narrow{max-width:720px}
.jd-section{padding:52px 0}
.jd-center{text-align:center}

.jd-appbar{background:linear-gradient(135deg,var(--jd-navy),var(--jd-navy-2));border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.jd-appbar__inner{width:min(1180px,calc(100% - 36px));min-height:66px;margin:auto;display:flex;align-items:center;gap:22px}
.jd-appbar__nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;flex-wrap:wrap}
.jd-appbar__nav a{color:#bcc5d7;text-decoration:none;font-size:13px;font-weight:700;padding:9px 11px;border-radius:8px;transition:.2s ease}
.jd-appbar__nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.jd-appbar__user{color:#fff;font-size:12px;font-weight:700;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.jd-hero{padding:62px 0;background:linear-gradient(145deg,#0a1224,#111e3a);color:#fff;overflow:hidden}
.jd-hero__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:44px;align-items:center}
.jd-kicker{display:inline-block;color:var(--jd-orange);font-size:12px;font-weight:900;letter-spacing:.12em;margin-bottom:10px}
.jd-hero h1,.jd-section h1{margin:0 0 16px;font-size:clamp(32px,5vw,54px);line-height:1.03;letter-spacing:-.035em}
.jd-section h1{font-size:clamp(30px,4vw,46px);color:var(--jd-navy)}
.jd-hero p{max-width:760px;color:#c3ccdc;font-size:18px;line-height:1.65;margin:0}
.jd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.jd-hero__card{min-height:300px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(255,255,255,.055);box-shadow:0 24px 80px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}
.jd-hero__card img{width:138px;height:auto;border-radius:22px;margin-bottom:18px}
.jd-hero__card strong{font-size:24px}.jd-hero__card span{color:#aeb9cc;margin-top:5px}

.jd-btn{appearance:none;border:0;border-radius:10px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none!important;font-weight:800;font-size:14px;line-height:1.2;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
.jd-btn:hover{transform:translateY(-1px)}
.jd-btn--orange{background:var(--jd-orange);color:#fff!important;box-shadow:0 8px 18px rgba(255,105,0,.19)}
.jd-btn--orange:hover{background:#e95f00}
.jd-btn--outline{background:transparent;color:var(--jd-navy)!important;border:1px solid #cdd5e2}
.jd-hero .jd-btn--outline,.jd-appbar .jd-btn--outline{color:#fff!important;border-color:rgba(255,255,255,.3)}
.jd-btn--full{width:100%}.jd-btn--small{font-size:12px;padding:9px 12px;border-radius:8px}

.jd-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.jd-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.jd-card,.jd-panel,.jd-package,.jd-worker-card,.jd-area-card,.jd-empty,.jd-map-cta{background:#fff;border:1px solid var(--jd-line);border-radius:18px;box-shadow:var(--jd-shadow)}
.jd-card{padding:26px}.jd-card__num{display:inline-flex;width:38px;height:38px;border-radius:10px;background:#fff0e6;color:var(--jd-orange);font-weight:900;align-items:center;justify-content:center;margin-bottom:18px}.jd-card h2{font-size:19px;color:var(--jd-navy);margin:0 0 9px}.jd-card p{margin:0;color:var(--jd-muted);line-height:1.6}
.jd-panel{padding:28px;margin-bottom:20px}.jd-panel h1,.jd-panel h2{color:var(--jd-navy);margin-top:0}.jd-panel h2{font-size:22px}.jd-lead{color:var(--jd-muted);font-size:16px;line-height:1.65;margin-top:-5px;margin-bottom:25px}

.jd-form{display:grid;gap:16px}.jd-form--wide{gap:20px}.jd-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.jd-field{display:grid;gap:7px;margin:0}.jd-field>span,.jd-fieldset legend{font-size:13px;font-weight:800;color:#344054}.jd-field b,.jd-fieldset b{color:var(--jd-orange)}
.jd-field input,.jd-field select,.jd-field textarea{width:100%;border:1px solid #ced5df!important;border-radius:10px!important;background:#fff!important;color:var(--jd-text)!important;padding:12px 13px!important;font-size:14px!important;min-height:44px;box-shadow:none!important;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.jd-field textarea{resize:vertical}.jd-field input:focus,.jd-field select:focus,.jd-field textarea:focus{border-color:var(--jd-orange)!important;box-shadow:0 0 0 3px rgba(255,105,0,.1)!important}.jd-field small{color:#7b8798;font-size:11px}
.jd-check{display:flex;align-items:flex-start;gap:9px;color:#475467;font-size:13px;line-height:1.45}.jd-check input{margin-top:3px}.jd-check a{color:var(--jd-orange)}.jd-legal{font-size:12px;color:#7a8496;line-height:1.5;background:#f8fafc;border-radius:10px;padding:12px;margin:0}.jd-form-foot{text-align:center;color:var(--jd-muted);font-size:13px;margin:18px 0 0}.jd-form-foot a{color:var(--jd-orange);font-weight:800}
.jd-fieldset{border:0;padding:0;margin:0;min-width:0}.jd-fieldset legend{margin-bottom:9px}.jd-chip-grid{display:flex;gap:8px;flex-wrap:wrap}.jd-chip{cursor:pointer}.jd-chip input{position:absolute;opacity:0;pointer-events:none}.jd-chip span{display:inline-flex;border:1px solid #d5dce7;background:#fff;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:700;color:#536176;transition:.15s}.jd-chip input:checked+span{background:#fff0e6;border-color:#ffb17c;color:#bd4c00}
.jd-toggle-row{display:flex;gap:24px;flex-wrap:wrap;padding:15px 0}.jd-toggle{display:flex;align-items:center;gap:9px;cursor:pointer}.jd-toggle input{display:none}.jd-toggle>span{width:42px;height:23px;border-radius:99px;background:#cfd6e1;position:relative;transition:.2s}.jd-toggle>span:after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.jd-toggle input:checked+span{background:var(--jd-orange)}.jd-toggle input:checked+span:after{transform:translateX(19px)}.jd-toggle b{font-size:13px;color:#344054}
.jd-profile-photo{display:flex;align-items:center;gap:10px}.jd-profile-photo img{width:74px;height:74px;border-radius:14px;object-fit:cover}.jd-profile-photo span{font-size:12px;color:var(--jd-muted)}

.jd-account-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.jd-account-head h1{margin-bottom:0}.jd-credit-pill,.jd-status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#fff;border:1px solid var(--jd-line);padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}.jd-credit-pill strong{font-size:20px;color:var(--jd-orange)}.jd-status span{width:8px;height:8px;border-radius:50%}.jd-status.is-on span{background:#20a66a}.jd-status.is-off span{background:#9aa4b2}
.jd-stack-actions{display:grid;gap:10px}.jd-action-card{display:grid;gap:3px;border:1px solid var(--jd-line);border-radius:12px;padding:15px;text-decoration:none!important;transition:.18s}.jd-action-card:hover{border-color:#ffb17c;transform:translateY(-1px)}.jd-action-card strong{color:var(--jd-navy)}.jd-action-card span{color:var(--jd-muted);font-size:13px}

.jd-filterbar{background:#fff;border:1px solid var(--jd-line);border-radius:16px;padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:12px;align-items:end;box-shadow:var(--jd-shadow);margin-bottom:18px}.jd-filterbar .jd-field>span{font-size:11px}.jd-check--filter{align-items:center;padding-bottom:11px;white-space:nowrap}.jd-result-head{font-size:13px;color:var(--jd-muted);margin:20px 2px}.jd-result-head strong{color:var(--jd-orange);font-size:20px}
.jd-worker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.jd-worker-card{padding:22px}.jd-worker-card__top{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.jd-worker-card__photo,.jd-worker-card__avatar{width:58px;height:58px;border-radius:14px;object-fit:cover}.jd-worker-card__avatar{background:#eef1f7;color:var(--jd-navy);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900}.jd-worker-card h2{font-size:18px;margin:0 0 4px;color:var(--jd-navy)}.jd-worker-card__top p{font-size:12px;color:var(--jd-muted);margin:0}.jd-badge{font-size:10px;font-weight:900;border-radius:999px;padding:6px 8px}.jd-badge--green{background:#e8f7ef;color:#147147}.jd-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.jd-tags span{background:#f2f4f7;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;color:#475467}.jd-worker-card__areas,.jd-worker-card__about{font-size:13px;color:#5f6c80;line-height:1.5}.jd-contact-box{margin-top:16px;border-radius:12px;padding:13px;border:1px solid var(--jd-line)}.jd-contact-box.is-locked{background:#fafbfc}.jd-contact-box.is-unlocked{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f4fbf7;border-color:#bfe7d0}.jd-contact-box.is-unlocked div{display:grid;gap:2px}.jd-contact-box.is-unlocked span{font-size:10px;color:#6b7788;text-transform:uppercase;font-weight:800}.jd-contact-box.is-unlocked a{color:#12663f;text-decoration:none;font-weight:800;word-break:break-word}.jd-locked-copy{display:grid;gap:2px;margin-bottom:10px}.jd-locked-copy strong{font-size:13px}.jd-locked-copy span{font-size:11px;color:var(--jd-muted)}

.jd-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.jd-package{padding:25px;text-align:center}.jd-package__credits{font-size:44px;font-weight:950;color:var(--jd-orange);line-height:1}.jd-package h2{font-size:18px;margin:5px 0 16px}.jd-package__price{font-size:24px;font-weight:900;color:var(--jd-navy)}.jd-package__price small{font-size:12px;color:var(--jd-muted)}.jd-package__total{font-size:11px;color:#7b8798;margin:5px 0 18px}
.jd-table-wrap{overflow-x:auto}.jd-table{width:100%;border-collapse:collapse;font-size:13px}.jd-table th,.jd-table td{text-align:left;padding:11px 10px;border-bottom:1px solid #edf0f4;vertical-align:middle}.jd-table th{font-size:11px;color:#667085;text-transform:uppercase}.jd-inline-form{display:inline}.jd-link-btn{appearance:none;border:0;background:none;color:var(--jd-orange);font:inherit;font-weight:800;cursor:pointer;padding:4px}.jd-link-btn--danger{color:var(--jd-red)}.jd-order-status{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.jd-order-status--warning{background:#fff4df;color:#9f6200}.jd-order-status--info{background:#eaf2ff;color:#305fa8}.jd-order-status--success{background:#e8f7ef;color:#147147}.jd-order-status--error{background:#fdebec;color:#a62f38}

.jd-demand-item{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #edf0f4}.jd-demand-item:last-child{border-bottom:0}.jd-demand-item>div:first-child{display:grid;gap:3px}.jd-demand-item strong{color:var(--jd-navy)}.jd-demand-item span,.jd-demand-item small{color:var(--jd-muted);font-size:12px}.jd-demand-actions{display:flex;gap:7px;align-items:center}.jd-demand-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:26px}.jd-area-card{padding:20px}.jd-area-card__head{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #edf0f4;padding-bottom:12px;margin-bottom:9px}.jd-area-card__head h2{margin:0;color:var(--jd-navy);font-size:19px}.jd-area-card__head span{background:#fff0e6;color:#bc4b00;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.jd-area-card__roles{display:grid}.jd-area-card__roles>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #edf0f4;font-size:12px}.jd-area-card__roles>div:last-child{border-bottom:0}.jd-area-card__roles span{color:#566276}.jd-area-card__roles strong{color:var(--jd-orange);font-size:16px}.jd-map-cta{margin-top:24px;padding:20px;display:flex;align-items:center;gap:13px}.jd-map-cta strong{color:var(--jd-navy)}.jd-map-cta span{color:var(--jd-muted);font-size:13px;flex:1}.jd-empty{padding:38px;text-align:center}.jd-empty h1,.jd-empty h2{color:var(--jd-navy);margin-top:0}.jd-empty p{color:var(--jd-muted)}

.jd-notice{margin:18px 0 0;border-radius:12px;padding:13px 15px;font-size:13px;font-weight:700;border:1px solid}.jd-notice--success{background:#edf9f2;border-color:#bfe7d0;color:#14663f}.jd-notice--error{background:#fff0f1;border-color:#f1c2c6;color:#982d35}.jd-notice--warning{background:#fff8e9;border-color:#f0d7a6;color:#8d5b00}.jd-notice--info{background:#eef5ff;border-color:#c9daf7;color:#315b9c}

@media(max-width:980px){
  .jd-appbar__inner{flex-wrap:wrap;padding:10px 0}.jd-appbar__nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.jd-appbar__nav a{white-space:nowrap}.jd-appbar__user{margin-left:auto}
  .jd-hero__grid{grid-template-columns:1fr}.jd-hero__card{display:none}.jd-three,.jd-package-grid,.jd-demand-map{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-worker-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .jd-container,.jd-appbar__inner{width:min(100% - 24px,1180px)}.jd-section{padding:34px 0}.jd-hero{padding:42px 0}.jd-hero p{font-size:16px}.jd-three,.jd-two,.jd-package-grid,.jd-demand-map,.jd-form-grid,.jd-filterbar{grid-template-columns:1fr}.jd-panel{padding:20px}.jd-account-head{align-items:flex-start;flex-direction:column}.jd-worker-card__top{grid-template-columns:auto 1fr}.jd-worker-card__top .jd-badge{grid-column:1/-1;width:max-content}.jd-contact-box.is-unlocked{grid-template-columns:1fr}.jd-map-cta{align-items:flex-start;flex-direction:column}.jd-map-cta .jd-btn{width:100%}.jd-demand-item{align-items:flex-start;flex-direction:column}.jd-demand-actions{width:100%;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.jobdeal-app *,.jobdeal-app *:before,.jobdeal-app *:after{transition:none!important;animation:none!important}}

/* =========================================================
   JOBDEAL v1.0.3 — SEARCHABLE AREA CHIPS
   ========================================================= */
.jd-chip-search-wrap{display:grid;gap:6px;margin:0 0 10px}.jd-chip-search-wrap input{width:100%;border:1px solid #ced5df!important;border-radius:10px!important;background:#fff!important;color:var(--jd-text)!important;padding:11px 13px!important;min-height:44px;box-shadow:none!important;outline:none}.jd-chip-search-wrap input:focus{border-color:var(--jd-orange)!important;box-shadow:0 0 0 3px rgba(255,105,0,.1)!important}.jd-chip-search-wrap small{font-size:11px;color:#7b8798}.jd-chip-grid--scroll{max-height:360px;overflow:auto;padding:10px;border:1px solid #edf0f4;border-radius:12px;background:#fbfcfe}.jd-chip.is-hidden{display:none!important}

/* =========================================================
   JOBDEAL PRIVATE FRONT ADMIN PANEL
   ========================================================= */
.jobdeal-private-admin-page{background:#07101f!important}.jobdeal-private-admin-page .site-header,.jobdeal-private-admin-page .site-footer,.jobdeal-private-admin-page footer.site-footer,.jobdeal-private-admin-page .nv-page-title-wrap,.jobdeal-private-admin-page .entry-header,.jobdeal-private-admin-page .nv-before-content-wrap{display:none!important}.jobdeal-private-admin-page .container.single-page-container,.jobdeal-private-admin-page .nv-single-page-wrap,.jobdeal-private-admin-page .nv-content-wrap,.jobdeal-private-admin-page .entry-content{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.jobdeal-private-admin-page .nv-sidebar-wrap{display:none!important}

.jd-pa-gate{min-height:100vh;display:grid;place-items:center;padding:30px;background:#fff;color:#111827;font-family:Arial,sans-serif}.jd-pa-gate__box{width:min(620px,100%);text-align:center}.jd-pa-gate__code{font-size:90px;line-height:1;font-weight:800;letter-spacing:-5px;color:#111827}.jd-pa-gate h1{margin:16px 0 8px;font-size:28px;color:#111827}.jd-pa-gate p{margin:0 0 18px;color:#6b7280;font-size:15px}.jd-pa-gate a{color:#2563eb;text-decoration:none;font-size:14px}.jd-pa-secret-form{position:fixed!important;left:50%!important;top:50%!important;width:2px!important;height:2px!important;overflow:hidden!important;opacity:.01!important;z-index:2147483647!important;pointer-events:none!important;transform:translate(-50%,-50%)!important}.jd-pa-secret-form input[type=password]{display:block!important;width:2px!important;height:2px!important;min-width:2px!important;min-height:2px!important;padding:0!important;border:0!important;opacity:.01!important;background:transparent!important;color:transparent!important;caret-color:transparent!important}

.jd-pa-shell{min-height:100vh;background:#07101f;color:#e6ebf3;font-family:inherit;padding-bottom:60px}.jd-pa-head{width:min(1480px,calc(100% - 36px));margin:0 auto;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.08)}.jd-pa-brand{display:flex;align-items:center;gap:15px}.jd-pa-brand img{width:180px;max-height:48px;object-fit:contain}.jd-pa-brand div{display:grid;gap:2px}.jd-pa-brand span{font-size:10px;letter-spacing:1.6px;color:#ff6900;font-weight:900}.jd-pa-brand strong{font-size:15px;color:#fff}.jd-pa-logout button,.jd-pa-wpadmin-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#d7deea!important;border-radius:10px;padding:9px 14px;font-weight:800;cursor:pointer;text-decoration:none!important}.jd-pa-nav{width:min(1480px,calc(100% - 36px));margin:0 auto;display:flex;gap:7px;padding:14px 0;overflow-x:auto}.jd-pa-nav a{white-space:nowrap;text-decoration:none!important;color:#9facc0;border:1px solid transparent;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:800}.jd-pa-nav a:hover,.jd-pa-nav a.is-active{color:#fff;background:rgba(255,105,0,.12);border-color:rgba(255,105,0,.28)}.jd-pa-main{width:min(1480px,calc(100% - 36px));margin:18px auto 0}.jd-pa-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.jd-pa-title span{display:block;color:#ff6900;font-size:11px;font-weight:900;letter-spacing:1.5px}.jd-pa-title h1{margin:5px 0 0;color:#fff;font-size:34px;letter-spacing:-.8px}.jd-pa-title p{margin:0;color:#8f9db2;font-size:13px}.jd-pa-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.jd-pa-stats a{display:grid;gap:6px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0e1a2e;text-decoration:none!important;box-shadow:0 14px 34px rgba(0,0,0,.12);transition:.18s}.jd-pa-stats a:hover{transform:translateY(-2px);border-color:rgba(255,105,0,.35)}.jd-pa-stats span{color:#9facc0;font-size:12px;font-weight:800}.jd-pa-stats strong{color:#fff;font-size:36px}.jd-pa-stats small{color:#738197;font-size:11px}.jd-pa-info{margin-top:18px;padding:18px;border:1px solid rgba(255,105,0,.2);border-radius:14px;background:rgba(255,105,0,.07);display:grid;gap:5px}.jd-pa-info strong{color:#ff8a3d}.jd-pa-info span{font-size:12px;color:#9facc0;line-height:1.6}

.jd-pa-search{display:flex;gap:10px;margin-bottom:18px}.jd-pa-search input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#0e1a2e;color:#fff;padding:12px 14px;outline:none}.jd-pa-search input:focus{border-color:#ff6900;box-shadow:0 0 0 3px rgba(255,105,0,.1)}.jd-pa-search button{border:0;border-radius:11px;background:#ff6900;color:#fff;padding:0 19px;font-weight:900;cursor:pointer}.jd-pa-empty{padding:36px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0e1a2e;color:#8f9db2;text-align:center}

.jd-pa-cv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jd-pa-cv,.jd-pa-business{border:1px solid rgba(255,255,255,.08);border-radius:19px;background:#0e1a2e;box-shadow:0 16px 36px rgba(0,0,0,.13);overflow:hidden}.jd-pa-cv{padding:20px}.jd-pa-cv__head{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.jd-pa-cv__photo,.jd-pa-cv__avatar{width:64px;height:64px;border-radius:15px;object-fit:cover}.jd-pa-cv__avatar{display:grid;place-items:center;background:#182a46;color:#ff8a3d;font-size:25px;font-weight:950}.jd-pa-cv__head h2{margin:0 0 4px;color:#fff;font-size:19px}.jd-pa-cv__head p{margin:0;color:#738197;font-size:11px}.jd-pa-cv__head .is-ok{color:#45c587}.jd-pa-cv__head .is-warn{color:#ffb14a}.jd-pa-cv__status{display:grid;justify-items:end;gap:5px}.jd-pa-cv__status b{border-radius:999px;padding:5px 8px;font-size:10px}.jd-pa-cv__status .is-on{background:rgba(32,166,106,.15);color:#54d99a}.jd-pa-cv__status .is-off{background:rgba(255,255,255,.08);color:#99a5b8}.jd-pa-cv__status small{color:#8f9db2;font-size:10px}
.jd-pa-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.jd-pa-facts>div{min-width:0;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#0a1527;display:grid;gap:3px}.jd-pa-facts span{color:#738197;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.jd-pa-facts strong{color:#dfe6f0;font-size:12px;word-break:break-word}.jd-pa-facts a{color:#ff8a3d!important;text-decoration:none!important}.jd-pa-block{margin-top:12px}.jd-pa-block>span{display:block;margin-bottom:7px;color:#738197;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.jd-pa-block>p{margin:0;padding:13px;border-radius:11px;background:#0a1527;color:#bdc7d6;font-size:12px;line-height:1.65}.jd-pa-tags{display:flex;flex-wrap:wrap;gap:6px}.jd-pa-tags b{border:1px solid rgba(255,105,0,.22);border-radius:999px;background:rgba(255,105,0,.08);color:#ff9a58;padding:5px 8px;font-size:10px}.jd-pa-tags--areas b{border-color:rgba(96,165,250,.2);background:rgba(96,165,250,.07);color:#8dc1ff}.jd-pa-cv footer,.jd-pa-business footer{display:block!important;margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);color:#647187;font-size:10px}

.jd-pa-business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.jd-pa-business{padding:20px}.jd-pa-business__head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}.jd-pa-business__icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#182a46;font-size:24px}.jd-pa-business h2{margin:0 0 3px;color:#fff;font-size:18px}.jd-pa-business p{margin:0;color:#738197;font-size:11px}.jd-pa-business__head>strong{color:#ff8a3d;font-size:12px;white-space:nowrap}

.jd-pa-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0e1a2e}.jd-pa-table{width:100%;border-collapse:collapse;min-width:820px}.jd-pa-table th,.jd-pa-table td{text-align:left;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.jd-pa-table th{color:#738197;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.jd-pa-table td{color:#c6d0de;font-size:12px}.jd-pa-table td strong{color:#fff}.jd-pa-table td small{display:block;color:#738197;margin-top:3px}

.jd-pa-demand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.jd-pa-demand-grid article{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0e1a2e}.jd-pa-demand-grid article>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.jd-pa-demand-grid span{color:#8795aa;font-size:11px}.jd-pa-demand-grid b{font-size:9px;border-radius:999px;padding:4px 7px}.jd-pa-demand-grid b.is-on{background:rgba(32,166,106,.15);color:#54d99a}.jd-pa-demand-grid b.is-off{background:rgba(255,255,255,.07);color:#8a97aa}.jd-pa-demand-grid h2{margin:15px 0 5px;color:#fff;font-size:18px}.jd-pa-demand-grid p{margin:0;color:#8dc1ff;font-size:12px}.jd-pa-demand-grid>article>strong{display:block;margin-top:13px;color:#ff8a3d}.jd-pa-demand-grid>article>small{display:block;margin-top:5px;color:#647187;font-size:10px}

@media(max-width:1050px){.jd-pa-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-pa-cv-grid,.jd-pa-business-grid{grid-template-columns:1fr}.jd-pa-demand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.jd-pa-head,.jd-pa-nav,.jd-pa-main{width:calc(100% - 24px)}.jd-pa-head{min-height:76px}.jd-pa-brand img{width:145px}.jd-pa-brand div{display:none}.jd-pa-title{align-items:flex-start;flex-direction:column}.jd-pa-title h1{font-size:29px}.jd-pa-stats,.jd-pa-demand-grid{grid-template-columns:1fr}.jd-pa-search{flex-direction:column}.jd-pa-search button{min-height:44px}.jd-pa-cv__head{grid-template-columns:auto 1fr}.jd-pa-cv__status{grid-column:1/-1;justify-items:start}.jd-pa-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-pa-business__head{grid-template-columns:auto 1fr}.jd-pa-business__head>strong{grid-column:1/-1}.jd-pa-gate__code{font-size:70px}}

/* Employer classification */
.jd-fieldset-note{display:block;margin:-3px 0 10px;color:#7b8798;font-size:11px}.jd-business-types{padding:14px;border:1px solid #e3e8f0;border-radius:13px;background:#fbfcfe}.jd-business-types legend{padding:0 5px}.jd-business-other{display:none}.jd-business-other.is-visible{display:grid}.jd-multi-error{min-height:16px;margin-top:8px;color:#c83f49;font-size:11px;font-weight:700}.jd-field input[list]{background-image:linear-gradient(45deg,transparent 50%,#98a2b3 50%),linear-gradient(135deg,#98a2b3 50%,transparent 50%);background-position:calc(100% - 16px) 19px,calc(100% - 11px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}

/* =========================================================
   JOBDEAL v1.0.6 — polished searchable dropdowns
   ========================================================= */
.jd-field--combo{position:relative;z-index:4}
.jd-combo{position:relative;width:100%}
.jd-combo__control,.jd-multi-select__control{appearance:none;width:100%;min-height:50px;border:1px solid #d5dce7;border-radius:12px;background:#fff;color:#24324a;padding:0 46px 0 15px;display:flex;align-items:center;gap:10px;text-align:left;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.02);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.jd-combo__control:hover,.jd-multi-select__control:hover{border-color:#b9c4d2;background:#fdfefe}
.jd-combo.is-open .jd-combo__control,.jd-multi-select.is-open .jd-multi-select__control{border-color:var(--jd-orange);box-shadow:0 0 0 3px rgba(255,105,0,.10)}
.jd-combo__control>span,.jd-multi-select__control>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jd-combo__control i,.jd-multi-select__control i{position:absolute;right:16px;width:9px;height:9px;border-right:2px solid #77849a;border-bottom:2px solid #77849a;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.jd-combo.is-open .jd-combo__control i,.jd-multi-select.is-open .jd-multi-select__control i{transform:rotate(225deg) translate(-2px,-2px)}
.jd-combo__menu,.jd-multi-select__menu{position:absolute;z-index:9999;left:0;right:0;top:calc(100% + 8px);display:none;border:1px solid #dbe2ec;border-radius:15px;background:#fff;box-shadow:0 22px 55px rgba(13,23,45,.16);overflow:hidden}
.jd-combo.is-open .jd-combo__menu,.jd-multi-select.is-open .jd-multi-select__menu{display:block}
.jd-combo__search,.jd-multi-select__search{padding:11px;border-bottom:1px solid #edf0f4;background:#fbfcfe}
.jd-combo__search input,.jd-multi-select__search input{width:100%;height:42px;border:1px solid #d9e0ea!important;border-radius:10px!important;background:#fff!important;color:#24324a!important;padding:0 13px!important;font-size:13px!important;outline:none;box-shadow:none!important}
.jd-combo__search input:focus,.jd-multi-select__search input:focus{border-color:var(--jd-orange)!important;box-shadow:0 0 0 3px rgba(255,105,0,.08)!important}
.jd-combo__list,.jd-multi-select__list{max-height:300px;overflow:auto;padding:7px;overscroll-behavior:contain}
.jd-combo__option{appearance:none;width:100%;min-height:42px;border:0;border-radius:9px;background:transparent;color:#344054;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.jd-combo__option:hover{background:#f6f8fb}
.jd-combo__option.is-selected{background:#fff4ec;color:#b94700;font-weight:800}
.jd-combo__option b{opacity:0;color:var(--jd-orange)}
.jd-combo__option.is-selected b{opacity:1}
.jd-combo.has-error .jd-combo__control,.jd-multi-select.has-error .jd-multi-select__control{border-color:#c83f49;box-shadow:0 0 0 3px rgba(200,63,73,.08)}

.jd-multi-select{position:relative;z-index:3;padding:0!important;border:0!important;background:transparent!important}
.jd-multi-select__control{position:relative;padding-right:82px}
.jd-multi-select__control em{position:absolute;right:42px;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#eef2f7;color:#6b778b;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:900}
.jd-multi-select__control em:empty{display:none}
.jd-multi-select__list{display:grid;grid-template-columns:1fr;gap:3px}
.jd-multi-select__list--business{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:9px}
.jd-option-row{min-height:43px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;padding:8px 10px;color:#40506a;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.jd-option-row:hover{background:#f7f9fc;border-color:#edf0f4}
.jd-option-row input{position:absolute;opacity:0;pointer-events:none}
.jd-option-row__check{width:20px;height:20px;flex:0 0 20px;border:1.5px solid #cbd4e0;border-radius:6px;background:#fff;color:transparent;display:grid;place-items:center;font-size:11px;font-weight:950;transition:.15s ease}
.jd-option-row__label{font-size:12.5px;font-weight:700;line-height:1.25}
.jd-option-row:has(input:checked){background:#fff4ec;border-color:#ffd0ad;color:#a84200}
.jd-option-row input:checked+.jd-option-row__check{background:var(--jd-orange);border-color:var(--jd-orange);color:#fff}
.jd-option-row.is-hidden{display:none!important}
.jd-business-types .jd-fieldset-note,.jd-multi-select .jd-fieldset-note{margin:0 0 9px}
.jd-business-other{margin-top:0}
.jd-multi-error{min-height:0;margin-top:6px}
.jd-multi-error:not(:empty){min-height:16px}

/* Native selects that remain in compact filters. */
.jd-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#77849a 50%),linear-gradient(135deg,#77849a 50%,transparent 50%)!important;background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;padding-right:36px!important}

/* Hidden PIN stays keyboard-focusable on Android/Samsung Internet. */
.jd-pa-secret-form{position:fixed!important;left:50%!important;bottom:18%!important;top:auto!important;width:190px!important;height:54px!important;overflow:visible!important;opacity:.001!important;z-index:2147483647!important;pointer-events:none!important;transform:translateX(-50%)!important}
.jd-pa-secret-form input[type=password]{display:block!important;width:190px!important;height:54px!important;min-width:190px!important;min-height:54px!important;padding:0!important;border:0!important;opacity:.001!important;background:transparent!important;color:transparent!important;caret-color:transparent!important}

@media(max-width:700px){
  .jd-combo__menu,.jd-multi-select__menu{position:fixed;left:12px;right:12px;top:50%;max-height:72vh;transform:translateY(-50%);border-radius:17px;box-shadow:0 28px 80px rgba(5,14,28,.28)}
  .jd-combo__list,.jd-multi-select__list{max-height:calc(72vh - 72px)}
  .jd-multi-select__list--business{grid-template-columns:1fr}
  .jd-combo__control,.jd-multi-select__control{min-height:52px}
  .jd-option-row{min-height:46px}
}
/* Arrow alignment refinement */
.jd-combo__control{position:relative}
.jd-combo__control i,.jd-multi-select__control i{top:50%;transform:translateY(-65%) rotate(45deg)}
.jd-combo.is-open .jd-combo__control i,.jd-multi-select.is-open .jd-multi-select__control i{transform:translateY(-35%) rotate(225deg)}

/* =========================================================
   JOBDEAL v1.0.7 — stable dropdowns + logged-out panel PIN
   ========================================================= */

/* Dropdown menus expand in the normal document flow.
   This avoids clipping/disappearing menus inside theme/form containers. */
.jd-field--combo,
.jd-combo,
.jd-multi-select{
  z-index:auto!important;
}

.jd-combo__menu,
.jd-multi-select__menu{
  position:relative!important;
  z-index:1!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  width:100%!important;
  max-height:none!important;
  margin-top:8px!important;
  border:1px solid #dbe2ec!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(13,23,45,.08)!important;
  overflow:hidden!important;
}

.jd-combo__list,
.jd-multi-select__list{
  max-height:290px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}

.jd-multi-select__list--business{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.jd-option-row.is-selected{
  background:#fff4ec!important;
  border-color:#ffd0ad!important;
  color:#a84200!important;
}

.jd-option-row.is-selected .jd-option-row__check{
  background:var(--jd-orange)!important;
  border-color:var(--jd-orange)!important;
  color:#fff!important;
}

.jd-combo__control,
.jd-multi-select__control{
  background:#fff!important;
}

.jd-combo__menu[style*="display: none"],
.jd-multi-select__menu[style*="display: none"]{
  display:none!important;
}

/* The selector remains compact while closed. */
.jd-combo:not(.is-open) .jd-combo__menu,
.jd-multi-select:not(.is-open) .jd-multi-select__menu{
  display:none!important;
}

.jd-combo.is-open .jd-combo__menu,
.jd-multi-select.is-open .jd-multi-select__menu{
  display:block!important;
}

/* Private panel: invisible until the secret two taps/clicks, then a real
   focusable PIN field appears. This is deliberately not tied to WP login. */
.jd-pa-secret-form{
  position:fixed!important;
  left:50%!important;
  bottom:46px!important;
  top:auto!important;
  width:190px!important;
  height:48px!important;
  transform:translateX(-50%) translateY(8px)!important;
  z-index:2147483647!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:visible!important;
  transition:opacity .16s ease,transform .16s ease!important;
}

.jd-pa-secret-form.is-armed{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}

.jd-pa-secret-form input[type=password]{
  display:block!important;
  width:190px!important;
  height:48px!important;
  min-width:190px!important;
  min-height:48px!important;
  padding:0 16px!important;
  border:1px solid #d6dde8!important;
  border-radius:12px!important;
  outline:none!important;
  opacity:1!important;
  background:#fff!important;
  color:#111827!important;
  caret-color:#ff6900!important;
  box-shadow:0 18px 50px rgba(10,18,36,.18)!important;
  text-align:center!important;
  font-size:20px!important;
  letter-spacing:5px!important;
}

.jd-pa-secret-form input[type=password]:focus{
  border-color:#ff6900!important;
  box-shadow:0 0 0 3px rgba(255,105,0,.12),0 18px 50px rgba(10,18,36,.18)!important;
}

@media(max-width:700px){
  .jd-multi-select__list--business{
    grid-template-columns:1fr!important;
  }

  .jd-combo__list,
  .jd-multi-select__list{
    max-height:260px!important;
  }

  .jd-pa-secret-form{
    bottom:34px!important;
  }
}

/* =========================================================
   JOBDEAL v1.0.8 — public page shortcodes + banners
   ========================================================= */
.jd-shortcode-module{width:100%}.jd-login-hint{margin-top:-26px;margin-bottom:34px;padding:13px 16px;border:1px solid var(--jd-line);border-radius:12px;background:#fff;color:var(--jd-muted);font-size:13px}.jd-login-hint a{color:var(--jd-orange)!important;font-weight:850;text-decoration:none!important}

.jd-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%}.jd-home-action{min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border-radius:22px;text-decoration:none!important;border:1px solid var(--jd-line);box-shadow:var(--jd-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.jd-home-action:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(10,18,36,.10)}.jd-home-action span{font-size:11px;font-weight:900;letter-spacing:1.4px;color:var(--jd-orange)}.jd-home-action strong{display:block;margin:9px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.05}.jd-home-action small{max-width:560px;font-size:14px;line-height:1.65}.jd-home-action b{margin-top:22px;font-size:13px}.jd-home-action--employer{background:linear-gradient(145deg,#0a1224,#101a32);border-color:#0a1224}.jd-home-action--employer strong,.jd-home-action--employer b{color:#fff}.jd-home-action--employer small{color:#aeb9cb}.jd-home-action--worker{background:linear-gradient(145deg,#fff,#f8faff)}.jd-home-action--worker strong,.jd-home-action--worker b{color:var(--jd-navy)}.jd-home-action--worker small{color:var(--jd-muted)}

.jd-public-packages{padding:70px 0;background:linear-gradient(145deg,#091224,#111b34);color:#fff}.jd-public-packages__head{max-width:760px;margin:0 auto 34px;text-align:center}.jd-public-packages__head>span{color:var(--jd-orange);font-size:11px;font-weight:900;letter-spacing:1.5px}.jd-public-packages__head h2{margin:9px 0 13px;color:#fff;font-size:clamp(30px,4vw,44px);line-height:1.1}.jd-public-packages__head p{margin:0;color:#aeb9cb;line-height:1.7}.jd-public-packages__head p strong{color:#ff9a58}.jd-package-grid--public{max-width:920px;margin:0 auto}.jd-public-packages .jd-package{position:relative;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10);box-shadow:none}.jd-public-packages .jd-package.is-featured{border-color:rgba(255,105,0,.75);box-shadow:0 16px 45px rgba(0,0,0,.16)}.jd-public-packages .jd-package h3{margin:4px 0 14px;color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.8px}.jd-public-packages .jd-package__price{color:#fff}.jd-public-packages .jd-package p{color:#8f9db2;font-size:12px}.jd-package__badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:999px;background:var(--jd-orange);color:#fff;font-size:9px;letter-spacing:1px;white-space:nowrap}.jd-package__worker-note{display:block;margin-top:16px;color:#96a3b7;font-size:12px;line-height:1.5}

.jd-banner-rotator{position:relative;width:100%;margin:24px 0;overflow:hidden;border-radius:20px;background:#f3f5f8;box-shadow:0 14px 40px rgba(10,18,36,.07)}.jd-banner-rotator__slides{position:relative;width:100%}.jd-banner-slide{display:none;width:100%;opacity:0;transition:opacity .35s ease}.jd-banner-slide.is-active{display:block;opacity:1}.jd-banner-slide a,.jd-banner-slide img{display:block;width:100%}.jd-banner-slide img{height:auto;max-height:360px;object-fit:cover}.jd-banner-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(8,17,32,.42);backdrop-filter:blur(8px)}.jd-banner-dots button{appearance:none;width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}.jd-banner-dots button.is-active{width:20px;border-radius:999px;background:#fff}

.jd-pa-alert{margin-bottom:16px;padding:12px 14px;border-radius:11px;font-size:12px;font-weight:800}.jd-pa-alert.is-ok{background:rgba(32,166,106,.13);color:#65dda3;border:1px solid rgba(32,166,106,.25)}.jd-pa-alert.is-warn{background:rgba(255,177,74,.1);color:#ffbd65;border:1px solid rgba(255,177,74,.2)}.jd-pa-banner-layout{display:grid;grid-template-columns:minmax(300px,430px) 1fr;gap:18px;align-items:start}.jd-pa-banner-form{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0e1a2e;display:grid;gap:12px}.jd-pa-banner-form h2{margin:0 0 4px;color:#fff;font-size:20px}.jd-pa-banner-form label{display:grid;gap:6px}.jd-pa-banner-form label>span{color:#8896aa;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.jd-pa-banner-form input,.jd-pa-banner-form select{width:100%;min-height:43px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#091426;color:#fff;padding:0 12px;outline:none}.jd-pa-banner-form input:focus,.jd-pa-banner-form select:focus{border-color:#ff6900;box-shadow:0 0 0 3px rgba(255,105,0,.1)}.jd-pa-banner-checks{display:flex;flex-wrap:wrap;gap:16px}.jd-pa-banner-checks label{display:flex!important;align-items:center;gap:7px;color:#b8c2d2;font-size:12px}.jd-pa-banner-checks input{width:auto!important;min-height:0!important}.jd-pa-banner-actions{display:flex;gap:9px;align-items:center}.jd-pa-banner-actions button,.jd-pa-banner-actions a{border:0;border-radius:10px;background:#ff6900;color:#fff!important;padding:10px 14px;font-weight:850;text-decoration:none!important;cursor:pointer}.jd-pa-banner-actions a{background:rgba(255,255,255,.08)}.jd-pa-banner-list{display:grid;gap:12px}.jd-pa-banner-card{display:grid;grid-template-columns:180px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0e1a2e}.jd-pa-banner-card img{width:180px;height:100px;object-fit:cover;border-radius:10px;background:#081120}.jd-pa-banner-card>div>span{color:#ff8a3d;font-size:10px;font-weight:900;letter-spacing:.8px}.jd-pa-banner-card h2{margin:4px 0;color:#fff;font-size:17px}.jd-pa-banner-card p{margin:0 0 6px;color:#8795aa;font-size:11px}.jd-pa-banner-card code{color:#8dc1ff;font-size:10px}.jd-pa-banner-card__actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.jd-pa-banner-card__actions a,.jd-pa-banner-card__actions button{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.04);color:#d5deeb!important;padding:0 10px;font-size:10px;font-weight:850;text-decoration:none!important;cursor:pointer}.jd-pa-banner-card__actions button.is-danger{color:#ff8d96!important;border-color:rgba(255,100,110,.2)}

@media(max-width:900px){.jd-home-actions{grid-template-columns:1fr}.jd-pa-banner-layout{grid-template-columns:1fr}.jd-pa-banner-card{grid-template-columns:140px 1fr}.jd-pa-banner-card img{width:140px;height:88px}.jd-pa-banner-card__actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:620px){.jd-banner-rotator{border-radius:14px;margin:18px 0}.jd-banner-slide img{max-height:230px}.jd-public-packages{padding:52px 0}.jd-home-action{min-height:190px;padding:24px}.jd-pa-banner-card{grid-template-columns:1fr}.jd-pa-banner-card img{width:100%;height:auto;max-height:180px}.jd-login-hint{margin-top:-18px}}


/* =========================================================
   JOBDEAL v1.0.9 — embedded shortcode width + mobile layout
   Public shortcodes use the full usable width of their page
   instead of creating a second narrow container.
   ========================================================= */

/* Employer/worker modules: one page-width wrapper, no nested 720px "sausage". */
.jd-shortcode-module--employer,
.jd-shortcode-module--worker{
  width:min(1180px,calc(100% - 60px));
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.jd-shortcode-module--employer .jd-container,
.jd-shortcode-module--worker .jd-container{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.jd-shortcode-module--employer .jd-narrow,
.jd-shortcode-module--worker .jd-narrow{
  max-width:none!important;
}

/* Forms inside public pages use the available page width. */
.jd-shortcode-module .jd-panel{
  width:100%;
  max-width:none;
}

/* Demand shortcode is normally placed inside the page's own wrapper/card.
   It must inherit that exact width and must not add another container. */
.jd-shortcode-module--demand{
  width:100%;
  max-width:none;
  margin:0;
}

.jd-demand-embed{
  width:100%;
  max-width:none;
  margin:0;
}

.jd-demand-embed .jd-demand-map,
.jd-demand-embed .jd-empty,
.jd-demand-embed .jd-map-cta{
  width:100%;
  max-width:none;
}

.jd-empty--demand{
  min-height:0;
  padding:30px 28px;
}

.jd-empty--demand h2{
  margin:0 0 10px;
  font-size:clamp(24px,3vw,34px);
  line-height:1.15;
  letter-spacing:-.5px;
}

.jd-empty--demand p{
  max-width:760px;
  margin:0 auto;
  font-size:15px;
  line-height:1.65;
}

/* Keep cards broad and readable instead of tall/narrow. */
.jd-demand-map{
  grid-template-columns:repeat(3,minmax(220px,1fr));
}

@media(max-width:980px){
  .jd-demand-map{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:680px){
  .jd-shortcode-module--employer,
  .jd-shortcode-module--worker{
    width:calc(100% - 30px);
    max-width:none;
  }

  .jd-shortcode-module--employer .jd-section,
  .jd-shortcode-module--worker .jd-section{
    padding:28px 0;
  }

  .jd-shortcode-module .jd-panel{
    padding:20px 16px;
    border-radius:16px;
  }

  .jd-empty--demand{
    padding:22px 16px;
    border-radius:15px;
  }

  .jd-empty--demand h2{
    font-size:24px;
    line-height:1.15;
  }

  .jd-empty--demand p{
    font-size:14px;
    line-height:1.55;
  }

  .jd-demand-map{
    grid-template-columns:1fr;
    gap:12px;
  }

  .jd-area-card{
    padding:16px;
  }

  .jd-map-cta{
    padding:16px;
    border-radius:15px;
  }

  /* Mobile forms: full-width controls, compact spacing, no oversized pills. */
  .jd-form,
  .jd-form--wide{
    gap:14px;
  }

  .jd-form-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .jd-chip-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .jd-chip{
    min-width:0;
  }

  .jd-chip span{
    width:100%;
    min-height:42px;
    justify-content:center;
    text-align:center;
    white-space:normal;
    line-height:1.25;
    padding:8px 9px;
    border-radius:12px;
    font-size:11.5px;
  }

  .jd-chip:last-child:nth-child(odd){
    grid-column:1/-1;
  }
}

/* =========================================================
   JOBDEAL v1.1.2 — sponsored card carousel
   Visual model: full image + content underneath inside one frame.
   The image is NEVER cropped.
   ========================================================= */
.jd-banner-rotator{
  position:relative;
  width:100%;
  max-width:100%;
  margin:24px 0;
  overflow:visible;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:center;
}

.jd-banner-zone-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  margin:0 auto 12px;
  padding:7px 14px;
  border:1px solid rgba(255,105,0,.34);
  border-radius:999px;
  background:#0a1224;
  color:#ff8a35;
  font-size:10.5px;
  font-weight:900;
  line-height:1;
  letter-spacing:.12em;
}

.jd-banner-viewport{
  width:100%;
  overflow:hidden;
  border-radius:22px;
  touch-action:pan-y;
}

.jd-banner-track{
  display:flex;
  width:100%;
  transform:translate3d(0,0,0);
  will-change:transform;
  transition:transform .82s cubic-bezier(.22,.61,.36,1);
  backface-visibility:hidden;
}
.jd-banner-track.is-no-transition{transition:none!important}

.jd-banner-slide{
  display:block!important;
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  opacity:1!important;
  transition:none!important;
  box-sizing:border-box;
}

.jd-banner-card{
  width:100%;
  overflow:hidden;
  display:grid;
  grid-template-rows:minmax(250px,360px) auto;
  background:#fff;
  border:1px solid #e2e7ef;
  border-radius:22px;
  box-shadow:0 18px 46px rgba(10,18,36,.10);
  text-align:center;
}

.jd-banner-media{
  display:grid!important;
  place-items:center;
  width:100%;
  height:100%;
  min-width:0;
  overflow:hidden;
  background:#fff;
  text-decoration:none!important;
}

.jd-banner-media img,
.jd-banner-slide img{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff;
}

.jd-banner-content{
  box-sizing:border-box;
  min-height:145px;
  padding:20px 24px 22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#fff;
}

.jd-banner-content h3{
  max-width:900px;
  margin:0 0 8px;
  color:#0a1224;
  font-size:clamp(22px,2.4vw,31px);
  font-weight:900;
  line-height:1.12;
}

.jd-banner-content p{
  max-width:820px;
  margin:0 auto 15px;
  color:#68748a;
  font-size:15px;
  line-height:1.55;
}

.jd-banner-cta{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 20px;
  border-radius:12px;
  background:#ff6900;
  color:#fff!important;
  font-size:14px;
  font-weight:900;
  line-height:1.1;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(255,105,0,.18);
}
.jd-banner-cta:hover{background:#e85f00;color:#fff!important}

.jd-banner-sponsored{display:none!important}

.jd-banner-dots{
  position:static;
  left:auto;
  bottom:auto;
  transform:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content;
  margin:13px auto 0;
  padding:0;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
}

.jd-banner-dots button{
  appearance:none;
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#cbd3df;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease;
}
.jd-banner-dots button.is-active{
  width:8px;
  border-radius:50%;
  background:#0a1224;
  transform:scale(1.38);
}

@media(max-width:620px){
  .jd-banner-rotator{margin:18px 0}
  .jd-banner-zone-title{min-height:27px;margin-bottom:9px;padding:6px 11px;font-size:9px}
  .jd-banner-viewport{border-radius:16px}
  .jd-banner-card{grid-template-rows:minmax(175px,31svh) auto;border-radius:16px}
  .jd-banner-content{min-height:0;padding:14px 14px 16px}
  .jd-banner-content h3{margin-bottom:6px;font-size:clamp(19px,6vw,24px)}
  .jd-banner-content p{margin-bottom:12px;font-size:13.5px;line-height:1.42}
  .jd-banner-cta{min-height:42px;padding:9px 15px;font-size:13px}
  .jd-banner-dots{margin-top:10px;gap:8px}
  .jd-banner-dots button{width:7px;height:7px}
  .jd-banner-dots button.is-active{width:7px}
}

@media(prefers-reduced-motion:reduce){
  .jd-banner-track,.jd-banner-dots button{transition:none!important}
}

/* Private panel banner editor */
.jd-pa-banner-zones{
  margin:0;
  padding:12px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
}
.jd-pa-banner-zones legend{
  padding:0 6px;
  color:#8896aa;
  font-size:10px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.jd-pa-banner-zones label{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center;
  gap:7px;
  color:#c5cfde;
  font-size:11px;
}
.jd-pa-banner-zones input{width:auto!important;min-height:0!important}
.jd-pa-banner-image-group{
  display:grid;
  gap:9px;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}
.jd-pa-banner-image-group>strong{color:#fff;font-size:12px}
.jd-pa-banner-help{margin:0;color:#8492a8;font-size:11px;line-height:1.55}

@media(max-width:620px){
  .jd-banner-rotator{margin:18px 0;border-radius:14px}
  .jd-banner-slide img{aspect-ratio:16 / 7;max-height:none}
  .jd-banner-sponsored{top:8px;left:8px;min-height:22px;padding:0 8px;font-size:8px}
  .jd-banner-dots{bottom:7px;padding:5px 7px;gap:5px}
  .jd-banner-dots button{width:6px;height:6px}
  .jd-banner-dots button.is-active{width:16px}
  .jd-pa-banner-zones{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .jd-banner-track,.jd-banner-dots button{transition:none!important}
}


/* =========================================================
   JOBDEAL v1.1.1 — public registration layout fix
   Root fix: registration no longer uses jd-narrow.
   The plugin itself owns desktop/mobile form geometry.
   ========================================================= */

.jd-shortcode-module--employer,
.jd-shortcode-module--worker{
  width:min(1180px,calc(100% - 60px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.jd-shortcode-module--employer .jd-registration,
.jd-shortcode-module--worker .jd-registration{
  width:100%!important;
  padding:30px 0!important;
}

.jd-shortcode-module--employer .jd-registration .jd-container,
.jd-shortcode-module--worker .jd-registration .jd-container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.jd-shortcode-module--employer .jd-registration .jd-panel,
.jd-shortcode-module--worker .jd-registration .jd-panel{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px!important;
}

.jd-shortcode-module--employer .jd-registration .jd-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 16px!important;
}

.jd-shortcode-module--employer .jd-registration .jd-form{
  gap:15px!important;
}

.jd-shortcode-module--employer .jd-registration .jd-field,
.jd-shortcode-module--worker .jd-registration .jd-field{
  min-width:0!important;
}

.jd-shortcode-module--employer .jd-registration .jd-field input,
.jd-shortcode-module--employer .jd-registration .jd-field select,
.jd-shortcode-module--employer .jd-registration .jd-field textarea,
.jd-shortcode-module--worker .jd-registration .jd-field input,
.jd-shortcode-module--worker .jd-registration .jd-field select,
.jd-shortcode-module--worker .jd-registration .jd-field textarea{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

@media(max-width:680px){

  .jd-shortcode-module--employer,
  .jd-shortcode-module--worker{
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }

  .jd-shortcode-module--employer .jd-registration,
  .jd-shortcode-module--worker .jd-registration{
    padding:12px 0 18px!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-panel,
  .jd-shortcode-module--worker .jd-registration .jd-panel{
    padding:16px 14px!important;
    border-radius:15px!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-panel h1,
  .jd-shortcode-module--worker .jd-registration .jd-panel h1{
    margin:0 0 6px!important;
    font-size:25px!important;
    line-height:1.08!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-lead,
  .jd-shortcode-module--worker .jd-registration .jd-lead{
    margin:0 0 15px!important;
    font-size:13.5px!important;
    line-height:1.45!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-form,
  .jd-shortcode-module--worker .jd-registration .jd-form{
    gap:10px!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-form-grid,
  .jd-shortcode-module--worker .jd-registration .jd-form-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-field,
  .jd-shortcode-module--worker .jd-registration .jd-field{
    gap:5px!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-field>span,
  .jd-shortcode-module--worker .jd-registration .jd-field>span,
  .jd-shortcode-module--employer .jd-registration .jd-fieldset legend,
  .jd-shortcode-module--worker .jd-registration .jd-fieldset legend{
    font-size:12px!important;
    line-height:1.25!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-field input,
  .jd-shortcode-module--employer .jd-registration .jd-field select,
  .jd-shortcode-module--employer .jd-registration .jd-field textarea,
  .jd-shortcode-module--worker .jd-registration .jd-field input,
  .jd-shortcode-module--worker .jd-registration .jd-field select,
  .jd-shortcode-module--worker .jd-registration .jd-field textarea{
    min-height:46px!important;
    padding:9px 11px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-field small,
  .jd-shortcode-module--worker .jd-registration .jd-field small,
  .jd-shortcode-module--employer .jd-registration .jd-fieldset-note,
  .jd-shortcode-module--worker .jd-registration .jd-fieldset-note{
    font-size:10px!important;
    line-height:1.35!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-business-types{
    padding:10px!important;
    border-radius:11px!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-option-row{
    min-height:38px!important;
    padding:6px 8px!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-check,
  .jd-shortcode-module--worker .jd-registration .jd-check{
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  .jd-shortcode-module--employer .jd-registration .jd-btn--full,
  .jd-shortcode-module--worker .jd-registration .jd-btn--full{
    min-height:48px!important;
    padding:0 14px!important;
    font-size:14px!important;
  }

  .jd-shortcode-module--employer .jd-login-hint,
  .jd-shortcode-module--worker .jd-login-hint{
    width:100%!important;
    margin:-6px 0 18px!important;
    padding:10px 12px!important;
    font-size:11.5px!important;
  }
}


/* =========================================================
   JOBDEAL v1.1.3 — DESKTOP banner: show the entire creative
   Mobile is intentionally untouched because the current
   mobile banner rendering is already correct.
   ========================================================= */
@media (min-width:621px){
  .jd-banner-card{
    display:block!important;
    grid-template-rows:none!important;
  }

  .jd-banner-media{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    background:#fff!important;
  }

  .jd-banner-media img,
  .jd-banner-slide img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}


/* v1.1.5 — destination URL field is intentionally prominent in private admin. */
.jd-pa-banner-link-field{
  padding:12px!important;
  border:1px solid rgba(255,105,0,.42)!important;
  border-radius:12px!important;
  background:rgba(255,105,0,.07)!important;
}
.jd-pa-banner-link-field>span{color:#ff9a55!important}
.jd-pa-banner-link-field small{color:#aeb9ca;font-size:10.5px;line-height:1.4}


/* =========================================================
   JOBDEAL v1.1.6 — banner motion parity + visible login CTA
   ========================================================= */
.jd-banner-track{
  transition:transform .82s cubic-bezier(.22,.61,.36,1)!important;
}
.jd-banner-track.is-no-transition{
  transition:none!important;
}

@media(max-width:620px){
  .jd-banner-track{
    transition:transform .82s cubic-bezier(.22,.61,.36,1)!important;
  }
  .jd-banner-track.is-no-transition{
    transition:none!important;
  }
}

.jd-login-hint{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.jd-login-hint__button,
.jd-form-foot__login{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px;
  padding:9px 17px!important;
  border-radius:11px!important;
  background:#ff6900!important;
  color:#fff!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.jd-login-hint__button:hover,
.jd-form-foot__login:hover{
  background:#e85f00!important;
  color:#fff!important;
}
.jd-form-foot__login{
  min-height:36px;
  margin-left:7px;
  padding:7px 13px!important;
}
.jd-shortcode-module--login{
  width:min(820px,calc(100% - 60px));
  margin:0 auto;
}
.jd-shortcode-module--login .jd-section{
  padding:28px 0;
}

@media(max-width:620px){
  .jd-login-hint{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .jd-login-hint__button{
    width:100%!important;
  }
  .jd-shortcode-module--login{
    width:calc(100% - 24px);
  }
  .jd-shortcode-module--login .jd-panel{
    padding:20px 16px;
  }
}


/* =========================================================
   JOBDEAL v1.1.7 — private profile editing + banner motion
   ========================================================= */
.jd-pa-card-actions{display:flex;justify-content:flex-end;margin-top:14px}
.jd-pa-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid rgba(255,105,0,.32);border-radius:10px;background:rgba(255,105,0,.09);color:#ff9a58!important;text-decoration:none!important;font-size:11px;font-weight:900}
.jd-pa-edit-form{margin:0 0 22px;padding:20px;border:1px solid rgba(255,105,0,.25);border-radius:18px;background:#0e1a2e;box-shadow:0 18px 42px rgba(0,0,0,.16)}
.jd-pa-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.jd-pa-edit-head span{display:block;color:#ff6900;font-size:10px;font-weight:900;letter-spacing:1.2px}.jd-pa-edit-head h2{margin:4px 0 0;color:#fff;font-size:24px}.jd-pa-edit-head>a{color:#9facc0!important;text-decoration:none!important;font-size:11px;font-weight:800}
.jd-pa-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jd-pa-edit-grid label,.jd-pa-edit-wide{display:grid;gap:6px}.jd-pa-edit-grid label>span,.jd-pa-edit-wide>span{color:#8492a8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.jd-pa-edit-form input[type=text],.jd-pa-edit-form input[type=email],.jd-pa-edit-form input[type=tel],.jd-pa-edit-form input[type=number],.jd-pa-edit-form select,.jd-pa-edit-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#091426;color:#fff;outline:none}.jd-pa-edit-form input,.jd-pa-edit-form select{min-height:43px;padding:0 11px}.jd-pa-edit-form textarea{padding:11px;resize:vertical}.jd-pa-edit-form input:focus,.jd-pa-edit-form select:focus,.jd-pa-edit-form textarea:focus{border-color:#ff6900;box-shadow:0 0 0 3px rgba(255,105,0,.1)}
.jd-pa-choicebox{margin:14px 0 0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px}.jd-pa-choicebox legend{padding:0 6px;color:#8492a8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.jd-pa-choicebox>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:270px;overflow:auto;padding:2px}.jd-pa-choicebox--areas>div{grid-template-columns:repeat(4,minmax(0,1fr))}.jd-pa-choicebox label{display:flex;align-items:flex-start;gap:7px;padding:8px;border-radius:8px;background:#091426;color:#c8d1df;font-size:11px;line-height:1.3}.jd-pa-choicebox input{width:auto!important;min-height:0!important;margin-top:1px}
.jd-pa-edit-wide{margin-top:14px}.jd-pa-edit-checks{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.jd-pa-edit-checks label{display:flex;align-items:center;gap:7px;color:#c8d1df;font-size:11px}.jd-pa-edit-checks input{width:auto!important;min-height:0!important}.jd-pa-edit-note{margin:12px 0 0;color:#7f8ca0;font-size:10px}.jd-pa-edit-actions{display:flex;gap:9px;align-items:center;margin-top:16px}.jd-pa-edit-actions button,.jd-pa-edit-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;border-radius:10px;padding:0 15px;font-weight:900;text-decoration:none!important;cursor:pointer}.jd-pa-edit-actions button{background:#ff6900;color:#fff}.jd-pa-edit-actions a{background:rgba(255,255,255,.07);color:#b9c4d3!important}

/* The banner must glide on mobile exactly like desktop, even when a page
   has a broader reduced-motion rule of its own. The no-transition class is
   still used only for the invisible clone reset required by the loop. */
html body .jd-banner-rotator .jd-banner-track{transition:transform .82s cubic-bezier(.22,.61,.36,1)!important}
html body .jd-banner-rotator .jd-banner-track.is-no-transition{transition:none!important}

@media(max-width:760px){.jd-pa-edit-grid{grid-template-columns:1fr}.jd-pa-choicebox>div,.jd-pa-choicebox--areas>div{grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}.jd-pa-edit-form{padding:15px}.jd-pa-edit-head h2{font-size:20px}.jd-pa-edit-actions{flex-direction:column;align-items:stretch}.jd-pa-edit-actions button,.jd-pa-edit-actions a{width:100%}}


/* =========================================================
   JOBDEAL v1.1.8 — login page geometry fix
   Removes the nested narrow container that created the
   "sausage" layout on phones.
   ========================================================= */

.jd-shortcode-module--login{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

.jd-shortcode-module--login .jd-login-section{
  width:100%!important;
  padding:18px 0 30px!important;
}

.jd-shortcode-module--login .jd-login-container{
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding:0!important;
}

.jd-shortcode-module--login .jd-login-panel{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px!important;
}

.jd-shortcode-module--login .jd-login-panel h1{
  margin:0 0 8px!important;
}

.jd-shortcode-module--login .jd-login-panel .jd-lead{
  margin:0 0 22px!important;
}

@media(max-width:620px){

  .jd-shortcode-module--login .jd-login-section{
    padding:8px 0 18px!important;
  }

  .jd-shortcode-module--login .jd-login-container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  .jd-shortcode-module--login .jd-login-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:18px 15px!important;
    border-radius:15px!important;
  }

  .jd-shortcode-module--login .jd-login-panel h1{
    margin:0 0 5px!important;
    font-size:34px!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
  }

  .jd-shortcode-module--login .jd-login-panel .jd-lead{
    margin:0 0 17px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }

  .jd-shortcode-module--login .jd-form{
    gap:11px!important;
  }

  .jd-shortcode-module--login .jd-field{
    gap:5px!important;
  }

  .jd-shortcode-module--login .jd-field>span{
    font-size:12px!important;
    line-height:1.25!important;
  }

  .jd-shortcode-module--login .jd-field input{
    width:100%!important;
    min-height:48px!important;
    height:48px!important;
    padding:9px 11px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }

  .jd-shortcode-module--login .jd-check{
    align-items:center!important;
    gap:8px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  .jd-shortcode-module--login .jd-check input{
    width:19px!important;
    height:19px!important;
    flex:0 0 19px!important;
    margin:0!important;
  }

  .jd-shortcode-module--login .jd-btn--full{
    min-height:48px!important;
    padding:0 14px!important;
    font-size:15px!important;
  }

  .jd-shortcode-module--login .jd-form-foot{
    margin:14px 0 0!important;
    font-size:11.5px!important;
    line-height:1.55!important;
  }
}


/* =========================================================
   JOBDEAL v1.1.9 — login duplicate heading cleanup
   The page owns the title/intro; the shortcode renders form only.
   ========================================================= */

.jd-shortcode-module--login .jd-login-panel{
  padding-top:22px!important;
}

@media(max-width:620px){
  .jd-shortcode-module--login .jd-login-panel{
    padding-top:14px!important;
  }
}

/* =========================================================
   JOBDEAL v1.2.0 — precise worker roles / specialisations
   ========================================================= */
.jd-role-selector{
  margin:4px 0 2px;
  padding:0;
  border:0;
  min-width:0;
}
.jd-role-selector>legend{
  padding:0;
  color:var(--jd-navy);
  font-size:16px;
  font-weight:900;
}
.jd-role-selector>legend b{color:var(--jd-orange)}
.jd-role-selector__intro{
  max-width:820px;
  margin:7px 0 16px;
  color:var(--jd-muted);
  font-size:12.5px;
  line-height:1.5;
}
.jd-role-sector{
  margin:0 0 10px;
  overflow:hidden;
  border:1px solid var(--jd-line);
  border-radius:16px;
  background:#fff;
}
.jd-role-sector>summary{
  list-style:none;
  min-height:54px;
  padding:13px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  cursor:pointer;
  color:var(--jd-navy);
  font-size:14px;
  font-weight:900;
  background:#fafbfd;
}
.jd-role-sector>summary::-webkit-details-marker{display:none}
.jd-role-sector>summary::after{
  content:'+';
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 26px;
  border-radius:8px;
  background:#fff0e6;
  color:var(--jd-orange);
  font-size:18px;
  line-height:1;
}
.jd-role-sector[open]>summary::after{content:'−'}
.jd-role-sector>summary small{
  margin-left:auto;
  color:#8b97a9;
  font-size:10px;
  font-weight:800;
}
.jd-role-sector__body{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:12px;
  border-top:1px solid #edf0f4;
}
.jd-role-choice{
  min-width:0;
  border:1px solid #e3e8ef;
  border-radius:14px;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.jd-role-choice.is-selected{
  border-color:rgba(255,105,0,.56);
  background:#fffaf6;
  box-shadow:0 0 0 3px rgba(255,105,0,.07);
}
.jd-role-choice__head{
  min-height:52px;
  padding:11px 12px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  cursor:pointer;
}
.jd-role-choice__head input{
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  margin:1px 0 0!important;
  flex:0 0 18px;
  accent-color:var(--jd-orange);
}
.jd-role-choice__head>span{display:grid;gap:2px;min-width:0}
.jd-role-choice__head strong{
  color:var(--jd-navy);
  font-size:13px;
  line-height:1.28;
}
.jd-role-choice__head small{
  color:var(--jd-orange);
  font-size:9.5px;
  font-weight:850;
}
.jd-role-choice__details{
  display:none;
  padding:0 12px 12px;
  border-top:1px solid rgba(255,105,0,.11);
}
.jd-role-choice.is-selected .jd-role-choice__details{display:block}
.jd-role-choice__details--simple{padding-top:11px}
.jd-role-subgroup{padding-top:11px}
.jd-role-subgroup>b{
  display:block;
  margin-bottom:8px;
  color:#627086;
  font-size:10px;
  font-weight:900;
  line-height:1.35;
}
.jd-role-chips{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.jd-role-chips label{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:7px;
  padding:7px 8px;
  border:1px solid #e5eaf1;
  border-radius:9px;
  background:#fff;
  cursor:pointer;
}
.jd-role-chips input{
  width:15px!important;
  height:15px!important;
  min-height:0!important;
  margin:1px 0 0!important;
  flex:0 0 15px;
  accent-color:var(--jd-orange);
}
.jd-role-chips span{
  color:#526076;
  font-size:10.5px;
  line-height:1.3;
}
.jd-role-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:10px;
}
.jd-role-meta label,
.jd-role-choice__details--simple>label{
  display:grid;
  gap:5px;
}
.jd-role-meta label>span,
.jd-role-choice__details--simple>label>span{
  color:#657187;
  font-size:9.5px;
  font-weight:850;
}
.jd-role-meta select,
.jd-role-meta input,
.jd-role-choice__details--simple input{
  width:100%;
  min-height:40px!important;
  padding:7px 9px!important;
  border:1px solid #dce2ea!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--jd-navy)!important;
  font-size:12px!important;
}

.jd-worker-skills{
  display:grid;
  gap:7px;
  margin:15px 0;
}
.jd-worker-skill{
  padding:10px 11px;
  border:1px solid #e4e8ef;
  border-radius:11px;
  background:#f8f9fb;
}
.jd-worker-skill strong{
  display:block;
  color:var(--jd-navy);
  font-size:12px;
  line-height:1.35;
}
.jd-worker-skill span{
  display:block;
  margin-top:3px;
  color:#657187;
  font-size:10.5px;
  line-height:1.4;
}
.jd-filterbar--skills{
  grid-template-columns:repeat(4,minmax(0,1fr)) auto auto;
}

/* Private panel gets the same structured role editor in a dark shell. */
.jd-pa-edit-form .jd-role-selector{margin-top:15px}
.jd-pa-edit-form .jd-role-selector>legend{color:#fff}
.jd-pa-edit-form .jd-role-selector__intro{color:#8492a8}
.jd-pa-edit-form .jd-role-sector{border-color:rgba(255,255,255,.09);background:#091426}
.jd-pa-edit-form .jd-role-sector>summary{background:#0e1a2e;color:#fff}
.jd-pa-edit-form .jd-role-sector__body{border-color:rgba(255,255,255,.07)}
.jd-pa-edit-form .jd-role-choice{border-color:rgba(255,255,255,.09);background:#0b1729}
.jd-pa-edit-form .jd-role-choice.is-selected{border-color:rgba(255,105,0,.55);background:#101a2c}
.jd-pa-edit-form .jd-role-choice__head strong{color:#fff}
.jd-pa-edit-form .jd-role-choice__details{border-color:rgba(255,105,0,.16)}
.jd-pa-edit-form .jd-role-chips label{border-color:rgba(255,255,255,.09);background:#091426}
.jd-pa-edit-form .jd-role-chips span,.jd-pa-edit-form .jd-role-subgroup>b,.jd-pa-edit-form .jd-role-meta label>span,.jd-pa-edit-form .jd-role-choice__details--simple>label>span{color:#aab5c6}
.jd-pa-edit-form .jd-role-meta select,.jd-pa-edit-form .jd-role-meta input,.jd-pa-edit-form .jd-role-choice__details--simple input{border-color:rgba(255,255,255,.11)!important;background:#091426!important;color:#fff!important}
.jd-pa-block .jd-worker-skills{margin:9px 0 0}
.jd-pa-block .jd-worker-skill{border-color:rgba(255,255,255,.08);background:#0d192b}
.jd-pa-block .jd-worker-skill strong{color:#fff}
.jd-pa-block .jd-worker-skill span{color:#a4b0c1}

@media(max-width:980px){
  .jd-filterbar--skills{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .jd-role-sector__body{grid-template-columns:1fr}
  .jd-role-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jd-role-meta{grid-template-columns:1fr}
  .jd-filterbar--skills{grid-template-columns:1fr}
}
@media(max-width:430px){
  .jd-role-chips{grid-template-columns:1fr}
  .jd-role-sector>summary{padding:12px 13px}
  .jd-role-sector>summary small{display:none}
}

/* =========================================================
   JOBDEAL v1.2.0 — premium sponsored banner frame
   Keeps transparent/white logos visible instead of disappearing
   on a white page. Creative is still shown in full, never cropped.
   ========================================================= */
.jd-banner-viewport{
  border-radius:24px!important;
}
.jd-banner-card{
  padding:10px 10px 0!important;
  border:1px solid #dce3ed!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 20px 50px rgba(10,18,36,.11)!important;
}
.jd-banner-media{
  position:relative!important;
  width:100%!important;
  min-height:0!important;
  padding:12px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,105,0,.20)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 20% 10%,rgba(255,105,0,.10),transparent 34%),
    linear-gradient(145deg,#0c162a,#15223c)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 8px 22px rgba(10,18,36,.08)!important;
}
.jd-banner-media img,
.jd-banner-slide img{
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border-radius:11px!important;
}
.jd-banner-content{
  padding:18px 22px 21px!important;
  border-radius:0 0 22px 22px!important;
}
.jd-banner-zone-title{
  box-shadow:0 8px 18px rgba(10,18,36,.10);
}

@media(min-width:621px){
  .jd-banner-media{
    display:block!important;
    height:auto!important;
    padding:14px!important;
  }
  .jd-banner-media img,
  .jd-banner-slide img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}
@media(max-width:620px){
  .jd-banner-viewport{border-radius:18px!important}
  .jd-banner-card{padding:7px 7px 0!important;border-radius:18px!important}
  .jd-banner-media{padding:8px!important;border-radius:13px!important}
  .jd-banner-media img,.jd-banner-slide img{border-radius:8px!important}
  .jd-banner-content{padding:14px 13px 16px!important;border-radius:0 0 16px 16px!important}
}


/* =========================================================
   JOBDEAL v1.3.0 — final premium banner showcase
   Rounded framed presentation with a logo-safe dark media stage.
   Full creative remains visible; nothing is cropped.
   ========================================================= */
html body .jd-banner-rotator{
  margin:24px 0!important;
}
html body .jd-banner-rotator .jd-banner-viewport{
  overflow:hidden!important;
  border-radius:26px!important;
}
html body .jd-banner-rotator .jd-banner-card{
  position:relative!important;
  overflow:hidden!important;
  padding:9px 9px 0!important;
  border:1px solid #d9e0ea!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:
    0 22px 56px rgba(10,18,36,.12),
    0 2px 8px rgba(10,18,36,.05)!important;
}
html body .jd-banner-rotator .jd-banner-media{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:13px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:19px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,105,0,.18),transparent 31%),
    radial-gradient(circle at 86% 115%,rgba(86,117,178,.16),transparent 34%),
    linear-gradient(145deg,#091426,#14213a)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 10px 26px rgba(10,18,36,.12)!important;
}
html body .jd-banner-rotator .jd-banner-media::after{
  content:"";
  position:absolute;
  inset:7px;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
}
html body .jd-banner-rotator .jd-banner-media img,
html body .jd-banner-rotator .jd-banner-slide img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border-radius:13px!important;
}
html body .jd-banner-rotator .jd-banner-content{
  padding:19px 22px 22px!important;
  background:#fff!important;
}
html body .jd-banner-rotator .jd-banner-zone-title{
  gap:7px;
  border-color:rgba(255,105,0,.34)!important;
  box-shadow:0 8px 20px rgba(10,18,36,.10)!important;
}
html body .jd-banner-rotator .jd-banner-zone-title::before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#ff6900;
  box-shadow:0 0 0 4px rgba(255,105,0,.12);
}

/* Admin/private banner thumbnails: show the whole creative in the same logo-safe frame. */
.jd-pa-banner-card>img,
.jd-pa-banner-card img{
  box-sizing:border-box!important;
  object-fit:contain!important;
  padding:6px!important;
  border:1px solid rgba(255,105,0,.22)!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,105,0,.14),transparent 34%),
    linear-gradient(145deg,#091426,#14213a)!important;
}

@media(min-width:621px){
  html body .jd-banner-rotator .jd-banner-media{
    display:block!important;
    height:auto!important;
    padding:14px!important;
  }
  html body .jd-banner-rotator .jd-banner-media img,
  html body .jd-banner-rotator .jd-banner-slide img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
}

@media(max-width:620px){
  html body .jd-banner-rotator{
    margin:18px 0!important;
  }
  html body .jd-banner-rotator .jd-banner-viewport{
    border-radius:19px!important;
  }
  html body .jd-banner-rotator .jd-banner-card{
    padding:7px 7px 0!important;
    border-radius:19px!important;
  }
  html body .jd-banner-rotator .jd-banner-media{
    padding:8px!important;
    border-radius:14px!important;
  }
  html body .jd-banner-rotator .jd-banner-media::after{
    inset:5px;
    border-radius:10px;
  }
  html body .jd-banner-rotator .jd-banner-media img,
  html body .jd-banner-rotator .jd-banner-slide img{
    border-radius:9px!important;
  }
  html body .jd-banner-rotator .jd-banner-content{
    padding:14px 13px 16px!important;
  }
}

/* =========================================================
   JOBDEAL v1.4.0 — FLOW / LIVE SEARCH / ACTIVITY MAP
   ========================================================= */

.jd-search-account-head{
  align-items:flex-start;
}

.jd-search-intro{
  max-width:680px;
  margin:8px 0 0;
  color:var(--jd-muted);
  font-size:14px;
  line-height:1.65;
}

.jd-search-head-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.jd-flow-note,
.jd-credit-help,
.jd-flow-dashboard{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px;
  padding:17px 18px;
  border:1px solid #ffd7ba;
  border-radius:16px;
  background:linear-gradient(135deg,#fff9f4,#fff);
  box-shadow:0 12px 28px rgba(10,18,36,.05);
}

.jd-flow-note>div,
.jd-credit-help>div,
.jd-flow-dashboard>div{
  min-width:0;
}

.jd-flow-note strong,
.jd-credit-help strong,
.jd-flow-dashboard strong{
  display:block;
  color:var(--jd-navy);
  font-size:15px;
  line-height:1.35;
}

.jd-flow-note span,
.jd-credit-help span,
.jd-flow-dashboard span{
  display:block;
  margin-top:4px;
  color:var(--jd-muted);
  font-size:12px;
  line-height:1.5;
}

.jd-filterbar--simple{
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto auto;
}

.jd-filter-more{
  grid-column:1/-1;
  margin-top:2px;
  border-top:1px solid #edf0f4;
  padding-top:10px;
}

.jd-filter-more summary{
  width:max-content;
  max-width:100%;
  cursor:pointer;
  color:#5f6c80;
  font-size:12px;
  font-weight:850;
  list-style:none;
}

.jd-filter-more summary::-webkit-details-marker{
  display:none;
}

.jd-filter-more summary::after{
  content:" +";
  color:var(--jd-orange);
}

.jd-filter-more[open] summary::after{
  content:" –";
}

.jd-filter-more__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}

.jd-live-status{
  min-height:18px;
  margin:0 2px;
  color:var(--jd-muted);
  font-size:11px;
  font-weight:700;
}

[data-jd-worker-results]{
  transition:opacity .18s ease;
}

[data-jd-worker-results].is-loading{
  opacity:.48;
  pointer-events:none;
}

.jd-login-help{
  margin-top:12px;
  text-align:center;
  font-size:12px;
}

.jd-login-help a{
  color:var(--jd-orange);
  font-weight:800;
  text-decoration:none;
}

.jd-unlocked-grid{
  display:grid;
  gap:10px;
}

.jd-unlocked-contact{
  display:grid;
  grid-template-columns:minmax(180px,1.2fr) minmax(130px,.7fr) minmax(180px,1fr);
  gap:12px;
  align-items:center;
  padding:14px 15px;
  border:1px solid var(--jd-line);
  border-radius:13px;
  background:#fff;
}

.jd-unlocked-contact>div{
  min-width:0;
}

.jd-unlocked-contact strong{
  display:block;
  color:var(--jd-navy);
  font-size:14px;
}

.jd-unlocked-contact span{
  display:block;
  margin-top:3px;
  color:var(--jd-muted);
  font-size:10px;
}

.jd-unlocked-contact>a{
  color:#12663f;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  overflow-wrap:anywhere;
}

.jd-map-heading{
  max-width:820px;
}

.jd-map-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:24px 0 8px;
}

.jd-map-stat{
  padding:20px;
  border:1px solid var(--jd-line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--jd-shadow);
}

.jd-map-stat strong{
  display:block;
  color:var(--jd-orange);
  font-size:32px;
  line-height:1;
}

.jd-map-stat span{
  display:block;
  margin-top:7px;
  color:#5f6c80;
  font-size:12px;
  font-weight:750;
}

.jd-area-card__activity{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:12px 0 14px;
}

.jd-area-card__activity>div{
  padding:11px 12px;
  border-radius:11px;
  background:#f7f9fc;
  border:1px solid #e8edf3;
}

.jd-area-card__activity span{
  display:block;
  color:#6c788a;
  font-size:10px;
  font-weight:800;
}

.jd-area-card__activity strong{
  display:block;
  margin-top:3px;
  color:var(--jd-navy);
  font-size:22px;
}

.jd-area-card__roles-title{
  margin-top:5px;
  color:#7b8798;
  font-size:10px;
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.jd-area-card__quiet{
  margin:12px 0 0;
  color:#7d8898;
  font-size:11px;
  line-height:1.55;
}

@media(max-width:920px){
  .jd-filterbar--simple{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .jd-search-head-actions{
    justify-content:flex-start;
  }

  .jd-unlocked-contact{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .jd-search-head-actions{
    width:100%;
  }

  .jd-search-head-actions .jd-btn{
    flex:1;
  }

  .jd-flow-note,
  .jd-credit-help,
  .jd-flow-dashboard{
    align-items:flex-start;
    flex-direction:column;
  }

  .jd-flow-note .jd-btn,
  .jd-credit-help .jd-btn,
  .jd-flow-dashboard .jd-btn{
    width:100%;
  }

  .jd-filterbar--simple,
  .jd-filter-more__grid,
  .jd-map-stats{
    grid-template-columns:1fr;
  }

  .jd-filter-more summary{
    width:100%;
  }

  .jd-area-card__activity{
    grid-template-columns:1fr 1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  [data-jd-worker-results]{
    transition:none;
  }
}


/* =========================================================
   JOBDEAL 1.4.2 — worker privacy / identity card
   ========================================================= */
.jd-worker-card__photo{
  display:block;
  width:64px;
  height:64px;
  border-radius:16px;
  object-fit:cover;
  border:1px solid var(--jd-line);
  background:#fff;
}

.jd-worker-card__fallback-logo{
  object-fit:contain !important;
  padding:8px;
  background:#fff;
}

.jd-worker-card__identity{
  min-width:0;
}

.jd-worker-card__identity h2{
  overflow-wrap:anywhere;
}

.jd-worker-card__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:14px 0 12px;
}

.jd-worker-card__facts>div{
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--jd-line);
  border-radius:12px;
  background:#f8fafc;
}

.jd-worker-card__facts span{
  display:block;
  margin-bottom:3px;
  color:var(--jd-muted);
  font-size:9px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.jd-worker-card__facts strong{
  display:block;
  color:var(--jd-navy);
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.jd-worker-card.is-locked .jd-contact-box{
  background:#fffaf5;
  border-color:#ffd7b3;
}

.jd-worker-card.is-unlocked{
  border-color:#bfe7d0;
}

.jd-unlocked-contact__identity{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.jd-unlocked-contact__photo{
  flex:0 0 auto;
  display:block;
  width:44px;
  height:44px;
  border-radius:11px;
  object-fit:cover;
  border:1px solid var(--jd-line);
  background:#fff;
}

.jd-unlocked-contact__photo.jd-worker-card__fallback-logo{
  padding:5px;
  object-fit:contain;
}

@media(max-width:620px){
  .jd-worker-card__facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .jd-worker-card__photo{
    width:56px;
    height:56px;
    border-radius:14px;
  }
}

@media(max-width:390px){
  .jd-worker-card__facts{
    grid-template-columns:1fr;
  }
}


/* JOBDEAL v1.4.3 — guided onboarding + inline credit purchase */
.jd-onboarding-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:10px;border:1px solid var(--jd-line);border-radius:14px;background:#f8fafc}
.jd-onboarding-steps span{padding:8px 11px;border-radius:10px;color:#667085;font-size:12px;font-weight:800;background:#fff}
.jd-onboarding-steps span.is-active{background:var(--jd-navy);color:#fff}
.jd-inline-credit-purchase{margin-top:12px;padding:14px;border:1px solid #ffd8bf;border-radius:12px;background:#fff8f3;display:grid;gap:8px}
.jd-inline-credit-purchase[hidden]{display:none!important}
.jd-inline-credit-purchase>strong{color:var(--jd-navy);font-size:14px}
.jd-inline-credit-purchase>span{color:var(--jd-muted);font-size:11px;line-height:1.5}
.jd-inline-credit-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}
.jd-inline-credit-options form{margin:0}
.jd-inline-credit-options button{width:100%;min-height:58px;border:1px solid #ffd0af;border-radius:10px;background:#fff;cursor:pointer;padding:8px 6px;display:grid;gap:2px;text-align:center;color:var(--jd-navy)}
.jd-inline-credit-options button:hover,.jd-inline-credit-options button:focus-visible{border-color:var(--jd-orange);outline:none;box-shadow:0 0 0 3px rgba(255,105,0,.10)}
.jd-inline-credit-options button b{font-size:12px}
.jd-inline-credit-options button span{font-size:10px;color:#667085}
@media(max-width:620px){.jd-onboarding-steps{display:grid;grid-template-columns:1fr}.jd-inline-credit-options{grid-template-columns:1fr}.jd-inline-credit-options button{min-height:52px}}

/* =========================================================
   JOBDEAL 1.4.6 — employer operational landing
   ========================================================= */
.jd-employer-search-section{
  scroll-margin-top:96px;
}
.jd-employer-search-section>.jd-container{
  position:relative;
}
@media(max-width:620px){
  .jd-employer-search-section{
    scroll-margin-top:72px;
  }
}
.jd-employer-search-section{
  padding:18px 0 52px;
}
.jd-employer-search-section .jd-search-account-head{
  margin-bottom:14px;
}
@media(max-width:620px){
  .jd-employer-search-section{
    padding:14px 0 34px;
  }
}

/* =========================================================
   JOBDEAL 1.4.8 — worker operational landing
   ========================================================= */
#jobdeal-worker-entry,
.jd-worker-account-section{
  scroll-margin-top:96px;
}

.jd-shortcode-module--worker #jobdeal-worker-entry{
  position:relative;
}

@media(max-width:620px){
  #jobdeal-worker-entry,
  .jd-worker-account-section{
    scroll-margin-top:72px;
  }
}

/* =========================================================
   JOBDEAL v1.5.0 RC1 · PRIVATE OPERATIONS HARDENING
   (isolated admin-panel rules; public/banner components untouched)
   ========================================================= */
.jd-pa-row-actions,.jd-pa-user-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.jd-pa-inline-action{display:inline-flex;margin:0}.jd-pa-inline-action button,.jd-pa-password-form button{min-height:34px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.055);color:#d8e1ed;padding:0 10px;font-size:10px;font-weight:850;cursor:pointer}.jd-pa-inline-action button.is-primary,.jd-pa-password-form button.is-primary{border-color:#ff6900;background:#ff6900;color:#fff}.jd-pa-inline-action button.is-danger{border-color:rgba(255,99,112,.3);background:rgba(255,99,112,.08);color:#ff98a1}.jd-pa-password-form{display:inline-flex;gap:6px;align-items:center}.jd-pa-password-form input{width:160px;min-height:34px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#091426;color:#fff;padding:0 9px}.jd-pa-ops-form{margin:0 0 20px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#0e1a2e}.jd-pa-ops-form h2{margin:0 0 15px;color:#fff;font-size:19px}.jd-pa-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jd-pa-ops-grid label{display:grid;gap:6px}.jd-pa-ops-grid label>span{color:#8d9aaf;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.55px}.jd-pa-ops-grid label small{color:#74839a;font-size:10px;line-height:1.45}.jd-pa-ops-grid .is-wide{grid-column:1/-1}.jd-pa-ops-grid input,.jd-pa-ops-grid textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#091426;color:#fff;outline:none}.jd-pa-ops-grid input{min-height:43px;padding:0 11px}.jd-pa-ops-grid textarea{padding:11px;resize:vertical}.jd-pa-ops-grid input:focus,.jd-pa-ops-grid textarea:focus{border-color:#ff6900;box-shadow:0 0 0 3px rgba(255,105,0,.1)}.jd-pa-ops-form>button{margin-top:15px;min-height:42px;border:0;border-radius:10px;background:#ff6900;color:#fff;padding:0 16px;font-weight:900;cursor:pointer}.jd-pa-check{display:flex!important;grid-column:1/-1;flex-direction:row!important;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#091426}.jd-pa-check input{width:auto!important;min-height:0!important}.jd-pa-check span{text-transform:none!important;letter-spacing:0!important;color:#c8d1df!important;font-size:12px!important}@media(max-width:760px){.jd-pa-ops-grid{grid-template-columns:1fr}.jd-pa-password-form{width:100%;flex-wrap:wrap}.jd-pa-password-form input{width:100%}.jd-pa-row-actions,.jd-pa-user-actions{min-width:210px}}

/* =========================================================
   JOBDEAL 1.5.0 FINAL · unified public form system
   One visual language for worker, employer, login and account/search forms.
   Banner selectors are intentionally excluded from this block.
   ========================================================= */
.jd-shortcode-module{
  --jd-form-control-height:52px;
  --jd-form-control-radius:12px;
  --jd-form-control-font:15px;
  --jd-form-label-font:13px;
  --jd-form-gap:16px;
  font-family:inherit;
}

.jd-shortcode-module .jd-panel,
.jd-shortcode-module .jd-filterbar,
.jd-shortcode-module .jd-filter-more__body,
.jd-shortcode-module .jd-inline-credit-purchase{
  font-family:inherit;
}

/* Defensive cleanup for stale page caches from pre-1.5 builds.
   The PHP no longer emits the duplicate external login hint. */
.jd-shortcode-module .jd-login-hint{
  display:none!important;
}

/* Operational anchors land on the actual controls, not a nearby marketing block. */
#jobdeal-worker-entry,
#jobdeal-employer-entry,
#jobdeal-staff-search,
#jobdeal-login-form,
#jobdeal-packages{
  scroll-margin-top:96px;
}

/* Registration intro owned by the plugin (v2.2.0).
   Upper block = playful brand moment. The form below stays clean and direct. */
.jd-shortcode-module .jd-registration-intro{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:1080px;
  margin:0 auto 32px;
  padding:28px 28px 24px;
  overflow:hidden;
  border:1px solid rgba(13,23,45,.055);
  border-radius:26px;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,105,0,.10),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(255,105,0,.055),transparent 25%),
    linear-gradient(180deg,#fff 0%,#fffaf6 100%);
  box-shadow:0 18px 45px rgba(13,23,45,.06);
  text-align:center;
}
.jd-shortcode-module--employer .jd-registration-intro{
  background:
    radial-gradient(circle at 12% 10%,rgba(47,102,197,.10),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(47,102,197,.055),transparent 25%),
    linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
.jd-shortcode-module .jd-registration-intro::before,
.jd-shortcode-module .jd-registration-intro::after{
  content:"";
  position:absolute;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
}
.jd-shortcode-module .jd-registration-intro::before{
  width:120px;
  height:120px;
  top:-72px;
  right:8%;
  border:2px dashed rgba(255,105,0,.18);
}
.jd-shortcode-module .jd-registration-intro::after{
  width:74px;
  height:74px;
  left:7%;
  bottom:-47px;
  border:2px solid rgba(255,105,0,.11);
}
.jd-shortcode-module--employer .jd-registration-intro::before{
  border-color:rgba(47,102,197,.18);
}
.jd-shortcode-module--employer .jd-registration-intro::after{
  border-color:rgba(47,102,197,.11);
}
.jd-shortcode-module .jd-registration-intro__kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 15px;
  padding:7px 12px 6px;
  border:1px solid rgba(255,105,0,.14);
  border-radius:999px;
  background:#fff4eb;
  color:var(--jd-orange);
  box-shadow:0 8px 20px rgba(255,105,0,.08);
  font-size:12px;
  font-weight:950;
  line-height:1.2;
  letter-spacing:.14em;
  transform:rotate(-1deg);
}
.jd-shortcode-module--employer .jd-registration-intro__kicker{
  border-color:rgba(47,102,197,.14);
  background:#eef5ff;
  color:#2f66c5;
  box-shadow:0 8px 20px rgba(47,102,197,.08);
  transform:rotate(1deg);
}
.jd-shortcode-module .jd-registration-intro__title{
  max-width:950px;
  margin:0 auto 10px!important;
  color:var(--jd-navy)!important;
  font-family:inherit;
  font-size:clamp(38px,5.2vw,62px)!important;
  font-weight:950!important;
  line-height:1.02!important;
  letter-spacing:-.038em;
  text-align:center!important;
}
.jd-shortcode-module .jd-registration-intro__brand{
  position:relative;
  display:inline-block;
  margin:2px 0 0!important;
  padding:2px 7px 8px;
  color:#1a2945;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
  font-size:clamp(20px,2.5vw,29px);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.025em;
  text-align:center;
  transform:rotate(-1.4deg);
}
.jd-shortcode-module--employer .jd-registration-intro__brand{
  transform:rotate(1.2deg);
}
.jd-shortcode-module .jd-registration-intro__brand strong{
  color:var(--jd-orange);
  font-weight:950;
  letter-spacing:.01em;
}
.jd-shortcode-module--employer .jd-registration-intro__brand strong{
  color:#2f66c5;
}
.jd-shortcode-module .jd-registration-intro__brand::after{
  content:"";
  position:absolute;
  left:18%;
  right:10%;
  bottom:2px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,rgba(255,105,0,.92) 16%,rgba(255,105,0,.45) 82%,transparent);
  transform:rotate(-1deg);
}
.jd-shortcode-module--employer .jd-registration-intro__brand::after{
  background:linear-gradient(90deg,transparent,rgba(47,102,197,.92) 16%,rgba(47,102,197,.45) 82%,transparent);
  transform:rotate(1deg);
}

/* Registration: worker and employer have identical geometry. */
.jd-shortcode-module--worker .jd-registration,
.jd-shortcode-module--employer .jd-registration{
  padding:24px 0 34px!important;
}
.jd-shortcode-module--worker .jd-registration .jd-panel,
.jd-shortcode-module--employer .jd-registration .jd-panel{
  padding:30px!important;
  border-radius:18px!important;
}

/* Titles generated by the plugin follow the site's centered heading rule. */
.jd-shortcode-module .jd-form-title,
.jd-shortcode-module--login .jd-login-panel h1,
.jd-shortcode-module .jd-account-title,
.jd-shortcode-module .jd-search-title,
.jd-shortcode-module .jd-map-title{
  width:100%;
  margin:0 0 9px!important;
  color:var(--jd-navy);
  font-family:inherit;
  font-size:clamp(28px,3.4vw,38px)!important;
  font-weight:900;
  line-height:1.08!important;
  letter-spacing:-.025em;
  text-align:center!important;
}
.jd-shortcode-module .jd-registration .jd-lead,
.jd-shortcode-module--login .jd-login-panel .jd-lead{
  max-width:760px;
  margin:0 auto 24px!important;
  font-size:15px!important;
  line-height:1.65!important;
  text-align:center!important;
}

.jd-shortcode-module .jd-form,
.jd-shortcode-module .jd-form--wide{
  gap:var(--jd-form-gap)!important;
  font-family:inherit;
}
.jd-shortcode-module .jd-form-grid{
  gap:var(--jd-form-gap)!important;
}
.jd-shortcode-module .jd-field{
  gap:7px!important;
  min-width:0;
  font-family:inherit;
}
.jd-shortcode-module .jd-field>span,
.jd-shortcode-module .jd-fieldset legend,
.jd-shortcode-module .jd-role-selector>legend{
  color:#344054;
  font-family:inherit;
  font-size:var(--jd-form-label-font)!important;
  font-weight:800!important;
  line-height:1.35;
}
.jd-shortcode-module .jd-field input,
.jd-shortcode-module .jd-field select,
.jd-shortcode-module .jd-field textarea{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border:1px solid #d4dbe6!important;
  border-radius:var(--jd-form-control-radius)!important;
  background-color:#fff!important;
  color:var(--jd-text)!important;
  box-shadow:none!important;
  outline:none!important;
  font-family:inherit!important;
  font-size:var(--jd-form-control-font)!important;
  font-weight:500;
  line-height:1.35!important;
}
.jd-shortcode-module .jd-field input,
.jd-shortcode-module .jd-field select{
  height:var(--jd-form-control-height)!important;
  min-height:var(--jd-form-control-height)!important;
  padding:0 14px!important;
}
.jd-shortcode-module .jd-field select{
  padding-right:38px!important;
  background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%!important;
}
.jd-shortcode-module .jd-field textarea{
  min-height:128px!important;
  padding:14px!important;
  resize:vertical;
}
.jd-shortcode-module .jd-field input:focus,
.jd-shortcode-module .jd-field select:focus,
.jd-shortcode-module .jd-field textarea:focus{
  border-color:var(--jd-orange)!important;
  box-shadow:0 0 0 3px rgba(255,105,0,.10)!important;
}
.jd-shortcode-module .jd-field small,
.jd-shortcode-module .jd-fieldset-note{
  color:#7b8798;
  font-family:inherit;
  font-size:11px!important;
  line-height:1.45!important;
}

/* Checkboxes and form legal copy share one scale everywhere. */
.jd-shortcode-module .jd-check{
  align-items:flex-start!important;
  gap:10px!important;
  color:#475467;
  font-family:inherit;
  font-size:13px!important;
  line-height:1.5!important;
}
.jd-shortcode-module .jd-check input[type="checkbox"]{
  width:20px!important;
  height:20px!important;
  min-height:20px!important;
  flex:0 0 20px!important;
  margin:0!important;
  accent-color:var(--jd-orange);
}
.jd-shortcode-module .jd-legal{
  padding:13px 15px!important;
  border-radius:12px!important;
  font-size:12px!important;
  line-height:1.55!important;
}

/* Primary form actions have the same physical dimensions. */
.jd-shortcode-module .jd-form>.jd-btn--full,
.jd-shortcode-module .jd-registration .jd-btn--full,
.jd-shortcode-module--login .jd-btn--full{
  min-height:52px!important;
  padding:0 20px!important;
  border-radius:12px!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.1!important;
}
.jd-shortcode-module .jd-form-foot{
  margin:18px 0 0!important;
  color:var(--jd-muted)!important;
  font-family:inherit;
  font-size:13px!important;
  line-height:1.55!important;
  text-align:center!important;
}
.jd-shortcode-module .jd-form-foot__login{
  min-height:40px!important;
  margin-left:7px;
  padding:0 15px!important;
  border-radius:10px!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:900!important;
}

/* Center plugin-owned account/search headings while keeping controls immediately below. */
.jd-shortcode-module .jd-account-head,
.jd-shortcode-module .jd-search-account-head{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:13px;
  text-align:center;
}
.jd-shortcode-module .jd-account-head>div:first-child,
.jd-shortcode-module .jd-search-account-head>div:first-child{
  width:100%;
  text-align:center;
}
.jd-shortcode-module .jd-search-intro{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.jd-shortcode-module .jd-search-head-actions{
  justify-content:center;
}

/* Search controls use the same field/control scale as registration forms. */
.jd-shortcode-module .jd-filterbar .jd-field input,
.jd-shortcode-module .jd-filterbar .jd-field select,
.jd-shortcode-module .jd-filter-more .jd-field input,
.jd-shortcode-module .jd-filter-more .jd-field select{
  height:var(--jd-form-control-height)!important;
  min-height:var(--jd-form-control-height)!important;
  border-radius:var(--jd-form-control-radius)!important;
  font-family:inherit!important;
  font-size:var(--jd-form-control-font)!important;
}
.jd-shortcode-module .jd-filterbar .jd-btn{
  min-height:52px;
  border-radius:12px;
  font-family:inherit;
}

@media(max-width:680px){
  #jobdeal-worker-entry,
  #jobdeal-employer-entry,
  #jobdeal-staff-search,
  #jobdeal-login-form,
  #jobdeal-packages{
    scroll-margin-top:72px;
  }

  .jd-shortcode-module{
    --jd-form-control-height:50px;
    --jd-form-control-radius:11px;
    --jd-form-control-font:15px;
    --jd-form-gap:12px;
  }

  .jd-shortcode-module .jd-registration-intro{
    margin-bottom:20px;
    padding:22px 15px 19px;
    border-radius:19px;
  }
  .jd-shortcode-module .jd-registration-intro__kicker{
    margin-bottom:11px;
    padding:6px 10px 5px;
    font-size:10.5px;
    letter-spacing:.11em;
  }
  .jd-shortcode-module .jd-registration-intro__title{
    font-size:clamp(31px,9.4vw,42px)!important;
    line-height:1.04!important;
  }
  .jd-shortcode-module .jd-registration-intro__brand{
    font-size:19px;
    padding-bottom:7px;
  }

  .jd-shortcode-module--worker .jd-registration,
  .jd-shortcode-module--employer .jd-registration{
    padding:12px 0 20px!important;
  }
  .jd-shortcode-module--worker .jd-registration .jd-panel,
  .jd-shortcode-module--employer .jd-registration .jd-panel,
  .jd-shortcode-module--login .jd-login-panel{
    padding:19px 15px!important;
    border-radius:15px!important;
  }
  .jd-shortcode-module .jd-form-title,
  .jd-shortcode-module--login .jd-login-panel h1,
  .jd-shortcode-module .jd-account-title,
  .jd-shortcode-module .jd-search-title,
  .jd-shortcode-module .jd-map-title{
    font-size:28px!important;
  }
  .jd-shortcode-module .jd-registration .jd-lead,
  .jd-shortcode-module--login .jd-login-panel .jd-lead{
    margin-bottom:18px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  .jd-shortcode-module .jd-form-grid{
    grid-template-columns:1fr!important;
  }
  .jd-shortcode-module .jd-form>.jd-btn--full,
  .jd-shortcode-module .jd-registration .jd-btn--full,
  .jd-shortcode-module--login .jd-btn--full{
    min-height:50px!important;
    font-size:15px!important;
  }
  .jd-shortcode-module .jd-form-foot__login{
    display:inline-flex!important;
    width:auto!important;
    min-height:38px!important;
    margin:8px 0 0!important;
  }
  .jd-shortcode-module .jd-form-foot{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
  }
  .jd-shortcode-module .jd-search-head-actions{
    width:100%;
    justify-content:center;
  }
}


/* =========================================================
   FINAL 1.5.0 — CONSISTENCY / PRIVATE-PANEL POLISH
   ========================================================= */
.jd-shortcode-module .jd-btn,
.jd-shortcode-module button,
.jd-shortcode-module input,
.jd-shortcode-module select,
.jd-shortcode-module textarea{
  font-family:inherit;
}

.jd-private-admin .jd-pa-stats{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}

.jd-private-admin .jd-pa-edit-photo{
  margin-top:18px;
  display:grid;
  gap:14px;
}
.jd-private-admin .jd-pa-current-photo{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px;
  border:1px solid #e1e7f0;
  border-radius:12px;
  background:#f8fafc;
}
.jd-private-admin .jd-pa-current-photo img{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:12px;
}
.jd-private-admin .jd-pa-current-photo label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:750;
}

/* =========================================================
   JOBDEAL v1.5.1 · SESSION / MAP VISIBILITY POLISH
   ========================================================= */
.jd-session-wrap{padding-top:18px}
.jd-session-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid var(--jd-line);border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(10,18,36,.045)}
.jd-session-bar__identity{display:grid;gap:2px;min-width:0}
.jd-session-bar__identity span{color:#7b8798;font-size:10px;font-weight:900;letter-spacing:.55px;text-transform:uppercase}
.jd-session-bar__identity strong{overflow:hidden;color:var(--jd-navy);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.jd-session-bar__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.jd-session-bar__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid #dfe5ee;border-radius:10px;background:#fff;color:var(--jd-navy)!important;font-size:11px;font-weight:850;text-decoration:none!important;transition:.18s}
.jd-session-bar__actions a:hover{border-color:#cfd7e3;transform:translateY(-1px)}
.jd-session-bar__actions .jd-session-bar__logout{border-color:rgba(255,105,0,.32);background:rgba(255,105,0,.07);color:#d95600!important}
.jd-session-bar__actions .jd-session-bar__logout:hover{border-color:var(--jd-orange);background:var(--jd-orange);color:#fff!important}

.jd-map-rule{margin:18px 0 0;padding:15px 17px;border:1px solid #e3e8f0;border-radius:13px;background:#f8fafc;display:grid;gap:4px}
.jd-map-rule strong{color:var(--jd-navy);font-size:12px}
.jd-map-rule span{color:#6f7b8e;font-size:12px;line-height:1.6}
.jd-map-self-status,.jd-worker-map-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px 16px;border-radius:13px;border:1px solid #dde4ed;background:#fff}
.jd-map-self-status>div,.jd-worker-map-status{min-width:0}
.jd-map-self-status>div{display:grid;gap:3px}
.jd-map-self-status strong,.jd-worker-map-status strong{color:var(--jd-navy);font-size:12px}
.jd-map-self-status span,.jd-worker-map-status span{color:#6f7b8e;font-size:11px;line-height:1.55}
.jd-map-self-status.is-visible,.jd-worker-map-status.is-visible{border-color:#bfe7d0;background:#f4fbf7}
.jd-map-self-status.is-visible strong,.jd-worker-map-status.is-visible strong{color:#12663f}
.jd-map-self-status.is-hidden,.jd-worker-map-status.is-hidden{border-color:#f0d4c1;background:#fff9f5}
.jd-map-self-status.is-hidden strong,.jd-worker-map-status.is-hidden strong{color:#a94808}
.jd-worker-map-status{display:grid;justify-content:stretch;margin:0 0 18px}

.jd-pa-map-flag{display:inline-flex!important;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:9px!important;font-weight:900!important;letter-spacing:.3px}
.jd-pa-map-flag.is-on{border:1px solid rgba(80,200,130,.25);background:rgba(80,200,130,.10);color:#75e0a4!important}
.jd-pa-map-flag.is-off{border:1px solid rgba(255,153,80,.20);background:rgba(255,153,80,.08);color:#ffac72!important}

@media(max-width:620px){
  .jd-session-wrap{padding-top:12px}
  .jd-session-bar{align-items:stretch;flex-direction:column}
  .jd-session-bar__actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .jd-session-bar__actions a{width:100%}
  .jd-map-self-status{align-items:stretch;flex-direction:column}
  .jd-map-self-status .jd-btn{width:100%}
}


/* JOBDEAL v1.5.2 — password visibility controls */
.jd-password-control{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
}
.jd-password-control>input{
  width:100%!important;
  padding-right:52px!important;
}
.jd-password-toggle{
  position:absolute;
  top:50%;
  right:7px;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transform:translateY(-50%);
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#7b8798!important;
  box-shadow:none!important;
  cursor:pointer;
  z-index:2;
  transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.jd-password-toggle:hover{
  background:#f3f6fa!important;
  color:#344054!important;
}
.jd-password-toggle:focus-visible{
  outline:none!important;
  color:var(--jd-orange,#ff6900)!important;
  box-shadow:0 0 0 3px rgba(255,105,0,.14)!important;
}
.jd-password-toggle__icon{
  display:inline-flex;
  width:20px;
  height:20px;
}
.jd-password-toggle svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.jd-password-toggle .jd-eye--hide{
  display:none;
}
.jd-password-toggle.is-visible .jd-eye--show{
  display:none;
}
.jd-password-toggle.is-visible .jd-eye--hide{
  display:block;
}
.jd-password-control--compact{
  min-width:160px;
  width:160px;
}
.jd-password-control--compact>input{
  width:100%!important;
  padding-right:42px!important;
}
.jd-password-control--compact .jd-password-toggle{
  right:3px;
  width:31px;
  height:31px;
  min-width:31px;
  min-height:31px;
  border-radius:7px!important;
}
.jd-pa-ops-grid .jd-password-control{
  width:100%;
}
.jd-pa-ops-grid .jd-password-control>input{
  width:100%!important;
}
@media(max-width:760px){
  .jd-pa-password-form .jd-password-control--compact{
    width:100%;
  }
}


.jd-field--password>.jd-field__caption{
  color:#344054;
  font-family:inherit;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
}
.jd-shortcode-module .jd-field--password>.jd-field__caption{
  color:#344054;
  font-family:inherit;
  font-size:var(--jd-form-label-font)!important;
  font-weight:800!important;
  line-height:1.35;
}
.jd-field--password>.jd-password-control{
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:normal!important;
}
.jd-password-toggle .screen-reader-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}


/* JOBDEAL v1.5.3 — explicit worker/map status controls in private admin */
.jd-pa-worker-state{margin:18px 0;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#0e1a2e}.jd-pa-worker-state__head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px}.jd-pa-worker-state__head>span{color:#8795aa;font-size:10px;font-weight:900;letter-spacing:1.2px}.jd-pa-worker-state__head>strong{border-radius:999px;padding:6px 9px;font-size:10px}.jd-pa-worker-state__head>strong.is-on{background:rgba(32,166,106,.15);color:#54d99a}.jd-pa-worker-state__head>strong.is-off{background:rgba(255,105,0,.14);color:#ff9b59}.jd-pa-worker-state>p{margin:0 0 14px;color:#a7b3c5;font-size:12px;line-height:1.55}.jd-pa-worker-state .jd-pa-edit-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jd-pa-worker-state .jd-pa-edit-checks label{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#101f35;color:#d8dfeb}.jd-pa-worker-state .jd-pa-edit-checks input{margin-top:3px}.jd-pa-worker-state .jd-pa-edit-checks span{display:grid;gap:3px}.jd-pa-worker-state .jd-pa-edit-checks b{color:#fff;font-size:12px}.jd-pa-worker-state .jd-pa-edit-checks small{color:#8290a5;font-size:10px;line-height:1.4}.jd-pa-map-reason{max-width:250px;white-space:normal;text-align:right;line-height:1.35}@media(max-width:700px){.jd-pa-worker-state .jd-pa-edit-checks{grid-template-columns:1fr}.jd-pa-map-reason{text-align:left;max-width:none}}

/* =========================================================
   JOBDEAL v1.5.4 — compact collapsed admin profile cards
   ========================================================= */
.jd-pa-collapsible-card{
  padding:0!important;
}

.jd-pa-card-summary{
  list-style:none;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  transition:background .18s ease,border-color .18s ease;
}

.jd-pa-card-summary::-webkit-details-marker{
  display:none;
}

.jd-pa-card-summary::marker{
  content:"";
}

.jd-pa-card-summary:hover{
  background:rgba(255,255,255,.025);
}

.jd-pa-card-summary__primary{
  min-width:0;
  flex:1;
  display:grid;
  gap:5px;
}

.jd-pa-card-summary__primary>strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:15px;
  line-height:1.25;
  font-weight:900;
}

.jd-pa-card-summary__primary>small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9facc0;
  font-size:11px;
  line-height:1.35;
  font-weight:750;
}

.jd-pa-card-summary--employer .jd-pa-card-summary__primary>small{
  display:flex;
  flex-wrap:wrap;
  gap:5px 10px;
  white-space:normal;
}

.jd-pa-card-summary--employer .jd-pa-card-summary__primary>small>span{
  position:relative;
}

.jd-pa-card-summary--employer .jd-pa-card-summary__primary>small>span+span::before{
  content:"•";
  margin-right:10px;
  color:#53627a;
}

.jd-pa-card-summary__toggle{
  position:relative;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.04);
}

.jd-pa-card-summary__toggle::before{
  content:"";
  position:absolute;
  left:50%;
  top:46%;
  width:8px;
  height:8px;
  border-right:2px solid #ff8a3d;
  border-bottom:2px solid #ff8a3d;
  transform:translate(-50%,-50%) rotate(45deg);
  transition:transform .18s ease,top .18s ease;
}

.jd-pa-collapsible-card[open]>.jd-pa-card-summary{
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(255,105,0,.035);
}

.jd-pa-collapsible-card[open]>.jd-pa-card-summary .jd-pa-card-summary__toggle::before{
  top:55%;
  transform:translate(-50%,-50%) rotate(225deg);
}

.jd-pa-card-details{
  padding:18px 20px 20px;
}

.jd-pa-card-details>.jd-pa-cv__head,
.jd-pa-card-details>.jd-pa-business__head{
  margin-top:0;
}

@media(max-width:700px){
  .jd-pa-card-summary{
    min-height:66px;
    padding:14px 15px;
    gap:12px;
  }
  .jd-pa-card-summary__primary>strong{
    font-size:14px;
  }
  .jd-pa-card-summary__primary>small{
    font-size:10px;
    white-space:normal;
    overflow:visible;
  }
  .jd-pa-card-summary__toggle{
    width:32px;
    height:32px;
    flex-basis:32px;
  }
  .jd-pa-card-details{
    padding:15px;
  }
}



/* =========================================================
   JOBDEAL 1.5.9 — payment/credit visibility & logo containment
   ========================================================= */
.jd-credit-countdown{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:142px;
  max-width:100%;
  padding:7px 10px;
  border:1px solid #dce3ec;
  border-radius:999px;
  background:#f7f9fc;
  color:#344054;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
  box-sizing:border-box;
}
.jd-credit-countdown.is-soon{border-color:#f4c27b;background:#fff8ed;color:#9b5c06}
.jd-credit-countdown.is-expired{border-color:#efb8be;background:#fff1f2;color:#a52a35}
.jd-private-admin .jd-credit-countdown{border-color:rgba(255,255,255,.10);background:#091426;color:#dfe6f0}
.jd-private-admin .jd-credit-countdown.is-soon{border-color:rgba(255,177,74,.28);background:rgba(255,177,74,.10);color:#ffbd65}
.jd-private-admin .jd-credit-countdown.is-expired{border-color:rgba(255,100,110,.26);background:rgba(255,100,110,.10);color:#ff9da5}

/* Keep JOBDEAL logos centered and fully contained inside their frames. */
.jd-pa-brand{min-width:0}
.jd-pa-brand img{
  display:block;
  width:180px;
  max-width:100%;
  height:48px;
  max-height:48px;
  object-fit:contain;
  object-position:center center;
  margin:0;
  flex:0 1 180px;
}
.jd-worker-card__fallback-logo,
.jd-unlocked-contact__photo.jd-worker-card__fallback-logo{
  box-sizing:border-box;
  object-fit:contain !important;
  object-position:center center !important;
  max-width:100%;
  overflow:hidden;
}
@media(max-width:700px){
  .jd-pa-brand img{width:145px;height:42px;max-height:42px}
  .jd-credit-countdown{min-width:126px;font-size:10px}
}

/* =========================================================
   JOBDEAL 1.5.10 — 2026 launch offer pricing
   ========================================================= */
.jd-offer-2026{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  padding:8px 13px;
  border:1px solid rgba(255,105,0,.35);
  border-radius:999px;
  background:rgba(255,105,0,.10);
  color:#ff9a58;
  font-size:11px;
  font-weight:900;
  letter-spacing:.7px;
}
.jd-package__old-price{
  margin:0 0 3px;
  color:#8f9db2;
  font-size:13px;
  font-weight:700;
}
.jd-package__old-price del{
  text-decoration-thickness:1.5px;
}
.jd-package__offer-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:7px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,105,0,.10);
  color:var(--jd-orange);
  font-size:10px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}
.jd-public-packages .jd-package__offer-chip{
  background:rgba(255,105,0,.16);
  color:#ff9a58;
}
.jd-package__badge--value{
  background:#fff;
  color:var(--jd-orange);
  border:1px solid rgba(255,105,0,.35);
}
.jd-inline-credit-old{
  margin-right:4px;
  opacity:.58;
  font-size:.9em;
}
@media(max-width:680px){
  .jd-offer-2026{font-size:10px;line-height:1.3;text-align:center}
}

/* =========================================================
   JOBDEAL 1.6.0 — payment operations & pending invoices
   ========================================================= */
.jd-pa-payment-stats{
  margin-bottom:16px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.jd-pa-stat-static{
  display:grid;
  gap:6px;
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:#0e1a2e;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}
.jd-pa-stat-static span{color:#9facc0;font-size:12px;font-weight:800}
.jd-pa-stat-static strong{color:#fff;font-size:36px}
.jd-pa-stat-static small{color:#738197;font-size:11px;line-height:1.5}
.jd-pa-mypos-ready{
  display:grid;
  gap:5px;
  margin:0 0 16px;
  padding:15px 17px;
  border:1px solid rgba(255,105,0,.24);
  border-radius:14px;
  background:rgba(255,105,0,.07);
}
.jd-pa-mypos-ready strong{color:#ff9a58;font-size:12px}
.jd-pa-mypos-ready span{color:#9facc0;font-size:11px;line-height:1.55}
.jd-pa-new-payment,
.jd-pa-payment-seen,
.jd-pa-invoice-pending,
.jd-pa-invoice-ok{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  margin-bottom:5px;
  padding:5px 8px;
  border-radius:999px;
  font-size:9px;
  line-height:1;
  font-weight:950;
  letter-spacing:.45px;
}
.jd-pa-new-payment{background:rgba(255,105,0,.16);border:1px solid rgba(255,105,0,.32);color:#ff9a58}
.jd-pa-payment-seen{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#8f9db2}
.jd-pa-invoice-pending{background:rgba(255,177,74,.11);border:1px solid rgba(255,177,74,.22);color:#ffbd65}
.jd-pa-invoice-ok{background:rgba(32,166,106,.13);border:1px solid rgba(32,166,106,.24);color:#65dda3}
.jd-pa-payments-table tr.is-new-payment td{background:rgba(255,105,0,.035)}
.jd-pa-payments-table tr.is-new-payment td:first-child{box-shadow:inset 3px 0 0 #ff6900}
@media(max-width:700px){
  .jd-pa-payment-stats{grid-template-columns:1fr}
  .jd-pa-stat-static{padding:17px}
  .jd-pa-stat-static strong{font-size:31px}
}

/* ==========================================================
   JOBDEAL 1.6.1 — payment page / billing checkout
   ========================================================== */
.jd-payment-container{max-width:1180px}
.jd-payment-hero{text-align:center;max-width:820px;margin:0 auto 28px}
.jd-payment-hero h1{margin:8px 0 12px;color:var(--jd-navy);font-size:clamp(34px,5vw,56px);line-height:1.05}
.jd-payment-hero p{margin:0;color:var(--jd-muted);font-size:17px;line-height:1.7}
.jd-payment-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}
.jd-payment-package{position:relative;display:grid;gap:7px;padding:20px;border:1px solid var(--jd-line);border-radius:16px;background:#fff;color:var(--jd-navy);text-decoration:none!important;box-shadow:var(--jd-shadow);transition:.2s ease}
.jd-payment-package:hover,.jd-payment-package:focus-visible,.jd-payment-package.is-selected{border-color:var(--jd-orange);transform:translateY(-2px);outline:none;box-shadow:0 15px 38px rgba(255,105,0,.12)}
.jd-payment-package strong{font-size:22px}.jd-payment-package b{font-size:21px;color:var(--jd-orange)}.jd-payment-package del{font-size:12px;color:#9aa4b2}.jd-payment-package small{color:var(--jd-muted);line-height:1.45}
.jd-payment-package__badge{position:absolute;top:12px;right:12px;padding:5px 8px;border-radius:999px;background:#fff1e7;color:#b74b00;font-size:9px;font-weight:900;letter-spacing:.04em}
.jd-payment-auth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.jd-payment-auth>div{display:grid;gap:10px;padding:22px;border:1px solid var(--jd-line);border-radius:16px;background:#fff}.jd-payment-auth span{color:var(--jd-muted);font-size:13px;line-height:1.55}
.jd-payment-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.55fr);gap:20px;align-items:start}
.jd-payment-summary{position:sticky;top:24px}.jd-payment-summary>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--jd-orange)}.jd-payment-summary>strong{display:block;margin:7px 0 9px;font-size:30px;color:var(--jd-navy)}.jd-payment-summary>del{display:block;color:#98a2b3;font-size:12px}.jd-payment-summary>em{display:inline-flex;margin-top:7px;padding:5px 8px;border-radius:999px;background:#fff1e7;color:#b74b00;font-style:normal;font-size:10px;font-weight:900}.jd-payment-summary dl{margin:22px 0 16px}.jd-payment-summary dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--jd-line)}.jd-payment-summary dt{color:var(--jd-muted);font-size:13px}.jd-payment-summary dd{margin:0;font-weight:800;color:var(--jd-navy)}.jd-payment-summary dl .is-total{padding-top:14px;border-bottom:0}.jd-payment-summary dl .is-total dt,.jd-payment-summary dl .is-total dd{font-size:18px;font-weight:900}.jd-payment-summary dl .is-total dd{color:var(--jd-orange)}.jd-payment-summary p{font-size:12px;line-height:1.55;color:var(--jd-muted)}.jd-payment-summary>a{font-size:12px;font-weight:800;color:var(--jd-orange);text-decoration:none}
.jd-payment-billing h2,.jd-payment-select h2{margin-top:0;color:var(--jd-navy)}.jd-payment-billing>p,.jd-payment-select>p{color:var(--jd-muted);line-height:1.6}
.jd-payment-ready{display:grid;gap:5px;margin:0 0 20px;padding:18px 20px;border:1px solid #ccebdc;border-radius:16px;background:#f3fbf7}.jd-payment-ready span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#147147}.jd-payment-ready strong{font-size:20px;color:var(--jd-navy)}.jd-payment-ready p,.jd-payment-ready small{margin:0;color:#5c6d62}.jd-payment-ready small{font-size:12px}
.jd-shortcode-module--payment .jd-session-bar{margin-bottom:0}

/* Inline purchase options are links from 1.6.1 onward. */
.jd-inline-credit-options a{width:100%;min-height:58px;border:1px solid #ffd0af;border-radius:10px;background:#fff;padding:8px 6px;display:grid;gap:2px;text-align:center;color:var(--jd-navy);text-decoration:none!important;align-content:center}
.jd-inline-credit-options a:hover,.jd-inline-credit-options a:focus-visible{border-color:var(--jd-orange);outline:none;box-shadow:0 0 0 3px rgba(255,105,0,.10)}
.jd-inline-credit-options a b{font-size:12px}.jd-inline-credit-options a span{font-size:10px;color:#667085}

@media(max-width:800px){.jd-payment-package-grid{grid-template-columns:1fr}.jd-payment-layout{grid-template-columns:1fr}.jd-payment-summary{position:relative;top:auto}.jd-payment-auth{grid-template-columns:1fr}}
@media(max-width:620px){.jd-payment-hero{text-align:left}.jd-payment-hero h1{font-size:36px}.jd-payment-layout{gap:14px}.jd-payment-package{padding:17px}.jd-inline-credit-options a{min-height:52px}}


/* JOBDEAL 1.6.2 — myPOS hosted checkout */
.jd-mypos-redirect,
.jd-payment-result {
  max-width: 720px;
  margin: 24px auto;
  padding: clamp(24px, 5vw, 42px);
  border: 1px solid #e3e8f0;
  border-radius: 24px;
  background: #fff;
  text-align: center;
  box-shadow: 0 20px 55px rgba(10,18,36,.08);
}
.jd-mypos-redirect__logo {
  width: min(260px, 72%);
  height: 76px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.jd-mypos-redirect__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.jd-mypos-redirect > span,
.jd-payment-result > span {
  color: #ff6900;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.3px;
}
.jd-mypos-redirect h2,
.jd-payment-result h2 { margin: 10px 0 12px; color: #0a1224; }
.jd-mypos-redirect p,
.jd-payment-result p { color: #68748a; }
.jd-mypos-redirect form { margin: 24px 0 10px; }
.jd-mypos-redirect small { display:block; color:#8490a3; }
.jd-payment-result.is-success { border-color: rgba(18,183,106,.28); }
.jd-payment-result.is-cancel { border-color: rgba(240,68,56,.24); }

/* ==========================================================
   JOBDEAL 1.8.0 — availability LIVE + full admin operations
   ========================================================== */
.jd-status>div{display:grid;gap:1px;line-height:1.15}.jd-status>div b{font-size:12px}.jd-status>div small{font-size:10px;color:#7d8797;font-weight:700}
.jd-status.is-live{border-color:rgba(32,166,106,.28);background:#f3fbf7}.jd-status.is-live>span{background:#20a66a;box-shadow:0 0 0 0 rgba(32,166,106,.48);animation:jd-live-pulse 1.6s infinite}
.jd-status.is-live>div b{color:#147147}.jd-status.is-scheduled{border-color:rgba(255,145,0,.28);background:#fff9f0}.jd-status.is-scheduled>span{background:#ff9800}.jd-status.is-scheduled>div b{color:#a75a00}
@keyframes jd-live-pulse{0%{box-shadow:0 0 0 0 rgba(32,166,106,.45)}70%{box-shadow:0 0 0 8px rgba(32,166,106,0)}100%{box-shadow:0 0 0 0 rgba(32,166,106,0)}}
@media(prefers-reduced-motion:reduce){.jd-status.is-live>span,.jd-live-dot{animation:none!important}}
.jd-availability-control{display:grid;gap:14px;margin:18px 0;padding:18px;border:1px solid var(--jd-line);border-radius:16px;background:#fbfcfe}.jd-toggle--work{margin:0}.jd-availability-options{display:grid;gap:12px}.jd-availability-options>strong{font-size:13px;color:var(--jd-navy)}
.jd-availability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jd-availability-card{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center;padding:14px;border:1px solid var(--jd-line);border-radius:14px;background:#fff;cursor:pointer}.jd-availability-card input{position:absolute;opacity:0;pointer-events:none}.jd-availability-card b,.jd-availability-card small{grid-column:2}.jd-availability-card b{font-size:13px;color:var(--jd-navy)}.jd-availability-card small{font-size:11px;color:var(--jd-muted)}.jd-availability-card:has(input:checked){border-color:var(--jd-orange);box-shadow:0 0 0 2px rgba(255,105,0,.09)}
.jd-live-dot,.jd-date-dot{grid-row:1/3;width:11px;height:11px;border-radius:50%}.jd-live-dot{background:#20a66a;animation:jd-live-pulse 1.6s infinite}.jd-date-dot{background:#ff9800}.jd-availability-date{margin:0;max-width:330px}.jd-availability-control.is-off .jd-availability-options{opacity:.48}.jd-availability-control.is-off .jd-availability-card{cursor:not-allowed}
.jd-badge--live{position:relative;padding-left:20px!important}.jd-badge--live:before{content:"";position:absolute;left:8px;width:7px;height:7px;border-radius:50%;background:#20a66a;animation:jd-live-pulse 1.6s infinite}.jd-badge--scheduled{background:#fff8ed!important;color:#a75a00!important;border-color:#ffd9a5!important}
.jd-admin-preview-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:13px 16px;border:1px solid rgba(255,105,0,.45);border-radius:13px;background:#1b2230;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.18)}.jd-admin-preview-bar strong{color:#ff9a58}.jd-admin-preview-bar span{font-size:12px;color:#d7dce6}.jd-admin-preview-bar a{color:#fff!important;font-weight:800;text-decoration:none!important}.jd-admin-preview-surface{position:relative}.jd-admin-preview-surface:after{content:"ADMIN PREVIEW · READ ONLY";position:fixed;right:18px;bottom:18px;z-index:50;padding:8px 11px;border-radius:999px;background:rgba(10,18,36,.9);color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;pointer-events:none}.jd-admin-preview-surface form,.jd-admin-preview-surface button,.jd-admin-preview-surface input,.jd-admin-preview-surface select,.jd-admin-preview-surface textarea{pointer-events:none!important}
.jd-pa-view-switch{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 18px}.jd-pa-view-switch a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#aeb8c8!important;text-decoration:none!important;font-size:11px;font-weight:900}.jd-pa-view-switch a.is-active{border-color:rgba(255,105,0,.5);background:rgba(255,105,0,.12);color:#ff9a58!important}
.jd-pa-card-actions{gap:8px;flex-wrap:wrap;align-items:center}.jd-pa-card-actions .jd-pa-inline-action{margin:0}.jd-pa-card-actions .jd-pa-inline-action button{min-height:38px}.jd-pa-inline-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border:1px solid rgba(255,105,0,.30);border-radius:9px;color:#ff9a58!important;text-decoration:none!important;font-size:10px;font-weight:900}
.jd-pa-notify-settings{display:grid!important;gap:9px;padding:15px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.025)}.jd-pa-notify-settings>strong{color:#fff}.jd-pa-notify-settings>small{color:#8f9bad}.jd-pa-switch{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px;padding:8px 10px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important}.jd-pa-switch input{width:18px!important;height:18px!important;min-width:18px}
.jd-pa-worker-state [data-jd-availability-date="1"].is-disabled{opacity:.45}.jd-pa-worker-state.is-off .jd-pa-edit-checks label:has(input[name="availability_mode"]),.jd-pa-worker-state.is-off [data-jd-availability-date="1"]{opacity:.45}
@media(max-width:700px){.jd-availability-grid{grid-template-columns:1fr}.jd-admin-preview-bar{position:relative;align-items:flex-start;flex-direction:column}.jd-pa-card-actions{justify-content:flex-start}.jd-pa-card-actions>a,.jd-pa-card-actions .jd-pa-inline-action,.jd-pa-card-actions .jd-pa-inline-action button{width:100%}}


/* JOBDEAL v1.8.1 — dedicated private-admin notification controls */
.jd-pa-notifications-form{max-width:960px;margin:0 auto}.jd-pa-notifications-card{background:#0f1b2f;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:22px;box-shadow:0 18px 46px rgba(0,0,0,.18)}
.jd-pa-notifications-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.jd-pa-notifications-head>div:first-child{display:grid;gap:5px}.jd-pa-notifications-head strong{color:#fff;font-size:18px}.jd-pa-notifications-head span{color:#8f9bad;font-size:12px;line-height:1.55}.jd-pa-notifications-mail{flex:0 0 auto;max-width:330px;padding:9px 12px;border:1px solid rgba(255,105,0,.24);border-radius:999px;background:rgba(255,105,0,.08);color:#ff9b59;font-size:11px;font-weight:800;overflow-wrap:anywhere}
.jd-pa-notifications-list{display:grid;gap:11px;margin-top:18px}.jd-pa-notification-row{display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:18px;padding:16px 17px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#101f35}.jd-pa-notification-copy{min-width:0}.jd-pa-notification-copy strong{display:block;margin-bottom:4px;color:#fff;font-size:13px}.jd-pa-notification-copy span{display:block;color:#8795aa;font-size:11px;line-height:1.5}
.jd-pa-notification-switch{position:relative;display:inline-flex!important;width:58px!important;height:32px!important;min-height:32px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}.jd-pa-notification-switch input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.jd-pa-notification-slider{position:absolute;inset:0;border-radius:999px;background:#35445a;border:1px solid #4d5b6d;transition:.2s}.jd-pa-notification-slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#aeb8c6;box-shadow:0 2px 8px rgba(0,0,0,.28);transition:.2s}.jd-pa-notification-switch input:checked+.jd-pa-notification-slider{background:#ff6900;border-color:#ff812f}.jd-pa-notification-switch input:checked+.jd-pa-notification-slider:before{transform:translateX(26px);background:#fff}.jd-pa-notification-switch input:focus-visible+.jd-pa-notification-slider{outline:2px solid #ff9b59;outline-offset:3px}
.jd-pa-notifications-critical{display:grid;gap:4px;margin-top:18px;padding:14px 15px;border:1px solid rgba(255,193,7,.16);border-radius:13px;background:rgba(255,193,7,.05)}.jd-pa-notifications-critical strong{color:#f2c56d;font-size:11px}.jd-pa-notifications-critical span{color:#8f9bad;font-size:10px;line-height:1.5}.jd-pa-notifications-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.jd-pa-notifications-actions button{border:0;border-radius:10px;background:#ff6900;color:#fff;padding:12px 17px;font-weight:900;cursor:pointer}.jd-pa-notifications-actions button:hover{background:#ff7b22}.jd-pa-notifications-actions a{color:#aeb9ca;font-size:11px;font-weight:800;text-decoration:none}.jd-pa-notifications-actions a:hover{color:#fff}
@media(max-width:700px){.jd-pa-notifications-card{padding:17px 14px}.jd-pa-notifications-head{display:grid}.jd-pa-notifications-mail{max-width:100%;justify-self:start}.jd-pa-notification-row{grid-template-columns:minmax(0,1fr) 58px;gap:12px;padding:14px 13px}.jd-pa-notifications-actions{align-items:stretch}.jd-pa-notifications-actions button{width:100%}}


/* ==========================================================
   JOBDEAL v1.8.4 — premium/simple worker UX + account access
   ========================================================== */
.jd-worker-account-section .jd-panel{
  border-radius:22px;
  box-shadow:0 18px 48px rgba(10,18,36,.08);
}
.jd-worker-account-section .jd-form{gap:15px}
.jd-worker-account-section .jd-form-grid{gap:12px}
.jd-worker-account-section .jd-field input,
.jd-worker-account-section .jd-field select,
.jd-worker-account-section .jd-field textarea{
  border-radius:12px!important;
  border-color:#dfe5ed!important;
  background:#fff!important;
}

/* Compact premium specialties: short rows, details only when selected. */
.jd-role-selector--premium-compact{
  margin:18px 0 6px;
  padding:16px;
  border:1px solid #e4e9f0;
  border-radius:18px;
  background:#fafbfd;
}
.jd-role-selector--premium-compact>legend{padding:0 8px;color:var(--jd-navy);font-size:16px;font-weight:950}
.jd-role-selector--premium-compact .jd-role-selector__intro{margin:0 0 12px;color:#6d788a;font-size:11px;line-height:1.5}
.jd-role-selector--premium-compact .jd-role-sector{margin:0 0 8px;border-radius:12px}
.jd-role-selector--premium-compact .jd-role-sector>summary{min-height:42px;padding:9px 11px;font-size:12px}
.jd-role-selector--premium-compact .jd-role-sector>summary::after{width:24px;height:24px;flex-basis:24px;border-radius:7px}
.jd-role-selector--premium-compact .jd-role-sector__body{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px}
.jd-role-selector--premium-compact .jd-role-choice{border-radius:10px}
.jd-role-selector--premium-compact .jd-role-choice__head{min-height:42px;padding:8px 9px;align-items:center}
.jd-role-selector--premium-compact .jd-role-choice__head input{width:16px!important;height:16px!important;flex-basis:16px}
.jd-role-selector--premium-compact .jd-role-choice__head strong{font-size:11.5px}
.jd-role-selector--premium-compact .jd-role-choice__head small{font-size:8.5px}
.jd-role-selector--premium-compact .jd-role-choice.has-details.is-selected{grid-column:1/-1}
.jd-role-selector--premium-compact .jd-role-choice__details{padding:0 10px 10px}
.jd-role-selector--premium-compact .jd-role-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.jd-role-selector--premium-compact .jd-role-chips label{min-height:34px;padding:7px;border-radius:8px;align-items:center}
.jd-role-selector--premium-compact .jd-role-meta{margin-top:8px}

/* Simple availability: one YES/NO switch + optional date boxes. */
.jd-availability-control--simple{
  gap:12px;
  margin:18px 0;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(180deg,#fbfcfe,#f7f9fc);
}
.jd-work-status-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.jd-work-status-row>div{display:grid;gap:3px;min-width:0}
.jd-work-status-row>div>strong{color:var(--jd-navy);font-size:15px;font-weight:950}
.jd-work-status-row>div>small{max-width:640px;color:#748095;font-size:10.5px;line-height:1.45}
.jd-yesno-switch{position:relative;flex:0 0 auto;cursor:pointer}
.jd-yesno-switch>input{position:absolute;opacity:0;pointer-events:none}
.jd-yesno-track{position:relative;width:116px;height:38px;display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid #dce3ec;border-radius:999px;background:#eef2f6;overflow:hidden}
.jd-yesno-track b{z-index:2;text-align:center;font-size:9px;font-weight:950;letter-spacing:.4px;transition:.2s}
.jd-yesno-track .is-no{color:#fff}.jd-yesno-track .is-yes{color:#657187}
.jd-yesno-track i{position:absolute;left:3px;top:3px;width:54px;height:30px;border-radius:999px;background:#7b8798;box-shadow:0 4px 10px rgba(10,18,36,.15);transition:.2s}
.jd-yesno-switch input:checked+.jd-yesno-track i{transform:translateX(55px);background:var(--jd-orange)}
.jd-yesno-switch input:checked+.jd-yesno-track .is-no{color:#6d7888}.jd-yesno-switch input:checked+.jd-yesno-track .is-yes{color:#fff}
.jd-yesno-switch input:focus-visible+.jd-yesno-track{outline:3px solid rgba(255,105,0,.18);outline-offset:2px}
.jd-availability-simple{display:grid;gap:11px;padding-top:12px;border-top:1px solid #e6ebf1}
.jd-available-state{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(32,166,106,.20);border-radius:12px;background:#f3fbf7}
.jd-available-state>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#20a66a;color:#fff;font-size:12px;font-weight:950}
.jd-available-state>div{display:grid;gap:1px}.jd-available-state strong{color:#126c45;font-size:12px}.jd-available-state small{color:#5f796d;font-size:9.5px}
.jd-optional-date-copy{display:grid;gap:2px}.jd-optional-date-copy strong{color:var(--jd-navy);font-size:11px}.jd-optional-date-copy strong em{margin-left:5px;padding:3px 6px;border-radius:999px;background:#eef2f6;color:#7c8798;font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.5px}.jd-optional-date-copy span{color:#7a8698;font-size:10px;line-height:1.4}
.jd-date-boxes{display:grid;gap:7px}
.jd-date-boxes__example{display:flex;align-items:center;gap:6px;color:#8994a5;font-size:9px}.jd-date-boxes__example strong{color:#4f5c70}.jd-date-boxes__example span{color:#c0c7d1}
.jd-date-boxes__grid{display:grid;grid-template-columns:100px minmax(170px,1fr) 120px;gap:8px;max-width:560px}
.jd-date-boxes__grid label{display:grid;gap:4px}.jd-date-boxes__grid label>span{color:#758195;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.jd-date-boxes__grid select{width:100%;min-height:42px!important;border:1px solid #dfe5ed!important;border-radius:10px!important;background:#fff!important;color:var(--jd-navy)!important;padding:0 9px!important;font-size:12px!important;font-weight:750}
.jd-date-boxes>small{color:#8a95a6;font-size:9px}
.jd-availability-control.is-off .jd-availability-simple{opacity:.48}.jd-availability-control.is-off .jd-date-boxes select{cursor:not-allowed}

/* Private worker edit: same simple logic in dark premium shell. */
.jd-pa-status-simple{display:grid;gap:11px}
.jd-pa-state-toggle{display:flex!important;align-items:flex-start!important;gap:10px;padding:12px 13px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px;background:#101f35!important;color:#d8dfeb!important}
.jd-pa-state-toggle input{margin-top:3px!important;width:17px!important;height:17px!important;min-height:0!important;accent-color:#ff6900}
.jd-pa-state-toggle span{display:grid;gap:3px}.jd-pa-state-toggle b{color:#fff;font-size:12px}.jd-pa-state-toggle small{color:#8290a5;font-size:10px}
.jd-pa-date-simple{display:grid;gap:9px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101f35}.jd-pa-date-simple>div:first-child{display:grid;gap:2px}.jd-pa-date-simple>div:first-child b{color:#fff;font-size:12px}.jd-pa-date-simple>div:first-child small{color:#8290a5;font-size:10px}
.jd-pa-worker-state .jd-date-boxes__example{color:#738198}.jd-pa-worker-state .jd-date-boxes__example strong{color:#d9e2ee}.jd-pa-worker-state .jd-date-boxes__grid label>span{color:#7f8da2}.jd-pa-worker-state .jd-date-boxes__grid select{border-color:rgba(255,255,255,.11)!important;background:#091426!important;color:#fff!important}
.jd-pa-edit-checks--compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.jd-pa-worker-state.is-off .jd-pa-date-simple{opacity:.46}

/* Password/reset tools directly inside worker/employer edit. */
.jd-pa-access-card{margin:0 0 22px;padding:20px;border:1px solid rgba(255,105,0,.25);border-radius:18px;background:linear-gradient(145deg,#0e1a2e,#101f35);box-shadow:0 18px 42px rgba(0,0,0,.16)}
.jd-pa-access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.jd-pa-access-head>div{display:grid;gap:3px}.jd-pa-access-head span{color:#ff9a58;font-size:9px;font-weight:950;letter-spacing:1.1px}.jd-pa-access-head h3{margin:0;color:#fff;font-size:18px}.jd-pa-access-head p{margin:0;color:#8795aa;font-size:10px;line-height:1.45}.jd-pa-access-head>strong{max-width:320px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);color:#c8d2df;font-size:10px;overflow-wrap:anywhere}
.jd-pa-access-actions{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:12px;margin-top:14px}
.jd-pa-access-password,.jd-pa-access-reset{margin:0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#091426}
.jd-pa-access-password{display:grid;gap:10px}.jd-pa-access-password label{display:grid;gap:6px}.jd-pa-access-password label>span{color:#8997aa;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.jd-pa-access-password-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.jd-pa-access-password .jd-password-control{width:100%}.jd-pa-access-password input{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0e1a2e;color:#fff;padding:0 42px 0 10px;box-sizing:border-box}
.jd-pa-access-password button,.jd-pa-access-reset button{min-height:40px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.06);color:#dbe3ee;padding:0 13px;font-size:10px;font-weight:900;cursor:pointer}.jd-pa-access-password button.is-primary{border-color:#ff6900;background:#ff6900;color:#fff}.jd-pa-access-password .jd-pa-generate-password{white-space:nowrap}
.jd-pa-access-reset{display:flex;align-items:center;justify-content:space-between;gap:12px}.jd-pa-access-reset>div{display:grid;gap:3px}.jd-pa-access-reset strong{color:#fff;font-size:11px}.jd-pa-access-reset span{color:#8290a5;font-size:9.5px;line-height:1.4}.jd-pa-access-card>small{display:block;margin-top:10px;color:#74839a;font-size:9.5px}

/* Admin preview: make read-only state unmistakable instead of looking broken. */
.jd-admin-preview-bar strong:after{content:' · ΜΟΝΟ ΠΡΟΒΟΛΗ';color:#fff;font-size:9px;letter-spacing:.5px}
.jd-admin-preview-surface .jd-yesno-switch,.jd-admin-preview-surface .jd-role-choice__head,.jd-admin-preview-surface .jd-role-chips label{cursor:default!important}

@media(max-width:820px){
  .jd-role-selector--premium-compact .jd-role-sector__body{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jd-role-selector--premium-compact .jd-role-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jd-work-status-row{align-items:flex-start}
  .jd-pa-access-actions{grid-template-columns:1fr}
}
@media(max-width:560px){
  .jd-role-selector--premium-compact{padding:12px}
  .jd-role-selector--premium-compact .jd-role-sector__body{grid-template-columns:1fr}
  .jd-role-selector--premium-compact .jd-role-choice.has-details.is-selected{grid-column:auto}
  .jd-role-selector--premium-compact .jd-role-chips{grid-template-columns:1fr}
  .jd-work-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .jd-work-status-row>div>small{font-size:9.5px}
  .jd-yesno-track{width:102px;height:36px}.jd-yesno-track i{width:47px;height:28px}.jd-yesno-switch input:checked+.jd-yesno-track i{transform:translateX(48px)}
  .jd-date-boxes__grid{grid-template-columns:74px minmax(0,1fr) 92px;gap:6px}.jd-date-boxes__grid select{min-height:40px!important;padding:0 6px!important;font-size:11px!important}
  .jd-pa-edit-checks--compact{grid-template-columns:1fr!important}
  .jd-pa-access-card{padding:15px}.jd-pa-access-head{display:grid}.jd-pa-access-head>strong{max-width:100%;justify-self:start}.jd-pa-access-password-row{grid-template-columns:1fr}.jd-pa-access-reset{display:grid}.jd-pa-access-reset button{width:100%}
}

/* =========================================================
   JOBDEAL v1.8.5 — compact worker tiles + visible Admin password tools
   ========================================================= */

.jd-worker-account-section .jd-panel{padding:clamp(16px,3vw,24px)!important}
.jd-worker-account-section .jd-form{gap:12px!important}
.jd-worker-account-section .jd-form-grid{gap:10px!important}
.jd-worker-account-section .jd-field{gap:6px!important}
.jd-worker-account-section .jd-field>span{font-size:12px!important}
.jd-worker-account-section .jd-field input,
.jd-worker-account-section .jd-field select{min-height:46px!important}
.jd-worker-account-section .jd-field textarea{min-height:110px!important}

/* Tiny status strip — no large explanatory card. */
.jd-worker-map-status{
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  margin:0 0 12px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
}
.jd-worker-map-status strong{font-size:11px!important;white-space:nowrap}
.jd-worker-map-status span{font-size:10px!important;line-height:1.35!important}

/* Roles: actual compact tiles, not tall full-width rows. */
.jd-role-selector--premium-compact{
  margin:12px 0 4px!important;
  padding:12px!important;
  border-radius:16px!important;
}
.jd-role-selector--premium-compact>legend{font-size:15px!important}
.jd-role-selector--premium-compact .jd-role-selector__intro{margin:0 0 9px!important;font-size:10.5px!important}
.jd-role-selector--premium-compact .jd-role-sector{margin:0 0 7px!important;border-radius:11px!important}
.jd-role-selector--premium-compact .jd-role-sector>summary{min-height:40px!important;padding:8px 10px!important}
.jd-role-selector--premium-compact .jd-role-sector__body{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  padding:8px!important;
}
.jd-role-selector--premium-compact .jd-role-choice{
  min-width:0!important;
  border-radius:11px!important;
  overflow:hidden!important;
}
.jd-role-selector--premium-compact .jd-role-choice__head{
  min-height:58px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
}
.jd-role-selector--premium-compact .jd-role-choice__head>span{
  display:grid!important;
  align-content:center!important;
  gap:2px!important;
  min-width:0!important;
}
.jd-role-selector--premium-compact .jd-role-choice__head strong{
  font-size:12px!important;
  line-height:1.25!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
}
.jd-role-selector--premium-compact .jd-role-choice__head small{font-size:8.5px!important;line-height:1.2!important}
.jd-role-selector--premium-compact .jd-role-choice.has-details.is-selected{grid-column:1/-1!important}
.jd-role-selector--premium-compact .jd-role-choice__details{padding:0 8px 8px!important}
.jd-role-selector--premium-compact .jd-role-subgroup>b{display:block;margin:2px 0 7px!important;font-size:10px!important}
.jd-role-selector--premium-compact .jd-role-chips{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
.jd-role-selector--premium-compact .jd-role-chips label{
  min-height:42px!important;
  padding:7px 8px!important;
  border-radius:9px!important;
  display:grid!important;
  grid-template-columns:17px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
}
.jd-role-selector--premium-compact .jd-role-chips span{font-size:10.5px!important;line-height:1.2!important}
.jd-role-selector--premium-compact .jd-role-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}

/* Availability: one short control, one short optional date line. */
.jd-availability-control--simple{
  margin:12px 0!important;
  padding:12px!important;
  gap:9px!important;
  border-radius:15px!important;
}
.jd-work-status-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
.jd-work-status-row>div{display:flex!important;align-items:baseline!important;gap:7px!important}
.jd-work-status-row>div>strong{font-size:14px!important}
.jd-work-status-row>div>small{font-size:9.5px!important;white-space:nowrap!important}
.jd-yesno-track{width:104px!important;height:34px!important}
.jd-yesno-track i{width:47px!important;height:28px!important;top:2px!important;left:3px!important}
.jd-yesno-switch input:checked+.jd-yesno-track i{transform:translateX(51px)!important}
.jd-availability-simple{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding-top:9px!important;
}
.jd-available-state{
  margin:0!important;
  padding:8px 10px!important;
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:22px auto!important;
  grid-template-areas:'icon title' 'icon sub'!important;
  align-items:center!important;
  gap:0 7px!important;
  white-space:nowrap!important;
}
.jd-available-state>span{grid-area:icon!important;width:22px!important;height:22px!important}
.jd-available-state>strong{grid-area:title!important;font-size:11.5px!important}
.jd-available-state>small{grid-area:sub!important;font-size:8.5px!important}
.jd-date-boxes{gap:4px!important;min-width:0!important}
.jd-date-line{
  display:grid!important;
  grid-template-columns:auto 54px 8px minmax(112px,1fr) 8px 72px!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
}
.jd-date-line__label{font-size:10px!important;font-weight:900!important;color:var(--jd-navy)!important}
.jd-date-line label{display:block!important;min-width:0!important}
.jd-date-line label>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
.jd-date-line i{font-style:normal!important;color:#a4adba!important;text-align:center!important}
.jd-date-line input{
  width:100%!important;
  min-height:38px!important;
  border:1px solid #dfe5ed!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--jd-navy)!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  font-size:11px!important;
  font-weight:800!important;
  text-align:center!important;
}
.jd-date-line__month input{text-align:left!important}
.jd-date-boxes>small{font-size:8.5px!important;line-height:1.3!important}
.jd-availability-control.is-off .jd-date-line input{cursor:not-allowed}
.jd-legal--compact{padding:10px 12px!important;margin:10px 0!important;font-size:10px!important;line-height:1.45!important;border-radius:11px!important}

/* Password control is now visible directly in Admin Preview. */
.jd-pa-preview-access{
  display:grid;
  grid-template-columns:minmax(190px,.8fr) minmax(260px,1.2fr) auto;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  padding:12px;
  border:1px solid rgba(255,105,0,.28);
  border-radius:14px;
  background:#0e1a2e;
}
.jd-pa-preview-access__title{display:grid;gap:2px;min-width:0}
.jd-pa-preview-access__title>span{color:#ff9a58;font-size:8px;font-weight:950;letter-spacing:1px}
.jd-pa-preview-access__title>strong{color:#fff;font-size:13px}
.jd-pa-preview-access__title>small{color:#8e9bad;font-size:9px;overflow-wrap:anywhere}
.jd-pa-preview-access__password{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:0}
.jd-pa-preview-access__password .jd-password-control{min-width:0}
.jd-pa-preview-access__password input{
  width:100%;min-height:40px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#091426;color:#fff;padding:0 40px 0 10px;box-sizing:border-box
}
.jd-pa-preview-access button{min-height:40px;border:0;border-radius:9px;padding:0 12px;font-size:10px;font-weight:900;cursor:pointer}
.jd-pa-preview-access__password>button{background:#ff6900;color:#fff}
.jd-pa-preview-access__reset{margin:0}
.jd-pa-preview-access__reset button{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.1)}

@media(max-width:820px){
  .jd-role-selector--premium-compact .jd-role-sector__body{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .jd-role-selector--premium-compact .jd-role-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .jd-pa-preview-access{grid-template-columns:1fr}
  .jd-pa-preview-access__password{grid-template-columns:minmax(0,1fr) auto}
  .jd-pa-preview-access__reset button{width:100%}
}

@media(max-width:560px){
  .jd-worker-account-section .jd-panel{padding:14px!important;border-radius:18px!important}
  .jd-worker-map-status{grid-template-columns:auto minmax(0,1fr)!important;padding:8px 10px!important}
  .jd-worker-map-status strong{font-size:10px!important}.jd-worker-map-status span{font-size:9px!important}
  .jd-role-selector--premium-compact{padding:10px!important}
  .jd-role-selector--premium-compact .jd-role-sector__body{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:7px!important}
  .jd-role-selector--premium-compact .jd-role-choice__head{min-height:54px!important;padding:7px!important;grid-template-columns:16px minmax(0,1fr)!important;gap:6px!important}
  .jd-role-selector--premium-compact .jd-role-choice__head input{width:15px!important;height:15px!important;flex-basis:15px!important}
  .jd-role-selector--premium-compact .jd-role-choice__head strong{font-size:11px!important}
  .jd-role-selector--premium-compact .jd-role-choice.has-details.is-selected{grid-column:1/-1!important}
  .jd-role-selector--premium-compact .jd-role-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .jd-role-selector--premium-compact .jd-role-chips label{min-height:40px!important;padding:6px!important;grid-template-columns:15px minmax(0,1fr)!important;gap:6px!important}
  .jd-role-selector--premium-compact .jd-role-chips span{font-size:9.8px!important}
  .jd-role-selector--premium-compact .jd-role-meta{grid-template-columns:1fr!important}
  .jd-work-status-row>div{display:grid!important;gap:1px!important}
  .jd-work-status-row>div>small{font-size:8.5px!important}
  .jd-availability-simple{grid-template-columns:1fr!important;gap:7px!important}
  .jd-available-state{width:max-content!important;max-width:100%!important}
  .jd-date-line{grid-template-columns:auto 45px 6px minmax(105px,1fr) 6px 62px!important;gap:3px!important}
  .jd-date-line input{min-height:37px!important;padding:0 5px!important;font-size:10px!important}
  .jd-date-line__label{font-size:9px!important}
  .jd-pa-preview-access{padding:10px!important}
  .jd-pa-preview-access__password{grid-template-columns:1fr!important}
  .jd-pa-preview-access__password>button,.jd-pa-preview-access__reset button{width:100%!important}
}
.jd-pa-worker-state .jd-date-line__label{color:#dbe3ee!important}
.jd-pa-worker-state .jd-date-line input{border-color:rgba(255,255,255,.11)!important;background:#091426!important;color:#fff!important}
.jd-pa-worker-state .jd-date-line input::placeholder{color:#6f7d91!important}
.jd-pa-worker-state .jd-date-boxes>small{color:#78869a!important}

/* =========================================================
   JOBDEAL v1.8.7 — readable compact worker tiles + save flow
   ========================================================= */
.jd-role-selector--tile-drawer{
  margin:12px 0 6px!important;
  padding:12px!important;
  border:1px solid #e2e7ee!important;
  border-radius:16px!important;
  background:#fbfcfe!important;
}
.jd-role-selector--tile-drawer>legend{padding:0 7px;color:var(--jd-navy);font-size:15px;font-weight:950}
.jd-role-selector--tile-drawer .jd-role-selector__intro{margin:0 0 9px;color:#748095;font-size:10px;line-height:1.4}
.jd-role-selector--tile-drawer .jd-role-sector{margin:0 0 7px;border:1px solid #e3e8ef;border-radius:11px;background:#fff;overflow:hidden}
.jd-role-selector--tile-drawer .jd-role-sector>summary{min-height:40px;padding:8px 10px;font-size:12px;font-weight:900}
.jd-role-selector--tile-drawer .jd-role-sector__body{display:block!important;padding:7px!important;background:#fbfcfe!important}
.jd-role-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.jd-role-tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;min-height:48px;padding:6px 7px;border:1px solid #dfe5ed;border-radius:9px;background:#fff;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.jd-role-tile.is-selected{border-color:rgba(255,105,0,.55);background:#fff8f3;box-shadow:0 0 0 2px rgba(255,105,0,.06)}
.jd-role-tile__label{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;min-width:0;cursor:pointer}
.jd-role-tile__label input{width:15px!important;height:15px!important;min-height:0!important;margin:0!important;accent-color:var(--jd-orange)}
.jd-role-tile__text{display:grid;gap:1px;min-width:0}
.jd-role-tile__text strong{color:var(--jd-navy);font-size:10.5px;line-height:1.2;text-align:left;overflow-wrap:anywhere}
.jd-role-tile__text small{color:#f06a00;font-size:7.8px;font-weight:850;line-height:1.15}
.jd-role-tile__edit{display:none;min-height:28px!important;border:0!important;border-radius:7px!important;background:#fff0e5!important;color:#d95a00!important;padding:0 7px!important;font-size:8px!important;font-weight:950!important;cursor:pointer!important}
.jd-role-tile.is-selected .jd-role-tile__edit{display:inline-grid;place-items:center}
.jd-role-drawers{margin-top:6px}
.jd-role-drawer{display:none;padding:9px;border:1px solid rgba(255,105,0,.22);border-radius:10px;background:#fffaf6}
.jd-role-drawer.is-open{display:block}
.jd-role-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;padding:0 0 7px;border-bottom:1px solid rgba(255,105,0,.13)}
.jd-role-drawer__head>div{display:grid;gap:1px;min-width:0}
.jd-role-drawer__head strong{color:var(--jd-navy);font-size:11px;line-height:1.2}
.jd-role-drawer__head small{color:#8a95a6;font-size:8px}
.jd-role-drawer__head button{min-height:28px;border:0;border-radius:7px;background:#eef2f6;color:#5f6b7d;padding:0 8px;font-size:8px;font-weight:900;cursor:pointer}
.jd-role-selector--tile-drawer .jd-role-subgroup>b{display:block;margin:0 0 6px;color:#536074;font-size:9px}
.jd-role-selector--tile-drawer .jd-role-chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
.jd-role-selector--tile-drawer .jd-role-chips label{display:grid!important;grid-template-columns:14px minmax(0,1fr)!important;align-items:center!important;gap:5px!important;min-height:34px!important;padding:5px 6px!important;border:1px solid #e0e6ee!important;border-radius:8px!important;background:#fff!important}
.jd-role-selector--tile-drawer .jd-role-chips input{width:14px!important;height:14px!important;min-height:0!important;margin:0!important;accent-color:var(--jd-orange)}
.jd-role-selector--tile-drawer .jd-role-chips span{color:#5f6b7d!important;font-size:9.5px!important;line-height:1.15!important}
.jd-role-selector--tile-drawer .jd-role-chips label:has(input:checked){border-color:rgba(255,105,0,.42)!important;background:#fff5ed!important}
.jd-role-selector--tile-drawer .jd-role-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:7px!important}
.jd-role-selector--tile-drawer .jd-role-meta label{display:grid;gap:4px;min-width:0}
.jd-role-selector--tile-drawer .jd-role-meta label>span{color:#7b8798;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.35px}
.jd-role-selector--tile-drawer .jd-role-meta input,.jd-role-selector--tile-drawer .jd-role-meta select{width:100%!important;min-height:36px!important;border:1px solid #dfe5ed!important;border-radius:8px!important;background:#fff!important;color:var(--jd-navy)!important;padding:0 8px!important;font-size:10px!important;box-sizing:border-box!important}

/* Worker photo: clear selection, preview and visible upload/save state. */
.jd-photo-upload-grid{align-items:start!important}
.jd-photo-upload{display:grid!important;gap:7px!important}
.jd-photo-upload__pick{display:inline-flex!important;align-items:center!important;width:max-content;max-width:100%;cursor:pointer}
.jd-photo-upload__pick input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}
.jd-photo-upload__pick b{display:inline-grid;place-items:center;min-height:38px;padding:0 12px;border:1px solid #dce3ec;border-radius:9px;background:#fff;color:var(--jd-navy);font-size:10px;font-weight:900}
.jd-photo-upload__pick:hover b{border-color:rgba(255,105,0,.5);background:#fff8f3}
.jd-photo-upload__feedback{display:flex;align-items:center;gap:7px;min-height:28px;color:#7a8697;font-size:9px}
.jd-photo-upload__feedback i{width:9px;height:9px;border-radius:50%;background:#c9d0da;flex:0 0 9px}
.jd-photo-upload.is-ready .jd-photo-upload__feedback{color:#176f4c}.jd-photo-upload.is-ready .jd-photo-upload__feedback i{background:#20a66a}
.jd-photo-upload.is-uploading .jd-photo-upload__feedback{color:#d95a00}.jd-photo-upload.is-uploading .jd-photo-upload__feedback i{width:13px;height:13px;flex-basis:13px;border:2px solid #ffd4b5;border-top-color:#ff6900;background:transparent;animation:jdSpin .7s linear infinite}
.jd-photo-upload__preview{width:72px;height:72px;border-radius:11px;overflow:hidden;border:1px solid #e1e6ed;background:#f4f6f9}
.jd-photo-upload__preview img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes jdSpin{to{transform:rotate(360deg)}}
.jd-form.is-submitting button[type="submit"]{position:relative;pointer-events:none;opacity:.88}
.jd-form.is-submitting button[type="submit"]:before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:jdSpin .7s linear infinite}

/* Strong post-save state with useful next steps instead of a silent form reload. */
.jd-profile-save-success{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;margin:0 0 14px;padding:14px;border:1px solid rgba(32,166,106,.25);border-radius:15px;background:linear-gradient(145deg,#f3fbf7,#ffffff);box-shadow:0 10px 26px rgba(10,18,36,.05)}
.jd-profile-save-success__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#20a66a;color:#fff;font-size:20px;font-weight:950}
.jd-profile-save-success__content{display:grid;gap:4px;min-width:0}
.jd-profile-save-success__content>span{color:#18805a;font-size:8px;font-weight:950;letter-spacing:.9px}
.jd-profile-save-success__content h3{margin:0;color:var(--jd-navy);font-size:16px;line-height:1.2}
.jd-profile-save-success__content p{margin:0;color:#667085;font-size:10.5px;line-height:1.45}
.jd-profile-save-success__actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}
.jd-profile-save-success__actions .jd-btn{min-height:36px!important;padding:0 11px!important;font-size:9px!important}

@media(max-width:820px){
  .jd-role-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jd-role-selector--tile-drawer .jd-role-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .jd-role-selector--tile-drawer{padding:9px!important}
  .jd-role-selector--tile-drawer .jd-role-sector__body{padding:6px!important}
  .jd-role-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .jd-role-tile{min-height:46px;padding:5px 6px;gap:4px}
  .jd-role-tile__label{grid-template-columns:14px minmax(0,1fr)!important;gap:5px!important}
  .jd-role-tile__label input{width:14px!important;height:14px!important}
  .jd-role-tile__text strong{font-size:9.8px}
  .jd-role-tile__edit{min-height:25px!important;padding:0 5px!important;font-size:7.5px!important}
  .jd-role-drawer{padding:7px}
  .jd-role-selector--tile-drawer .jd-role-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
  .jd-role-selector--tile-drawer .jd-role-chips label{min-height:32px!important;padding:4px 5px!important;grid-template-columns:13px minmax(0,1fr)!important;gap:4px!important}
  .jd-role-selector--tile-drawer .jd-role-chips input{width:13px!important;height:13px!important}
  .jd-role-selector--tile-drawer .jd-role-chips span{font-size:8.8px!important}
  .jd-role-selector--tile-drawer .jd-role-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .jd-role-selector--tile-drawer .jd-role-meta input,.jd-role-selector--tile-drawer .jd-role-meta select{min-height:34px!important;font-size:9px!important;padding:0 6px!important}
  .jd-profile-save-success{grid-template-columns:34px minmax(0,1fr);padding:11px;gap:9px}
  .jd-profile-save-success__icon{width:32px;height:32px;font-size:16px}
  .jd-profile-save-success__content h3{font-size:14px}
  .jd-profile-save-success__actions{display:grid;grid-template-columns:1fr 1fr}
  .jd-profile-save-success__actions .jd-btn:first-child{grid-column:1/-1}
}

/* Keep the same compact control readable inside the dark private-admin editor. */
.jd-pa-edit-form .jd-role-selector--tile-drawer{border-color:rgba(255,255,255,.09)!important;background:#0d192b!important}
.jd-pa-edit-form .jd-role-selector--tile-drawer>legend{color:#fff!important}
.jd-pa-edit-form .jd-role-selector--tile-drawer .jd-role-selector__intro{color:#8290a5!important}
.jd-pa-edit-form .jd-role-selector--tile-drawer .jd-role-sector{border-color:rgba(255,255,255,.08)!important;background:#101f35!important}
.jd-pa-edit-form .jd-role-selector--tile-drawer .jd-role-sector>summary{color:#fff!important}
.jd-pa-edit-form .jd-role-selector--tile-drawer .jd-role-sector__body{background:#0b1728!important}
.jd-pa-edit-form .jd-role-tile{border-color:rgba(255,255,255,.09)!important;background:#101f35!important}
.jd-pa-edit-form .jd-role-tile.is-selected{border-color:rgba(255,105,0,.55)!important;background:#1b1e2a!important}
.jd-pa-edit-form .jd-role-tile__text strong{color:#fff!important}.jd-pa-edit-form .jd-role-tile__text small{color:#ff9a58!important}
.jd-pa-edit-form .jd-role-drawer{border-color:rgba(255,105,0,.25)!important;background:#101f35!important}
.jd-pa-edit-form .jd-role-drawer__head{border-bottom-color:rgba(255,255,255,.08)!important}.jd-pa-edit-form .jd-role-drawer__head strong{color:#fff!important}.jd-pa-edit-form .jd-role-drawer__head small{color:#8290a5!important}
.jd-pa-edit-form .jd-role-selector--tile-drawer .jd-role-chips label,.jd-pa-edit-form .jd-role-selector--tile-drawer .jd-role-meta input,.jd-pa-edit-form .jd-role-selector--tile-drawer .jd-role-meta select{border-color:rgba(255,255,255,.1)!important;background:#091426!important;color:#fff!important}
.jd-pa-edit-form .jd-role-selector--tile-drawer .jd-role-chips span,.jd-pa-edit-form .jd-role-selector--tile-drawer .jd-role-subgroup>b,.jd-pa-edit-form .jd-role-selector--tile-drawer .jd-role-meta label>span{color:#aab5c6!important}

/* =========================================================
   JOBDEAL v1.8.7 — readable compact tiles + obvious Admin access
   ========================================================= */
/* Keep the 2-column mobile layout, but never let the settings button steal
   horizontal room from long Greek/English role names. */
.jd-role-tile{
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
  align-items:start!important;
  min-width:0!important;
  overflow:hidden!important;
}
.jd-role-tile__label{
  width:100%!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:start!important;
}
.jd-role-tile__text,
.jd-role-tile__text strong,
.jd-role-tile__text small{
  min-width:0!important;
  max-width:100%!important;
}
.jd-role-tile__text strong{
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:none!important;
}
.jd-role-tile__edit{
  width:100%!important;
  margin-top:5px!important;
  justify-self:stretch!important;
}
.jd-role-tile.is-selected .jd-role-tile__edit{display:grid!important}

@media(max-width:560px){
  .jd-role-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .jd-role-tile{min-height:72px!important;padding:8px!important}
  .jd-role-tile__label{grid-template-columns:17px minmax(0,1fr)!important;gap:7px!important}
  .jd-role-tile__label input{width:16px!important;height:16px!important}
  .jd-role-tile__text strong{font-size:10.5px!important;line-height:1.22!important}
  .jd-role-tile__text small{font-size:8px!important;line-height:1.2!important;margin-top:2px!important}
  .jd-role-tile__edit{min-height:30px!important;font-size:8.5px!important}
}

/* Account access must be impossible to miss in the private Admin. */
#jd-account-access{scroll-margin-top:18px}
.jd-pa-quick-access{
  display:grid;
  grid-template-columns:minmax(150px,.8fr) minmax(220px,1.25fr) auto;
  gap:8px;
  align-items:center;
  margin:10px 0;
  padding:10px;
  border:1px solid rgba(255,105,0,.22);
  border-radius:12px;
  background:#0d192b;
}
.jd-pa-quick-access__title{display:grid;gap:2px;min-width:0}
.jd-pa-quick-access__title b{color:#fff;font-size:11px}
.jd-pa-quick-access__title small{color:#8593a8;font-size:8.5px;overflow-wrap:anywhere}
.jd-pa-quick-access__set{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:0}
.jd-pa-quick-access__set .jd-password-control{min-width:0}
.jd-pa-quick-access__set input{min-height:38px!important;background:#091426!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;padding:0 38px 0 9px!important;font-size:10px!important}
.jd-pa-quick-access button{min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;padding:0 10px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}
.jd-pa-quick-access button.is-primary{background:#ff6900;border-color:#ff6900}
.jd-pa-quick-access__reset{margin:0}

.jd-admin-preview-bar__actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.jd-admin-preview-bar__actions form{margin:0}
.jd-admin-preview-bar__actions a,
.jd-admin-preview-bar__actions button{min-height:34px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(255,255,255,.07);color:#fff!important;padding:0 9px;font-size:9px;font-weight:900;text-decoration:none!important;cursor:pointer}
.jd-admin-preview-bar__actions .is-access{background:#ff6900;border-color:#ff6900}
.jd-admin-preview-reset button{background:#fff;color:#0a1224!important}

@media(max-width:700px){
  .jd-admin-preview-bar{position:sticky!important;top:0!important;z-index:60!important;gap:8px!important;padding:9px 10px!important}
  .jd-admin-preview-bar__actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
  .jd-admin-preview-bar__actions a,.jd-admin-preview-bar__actions button{width:100%;padding:0 5px;font-size:8px}
  .jd-pa-quick-access{grid-template-columns:1fr!important;gap:7px!important}
  .jd-pa-quick-access__set{grid-template-columns:minmax(0,1fr) auto}
  .jd-pa-quick-access__reset button{width:100%}
}


/* =====================================================
   JOBDEAL v1.9.0 — multi-sector industry selector
   ===================================================== */
.jd-industry-field{
  display:grid;
  gap:6px;
  margin:0 0 12px;
  padding:10px;
  border:1px solid #dfe5ed;
  border-radius:11px;
  background:#f8fafc;
}
.jd-industry-field>span{
  color:var(--jd-navy);
  font-size:11px;
  font-weight:950;
  letter-spacing:.2px;
}
.jd-industry-field select{
  width:100%!important;
  min-height:44px!important;
  border:1px solid #d9e0e9!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--jd-navy)!important;
  padding:0 11px!important;
  font-size:12px!important;
  font-weight:800!important;
}
.jd-role-sector[hidden]{display:none!important}
.jd-pa-edit-form .jd-industry-field{background:#0e1a2e;border-color:rgba(255,255,255,.09)}
.jd-pa-edit-form .jd-industry-field>span{color:#fff}
@media (max-width:600px){
  .jd-industry-field{padding:8px;margin-bottom:9px}
  .jd-industry-field select{min-height:42px!important;font-size:11px!important}
}


/* JOBDEAL 1.9.1 — login-to-registration conversion */
.jd-login-convert{
  margin:22px auto 0;
  padding:18px;
  border:1px solid #e2e7ef;
  border-radius:16px;
  background:#f7f9fc;
  text-align:center;
}
.jd-login-convert>strong{display:block;color:#0a1224;font-size:17px}
.jd-login-convert>span{display:block;margin-top:4px;color:#68748a;font-size:13px}
.jd-login-convert__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.jd-login-convert__actions .jd-btn{width:100%;min-height:50px}
@media(max-width:620px){.jd-login-convert__actions{grid-template-columns:1fr}}


/* =====================================================
   JOBDEAL v1.9.2 — fast-start registration on login
   ===================================================== */
.jd-login-fast-start{
  margin:0 auto 18px;
  padding:15px;
  border:1px solid rgba(255,105,0,.26);
  border-radius:14px;
  background:#fff8f3;
  text-align:center;
}
.jd-login-fast-start>strong{display:block;color:#0a1224;font-size:16px;font-weight:900}
.jd-login-fast-start>span{display:block;margin-top:4px;color:#68748a;font-size:12px;line-height:1.5}
.jd-login-fast-start__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.jd-login-fast-start__actions a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 10px;border-radius:10px;text-decoration:none!important;font-size:12px;font-weight:900}
.jd-login-fast-start__actions a:first-child{background:#ff6900;color:#fff!important}
.jd-login-fast-start__actions a:last-child{background:#0a1224;color:#fff!important}
.jd-login-after-note{margin:14px 0 0!important;color:#7f8999!important;font-size:11px!important;text-align:center!important}
@media(max-width:620px){
  .jd-login-fast-start{padding:13px 11px;margin-bottom:14px}
  .jd-login-fast-start__actions{grid-template-columns:1fr}
  .jd-login-fast-start__actions a{min-height:44px}
}

/* JOBDEAL v1.9.4 — Demo 28 private-panel route fix */
.jd-admin-alert-stack{position:fixed;right:18px;top:18px;z-index:999999;display:grid;gap:10px;width:min(390px,calc(100vw - 30px));pointer-events:none}
.jd-admin-alert-toast{display:grid;gap:5px;padding:15px 17px;border:1px solid rgba(255,105,0,.28);border-radius:14px;background:#0b1728;color:#fff;text-decoration:none;box-shadow:0 16px 42px rgba(0,0,0,.28);pointer-events:auto;animation:jdAlertIn .24s ease-out both}
.jd-admin-alert-toast strong{font-size:13px;line-height:1.3;color:#fff}.jd-admin-alert-toast span{font-size:12px;line-height:1.5;color:#c4cedd}.jd-admin-alert-toast.is-leaving{opacity:0;transform:translateY(-8px);transition:.3s ease}
@keyframes jdAlertIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
.jd-pa-alert-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0e1a2e}.jd-pa-alert-tools form{margin:0}.jd-pa-alert-tools button{border:0;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer}.jd-pa-alert-tools button.is-primary{background:#ff6900;color:#fff}.jd-pa-alert-tools>span{color:#9eabc0;font-size:11px}
.jd-pa-demo-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.jd-pa-demo-status>div{display:grid;gap:6px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0e1a2e}.jd-pa-demo-status span{font-size:10px;font-weight:900;letter-spacing:.7px;color:#8492a8;text-transform:uppercase}.jd-pa-demo-status strong{font-size:16px;color:#fff}.jd-pa-demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.jd-pa-demo-actions form{margin:0}.jd-pa-demo-actions button{border:0;border-radius:10px;padding:11px 14px;font-weight:800;cursor:pointer}.jd-pa-demo-actions button.is-primary{background:#ff6900;color:#fff}.jd-pa-demo-actions button.is-danger{background:#70212a;color:#fff}
.jd-demo-seed{margin:30px 0 24px;padding:22px;border:1px dashed #f1b27d;border-radius:18px;background:#fffaf6}.jd-demo-seed__head{max-width:780px;margin-bottom:16px}.jd-demo-seed__head>span{display:block;margin-bottom:6px;font-size:10px;font-weight:900;letter-spacing:1.25px;color:#b65312}.jd-demo-seed__head h2{margin:0 0 8px;color:#0a1224}.jd-demo-seed__head p{margin:0;color:#6f7785;line-height:1.65}.jd-demo-seed__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.jd-demo-seed__card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #e8e9ed;border-radius:12px;background:#fff}.jd-demo-seed__card>div{display:grid;gap:3px}.jd-demo-seed__card strong{font-size:12px;color:#0a1224}.jd-demo-seed__card span{font-size:11px;color:#6c7482}.jd-demo-seed__card b{flex:0 0 auto;border-radius:999px;padding:5px 7px;background:#fff0e5;color:#a84c10;font-size:9px;letter-spacing:.6px}
@media(max-width:900px){.jd-pa-demo-status{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-demo-seed__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.jd-admin-alert-stack{right:10px;top:10px;width:calc(100vw - 20px)}.jd-pa-demo-status,.jd-demo-seed__grid{grid-template-columns:1fr}.jd-pa-alert-tools{align-items:stretch}.jd-pa-alert-tools>*{width:100%}.jd-pa-alert-tools form button{width:100%}}

/* JOBDEAL v1.9.5 — Demo seed entries inside demand-map area cards */
.jd-area-card__demo{margin:0 0 14px;padding:11px 12px;border:1px dashed #f0b889;border-radius:12px;background:#fffaf6}.jd-area-card__demo-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.jd-area-card__demo-head>span{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;background:#fff0e5;color:#a84c10;font-size:9px;font-weight:900;letter-spacing:.55px}.jd-area-card__demo-head>strong{color:#0a1224;font-size:11px}.jd-area-card__demo-types{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.jd-area-card__demo-types>span{display:inline-flex;padding:5px 7px;border:1px solid #ece7e2;border-radius:999px;background:#fff;color:#5f6774;font-size:10px;font-weight:750}

/* =====================================================
   JOBDEAL v1.9.9 — sector-first registration + privacy
   ===================================================== */
.jd-free-credit-line{margin:-3px 0 10px;color:#ff6900;font-size:13px;font-weight:950;letter-spacing:.45px;text-transform:uppercase}
.jd-private-identity-note{margin:4px 0 12px;padding:12px 14px;border:1px solid #f0d9c7;border-radius:12px;background:#fff8f3;color:#6f5c4f;font-size:12px;line-height:1.55}.jd-private-identity-note strong{color:#b55212}
.jd-dependent-field select:disabled{background:#f2f4f7!important;color:#98a2b3!important;cursor:not-allowed}.jd-dependent-field small{display:block;margin-top:6px;color:#7b8494;font-size:11px;line-height:1.45}
.jd-field--textarea textarea{width:100%;min-height:104px;resize:vertical}.jd-field--textarea.is-required-now>span:after{content:' *';color:#ff6900;font-weight:900}
.jd-worker-advanced-roles{margin:12px 0 18px;border:1px solid #e5e9ef;border-radius:14px;background:#fbfcfe;overflow:hidden}.jd-worker-advanced-roles>summary{cursor:pointer;list-style:none;padding:13px 15px;color:#536074;font-size:12px;font-weight:900}.jd-worker-advanced-roles>summary::-webkit-details-marker{display:none}.jd-worker-advanced-roles>summary:after{content:'+';float:right;color:#ff6900;font-size:18px;line-height:1}.jd-worker-advanced-roles[open]>summary:after{content:'−'}.jd-worker-advanced-roles__body{padding:0 14px 14px}.jd-worker-advanced-roles__body .jd-role-selector{margin:0}
.jd-public-traffic{width:100%;background:#08111f;color:#dbe3ef;border-top:1px solid rgba(255,255,255,.07)}.jd-public-traffic__inner{max-width:1180px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}.jd-public-traffic__inner>span{color:#ff8a3d;font-size:10px;font-weight:950;letter-spacing:.8px;text-transform:uppercase}.jd-public-traffic__inner p{margin:0!important;color:#aeb9c8;font-size:11px!important;line-height:1.45}.jd-public-traffic__inner strong{color:#fff}.jd-public-traffic__inner i{font-style:normal;color:#556174;padding:0 5px}
@media(max-width:620px){.jd-free-credit-line{font-size:11px}.jd-public-traffic__inner{gap:5px;padding:11px 12px}.jd-public-traffic__inner>span{width:100%}.jd-public-traffic__inner p{font-size:10px!important}}

/* v1.9.12 — readable selected areas + multi-industry worker note */
.jd-multi-select__control [data-jd-multi-summary="1"]{
  white-space:normal;
  text-align:left;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.jd-multi-industry-note{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:12px 14px;
  margin:0 0 14px;
  border:1px solid rgba(255,127,17,.25);
  border-radius:12px;
  background:rgba(255,127,17,.06);
}
.jd-multi-industry-note strong{font-weight:800}
.jd-multi-industry-note span{font-size:13px;line-height:1.45}

/* JOBDEAL v2.0.1 — registration date/time in Private Admin */
.jd-pa-registration-stamp{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:7px;
  padding:5px 9px;
  border:1px solid rgba(255,105,0,.24);
  border-radius:8px;
  background:rgba(255,105,0,.07);
  color:#c95600;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
}
.jd-pa-collapsible-card footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 16px;
}
.jd-pa-collapsible-card footer strong{
  color:#0a1224;
  font-weight:800;
}
.jd-pa-collapsible-card footer span{
  color:#7d899d;
}


/* =====================================================
   JOBDEAL v2.0.2 — compact unified worker/employer forms
   ===================================================== */
.jd-registration .jd-onboarding-steps,
.jd-registration .jd-flow-note{
  display:none!important;
}

.jd-registration-form{
  gap:14px!important;
}

.jd-worker-compact-roles{
  display:grid;
  gap:10px;
}

.jd-worker-compact-roles__rows{
  display:grid;
  gap:10px;
}

.jd-worker-sector-row{
  position:relative;
  padding:14px;
  border:1px solid #dfe5ed;
  border-radius:13px;
  background:#f8fafc;
}

.jd-worker-sector-row__grid{
  gap:12px!important;
}

.jd-worker-sector-row .jd-field{
  gap:6px!important;
}

.jd-worker-sector-row .jd-field>span{
  font-size:12px!important;
}

.jd-worker-sector-row .jd-field select,
.jd-worker-sector-row .jd-field input{
  min-height:48px!important;
  border-radius:10px!important;
  background:#fff!important;
}

.jd-worker-other-role{
  display:none!important;
  margin-top:10px!important;
}
.jd-worker-other-role.is-visible{
  display:grid!important;
}

.jd-add-sector-btn,
.jd-remove-sector-btn{
  width:max-content;
  max-width:100%;
  min-height:40px;
  border-radius:10px;
  font-weight:850;
  cursor:pointer;
}

.jd-add-sector-btn{
  border:1px solid rgba(255,105,0,.42);
  background:#fff7f0;
  color:#b64b00;
  padding:0 14px;
}

.jd-remove-sector-btn{
  margin-top:9px;
  border:0;
  background:transparent;
  color:#8a4250;
  padding:0 4px;
  font-size:11px;
}

.jd-shortcode-module--worker .jd-registration .jd-panel,
.jd-shortcode-module--employer .jd-registration .jd-panel{
  width:100%!important;
  max-width:none!important;
}

.jd-shortcode-module--worker .jd-registration .jd-form,
.jd-shortcode-module--employer .jd-registration .jd-form{
  width:100%!important;
  max-width:none!important;
}

@media(max-width:680px){
  .jd-worker-sector-row{
    padding:11px;
    border-radius:11px;
  }

  .jd-worker-sector-row__grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .jd-worker-sector-row .jd-field select,
  .jd-worker-sector-row .jd-field input{
    min-height:46px!important;
    font-size:14px!important;
  }

  .jd-add-sector-btn{
    width:100%;
    min-height:44px;
  }
}


/* =========================================================
   JOBDEAL v2.0.3 — Banner Control Center
   5 clickable banner slots per placement, compact one-glance UI
   ========================================================= */
.jd-pa-banner-title{
  align-items:flex-end;
}
.jd-pa-banner-title>div:last-child{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.jd-pa-banner-title>div:last-child p{
  max-width:620px;
  margin:0;
}
.jd-pa-banner-new{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 12px;
  border-radius:9px;
  background:#ff6900;
  color:#fff!important;
  font-size:11px;
  font-weight:900;
  text-decoration:none!important;
}

.jd-pa-banner-overview{
  margin:0 0 22px;
}
.jd-pa-banner-overview__head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.jd-pa-banner-overview__head strong{
  display:block;
  color:#fff;
  font-size:16px;
}
.jd-pa-banner-overview__head span{
  display:block;
  margin-top:3px;
  color:#8593a8;
  font-size:10.5px;
  line-height:1.45;
}

.jd-pa-banner-zone-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.jd-pa-banner-zone-card{
  min-width:0;
  padding:11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:#0e1a2e;
}
.jd-pa-banner-zone-card.is-full{
  border-color:rgba(255,105,0,.24);
}
.jd-pa-banner-zone-card>header{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:flex-start;
  margin-bottom:9px;
}
.jd-pa-banner-zone-card>header strong{
  display:block;
  color:#fff;
  font-size:11px;
  line-height:1.25;
}
.jd-pa-banner-zone-card>header small{
  display:block;
  margin-top:2px;
  color:#627086;
  font-size:8px;
  line-height:1.1;
}
.jd-pa-banner-zone-count{
  flex:0 0 auto;
  text-align:right;
}
.jd-pa-banner-zone-count b{
  display:block;
  color:#fff;
  font-size:12px;
}
.jd-pa-banner-zone-count span{
  display:block;
  margin-top:1px;
  color:#8d9aaf;
  font-size:8px;
  font-weight:800;
}
.jd-pa-banner-zone-card.is-full .jd-pa-banner-zone-count span{
  color:#ff8a3d;
}

.jd-pa-banner-slots{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
}
.jd-pa-banner-slot{
  position:relative;
  min-width:0;
  aspect-ratio:1/1;
  overflow:hidden;
  display:block;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#091426;
  text-decoration:none!important;
}
.jd-pa-banner-slot img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.jd-pa-banner-slot>span{
  position:absolute;
  left:4px;
  top:4px;
  min-width:16px;
  height:16px;
  display:grid;
  place-items:center;
  border-radius:5px;
  background:rgba(5,12,23,.86);
  color:#fff;
  font-size:8px;
  font-weight:900;
}
.jd-pa-banner-slot>i{
  position:absolute;
  right:3px;
  bottom:3px;
  padding:2px 4px;
  border-radius:4px;
  background:rgba(5,12,23,.84);
  color:#72dda8;
  font-size:7px;
  font-style:normal;
  font-weight:900;
}
.jd-pa-banner-slot.is-off{
  opacity:.48;
}
.jd-pa-banner-slot.is-off>i{
  color:#ff9aa3;
}
.jd-pa-banner-slot.is-empty{
  display:grid;
  place-items:center;
  border-style:dashed;
  border-color:rgba(255,255,255,.12);
}
.jd-pa-banner-slot.is-empty>b{
  color:#ff6900;
  font-size:19px;
  line-height:1;
}
.jd-pa-banner-slot.is-empty:hover,
.jd-pa-banner-slot.is-empty:focus-visible{
  border-color:#ff6900;
  background:rgba(255,105,0,.06);
  outline:none;
}
.jd-pa-banner-slot.is-used:hover,
.jd-pa-banner-slot.is-used:focus-visible{
  border-color:#ff6900;
  outline:none;
}
.jd-pa-banner-overflow{
  margin-top:7px;
  padding:5px 7px;
  border-radius:7px;
  background:rgba(255,84,96,.08);
  color:#ff9aa3;
  font-size:8px;
  line-height:1.35;
}

.jd-pa-banner-editor{
  margin:0 0 22px;
}
.jd-pa-banner-editor .jd-pa-banner-form{
  max-width:none;
  padding:15px;
  gap:10px;
}
.jd-pa-banner-form__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.jd-pa-banner-form__head span{
  color:#ff8a3d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.9px;
}
.jd-pa-banner-form__head h2{
  margin:2px 0 0!important;
  font-size:17px!important;
}
.jd-pa-banner-form__head>a{
  color:#9eabc0!important;
  font-size:10px;
  text-decoration:none!important;
}
.jd-pa-banner-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.jd-pa-banner-form textarea{
  width:100%;
  min-height:76px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:#091426;
  color:#fff;
  padding:10px 12px;
  outline:none;
  resize:vertical;
}
.jd-pa-banner-form textarea:focus{
  border-color:#ff6900;
  box-shadow:0 0 0 3px rgba(255,105,0,.1);
}
.jd-pa-banner-zones{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px 10px;
  margin:0;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
}
.jd-pa-banner-zones legend{
  padding:0 5px;
  color:#8593a8;
  font-size:9px;
  font-weight:900;
}
.jd-pa-banner-zones label{
  display:flex!important;
  align-items:center;
  gap:6px;
  color:#b9c3d2;
  font-size:9.5px;
  line-height:1.2;
}
.jd-pa-banner-zones input{
  width:auto!important;
  min-height:0!important;
}

.jd-pa-banner-images-compact{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.jd-pa-banner-image-group{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:9px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:#0a1527;
}
.jd-pa-banner-image-group>img,
.jd-pa-banner-image-placeholder{
  width:72px;
  height:58px;
  border-radius:7px;
  object-fit:cover;
  background:#07101f;
}
.jd-pa-banner-image-placeholder{
  display:grid;
  place-items:center;
  color:#4f5d72;
  font-size:18px;
  font-weight:900;
}
.jd-pa-banner-image-group>div{
  min-width:0;
}
.jd-pa-banner-image-group>div>strong{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:10px;
}
.jd-pa-banner-image-group label{
  gap:3px!important;
  margin-top:5px!important;
}
.jd-pa-banner-image-group label>span{
  font-size:7.5px!important;
}
.jd-pa-banner-image-group input{
  min-height:34px!important;
  padding:0 8px!important;
  font-size:9px!important;
}

.jd-pa-banner-saved{
  margin-top:4px;
}
.jd-pa-banner-saved__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.jd-pa-banner-saved__head strong{
  color:#fff;
  font-size:15px;
}
.jd-pa-banner-saved__head span{
  color:#7f8ca0;
  font-size:10px;
}
.jd-pa-banner-compact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.jd-pa-banner-mini{
  min-width:0;
  display:grid;
  grid-template-columns:74px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:#0e1a2e;
}
.jd-pa-banner-mini.is-off{
  opacity:.58;
}
.jd-pa-banner-mini__image{
  display:block;
}
.jd-pa-banner-mini__image img{
  display:block;
  width:74px;
  height:52px;
  object-fit:cover;
  border-radius:7px;
  background:#07101f;
}
.jd-pa-banner-mini__body{
  min-width:0;
}
.jd-pa-banner-mini__body>div{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.jd-pa-banner-mini__body strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:10.5px;
}
.jd-pa-banner-mini__body span{
  flex:0 0 auto;
  color:#ff8a3d;
  font-size:7.5px;
  font-weight:900;
}
.jd-pa-banner-mini__body small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7f8ca0;
  font-size:8px;
}
.jd-pa-banner-mini__actions{
  display:flex;
  align-items:center;
  gap:4px;
}
.jd-pa-banner-mini__actions form{
  margin:0;
}
.jd-pa-banner-mini__actions a,
.jd-pa-banner-mini__actions button{
  min-height:29px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  background:rgba(255,255,255,.04);
  color:#d6dfeb!important;
  padding:0 7px;
  font-size:8px;
  font-weight:900;
  text-decoration:none!important;
  cursor:pointer;
}
.jd-pa-banner-mini__actions button.is-danger{
  color:#ff929c!important;
}

@media(max-width:1100px){
  .jd-pa-banner-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jd-pa-banner-images-compact{grid-template-columns:1fr}
}
@media(max-width:760px){
  .jd-pa-banner-zone-grid{grid-template-columns:1fr}
  .jd-pa-banner-compact-grid{grid-template-columns:1fr}
  .jd-pa-banner-form-grid{grid-template-columns:1fr}
  .jd-pa-banner-zones{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .jd-pa-banner-title>div:last-child{justify-content:flex-start}
  .jd-pa-banner-new{width:100%}
  .jd-pa-banner-mini{grid-template-columns:62px minmax(0,1fr)}
  .jd-pa-banner-mini__image img{width:62px;height:46px}
  .jd-pa-banner-mini__actions{grid-column:1/-1;justify-content:flex-end}
  .jd-pa-banner-zones{grid-template-columns:1fr}
}


/* =========================================================
   JOBDEAL v2.0.4 — real traffic proof for advertising
   ========================================================= */
.jd-public-traffic{
  width:100%;
  background:#08111f;
  color:#dbe3ef;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.jd-public-traffic__inner{
  width:min(1180px,calc(100% - 36px));
  max-width:1180px;
  margin:0 auto;
  padding:16px 0;
  display:block;
  text-align:left;
}
.jd-public-traffic__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}
.jd-public-traffic__head>div{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}
.jd-public-traffic__head span{
  color:#ff8a3d;
  font-size:9px;
  font-weight:950;
  letter-spacing:.8px;
}
.jd-public-traffic__head strong{
  color:#fff;
  font-size:13px;
}
.jd-public-traffic__head>a{
  color:#ff9a58!important;
  font-size:10px;
  font-weight:900;
  text-decoration:none!important;
}
.jd-public-traffic__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.jd-public-traffic__metric{
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.jd-public-traffic__metric>span{
  display:block;
  color:#8593a8;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.55px;
}
.jd-public-traffic__metric>strong{
  display:inline-block;
  margin-top:2px;
  color:#fff;
  font-size:18px;
  line-height:1;
}
.jd-public-traffic__metric>small{
  margin-left:5px;
  color:#7f8ca0;
  font-size:8px;
}
.jd-public-traffic__metric>b{
  display:block;
  margin-top:5px;
  color:#ff9a58;
  font-size:9px;
}

.jd-pa-traffic{
  margin:18px 0;
  padding:14px;
  border:1px solid rgba(255,105,0,.14);
  border-radius:16px;
  background:#0e1a2e;
}
.jd-pa-traffic__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.jd-pa-traffic__head span{
  display:block;
  color:#ff8a3d;
  font-size:8px;
  font-weight:950;
  letter-spacing:.8px;
}
.jd-pa-traffic__head strong{
  display:block;
  margin-top:2px;
  color:#fff;
  font-size:15px;
}
.jd-pa-traffic__head a{
  color:#ff9a58!important;
  font-size:9px;
  font-weight:900;
  text-decoration:none!important;
}
.jd-pa-traffic__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.jd-pa-traffic__grid>div{
  min-width:0;
  padding:11px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:#091426;
}
.jd-pa-traffic__grid span{
  display:block;
  color:#748198;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}
.jd-pa-traffic__grid strong{
  display:inline-block;
  margin-top:3px;
  color:#fff;
  font-size:20px;
  line-height:1;
}
.jd-pa-traffic__grid small{
  margin-left:5px;
  color:#7d899b;
  font-size:8px;
}
.jd-pa-traffic__grid b{
  display:block;
  margin-top:6px;
  color:#ff9a58;
  font-size:9px;
}

@media(max-width:720px){
  .jd-public-traffic__grid,
  .jd-pa-traffic__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:520px){
  .jd-public-traffic__head,
  .jd-pa-traffic__head{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
  .jd-public-traffic__inner{
    width:calc(100% - 24px);
    padding:13px 0;
  }
  .jd-public-traffic__metric{
    padding:9px;
  }
  .jd-public-traffic__metric>strong{
    font-size:16px;
  }
}

/* =========================================================
   JOBDEAL v2.0.5 — Banner operations / lifecycle UX
   ========================================================= */
.jd-pa-banner-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin:0 0 14px;
}
.jd-pa-banner-kpis>div{
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:#0e1a2e;
}
.jd-pa-banner-kpis span{
  display:block;
  color:#7f8ca0;
  font-size:8px;
  font-weight:900;
  letter-spacing:.5px;
}
.jd-pa-banner-kpis strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:19px;
  line-height:1;
}
.jd-pa-banner-kpis .is-ending strong{color:#ffc16b}
.jd-pa-banner-kpis .is-expired strong{color:#ff8994}
.jd-pa-banner-kpis .is-free strong{color:#72dda8}

.jd-pa-banner-zone-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.jd-pa-banner-slot{
  aspect-ratio:auto;
  min-height:78px;
}
.jd-pa-banner-slot img{
  height:100%;
}
.jd-pa-banner-slot>em{
  position:absolute;
  left:3px;
  right:3px;
  bottom:3px;
  overflow:hidden;
  padding:3px 4px;
  border-radius:4px;
  background:rgba(5,12,23,.86);
  color:#fff;
  font-size:7px;
  font-style:normal;
  font-weight:800;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.jd-pa-banner-slot>i{
  top:3px;
  bottom:auto;
}
.jd-pa-banner-slot.is-expired{opacity:.38}
.jd-pa-banner-slot.is-ending{border-color:rgba(255,193,107,.5)}
.jd-pa-banner-slot.is-scheduled{border-color:rgba(92,164,255,.45)}

.jd-pa-banner-commercial{
  display:grid;
  grid-template-columns:1.15fr 1fr 1fr;
  gap:10px;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#0a1527;
}
.jd-pa-banner-commercial label{
  margin:0!important;
}
.jd-pa-banner-commercial small,
.jd-pa-banner-form label>small{
  display:block;
  margin-top:4px;
  color:#748298;
  font-size:8px;
  line-height:1.35;
}
.jd-pa-banner-life{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:#091426;
}
.jd-pa-banner-life strong{
  color:#72dda8;
  font-size:9px;
}
.jd-pa-banner-life span{
  color:#a9b5c7;
  font-size:9px;
  font-weight:800;
}
.jd-pa-banner-life.is-ending strong,
.jd-pa-banner-life.is-ending span{color:#ffc16b}
.jd-pa-banner-life.is-expired strong,
.jd-pa-banner-life.is-expired span{color:#ff8994}
.jd-pa-banner-life.is-off{opacity:.6}

.jd-pa-banner-zones label>span{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  width:100%;
}
.jd-pa-banner-zones label>span>small{
  flex:0 0 auto;
  padding:2px 4px;
  border-radius:4px;
  background:rgba(255,255,255,.06);
  color:#7f8ca0;
  font-size:7px;
  font-weight:900;
}
.jd-pa-banner-mini.is-expired{opacity:.5}
.jd-pa-banner-mini.is-ending{border-color:rgba(255,193,107,.28)}
.jd-pa-banner-mini.is-scheduled{border-color:rgba(92,164,255,.24)}

@media(max-width:900px){
  .jd-pa-banner-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jd-pa-banner-zone-grid{grid-template-columns:1fr}
  .jd-pa-banner-commercial{grid-template-columns:1fr}
}


/* JOBDEAL v2.1.0 — private household employer mode */
.jd-employer-business-only[hidden],
.jd-private-household-note[hidden]{display:none!important}
.jd-private-household-note{
  margin:8px 0 14px;
  padding:13px 14px;
  border:1px solid rgba(255,105,0,.18);
  border-radius:12px;
  background:rgba(255,105,0,.06);
  color:#4f5c70;
  font-size:12px;
  line-height:1.55
}
.jd-private-household-note strong{color:#0a1224}


/* =========================================================
   JOBDEAL v2.1.1 — compact banner placement picker
   One row per page; positions live inside the row.
   Collapsed by default so the editor stays short on mobile.
   ========================================================= */
.jd-banner-zone-picker{
  margin:10px 0 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:#0a1629;
  overflow:hidden;
}
.jd-banner-zone-picker>summary{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 14px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.jd-banner-zone-picker>summary::-webkit-details-marker{display:none}
.jd-banner-zone-picker>summary:after{
  content:'+';
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:8px;
  background:rgba(255,105,0,.10);
  color:#ff6900;
  font-size:19px;
  font-weight:900;
}
.jd-banner-zone-picker[open]>summary:after{content:'−'}
.jd-banner-zone-picker>summary>span{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.jd-banner-zone-picker>summary strong{color:#fff;font-size:12px}
.jd-banner-zone-picker>summary small{color:#7f8ca0;font-size:9px}
.jd-banner-zone-picker>summary>b{
  margin-left:auto;
  color:#aab7c9;
  font-size:10px;
  white-space:nowrap;
}
.jd-banner-zone-picker__body{
  padding:0 12px 12px;
  border-top:1px solid rgba(255,255,255,.07);
}
.jd-banner-zone-master{
  display:flex!important;
  align-items:center;
  gap:10px;
  margin:10px 0;
  padding:10px 11px;
  border:1px solid rgba(255,105,0,.18);
  border-radius:10px;
  background:rgba(255,105,0,.055);
}
.jd-banner-zone-master input,
.jd-banner-zone-choice input{
  width:auto!important;
  min-height:0!important;
  margin:0!important;
}
.jd-banner-zone-master>span{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.jd-banner-zone-master strong{color:#fff;font-size:10px}
.jd-banner-zone-master small{color:#8694a8;font-size:8px}
.jd-banner-zone-pages{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.jd-banner-zone-page{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(118px,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.jd-banner-zone-page__name{
  min-width:0;
  color:#c7d1df;
  font-size:9.5px;
  line-height:1.25;
}
.jd-banner-zone-page__choices{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:5px;
}
.jd-banner-zone-choice{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  min-height:30px;
  margin:0!important;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:#091426;
  color:#b9c4d3;
  font-size:8.5px!important;
  line-height:1!important;
}
.jd-banner-zone-choice>span{
  display:flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
}
.jd-banner-zone-choice small{
  padding:2px 4px;
  border-radius:4px;
  background:rgba(255,255,255,.06);
  color:#74839a;
  font-size:7px;
  font-weight:900;
}

/* wp-admin uses a light canvas; keep the same compact geometry. */
.wp-admin .jd-banner-zone-picker{
  border-color:#dcdcde;
  background:#fff;
}
.wp-admin .jd-banner-zone-picker>summary strong,
.wp-admin .jd-banner-zone-master strong{color:#1d2327}
.wp-admin .jd-banner-zone-picker>summary small,
.wp-admin .jd-banner-zone-picker>summary>b,
.wp-admin .jd-banner-zone-master small{color:#646970}
.wp-admin .jd-banner-zone-picker__body{border-top-color:#dcdcde}
.wp-admin .jd-banner-zone-master{
  border-color:#ffb882;
  background:#fff8f2;
}
.wp-admin .jd-banner-zone-page{
  border-color:#e2e4e7;
  background:#f9f9f9;
}
.wp-admin .jd-banner-zone-page__name{color:#1d2327}
.wp-admin .jd-banner-zone-choice{
  border-color:#dcdcde;
  background:#fff;
  color:#2c3338;
}
.wp-admin .jd-banner-zone-choice small{
  background:#f0f0f1;
  color:#646970;
}

@media(max-width:900px){
  .jd-banner-zone-pages{grid-template-columns:1fr}
}
@media(max-width:620px){
  .jd-banner-zone-picker>summary{
    min-height:50px;
    padding:9px 10px;
  }
  .jd-banner-zone-picker>summary>b{display:none}
  .jd-banner-zone-picker__body{padding:0 8px 9px}
  .jd-banner-zone-page{
    grid-template-columns:1fr;
    gap:7px;
    min-height:0;
    padding:9px;
  }
  .jd-banner-zone-page__choices{justify-content:flex-start}
  .jd-banner-zone-choice{min-height:34px;padding:7px 9px;font-size:9px!important}
}


/* =========================================================
   JOBDEAL v2.1.3 — strict conditional-field visibility
   .jd-field uses display:grid, so author CSS must explicitly
   respect the HTML hidden attribute. This prevents inactive
   Health-only fields from appearing greyed out in other sectors
   and hides the classic business-type field inside Health.
   ========================================================= */
.jd-field[hidden],
.jd-health-account-type-field[hidden],
.jd-health-wanted-role-field[hidden],
.jd-health-search-type-field[hidden],
.jd-dependent-field[hidden]{
  display:none!important;
}

/* =========================================================
   JOBDEAL v2.1.5 — faster worker area picker
   Search-first UX without changing stored area values.
   ========================================================= */
.jd-area-picker .jd-fieldset-note{display:block;margin:0 0 9px;color:#6f7b8d;font-size:11px;line-height:1.45}
.jd-area-selected{display:none;flex-wrap:wrap;gap:7px;margin-top:9px;align-items:center}
.jd-area-selected.has-items{display:flex}
.jd-area-selected__chip,.jd-area-selected__clear{appearance:none;border:0;font:inherit;cursor:pointer}
.jd-area-selected__chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:31px;padding:5px 9px;border:1px solid #dbe3ed;border-radius:999px;background:#f7f9fc;color:#344054;font-size:11px;font-weight:800;line-height:1.2}
.jd-area-selected__chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jd-area-selected__chip b{font-size:16px;line-height:1;color:#8a96a8;font-weight:500}
.jd-area-selected__chip:hover{border-color:#ffc79f;background:#fff7f1;color:#9f4308}
.jd-area-selected__chip:hover b{color:#d95a00}
.jd-area-selected__clear{padding:4px 3px;background:transparent;color:#7c8798;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.jd-area-selected__clear:hover{color:#b64a00}
.jd-area-search-hint{padding:9px 12px;text-align:left;color:#6d798b;background:#fbfcfe}
.jd-area-search-hint strong{display:block;margin-bottom:4px;color:#354258;font-size:12px}
.jd-area-search-hint span{display:block;font-size:11px;line-height:1.35}
.jd-area-search-hint.is-hidden{display:none}
.jd-area-picker .jd-multi-select__list:empty{display:none}
.jd-area-picker .jd-option-row__label{font-weight:750}

@media(max-width:700px){
  .jd-area-selected{gap:6px}
  .jd-area-selected__chip{max-width:calc(100vw - 72px)}
}


/* =========================================================
   JOBDEAL v2.1.7 — mobile area-entry refinement
   Keeps the v2.1.6 picker/design, but makes repeated area
   selection faster on phones: selected chips stay above,
   the search clears after each pick and the picker can be
   lifted above the software keyboard.
   ========================================================= */
.jd-area-picker{scroll-margin-top:96px}
.jd-area-picker .jd-area-selected{order:0}
.jd-area-picker .jd-multi-select__menu{order:1}
@media(max-width:700px){
  .jd-area-picker{scroll-margin-top:92px}
  .jd-area-picker .jd-area-selected.has-items{margin-top:8px;margin-bottom:2px}
  .jd-area-picker .jd-multi-select__search{position:sticky;top:0;z-index:2;background:#fbfcfe}
  .jd-area-picker .jd-multi-select__search input{font-size:16px!important}
}

/* =========================================================
   JOBDEAL v2.1.8 — area picker mobile polish
   No browser-native clear X; after a pick the query becomes
   empty and the picker is lifted into a comfortable viewport.
   ========================================================= */
.jd-area-picker input[data-jd-multi-search="1"]::-webkit-search-cancel-button,
.jd-area-picker input[data-jd-multi-search="1"]::-webkit-search-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}
@media(max-width:700px){
  .jd-area-picker{scroll-margin-top:76px}
}

/* v2.3.5 — scoped banner manager upload/distribution controls. */
.jd-banner-distribution{margin:18px 0;padding:18px;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;color:#172033}
.jd-banner-distribution form{margin:0!important;display:block!important}
.jd-banner-distribution p{margin:10px 0 0!important;font-size:13px;line-height:1.6;color:#475569}
.jd-banner-distribution button.button{background:#163d72!important;color:#fff!important;border:1px solid #163d72!important;border-radius:9px;font-weight:700;padding:10px 18px;min-height:44px;line-height:1.4;height:auto;cursor:pointer}
.jd-banner-upload{display:grid;gap:10px;padding:14px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#172033;min-width:0}
.jd-banner-upload label{display:grid!important;gap:6px;min-width:0}
.jd-banner-upload label span,.jd-banner-upload small{color:#475569;font-size:12px;line-height:1.5}
.jd-banner-upload input{max-width:100%;box-sizing:border-box;min-width:0}
.jd-banner-upload input[type=file]{width:100%;padding:8px!important;background:#f1f5f9!important;color:#172033!important;border:1px solid #cbd5e1!important;border-radius:8px}
.jd-banner-upload input[type=file]::file-selector-button{background:#163d72;color:#fff;border:0;border-radius:6px;padding:9px 12px;margin-inline-end:8px;cursor:pointer}
.jd-banner-upload__preview{display:block;width:100%;height:150px;object-fit:contain;border-radius:8px;background:#f1f5f9}
.jd-banner-upload__preview[hidden]{display:none!important}
.jd-banner-upload .jd-banner-upload__clear{background:#fff!important;color:#9f1239!important;border:1px solid #cbd5e1!important;padding:7px 12px;border-radius:7px;cursor:pointer;justify-self:start;height:auto;line-height:1.5}
.jd-banner-upload__status{font-size:12px;color:#334155;overflow-wrap:anywhere}
.jd-banner-upload__status:empty{display:none}
.jd-banner-upload summary{cursor:pointer;font-size:12px;color:#163d72;padding:5px 0}
.jd-pa-banner-images-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:900px){.jd-pa-banner-images-compact{grid-template-columns:1fr}}
.jd-banner-auto-save{display:flex!important;gap:9px;align-items:center;margin-top:16px;font-weight:700;line-height:1.5}
.jd-banner-auto-save input[type=checkbox]{width:18px!important;height:18px;flex:0 0 18px}

/* =========================================================
   JOBDEAL v2.3.7 — ordered / polished banner editor
   Visual-only refinement. Keeps existing banner logic intact.
   ========================================================= */
.jd-pa-banner-editor{
  margin:0 0 28px;
  scroll-margin-top:24px;
}
.jd-pa-banner-editor .jd-pa-banner-form{
  width:min(100%,1280px);
  margin:0 auto;
  padding:22px;
  gap:14px;
  border:1px solid rgba(148,163,184,.15);
  border-radius:22px;
  background:linear-gradient(180deg,#0f1c31 0%,#0b1628 100%);
  box-shadow:0 18px 48px rgba(0,0,0,.16);
}
.jd-pa-banner-editor .jd-pa-banner-form__head{
  align-items:center;
  padding:0 2px 4px;
}
.jd-pa-banner-editor .jd-pa-banner-form__head span{
  display:block;
  margin-bottom:4px;
  color:#ff7a1a;
  font-size:9px;
  letter-spacing:1.3px;
}
.jd-pa-banner-editor .jd-pa-banner-form__head h2{
  margin:0!important;
  color:#fff;
  font-size:22px!important;
  line-height:1.2;
}
.jd-pa-banner-editor .jd-pa-banner-form__head>a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  color:#aeb9c9!important;
  font-size:10px;
  font-weight:800;
}
.jd-pa-banner-editor .jd-pa-banner-form__head>a:hover{
  border-color:rgba(255,105,0,.35);
  color:#fff!important;
}

.jd-pa-banner-section{
  display:grid;
  gap:13px;
  padding:17px;
  border:1px solid rgba(148,163,184,.12);
  border-radius:16px;
  background:rgba(7,17,32,.38);
}
.jd-pa-banner-section__head{
  display:flex;
  align-items:center;
  gap:11px;
  padding-bottom:11px;
  border-bottom:1px solid rgba(148,163,184,.10);
}
.jd-pa-banner-section__head>span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:1px solid rgba(255,105,0,.32);
  border-radius:9px;
  background:rgba(255,105,0,.09);
  color:#ff8a3d;
  font-size:9px;
  font-weight:950;
  letter-spacing:.4px;
}
.jd-pa-banner-section__head>div{
  min-width:0;
}
.jd-pa-banner-section__head strong{
  display:block;
  color:#f8fafc;
  font-size:13px;
  font-weight:900;
  line-height:1.25;
}
.jd-pa-banner-section__head small{
  display:block;
  margin-top:3px;
  color:#7f8da2;
  font-size:9px;
  line-height:1.4;
}

.jd-pa-banner-editor .jd-pa-banner-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.jd-pa-banner-editor .jd-pa-banner-form label{
  gap:6px;
}
.jd-pa-banner-editor .jd-pa-banner-form label>span{
  color:#93a0b4;
  font-size:9px;
  font-weight:900;
  letter-spacing:.75px;
}
.jd-pa-banner-editor .jd-pa-banner-form input:not([type=checkbox]):not([type=file]),
.jd-pa-banner-editor .jd-pa-banner-form select,
.jd-pa-banner-editor .jd-pa-banner-form textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:10px!important;
  background:#081426!important;
  color:#f8fafc!important;
  box-shadow:none!important;
  outline:none!important;
}
.jd-pa-banner-editor .jd-pa-banner-form input:not([type=checkbox]):not([type=file]),
.jd-pa-banner-editor .jd-pa-banner-form select{
  min-height:44px!important;
  padding:0 12px!important;
}
.jd-pa-banner-editor .jd-pa-banner-form textarea{
  min-height:92px;
  padding:11px 12px!important;
  resize:vertical;
}
.jd-pa-banner-editor .jd-pa-banner-form input::placeholder,
.jd-pa-banner-editor .jd-pa-banner-form textarea::placeholder{
  color:#556278!important;
  opacity:1;
}
.jd-pa-banner-editor .jd-pa-banner-form input:focus,
.jd-pa-banner-editor .jd-pa-banner-form select:focus,
.jd-pa-banner-editor .jd-pa-banner-form textarea:focus{
  border-color:#ff6900!important;
  box-shadow:0 0 0 3px rgba(255,105,0,.09)!important;
}

.jd-pa-banner-editor .jd-pa-banner-images-compact{
  display:block;
}
.jd-pa-banner-editor .jd-banner-upload{
  display:grid!important;
  grid-template-columns:minmax(220px,330px) minmax(0,1fr)!important;
  gap:16px!important;
  padding:13px!important;
  border:1px solid rgba(148,163,184,.13)!important;
  border-radius:13px!important;
  background:#091629!important;
  color:#f8fafc!important;
}
.jd-banner-upload__visual{
  position:relative;
  min-height:170px;
  overflow:hidden;
  border:1px dashed rgba(148,163,184,.22);
  border-radius:10px;
  background:#06111f;
}
.jd-pa-banner-editor .jd-banner-upload__preview{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  min-height:170px;
  object-fit:contain!important;
  border-radius:0!important;
  background:#06111f!important;
}
.jd-banner-upload__empty{
  position:absolute;
  inset:0;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:4px;
  padding:18px;
  text-align:center;
  color:#718096;
}
.jd-banner-upload__preview:not([hidden]) + .jd-banner-upload__empty{
  display:none;
}
.jd-banner-upload__empty>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:3px;
  border-radius:50%;
  background:rgba(255,105,0,.10);
  color:#ff7a1a;
  font-size:21px;
  font-weight:500;
}
.jd-banner-upload__empty>strong{
  color:#aeb9ca;
  font-size:11px;
}
.jd-banner-upload__empty>small{
  color:#59677d!important;
  font-size:9px!important;
}
.jd-banner-upload__controls{
  display:grid;
  align-content:start;
  gap:9px;
  min-width:0;
}
.jd-banner-upload__controls>strong{
  color:#f8fafc;
  font-size:12px;
  font-weight:900;
}
.jd-banner-upload__controls>strong em{
  display:inline-flex;
  margin-left:5px;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(255,105,0,.10);
  color:#ff8a3d;
  font-size:7px;
  font-style:normal;
  letter-spacing:.5px;
  vertical-align:1px;
}
.jd-pa-banner-editor .jd-banner-upload label span,
.jd-pa-banner-editor .jd-banner-upload small{
  color:#7f8da2!important;
  font-size:9px!important;
  line-height:1.45!important;
}
.jd-pa-banner-editor .jd-banner-upload input[type=file]{
  width:100%;
  min-width:0;
  padding:6px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:9px!important;
  background:#081426!important;
  color:#9aa7ba!important;
  font-size:10px;
}
.jd-pa-banner-editor .jd-banner-upload input[type=file]::file-selector-button{
  margin-inline-end:8px;
  padding:8px 11px;
  border:0;
  border-radius:7px;
  background:#173d71;
  color:#fff;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.jd-banner-upload__tools{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:8px 12px;
}
.jd-pa-banner-editor .jd-banner-upload .jd-banner-upload__clear{
  justify-self:auto;
  min-height:34px;
  padding:0 10px!important;
  border:1px solid rgba(255,104,117,.22)!important;
  border-radius:8px!important;
  background:rgba(255,104,117,.05)!important;
  color:#ff8d98!important;
  font-size:9px!important;
  font-weight:850!important;
}
.jd-banner-upload__tools details{
  min-width:min(100%,260px);
  flex:1 1 220px;
}
.jd-pa-banner-editor .jd-banner-upload summary{
  padding:8px 0!important;
  color:#85aee5!important;
  font-size:9px!important;
  font-weight:800;
}
.jd-pa-banner-editor .jd-banner-upload__alt{
  margin-top:2px!important;
}
.jd-pa-banner-editor .jd-banner-upload__status{
  color:#9fb0c5!important;
  font-size:9px!important;
}

.jd-pa-banner-slot-row{
  display:grid;
  grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);
  gap:12px;
  align-items:stretch;
}
.jd-pa-banner-slot-help{
  display:grid;
  align-content:center;
  gap:3px;
  padding:10px 12px;
  border:1px solid rgba(92,164,255,.12);
  border-radius:10px;
  background:rgba(92,164,255,.045);
}
.jd-pa-banner-slot-help strong{
  color:#a9c8f0;
  font-size:9px;
}
.jd-pa-banner-slot-help span{
  color:#718197;
  font-size:8.5px;
  line-height:1.45;
}
.jd-pa-banner-editor .jd-banner-zone-picker{
  margin:0;
  border-color:rgba(148,163,184,.13);
  border-radius:11px;
  background:#091629;
}

.jd-pa-banner-editor .jd-pa-banner-commercial{
  gap:12px;
  padding:0;
  border:0;
  background:transparent;
}
.jd-pa-banner-editor .jd-pa-banner-life{
  padding:9px 11px;
}
.jd-pa-banner-settings-row{
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);
  gap:12px;
}
.jd-pa-banner-editor .jd-pa-banner-checks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.jd-pa-banner-editor .jd-pa-banner-checks label{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:8px!important;
  min-height:54px;
  padding:9px 10px;
  border:1px solid rgba(148,163,184,.12);
  border-radius:10px;
  background:#091629;
}
.jd-pa-banner-editor .jd-pa-banner-checks input{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  accent-color:#ff6900;
}
.jd-pa-banner-editor .jd-pa-banner-checks label>span{
  display:block;
  text-transform:none!important;
  letter-spacing:0!important;
}
.jd-pa-banner-editor .jd-pa-banner-checks strong{
  display:block;
  color:#dce5f1;
  font-size:9.5px;
}
.jd-pa-banner-editor .jd-pa-banner-checks small{
  display:block;
  margin-top:2px;
  color:#69778c;
  font-size:8px;
  font-weight:600;
}
.jd-pa-banner-auto-box{
  display:grid;
  align-content:center;
  padding:9px 11px;
  border:1px solid rgba(255,105,0,.15);
  border-radius:10px;
  background:rgba(255,105,0,.045);
}
.jd-pa-banner-auto-box .jd-banner-auto-save{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr);
  gap:8px!important;
  align-items:center;
  margin:0!important;
  color:#dce5f1;
  font-size:9.5px;
}
.jd-pa-banner-auto-box .jd-banner-auto-save input{
  width:16px!important;
  height:16px!important;
  margin:0!important;
  accent-color:#ff6900;
}
.jd-pa-banner-auto-box .description{
  margin:5px 0 0 26px!important;
  color:#78869a!important;
  font-size:8px!important;
  line-height:1.4!important;
}

.jd-pa-banner-editor .jd-pa-banner-actions--final{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:13px 14px;
  border:1px solid rgba(255,105,0,.18);
  border-radius:13px;
  background:linear-gradient(90deg,rgba(255,105,0,.055),rgba(255,105,0,.018));
}
.jd-pa-banner-actions--final>div{
  min-width:0;
}
.jd-pa-banner-actions--final>div strong{
  display:block;
  color:#f8fafc;
  font-size:10px;
}
.jd-pa-banner-actions--final>div span{
  display:block;
  margin-top:3px;
  color:#748298;
  font-size:8.5px;
}
.jd-pa-banner-editor .jd-pa-banner-actions--final button{
  min-width:178px;
  min-height:42px;
  padding:0 16px;
  border-radius:9px;
  background:#ff6900;
  box-shadow:0 8px 18px rgba(255,105,0,.16);
  font-size:10px;
  font-weight:900;
}

@media(max-width:900px){
  .jd-pa-banner-editor .jd-pa-banner-form{padding:14px;border-radius:16px}
  .jd-pa-banner-section{padding:13px}
  .jd-pa-banner-editor .jd-pa-banner-form-grid,
  .jd-pa-banner-editor .jd-banner-upload,
  .jd-pa-banner-slot-row,
  .jd-pa-banner-settings-row,
  .jd-pa-banner-editor .jd-pa-banner-commercial{grid-template-columns:1fr!important}
  .jd-banner-upload__visual{min-height:190px}
  .jd-pa-banner-editor .jd-banner-upload__preview{min-height:190px}
}
@media(max-width:560px){
  .jd-pa-banner-editor .jd-pa-banner-form{padding:10px;gap:10px}
  .jd-pa-banner-section{padding:11px;border-radius:13px}
  .jd-pa-banner-section__head small{display:none}
  .jd-pa-banner-editor .jd-pa-banner-checks{grid-template-columns:1fr}
  .jd-pa-banner-editor .jd-pa-banner-actions--final{align-items:stretch;flex-direction:column}
  .jd-pa-banner-editor .jd-pa-banner-actions--final button{width:100%;min-width:0}
  .jd-banner-upload__tools{display:grid;grid-template-columns:1fr}
}

/* =========================================================
   JOBDEAL v2.3.8 — hybrid banner distribution
   AUTO can coexist with guaranteed placements.
   ========================================================= */
.jd-pa-banner-mode-box{
  padding:11px 12px;
  border:1px solid rgba(255,105,0,.20);
  border-radius:11px;
  background:linear-gradient(90deg,rgba(255,105,0,.075),rgba(255,105,0,.025));
}
.jd-pa-banner-mode-box .jd-banner-auto-save{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr);
  gap:9px!important;
  align-items:center;
  margin:0!important;
}
.jd-pa-banner-mode-box .jd-banner-auto-save input{
  width:17px!important;
  height:17px!important;
  margin:0!important;
  accent-color:#ff6900;
}
.jd-pa-banner-mode-box .jd-banner-auto-save>span{
  display:block;
  min-width:0;
}
.jd-pa-banner-mode-box .jd-banner-auto-save strong{
  display:block;
  color:#f4f7fb;
  font-size:10px;
  font-weight:900;
}
.jd-pa-banner-mode-box .jd-banner-auto-save small{
  display:block;
  margin-top:3px;
  color:#8492a6;
  font-size:8.5px;
  font-weight:600;
  line-height:1.45;
}
.jd-pa-banner-settings-row--single{
  grid-template-columns:1fr!important;
}
.jd-pa-banner-settings-row--single .jd-pa-banner-checks{
  max-width:620px;
}
.jd-pa-banner-section.is-auto-distribution .jd-pa-banner-slot-row select option[value]:not([value="0"]){
  color:#657187;
}
.jd-pa-banner-section.is-auto-distribution .jd-pa-banner-slot-help{
  border-color:rgba(255,105,0,.18);
  background:rgba(255,105,0,.045);
}
.jd-pa-banner-section.is-auto-distribution .jd-pa-banner-slot-help strong{
  color:#ff9a55;
}
@media(max-width:700px){
  .jd-pa-banner-mode-box{padding:10px}
  .jd-pa-banner-mode-box .jd-banner-auto-save small{font-size:8px}
}

/* =========================================================
   JOBDEAL v2.3.9 — direct slot manager + high-visibility editor
   ========================================================= */
.jd-pa-banner-editor .jd-pa-banner-form input:not([type=checkbox]):not([type=file]),
.jd-pa-banner-editor .jd-pa-banner-form select,
.jd-pa-banner-editor .jd-pa-banner-form textarea{
  background:#fff!important;
  color:#111827!important;
  border-color:#d7dde7!important;
  box-shadow:0 1px 0 rgba(255,255,255,.05)!important;
}
.jd-pa-banner-editor .jd-pa-banner-form input::placeholder,
.jd-pa-banner-editor .jd-pa-banner-form textarea::placeholder{
  color:#7b8798!important;
}
.jd-pa-banner-editor .jd-pa-banner-form input:focus,
.jd-pa-banner-editor .jd-pa-banner-form select:focus,
.jd-pa-banner-editor .jd-pa-banner-form textarea:focus{
  border-color:#ff6900!important;
  box-shadow:0 0 0 3px rgba(255,105,0,.15)!important;
}
.jd-pa-banner-editor .jd-pa-banner-form select option{
  color:#111827;
  background:#fff;
}

.jd-pa-banner-slot-wrap,
.jd-pa-banner-slot-picker{
  position:relative;
  min-width:0;
}
.jd-pa-banner-slot-wrap>.jd-pa-banner-slot,
.jd-pa-banner-slot-picker>summary.jd-pa-banner-slot{
  width:100%;
  box-sizing:border-box;
}
.jd-pa-banner-slot-picker>summary{
  list-style:none;
  cursor:pointer;
}
.jd-pa-banner-slot-picker>summary::-webkit-details-marker{display:none}
.jd-pa-banner-slot-remove{
  position:absolute;
  z-index:4;
  top:-5px;
  right:-5px;
  margin:0;
}
.jd-pa-banner-slot-remove input[type=hidden]{display:none!important}
.jd-pa-banner-slot-remove button{
  width:21px;
  height:21px;
  display:grid;
  place-items:center;
  padding:0;
  border:2px solid #0e1a2e;
  border-radius:50%;
  background:#ff5261;
  color:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.28);
  font-size:16px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.jd-pa-banner-slot-remove button:hover,
.jd-pa-banner-slot-remove button:focus-visible{
  background:#ff3346;
  outline:2px solid rgba(255,82,97,.3);
  outline-offset:1px;
}
.jd-pa-banner-slot-picker[open]{z-index:20}
.jd-pa-banner-slot-picker__panel{
  position:absolute;
  z-index:30;
  top:calc(100% + 7px);
  left:0;
  width:min(310px,72vw);
  padding:10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:11px;
  background:#101d31;
  box-shadow:0 16px 36px rgba(0,0,0,.34);
}
.jd-pa-banner-slot-picker__panel>strong{
  display:block;
  margin-bottom:7px;
  color:#fff;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.55px;
}
.jd-pa-banner-slot-picker__panel>span{
  display:block;
  color:#8290a5;
  font-size:9px;
  line-height:1.4;
}
.jd-pa-banner-slot-picker__panel form{
  display:grid;
  gap:7px;
  margin:0;
}
.jd-pa-banner-slot-picker__panel select{
  width:100%;
  min-height:36px;
  padding:0 8px;
  border:1px solid #d7dde7;
  border-radius:8px;
  background:#fff;
  color:#111827;
  font-size:10px;
  font-weight:700;
  outline:none;
}
.jd-pa-banner-slot-picker__panel select:focus{
  border-color:#ff6900;
  box-shadow:0 0 0 3px rgba(255,105,0,.12);
}
.jd-pa-banner-slot-picker__panel button{
  min-height:34px;
  border:0;
  border-radius:8px;
  background:#ff6900;
  color:#fff;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
.jd-pa-banner-slot-picker__panel button:hover{background:#ff7a1a}
.jd-pa-banner-zone-card{
  overflow:visible;
}
.jd-pa-banner-overview,
.jd-pa-banner-zone-grid{
  overflow:visible;
}
@media(max-width:700px){
  .jd-pa-banner-slot-picker__panel{
    position:fixed;
    left:14px;
    right:14px;
    top:auto;
    bottom:14px;
    width:auto;
    max-width:none;
  }
}

/* =========================================================
   JOBDEAL 2.4.7 — PUBLIC AVAILABLE STAFF / COMMERCIAL MAP
   Mobile geometry follows the unified public form system.
   Read-only public inventory. No personal data is rendered.
   ========================================================= */
.jd-map-heading--commercial{max-width:900px;margin:0 auto;text-align:center}
.jd-map-heading--commercial h2{margin:8px 0 12px;color:var(--jd-navy);font-size:clamp(28px,4vw,42px);line-height:1.08}
.jd-map-stats--available{margin-top:25px}

.jd-available-sector-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:22px 0 26px;min-width:0}
.jd-available-sector-nav a{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border:1px solid var(--jd-line);border-radius:12px;background:#fff;color:var(--jd-navy);font-size:11px;font-weight:850;text-align:center;text-decoration:none;box-shadow:0 7px 20px rgba(10,18,36,.04);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.jd-available-sector-nav a:hover{transform:translateY(-2px);border-color:rgba(255,105,0,.42);box-shadow:0 12px 28px rgba(10,18,36,.07)}
.jd-available-sector-nav a>span{font-size:17px;line-height:1}
.jd-available-sector-nav a>strong{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:#fff0e6;color:var(--jd-orange);font-size:10px}

.jd-available-sector-list{display:grid;gap:20px;min-width:0;width:100%;max-width:100%}
.jd-available-sector{width:100%;max-width:100%;min-width:0;scroll-margin-top:110px;padding:24px;border:1px solid var(--jd-line);border-radius:18px;background:#fff;box-shadow:var(--jd-shadow);overflow:hidden}
.jd-available-sector__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding-bottom:16px;border-bottom:1px solid #edf0f4;min-width:0}
.jd-available-sector__head>div{display:flex;align-items:center;gap:12px;min-width:0}
.jd-available-sector__head>div>span{width:45px;height:45px;display:grid;place-items:center;flex:0 0 45px;border-radius:12px;background:#fff7f1;font-size:25px}
.jd-available-sector__head small{display:block;color:#8b96a7;font-size:9px;font-weight:900;letter-spacing:1px}
.jd-available-sector__head h3{margin:2px 0 0;color:var(--jd-navy);font-size:24px;line-height:1.1;overflow-wrap:anywhere}
.jd-available-sector__head>strong{min-width:62px;color:var(--jd-orange);font-size:30px;line-height:1;text-align:right;white-space:nowrap}
.jd-available-sector__head>strong small{display:block;margin-top:4px;color:#7a8799;font-size:10px;line-height:1.15;letter-spacing:0}

/* Role cards intentionally use the same radius / spacing language as public form controls. */
.jd-available-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;min-width:0;width:100%}
.jd-available-role-card{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:14px;align-items:stretch;padding:14px 15px;border:1px solid #d4dbe6;border-radius:12px;background:#fff;color:inherit;text-decoration:none;overflow:hidden;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.jd-available-role-card:hover{transform:translateY(-1px);border-color:var(--jd-orange);box-shadow:0 0 0 3px rgba(255,105,0,.07)}
.jd-available-role-card__copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
.jd-available-role-card__name{display:block;max-width:100%;color:var(--jd-navy);font-size:14px;font-weight:900;line-height:1.32;overflow-wrap:anywhere}
.jd-available-role-card__sub{display:block;color:#8793a5;font-size:10.5px;font-weight:700;line-height:1.3}
.jd-available-role-card__areas{display:block;width:100%;margin-top:3px;color:#68748a;font-size:10.5px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.jd-available-role-card__areas b{color:#46546a;font-weight:900}
.jd-available-role-card__count{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #edf0f4;text-align:center}
.jd-available-role-card__count>strong{display:block;color:var(--jd-orange);font-size:28px;font-weight:950;line-height:1}
.jd-available-role-card__count>small{display:block;margin-top:5px;color:#7a8799;font-size:9px;font-weight:800;line-height:1.1}

.jd-available-sector__cta{display:flex;justify-content:flex-end;margin-top:16px}
.jd-available-empty{margin-top:16px;padding:15px;border:1px dashed #dce3ec;border-radius:12px;background:#fafbfd;color:#7b8798;font-size:12px;text-align:center}
.jd-demand-secondary{margin-top:46px;padding-top:38px;border-top:1px solid #e4e9f0}
.jd-demand-secondary .jd-map-heading{max-width:850px;margin:0 auto 20px;text-align:center}
.jd-demand-secondary .jd-map-heading h3{margin:8px 0 10px;color:var(--jd-navy);font-size:clamp(24px,3vw,34px)}
.jd-demand-map--needs{margin-top:18px}
.jd-map-cta--commercial{border-color:rgba(255,105,0,.28);background:linear-gradient(135deg,#fff8f2,#fff)}

@media(max-width:1050px){
  .jd-available-sector-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jd-available-roles{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .jd-available-sector-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .jd-available-sector-nav a{min-height:44px;padding:8px 7px;font-size:10px}
  .jd-available-sector-nav a>strong{min-width:22px;height:22px;font-size:9.5px}

  .jd-available-sector{padding:16px;border-radius:18px;scroll-margin-top:90px}
  .jd-available-sector__head{grid-template-columns:minmax(0,1fr) 58px;gap:10px;padding-bottom:14px}
  .jd-available-sector__head>div{gap:10px}
  .jd-available-sector__head>div>span{width:42px;height:42px;flex-basis:42px;border-radius:11px;font-size:23px}
  .jd-available-sector__head h3{font-size:20px;line-height:1.16}
  .jd-available-sector__head>strong{min-width:0;font-size:25px;text-align:center}
  .jd-available-sector__head>strong small{font-size:9px}

  .jd-available-roles{grid-template-columns:1fr;gap:10px;margin-top:14px}
  .jd-available-role-card{grid-template-columns:minmax(0,1fr) 54px;gap:10px;padding:14px;border-radius:12px;min-height:108px}
  .jd-available-role-card__name{font-size:14px;line-height:1.34}
  .jd-available-role-card__sub{font-size:10px}
  .jd-available-role-card__areas{font-size:10px;line-height:1.45}
  .jd-available-role-card__count>strong{font-size:25px}
  .jd-available-role-card__count>small{font-size:8.5px}

  .jd-available-sector__cta{justify-content:stretch}
  .jd-available-sector__cta .jd-btn{width:100%;min-height:48px;border-radius:12px}
}


/* v2.4.8 — admin-only public staff count diagnostic */
.jd-map-admin-diagnostic{margin:14px 0 22px;border:1px dashed #f1b487;border-radius:12px;background:#fffaf6;overflow:hidden}
.jd-map-admin-diagnostic summary{padding:12px 14px;color:#9b4a10;font-size:11px;font-weight:900;cursor:pointer;list-style:none}
.jd-map-admin-diagnostic summary::-webkit-details-marker{display:none}
.jd-map-admin-diagnostic>div{display:grid;gap:5px;padding:0 14px 13px;color:#5f6d82;font-size:11px;line-height:1.5}
.jd-map-admin-diagnostic>div strong{color:#0a1224;font-size:12px}
.jd-map-admin-diagnostic>div small{color:#7d8796;font-size:10px}

/* =========================================================
   JOBDEAL 2.5.1 — EMPLOYER ACTIVITY + REUSABLE LIVE STATS
   Demo inventory stays visibly separate from real employers.
   ========================================================= */
.jd-employer-activity__stats{margin:20px 0 22px}
.jd-map-stat--demo{position:relative;border-style:dashed}
.jd-map-stat--demo>small{display:block;margin-top:4px;color:#9a6b48;font-size:8px;font-weight:900;letter-spacing:.8px}
.jd-employer-presence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.jd-employer-presence-card{min-width:0}
.jd-employer-presence-card__facts{display:grid;gap:7px;margin:12px 0}
.jd-employer-presence-card__facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #e6eaf0;border-radius:10px;background:#fafbfd}
.jd-employer-presence-card__facts span{min-width:0;color:#66748a;font-size:10.5px;font-weight:750;line-height:1.35}
.jd-employer-presence-card__facts strong{flex:0 0 auto;color:var(--jd-navy);font-size:15px;font-weight:950}
.jd-employer-presence-card__facts .is-demo{border-style:dashed;background:#fffaf6}
.jd-employer-presence-card__facts .is-demo span{color:#866349}
.jd-employer-presence-card__facts .is-demo small{font-size:7.5px;font-weight:950;letter-spacing:.6px}
.jd-employer-presence-card__facts .is-demand{border-color:rgba(255,105,0,.22);background:#fff8f2}
.jd-employer-presence-card__facts .is-demand strong{color:var(--jd-orange)}
.jd-employer-presence-card__types{margin:10px 0 2px;color:#6e7a8d;font-size:10.5px;line-height:1.55;overflow-wrap:anywhere}
.jd-employer-presence-card__types b{color:#445268}

.jd-live-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:700px;margin:0 auto}
.jd-live-stats article{position:relative;min-width:0;padding:18px 16px;border:1px solid #e1e7f0;border-radius:14px;background:#fff;text-align:center;box-shadow:0 8px 24px rgba(10,18,36,.045)}
.jd-live-stats strong{display:block;color:#ff6900;font-size:30px;font-weight:950;line-height:1}
.jd-live-stats span{display:block;margin-top:7px;color:#0a1224;font-size:11px;font-weight:850}
.jd-live-stats article.is-demo{border-style:dashed;background:#fffaf6}
.jd-live-stats article.is-demo small{display:block;margin-top:4px;color:#9a6b48;font-size:8px;font-weight:900;letter-spacing:.7px}

@media(max-width:700px){
  .jd-employer-presence-grid{grid-template-columns:1fr}
  .jd-live-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .jd-live-stats article{padding:15px 10px}
  .jd-live-stats strong{font-size:26px}
  .jd-live-stats span{font-size:10px}
}

/* v2.6.0 — employer onboarding: two independent paid-service routes, no public profile card. */
.jd-employer-entry-note{font-size:12px;line-height:1.6;color:var(--jd-muted);margin:8px 0 18px}
.jd-employer-entry-note strong{color:var(--jd-navy)}
.jd-employer-entry-note span{display:block}
.jd-employer-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:10px}
.jd-employer-method{min-width:0;padding:24px;border:1px solid #e1e7ef;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 10px 28px rgba(10,18,36,.045)}
.jd-employer-method:first-child{border-color:#ffceab;background:linear-gradient(150deg,#fffaf6,#fff 70%)}
.jd-employer-method__tag{font-size:11px;letter-spacing:.035em;font-weight:800;color:#a65314}
.jd-employer-method--ad .jd-employer-method__tag{color:#45617e}
.jd-employer-method h2{margin:12px 0 8px;font-size:21px;line-height:1.25;color:var(--jd-navy)}
.jd-employer-method p{margin:0 0 20px;font-size:14px;line-height:1.65;color:var(--jd-muted);flex:1}
.jd-employer-method p strong{color:var(--jd-navy)}
.jd-employer-method .jd-btn{font-size:13px;text-align:center;max-width:100%;white-space:normal}
.jd-employer-methods-foot{font-size:12px;color:var(--jd-muted);margin:0 0 16px}
.jd-employer-account-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.jd-employer-account-links a{display:inline-flex;padding:10px 13px;border:1px solid var(--jd-line);border-radius:10px;color:var(--jd-navy);background:#fff;text-decoration:none!important;font-weight:700;font-size:12px}
.jd-employer-account-links a:hover{border-color:#ffba8e;color:#c05205}
@media(max-width:680px){.jd-employer-methods{grid-template-columns:1fr;gap:12px}.jd-employer-method{padding:18px}.jd-employer-method h2{font-size:18px}.jd-employer-method .jd-btn{width:100%}.jd-employer-account-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.jd-employer-account-links a{align-items:center;justify-content:center;text-align:center}}

/* JOBDEAL 2.6.5 — Inline banner occupancy / recovery; preserve current layout. */
.jd-banner-availability-notice{margin:12px 0 0;padding:12px 14px;border:1px solid #b6d4ef;border-radius:9px;background:#f3f8fe;color:#183a60;font-size:14px;line-height:1.5}
.jd-banner-availability-notice.is-blocked{border-color:#e5b971;background:#fff8e9;color:#623f11}
.jd-banner-availability-notice p{margin:0 0 6px}.jd-banner-availability-notice small{display:block;margin-bottom:8px}
.jd-banner-use-available{cursor:pointer;border:0;border-radius:7px;background:#175c9e;color:#fff;padding:9px 13px;font:inherit;font-weight:700}
.jd-banner-use-available:hover,.jd-banner-use-available:focus{background:#0a4175;color:#fff}
.jd-banner-draft-restored{margin:12px 0;padding:10px;border-left:3px solid #175c9e;background:#f0f7fe}
.jd-banner-zone-choice.is-full small{color:#ad3900;font-weight:700}

/* v2.6.6 — private Job Ad Operations, scoped to avoid banner layout changes */
.jd-pa-job-list .jd-pa-job-card{grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:start;padding:18px;gap:16px}
.jd-pa-job-card>div:first-child{min-width:0}
.jd-pa-job-card>div:first-child h2{line-height:1.35}
.jd-pa-job-list .jd-pa-job-actions{justify-content:flex-start;align-items:stretch;align-content:flex-start}
.jd-pa-job-actions form{margin:0;display:inline-flex}
.jd-pa-job-actions button.is-primary{color:#fff!important;background:#ff6900;border-color:#ff6900}
.jd-pa-job-actions form.jd-pa-job-manual{display:flex;flex-wrap:wrap;width:100%;gap:5px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:10px}
.jd-pa-job-manual input{flex:1 1 185px;min-width:130px;min-height:34px;background:#071427;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:0 8px;font-size:12px}
.jd-pa-job-editor select{width:100%;min-height:43px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#091426;color:#fff;padding:0 10px}
.jd-pa-job-editor p{color:#acbbce;font-size:12px;line-height:1.5}
@media(max-width:850px){.jd-pa-job-list .jd-pa-job-card{grid-template-columns:1fr}.jd-pa-job-list .jd-pa-job-actions{grid-column:auto}}

/* 2.6.8 — native single-step landing, at the signed-in worker identity. */
#jobdeal-worker-session { scroll-margin-top: 84px; }
@media(max-width:620px) { #jobdeal-worker-session { scroll-margin-top: 76px; } }