.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.settings-grid article:nth-of-type(3),.settings-grid article:nth-of-type(4),.settings-grid article:nth-of-type(5){grid-column:1/-1}
.form-body{padding:15px;display:grid;gap:14px}
.form-body label{display:grid;gap:7px;color:#c7c9cd}
.form-body small{color:#a9acb2}
.switch-row{display:flex!important;justify-content:space-between;align-items:center;gap:15px}
.switch-row span{display:grid;gap:4px}.switch-row input{width:20px;height:20px;min-width:20px}
.settings-save{justify-self:end}.settings-grid>.error{grid-column:1/-1}
.integration-list{padding:6px 14px}.integration-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #30343a}
.integration-list>div:last-child{border:0}.integration-list span{display:grid;gap:3px}.integration-list small{color:#a9acb2}
.integration-pending{font-size:12px;color:#ffd75a;background:#382e13;padding:6px 8px;border-radius:999px}
.integration-ready{font-size:12px;color:#55dfa0;background:#19372a;padding:6px 8px;border-radius:999px}
.empty-state{padding:24px;color:#a9acb2;text-align:center}.toolbar>div p{color:#a9acb2;margin-top:4px}
.coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondary-button{border:1px solid #41464e;background:#202328;color:#f7f4ea;border-radius:9px;padding:10px;cursor:pointer}
.detail-grid{padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-field{background:#202328;border-radius:10px;padding:12px}.detail-field small{display:block;color:#a9acb2;margin-bottom:5px}.detail-field strong{overflow-wrap:anywhere}@media(max-width:700px){.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.settings-grid article:nth-of-type(3),.settings-grid article:nth-of-type(4),.settings-grid article:nth-of-type(5){grid-column:auto}}
.map{height:390px}.map-legend{display:flex;gap:18px;align-items:center;padding:9px 14px;color:#a9acb2;font-size:12px}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend span:last-child{margin-left:auto}.map-legend i{width:10px;height:10px;border-radius:50%}.legend-bike{background:#ffd21f}.legend-store{background:#f7f4ea}.rider-map-icon{background:#ffd21f;border:3px solid #17191c;border-radius:50%;color:#111315;display:grid;place-items:center;font-size:16px;box-shadow:0 3px 12px #0009}.store-map-icon{background:#f7f4ea;border:3px solid #17191c;border-radius:9px;color:#111315;display:grid;place-items:center;font-size:16px;box-shadow:0 3px 12px #0009}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#181a1d;color:#f7f4ea}.leaflet-popup-content{line-height:1.5}.map-panel .panel-head small{display:block;color:#a9acb2;margin-top:4px}
.rider-picker{display:flex;align-items:center;gap:8px;color:#a9acb2;font-size:12px}.rider-picker select{padding:8px;min-width:180px}@media(max-width:700px){.map-panel .panel-head{align-items:flex-start;gap:10px;flex-direction:column}.rider-picker{width:100%}.rider-picker select{flex:1;min-width:0}}
.row-actions{display:flex;align-items:center;gap:6px}.danger-button{border:1px solid #7a3434;background:#321d1d;color:#ff9b9b;border-radius:7px;padding:6px 8px;cursor:pointer}.danger-button:hover{background:#492323}
.trip-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}.route-summary{margin:0 12px 10px;padding:9px;background:#202328;border-radius:8px;color:#a9acb2;font-size:12px}.route-summary.ready{color:#55dfa0;background:#19372a}
.map-fullscreen-button{margin-left:8px;white-space:nowrap}.map-panel:fullscreen,.map-panel.map-expanded{background:#181a1d;color:#f7f4ea;display:flex;flex-direction:column;border-radius:0}.map-panel:fullscreen .map,.map-panel.map-expanded .map{height:auto;flex:1;min-height:0}.map-panel:fullscreen .panel-head,.map-panel.map-expanded .panel-head{flex:0 0 auto}.map-panel:fullscreen .map-legend,.map-panel.map-expanded .map-legend{flex:0 0 auto}.map-panel.map-expanded{position:fixed;inset:0;z-index:9999}
@media(max-width:700px){.map-fullscreen-button{margin-left:0;width:100%}}
#shift-time-fields{margin-top:4px}#shift-time-fields .shift-help{grid-column:1/-1;color:#a9acb2}
#team-list .table-row{grid-template-columns:minmax(210px,1.35fr) minmax(145px,.8fr) 90px minmax(260px,auto)}#users-list .table-row{grid-template-columns:minmax(170px,1fr) minmax(230px,1.35fr) 125px minmax(175px,auto)}#team-list .row-actions,#users-list .row-actions{justify-content:flex-end;flex-wrap:wrap}#team-list .row-actions button,#users-list .row-actions button{white-space:nowrap}
.map-panel:fullscreen,.map-panel.map-expanded{width:100vw;height:100vh;max-width:none;max-height:none;overflow:hidden}.map-panel:fullscreen #live-map,.map-panel.map-expanded #live-map{height:calc(100vh - 137px)!important;min-height:240px;flex:none}.map-panel:fullscreen .panel-head,.map-panel.map-expanded .panel-head{min-height:88px;gap:14px}.map-panel:fullscreen .map-legend,.map-panel.map-expanded .map-legend{min-height:49px}
@media(max-width:1000px){#team-list .table-row{grid-template-columns:minmax(170px,1fr) 135px 80px minmax(210px,auto)}}
@media(max-width:700px){#team-list .table-row{grid-template-columns:minmax(150px,1fr) minmax(155px,auto)}#team-list .table-row>:nth-child(2){display:none}#team-list .table-row>:nth-child(3){display:none}#team-list .row-actions{justify-content:flex-start}.map-panel:fullscreen #live-map,.map-panel.map-expanded #live-map{height:calc(100vh - 205px)!important}.map-panel:fullscreen .panel-head,.map-panel.map-expanded .panel-head{min-height:156px}}
@media(max-width:700px){#users-list .table-row{grid-template-columns:minmax(150px,1fr) minmax(155px,auto)}#users-list .table-row>:nth-child(2),#users-list .table-row>:nth-child(3){display:none}#users-list .row-actions{justify-content:flex-start}}
.sound-toggle{margin-left:auto;border:1px solid #454950;background:#202328;color:#f7f4ea;border-radius:10px;padding:10px 13px;font-weight:700;white-space:nowrap}.sound-toggle:hover{border-color:#ffd21f;color:#ffd21f}.sound-toggle.muted{color:#a9adb4;background:#181a1d}
#emergency-panel:not(.hidden){border:2px solid #e2534b;box-shadow:0 0 0 1px rgba(226,83,75,.18),0 0 24px rgba(226,83,75,.15)}
@media(max-width:700px){.sound-toggle{order:3;width:100%;margin-left:0}}