/* Job and team role pickers share the Route Control palette. */
body select:is(#manual-job,#driver-select,#start-location,#end-location),body form select[name="role"]{appearance:none;box-sizing:border-box;width:100%;min-height:44px;padding:11px 40px 11px 13px;border:1px solid #d7e2f5;border-radius:11px;background-color:#f7f9ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232456d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;color:#183153;font-family:inherit;font-size:13px;line-height:1.4;cursor:pointer;box-shadow:0 1px 2px #18315305}
body select:is(#manual-job,#driver-select,#start-location,#end-location):hover,body form select[name="role"]:hover{border-color:#9db8f5;background-color:#f0f5ff}
body select:is(#manual-job,#driver-select,#start-location,#end-location):focus-visible,body form select[name="role"]:focus-visible{border-color:#245bea;outline:3px solid #245bea26;outline-offset:2px}
body select:is(#manual-job,#driver-select,#start-location,#end-location):disabled,body form select[name="role"]:disabled{opacity:.6;cursor:not-allowed}
@supports (appearance:base-select){
 body select:is(#manual-job,#driver-select,#start-location,#end-location),body form select[name="role"]{appearance:base-select;background-image:none;padding-right:13px}
 body select:is(#manual-job,#driver-select,#start-location,#end-location)::picker(select),body form select[name="role"]::picker(select){appearance:base-select;background:#fff;border:1px solid #d7e2f5;border-radius:12px;padding:6px;box-shadow:0 12px 30px #18315324;margin-top:6px;max-height:300px;overflow:auto;color:#183153;font-family:inherit}
 body select:is(#manual-job,#driver-select,#start-location,#end-location)::picker-icon,body form select[name="role"]::picker-icon{color:#245bea}
 body select:is(#manual-job,#driver-select,#start-location,#end-location) option,body form select[name="role"] option{padding:11px 12px;border-radius:8px;font:inherit;cursor:pointer;gap:10px}
 body select:is(#manual-job,#driver-select,#start-location,#end-location) option:hover,body select:is(#manual-job,#driver-select,#start-location,#end-location) option:focus,body form select[name="role"] option:hover,body form select[name="role"] option:focus{background:#edf3ff;color:#194dc7;outline:none}
 body select:is(#manual-job,#driver-select,#start-location,#end-location) option:checked,body form select[name="role"] option:checked{background:#e8efff;color:#194dc7;font-weight:600}
 body select:is(#manual-job,#driver-select,#start-location,#end-location) option::checkmark,body form select[name="role"] option::checkmark{color:#245bea}
}
@media(max-width:600px){body select:is(#manual-job,#driver-select,#start-location,#end-location),body form select[name="role"]{font-size:16px}}
/* Keep the driver caption and picker arrow on a single compact row. */
body.workspace-app select:is(#driver-select,#start-location,#end-location){height:40px;min-height:40px;padding-top:8px;padding-bottom:8px;white-space:nowrap}
@supports (appearance:base-select){
 body.workspace-app select:is(#driver-select,#start-location,#end-location){display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap}
 body.workspace-app select:is(#driver-select,#start-location,#end-location)::picker-icon{flex-shrink:0;margin-inline-start:auto;align-self:center}
}
@media(max-width:600px){body.workspace-app select:is(#driver-select,#start-location,#end-location){height:44px;min-height:44px}}

body.workspace-app .endpoint-field>span:last-child{min-width:0}
body.workspace-app select:is(#start-location,#end-location){min-width:0;max-width:100%;text-overflow:ellipsis}

/* Constrain long selected addresses without constraining the option list. */
body.workspace-app .endpoint-field,body.workspace-app .endpoints{min-width:0}
body.workspace-app select:is(#start-location,#end-location){overflow:hidden;display:block;position:relative;padding-right:48px}
@supports(appearance:base-select){body.workspace-app select:is(#start-location,#end-location)::picker-icon{position:absolute;right:0;top:0;bottom:0;transform:none;box-sizing:border-box;width:42px;display:flex;align-items:center;justify-content:center;background:#f7f9ff;padding:0 10px 0 12px}body.workspace-app select:is(#start-location,#end-location) option{white-space:normal;overflow-wrap:anywhere}}

@supports(appearance:base-select){body.workspace-app select:is(#start-location,#end-location):hover::picker-icon{background:#f0f5ff}}
body.workspace-app #driver-select[hidden]{display:none!important}
.driver-picker-trigger{width:100%;height:40px;display:block!important;text-align:left;padding:8px 38px 8px 13px!important;border:1px solid #d7e2f5!important;border-radius:11px;background:#f7f9ff!important;color:#183153;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;font:inherit;font-size:13px}
.driver-picker-trigger:after{content:'⌄';position:absolute;right:12px;color:#245bea;background:#f7f9ff;padding-left:8px}
.driver-picker-panel{position:fixed;z-index:2000;box-sizing:border-box;padding:10px;background:white;border:1px solid #d7e2f5;border-radius:12px;box-shadow:0 12px 30px #18315324;display:flex;flex-direction:column;gap:8px}
.driver-picker-panel[hidden]{display:none}.driver-picker-panel input{box-sizing:border-box;width:100%;min-height:40px;padding:9px 12px;border:1px solid #d7e2f5;border-radius:8px;font:inherit;font-size:14px;flex-shrink:0}
.driver-picker-legend{display:flex;flex-wrap:wrap;gap:6px 12px;padding:2px 4px 7px;border-bottom:1px solid #e6ecf5;color:#64748b;font-size:11px;line-height:1.4}.driver-picker-legend span{display:inline-flex;align-items:center;gap:5px}.driver-picker-legend i,.driver-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a36a;flex:0 0 8px}.driver-picker-legend .assigned,.driver-status-assigned .driver-status-dot{background:#d79a12}.driver-picker-legend .off-shift,.driver-status-off-shift .driver-status-dot{background:#dc3f3f}.driver-picker-results{overflow-y:auto;max-height:280px;min-height:0}.driver-picker-results button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;border-radius:8px;background:white;color:#183153;padding:12px;font:inherit;font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.driver-picker-results button>span:last-child{min-width:0}
.driver-picker-results button:hover,.driver-picker-results button:focus-visible,.driver-picker-results button.selected{background:#edf3ff;color:#194dc7}.driver-picker-trigger:focus-visible,.driver-picker-panel input:focus-visible{outline:2px solid #245bea;outline-offset:2px}.driver-picker-count{font-size:12px;color:#64748b;margin:0;padding:2px 4px}
@media(max-width:600px){.driver-picker-trigger{height:44px}.driver-picker-panel input{font-size:16px}}
/* Keep the manual job picker caption and chevron on one row. */
@supports(appearance:base-select){
 body.workspace-app select#manual-job{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;white-space:nowrap}
 body.workspace-app select#manual-job::picker-icon{flex:0 0 auto;margin-inline-start:auto;align-self:center}
 body.workspace-app select#manual-job option{white-space:normal;overflow-wrap:anywhere}
}