body{background:linear-gradient(145deg,#f6faf4,#eaf3e9);min-height:100vh}.driver-shell{max-width:900px;margin:0 auto;padding:0 20px}.driver-top{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dde8dc}.driver-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#153b32}.driver-brand strong{display:block;font:800 26px 'Outfit',system-ui}.driver-brand small{letter-spacing:2px;color:#62876d;font-size:10px}.driver-back{color:#386c52;text-decoration:none;font-size:13px;font-weight:800}.driver-hero{text-align:center;padding:42px 0 26px}.driver-hero h1{font:800 clamp(29px,5vw,44px) 'Outfit',system-ui;margin:12px 0;color:#153b32}.driver-hero p{color:#70877b;line-height:1.7;max-width:550px;margin:auto}.driver-panel{background:#fff;border:1px solid #e2eae0;border-radius:22px;box-shadow:0 25px 70px #10372b16;padding:28px;max-width:620px;margin:0 auto}.driver-panel [hidden]{display:none!important}.driver-panel label{display:block;font-size:13px;font-weight:800;margin:18px 0 8px}.driver-panel input,.driver-panel select{width:100%;padding:14px;border:1px solid #cbdace;border-radius:12px;background:#fafdFA;font-size:16px;min-height:50px}.driver-panel button{font-weight:800;min-height:44px;border-radius:10px;border:1px solid #bdd5c0;background:#eef6ee;color:#195538;padding:10px 15px}.driver-primary{display:block;width:100%;margin-top:24px!important;background:#133b3a!important;color:#fff!important;min-height:54px!important}.driver-primary:disabled{opacity:.5}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.auth-tabs button[aria-pressed=true]{background:#133b3a;color:#fff}#driver-message{border-radius:11px;padding:12px 14px;background:#eff5ef;color:#315b45;font-size:13px}.driver-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #e6ece4;padding-bottom:15px}.driver-identity strong{overflow-wrap:anywhere}.driver-detail{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e7efe8;padding:14px 0;font-size:14px}.driver-detail span{color:#718a7c}.driver-availability{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px;background:#f1f7f1;border-radius:14px;margin-top:25px}.driver-availability h3{margin:0}.driver-availability p{font-size:12px;color:#718a7c;line-height:1.5}.driver-availability button{white-space:nowrap}#driver-help{font-size:12px;color:#72897b;line-height:1.7}.driver-shell footer{text-align:center;font-size:12px;color:#9aaa9c;padding:30px 0}@media(max-width:520px){.driver-top{height:72px}.driver-back{font-size:11px}.driver-hero{padding:25px 0}.driver-panel{padding:20px 16px}.driver-availability{flex-direction:column;align-items:stretch}.driver-availability button{width:100%}}
.subscription-panel{margin-top:28px;border-top:1px solid #e5eee6;padding-top:22px}
.subscription-explain{font-size:12px;color:#72897b;line-height:1.6}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}
.plans label{margin:0;cursor:pointer;display:block}
.plans input{position:absolute;opacity:0;width:1px;height:1px;min-height:1px}
.plans span{display:flex;flex-direction:column;gap:6px;border:2px solid #dce7de;border-radius:12px;padding:14px 7px;text-align:center;font-size:12px;background:#f8fcf8}
.plans label input:checked+span{border-color:#277855;background:#e9f5ed}
.plans input:focus-visible+span{outline:3px solid #f1ae4a}
.plans b{color:#1a6b48;font-size:13px}
.subscription-history{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #e5ece5;font-size:12px}
.subscription-history span{color:#5c846a}
@media(max-width:380px){.plans{grid-template-columns:1fr}}

.delivery-panel{border-top:1px solid #e1eee4;padding-top:20px;margin-top:24px}.delivery-item{background:#f2f9f4;border:1px solid #d9e8de;padding:14px;border-radius:12px;margin:10px 0}.delivery-item strong{display:block;margin-bottom:5px}.delivery-item p{font-size:13px;line-height:1.5}.delivery-item button{margin-top:7px}

/* Gaawal Livraison — espace livreur premium */
body{background:linear-gradient(145deg,#eef7f1 0%,#f8fbf7 45%,#eaf3ed 100%);color:#143a31}
.driver-shell{max-width:1200px;padding:0 clamp(16px,3vw,36px)}
.driver-top{height:85px;border-color:#d8e8de}
.driver-brand strong{color:#0b4b3d;letter-spacing:1px}
.driver-back{border-radius:12px;border:1px solid #d8e6dc;background:#fff;padding:11px 17px}
.driver-hero{padding:49px 0 32px;background:radial-gradient(circle at 80% 28%,#e0f4e7 0%,transparent 45%);border-radius:28px}
.driver-hero .eyebrow{font-size:11px;letter-spacing:2px;color:#d9762e;font-weight:800}
.driver-hero h1{letter-spacing:-1.4px;font-size:clamp(30px,4vw,51px);line-height:1.13}
.driver-hero p{font-size:14px}
.driver-panel{max-width:1080px;box-shadow:0 26px 75px #0e4b3610;border:1px solid #e0ece4;border-radius:25px;padding:clamp(17px,3vw,38px)}
.driver-panel:has(#auth-area:not([hidden])){max-width:570px}
.driver-panel #driver-message{border:1px solid #d9e8df;padding:14px 17px;background:linear-gradient(100deg,#e8f6ed,#f5faf5)}
.driver-dashboard-title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:24px 0}
.driver-dashboard-title h2{font:800 clamp(23px,3vw,34px) 'Outfit',system-ui;margin:6px 0;letter-spacing:-.6px}
.driver-dashboard-title p{font-size:13px;color:#69887a;line-height:1.55;margin:0}
.driver-kicker{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#dc7a2a}
.driver-dashboard-tag{background:#0b513f;color:#d8f4e5;padding:11px 16px;border-radius:11px;font-size:10px;font-weight:900;letter-spacing:1px;white-space:nowrap}
.driver-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.driver-overview-grid .driver-detail{display:flex;flex-direction:column;gap:15px;border:1px solid #e0eee4;background:linear-gradient(150deg,#ffffff,#eef9f2);border-radius:16px;padding:20px;min-height:115px;box-shadow:0 9px 25px #083f3310}
.driver-overview-grid .driver-detail:nth-child(even){background:linear-gradient(150deg,#fff,#fff7ef)}
.driver-detail strong{font:800 15px 'Outfit',system-ui;overflow-wrap:anywhere}
.driver-availability{background:linear-gradient(115deg,#0a483c,#0c6952);color:white;border-radius:20px;padding:23px 25px;margin-top:18px;box-shadow:0 16px 28px #0b544129}
.driver-availability h3{color:#fff;font:800 20px 'Outfit',system-ui}
.driver-availability p{color:#cde9df;max-width:560px}
.driver-availability button{background:#f57a27;color:#fff;border:0;padding:12px 21px;min-height:50px;border-radius:12px}
#gps-indicator{border-radius:11px;padding:11px 15px;background:#eef7f0}
.delivery-panel,.subscription-panel{margin-top:30px;border:1px solid #e1ebe4;border-radius:19px;padding:24px;background:#fff;box-shadow:0 14px 34px #0c4e3b0c}
.driver-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px}
.driver-section-heading h2{margin:6px 0;font:800 23px 'Outfit',system-ui;color:#134537}
.driver-section-icon{display:grid;place-items:center;background:#e9f7ee;width:48px;height:48px;border-radius:14px;font-size:21px}
.delivery-item{background:#f8fbf9;border:1px solid #deeae3;padding:20px;border-radius:15px;box-shadow:0 7px 20px #184d3410;margin:13px 0;border-left:4px solid #0f8864}
.delivery-item strong{font:800 16px 'Outfit',system-ui;line-height:1.4}
.delivery-item p{color:#5e776c}
.delivery-item button,#refresh-deliveries{background:#0d5f49;border:0;color:white;padding:12px 18px;border-radius:11px;min-height:44px;font-weight:800}
.delivery-item a{display:inline-flex;align-items:center;margin:8px 0;color:#0d694d;font-weight:800;font-size:13px}
.delivery-item label{display:block;color:#1f5945;font-size:12px;font-weight:800}
.delivery-item .delivery-code{display:block;width:min(100%,300px);margin:9px 0 12px;font-size:23px;font-weight:900;letter-spacing:7px;text-align:center;border:2px solid #72ba95;background:white}
.plans label span{min-height:96px;border-radius:15px;background:#f7fbf7;justify-content:center}
.plans label input:checked+span{border-color:#0f916b;background:#e6f7ed;box-shadow:0 10px 18px #20855f15}
.driver-primary{border-radius:12px!important;box-shadow:0 8px 19px #0d584324}
@media(max-width:900px){.driver-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.driver-panel{padding:17px 14px}.driver-dashboard-tag{display:none}.driver-overview-grid{gap:9px}.driver-overview-grid .driver-detail{padding:13px;min-height:100px}.driver-overview-grid .driver-detail strong{font-size:13px}.driver-availability{padding:19px;flex-direction:column;align-items:stretch}.delivery-panel,.subscription-panel{padding:16px 13px;margin-top:18px}.driver-hero{padding:30px 0 22px}.driver-top{height:72px}}

.driver-alert-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 18px;padding:16px;border:1px solid #d5e9db;border-radius:15px;background:linear-gradient(115deg,#edf8f1,#fff)}.driver-alert-controls button{border:0!important;background:#0c6048!important;color:#fff!important;font-weight:800;padding:12px 16px}.driver-alert-controls span{font-size:12px;line-height:1.5;color:#507966;flex:1;min-width:200px}.new-delivery-alert{padding:15px;border-radius:14px;background:#fff1dc;border:1px solid #fac483;color:#854317;font-weight:900;line-height:1.5;animation:gaawal-alert 1s ease-out}@keyframes gaawal-alert{from{transform:scale(.97);opacity:.4}to{transform:scale(1);opacity:1}}@media(max-width:560px){.driver-alert-controls{align-items:stretch;flex-direction:column}.driver-alert-controls button{width:100%}}

/* Chauffeur — accueil priorisant GPS, notifications et courses */
.driver-quick-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:4px 0 23px;align-items:stretch}
.driver-quick-actions .driver-gps-action{background:linear-gradient(125deg,#0b4b3c,#076e50);color:#fff;border-radius:19px;padding:0;box-shadow:0 12px 28px #0c5b4825}
.driver-quick-actions .driver-availability{margin:0;padding:21px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;box-shadow:none;background:transparent}
.driver-quick-actions .driver-availability h3{font-size:19px}
.driver-quick-actions .driver-availability button{min-width:150px}
.driver-quick-actions #gps-indicator{margin:0 17px 8px;background:#ffffff16;color:#e7fcf2;border:1px solid #ffffff2b}
.driver-quick-actions #driver-help{margin:0 17px 16px;color:#d9f1e4}
.driver-quick-actions .driver-notification-action{background:linear-gradient(135deg,#fff7e8,#fff);border:1px solid #f2dfc8;border-radius:19px;padding:18px;display:flex;align-items:center}
.driver-quick-actions .driver-alert-controls{margin:0;padding:0;background:none;border:0;display:flex;flex-direction:column;align-items:stretch;width:100%}
.driver-quick-actions .driver-alert-controls button{min-height:54px;background:#df792c!important;color:#fff!important}
.driver-quick-actions .driver-alert-controls span{min-width:0}
.driver-dashboard-title{margin:14px 0}
.driver-dashboard-title h2{font-size:clamp(21px,3vw,30px)}
.subscription-toggle{margin-top:22px!important;width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;background:#f0f8f2!important;border:1px solid #cfe4d5!important;padding:18px 21px!important;border-radius:16px!important;color:#0d503d!important}
.subscription-toggle span:first-child{font:800 19px 'Outfit',system-ui}
.subscription-toggle span:last-child{font-size:12px}
.subscription-toggle[aria-expanded=true]{background:#e4f3e8!important;border-color:#87c2a0!important}
.subscription-panel{margin-top:10px}
#driver-payment-link{background:#168d75!important;color:#fff!important;display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;border-radius:12px;padding:14px}
#driver-payment-link[hidden]{display:none!important}
#payment-unavailable{padding:13px;background:#fff7e5;border-radius:11px;color:#7c581f}
@media(max-width:740px){.driver-quick-actions{grid-template-columns:1fr}.driver-quick-actions .driver-availability{flex-direction:row;align-items:center}.driver-quick-actions .driver-availability button{width:auto;max-width:100%}.driver-quick-actions .driver-notification-action{padding:14px 17px}}
@media(max-width:470px){.driver-quick-actions .driver-availability{flex-direction:column;align-items:stretch}.driver-quick-actions .driver-availability button{width:100%}.subscription-toggle{padding:16px!important}.subscription-toggle span:first-child{font-size:16px}}

/* Mobile rider workspace navigation */
html{scroll-behavior:smooth;scroll-padding-top:20px}
.driver-shell{padding-bottom:88px}
#driver-bottom-nav[hidden]{display:none!important}
.driver-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #dce9e0;box-shadow:0 -12px 30px #0c45321c}
.driver-bottom-nav button{border:0;background:transparent;color:#658474;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:22px;font-weight:800;min-height:56px;border-radius:13px;cursor:pointer}
.driver-bottom-nav button span{font:700 11px Inter,system-ui,sans-serif}
.driver-bottom-nav button.selected{color:#004b38;background:#e4f4e9}
.driver-bottom-nav button:focus-visible,.subscription-toggle:focus-visible{outline:3px solid #ef9c43;outline-offset:2px}
.driver-help-card{background:#f5faf6;border:1px solid #dcebe1;border-radius:18px;padding:22px;margin-top:22px}
.driver-help-card h2{font:800 22px Outfit,system-ui;color:#144936;margin:0 0 9px}
.driver-help-card p{color:#597a67;font-size:13px;line-height:1.8}
.driver-help-card a{color:#006549;font-weight:800}
.driver-panel button{cursor:pointer}
.driver-panel button:disabled{cursor:not-allowed}
@media(min-width:850px){.driver-bottom-nav{left:50%;max-width:640px;transform:translateX(-50%);border-radius:20px 20px 0 0;padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Deux contrôles côte à côte sur tous les écrans, même 320 px */
.driver-quick-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;align-items:stretch}
.driver-quick-actions>*{min-width:0;overflow-wrap:anywhere}
.driver-quick-actions .driver-gps-action,.driver-quick-actions .driver-notification-action{border-radius:15px}
.driver-quick-actions .driver-availability{padding:13px!important;display:flex;flex-direction:column!important;align-items:stretch!important;gap:9px!important}
.driver-quick-actions .driver-availability h3{font-size:clamp(13px,3.8vw,18px);line-height:1.25}
.driver-quick-actions .driver-availability p{font-size:11px;line-height:1.45}
.driver-quick-actions .driver-availability button{min-width:0!important;max-width:100%!important;width:100%!important;padding:10px 6px!important;white-space:normal;font-size:12px;min-height:46px}
.driver-quick-actions .driver-notification-action{padding:12px!important;align-items:start}
.driver-quick-actions .driver-alert-controls{width:100%}
.driver-quick-actions .driver-alert-controls button{font-size:12px;min-height:46px;padding:9px 6px;line-height:1.35;overflow-wrap:anywhere}
.driver-quick-actions .driver-alert-controls span{font-size:11px;line-height:1.4}
.driver-quick-actions #gps-indicator{margin:0 10px 7px;font-size:10px;padding:8px}
.driver-quick-actions #driver-help{margin:0 10px 11px;font-size:10px}
.driver-profile-card{margin-top:24px;background:linear-gradient(135deg,#f5fbf6,#fff);border:1px solid #dcece2;border-radius:20px;padding:clamp(16px,3vw,25px)}
.driver-profile-card .driver-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0}
.driver-profile-card #driver-email-info{font-size:14px;color:#174633;overflow-wrap:anywhere;max-width:100%}
.driver-profile-card #logout-driver{background:#fff0ed;color:#9e3428;border:1px solid #e9c4bb;padding:11px 14px}
.profile-small-label{color:#608370;font-size:12px;font-weight:700;margin:10px 0 0}
@media(max-width:360px){.driver-quick-actions{gap:6px!important}.driver-quick-actions .driver-availability{padding:10px!important}.driver-quick-actions .driver-notification-action{padding:9px!important}.driver-quick-actions .driver-availability h3{font-size:13px}}

.driver-profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.driver-profile-facts .driver-detail{display:flex;flex-direction:column;gap:9px;background:#f1f8f2;border:1px solid #dcebe2;border-radius:14px;padding:17px;min-width:0}
.driver-profile-facts .driver-detail span{font-size:12px;color:#688472}
.driver-profile-facts .driver-detail strong{font-size:17px;overflow-wrap:anywhere;color:#0d4837}
.driver-subscription-summary{display:flex;justify-content:space-between;align-items:center;gap:13px;padding:17px 20px;margin:14px 0 20px;border:1px solid #baddc5;border-radius:17px;background:linear-gradient(110deg,#e0f4e8,#f6fcf8);color:#124936}
.driver-subscription-summary>div{display:flex;flex-direction:column;gap:5px}
.driver-subscription-summary strong{display:block;font:800 20px Outfit,system-ui}
.driver-subscription-summary div>span:last-child{font-size:12px;color:#527764}
.driver-subscription-summary>span:last-child{display:grid;place-items:center;background:#229c54;color:white;width:32px;height:32px;border-radius:50%;font-weight:900}
.driver-motivation{border:1px solid #f0d9b3;border-radius:19px;background:linear-gradient(105deg,rgba(255,244,227,.98),rgba(252,246,230,.88));margin:15px 0 20px;padding:22px 23px;box-shadow:0 10px 28px #8c643512}
.driver-motivation p{font:800 clamp(16px,3.7vw,21px)/1.4 Outfit,system-ui;margin:9px 0 0;color:#203e30}
.driver-motivation .driver-kicker{color:#a65b20}
@media(max-width:420px){.driver-profile-facts{gap:8px}.driver-profile-facts .driver-detail{padding:13px}.driver-subscription-summary{padding:15px}.driver-motivation{padding:18px}}

/* Espace livreur compact : état en ligne + notifications */
.driver-compact-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 13px}
.driver-compact-controls>.driver-compact-gps,.driver-compact-controls>.driver-compact-notify{min-width:0;display:flex;flex-direction:column;gap:9px;justify-content:space-between;border-radius:14px;padding:12px 13px}
.driver-compact-gps{background:#084f3d;color:white}
.driver-compact-notify{background:#fff5e9;border:1px solid #efd5b8}
.driver-compact-gps>span{font-size:13px;font-weight:850}
.driver-compact-controls button{width:100%;min-height:42px!important;line-height:1.35;white-space:normal;font-size:12px!important;padding:8px!important;border-radius:10px!important}
.driver-compact-gps button{background:#eb812b!important;border:0!important;color:#fff!important}
.driver-compact-notify button{background:#0e6b50!important;border:0!important;color:#fff!important}
.driver-compact-notify span{font-size:10px;line-height:1.45;color:#687e70}
.driver-gps-status{margin:0;grid-column:1/-1;font-size:11px;color:#4e785f;background:#eff8f0;border-radius:9px;padding:7px 10px}
.driver-gps-help{display:none}
.gps-access-dialog{border:0;border-radius:23px;padding:0;width:min(91vw,420px);max-height:90dvh;box-shadow:0 28px 85px #0b322d50;overflow:auto}
.gps-access-dialog::backdrop{background:rgba(7,31,25,.72);backdrop-filter:blur(5px)}
.gps-access-content{padding:28px 23px;text-align:center;background:#fff}
.gps-access-icon{display:inline-grid;place-items:center;background:#e8f6ed;border-radius:18px;width:66px;height:66px;font-size:30px}
.gps-access-content h2{font:800 25px Outfit,system-ui;color:#0c4437;margin:16px 0 11px}
.gps-access-content p{color:#5e796a;font-size:14px;line-height:1.7}
.gps-access-content #gps-access-error{color:#b33d25;background:#fff0e9;padding:11px;border-radius:9px}
.gps-access-content button{cursor:pointer}
.gps-access-content .driver-primary{border:0;padding:12px}
.gps-access-logout{margin-top:14px;background:none;border:0;color:#47685b;font-weight:800;min-height:44px}
.gps-access-content small{display:block;margin-top:12px;color:#718a7b;font-size:11px;line-height:1.5}
@media(max-width:360px){.driver-compact-controls{gap:6px}.driver-compact-controls>.driver-compact-gps,.driver-compact-controls>.driver-compact-notify{padding:10px 8px}.driver-compact-gps>span{font-size:12px}}

.driver-compact-notify .voice-notifications{background:#f1eadc!important;color:#14523e!important;border:1px solid #e4d4ad!important;font-size:11px!important;min-height:40px!important}.driver-compact-notify .voice-notifications[aria-pressed=true]{background:#dff5e6!important;border-color:#7cbc96!important}

.delivery-navigation-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.delivery-navigation-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 13px;border-radius:10px;background:#e9f6ed;color:#10533c;font-size:13px;font-weight:800;text-decoration:none;border:1px solid #c4decf}.delivery-navigation-actions a:last-child{background:#0e6348;color:#fff;border-color:#0e6348}@media(max-width:400px){.delivery-navigation-actions a{flex:1 1 100%}}

/* Carte Gaawal : deux lieux choisis par le client, puis trajet du livreur */
.driver-route-panel{padding:16px;background:#f5fbf7;border:1px solid #d7e9db;border-radius:18px;margin:0 0 20px}
.driver-route-panel[hidden]{display:none!important}
.driver-route-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.driver-route-heading strong{color:#0b583f;font-size:16px}
.driver-route-heading button{border:0;background:#e4f1e7;color:#175440;border-radius:9px;padding:9px 12px}
#driver-route-map{height:clamp(280px,52vh,480px);width:100%;border-radius:13px;margin:12px 0;z-index:0}
.driver-route-places{display:grid;gap:6px;margin:10px 0;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.delivery-navigation-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 13px;border-radius:10px;background:#0e6348;color:white;font-size:13px;font-weight:800;border:1px solid #0e6348;cursor:pointer}
@media(max-width:400px){.delivery-navigation-actions button{flex:1 1 100%}}

.driver-route-controls{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 14px}.driver-route-controls button{flex:1 1 150px;min-height:46px;padding:11px 14px;border-radius:11px;font-weight:800;cursor:pointer}.driver-route-controls #driver-route-stop-button{background:#fff5ef;color:#963f22;border:1px solid #efccbc}.driver-route-controls button[hidden]{display:none!important}

.delivery-navigation-actions .start-route-cta{width:100%;flex:1 1 100%;background:#e87c28;color:white;border:0;min-height:52px;font-size:15px;box-shadow:0 5px 15px #e87c2830}.delivery-navigation-actions .start-route-cta:disabled{opacity:.7}

.gaawal-direction-icon{background:none;border:0}.gaawal-direction-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#116cc5;color:white;border:3px solid #fff;box-shadow:0 2px 12px #173a5880;font-size:23px;font-weight:900;line-height:1;transform-origin:center;transition:transform .35s ease}

.driver-history-section{margin-top:25px;padding:16px;border:1px solid #dce9df;background:#f8fbf8;border-radius:16px}.driver-history-section .driver-route-heading{margin-bottom:11px}.driver-history-section .driver-route-heading button{padding:9px;border-radius:9px;background:#e3f2e8;color:#12543b;border:0;font-weight:700}.driver-history-item{background:white;border:1px solid #e3eee6;border-radius:12px;padding:12px;margin-top:8px;overflow-wrap:anywhere}.driver-history-item strong{color:#174833;font-size:13px}.driver-history-item p{font-size:12px;color:#648073;margin:7px 0 0}

.delivery-incident-button{display:block;margin:10px 0;padding:10px 13px;background:#fff5e9;color:#8b4b17;border:1px solid #eccca5;border-radius:10px;font-weight:800;cursor:pointer}.delivery-incident-form{display:grid;gap:9px;margin:10px 0;padding:13px;background:#fff9f2;border:1px solid #edd6b9;border-radius:12px}.delivery-incident-form select,.delivery-incident-form textarea{width:100%;max-width:100%;box-sizing:border-box;padding:10px;border:1px solid #d6c4af;border-radius:8px;font:inherit}.delivery-incident-form button{padding:10px;border-radius:8px;background:#136248;color:white;border:0;font-weight:700;cursor:pointer}.delivery-incident-form button[type=button]{background:#e7e8e7;color:#315443}

/* En-tête condensé et historique en onglet de navigation */
.driver-hero h1{font-weight:900!important;letter-spacing:-.035em;margin:0 0 12px}
.driver-hero .driver-motivation{margin:10px 0 0;padding:15px 18px;border-radius:15px;text-align:left}
.driver-hero .driver-motivation p{font-size:clamp(14px,3.5vw,18px);line-height:1.5}
.driver-hero .driver-motivation .driver-kicker{font-size:10px}
.driver-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}
.driver-bottom-nav button{padding:6px 1px;font-size:19px;min-width:0}
.driver-bottom-nav button span{font-size:clamp(8px,2.3vw,11px);overflow-wrap:anywhere;text-align:center}
.driver-history-tab[hidden]{display:none!important}
.driver-history-tab{margin:20px 0}
.driver-history-tab>h2{font:800 20px Outfit,system-ui;color:#124a37}
@media(max-width:380px){.driver-bottom-nav{padding-left:5px;padding-right:5px}.driver-bottom-nav button{font-size:18px}.driver-hero .driver-motivation{padding:12px}}

.driver-daily-earnings{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:12px;background:#ebf7ee;border:1px solid #cce6d3;color:#174a32;text-align:left}.driver-daily-earnings span{font-size:11px;font-weight:900;letter-spacing:.04em}.driver-daily-earnings strong{font-size:clamp(18px,4.5vw,23px);font-weight:900}.driver-daily-earnings small{font-size:10px;line-height:1.4;color:#356a4d}.driver-hero .driver-motivation p{margin-bottom:0}

/* Ergonomie des actions essentielles du livreur */
#availability-section{border:1px solid #c9e4d1;background:linear-gradient(145deg,#f2faf3,#ffffff);border-radius:18px;padding:clamp(13px,3vw,20px);margin:16px 0 22px}
#availability-section #driver-online{min-height:48px;padding-inline:18px;font-weight:900;border-radius:12px}
#refresh-deliveries{min-height:46px;margin:10px 0 14px;padding:11px 17px;border-radius:12px;font-weight:800}
#available-deliveries,#my-deliveries{overflow-wrap:anywhere}
.driver-section-heading{scroll-margin-top:100px}
.driver-panel button:focus-visible,.driver-bottom-nav button:focus-visible{outline:3px solid #df9e38;outline-offset:3px}
@media(max-width:600px){.driver-shell{padding-inline:12px}.driver-top{height:72px}.driver-panel{padding:clamp(14px,4vw,22px);border-radius:17px}.driver-hero{padding:18px 0 14px}.driver-hero h1{font-size:clamp(24px,6vw,31px)}#availability-section{margin-top:12px}.driver-bottom-nav button{min-height:48px}}