#drivers-view .driver-directory-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px 160px;align-items:end;gap:16px;margin:24px 0 16px;padding:18px;background:#f7f9fc;border:1px solid #e5ebf2;border-radius:12px}#drivers-view .driver-directory-toolbar label{display:grid;gap:8px;font-size:12px;font-weight:600;margin:0}#drivers-view .driver-directory-toolbar :is(input,select){width:100%;box-sizing:border-box;min-width:0;height:44px;padding:0 12px;border:1px solid #d1dce8;border-radius:8px;background:white;color:#344054;font:inherit;font-size:13px}#driver-overview-count{font-size:12px;color:#667085;margin:18px 0}.driver-directory{width:100%;border-collapse:collapse;table-layout:fixed}.driver-directory th{text-align:left;padding:12px 16px;background:#f7f9fc;border-bottom:1px solid #e4eaf1;color:#667085;font-size:11px;font-weight:600}.driver-directory th:first-child{width:40%}.driver-directory th:nth-child(2){width:28%}.driver-directory td{padding:16px;border-bottom:1px solid #edf0f4;vertical-align:middle}.driver-directory tr:hover td{background:#fafcfe}.dr-person{display:flex;align-items:center;gap:12px}.dr-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#edf4ff;color:#1570EF;font-size:12px;font-weight:700}.dr-person>span:last-child{min-width:0}.dr-person b{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere;color:#0b172a}.dr-person small{display:block;font-size:11px;line-height:1.6;color:#8893a3;margin-top:4px;overflow-wrap:anywhere}.dr-car{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#8893a3;line-height:1.5}.dr-car.is-assigned{color:#087d71}.dr-car i{font-size:18px}.dr-plate{display:block;padding-left:25px;margin-top:3px;font-size:10px;color:#667085}.dr-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.dr-actions button,.driver-directory-pagination button{font:inherit;font-size:11px;line-height:1.4;padding:9px 11px;border:1px solid #dce4ee;border-radius:8px;background:white;color:#475467;cursor:pointer;white-space:nowrap}.dr-actions button:last-child{color:#1570EF;background:#f4f8ff;border-color:#dce9fa}.driver-directory-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0 0}.driver-directory-pagination span{font-size:12px;color:#667085}.driver-directory-pagination button:disabled{opacity:.4;cursor:default}.dr-empty{text-align:center;padding:48px 20px;border:1px dashed #dce4ec;border-radius:12px}.dr-empty i{font-size:32px;color:#98a2b3}.dr-empty h3{font-size:16px}.dr-empty p{font-size:13px;color:#667085}
dialog.driver-manage{width:min(500px,calc(100vw - 24px));padding:0;border:1px solid #e0e7f0;border-radius:18px;background:white;color:#0b172a;max-height:90dvh;overflow:auto;font-family:Inter,sans-serif;box-shadow:0 24px 80px #0b172a33}.driver-manage::backdrop{background:#0b172a60}.driver-manage header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px;border-bottom:1px solid #e4eaf1}.driver-manage header>div{min-width:0}.driver-manage header small{font-size:10px;letter-spacing:1px;color:#1570EF;font-weight:700}.driver-manage h2{font-size:23px;letter-spacing:-.5px;margin:6px 0;overflow-wrap:anywhere}.driver-manage header p{font-size:12px;color:#667085;margin:0;overflow-wrap:anywhere}.driver-manage header button{border:0;border-radius:50%;width:38px;height:38px;flex:none;padding:0;background:#f3f6fa;color:#667085;font-size:24px;cursor:pointer}.dr-manage-body{padding:24px}.dr-shortcuts{display:grid;gap:10px;margin-bottom:24px}.dr-shortcuts button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:15px;border:1px solid #e4eaf1;border-radius:12px;background:white;cursor:pointer;color:#344054;font:inherit;font-size:13px;font-weight:600}.dr-shortcuts button>i:first-child{font-size:23px;color:#1570EF}.dr-shortcuts button>i:last-child{margin-left:auto;color:#98a2b3}.dr-shortcuts small{display:block;margin-top:4px;color:#8893a3;font-size:11px;font-weight:400}.driver-manage form{padding:18px;border:1px solid #e4eaf1;border-radius:12px;background:#f7f9fc}.driver-manage form label{display:grid;gap:10px;font-size:12px;font-weight:600}.driver-manage form select{width:100%;min-width:0;height:44px;padding:0 10px;border:1px solid #d0dce8;border-radius:8px;background:white;font:inherit;font-size:13px}.driver-manage form p{font-size:11px;line-height:1.7;color:#667085}.driver-manage form button{background:#1570EF;border:0;padding:11px 14px;border-radius:8px;color:white;font:inherit;font-size:12px;cursor:pointer}.driver-manage form button:disabled{opacity:.45;cursor:default}.driver-manage [data-status]{color:#344054;margin-bottom:0}.driver-manage [data-status]:empty{display:none}.dr-danger{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid #edf0f4}.dr-danger button{font:inherit;font-size:12px;border:0;padding:8px 0;background:none;color:#b42318;cursor:pointer}.dr-danger small{font-size:10px;color:#98a2b3}.driver-manage :is(button,select):focus-visible,.driver-directory button:focus-visible{outline:2px solid #1570EF;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.dr-actions{flex-wrap:wrap}.driver-directory th:first-child{width:40%}.driver-directory th:nth-child(2){width:28%}}
@media(max-width:700px){#drivers-view .driver-directory-toolbar{grid-template-columns:1fr 1fr;padding:14px;gap:12px}#drivers-view .driver-directory-toolbar label:first-child{grid-column:1/-1}.driver-directory,.driver-directory tbody,.driver-directory tr,.driver-directory td{display:block;width:auto}.driver-directory thead{display:none}.driver-directory tr{padding:16px 0;border-bottom:1px solid #e4eaf1}.driver-directory td{padding:4px 0;border:0}.driver-directory td:nth-child(2){padding-left:48px}.dr-actions{padding-top:8px;justify-content:flex-start;padding-left:48px}.driver-directory-pagination span{font-size:10px}.dr-manage-body{padding:18px}.driver-manage header{padding:20px}.dr-danger{flex-wrap:wrap}}

.driver-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.driver-header-actions button{white-space:nowrap}#create-driver-dialog{max-height:calc(100dvh - 32px);overflow:auto}#create-driver-dialog .driver-create-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid #e4eaf1}#create-driver-dialog .driver-create-header>div{flex:1;min-width:0}#create-driver-dialog h2{font-size:22px}#create-driver-dialog header p{font-size:13px;color:#667085;margin-top:8px;line-height:1.6}#create-driver-dialog header button{display:grid;place-items:center;flex:none;width:40px;height:40px;min-height:40px;padding:0;margin:0;border:1px solid #dce5ec;border-radius:8px;background:white;color:#526c80}#create-driver-dialog header svg{display:block}#create-driver-dialog .tidy-form{padding:24px;margin:0}#create-driver-message:empty{display:none}@media(max-width:600px){#drivers-view>.card>header{flex-wrap:wrap;gap:16px}#create-driver-dialog .tidy-form{grid-template-columns:1fr;padding:20px}#create-driver-dialog .driver-create-header{padding:20px}}
/* Shared, compact driver dialogs. */
dialog.compact-driver-modal{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0!important;border:1px solid #e0e7ef;border-radius:16px;overflow:auto;overscroll-behavior:contain;color:#0b172a;background:#fff;font-family:inherit;box-shadow:0 24px 80px #0b172a26}
.compact-driver-modal .compact-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #edf0f4;background:#fff;position:sticky;top:0;z-index:2}
.compact-driver-modal .compact-modal-header h2{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.4px}.compact-driver-modal .compact-modal-header p{margin:5px 0 0;font-size:13px;color:#667085;line-height:1.5;overflow-wrap:anywhere}
.compact-driver-modal .modal-close{display:grid;place-items:center;flex:none;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:8px;background:#f7f9fc;color:#667085;font:24px/1 system-ui;box-shadow:none}
#edit-driver-dialog .tidy-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px;padding:20px 24px 0;margin:0;align-items:start}
#edit-driver-dialog label{display:block;margin:0;font-size:13px;font-weight:500;line-height:1.5;min-width:0}#edit-driver-dialog label input,#edit-driver-dialog label textarea{display:block;width:100%;box-sizing:border-box;margin:6px 0 0;min-height:42px;padding:10px 12px;font:inherit;color:inherit;border:1px solid #d6e0ec;border-radius:8px;background:#fff}#edit-driver-dialog textarea{resize:vertical;min-height:64px!important}
#edit-driver-dialog label small{display:block;margin-top:6px;font-size:11px;line-height:1.5;font-weight:400;color:#667085}.compact-driver-modal .field-optional{font-size:11px;color:#8893a3;font-weight:400;margin-left:5px}.compact-driver-modal .field-title{display:flex;align-items:center;gap:8px}.compact-driver-modal .beacon-beta{font-size:10px;line-height:1.5;padding:0 5px;width:auto;flex:none}.compact-driver-modal .compact-section-label{padding-top:16px;border-top:1px solid #edf0f4;font-size:12px;font-weight:600;display:flex;justify-content:space-between}.compact-section-label>span{color:#8893a3;font-weight:400}
.compact-driver-modal .muted-copy{margin:0;font-size:11px;line-height:1.5;color:#667085}.compact-driver-modal [role=status]:empty{display:none}.compact-driver-modal [role=status]{font-size:12px;line-height:1.5;margin:0;color:#365675}.compact-driver-modal .form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:sticky;bottom:0;padding:16px 24px;margin:0;background:#fff;border-top:1px solid #edf0f4;z-index:1}.compact-driver-modal .form-actions button{width:auto;min-height:42px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;box-shadow:none}#edit-driver-dialog .form-actions{margin:0 -24px}.compact-driver-modal button:focus-visible,.compact-driver-modal input:focus-visible,.compact-driver-modal textarea:focus-visible{outline:2px solid #1570ef;outline-offset:2px}
.mobile-access-modal .compact-modal-body{padding:18px 24px}.mobile-access-modal .modal-intro,.mobile-access-modal .mobile-link-help{font-size:12px;line-height:1.6;color:#667085;margin:0 0 16px}.mobile-access-modal .mobile-preferences{padding:0;margin:0 0 18px;border:0;background:none;border-radius:0}.mobile-access-modal .mobile-preferences h3{font-size:13px;margin:0 0 12px}.mobile-access-modal .mobile-field-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}.mobile-access-modal .mobile-field-options label{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;margin:0;border:1px solid #e5ebf2;border-radius:8px;font-size:12px;font-weight:400}.mobile-access-modal .mobile-field-options input{padding:0;margin:0;width:16px;height:16px;min-height:16px}.mobile-access-modal textarea{font:inherit;font-size:13px;line-height:1.5;min-height:82px;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d6e0ec;border-radius:8px;resize:vertical}.mobile-access-modal .mobile-preferences>p{font-size:11px;margin:6px 0!important}.mobile-access-modal .mobile-preferences [data-save-settings]{margin-top:8px;font-size:12px;box-shadow:none}.mobile-access-modal .mobile-link-help{border-top:1px solid #edf0f4;padding-top:16px}.mobile-access-modal .mobile-access-row{font-size:12px;gap:8px}.mobile-access-modal .mobile-access-row button{font-size:12px}.mobile-access-modal .mobile-access-result{margin-bottom:14px}
@media(max-width:520px){#edit-driver-dialog .tidy-form{grid-template-columns:1fr;gap:14px;padding:18px 18px 0}.compact-driver-modal .compact-modal-header{padding:18px}.compact-driver-modal .compact-modal-body{padding:18px}.compact-driver-modal .form-actions{padding:14px 18px}.compact-driver-modal .form-actions button{flex:1;white-space:normal}#edit-driver-dialog .form-actions{margin:0 -18px}.compact-driver-modal .compact-modal-header h2{font-size:19px}.mobile-access-modal .mobile-field-options{gap:8px}.mobile-access-modal .mobile-field-options label{padding:8px;font-size:11px}}

.compact-driver-modal .form-actions button{padding:10px 12px;font-size:13px;white-space:nowrap}

#edit-driver-dialog label select{display:block;width:100%;box-sizing:border-box;margin:6px 0 0;min-height:42px;padding:10px 12px;font:inherit;color:inherit;border:1px solid #d6e0ec;border-radius:8px;background:#fff}