/* Shared public job-search component. No changes to admin or account forms. */
#job-search.search-design{--search-panel:#f8f9fc;--search-icon:#0000cc;--search-track:#d3d8e6;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:var(--shadow-sm);color:var(--ink);overflow:visible}
#job-search.search-design .search-main{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.85fr) minmax(190px,auto);gap:0;align-items:start;padding:0;min-height:98px}
#job-search.search-design .search-main>.field{position:relative;display:grid;grid-template-rows:18px auto;align-content:start;min-width:0;min-height:98px;margin:0;padding:23px 22px 20px 70px;border:0;border-radius:17px 0 0 0;background:transparent}
#job-search.search-design .search-location-field::before{content:'';position:absolute;inset-inline-start:0;top:18px;bottom:18px;width:1px;background:var(--line)}
#job-search.search-design .search-main>.field:focus-within{background:var(--surface);outline:2px solid var(--focus);outline-offset:-3px}
#job-search.search-design .field>label{display:block;margin:0;font-size:11px;line-height:18px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
#job-search.search-design .field>label .jb-label-text{font:inherit;color:inherit;letter-spacing:inherit}
#job-search.search-design .search-main>.field>label[for="search-what"],#job-search.search-design .search-main>.field>label[for="search-where"]{color:#0000cc}
#job-search.search-design .input-wrap{position:static;min-height:32px}
#job-search.search-design .input-wrap>.icon{position:absolute;left:auto;inset-inline-start:24px;top:33px;transform:none;width:28px;height:28px;color:var(--search-icon);pointer-events:none}
#job-search.search-design .input-wrap>input[data-autocomplete]{display:block;appearance:none;width:100%;min-width:0;min-height:32px;height:32px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#000;font-size:18px;font-weight:700;line-height:32px;letter-spacing:-.02em;text-overflow:ellipsis}
#job-search.search-design .input-wrap>input[data-autocomplete]::placeholder{color:#626977;opacity:1;font-weight:450}
#job-search.search-design .input-wrap>input[data-autocomplete]:focus{outline:0;border:0;box-shadow:none;background:transparent}
#job-search.search-design .search-submit{display:inline-flex;align-items:center;justify-content:center;align-self:start;gap:12px;width:auto;min-width:0;min-height:58px;height:auto;margin:20px 18px 20px 14px;padding:14px 24px;border:1px solid #cd29c0;border-radius:14px;background:#cd29c0;color:#fff;box-shadow:none;font-size:16px;font-weight:700;line-height:1.5;white-space:normal;text-align:center}
#job-search.search-design .search-submit:hover{border-color:#b51eaa;background:#b51eaa;color:#fff}
#job-search.search-design .search-submit>.icon{flex:none;width:21px;height:21px}
#job-search.search-design .advanced{margin:0;border:0;padding:0}
#job-search.search-design .advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:65px;margin:0;padding:12px 22px;border-top:1px solid var(--line);border-radius:0 0 17px 17px;color:var(--link);font-size:13px;font-weight:600;line-height:1.5;list-style:none;cursor:pointer;user-select:none}
#job-search.search-design .advanced>summary::-webkit-details-marker{display:none}
#job-search.search-design .advanced>summary::after{content:none}
#job-search.search-design .search-promise{display:inline-flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;font-weight:450;line-height:1.5}
#job-search.search-design .search-promise>.icon{width:25px;height:25px;flex:none;border-radius:50%;padding:5px;background:var(--search-icon);color:#fff;stroke-width:2.2}
#job-search.search-design .search-advanced-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:6px 0 6px 12px;border:0;border-radius:0;background:transparent;color:var(--search-icon);font-size:13px;line-height:1.5;white-space:nowrap}
#job-search.search-design .search-advanced-toggle>.icon:first-child{width:19px;height:19px}
#job-search.search-design .search-advanced-toggle>.icon:last-child{width:15px;height:15px;transition:transform .15s}
#job-search.search-design .advanced[open]>summary .search-advanced-toggle>.icon:last-child{transform:rotate(180deg)}
#job-search.search-design .advanced>summary:hover .search-advanced-toggle{color:var(--link-hover)}
#job-search.search-design .advanced>summary:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}
/* These descendants retain their appearance when the same details moves into the mobile sheet. */
.search-advanced .search-refinements{--search-panel:#f8f9fc;--search-icon:#0000cc;--search-track:#d3d8e6}
#job-search.search-design .advanced .search-refinements,.listing-filters-dialog .search-advanced .search-refinements{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;margin:0;padding:0;border:0;border-top:1px solid var(--line);border-radius:0 0 17px 17px;background:var(--search-panel);color:var(--ink)}
#job-search.search-design .advanced:not([open])>.search-refinements,.search-advanced:not([open])>.search-refinements{display:none}
.search-refinements>section{min-width:0;padding:22px 24px 24px}
.search-refinements .search-location-preferences{position:relative}
.search-refinements .search-location-preferences::before{content:'';position:absolute;inset-inline-start:0;top:22px;bottom:24px;width:1px;background:var(--line)}
#job-search.search-design .search-refinements h3,.listing-filters-dialog .search-refinements h3{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--ink);font-size:17px;font-weight:700;line-height:1.4;letter-spacing:-.015em;text-transform:none}
.search-refinements h3>.icon{flex:none;width:23px;height:23px;color:var(--search-icon)}
.search-refinements .search-preference-fields,.search-refinements .search-timing-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#job-search.search-design .search-refinements label,.listing-filters-dialog .search-refinements label{display:grid;gap:7px;min-width:0;font-size:12px;font-weight:550;line-height:1.5;color:var(--ink)}
#job-search.search-design .search-refinements .jb-label-text,.listing-filters-dialog .search-refinements .jb-label-text{font-size:12px;font-weight:550;line-height:1.5;color:var(--ink)}
#job-search.search-design .search-refinements :is(select,input[type=number]),.listing-filters-dialog .search-refinements :is(select,input[type=number]){min-width:0;width:100%;min-height:46px;padding:10px 34px 10px 12px;border:1px solid var(--control-border);border-radius:8px;background-color:var(--paper);box-shadow:none;color:var(--ink);font-size:13px;font-weight:450;line-height:1.5}
#job-search.search-design .search-refinements input[type=number],.listing-filters-dialog .search-refinements input[type=number]{padding-inline-end:10px}
#job-search.search-design .search-refinements :is(select,input[type=number]):hover,.listing-filters-dialog .search-refinements :is(select,input[type=number]):hover{border-color:var(--control-hover)}
#job-search.search-design .search-refinements :is(select,input[type=number]):focus-visible,.listing-filters-dialog .search-refinements :is(select,input[type=number]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--focus)}
#job-search.search-design fieldset.search-arrangement,.listing-filters-dialog fieldset.search-arrangement{min-width:0;margin:17px 0 0;padding:0;border:0}
#job-search.search-design .search-arrangement legend,.listing-filters-dialog .search-arrangement legend{margin:0 0 7px;padding:0;font-size:12px;font-weight:550;line-height:1.5;color:var(--ink)}
.search-mode-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--control-border);border-radius:10px;background:var(--paper);isolation:isolate}
#job-search.search-design .search-mode-options>label,.listing-filters-dialog .search-mode-options>label{position:relative;display:flex!important;align-items:center;justify-content:center;gap:0;min-width:0;min-height:46px;margin:0;padding:9px 5px;border:0;border-inline-start:1px solid var(--control-border);border-radius:0;font-size:12px;font-weight:600;line-height:1.4;text-align:center;cursor:pointer;overflow-wrap:anywhere;background:var(--paper);color:var(--ink)}
#job-search.search-design .search-mode-options>label:first-child,.listing-filters-dialog .search-mode-options>label:first-child{border-inline-start:0;border-radius:9px 0 0 9px}
#job-search.search-design .search-mode-options>label:last-child,.listing-filters-dialog .search-mode-options>label:last-child{border-radius:0 9px 9px 0}
#job-search.search-design .search-mode-options input[type=radio],.listing-filters-dialog .search-mode-options input[type=radio]{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer}
#job-search.search-design .search-mode-options>label:has(input:checked),.listing-filters-dialog .search-mode-options>label:has(input:checked){background:var(--blue);color:#fff}
#job-search.search-design .search-mode-options>label:hover:not(:has(input:checked)),.listing-filters-dialog .search-mode-options>label:hover:not(:has(input:checked)){background:var(--tint);color:var(--link)}
#job-search.search-design .search-mode-options>label:has(input:focus-visible),.listing-filters-dialog .search-mode-options>label:has(input:focus-visible){z-index:1;outline:2px solid var(--focus);outline-offset:3px}
.search-mode-options .jb-check-copy{flex:initial;font:inherit;color:inherit}
#job-search.search-design .search-refinements .radius-label,.listing-filters-dialog .search-refinements .radius-label{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0;font-size:13px;font-weight:550;line-height:1.5}
.search-refinements #radius-value{display:inline-block;max-width:100%;padding:2px 9px;border-radius:20px;background:var(--tint);color:var(--search-icon);font-size:15px;font-weight:700;line-height:1.5}
#job-search.search-design #radius-slider,.listing-filters-dialog .search-refinements #radius-slider{display:block;appearance:none;-webkit-appearance:none;width:100%;height:34px;min-height:34px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;accent-color:var(--search-icon)}
#job-search.search-design #radius-slider::-webkit-slider-runnable-track,.listing-filters-dialog #radius-slider::-webkit-slider-runnable-track{height:6px;border-radius:5px;background:linear-gradient(to right,var(--search-icon) var(--radius-progress,50%),var(--search-track) var(--radius-progress,50%))}
#job-search.search-design #radius-slider::-moz-range-track,.listing-filters-dialog #radius-slider::-moz-range-track{height:6px;border-radius:5px;background:var(--search-track)}
#job-search.search-design #radius-slider::-moz-range-progress,.listing-filters-dialog #radius-slider::-moz-range-progress{height:6px;border-radius:5px;background:var(--search-icon)}
#job-search.search-design #radius-slider::-webkit-slider-thumb,.listing-filters-dialog #radius-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:3px solid var(--search-icon);border-radius:50%;background:var(--paper);box-shadow:0 1px 4px #0000cc15}
#job-search.search-design #radius-slider::-moz-range-thumb,.listing-filters-dialog #radius-slider::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--search-icon);border-radius:50%;background:var(--paper)}
#job-search.search-design #radius-slider:focus-visible,.listing-filters-dialog #radius-slider:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.search-radius-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;line-height:1.5;margin-top:-4px}
.search-refinements .search-timing-fields{margin-top:14px}
.search-refinements .search-refinements-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:9px 24px;border-top:1px solid var(--line);border-radius:0 0 17px 17px;background:var(--paper);font-size:12px;line-height:1.5;color:var(--muted)}
#job-search.search-design .search-clear,.listing-filters-dialog .search-clear{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 0;border:0;background:transparent;color:var(--link);font-size:12px;font-weight:550;line-height:1.5;cursor:pointer;text-decoration:none}
#job-search.search-design .search-clear:hover,.listing-filters-dialog .search-clear:hover{color:var(--link-hover);text-decoration:underline;text-underline-offset:4px}
#job-search.search-design .search-clear[hidden],.listing-filters-dialog .search-clear[hidden]{display:none}
#job-search.search-design .suggestions{top:100%;left:0;right:0;min-width:0;margin-top:6px;z-index:40}
#job-search.search-design .jb-field-error{grid-column:1/-1;max-width:100%;margin-top:5px;font-size:12px;line-height:1.5}
#job-search.search-design .input-wrap>input[aria-invalid=true]{outline:0;border:0;box-shadow:none}
#job-search.search-design .field:has([aria-invalid=true]){box-shadow:inset 0 -2px var(--error);background:var(--error-bg)}
/* Native details/inputs remain usable without JavaScript. Only clear enhancement requires it. */
.listing-filters-dialog .search-advanced{margin:18px 0 0;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.listing-filters-dialog .search-advanced>summary{display:flex;align-items:center;justify-content:flex-start;min-height:48px;padding:7px 14px;list-style:none;cursor:pointer}
.listing-filters-dialog .search-advanced>summary::-webkit-details-marker{display:none}
.listing-filters-dialog .search-advanced>summary .search-promise{display:none}
.listing-filters-dialog .search-advanced-toggle{display:inline-flex;align-items:center;gap:9px;min-height:36px;border:0;background:transparent;color:var(--link);font-size:14px;font-weight:600}
.listing-filters-dialog .search-advanced-toggle>.icon{width:18px;height:18px}
.listing-filters-dialog .search-advanced[open]>summary .search-advanced-toggle>.icon:last-child{transform:rotate(180deg)}
html[data-theme=dark] #job-search.search-design,html[data-theme=dark] .search-advanced .search-refinements{--search-panel:var(--canvas);--search-icon:var(--link);--search-track:#475268}
html[data-theme=dark] #job-search.search-design .input-wrap>input[data-autocomplete]{background:transparent;color:var(--ink)}
html[data-theme=dark] #job-search.search-design .advanced .search-refinements{background:var(--search-panel)}
html[data-theme=dark] #job-search.search-design .search-promise>.icon{background:var(--blue);color:#fff}
@media(max-width:1100px){
 #job-search.search-design .search-main{grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) minmax(165px,auto)}
 #job-search.search-design .search-main>.field{padding-inline:54px 16px}
 #job-search.search-design .input-wrap>.icon{inset-inline-start:18px;width:24px;height:24px;top:35px}
 #job-search.search-design .input-wrap>input[data-autocomplete]{font-size:16px}
 #job-search.search-design .search-submit{padding-inline:16px;font-size:14px;margin-inline:8px 16px}
 .search-refinements>section{padding-inline:20px}.search-refinements .search-preference-fields,.search-refinements .search-timing-fields{gap:14px}
 #job-search.search-design .search-refinements h3{font-size:16px}
}
@media(max-width:800px){
 #job-search.search-design .search-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:14px}
 #job-search.search-design .search-submit{grid-column:1/-1;justify-self:stretch;min-height:52px;margin:0 18px;padding-block:12px}
 #job-search.search-design .search-main>.field{min-height:90px;padding-block:19px 18px}
 #job-search.search-design .input-wrap>.icon{top:31px}
 #job-search.search-design .advanced .search-refinements{grid-template-columns:minmax(0,1fr)}
 .search-refinements .search-location-preferences::before{inset-inline:20px;top:0;bottom:auto;width:auto;height:1px}
 .search-refinements>section{padding:20px}
 #job-search.search-design .advanced>summary{padding-inline:18px}
 #job-search.search-design .search-refinements :is(select,input[type=number]){font-size:16px;min-height:48px}
 .search-refinements .search-timing-fields{margin-top:18px}
}
@media(max-width:560px){
 #job-search.search-design{border-radius:14px}
 #job-search.search-design .search-main{grid-template-columns:minmax(0,1fr);padding-bottom:14px}
 #job-search.search-design .search-main>.field{min-height:82px;padding:15px 18px 15px 54px;border-radius:13px 13px 0 0}
 #job-search.search-design .search-location-field{border-radius:0}
 #job-search.search-design .search-location-field::before{inset-inline:18px;top:0;bottom:auto;width:auto;height:1px}
 #job-search.search-design .input-wrap>.icon{inset-inline-start:18px;top:29px;width:23px;height:23px}
 #job-search.search-design .input-wrap>input[data-autocomplete]{font-size:16px}
 #job-search.search-design .search-submit{margin-inline:14px;min-height:50px;border-radius:10px;font-size:15px}
 #job-search.search-design .advanced>summary{flex-wrap:wrap;gap:4px 12px;min-height:60px;padding:10px 16px;border-radius:0 0 13px 13px}
 #job-search.search-design .search-promise{font-size:11px;gap:8px;flex:1 1 180px}
 #job-search.search-design .search-promise>.icon{width:20px;height:20px;padding:4px}
 #job-search.search-design .search-advanced-toggle{font-size:12px;padding-inline-start:0;min-height:38px;margin-inline-start:auto;gap:7px}
 #job-search.search-design .advanced .search-refinements{border-radius:0 0 13px 13px}
 .search-refinements>section{padding:18px 16px}
 .search-refinements .search-location-preferences::before{inset-inline:16px}
 #job-search.search-design .search-refinements h3,.listing-filters-dialog .search-refinements h3{font-size:16px;gap:9px}
 .search-refinements .search-preference-fields,.search-refinements .search-timing-fields{grid-template-columns:minmax(0,1fr);gap:14px}
 .search-refinements .search-refinements-footer{padding:8px 16px;border-radius:0 0 13px 13px}
 #job-search.search-design .search-mode-options>label,.listing-filters-dialog .search-mode-options>label{font-size:11px;min-height:46px;padding-inline:3px}
}
.listing-filters-dialog .search-advanced .search-refinements{grid-template-columns:minmax(0,1fr);border-radius:0 0 11px 11px}
.listing-filters-dialog .search-refinements>section{padding:18px 14px}
.listing-filters-dialog .search-location-preferences::before{inset-inline:14px;top:0;bottom:auto;width:auto;height:1px}
.listing-filters-dialog .search-preference-fields,.listing-filters-dialog .search-timing-fields{grid-template-columns:minmax(0,1fr)}
.listing-filters-dialog .search-refinements :is(select,input[type=number]){font-size:16px;min-height:48px}
.listing-filters-dialog .search-refinements .search-refinements-footer{padding-inline:14px;border-radius:0 0 11px 11px}
@media(prefers-reduced-motion:reduce){#job-search.search-design .search-advanced-toggle>.icon{transition:none}}

#job-search.search-design .suggestions.is-above{top:auto;bottom:calc(100% + 6px)}

#job-search.search-design .search-advanced-toggle>.icon{color:inherit}
#job-search.search-design .search-advanced>summary .icon,.listing-filters-dialog .search-advanced>summary .icon{transform:none}
#job-search.search-design .search-advanced[open]>summary .search-advanced-toggle>.icon:last-child,.listing-filters-dialog .search-advanced[open]>summary .search-advanced-toggle>.icon:last-child{transform:rotate(180deg)}

html[data-theme=dark] #job-search.search-design .input-wrap>input[data-autocomplete]::placeholder{color:#a7afbf;opacity:1;font-weight:450}

#job-search.search-design .field:focus-within{position:relative;z-index:5}
#job-search.search-design .search-attribute-preferences,.listing-filters-dialog .search-attribute-preferences{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;min-width:0}
.search-attribute-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px}
.search-attribute-fields label{display:grid;gap:7px;min-width:0}
.search-attribute-fields label>span{font-size:13px;font-weight:600;line-height:1.5}
.search-attribute-fields select{width:100%;min-width:0}
.search-attribute-feedback{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.search-attribute-feedback:empty{display:none}
@media(max-width:780px){.search-attribute-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.search-attribute-fields{grid-template-columns:1fr}}

/* The nearest-city option shares the advanced search and the mobile filter drawer. */
:is(#job-search.search-design,.listing-filters-dialog) .search-nearby-choice{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:12px;font-weight:550;line-height:1.5;color:var(--ink);cursor:pointer}
:is(#job-search.search-design,.listing-filters-dialog) .search-nearby-choice[hidden]{display:none}
:is(#job-search.search-design,.listing-filters-dialog) .search-nearby-choice input[type=checkbox]{appearance:auto;flex:0 0 17px;width:17px;height:17px;min-height:0;margin:0;padding:0;accent-color:var(--search-icon);box-shadow:none}
:is(#job-search.search-design,.listing-filters-dialog) #radius-slider:disabled{opacity:.45;cursor:default}