:root{--blue:#0a4f8a;--orange:#f58220;--bg:#f5f7fa;--line:#dfe5eb;--text:#183043;--green:#159957;--red:#c73b42}*{box-sizing:border-box}body{margin:0;font:14px Verdana,Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--blue);text-decoration:none}.top{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.brand{font-size:22px;font-weight:800}.brand small{color:var(--orange);font-size:12px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 64px)}.side{background:#0f2638;padding:20px 12px}.side a{display:block;color:#e9f3fa;padding:12px 14px;border-radius:8px;margin-bottom:4px}.side a:hover{background:#173b57}.main{padding:24px;min-width:0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:16px 0 24px}.stats>div,.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(16,38,56,.04)}.stats b{display:block;font-size:28px}.stats span{color:#6f8091}.headrow,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer;display:inline-block;text-align:center}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.success{background:var(--green);color:#fff;border-color:var(--green)}.btn.danger{background:var(--red);color:#fff;border-color:var(--red)}.wide{width:100%}.filters{display:flex;gap:10px;margin:14px 0}.filters input{flex:1}input,select,textarea{width:100%;border:1px solid #ccd6df;border-radius:9px;padding:11px;background:#fff;font:inherit}label{display:block;font-weight:700;margin-bottom:12px}label small{font-weight:400;color:#82919d}label input,label textarea,label select{margin-top:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1f4;white-space:nowrap}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e7edf2;font-size:12px}.badge.delivered{background:#dff5e8;color:#08783d}.badge.delivering{background:#fff0d8;color:#a65a00}.badge.assigned{background:#e0efff;color:#0b65b0}.badge.failed,.badge.returned{background:#fde4e4;color:#a5282e}.alert{padding:12px 15px;border-radius:9px;margin-bottom:14px}.alert.ok{background:#e2f7eb;color:#0d7742}.alert.bad{background:#fde8e8;color:#a72c32}.photos{display:flex;gap:10px;flex-wrap:wrap}.photos img{width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.timeline>div{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid #edf1f4}.timeline b{width:150px}.staffrow{padding:12px 0;border-bottom:1px solid #edf1f4}.staffrow span{display:block;color:#6d7d8a;margin-top:4px}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf6fd,#f8fbfd)}.login-card{width:min(400px,92vw);background:#fff;padding:32px;border-radius:18px;box-shadow:0 18px 55px rgba(16,38,56,.12)}.login-card h1{color:var(--blue);margin:0}.mobiletop{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 14px;position:sticky;top:0;z-index:5}.mobiletop>a{font-weight:900;font-size:18px}.mobilemain{max-width:680px;margin:auto;padding:14px}.ordercard{display:block;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;margin-bottom:12px;color:var(--text);box-shadow:0 4px 12px rgba(0,0,0,.03)}.ordercard h3{margin:14px 0 4px}.ordercard p{margin:6px 0}.cod{font-weight:800;color:#b65500;margin-top:12px}.orderhero{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;margin:10px 0}.camera{padding:18px 10px;background:#f7fafc;margin-bottom:10px}.back{display:inline-block;margin-bottom:6px}.muted{color:#738493}.empty{padding:40px 12px;text-align:center;color:#748491}.mobile .card{margin:12px 0}.mobile h1{font-size:22px}.mobile h2{font-size:18px}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:1fr}.side{display:flex;overflow:auto;padding:8px}.side a{white-space:nowrap}.grid2{grid-template-columns:1fr}.main{padding:14px}}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bulk{padding:0;overflow:hidden}.bulkbar{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.bulkbar select{max-width:320px}.itemrow{display:grid;grid-template-columns:160px minmax(240px,1fr) 100px 110px;gap:8px;margin-bottom:8px}.form h2{margin-top:24px}.headrow h1{margin-bottom:6px}@media(max-width:760px){.bulkbar{align-items:stretch;flex-direction:column}.bulkbar select{max-width:none}.itemrow{grid-template-columns:1fr 1fr}.actions{justify-content:flex-start}}
/* CuuHo Delivery V1.2A - mobile staff workspace */
.staffwelcome{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin:4px 0 14px}.staffwelcome h1{margin:2px 0 4px}.eyebrow{font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--orange)}.todaycod{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:12px 14px;min-width:180px;text-align:right}.todaycod span{display:block;color:#9a5b1a;font-size:12px}.todaycod b{display:block;font-size:18px;color:#9a4b00;margin-top:4px}.staffstats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.staffstats>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px}.staffstats b{display:block;font-size:22px}.staffstats span{font-size:12px;color:#738493}.stafftabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.stafftabs::-webkit-scrollbar{display:none}.stafftabs a{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:#526674;font-weight:700}.stafftabs a.active{background:var(--blue);border-color:var(--blue);color:#fff}.stafforder{color:var(--text);border-left:4px solid transparent}.stafforder.is-delivering{border-left-color:var(--orange);box-shadow:0 5px 18px rgba(245,130,32,.1)}.stafforder .ordercode{font-size:15px}.deliverydate{display:block;color:#738493;font-size:12px;margin-top:3px}.deliverydate.late{color:#b72e35;font-weight:700}.staffaddress{line-height:1.45;color:#415765}.staffphone{color:#4b6170}.stafforderbottom{border-top:1px solid #edf1f4;margin-top:13px;padding-top:12px}.stafforderbottom .cod{margin:0 0 11px;display:flex;justify-content:space-between;align-items:center;color:#6b7c89;font-size:12px}.stafforderbottom .cod strong{font-size:17px;color:#b65500}.orderquick{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quickbtn{text-align:center;border-radius:9px;padding:10px 6px;font-weight:800;font-size:13px;border:1px solid var(--line);background:#fff}.quickbtn.call{color:#08783d;background:#effaf4;border-color:#cdebd9}.quickbtn.map{color:#805000;background:#fff8e9;border-color:#f5dfaa}.quickbtn.detail{color:#fff;background:var(--blue);border-color:var(--blue)}.staffempty{background:#fff;border:1px dashed #cfd9e1;border-radius:14px}.staffempty b,.staffempty span{display:block}.staffempty span{font-size:12px;margin-top:6px}.mobiletop{box-shadow:0 2px 12px rgba(15,38,56,.05)}
@media(max-width:520px){.staffwelcome{display:block}.todaycod{text-align:left;margin-top:10px;min-width:0}.staffstats>div{padding:10px}.staffstats b{font-size:20px}.staffstats span{font-size:11px}.mobilemain{padding:12px}.ordercard{padding:14px}.orderquick{grid-template-columns:1fr 1fr 1fr}.quickbtn{padding:10px 3px;font-size:12px}}
/* CuuHo Delivery V1.2B - camera, GPS and delivery result workflow */
.badge.rescheduled{background:#efe7ff;color:#6537a8}.gps-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eef8ff;border:1px solid #c8e3f6;border-radius:13px;padding:12px 14px;margin:10px 0}.gps-panel b,.gps-panel span{display:block}.gps-panel span{font-size:12px;color:#617989;margin-top:4px}.gps-status[data-state="ok"]{color:#0b7a43}.gps-status[data-state="bad"]{color:#ad2c34}.gps-refresh{padding:8px 10px;font-size:12px}.delivery-step{overflow:hidden}.stephead{display:flex;gap:11px;align-items:flex-start;margin-bottom:13px}.stephead>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900;flex:none}.stephead h3{margin:1px 0 3px}.stephead p{margin:0;color:#718492;font-size:12px}.camera-pick{margin:0 0 9px;cursor:pointer}.camera-pick input{position:absolute;opacity:0;pointer-events:none}.camera-pick span{display:block;border:1px dashed #9ab7cc;background:#f3f9fd;border-radius:12px;text-align:center;padding:18px;font-weight:800;color:var(--blue)}.photo-selected{font-size:12px;color:#718492;margin:7px 0 10px}.photo-preview{display:flex;gap:7px;overflow-x:auto}.photo-preview img{width:72px;height:72px;object-fit:cover;border-radius:9px;border:1px solid var(--line);flex:none}.delivery-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}.delivery-photo-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.delivery-photo-card>a{display:block}.delivery-photo-card img{display:block;width:100%;height:145px;object-fit:cover}.photo-meta{padding:8px;font-size:11px;color:#70818e}.photo-meta b,.photo-meta span,.photo-meta a{display:block;margin:2px 0}.photo-meta form{margin-top:5px}.link-danger{border:0;background:none;color:#b72e35;padding:0;font:inherit;cursor:pointer}.delivery-result-grid{display:grid;grid-template-columns:1fr;gap:0}.result-card summary{font-weight:800;cursor:pointer}.result-card[open] summary{margin-bottom:13px}.formhint{font-size:12px;margin:8px 0 0}.formhint.warn{color:#a55d00}.delivery-success-form button:disabled{opacity:.45;cursor:not-allowed}.delivery-locked{border-left:4px solid #8898a4}.delivery-actions{margin-top:12px}.start-form{margin:10px 0}.staff-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-photo-grid .delivery-photo-card img{height:140px}@media(max-width:520px){.gps-panel{align-items:stretch}.gps-refresh{flex:none}.delivery-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-photo-card img{height:128px}}
/* CuuHo Delivery V1.2C - proof review, admin photo management, timeline */
.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.proof-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);border-left:5px solid #94a3b8;border-radius:14px;padding:15px 18px;margin:14px 0;background:#fff}.proof-summary>div:first-child span,.proof-summary>div:first-child b,.proof-summary>div:first-child small{display:block}.proof-summary span{font-size:11px;font-weight:900;letter-spacing:.06em;color:#72828f}.proof-summary b{font-size:20px;margin:3px 0}.proof-summary small{color:#70818e}.proof-summary.approved{border-left-color:#16a05a;background:#f4fcf7}.proof-summary.rejected{border-left-color:#d97706;background:#fffaf0}.proof-reviewer{font-size:12px;color:#657985;text-align:right}.review-actions{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}.review-actions label{display:flex;gap:7px;align-items:center;margin:0;background:#f7fafc;border:1px solid var(--line);padding:10px 12px;border-radius:10px}.review-actions input{width:auto;margin:0}.review-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#edf1f4;color:#526674}.review-badge.approved{background:#dff5e8;color:#08783d}.review-badge.rejected{background:#fff0d8;color:#9a4b00}.admin-photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.admin-photo-grid .delivery-photo-card img{height:170px}.timeline-v12c{position:relative;margin-top:8px}.timeline-v12c:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:#e3eaf0}.timeline-v12c .timeline-item{display:grid;grid-template-columns:16px 105px 1fr;gap:12px;position:relative;padding:10px 0;border:0}.timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 0 0 2px #cfe1ee;z-index:1;margin-top:3px}.timeline-time{font-size:12px;color:#718492;padding-top:2px}.timeline-body b,.timeline-body span,.timeline-body small,.timeline-body a{display:block}.timeline-body span{margin-top:3px}.timeline-body small{color:#8796a1;margin-top:3px}.timeline-body a{font-size:12px;margin-top:4px}.proof-review-card{border-top:4px solid var(--blue)}
@media(max-width:700px){.proof-summary{display:block}.proof-reviewer{text-align:left;margin-top:8px}.timeline-v12c .timeline-item{grid-template-columns:16px 1fr}.timeline-time{grid-column:2}.timeline-body{grid-column:2}}
/* CuuHo Delivery V1.3 - COD reconciliation and reports */
.codstats,.reportstats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.money-due{color:#b4232b}.money-ok{color:#0b7a43}.reportfilters{align-items:end}.reportfilters label{margin:0;min-width:170px}.quickranges{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 14px}.quickranges a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:700}.card h2{margin-top:0}.form button:disabled{opacity:.45;cursor:not-allowed}td small{color:#768895}@media(max-width:760px){.reportfilters{display:grid;grid-template-columns:1fr 1fr}.reportfilters label{min-width:0}.reportfilters .btn{align-self:end}.codstats,.reportstats{grid-template-columns:1fr 1fr}}@media(max-width:480px){.reportfilters{grid-template-columns:1fr}.codstats,.reportstats{grid-template-columns:1fr 1fr}.codstats b,.reportstats b{font-size:20px}}


/* V1.4 - Routes */
.route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:14px 0 20px}.route-card{display:block;text-decoration:none;color:inherit}.route-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.route-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px}.route-stops{display:flex;flex-direction:column;gap:10px}.route-stop{display:flex;gap:12px;border:1px solid #e2e8ef;border-radius:12px;padding:12px;background:#fff}.stop-no{flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#164f7e;color:#fff;font-weight:800}.stop-main{flex:1;min-width:0}.stop-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.stop-actions form{display:inline-flex;gap:4px;margin:0}.stop-actions button{border:1px solid #d5dde5;background:#fff;border-radius:7px;padding:3px 8px;cursor:pointer}.stop-actions .link-danger{color:#b82832}.route-add-list{display:grid;gap:8px;margin-bottom:12px;max-height:360px;overflow:auto}.route-add-list label{display:flex;gap:10px;border:1px solid #e2e8ef;border-radius:10px;padding:10px}.route-add-list span{display:flex;flex-direction:column;gap:3px}.route-map-card{position:sticky;top:18px}.route-map{width:100%;height:360px;border:0;border-radius:12px;margin-top:10px;background:#eef2f5}.map-caption{line-height:1.5}.badge.draft{background:#eef2f5;color:#566575}.badge.active{background:#e3f4ff;color:#08618f}.badge.completed{background:#e2f7eb;color:#0d7742}.badge.cancelled{background:#f2f2f2;color:#777}.mobilequick{display:flex;gap:8px}.mobilequick a{font-size:12px;padding:5px 8px;border:1px solid rgba(255,255,255,.2);border-radius:8px}.mroute{display:block;text-decoration:none;color:inherit;margin-bottom:12px}.mroute-progress{margin-top:12px}.mobile-map-card{padding:10px;margin-top:12px}.mobile-map-card .route-map{height:240px}.mobile-route-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.mstop{display:flex;gap:10px;padding:12px}.mstop.done{opacity:.68}.mstop-body{flex:1;min-width:0}.maddress{margin:7px 0;line-height:1.45}.mstop-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.mstop-actions .btn{text-align:center;padding:9px 6px}.ordercode{font-size:13px}.headrow-mobile{display:flex;justify-content:space-between;align-items:center;gap:10px}
@media(max-width:900px){.route-layout{grid-template-columns:1fr}.route-map-card{position:static}.route-map{height:300px}}


/* V1.5 */
.zone-chip{display:inline-flex;align-items:center;margin-top:6px;padding:3px 8px;border-radius:999px;background:#eef6ff;color:#245f8f;font-size:12px;font-weight:700}.live-route-panel{position:relative}.live-dot{font-size:11px;font-weight:800;color:#087a48;background:#e4f8ed;padding:4px 8px;border-radius:999px}.live-progress-bar{height:9px;background:#e8edf2;border-radius:999px;overflow:hidden;margin:12px 0}.live-progress-bar i{display:block;height:100%;background:#198754;border-radius:999px;transition:width .3s}.live-stats{display:flex;gap:24px;margin-bottom:10px}.live-stats b{font-size:20px}.staff-live-tracker{border-left:4px solid #198754;margin:10px 0}.staff-live-tracker b{display:block;margin-bottom:5px}


/* CuuHo Delivery V1.6 */
.top-notify,.notify-link{position:relative;text-decoration:none}.top-notify b,.notify-link b{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:20px;background:#d92d20;color:#fff;font-size:11px;padding:0 5px}.notify-link b{position:absolute;top:-8px;right:-8px}.notice-list{display:grid;gap:10px}.notice-card{display:flex;gap:12px;padding:14px 16px;background:#fff;border:1px solid #e3e8ef;border-radius:13px;color:inherit;text-decoration:none;box-shadow:0 3px 12px rgba(16,38,62,.04)}.notice-card.unread{border-left:4px solid #1f5b96;background:#f7fbff}.notice-icon{width:38px;height:38px;border-radius:10px;background:#eef4fb;display:flex;align-items:center;justify-content:center;flex:0 0 38px;font-size:19px}.notice-card p{margin:5px 0;color:#526273}.notice-card small{color:#8190a0}.admin-tabs{margin-bottom:14px}.mobile-notices{padding-bottom:80px}.install-app-btn{position:fixed;right:14px;bottom:16px;z-index:50;border:0;border-radius:22px;background:#173b63;color:#fff;padding:11px 16px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.18)}


/* CuuHo Delivery V1.7 */
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 18px}.perm-item{display:flex;align-items:center;gap:8px;border:1px solid #e2e8ef;border-radius:9px;padding:9px;background:#fafcfe;font-weight:600}.perm-item input{width:auto;margin:0}.role-cards{display:grid;gap:14px}.role-card{border:1px solid #dfe6ed;border-radius:12px;padding:16px;background:#fff}.inline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-form select{min-width:120px}.btn.small{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.stats.compact{grid-template-columns:repeat(3,1fr)}.shift-mobile{text-align:center}.shift-clock{font-size:52px;font-weight:800;letter-spacing:-2px;color:#173b63;margin-top:6px}.btn.big{width:100%;padding:15px;font-size:17px;margin-top:12px}.badge.working{background:#dcfce7;color:#166534}.badge.scheduled{background:#e0f2fe;color:#075985}.badge.completed{background:#e8edf3;color:#334155}.badge.absent,.badge.cancelled{background:#fee2e2;color:#991b1b}
@media(max-width:720px){.permission-grid{grid-template-columns:1fr}.mobilequick{gap:8px}.mobilequick a{font-size:12px}.stats.compact{grid-template-columns:repeat(3,1fr)}}


/* CuuHo Delivery V1.8 */
.leaderboard{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 18px}.rank-card{background:#fff;border:1px solid #dfe6ed;border-radius:14px;padding:18px;text-align:center;box-shadow:0 6px 18px rgba(16,49,78,.05)}.rank-card .rank-medal{font-size:30px}.rank-card b,.rank-card span,.rank-card small{display:block}.rank-card strong{display:block;font-size:34px;color:#173b63;margin:5px 0}.rank-1{border-width:2px}.kpi-score{font-size:18px;color:#173b63}.leave-review-form{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.leave-review-form input{max-width:160px}.badge.pending{background:#fff3cd;color:#806000}.badge.approved{background:#dcfce7;color:#166534}.badge.rejected,.badge.cancelled{background:#fee2e2;color:#991b1b}.leave-mobile-row{border-top:1px solid #e6ebf0;padding:14px 0;position:relative}.leave-mobile-row:first-of-type{border-top:0}.leave-mobile-row>div span{display:block;color:#6b7280;margin-top:3px}.leave-mobile-row>.badge{position:absolute;right:0;top:14px}.leave-mobile-row p{margin:8px 0}.leave-mobile-row small{display:block;color:#64748b;margin-bottom:6px}
@media(max-width:760px){.leaderboard{grid-template-columns:1fr}.rank-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:8px}.rank-card .rank-medal{grid-row:1/4}.rank-card strong{grid-column:3;grid-row:1/3}.rank-card span,.rank-card small{grid-column:2}.leave-review-form{min-width:220px}}

/* V1.9 */
.badge.urgent{background:#7a1020;color:#fff}.badge.high{background:#fee2e2;color:#991b1b}.badge.medium{background:#fff3cd;color:#7a5a00}.badge.low{background:#e6f4ea;color:#276738}.incident-box{border-left:4px solid #d33}.incident-box summary{font-weight:700;cursor:pointer}.leave-review-form{min-width:250px}

/* CuuHo Delivery V2.0 */
.global-search{display:flex;align-items:center;gap:0;min-width:320px;max-width:520px;flex:1;margin:0 24px}.global-search input{width:100%;border:1px solid #d5dee8;border-right:0;border-radius:9px 0 0 9px;padding:10px 12px;background:#fff}.global-search button{border:0;background:#eef3f8;padding:10px 13px;border-radius:0 9px 9px 0;cursor:pointer}.global-search-page{display:flex;gap:10px}.global-search-page input{flex:1;font-size:16px}.search-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.search-grid section h2{display:flex;justify-content:space-between}.search-grid section h2 span{font-size:13px;background:#eef3f8;padding:4px 8px;border-radius:99px}.search-result{display:block;padding:12px 0;border-bottom:1px solid #edf1f5;color:inherit;text-decoration:none}.search-result:last-child{border-bottom:0}.search-result small{display:block;color:#6f7e8e;margin-top:4px}.stats.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.actions form{display:inline-flex;align-items:center;gap:5px;margin:0}.inline-check{display:inline-flex!important;align-items:center;gap:4px;font-size:12px}.inline-check input{width:auto!important}.btn.warn{background:#d88b19;color:#fff}.btn.danger{background:#b83a3a;color:#fff}.health-score{padding:8px 12px;border-radius:999px;font-weight:700}.health-score.ok{background:#e6f6ec;color:#19713d}.health-score.bad{background:#fff0e6;color:#a45414}.health-list{padding:0}.health-row{display:grid;grid-template-columns:18px 220px 1fr;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #edf1f5}.health-row:last-child{border-bottom:0}.health-dot{width:11px;height:11px;border-radius:50%;display:block}.health-dot.ok{background:#24a35a}.health-dot.bad{background:#e14d4d}@media(max-width:900px){.global-search{min-width:180px;margin:0 10px}.search-grid{grid-template-columns:1fr}.health-row{grid-template-columns:18px 1fr}.health-row span:last-child{grid-column:2}.stats.compact{grid-template-columns:1fr}.actions{min-width:220px}}


/* CuuHo Delivery V2.1 - Audit & Polish */
.side a.active{background:#244f73;color:#fff;font-weight:700;box-shadow:inset 3px 0 #f59e0b}.admin-menu-toggle{display:none;border:0;background:#eef3f8;color:#173b63;border-radius:8px;width:38px;height:38px;font-size:20px;cursor:pointer}.pagination{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:14px 0}.pagination span{margin-right:auto;color:#6b7a89}.pagination a,.pagination b,.pagination i{min-width:34px;height:34px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe3eb;border-radius:8px;text-decoration:none;color:#244f73;background:#fff;font-style:normal}.pagination b{background:#173b63;color:#fff;border-color:#173b63}.dashboard-head{margin-bottom:12px}.quick-actions{display:flex;gap:8px}.ops-stats a{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid #e1e7ee;border-radius:14px;padding:18px;transition:.15s}.ops-stats a:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(23,59,99,.08)}.ops-stats a b{font-size:25px;color:#173b63}.ops-stats a span{color:#6b7a89;margin-top:4px}.ops-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;margin:16px 0}.action-list{display:grid;gap:8px}.action-item{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid #e6ebf0;border-radius:11px;padding:10px 12px;text-decoration:none;color:inherit}.action-item i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#f3f6f9;font-style:normal}.action-item span{display:flex;flex-direction:column}.action-item small{color:#7b8794;margin-top:2px}.action-item strong{font-size:22px;color:#173b63}.action-item.danger strong{color:#b42318}.action-item.warn strong{color:#b86d00}.activity-feed>a{display:grid;grid-template-columns:48px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #eef2f5;text-decoration:none;color:inherit}.activity-feed>a:last-child{border-bottom:0}.activity-feed time{font-weight:700;color:#315e87}.activity-feed span{display:flex;flex-direction:column}.activity-feed small{color:#758391;margin-top:3px}.top{position:sticky;top:0;z-index:40}.side{position:sticky;top:62px;height:calc(100vh - 62px);overflow:auto}
@media(max-width:900px){.admin-menu-toggle{display:inline-grid;place-items:center;flex:0 0 38px}.admin-body .top{gap:8px}.admin-body .brand{white-space:nowrap}.admin-body .side{position:fixed;left:-290px;top:0;width:270px;height:100vh;z-index:80;padding-top:72px;box-shadow:10px 0 30px rgba(0,0,0,.15);transition:left .2s}.admin-body .side.open{left:0}.admin-body.menu-open:after{content:"";position:fixed;inset:0;background:rgba(10,28,45,.35);z-index:70}.admin-body .main{width:100%}.ops-grid{grid-template-columns:1fr}.quick-actions{display:none}.ops-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.global-search{order:3;flex-basis:100%;max-width:none;margin:0}.top{flex-wrap:wrap}.pagination{justify-content:center}.pagination span{width:100%;text-align:center;margin:0 0 4px}}
@media(max-width:520px){.ops-stats{grid-template-columns:1fr 1fr}.ops-stats a{padding:13px}.ops-stats a b{font-size:20px}.action-item{grid-template-columns:36px 1fr auto}.action-item i{width:34px;height:34px}.pagination a,.pagination b,.pagination i{min-width:31px;height:31px;padding:0 7px}}

/* V2.2 Smart Dispatch */
.dispatch-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.dispatch-filter label{min-width:180px}.dispatch-filter input,.dispatch-filter select{display:block;width:100%}.mini-input{width:72px!important;padding:7px!important}.zone-checks{display:flex;gap:7px;flex-wrap:wrap;max-width:420px}.zone-checks label{font-size:12px;background:#f3f6fa;padding:5px 7px;border-radius:7px;white-space:nowrap}.dispatch-staff{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f5;padding:10px 0}.dispatch-staff div{display:flex;flex-direction:column}.dispatch-staff small{margin-top:3px;color:#64748b}.count-pill,.score-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 9px;background:#e7f1fb;color:#185a94;font-size:12px}.score-pill{font-weight:800;background:#e7f8ef;color:#137645}.dispatch-candidates>div{display:grid;grid-template-columns:45px 1fr 90px 2fr;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f5;align-items:center}.dispatch-candidates small{color:#64748b}.rank{font-weight:800;color:#185a94}@media(max-width:800px){.dispatch-candidates>div{grid-template-columns:40px 1fr}.dispatch-candidates strong,.dispatch-candidates small{grid-column:2}.zone-checks{max-width:none}}

/* V2.3 - smart bulk dispatch */
.dispatch-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dispatch-staff strong small{font-weight:500;color:#6b7b8b}.dispatch-filter+.grid2{margin-top:14px}@media(max-width:780px){.dispatch-actions{width:100%}.dispatch-actions .btn{flex:1}.dispatch-staff{align-items:flex-start}.dispatch-staff strong{text-align:right}}

/* CuuHo Delivery V2.3.1 - grouped accordion admin sidebar */
.side{padding:12px 10px}.side-groups{display:grid;gap:7px}.side-group{border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.015)}.side-group-toggle{width:100%;border:0;background:transparent;color:#e9f3fa;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px;cursor:pointer;text-align:left;font:inherit}.side-group-toggle:hover,.side-group.open>.side-group-toggle{background:#173b57}.side-group-title{display:flex;align-items:center;gap:10px;min-width:0}.side-group-title i{width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-style:normal;font-size:14px;flex:0 0 24px}.side-group-title b{font-size:13px;line-height:1.2}.side-chevron{transition:transform .18s ease;font-size:18px;line-height:1}.side-group.open .side-chevron{transform:rotate(180deg)}.side-group-items{display:none;padding:4px 7px 8px}.side-group.open .side-group-items{display:block}.side .side-group-items a{margin:2px 0;padding:9px 10px 9px 42px;border-radius:7px;font-size:13px;position:relative}.side .side-group-items a:before{content:"";position:absolute;left:26px;top:50%;width:5px;height:5px;border-radius:50%;background:#7994aa;transform:translateY(-50%)}.side .side-group-items a.active{background:#244f73;color:#fff;font-weight:700;box-shadow:none}.side .side-group-items a.active:before{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.13)}.side-group.active-group{border-color:rgba(245,158,11,.3)}
@media(min-width:901px){.side{width:220px}.side-group-toggle{min-height:48px}}
@media(max-width:900px){.admin-body .side{padding:72px 10px 18px}.side-groups{gap:6px}.side-group-title b{font-size:14px}.side .side-group-items a{font-size:14px;padding-top:11px;padding-bottom:11px}}

/* V2.3.2 - compact accordion sidebar hotfix */
.admin-body .shell{grid-template-columns:190px minmax(0,1fr)}
.admin-body .side{width:190px!important;padding:8px 7px!important;display:block!important;overflow-y:auto!important;overflow-x:hidden!important}
.admin-body .side-groups{display:block!important}
.admin-body .side-group{display:block!important;margin:0 0 5px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:8px!important;overflow:hidden!important;background:transparent!important}
.admin-body .side-group-toggle{appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#e9f3fa!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;padding:9px 9px!important;cursor:pointer!important;text-align:left!important;font:inherit!important;box-shadow:none!important}
.admin-body .side-group-toggle:hover,.admin-body .side-group.open>.side-group-toggle{background:#173b57!important}
.admin-body .side-group-title{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
.admin-body .side-group-title i{width:20px!important;height:20px!important;flex:0 0 20px!important;border-radius:5px!important;font-size:12px!important}
.admin-body .side-group-title b{font-size:12.5px!important;line-height:1.25!important;white-space:normal!important}
.admin-body .side-chevron{font-size:15px!important;flex:0 0 auto!important}
.admin-body .side-group-items{display:none!important;padding:3px 5px 6px!important}
.admin-body .side-group.open>.side-group-items{display:block!important}
.admin-body .side .side-group-items a{display:block!important;margin:1px 0!important;padding:8px 7px 8px 27px!important;border-radius:6px!important;font-size:12.5px!important;line-height:1.25!important;white-space:normal!important}
.admin-body .side .side-group-items a:before{left:15px!important;width:4px!important;height:4px!important}
.admin-body .side-group:not(.open)>.side-group-items{height:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}
@media(max-width:900px){
  .admin-body .shell{grid-template-columns:1fr!important}
  .admin-body .side{position:fixed!important;left:-242px!important;top:0!important;width:225px!important;height:100vh!important;padding:70px 8px 14px!important;display:block!important;overflow-y:auto!important;overflow-x:hidden!important}
  .admin-body .side.open{left:0!important}
  .admin-body .side-group-title b{font-size:13px!important}
  .admin-body .side .side-group-items a{font-size:13px!important;padding:9px 8px 9px 29px!important}
}

/* V2.3.3 Audit */
.audit-card{margin-bottom:14px}.audit-card h2{margin-top:0}.audit-card .health-row{grid-template-columns:18px minmax(180px,1fr) minmax(180px,2fr) auto;gap:10px;align-items:center}.audit-checklist{line-height:1.9;padding-left:22px}@media(max-width:760px){.audit-card .health-row{grid-template-columns:18px 1fr}.audit-card .health-row>span:nth-of-type(2){grid-column:2}.audit-card .health-row .btn{grid-column:2;justify-self:start}.audit-checklist{padding-left:20px}}

/* V2.3.4 - staff mobile navigation + staff order history */
.staff-mobile-top{height:auto;min-height:58px;padding:9px 14px;gap:12px}.staff-mobile-top>a{font-size:18px;white-space:nowrap}.staff-mobile-user{margin-left:auto;display:flex;align-items:flex-end;flex-direction:column;gap:2px;min-width:0}.staff-mobile-user strong{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.staff-mobile-user a{font-size:11px;color:#687c8d}.staff-main-nav{max-width:680px;margin:0 auto;padding:9px 12px 3px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;background:var(--bg);position:sticky;top:58px;z-index:4}.staff-nav-item{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 5px;border:1px solid #dce5ec;border-radius:11px;background:#fff;color:#395568;font-size:12px;font-weight:800;text-align:center;box-shadow:0 2px 8px rgba(15,38,56,.03)}.staff-nav-item i{font-style:normal;font-size:14px}.staff-nav-item.active{background:#14578e;border-color:#14578e;color:#fff}.staff-nav-item b{position:absolute;right:4px;top:3px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;display:grid;place-items:center;background:#d92d20;color:#fff;font-size:9px}.mobilemain{padding-top:10px}.staffrow-manage{display:flex;align-items:center;justify-content:space-between;gap:12px}.staffrow-manage>div{min-width:0}.staff-order-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:14px}.staff-order-filter label{margin:0;min-width:160px}.staff-order-filter .btn{margin:0}.staff-history-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.wrapcell{white-space:normal;min-width:220px;max-width:360px}.btn.small{padding:7px 10px;font-size:12px}
@media(max-width:520px){.staff-main-nav{grid-template-columns:repeat(3,1fr);top:58px}.staff-nav-item{min-height:39px;font-size:11px;gap:4px}.staff-mobile-user strong{max-width:130px}.staffrow-manage{align-items:flex-start;flex-direction:column}.staffrow-manage .btn{width:100%}.staff-order-filter{display:grid;grid-template-columns:1fr 1fr}.staff-order-filter label{min-width:0}.staff-order-filter .btn{align-self:end}.staff-history-stats{grid-template-columns:repeat(2,1fr)}}


/* V2.3.5 - Staff self statistics */
.staff-self-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.staff-self-stats>div{background:#fff;border:1px solid #dfe7ef;border-radius:14px;padding:14px 8px;text-align:center;box-shadow:0 4px 14px rgba(20,48,76,.04)}.staff-self-stats b{display:block;font-size:22px;color:#173b63}.staff-self-stats span{display:block;font-size:12px;color:#6c7b8a;margin-top:4px}.staff-self-stats .success b{color:#16825d}.staff-self-stats .danger b{color:#c84b4b}.staff-cod-summary{margin:12px 0;background:#fff7e9;border-color:#f3d39e}.staff-cod-summary span,.staff-cod-summary small{display:block;color:#7d6541}.staff-cod-summary b{display:block;font-size:27px;color:#9a5f08;margin:3px 0}.staff-stat-order-list>h3{margin:18px 0 10px}.staff-stat-order{display:block;text-decoration:none;color:inherit;margin-bottom:10px}.staff-stat-order .row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.staff-stat-order .row>div span{display:block;font-size:12px;color:#7a8895;margin-top:3px}.staff-stat-order>strong{display:block;margin:10px 0 4px}.staff-stat-order>p{margin:0;color:#536474;font-size:13px}.stat-order-money{display:flex;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px dashed #dce4eb;font-size:13px;font-weight:700;color:#173b63}.staff-stats-filter{margin-bottom:10px}.staff-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:520px){.staff-self-stats{grid-template-columns:repeat(3,1fr)}.staff-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-nav-item{font-size:11px;padding:8px 3px}.staff-nav-item i{font-size:17px}.staff-stats-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-stats-filter label:first-child,.staff-stats-filter button{grid-column:1/-1}}


/* V2.4 - Dispatch calendar */
.dispatch-view-switch{display:flex;gap:8px}.dispatch-date-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.week-board{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px;margin:15px 0 22px}.week-day-card{background:#fff;border:1px solid #dbe4ee;border-radius:14px;padding:14px;text-decoration:none;color:#17324d;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 14px rgba(20,48,74,.04)}.week-day-card.today{border-color:#2e70a7;box-shadow:0 0 0 2px rgba(46,112,167,.12)}.week-day-card strong{font-size:22px}.week-day-card .warn{color:#b44835;font-weight:700}.dispatch-stats{grid-template-columns:repeat(6,minmax(120px,1fr))}.dispatch-board{display:flex;gap:12px;overflow-x:auto;align-items:flex-start;padding:4px 2px 16px}.dispatch-column{flex:0 0 280px;background:#eef3f8;border:1px solid #d9e3ec;border-radius:14px;overflow:hidden}.dispatch-column>header{padding:12px;background:#fff;border-bottom:1px solid #d9e3ec;display:flex;justify-content:space-between;gap:8px}.dispatch-column>header b{display:block}.dispatch-column>header span{font-size:12px;color:#687a8c}.dispatch-column.leave{border-color:#e3a7a0;background:#fff3f1}.dispatch-column.overload{border-color:#e7ba69;background:#fff8eb}.dispatch-column.unassigned{border-color:#92aac0}.dispatch-dropzone{min-height:100px;padding:10px}.dispatch-dropzone.drag-over{outline:2px dashed #28689f;outline-offset:-5px;background:#e2eef8}.dispatch-order-card{background:#fff;border:1px solid #dce5ed;border-radius:10px;padding:10px;margin-bottom:8px;cursor:grab;box-shadow:0 2px 7px rgba(20,48,74,.05)}.dispatch-order-card:active{cursor:grabbing}.dispatch-order-card b,.dispatch-order-card span,.dispatch-order-card small,.dispatch-order-card em{display:block}.dispatch-order-card span{margin-top:4px}.dispatch-order-card small{color:#6a7c8f;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-order-card em{font-style:normal;font-size:12px;color:#315f83;margin-top:6px}.dispatch-order-card.dragging{opacity:.45}.dispatch-staff-status{white-space:nowrap}.empty-mini{font-size:13px;color:#78899a;text-align:center;padding:18px 5px}.dispatch-help{margin-top:4px}
@media(max-width:1100px){.week-board{grid-template-columns:repeat(4,1fr)}.dispatch-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.week-board{grid-template-columns:repeat(2,1fr)}.dispatch-stats{grid-template-columns:repeat(2,1fr)}.dispatch-column{flex-basis:255px}.dispatch-view-switch{width:100%;margin-top:8px}.dispatch-view-switch .btn{flex:1;text-align:center}}

/* CuuHo Delivery V2.5 - Executive dashboard */
.exec-actions{display:flex;gap:8px;flex-wrap:wrap}.exec-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.exec-filter label{display:grid;gap:5px;min-width:150px}.exec-kpis{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin:14px 0}.exec-kpi{background:#fff;border:1px solid #dbe4ed;border-radius:14px;padding:15px;box-shadow:0 4px 14px #173b6310}.exec-kpi span,.exec-kpi small{display:block;color:#6a7c8e}.exec-kpi b{display:block;font-size:24px;margin:6px 0;color:#17324d}.exec-kpi.good{border-top:3px solid #2a8c65}.exec-kpi.warn{border-top:3px solid #d38736}.exec-kpi.money{border-top:3px solid #24639b}.exec-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);gap:14px;margin:14px 0}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title h2{margin:0}.card-title span{color:#718397;font-size:13px}.exec-line-chart{width:100%;height:250px;margin-top:12px}.exec-line-chart .axis{stroke:#cad4de;stroke-width:1}.exec-line-chart .trend-line{fill:none;stroke:#24639b;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.exec-line-chart circle{fill:#fff;stroke:#24639b;stroke-width:3}.exec-line-chart text{font-size:11px;fill:#718397}.empty-chart{min-height:220px;display:grid;place-items:center;color:#7a8998}.exec-bars{display:grid;gap:12px;margin-top:14px}.exec-bar-row{display:grid;grid-template-columns:minmax(120px,1fr) 1.6fr 34px;gap:9px;align-items:center}.exec-bar-row small{display:block;color:#718397;margin-top:2px}.exec-bar{height:9px;background:#edf2f6;border-radius:999px;overflow:hidden}.exec-bar i{display:block;height:100%;background:#24639b;border-radius:999px}.exec-bar-row strong{text-align:right}.exec-chart-card{overflow:hidden}
@media(max-width:1200px){.exec-kpis{grid-template-columns:repeat(3,1fr)}.exec-grid{grid-template-columns:1fr}}
@media(max-width:700px){.exec-kpis{grid-template-columns:repeat(2,1fr)}.exec-kpi b{font-size:20px}.exec-filter{align-items:stretch}.exec-filter label{min-width:0;flex:1}.exec-bar-row{grid-template-columns:110px 1fr 28px}.exec-line-chart{height:200px}}

/* V2.5.1 - Executive dashboard presentation fix */
.exec-summary{margin:16px 0 18px}
.exec-kpis{display:grid!important;gap:12px!important;margin:0!important}
.exec-kpis-main{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.exec-kpis-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:12px!important}
.exec-kpi{display:block!important;min-width:0!important;background:#fff!important;border:1px solid #dbe4ed!important;border-radius:14px!important;padding:16px 17px!important;box-shadow:0 4px 14px rgba(23,59,99,.06)!important;border-top:3px solid #b8c9d8!important}
.exec-kpi.good{border-top-color:#2a8c65!important}.exec-kpi.active{border-top-color:#3478b5!important}.exec-kpi.warn{border-top-color:#d38736!important}.exec-kpi.money{border-top-color:#24639b!important}.exec-kpi.issue{border-top-color:#b85d58!important}
.exec-kpi-label{display:flex!important;align-items:center!important;gap:8px!important;color:#607487!important;font-size:13px!important;font-weight:700!important}
.exec-kpi-label i{display:inline-grid!important;place-items:center!important;width:27px!important;height:27px!important;border-radius:8px!important;background:#eef4f8!important;color:#315f83!important;font-size:10px!important;font-style:normal!important;font-weight:900!important}
.exec-kpi.good .exec-kpi-label i{background:#e8f5ef!important;color:#237354!important}.exec-kpi.warn .exec-kpi-label i{background:#fff2de!important;color:#9b641e!important}.exec-kpi.issue .exec-kpi-label i{background:#fff0ee!important;color:#a04f49!important}
.exec-kpi b{display:block!important;font-size:25px!important;line-height:1.15!important;margin:10px 0 5px!important;color:#17324d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.exec-kpi small{display:block!important;color:#718397!important;font-size:12px!important;line-height:1.35!important}
.exec-filter{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(190px,1fr) auto minmax(180px,1fr)!important;align-items:end!important;gap:12px!important;padding:15px 17px!important}
.exec-filter label{display:grid!important;gap:6px!important;min-width:0!important;font-size:13px!important;font-weight:700!important}
.exec-filter .btn{height:42px!important;align-self:end!important}.exec-filter>span{align-self:center!important;margin-top:20px!important;text-align:right!important}
.exec-grid{margin-top:16px!important}
.exec-chart-card{min-height:330px!important}.exec-line-chart{display:block!important;width:100%!important;height:260px!important}
.exec-line-chart circle{fill:#fff!important;stroke:#24639b!important;stroke-width:3!important}.exec-line-chart .trend-line{fill:none!important;stroke:#24639b!important;stroke-width:4!important}.exec-line-chart .axis{stroke:#cad4de!important;stroke-width:1!important}.exec-line-chart text{fill:#718397!important;font-size:11px!important}
@media(max-width:1200px){.exec-kpis-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}.exec-filter{grid-template-columns:1fr 1fr auto!important}.exec-filter>span{grid-column:1/-1;margin-top:0!important;text-align:left!important}}
@media(max-width:700px){.exec-kpis-main,.exec-kpis-secondary{grid-template-columns:1fr 1fr!important}.exec-kpi{padding:13px!important}.exec-kpi b{font-size:20px!important}.exec-filter{grid-template-columns:1fr!important}.exec-filter>span{grid-column:auto!important}.exec-filter .btn{width:100%!important}.exec-kpi-label i{display:none!important}}
@media(max-width:430px){.exec-kpis-main,.exec-kpis-secondary{grid-template-columns:1fr!important}}


/* CuuHo Delivery V2.6 - realtime operations center */
.ops-center{display:grid;gap:15px}.ops-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.ops-head h1{margin:0 0 4px}.ops-head-actions{display:flex;align-items:center;gap:10px}.ops-live{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eaf7ef;color:#157347;font-size:12px;font-weight:800}.ops-live i{width:8px;height:8px;background:#20a464;border-radius:50%;box-shadow:0 0 0 4px rgba(32,164,100,.13);animation:opsPulse 1.7s infinite}@keyframes opsPulse{50%{box-shadow:0 0 0 8px rgba(32,164,100,0)}}.ops-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ops-kpis>div{background:#fff;border:1px solid #dce5ec;border-radius:14px;padding:14px 15px;box-shadow:0 5px 18px rgba(18,46,72,.04)}.ops-kpis span,.ops-kpis small{display:block;color:#6f8090;font-size:12px}.ops-kpis b{display:block;font-size:27px;margin:5px 0;color:#173b63}.ops-kpis i{font-style:normal;font-weight:800}.ops-kpis .good{border-left:4px solid #24a36a}.ops-kpis .active{border-left:4px solid #2d77b7}.ops-kpis .warn{border-left:4px solid #e36d52}.ops-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.8fr);gap:15px;align-items:start}.ops-layout>section,.ops-layout>aside{display:grid;gap:15px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title-row h2{margin:0}.ops-map{height:430px;border-radius:12px;background:#edf3f7;overflow:hidden}.ops-map-fallback{display:none}.ops-route-list{display:grid}.ops-route-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(100px,1fr) 50px 100px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1f4;color:inherit;text-decoration:none}.ops-route-row:last-child{border:0}.ops-route-row small{display:block;color:#738392;margin-top:3px}.ops-route-row.stale{background:#fff5f2;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:9px}.ops-progress{height:8px;background:#e8eef3;border-radius:8px;overflow:hidden}.ops-progress i{display:block;height:100%;background:#2a78b8;border-radius:8px}.ops-route-row>span{font-size:11px;color:#758594;text-align:right}.ops-alert-count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#edf3f8;font-weight:800}.ops-alert{display:block;text-decoration:none;color:inherit;padding:11px 12px;border-radius:10px;margin:8px 0;border-left:4px solid #89a0b4;background:#f7f9fb}.ops-alert b,.ops-alert span{display:block}.ops-alert span{font-size:12px;color:#6d7f8f;margin-top:2px}.ops-alert.high{border-color:#dc584a;background:#fff2f0}.ops-alert.medium{border-color:#e5a128;background:#fff8e8}.ops-alert.low{border-color:#3b82b7;background:#f0f7fc}.ops-staff-list{display:grid}.ops-staff{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f4}.ops-staff:last-child{border:0}.ops-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eaf2f8;color:#265e88;font-weight:900}.ops-staff.active .ops-avatar{background:#e7f7ee;color:#157347}.ops-staff.off{opacity:.58}.ops-staff small{display:block;color:#728291;margin-top:2px}.ops-gps-state{font-size:11px;color:#6d7f8f}.ops-tv-body{margin:0;background:#edf2f6;padding:18px}.ops-tv-body .ops-center{max-width:none}.ops-tv-body .ops-head h1{font-size:32px}.ops-tv-body .ops-kpis b{font-size:36px}.ops-tv-body .ops-map{height:58vh}.ops-tv-body .ops-head-actions .btn{display:none}.ops-map .leaflet-popup-content{font:13px system-ui,sans-serif}.ops-map-marker{background:#236a9e;border:3px solid #fff;box-shadow:0 2px 7px rgba(0,0,0,.3);border-radius:50%;width:18px!important;height:18px!important;margin-left:-9px!important;margin-top:-9px!important}.ops-map-marker.stale{background:#d9534f}.ops-map-marker.staff{background:#25a36b}
@media(max-width:1200px){.ops-kpis{grid-template-columns:repeat(3,1fr)}.ops-layout{grid-template-columns:1fr}.ops-map{height:360px}}@media(max-width:700px){.ops-head{flex-direction:column}.ops-head-actions{width:100%;justify-content:space-between}.ops-kpis{grid-template-columns:1fr 1fr}.ops-route-row{grid-template-columns:1fr 60px}.ops-route-row .ops-progress,.ops-route-row>span{grid-column:1/-1}.ops-route-row>span{text-align:left}.ops-map{height:310px}}@media(max-width:430px){.ops-kpis{grid-template-columns:1fr}}

/* CuuHo Delivery V2.7 - operating regions */
.region-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.region-kpi{display:flex;flex-direction:column;gap:7px}.region-kpi b{font-size:19px;color:#173b63}.region-kpi span{color:#65788a}.region-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:#e9f2fb;color:#174f80;font-size:12px;font-weight:700}.inline-form{display:flex;gap:8px;align-items:center}.inline-form select{min-width:160px}.staff-region-date{margin:10px 0 14px}.staff-region-date input{width:100%;padding:12px;border:1px solid #d6e0e8;border-radius:12px;background:#fff}.available-order{border:1px solid #bcd7ee;background:#fbfdff}.quickbtn.claim{border:0;background:#1672b8;color:#fff;font-weight:800;padding:11px 16px;border-radius:10px;cursor:pointer}.quickbtn.claim:disabled{opacity:.45;cursor:not-allowed}.staffstats>a{display:flex;flex-direction:column;text-decoration:none;color:inherit}.staffstats>a:hover{background:#f0f7fd}.region-scope-note{padding:9px 12px;border-radius:9px;background:#eef6fc;color:#245a82;font-weight:600}
@media(max-width:800px){.region-summary{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.inline-form select{min-width:0;width:100%}.staff-main-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-nav-item span{font-size:11px}}

/* CuuHo Delivery V2.7.1 - staff daily result summary */
.staff-day-result{margin:22px 0 28px;padding:0;border-top:1px solid #d9e3eb}.staff-day-result-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;padding:20px 2px 12px}.staff-day-result-head h2{margin:2px 0 4px;font-size:21px;color:#17324d}.staff-day-result-head p{margin:0;color:#748494;font-size:13px}.staff-day-result-head>a{font-size:13px;font-weight:800;text-decoration:none;color:#1767a0;white-space:nowrap}.staff-day-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:11px}.staff-day-kpis>div{background:#fff;border:1px solid #d9e3eb;border-radius:13px;padding:12px 10px;min-width:0}.staff-day-kpis b{display:block;font-size:20px;color:#17324d;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-day-kpis span{display:block;margin-top:5px;color:#718394;font-size:11px}.staff-day-kpis .good{border-top:3px solid #24a36a}.staff-day-kpis .warn{border-top:3px solid #dc7155}.staff-day-kpis .money{border-top:3px solid #2b75ad}.staff-day-list{background:#fff;border:1px solid #d9e3eb;border-radius:14px;overflow:hidden}.staff-day-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 13px;border-bottom:1px solid #edf2f5;color:inherit;text-decoration:none}.staff-day-row:last-child{border-bottom:0}.staff-day-row>div:first-child{min-width:0}.staff-day-row b{display:block;color:#17324d;font-size:14px}.staff-day-row>div:first-child span{display:block;margin-top:2px;color:#718394;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.staff-day-row-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.staff-day-row-right small{color:#7b8b99}.staff-day-empty{padding:18px;border:1px dashed #cad8e3;border-radius:14px;background:#fff;text-align:center;color:#7b8b99;font-size:13px}
@media(max-width:520px){.staff-day-result{margin-top:18px}.staff-day-result-head{align-items:flex-start}.staff-day-result-head h2{font-size:19px}.staff-day-kpis{grid-template-columns:1fr 1fr}.staff-day-kpis b{font-size:18px}.staff-day-row>div:first-child span{max-width:160px}}


/* CuuHo Delivery V2.8 - regional waiting queue */
.staff-queue-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 14px}.staff-queue-kpis>div{background:#fff;border:1px solid #dce6ef;border-radius:16px;padding:14px;text-align:center}.staff-queue-kpis b{display:block;font-size:24px;color:#17324d}.staff-queue-kpis span{display:block;font-size:12px;color:#6f8192;margin-top:4px}.staff-queue-kpis .urgent b{color:#c64234}.queue-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:12px}.queue-batchbar{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#173b63;color:#fff;border-radius:14px;padding:10px 12px;margin:10px 0 12px;box-shadow:0 8px 22px #17324d22}.queue-batchbar span{font-size:12px;opacity:.86}.queue-select{display:flex;align-items:center;gap:9px}.queue-select>input{width:20px;height:20px}.claim-priority{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.claim-priority.normal{background:#eef3f7;color:#526779}.claim-priority.priority{background:#fff5dc;color:#9a6500}.claim-priority.urgent{background:#ffe7df;color:#b9472c}.claim-priority.critical{background:#ffe0e0;color:#a91f2d;box-shadow:0 0 0 2px #ffd1d1 inset}.available-order.priority-critical{border-color:#ef9ba4}.available-order.priority-urgent{border-color:#f3baa8}.queue-time{display:inline-block;margin:5px 0;font-size:12px;font-weight:700;color:#4e667b}.queue-time.soon{color:#b96b00}.queue-time.late{color:#b3262f}.hidden-claim-form{display:none}.queue-staff-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5}.queue-staff-row:last-child{border-bottom:0}.queue-staff-row span{display:flex;flex-direction:column}.queue-staff-row small{color:#748697;margin-top:3px}.queue-inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.queue-inline select,.queue-inline input{min-width:110px;padding:7px;border:1px solid #d7e2ec;border-radius:8px}.self-release-card{margin-top:12px}.self-release-card summary{cursor:pointer;font-weight:800;color:#a53c35}
@media(max-width:700px){.staff-queue-kpis{grid-template-columns:repeat(3,1fr)}.queue-filter{grid-template-columns:1fr 1fr}.queue-filter .btn{grid-column:1/-1}.queue-batchbar{grid-template-columns:1fr auto}.queue-batchbar span{display:none}}


/* CuuHo Delivery V2.8.1 - Verdana typography normalization */
html,body,button,input,select,textarea,table,th,td,label,a,p,span,small,strong,b,h1,h2,h3,h4,h5,h6,summary,option{font-family:Verdana,Arial,sans-serif!important}
button,input,select,textarea{font-family:Verdana,Arial,sans-serif!important}
input::placeholder,textarea::placeholder{font-family:Verdana,Arial,sans-serif!important}
svg text{font-family:Verdana,Arial,sans-serif!important}
body{font-size:14px;line-height:1.55}
button,.btn,input,select,textarea{font-size:13px}
th,td{font-size:13px;line-height:1.45}
.side,.side a,.admin-nav-group,.admin-nav-group a{font-family:Verdana,Arial,sans-serif!important}
.mobiletop,.mobilemain,.staff-mobile-nav,.staff-mobile-nav a{font-family:Verdana,Arial,sans-serif!important}
/* Keep compact micro-labels readable with Verdana */
.badge,.eyebrow,.muted,small{letter-spacing:0}


/* CuuHo V2.9 - SLA & regional performance */
.sla-region-grid,.region-performance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.sla-region-card{border-top:4px solid #205f96}.sla-region-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sla-region-card h2,.region-performance-card h2{margin:0 0 8px}.sla-region-card form{margin-top:14px}.checkline{display:flex!important;align-items:center;gap:8px;margin:12px 0}.checkline input{width:auto!important}.sla-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;white-space:nowrap;background:#edf3f7;color:#365268}.sla-badge.good{background:#e6f6ed;color:#18734a}.sla-badge.soon{background:#fff3dc;color:#a15b00}.sla-badge.late{background:#ffe6e3;color:#b33b31}.sla-red{color:#b33b31}.sla-orange{color:#a15b00}.sla-mobile-line{margin:8px 0 2px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#5c7184;background:#f7fafc;border-radius:10px;padding:7px 9px}.region-performance-card{border-top:4px solid #173b63}.region-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.region-kpis>div{background:#f5f8fb;border:1px solid #e2e9ef;border-radius:11px;padding:12px}.region-kpis b{display:block;font-size:22px;color:#17324d}.region-kpis span{font-size:12px;color:#667b8e}.region-cod{margin:12px 0 0;padding-top:11px;border-top:1px solid #e8edf2;display:flex;justify-content:space-between;gap:12px}.region-cod strong{color:#a8550a}.tablewrap .sla-badge{font-size:11px}
@media(max-width:1100px){.sla-region-grid,.region-performance-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.sla-region-grid,.region-performance-grid{grid-template-columns:1fr}.sla-mobile-line{align-items:flex-start;flex-direction:column}.sla-mobile-line .sla-badge{align-self:flex-start}}


/* CuuHo Delivery V3.0 - electronic POD, signature & customer tracking */
.signature-field{margin:12px 0;padding:12px;border:1px solid #d6e1ea;border-radius:13px;background:#f8fbfd}.signature-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.signature-clear{border:0;background:transparent;color:#b13f37;font:700 12px Verdana,Arial,sans-serif;cursor:pointer}.signature-pad{display:block;width:100%;height:150px;background:#fff;border:1px dashed #aebdca;border-radius:10px;touch-action:none}.signature-field small{display:block;margin-top:7px;color:#718394}.pod-admin-card{display:grid;grid-template-columns:1fr auto;gap:10px 18px;align-items:center;border-left:4px solid #236ca0}.pod-admin-card h2{margin:2px 0 4px}.pod-admin-card>small{grid-column:1/-1;word-break:break-all;color:#718394}.pod-actions{display:flex;gap:8px;flex-wrap:wrap}.pod-signature-preview{grid-column:1/-1;display:flex;gap:12px;align-items:center;padding-top:10px;border-top:1px solid #e4eaef}.pod-signature-preview img{max-width:220px;max-height:85px;background:#fff;border:1px solid #dbe3e9;border-radius:8px}.pod-confirmed{grid-column:1/-1;background:#e9f7ef;color:#166d49;padding:9px 12px;border-radius:9px;font-weight:700}.track-body{margin:0;background:#eef3f7;color:#17324d;font-family:Verdana,Arial,sans-serif}.track-wrap{max-width:720px;margin:0 auto;padding:18px 14px 40px}.track-brand{display:flex;justify-content:space-between;align-items:center;padding:9px 2px 15px}.track-brand b{font-size:20px;color:#174f80}.track-brand span{font-size:12px;color:#718394}.track-hero,.track-card{background:#fff;border:1px solid #dce5ec;border-radius:16px;padding:17px;margin-bottom:12px;box-shadow:0 5px 18px rgba(23,50,77,.05)}.track-hero{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-top:4px solid #236ca0}.track-hero span:first-child{font-size:11px;color:#758797;font-weight:800}.track-hero h1{margin:3px 0 6px;font-size:25px}.track-hero p{margin:0;color:#718394}.track-card h2{margin:0 0 13px;font-size:18px}.track-info{display:grid;grid-template-columns:1fr 1fr;gap:10px}.track-info>div{background:#f5f8fa;border-radius:11px;padding:11px}.track-info span{display:block;font-size:11px;color:#748596;margin-bottom:4px}.track-info b{font-size:13px}.track-timeline>div{display:flex;gap:12px;position:relative;padding:0 0 16px}.track-timeline>div:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;width:2px;background:#d8e3eb}.track-timeline i{width:12px;height:12px;border-radius:50%;background:#2674aa;margin-top:3px;flex:0 0 auto;z-index:1}.track-timeline span{display:flex;flex-direction:column}.track-timeline small{color:#748596;margin-top:3px}.track-success{border-top:4px solid #25a36b}.track-signature{display:block;max-width:280px;max-height:110px;margin:12px 0;background:#fff;border:1px solid #d8e3eb;border-radius:8px}.track-feedback{margin-top:14px;border-top:1px solid #e7edf2;padding-top:14px}.track-feedback label{display:block;margin:9px 0;font-size:12px;font-weight:700}.track-feedback select,.track-feedback textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px}.track-confirmed{margin-top:12px;background:#e7f7ee;color:#166c49;padding:11px;border-radius:10px;font-weight:700}.qr-card{display:flex;gap:16px;align-items:center}.qr-card #trackQr{width:112px;height:112px;flex:0 0 112px}.qr-card p{margin:5px 0 0}.qr-card img,.qr-card canvas{max-width:112px!important;max-height:112px!important}
@media(max-width:600px){.pod-admin-card{grid-template-columns:1fr}.pod-actions{grid-column:1}.track-info{grid-template-columns:1fr 1fr}.qr-card{align-items:flex-start}.signature-pad{height:135px}}

/* V3.1D - flexible leave adjustment */
.leave-adjust{margin-top:8px}.leave-adjust summary{cursor:pointer;font-weight:700;color:#205f96;margin-bottom:8px}.leave-adjust form{display:grid;gap:8px;min-width:360px}.leave-adjust-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.leave-adjust-grid label{font-size:12px;font-weight:700}.leave-adjust-grid input{width:100%;margin-top:4px}@media(max-width:760px){.leave-adjust form{min-width:0}.leave-adjust-grid{grid-template-columns:1fr}}


/* V3.1D.3 - Region colors + AJAX order filters */
.region-summary{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 12px}.region-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-weight:700;font-size:13px;transition:.15s}.region-chip b{min-width:24px;text-align:center;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.72)}.region-chip.all{background:#eef2f6;color:#34465a;border-color:#d8e0e8}.region-chip.unassigned{background:#fff3dc;color:#8a5700;border-color:#ffd992}.region-chip.hanoi{background:#e8f2ff;color:#0c5aa6;border-color:#bdd9ff}.region-chip.danang{background:#e8f8ef;color:#167346;border-color:#bce8cd}.region-chip.hcm{background:#f4ebff;color:#6a33a1;border-color:#ddc6ff}.region-chip.active{box-shadow:0 0 0 2px #0f5b99 inset,0 2px 7px rgba(15,91,153,.14)}
.region-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.region-pill.unassigned{background:#fff3dc;color:#8a5700}.region-pill.hanoi{background:#e8f2ff;color:#0c5aa6}.region-pill.danang{background:#e8f8ef;color:#167346}.region-pill.hcm{background:#f4ebff;color:#6a33a1}.order-region-row.hanoi td:first-child{box-shadow:inset 4px 0 #5aa2ed}.order-region-row.danang td:first-child{box-shadow:inset 4px 0 #4bb67a}.order-region-row.hcm td:first-child{box-shadow:inset 4px 0 #9c6ade}.order-region-row.unassigned td:first-child{box-shadow:inset 4px 0 #e6a83c}.orders-filters{position:relative}.ajax-status{font-size:12px;color:#6d7d8e;min-width:70px}.ajax-loading{opacity:.68;pointer-events:none;transition:opacity .15s}.row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.bulkbar{flex-wrap:wrap}.bulkbar .danger{margin-left:auto}
@media(max-width:900px){.region-summary{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.region-chip{flex:0 0 auto}.bulkbar .danger{margin-left:0}.row-actions{flex-direction:column;align-items:stretch}}


/* V3.1D.4 - region colors, quick address, protected trash */
.region-cell{font-weight:700;border-left:5px solid transparent!important;background-clip:padding-box!important}
.region-cell.hanoi{background:#e5f1ff!important;color:#07569f!important;border-left-color:#4a98e6!important}
.region-cell.danang{background:#e3f7eb!important;color:#116b3d!important;border-left-color:#45ad70!important}
.region-cell.hcm{background:#f1e7ff!important;color:#642b98!important;border-left-color:#9563cf!important}
.region-cell.unassigned{background:#fff0d0!important;color:#895400!important;border-left-color:#e4a22c!important}
.region-cell .region-pill{background:rgba(255,255,255,.72)!important;color:inherit!important;border:1px solid currentColor!important;box-shadow:0 1px 2px rgba(20,40,60,.06)}
.order-region-row.hanoi:hover .region-cell{background:#d9ebff!important}.order-region-row.danang:hover .region-cell{background:#d8f2e3!important}.order-region-row.hcm:hover .region-cell{background:#e9dcfb!important}.order-region-row.unassigned:hover .region-cell{background:#ffe8b8!important}
.quick-address-dialog{width:min(620px,calc(100vw - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 24px 70px rgba(7,28,48,.28);color:#102f49}
.quick-address-dialog::backdrop{background:rgba(7,24,40,.52)}
.quick-address-form{padding:20px;display:grid;gap:14px}.quick-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.quick-dialog-head b{font-size:19px}.quick-dialog-head small{display:block;color:#718396;margin-top:4px}.dialog-close{border:0;background:#eef3f7;border-radius:10px;width:36px;height:36px;font-size:25px;cursor:pointer;color:#38536b}.quick-address-form label{display:grid;gap:7px;font-weight:700}.quick-address-form textarea,.quick-address-form select,.quick-address-form input{width:100%;border:1px solid #cfdae4;border-radius:10px;padding:11px;font:inherit}.quick-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.back{display:inline-flex;margin-bottom:14px;font-weight:700;color:#0d5c9e;text-decoration:none}.back:hover{text-decoration:underline}
.row-actions form{display:inline-flex;margin:0}.row-actions .quick-address-btn{min-width:128px}
@media(max-width:800px){.quick-dialog-actions{flex-direction:column-reverse}.quick-dialog-actions .btn{width:100%}.region-cell{min-width:115px}}
/* V3.1D.5 - region keyword mapping */
.region-keyword-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}.region-keyword-card{border:1px solid #d8e2ec;border-radius:12px;padding:14px;background:#fbfdff}.region-keyword-card textarea{width:100%;min-height:120px;margin-top:8px;resize:vertical;font-family:Verdana,Arial,sans-serif}.region-keyword-card .btn{margin-top:8px}@media(max-width:900px){.region-keyword-grid{grid-template-columns:1fr}}

/* V3.1D.6 - compact region keyword mapping + resync */
.region-keyword-panel .headrow{align-items:flex-start}.region-resync-form{margin:0;flex:0 0 auto}.region-keyword-list{display:grid;gap:10px;margin-top:14px}.region-keyword-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #dbe4ec;border-radius:12px;background:#fbfdff}.region-keyword-row label{margin:0}.region-keyword-row input[type=text]{width:100%;min-width:0;border:1px solid #cdd9e4;border-radius:9px;padding:10px 12px;font:inherit;background:#fff}.region-keyword-note{margin-top:12px;padding:11px 13px;border-radius:10px;background:#f2f7fb;color:#526a7e;font-size:12px;line-height:1.55}.region-keyword-note b{color:#173b63}@media(max-width:760px){.region-keyword-panel .headrow{display:grid;gap:10px}.region-resync-form .btn{width:100%}.region-keyword-row{grid-template-columns:1fr}.region-keyword-row .btn{width:100%}}

/* V3.1D.8 - Region keyword editor: wrap long text and allow manual height resize */
.region-keyword-row{align-items:start}
.region-keyword-row .region-keywords-input{width:100%;min-width:0;min-height:48px;max-height:320px;border:1px solid #cdd9e4;border-radius:9px;padding:10px 12px;font:inherit;line-height:1.55;background:#fff;resize:vertical;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box}
.region-keyword-row .region-keywords-input:focus{outline:0;border-color:#4b8fd8;box-shadow:0 0 0 3px rgba(75,143,216,.12)}
@media(max-width:760px){.region-keyword-row .region-keywords-input{min-height:72px;max-height:360px}}

/* V3.1D.9 - status tabs + compact filters */
.status-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.status-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;text-decoration:none;font-size:12px;font-weight:700;border:1px solid #dce4ec;background:#f7f9fb;color:#34465a;transition:.15s}.status-chip b{min-width:22px;text-align:center;padding:2px 6px;border-radius:999px;background:rgba(255,255,255,.82)}.status-chip.all{background:#eef2f6}.status-chip.pending{background:#fff3d7;color:#8a5900;border-color:#ffe0a1}.status-chip.assigned{background:#e8f2ff;color:#0c5aa6;border-color:#bfdcff}.status-chip.delivering{background:#e7f8f5;color:#087564;border-color:#b7e7dd}.status-chip.rescheduled{background:#fff0e5;color:#a34b0c;border-color:#ffd0ad}.status-chip.delivered{background:#e9f8ed;color:#1c7436;border-color:#bee7c8}.status-chip.failed,.status-chip.returned{background:#fdeced;color:#a12f35;border-color:#f4c2c5}.status-chip.active{box-shadow:0 0 0 2px #0f5b99 inset,0 2px 7px rgba(15,91,153,.14)}.orders-filters.compact{grid-template-columns:minmax(260px,1fr) 170px auto auto}.orders-filters.compact input[name=q]{min-width:0}.orders-filters.compact input[type=date]{min-width:150px}@media(max-width:900px){.status-summary{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.status-chip{flex:0 0 auto}.orders-filters.compact{grid-template-columns:1fr}.orders-filters.compact input[type=date]{width:100%}}
/* V3.1D.10 - RBAC UX */
.rbac-page-head{align-items:center;margin-bottom:14px}.rbac-coverage{display:flex;align-items:center;gap:8px;background:#eaf4ff;border:1px solid #b9d8fb;border-radius:12px;padding:10px 14px;color:#0b568f}.rbac-coverage b{font-size:22px}.rbac-coverage span{font-size:12px;font-weight:700}.rbac-main-tabs{display:flex;gap:8px;margin:0 0 14px;padding:5px;background:#e9eef4;border-radius:12px;width:max-content;max-width:100%}.rbac-main-tabs button{border:0;background:transparent;padding:10px 16px;border-radius:9px;font-weight:800;color:#506274;cursor:pointer}.rbac-main-tabs button.active{background:#fff;color:#0b568f;box-shadow:0 1px 4px #00000018}.rbac-main-tabs button span{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:99px;background:#dce7f3;font-size:11px;margin-left:5px}.rbac-main-panel{display:none}.rbac-main-panel.active{display:block}.rbac-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.rbac-card-title h2,.rbac-role-head h3{margin:0}.rbac-card-title p,.rbac-role-head p{margin:5px 0 0}.rbac-role-meta{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-bottom:14px}.rbac-perm-tabs{border:1px solid #dce5ee;border-radius:12px;overflow:hidden;background:#fff}.rbac-tab-nav{display:flex;overflow-x:auto;background:#f5f8fb;border-bottom:1px solid #dce5ee;scrollbar-width:thin}.rbac-tab-btn{flex:0 0 auto;border:0;border-right:1px solid #e3eaf1;background:transparent;padding:11px 13px;font-weight:800;color:#526273;cursor:pointer;display:flex;align-items:center;gap:6px}.rbac-tab-btn.active{background:#0b568f;color:#fff}.rbac-tab-btn em{font-style:normal;font-size:10px;border-radius:99px;padding:2px 6px;background:#dce8f4;color:#456}.rbac-tab-btn.active em{background:#ffffff2a;color:#fff}.rbac-tab-panel{display:none;padding:14px}.rbac-tab-panel.active{display:block}.rbac-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.rbac-panel-head b{display:block;font-size:16px}.rbac-panel-head small{display:block;color:#718094;margin-top:2px}.rbac-select-all{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;white-space:nowrap}.rbac-select-all input{width:auto;margin:0}.rbac-perm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rbac-perm-item{display:flex;gap:9px;align-items:flex-start;border:1px solid #e1e8ef;border-radius:10px;padding:10px;background:#fbfdff;cursor:pointer}.rbac-perm-item:hover{border-color:#a7c8e6;background:#f2f8fd}.rbac-perm-item input{width:auto;margin:3px 0 0}.rbac-perm-item span{min-width:0}.rbac-perm-item b{display:block;font-size:13px}.rbac-perm-item small{display:block;color:#8794a3;font-size:10px;margin-top:2px;word-break:break-all}.rbac-actions{display:flex;justify-content:flex-end;margin-top:12px}.rbac-role-cards{gap:16px}.rbac-role-card{padding:0;overflow:hidden}.rbac-role-head{display:flex;justify-content:space-between;gap:16px;padding:16px;background:#f8fafc;border-bottom:1px solid #e3e9ef}.rbac-role-stats{display:flex;gap:8px;margin-top:8px}.rbac-role-stats span{font-size:11px;background:#eaf1f7;border-radius:99px;padding:4px 8px;color:#526273}.rbac-role-card .rbac-perm-tabs{border:0;border-radius:0}.rbac-role-card .rbac-actions{padding:0 14px 14px}.rbac-account-grid{align-items:start}.rbac-account-grid>.card{margin:0}
@media(max-width:900px){.rbac-role-meta,.rbac-account-grid{grid-template-columns:1fr}.rbac-perm-list{grid-template-columns:1fr}.rbac-page-head{align-items:flex-start}.rbac-coverage{display:none}}@media(max-width:620px){.rbac-main-tabs{width:100%}.rbac-main-tabs button{flex:1;padding:9px 8px;font-size:12px}.rbac-panel-head{align-items:flex-start;flex-direction:column}.rbac-tab-btn{padding:10px;font-size:11px}.rbac-role-head{flex-direction:column}.rbac-role-head form{align-self:flex-end}}

/* V3.1D.11 - RBAC tabs + regional account scope */
.rbac-main-tabs{position:sticky;top:62px;z-index:8}
.rbac-main-tabs button{font-family:Verdana,Arial,sans-serif}
.rbac-tab-nav{min-height:45px}
.rbac-tab-panel:not(.active),.rbac-main-panel:not(.active){display:none!important}
.rbac-tab-panel.active,.rbac-main-panel.active{display:block!important}
.rbac-account-grid{grid-template-columns:minmax(320px,.8fr) minmax(620px,1.7fr)}
.scope-check{display:flex!important;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid #dce5ee;border-radius:10px;background:#f7fbff;font-size:12px;line-height:1.5}
.scope-check input,.mini-check input{width:auto!important;min-width:16px;margin:2px 0 0!important}
.scope-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#e7f2ff;color:#0b568f;font-weight:700;font-size:11px}
.scope-pill.all{background:#eef1f4;color:#526273}.scope-extra{display:block;margin-top:4px;color:#a86600;font-weight:700}
.rbac-account-edit{display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(135px,1fr) minmax(135px,1fr) 105px auto;gap:6px;align-items:center;min-width:650px}
.rbac-account-edit select{min-width:0}.mini-check{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;white-space:nowrap;margin:0}
.rbac-perm-tabs{box-shadow:0 1px 2px #102a4310}.rbac-tab-btn{min-height:44px}.rbac-tab-btn.active{box-shadow:inset 0 -2px 0 #fff}
.rbac-perm-item input:checked+span b{color:#0b568f}.rbac-perm-item:has(input:checked){border-color:#9ac6eb;background:#eef7ff}
@media(max-width:1200px){.rbac-account-grid{grid-template-columns:1fr}.rbac-account-edit{min-width:600px}}
@media(max-width:700px){.rbac-main-tabs{top:54px}.rbac-account-edit{grid-template-columns:1fr;min-width:260px}.scope-check{font-size:11px}}

/* V3.1D.12 - robust multi-photo proof upload */
.proof-pick-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.camera-pick.secondary span{background:#fff;border-style:solid;color:#315a78}.proof-pending-preview{display:flex;gap:8px;overflow-x:auto;padding:2px 0}.proof-thumb{position:relative;flex:none}.proof-thumb img{width:78px;height:78px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.proof-thumb-remove{position:absolute;right:-5px;top:-5px;width:24px;height:24px;border-radius:50%;border:0;background:#c9343b;color:#fff;font-size:18px;line-height:24px;padding:0}.proof-upload-progress{margin:10px 0}.proof-upload-progress>div{height:8px;border-radius:99px;background:#e6edf3;overflow:hidden}.proof-upload-progress i{display:block;height:100%;width:0;background:var(--blue);transition:width .2s}.proof-upload-progress span{display:block;margin-top:6px;font-size:12px;color:#617989}@media(max-width:520px){.proof-pick-actions{grid-template-columns:1fr}.camera-pick span{padding:15px}.proof-thumb img{width:72px;height:72px}}
/* V3.1D.15 - staff visibility/filter in order list */
.orders-filters.compact{grid-template-columns:minmax(260px,1fr) minmax(210px,280px) 170px auto auto}
.staff-cell{min-width:150px}.staff-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;background:#edf5ff;color:#0d5a9c;border:1px solid #c6def5;font-size:12px;font-weight:700;white-space:nowrap}.staff-source{display:block;margin-top:4px;font-size:11px}.staff-source.self{color:#147a48}.staff-source.assigned{color:#6c7b8b}
@media(max-width:900px){.orders-filters.compact{grid-template-columns:1fr}.orders-filters.compact select[name=staff]{width:100%}.staff-cell{min-width:130px}}

/* V3.1D.18 - compact delivery detail + safe reassignment + inline photo lightbox */
.delivery-admin-grid{align-items:start}.delivery-info-card,.assignment-card{padding:14px 16px}.delivery-info-card h2,.assignment-card h2{margin:0 0 10px}.delivery-info-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}.delivery-info-compact>div{min-width:0;padding:7px 0;border-bottom:1px solid #eef2f5}.delivery-info-compact>div.wide{grid-column:span 3}.delivery-info-compact span{display:block;font-size:11px;color:#718394;margin-bottom:3px}.delivery-info-compact b{display:block;font-size:13px;line-height:1.45;word-break:break-word}.compact-head{margin-bottom:6px}.compact-head h2{margin:0}.btn.small{padding:7px 10px;font-size:12px}.assignment-current{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f4f8fb;border:1px solid #e0e8ee;border-radius:10px;margin:8px 0}.assignment-current span{font-size:12px;color:#718394}.assignment-edit-form.is-hidden{display:none}.assignment-edit-form{margin-top:10px;padding-top:10px;border-top:1px solid #e6edf2}.pod-admin-card>small a{color:#236ca0;text-decoration:none}.pod-admin-card>small a:hover{text-decoration:underline}
.photo-lightbox-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.photo-lightbox-trigger img{display:block;width:100%;height:145px;object-fit:cover}.admin-photo-grid .photo-lightbox-trigger img{height:170px}.photo-lightbox[hidden]{display:none}.photo-lightbox{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px}.photo-lightbox-backdrop{position:absolute;inset:0;background:rgba(8,20,34,.84)}.photo-lightbox-dialog{position:relative;z-index:1;max-width:min(1100px,94vw);max-height:92vh;display:flex;align-items:center;justify-content:center}.photo-lightbox-dialog img{display:block;max-width:94vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.35);background:#fff}.photo-lightbox-close{position:absolute;right:-14px;top:-14px;width:42px;height:42px;border-radius:50%;border:2px solid #fff;background:#173b63;color:#fff;font-size:28px;line-height:34px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3)}body.lightbox-open{overflow:hidden}
@media(max-width:760px){.delivery-info-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-info-compact>div.wide{grid-column:span 2}.delivery-admin-grid{grid-template-columns:1fr}.photo-lightbox{padding:12px}.photo-lightbox-close{right:0;top:-48px}}
/* V3.1D.19 - customer quick edit */
.customer-quick-edit{position:relative}.customer-quick-edit>summary{list-style:none;cursor:pointer;white-space:nowrap}.customer-quick-edit>summary::-webkit-details-marker{display:none}.customer-quick-form{position:absolute;right:0;z-index:40;width:min(520px,82vw);background:#fff;border:1px solid #ccd8e5;border-radius:12px;padding:14px;box-shadow:0 12px 34px rgba(15,45,75,.18);display:grid;gap:10px}.customer-quick-form label{display:grid;gap:5px;font-weight:700}.customer-quick-form input{width:100%;box-sizing:border-box}.customer-quick-form .checkline{display:flex;align-items:center;gap:8px;font-weight:500}.customer-quick-form .checkline input{width:auto}
@media(max-width:700px){.customer-quick-form{position:fixed;left:12px;right:12px;top:18vh;width:auto;max-height:68vh;overflow:auto}}
.branch-print-row{border-top:1px solid #e3e9ef;padding:14px 0}.branch-print-grid{display:grid;grid-template-columns:1fr 1fr .8fr 1fr;gap:10px;align-items:end}.branch-print-grid .wide{grid-column:span 2}.print-ticket-options{max-width:900px}.print-no-price{padding:14px;border:1px solid #f2cf83;background:#fff9e9;border-radius:12px}.print-no-price small{display:block;color:#75674f;margin-top:3px}.print-option-preview{padding:14px;background:#f7fafc;border-radius:12px;line-height:1.7}@media(max-width:900px){.branch-print-grid{grid-template-columns:1fr}.branch-print-grid .wide{grid-column:auto}}