@font-face{font-family:AlJazeera;src:local('Al Jazeera Arabic'),local('AlJazeera')}*{box-sizing:border-box}:root{--rento:#7F1E61;--rento-mid:#A31680;--rento-light:#B024B6;--orange:#EC612B;--orange-mid:#F7A400;--ink:#111827;--muted:#6B7280;--line:#E5E7EB;--soft:#F9FAFB;--soft2:#F3F4F6;--white:#fff;--success:#16703b;--danger:#a12020}body{margin:0;font-family:AlJazeera,Tahoma,Arial,sans-serif;background:var(--soft);color:var(--ink)}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.login-page{background:linear-gradient(135deg,#7F1E61 0%,#A31680 46%,#EC612B 100%)}.card,.drawer{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 4px 18px #1118270d}.center .card{width:min(430px,100%)}.login-card{text-align:right}.login-logo{display:block;width:180px;max-height:70px;object-fit:contain;margin:0 auto 18px}.login-card h1{text-align:center;margin:8px 0}.login-card>p{text-align:center}h1,h2,h3{color:var(--rento);margin-top:0}label{display:block;margin:10px 0}input,select,button,textarea{font:inherit}input,select,textarea{width:100%;padding:11px;border:1px solid #D1D5DB;border-radius:10px;margin-top:6px;min-height:44px;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid #D18CBC55;border-color:var(--rento-mid)}button{border:0;border-radius:10px;padding:10px 16px;min-height:44px;background:var(--rento);color:#fff;cursor:pointer;font-weight:700}button:hover{filter:brightness(.97)}button.secondary{background:#F3EEE8;color:var(--rento)}button.danger{background:var(--danger)}.small{padding:6px 10px;min-height:36px}.error{color:var(--danger);margin-top:10px}.success{color:var(--success);margin-top:10px}.loading,.empty{padding:28px;text-align:center;color:var(--muted)}.topbar{height:70px;background:var(--rento);color:#fff;display:flex;align-items:center;gap:14px;padding:0 18px;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #11182720}.brand-logo{width:116px;height:44px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.topbar-title{display:flex;flex-direction:column;line-height:1.25}.topbar-title small{opacity:.82}.icon-btn{background:#ffffff1a;width:44px;padding:0}.logout-btn{margin-inline-start:auto;background:#fff;color:var(--rento)}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 70px);transition:.2s}.layout.nav-collapsed{grid-template-columns:76px minmax(0,1fr)}nav{background:#fff;border-inline-end:1px solid var(--line);padding:12px;overflow:auto;position:sticky;top:70px;height:calc(100vh - 70px)}.nav-group{border-bottom:1px solid var(--line);padding:7px 0}.nav-group:last-child{border:0}.nav-group-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;color:#374151;padding:8px 10px;min-height:38px;font-size:13px}.nav-items button{display:block;width:100%;text-align:right;background:transparent;color:#374151;margin:2px 0;padding:9px 12px;min-height:40px;font-weight:500}.nav-items button:hover,.nav-items button.active{background:#F3EEE8;color:var(--rento);font-weight:700}.nav-collapsed .nav-group-title span,.nav-collapsed .nav-items{display:none}.nav-collapsed nav{padding-inline:8px}main{padding:22px;min-width:0;max-width:1600px;width:100%;margin:0 auto}.hero{margin-bottom:14px;display:flex;align-items:flex-start;gap:16px}.hero h2{margin-bottom:3px}.hero p{margin:0;color:var(--muted)}.workspace{min-height:240px}.toolbar,.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0}.cards .card{box-shadow:none}.cards .card b{font-size:24px;color:var(--rento);display:block}.cards .card small{color:var(--muted)}.tablewrap{overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{background:var(--soft2);position:sticky;top:0;color:#374151}.muted{color:var(--muted)}.drawer{margin-top:18px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.formgrid .actions,.formgrid #formMsg{grid-column:1/-1}.check{display:flex;gap:8px;align-items:center}.check input,.permgrid input{width:auto;min-height:auto}.permgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permgrid label{border:1px solid var(--line);padding:8px;border-radius:8px}.permgrid select{width:auto;margin-inline-start:8px}.detailgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.detailgrid>div{background:var(--soft);border:1px solid var(--line);padding:12px;border-radius:10px}pre{direction:ltr;text-align:left;overflow:auto;background:var(--soft2);padding:12px;border-radius:8px;max-height:320px}#globalOpsSearch{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-inline-start:auto;max-width:760px;position:relative}#globalOpsSearch input{min-width:390px;margin:0}#globalOpsResults{width:100%;display:grid;gap:5px;position:absolute;top:50px;background:#fff;padding:8px;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #11182720;z-index:30}#globalOpsResults:empty{display:none}#globalOpsResults button{text-align:right}.page-form{max-width:980px;margin:auto}.page-form .formgrid{padding-top:8px}.page-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:14px}.inbox{display:grid;grid-template-columns:minmax(240px,30%) 1fr minmax(220px,28%);gap:12px}.convlist,.thread,.context{border:1px solid var(--line);border-radius:10px;padding:12px;min-height:60vh}.convitem{display:block;width:100%;text-align:right;margin:6px 0}.msg{padding:9px;margin:7px;border-radius:10px;background:#f2f2f2}.msg.out{margin-right:15%;background:#e8f4ed}.inboxfilters{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:980px){.layout{grid-template-columns:220px minmax(0,1fr)}.formgrid,.permgrid{grid-template-columns:1fr}}@media(max-width:760px){.topbar{padding:0 10px}.topbar-title small{display:none}.brand-logo{width:90px}.layout,.layout.nav-collapsed{grid-template-columns:1fr}nav{display:none;position:fixed;top:70px;right:0;width:min(300px,86vw);height:calc(100vh - 70px);z-index:19;box-shadow:-8px 0 25px #11182720}.layout.mobile-nav-open nav{display:block}.nav-collapsed .nav-group-title span,.nav-collapsed .nav-items{display:block}main{padding:12px}.card,.drawer{padding:14px;border-radius:12px}.formgrid,.detailgrid{grid-template-columns:1fr}table{min-width:680px}.toolbar button,.actions button{flex:1;min-width:120px}#globalOpsSearch{width:100%;max-width:none}#globalOpsSearch input{min-width:0;flex:1}.hero{display:block}}
/* NEXT PHASE: role workspaces */
.workspace-home{display:grid;gap:16px}.ops-section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.ops-section .section-title{margin-bottom:12px}.ops-section .section-title span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:999px;background:#f3eee8;color:var(--rento);font-weight:800}.metric-card{color:var(--ink);text-align:right;background:#fff}.metric-card:hover{border-color:var(--rento-mid)}.state-chip{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf7f0;color:#166534;font-weight:700}.state-chip.risk{background:#fff7df;color:#92400e}.state-chip.late{background:#feecec;color:#991b1b}.notice{padding:13px 16px;border-radius:12px;background:#fff7df;border-inline-start:4px solid var(--orange-mid);color:#713f12}.operational-table table{min-width:860px}
/* Control tower */
.control-center{display:grid;gap:16px}.exception-list{display:grid;gap:12px}.exception-card{background:#fff;border:1px solid var(--line);border-inline-start:5px solid #9ca3af;border-radius:14px;padding:16px}.exception-card.severity-critical{border-inline-start-color:#b91c1c}.exception-card.severity-high{border-inline-start-color:var(--orange-mid)}.exception-head{display:flex;gap:10px;align-items:center}.exception-head span,.exception-head small{padding:4px 9px;border-radius:999px;background:var(--soft2)}.exception-head small{margin-inline-start:auto}.exception-card h3{margin:12px 0 6px}.exception-card p{color:var(--muted)}
/* Driver mobile workspace */
.layout.driver-mode{grid-template-columns:1fr}.driver-mode nav{display:none}.driver-mode main{max-width:620px}.driver-app{display:grid;gap:16px}.driver-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.driver-summary>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center}.driver-summary b{display:block;color:var(--rento);font-size:28px}.driver-summary span{color:var(--muted)}.driver-task{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 24px #1118270a}.driver-task.next{border:2px solid var(--rento-mid)}.driver-task-head{display:flex;align-items:center;justify-content:space-between}.driver-task-head span{background:#f3eee8;color:var(--rento);padding:5px 10px;border-radius:999px}.driver-route{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:18px 0}.driver-route>div,.driver-vehicle{background:var(--soft);border-radius:12px;padding:12px}.driver-route small,.driver-vehicle small,.driver-timer small{display:block;color:var(--muted)}.driver-route i{color:var(--orange);font-size:24px}.driver-timer{display:grid;place-items:center;padding:16px;margin:14px 0;border-radius:14px;background:#24101f;color:#fff}.driver-timer b{font-size:36px;direction:ltr}.driver-timer span{color:#f2d8eb}.driver-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.driver-actions>*{display:grid;place-items:center;min-height:52px}.map-action{background:#f3eee8;color:var(--rento);text-decoration:none;border-radius:10px;font-weight:800}.driver-truth{text-align:center}@media(max-width:600px){.driver-mode .hero{display:none}.driver-mode main{padding:8px}.driver-task{padding:14px}.driver-actions{grid-template-columns:1fr}.driver-timer b{font-size:32px}}
/* UX2 Booking 360 */
.booking360{display:grid;gap:18px}.b360-head{display:flex;align-items:center;gap:28px;padding:22px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.b360-head>div{min-width:180px}.b360-head small,.b360-grid small{display:block;color:#6b7280;margin-bottom:5px}.b360-head h2{margin:0;color:#7f1e61;font-size:22px}.pending-text{color:#9ca3af!important}.status-pill{margin-inline-start:auto;background:#f3eee8;color:#7f1e61;padding:8px 14px;border-radius:999px;font-weight:700}.b360-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.b360-grid>div{display:flex;flex-direction:column;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-height:92px}.b360-grid b{color:#1f2937;margin-bottom:6px}.b360-grid span{color:#6b7280;font-size:13px}.b360-sla{display:flex;gap:14px;align-items:center;padding:12px 16px;border-radius:12px;background:#f9fafb;border-inline-start:4px solid #f7a400}.b360-sla small{color:#6b7280}.b360-timeline{display:flex;overflow:auto;padding:18px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:14px}.timeline-step{min-width:115px;display:flex;flex-direction:column;align-items:center;position:relative;color:#9ca3af;font-size:12px}.timeline-step:before{content:'';position:absolute;top:8px;right:-50%;width:100%;height:2px;background:#e5e7eb}.timeline-step:first-child:before{display:none}.timeline-step i{width:18px;height:18px;border-radius:50%;background:#e5e7eb;z-index:1;margin-bottom:8px}.timeline-step.done i,.timeline-step.current i{background:#a31680}.timeline-step.done:before,.timeline-step.current:before{background:#d18cbc}.timeline-step.current{color:#7f1e61;font-weight:800}.b360-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #e5e7eb}.b360-tabs button{background:transparent;color:#4b5563;border-radius:0;border-bottom:3px solid transparent;white-space:nowrap}.b360-tabs button.active{color:#7f1e61;border-bottom-color:#7f1e61}.b360-actions{display:flex;gap:8px;flex-wrap:wrap}.b360-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h3{margin:0 0 14px}.section-title span{color:#6b7280}.vehicle-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vehicle-card{display:flex;flex-direction:column;align-items:flex-start;text-align:right;background:#f9fafb;color:#1f2937;border:1px solid #e5e7eb}.vehicle-card:hover{border-color:#a31680;background:#fff}.vehicle-card span,.vehicle-card small{font-weight:400;color:#6b7280;margin-top:4px}.history-list{display:grid;gap:8px}.history-list>div{display:grid;grid-template-columns:1fr 1fr 2fr;gap:12px;padding:10px;border-bottom:1px solid #f3f4f6}.history-list span,.history-list small{color:#6b7280}@media(max-width:900px){.b360-grid{grid-template-columns:1fr 1fr}.vehicle-cards{grid-template-columns:1fr 1fr}.b360-head{align-items:flex-start;flex-wrap:wrap}.status-pill{margin-inline-start:0}}@media(max-width:600px){.b360-grid,.vehicle-cards{grid-template-columns:1fr}.b360-head>div{min-width:0;flex:1}.history-list>div{grid-template-columns:1fr}.b360-actions button{flex:1 1 45%}}