body.courier-app{background:#eff3f0!important;color:#172c26!important}body.courier-app .site-header,body.courier-app .site-footer,body.courier-app .preview-bar,body.courier-app .mobile-dock,body.courier-app .floating-controls{display:none!important}.driver-picker,.driver-shell{max-width:620px;margin:0 auto;padding:20px 12px 90px}.driver-picker{text-align:center;padding-top:50px}.driver-picker h1{font-size:30px}.driver-picker .btn{margin:10px 0}.driver-tabs{display:flex;gap:6px;margin:18px 0;position:sticky;top:0;z-index:100;background:#eff3f0;padding:8px 0}.driver-tabs a{flex:1;text-align:center;padding:14px 5px;border-radius:10px;background:#dce7e0;color:#172c26;font-weight:700;text-decoration:none}.driver-tabs a.active{background:#087f5b;color:white}.courier-app .panel,.courier-app .order-card{background:white!important;color:#172c26!important;border-color:#cbd8cf!important}.courier-app .order-card{border-left:5px solid #d69b27!important;border-radius:12px;padding:14px;margin:12px 0}.courier-app .order-card .inline-actions{display:flex;flex-wrap:wrap}.courier-app .order-card .btn{min-height:58px;flex:1;text-align:center;justify-content:center;white-space:normal;background:#087f5b!important;color:white!important}.courier-app .muted,.courier-app .order-card small{color:#52675e!important}.courier-app h3{font-size:21px}.courier-app summary{padding:10px;font-weight:700}.courier-app .btn.outline{color:#172c26!important;background:#e5eee8!important}.courier-app .metric,.courier-app .fleet-metrics>div{color:#172c26;background:#edf3ef}.courier-app .pill{color:#172c26;background:#e5eee8}.courier-app .modal{color:#172c26}

body.courier-app.staff-page,body.courier-app #main{background:#eff3f0!important;background-image:none!important;color:#172c26!important;min-height:100vh}.courier-app #main h1,.courier-app #main h2,.courier-app #main h3,.courier-app #main p,.courier-app #main strong,.courier-app #main .order-id{color:#172c26!important}.courier-app #main .text-button,.courier-app #main .text-link{color:#087f5b!important}.courier-app #main .btn{background:#087f5b!important;color:white!important}.courier-app #main .btn strong{color:white!important}
/* Phone-sized queue on every display; keep the restaurant's compact visual language. */
body.courier-app .storefront-floating{display:none!important}.driver-shell{max-width:430px;padding:0 10px 24px;box-sizing:border-box}.driver-picker{max-width:430px}.driver-header{display:flex;align-items:center;background:#211914;color:#ffcd45;margin:0 -10px;padding:14px 12px;gap:12px}.driver-header strong{color:#ffcd45!important}.driver-header small{display:block;color:#fff1cd;font-size:13px}.driver-header button{background:#483321;color:#ffcd45;border:1px solid #806036;border-radius:10px;font-size:25px;width:44px;height:44px}.driver-online{margin-left:auto;font-size:11px;color:#9cdfb7}.driver-tabs{margin:0;padding:10px 0;gap:5px}.driver-tabs button{flex:1;padding:10px 3px;background:#dfe7e2;border:1px solid #c5d2c9;border-radius:10px;color:#29463a;font-size:12px;font-weight:700}.driver-tabs b{display:block;font-size:22px;margin-top:2px}.driver-tabs button.active{background:#087f5b;color:white}.driver-card{background:#e0efff;border:1px solid #adcce8;border-left:4px solid #2469ad;border-radius:12px;padding:12px;margin:9px 0}.driver-card.on-road{border-left-color:#087f5b;background:#e0f2e8}.driver-card-head{display:flex;justify-content:space-between;font-size:12px}.driver-card h2{font-size:21px!important;line-height:1.2;margin:9px 0!important}.driver-time{font-size:13px;font-weight:700;margin:6px 0!important}.driver-card details{font-size:13px;margin:6px 0}.driver-card summary{padding:6px 0;font-size:12px}.driver-card details p{margin:4px 0}.driver-links{display:flex;gap:7px;margin:10px 0}.driver-links a{flex:1;background:white;border:1px solid #b9cddd;border-radius:9px;padding:12px 4px;text-align:center;color:#234d72;font-weight:700;font-size:14px;text-decoration:none}.driver-primary{display:block;width:100%;min-height:46px;padding:12px;border:0;border-radius:9px;background:#087f5b;color:white;font-weight:700;font-size:16px}.driver-primary:disabled{opacity:.5}.driver-cancel{width:100%;padding:12px;margin-top:10px}.driver-empty{padding:50px 15px;text-align:center;color:#567062}.driver-sort-note{font-size:11px;line-height:1.4;margin:3px 2px!important;color:#52675e}.driver-shift-warning{width:100%;border:1px solid #e1c075;border-radius:8px;background:#fff1d1;color:#765111;padding:9px;font-size:12px}.courier-app #driver-shade{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.55)}.courier-app #driver-drawer{position:fixed;top:0;bottom:0;left:max(0px,calc(50% - 215px));width:min(340px,88vw);z-index:510;background:#211914;padding:18px;box-sizing:border-box;color:white}.courier-app #driver-drawer h2{color:#ffcd45!important}.courier-app #driver-drawer button,.driver-sound-list button{display:block;width:100%;padding:15px 10px;margin:10px 0;border:1px solid #776044;border-radius:9px;background:#382b21;color:#fff4df;text-align:left;font-size:16px}.courier-app #driver-drawer[hidden],.courier-app #driver-shade[hidden]{display:none!important}.courier-app #modal{max-width:410px;width:calc(100% - 24px)}

body.courier-app #main .driver-header strong{color:#ffcd45!important}.courier-app #modal{background:#f6f8f6!important;color:#172c26!important}.courier-app #modal h2,.courier-app #modal h3,.courier-app #modal p{color:#172c26!important}.courier-app #modal .btn{background:#087f5b!important;color:white!important}.courier-app #modal a{color:#087f5b!important}

.driver-note{border:2px solid #f4c542!important;background:#3c300d!important;border-radius:12px;padding:10px;margin:12px 0;color:#fff0ab}.driver-note summary{font-weight:800;cursor:pointer;min-height:32px}.driver-note summary span{display:inline-block;background:#f4c542;color:#241900;border-radius:8px;padding:5px 8px;margin-right:6px}.driver-note p{white-space:pre-wrap;overflow-wrap:anywhere;color:#fff}
.driver-shell .driver-card .driver-note p{color:#fff!important;font-size:15px;line-height:1.5}
body.courier-app #main .driver-note p{color:#fff!important}
.driver-card.source-phone{background:#fff0dc;border-color:#e5bd82;border-left-color:#b36b12}
.driver-card.source-bistro{background:#f0e5ff;border-color:#cbb1ed;border-left-color:#7945ae}
.driver-card.source-bolt{background:#dff5e7;border-color:#a5d8b7;border-left-color:#18834b}
#driver-drawer{overflow-y:auto}
.courier-app #modal label,.courier-app #modal input,.courier-app #modal textarea,.courier-app #modal select{color:#172c26!important}
.courier-app #modal input,.courier-app #modal textarea,.courier-app #modal select{background:white!important;border:1px solid #91ac9c!important}

#driver-start-form{text-align:left}#driver-start-form select,#driver-start-form input{background:#fff;color:#172c26;width:100%;box-sizing:border-box;min-height:50px}#driver-start-form .field{margin-bottom:16px}#driver-start-form button{white-space:normal}
