/* Scoped to the two job-list pickers; public header and other dialogs untouched. */
#funtype.hmt-picker,#city_si.hmt-picker{position:fixed;top:24px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:min(820px,calc(100% - 32px));margin:0;max-height:calc(100vh - 48px);overflow:hidden;border:0;border-radius:14px;background:#fff;box-shadow:0 20px 70px #162c3d40;font-family:inherit;color:#2c3f50}
.hmt-picker *{box-sizing:border-box}
#funtype.hmt-picker .modal-dialog,#city_si.hmt-picker .modal-dialog{width:100%;margin:0;transform:none}
#funtype.hmt-picker .hmt-picker-card,#city_si.hmt-picker .hmt-picker-card{display:flex;flex-direction:column;height:min(650px,calc(100vh - 48px));border:0;border-radius:14px;box-shadow:none;overflow:hidden}
.hmt-picker .hmt-picker-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 16px;flex-shrink:0}
.hmt-picker .hmt-picker-heading h2{font-size:21px;font-weight:600;line-height:1.4;margin:0;color:#25394a}
.hmt-picker .hmt-picker-heading p{font-size:13px;line-height:1.5;color:#7b8790;margin:5px 0 0}
.hmt-picker .hmt-picker-close{font-size:27px;width:36px;height:36px;line-height:30px;color:#7a858e;background:#f5f6f7;border:0;border-radius:50%;cursor:pointer;flex-shrink:0}
.hmt-picker .hmt-picker-selection{display:flex;align-items:center;gap:12px;min-height:62px;max-height:130px;flex-shrink:0;padding:12px 26px;border-top:1px solid #f2f1ef;border-bottom:1px solid #ececeb;background:#fcfbfa}
.hmt-picker .hmt-picker-selection-label{font-size:12px;white-space:nowrap;color:#7b8790}
.hmt-picker .hmt-picker-selection-label b{font-weight:500;color:#bc591f}
.hmt-picker .hmt-picker-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0;max-height:100px;overflow:auto}
.hmt-picker .hmt-picker-empty{font-size:13px;color:#87929b}
.hmt-picker .hmt-picker-chip{border:1px solid #f0d6c4;border-radius:5px;padding:5px 8px;background:#fff4eb;color:#9d4a1b;cursor:pointer;font-size:13px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.hmt-picker .hmt-picker-clear{border:0;background:none;color:#8b592f;cursor:pointer;padding:7px 0;font-size:13px}
.hmt-picker .hmt-picker-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 26px 20px}
.hmt-picker .hmt-category-group{padding:16px 0;border-bottom:1px solid #eceff1}
.hmt-picker .hmt-category-group:last-child{border:0}
.hmt-picker .hmt-category-group h3,.hmt-picker .hmt-city-panel h3{margin:0 0 13px;font-size:14px;font-weight:600;color:#324859;line-height:1.5}
.hmt-picker .hmt-picker-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}
.hmt-picker .hmt-picker-option{display:flex;gap:8px;align-items:center;margin:0;padding:9px 8px;min-height:40px;border-radius:6px;font-size:14px;font-weight:400;line-height:1.5;cursor:pointer;color:#455b6c;overflow-wrap:anywhere}
.hmt-picker .hmt-picker-option:hover{background:#fbf3ed}
.hmt-picker .hmt-picker-option:has(input:checked){background:#fff4eb;color:#994817}
.hmt-picker .hmt-picker-option input{margin:0;width:16px;height:16px;flex-shrink:0;accent-color:#bc591f;cursor:pointer;position:static}
.hmt-picker .hmt-picker-option:has(input:disabled){opacity:.6;cursor:default}
.hmt-picker .hmt-location-layout{display:grid;grid-template-columns:180px minmax(0,1fr);flex:1;min-height:0}
.hmt-picker .hmt-province-nav{overflow-y:auto;overscroll-behavior:contain;border-right:1px solid #e9edef;background:#f8f9fa;padding:10px}
.hmt-picker .hmt-province-button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;background:none;padding:12px 14px;font-size:14px;line-height:1.5;color:#536574;border-radius:6px;cursor:pointer;margin:0 0 3px}
.hmt-picker .hmt-province-button>span{font-size:18px;color:#9aa7af;margin-left:8px}
.hmt-picker .hmt-province-button[aria-pressed=true]{background:#fff0e4;color:#a34c19;font-weight:600}
.hmt-picker .hmt-province-has-selection:before{content:'';width:5px;height:5px;border-radius:50%;background:#bc591f;margin-right:6px;flex-shrink:0}
.hmt-picker .hmt-city-scroll{overflow-y:auto;overscroll-behavior:contain;padding:24px;min-width:0}
.hmt-picker .hmt-city-panel[hidden]{display:none!important}
.hmt-picker .hmt-city-panel .hmt-picker-options{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;padding-top:12px;border-top:1px solid #eceff1}
.hmt-picker .hmt-whole-province{display:inline-flex;min-width:130px}
.hmt-picker .hmt-picker-footer{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:16px 26px;border-top:1px solid #e9edef;background:#fff}
.hmt-picker .hmt-picker-status{flex:1;color:#ac4c20;font-size:12px;line-height:1.5;margin:0}
.hmt-picker .hmt-picker-cancel,.hmt-picker .hmt-picker-confirm{padding:9px 24px;border-radius:6px;font-size:14px;line-height:1.5;cursor:pointer;flex-shrink:0}
.hmt-picker .hmt-picker-cancel{border:1px solid #dce2e6;background:white;color:#617484}
.hmt-picker .hmt-picker-confirm{border:1px solid #bc591f;background:#bc591f;color:white}
.hmt-picker button:focus-visible,.hmt-picker input:focus-visible{outline:2px solid #bc591f;outline-offset:2px}
@media(max-width:600px){#funtype.hmt-picker,#city_si.hmt-picker{top:12px;width:calc(100% - 24px);max-height:calc(100vh - 24px);border-radius:12px}#funtype.hmt-picker .hmt-picker-card,#city_si.hmt-picker .hmt-picker-card{height:min(680px,calc(100vh - 24px))}.hmt-picker .hmt-picker-heading{padding:18px 16px 14px}.hmt-picker .hmt-picker-heading h2{font-size:18px}.hmt-picker .hmt-picker-heading p{font-size:12px}.hmt-picker .hmt-picker-selection{padding:12px 16px;gap:8px}.hmt-picker .hmt-picker-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hmt-picker .hmt-picker-scroll{padding:0 16px 14px}.hmt-picker .hmt-location-layout{grid-template-columns:106px minmax(0,1fr)}.hmt-picker .hmt-province-nav{padding:8px 6px}.hmt-picker .hmt-province-button{padding:10px 8px;font-size:13px;min-height:42px}.hmt-picker .hmt-province-button>span{margin-left:3px}.hmt-picker .hmt-city-scroll{padding:18px 12px}.hmt-picker .hmt-city-panel .hmt-picker-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 4px}.hmt-picker .hmt-picker-option{font-size:13px;padding:8px 4px;gap:6px}.hmt-picker .hmt-picker-footer{padding:13px 16px;gap:8px}.hmt-picker .hmt-picker-cancel,.hmt-picker .hmt-picker-confirm{padding:9px 18px}}
@media(max-width:350px){.hmt-picker .hmt-location-layout{grid-template-columns:90px minmax(0,1fr)}.hmt-picker .hmt-city-panel .hmt-picker-options{grid-template-columns:1fr}.hmt-picker .hmt-city-scroll{padding:16px 10px}.hmt-picker .hmt-picker-selection{padding:10px 12px}.hmt-picker .hmt-picker-footer{padding:12px}.hmt-picker .hmt-picker-cancel,.hmt-picker .hmt-picker-confirm{padding:9px 14px}}
