.at-work{display:flex;flex-direction:column;gap:14px;min-width:0}.at-toolbar,.at-actions,.at-pager{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.at-toolbar label{display:grid;gap:5px;min-width:130px;flex:1}.at-toolbar input,.at-toolbar select{max-width:100%;width:100%}.at-grid{overflow:auto;max-height:calc(100vh - 360px);min-height:260px;border:1px solid #dbe2ed;border-radius:12px;background:white}.at-grid table{border-collapse:collapse;min-width:1150px;width:100%}.at-grid th{position:sticky;top:0;z-index:2;background:#e9edf3;color:#22344e;text-align:left}.at-grid td,.at-grid th{padding:10px 12px;border-bottom:1px solid #e0e6ef;white-space:nowrap}.at-grid tfoot td{position:sticky;bottom:0;background:#e9edf3;font-weight:700}.at-pager{justify-content:space-between}.at-badge{display:inline-block;background:#e9efff;color:#233f8c;border-radius:12px;padding:4px 9px;font-size:12px}.at-badge.OUT,.at-badge.OUTSIDE{background:#fff0cd;color:#734b00}.at-badge.COMPLETED,.at-badge.COMPLETE{background:#dcf6e5;color:#145f33}.at-badge.REJECTED,.at-badge.CANCELLED{background:#ffe2e2;color:#8c2020}.at-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.at-fields label{display:grid;gap:6px;min-width:0}.at-fields input,.at-fields select,.at-fields textarea{width:100%;min-width:0}.at-span{grid-column:1/-1}.at-map{height:340px;width:100%;min-width:0;border:1px solid #cbd5e1;border-radius:12px;z-index:0}.at-map-note{font-size:13px;color:#596b81;line-height:1.5}.at-stops{display:grid;gap:8px}.at-stop{display:flex;align-items:center;gap:6px}.at-stop input{flex:1;min-width:0}.at-stop button{flex:0 0 auto}.at-stats{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.at-stats>div{flex:1;min-width:115px;background:#edf3fc;border:1px solid #d5e1f2;border-radius:12px;padding:12px}.at-stats b{display:block;font-size:20px;color:#163a71}.at-photo{display:block;max-width:100%;max-height:240px;object-fit:contain;border-radius:12px;margin:12px 0}.at-route{line-height:1.7;overflow-wrap:anywhere}.at-detail{display:grid;gap:12px;min-width:0;overflow-wrap:anywhere}.at-detail .modal-actions{position:sticky;bottom:-20px;background:white;padding:14px 0;z-index:5;border-top:1px solid #dbe2ed}.modal-card.modal-card-admin-transport{width:min(1120px,96vw)!important;max-width:96vw;max-height:94vh}.modal-card.modal-card-admin-transport #modalBody{overflow:auto;max-height:82vh}.at-history{max-height:220px;overflow:auto;background:#f4f6fa;padding:10px;border-radius:10px}.at-history p{margin:5px 0}.at-warning{padding:10px;background:#fff3d6;color:#624500;border:1px solid #e7ca7c;border-radius:10px}.at-driver{max-width:850px;margin:16px auto;padding:18px;font:16px Arial,sans-serif;color:#1f3048;background:#fff}.at-driver input,.at-driver button,.at-driver select{font:inherit;padding:11px;border:1px solid #b9c8da;border-radius:9px;max-width:100%}.at-driver .primary-btn{background:#2f5bd3;color:white}.at-driver .at-map{height:48vh}.at-driver .at-actions{margin:12px 0}.at-driver h2{overflow-wrap:anywhere}@media(max-width:700px){.at-fields{grid-template-columns:1fr}.at-span{grid-column:auto}.at-map{height:300px}.at-stop{flex-wrap:wrap}.at-stop input{flex-basis:60%}.at-toolbar label{min-width:42%}.at-grid{max-height:65vh}.modal-card.modal-card-admin-transport{width:96vw!important}.at-driver{margin:0;padding:12px}.at-stats>div{min-width:40%}}

#modal .modal-card.modal-card-admin-transport{width:min(1120px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;min-width:0!important;margin:auto!important;box-sizing:border-box!important;transform:none!important;left:auto!important;right:auto!important}.modal-card-admin-transport .at-fields>*,.modal-card-admin-transport .at-detail>*{min-width:0}.modal-card-admin-transport .at-map{box-sizing:border-box;flex-shrink:0}

/* Gate and transport workspaces: predictable controls and compact data cards. */
#content .at-work{gap:16px;max-width:100%;min-width:0;padding-bottom:12px}
#content .at-work .work-head{margin:0;gap:12px;align-items:center}
#content .at-work .at-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(160px,1fr)) auto;align-items:end!important;gap:12px!important;padding:16px!important;margin:0!important;background:#fff;border:1px solid #dbe2ed;border-radius:12px;box-shadow:0 2px 6px #1b355108}
#content .at-work .at-toolbar:has(#atFrom){grid-template-columns:minmax(190px,1.2fr) minmax(180px,1.2fr) repeat(4,minmax(125px,1fr)) auto}
#content .at-work .at-toolbar>label{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:7px!important;min-width:0!important;margin:0!important;font-size:.88rem;font-weight:600;line-height:1.35;color:#485871}
#content .at-work .at-toolbar input:not(.search-select-native),#content .at-work .at-toolbar select:not(.search-select-native),#content .at-work .at-toolbar .search-select-input{width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0 12px!important;border:1px solid #cfd9e7!important;border-radius:8px!important;background:#fff!important;color:#23344e!important;font:inherit!important;font-weight:400!important;box-sizing:border-box!important;line-height:normal!important}
#content .at-work .at-toolbar .search-select-input{padding-right:32px!important}
#content .at-work .at-toolbar .search-select{width:100%;min-width:0;height:42px}
#content .at-work .at-toolbar .search-select:after{top:9px}
#content .at-work .at-toolbar>button{height:42px!important;min-height:42px!important;padding:0 20px!important;border-radius:8px!important;align-self:end;margin:0!important;white-space:nowrap}
#content .at-work .at-toolbar input:focus,#content .at-work .at-toolbar select:focus{outline:none;border-color:#4d6aff!important;box-shadow:0 0 0 3px #4d6aff18!important}
#content .at-work .at-grid{min-height:0!important;height:auto!important;max-height:clamp(240px,55vh,680px)!important;overflow:auto!important;border-radius:12px;box-shadow:0 2px 6px #1b355108}
#content .at-work .at-grid table{margin:0!important;width:100%;font-size:.88rem;line-height:1.5;table-layout:auto}
#content .at-work .at-grid th{background:#e9eef5!important;color:#344660;font-weight:650;padding:12px 14px!important;border-bottom:1px solid #d4deea;text-align:left!important}
#content .at-work .at-grid td{padding:12px 14px!important;vertical-align:middle!important;height:auto!important;color:#283950}
#content .at-work .at-grid tbody tr:nth-child(even){background:#f8fafd}
#content .at-work .at-grid tbody tr:hover{background:#f0f5ff}
#content .at-work .at-grid tbody td[colspan]{text-align:center!important;padding:42px 16px!important;color:#738198}
#content .at-work .at-grid tfoot td{padding:10px 14px!important;background:#edf1f7!important;border-top:1px solid #d4deea;color:#41536c;font-size:.85rem}
#content .at-work .at-grid td .table-btn{padding:6px 12px!important;min-height:30px!important;line-height:1.3;border-radius:7px;background:#edf2fa;color:#244677;white-space:nowrap}
#content .at-work .at-pager{display:flex!important;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border:1px solid #dbe2ed;border-radius:10px;font-size:.88rem;color:#53647c}
#content .at-work .at-pager button{min-height:34px;padding:6px 14px!important;border:1px solid #dae2ed;border-radius:7px}
#content .at-work .at-pager button:disabled{opacity:.45;cursor:default}
@media(max-width:1400px){#content .at-work .at-toolbar:has(#atFrom){grid-template-columns:repeat(3,minmax(0,1fr))}#content .at-work .at-toolbar:has(#atFrom)>button{grid-column:3;justify-self:end}}
@media(max-width:900px){#content .at-work .at-toolbar,#content .at-work .at-toolbar:has(#atFrom){grid-template-columns:repeat(2,minmax(0,1fr))!important}#content .at-work .at-toolbar>button,#content .at-work .at-toolbar:has(#atFrom)>button{grid-column:2;justify-self:end}#content .at-work .at-grid{max-height:60vh!important}}
@media(max-width:480px){#content .at-work .at-toolbar{padding:12px!important;gap:10px!important}#content .at-work .at-toolbar>label{font-size:.82rem}#content .at-work .at-toolbar>button{width:100%}#content .at-work .at-grid td,#content .at-work .at-grid th{padding:10px!important}}
.sd-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sd-kpi{text-align:left;padding:15px 18px;border:1px solid #d9e3ef;border-radius:12px;background:#fff;color:#435571;cursor:pointer}.sd-kpi b{display:block;font-size:1.8rem;margin-top:8px;color:#244eb1}.sd-kpi.sd-alert{background:#fff4e7;border-color:#eac493}.sd-kpi.sd-alert b,.sd-overdue{color:#a34712}.sd-tabs{display:flex;gap:8px;flex-wrap:wrap}.sd-tabs .sd-selected{background:#315ce1;color:white}.sd-work .at-grid td:last-child button{white-space:nowrap;min-height:36px}.sd-work small{color:#63738c}@media(max-width:850px){.sd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.sd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-kpi{padding:10px}.sd-kpi b{font-size:1.5rem}}
/* Security desk: compact command area, remaining height reserved for data. */
#content .sd-work{gap:8px!important;height:calc(100dvh - 168px);min-height:400px;display:flex;flex-direction:column}
#content .sd-work .workspace-head{padding:0!important;margin:0!important;min-height:44px}
#content .sd-work .workspace-title h1{font-size:1.4rem;margin:0}
#content .sd-work .workspace-title p{display:none}
#content .sd-work .sd-kpis{gap:8px;flex:0 0 auto}
#content .sd-work .sd-kpi{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;min-height:40px;border-radius:8px;font-size:.83rem}
#content .sd-work .sd-kpi b{font-size:1.25rem;margin:0}
#content .sd-work .at-toolbar{padding:10px 12px!important;gap:10px!important;flex:0 0 auto}
#content .sd-work .at-toolbar>label{gap:4px!important;font-size:.8rem}
#content .sd-work .at-toolbar input:not(.search-select-native),#content .sd-work .at-toolbar select:not(.search-select-native),#content .sd-work .at-toolbar .search-select-input,#content .sd-work .at-toolbar .search-select,#content .sd-work .at-toolbar>button{height:36px!important;min-height:36px!important;max-height:36px!important}
#content .sd-work .sd-tabs{gap:6px;flex:0 0 auto}#content .sd-work .sd-tabs button{padding:5px 12px!important;min-height:32px;font-size:.84rem}
#content .sd-work .at-grid{flex:1 1 0;min-height:180px!important;max-height:none!important;height:auto!important}
#content .sd-work .at-pager{padding:6px 10px;flex:0 0 auto}
#content .sd-work #sdUpdated{font-size:.73rem;line-height:1.2}
@media(max-width:900px){#content .sd-work{height:calc(100dvh - 150px);min-height:500px}#content .sd-work .sd-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}#content .sd-work .sd-kpi{flex-direction:column;gap:2px;padding:6px;font-size:.72rem}}
#content .sd-work .workspace-bar{padding:0!important;margin:0!important;min-height:40px;gap:10px}#content .sd-work .workspace-actions button{min-height:34px!important;padding:6px 12px!important;font-size:.85rem}
/* Request details, route search and deliberate multi-recipient selection. */
.at-request .at-fields{gap:14px 20px!important}.at-request .at-fields>label{gap:5px!important;margin:0!important}.at-request textarea{min-height:68px!important}.at-route-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.at-route-tools input{flex:1 1 260px;min-width:0}.at-route-tools button{white-space:nowrap;flex:0 0 auto}.at-notify-picker>label{display:block;margin-bottom:5px}.at-notify-picker>input{width:100%}.at-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.at-chips button{background:#e8efff!important;color:#193d7a!important;border-radius:18px!important;padding:5px 10px!important}.at-search-results{max-height:220px;overflow-y:auto;border:1px solid #d9e2ef;border-radius:10px;background:#fff;margin:6px 0;padding:5px}.at-search-results[hidden],#atVRentalLabel[hidden]{display:none!important}.at-search-results>button{display:block!important;width:100%!important;text-align:left!important;white-space:normal!important;margin:2px 0!important;padding:8px 10px!important}.at-search-results>button:hover,.at-search-results>button:focus{background:#eaf1ff!important}.at-request .at-stop{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.at-request .at-stop>b{width:48px;flex:0 0 48px;color:#204c91}.at-request .at-stop>input{flex:1 1 220px;min-width:120px}.at-request .at-stop>small{font-size:11px}.at-request .at-stop>button{white-space:nowrap;font-size:12px;padding:5px 8px}.at-request .at-map{height:300px!important;min-height:240px!important}.at-request h3{margin:14px 0 6px}.at-request .at-map-note{margin:5px 0;font-size:12px}.at-request .modal-actions{position:sticky;bottom:0;z-index:500;background:#fff;padding:12px 0 0;border-top:1px solid #e2e8f0}
@media(max-width:650px){.at-request .at-fields{grid-template-columns:minmax(0,1fr)!important}.at-request .at-stop>small{flex-basis:100%;padding-left:54px}.at-route-tools{gap:6px}}
#atDispatchCost,#atCostSummary,#tcSettlementEditor{border:1px solid #dae3ef;border-radius:12px;padding:14px;margin:14px 0;background:#f8faff}.at-cost-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.at-cost-check input[type=checkbox]{width:18px!important;height:18px!important;flex:0 0 18px}#tcPreview{padding:10px;background:#edf3ff;border-radius:8px;margin-top:10px;font-size:13px;overflow-wrap:anywhere}.at-cost-report{max-height:48vh;overflow:auto}.at-cost-report table{width:100%;border-collapse:collapse}.at-cost-report th,.at-cost-report td{padding:8px;border:1px solid #dce3ed;text-align:left;white-space:nowrap}.at-cost-report th{position:sticky;top:0;background:#e8eef7}

#content .at-work .at-toolbar:has(#atTripsFrom){grid-template-columns:minmax(170px,1fr) minmax(170px,1.2fr) minmax(120px,.8fr) repeat(2,minmax(145px,.9fr)) auto}
@media(max-width:1150px){#content .at-work .at-toolbar:has(#atTripsFrom){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){#content .at-work .at-toolbar:has(#atTripsFrom){grid-template-columns:repeat(2,minmax(0,1fr))}}
.tr-rows{display:flex;flex-direction:column;gap:9px;margin:8px 0}.tr-row{display:grid;grid-template-columns:54px minmax(180px,1fr) auto;gap:10px;align-items:start;padding:8px;border:1px solid #e0e7f1;border-radius:10px;background:#fff}.tr-row>b{padding-top:12px;color:#244d89}.tr-input{position:relative;min-width:0}.tr-input>input{width:100%!important;min-height:40px!important}.tr-input>small{display:block;font-size:11px;color:#66778d;margin-top:3px}.tr-results{position:absolute;left:0;right:0;top:40px;z-index:900;box-shadow:0 6px 20px #1d35552b}.tr-actions{display:flex;flex-wrap:wrap;gap:5px;max-width:360px;padding-top:4px}.tr-actions button,.tr-actions a{white-space:nowrap;font-size:12px!important;padding:5px 8px!important;min-height:28px!important;text-decoration:none}.tr-map-wrap{position:relative;margin-top:10px}.tr-map-wrap .at-map{height:360px!important;min-height:280px!important}.tr-locate{position:absolute!important;right:10px;top:10px;z-index:850;background:white!important;box-shadow:0 2px 8px #263b5540}.tr-active{border-color:#6f8bff}.tr-results[hidden]{display:none!important}@media(max-width:950px){.tr-row{grid-template-columns:45px minmax(0,1fr)}.tr-actions{grid-column:2;max-width:none}.tr-map-wrap .at-map{height:320px!important}}@media(max-width:500px){.tr-row{gap:6px;padding:6px}.tr-actions a{display:none!important}.tr-map-wrap .at-map{height:280px!important}}