:root{--navy:#1F2A44;--gold:#B8892B;--bg:#F4F6FA;--card:#fff;--line:#DDE2EC;--txt:#1b2333;--mut:#667089;--ok:#C6EFCE;--warn:#FFE699;--bad:#F8CBAD;--info:#BDD7EE}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--txt);font-size:14px}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.login{max-width:360px;margin:12vh auto;background:var(--card);padding:28px;border-radius:14px;box-shadow:0 8px 30px rgba(31,42,68,.12)}
.login h1{margin:0 0 4px;color:var(--ink);font-size:22px}.login p{margin:0 0 18px;color:var(--mut)}
.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-weight:600;font-size:13px}
input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--surf);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}
input[readonly],input:disabled,select:disabled{background:#f1f3f8;color:var(--mut)}
.btn{background:var(--navy);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-weight:600}
.btn:hover{background:#2c3a5e}.btn.gold{background:var(--accent)}.btn.ghost{background:var(--surf);color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#b3261e}.btn.sm{padding:4px 9px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}
.err{color:#b3261e;font-size:13px;min-height:18px}
.shell{display:flex;min-height:100vh}
.side{width:230px;background:var(--navy);color:#fff;padding:14px 0;position:sticky;top:0;height:100vh;overflow:auto;flex-shrink:0}
.side .brand{padding:6px 16px 14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:8px;line-height:1.5}
.side .brand small{display:block;color:#cdd5e6;font-weight:400;font-size:12px}
.side a{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;color:#dbe2f2;text-decoration:none;border-right:3px solid transparent}
.side a:hover{background:rgba(255,255,255,.07)}.side a.on{background:rgba(255,255,255,.12);border-right-color:var(--accent);color:#fff;font-weight:700}
.side .sep{margin:10px 16px 4px;font-size:11px;color:#9aa6c3}
.side .pill{background:var(--accent);color:#fff;border-radius:10px;padding:0 7px;font-size:11px}
.side .user{padding:12px 16px;border-top:1px solid rgba(255,255,255,.12);margin-top:12px;font-size:12px;color:#cdd5e6}
.side .user button{margin-top:6px}
.main{flex:1;min-width:0;padding:18px 22px}
.head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.head h2{margin:0;color:var(--ink);font-size:20px}.head .sp{flex:1}
.bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.bar input[type=search]{max-width:260px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:var(--surf);border-radius:16px;padding:3px 11px;font-size:12px}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.chip small{opacity:.7;margin-right:4px}
.chip.grp{border-style:dashed}.chip.grp.on{background:var(--accent);border-color:var(--accent);border-style:solid}
.tbl{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:calc(100vh - 230px)}
table{border-collapse:separate;border-spacing:0;width:100%}
th,td{padding:6px 9px;border-bottom:1px solid var(--line);white-space:nowrap;text-align:right;font-size:13px}
thead th{position:sticky;top:0;background:var(--navy);color:#fff;z-index:2;cursor:pointer;font-weight:600}
thead tr.f th{top:33px;background:#eef1f8;padding:3px 4px;cursor:default}
thead tr.f input,thead tr.f select{padding:3px 5px;font-size:12px;min-width:70px}
tbody tr:hover{background:#f6f8fd;cursor:pointer}
tfoot td{position:sticky;bottom:0;background:#fff7e0;font-weight:700}
td.num{text-align:left;direction:ltr;font-variant-numeric:tabular-nums}
.badge{display:inline-block;padding:1px 9px;border-radius:10px;font-size:12px;background:#eee}
.muted{color:var(--mut)}
.pager{display:flex;gap:8px;align-items:center;margin-top:8px;color:var(--mut)}
.overlay{position:fixed;inset:0;background:rgba(15,22,40,.5);display:flex;align-items:flex-start;justify-content:center;padding:4vh 12px;z-index:50;overflow:auto}
.modal{background:var(--surf);border-radius:14px;width:min(900px,100%);padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.modal h3{margin:0 0 14px;color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px 14px}
.grid .full{grid-column:1/-1}
.info{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 14px;background:#f6f8fd;border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0}
.info div span{display:block;font-size:11px;color:var(--mut)}
.actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
.card .n{font-size:24px;font-weight:700;color:var(--ink)}.card .l{color:var(--mut);font-size:12px}
.card.warn .n{color:#b3261e}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;overflow:auto}
.panel h4{margin:0 0 10px;color:var(--ink)}
.bars div{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:13px}.bars .b{height:10px;background:var(--accent);border-radius:5px;min-width:2px}.bars .t{width:130px;flex-shrink:0}
.mini td,.mini th{padding:4px 6px;font-size:12px}
.mini th{background:#eef1f8;color:var(--txt);position:static;cursor:default}
#toast{position:fixed;bottom:72px;left:18px;display:flex;flex-direction:column;gap:8px;z-index:99}
#toast div{background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.25)}#toast div.e{background:#b3261e}
.stm-head{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px}
.printonly{display:none}
@media (max-width:820px){.shell{flex-direction:column}.main{padding:12px}
.shell .mtop{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;padding:8px 12px;position:sticky;top:0;z-index:30}
.side{position:fixed;top:0;bottom:0;right:0;width:min(280px,84vw);height:auto;z-index:45;transform:translateX(105%);transition:transform .2s ease;box-shadow:-8px 0 30px rgba(0,0,0,.3)}
.shell.open .side{transform:none}.shell.open .mshade{display:block}}
@media print{.side,.bar,.head .btn,.pager,#toast{display:none!important}.main{padding:0}.printonly{display:block}.tbl{max-height:none;border:0}body{background:var(--surf)}.card,.panel{break-inside:avoid}thead th{background:#ddd!important;color:#000!important;position:static}}
.tl{margin-top:14px;border-top:1px dashed var(--line);padding-top:10px}
.tl h4{margin:0 0 8px;font-size:13px;color:var(--mut)}
.tl-i{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.tl-i:last-child{border-bottom:0}
.crm{margin:18px 0 6px}.crm h3{margin:0 0 10px}
.btn.wa{background:#1fa855;display:inline-block;text-decoration:none;color:#fff}.btn.wa:hover{background:#178a45}
a.btn{text-decoration:none;display:inline-block}
.sos{margin-top:16px;text-align:center}.sos .btn{width:100%}
.sosnav{padding:10px 16px 0}.sosnav .btn{display:block;text-align:center}
.att h4{display:flex;align-items:center;gap:8px}
.att-i{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.att-i .sp{flex:1}.att-i a:not(.btn){font-weight:600;color:var(--ink);word-break:break-all}
.att-up{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.att-up select{width:auto}.att-up input[type=file]{width:auto;max-width:260px}.att-up input:not([type=file]){width:220px}
.panel .tl.att{margin-top:0;border-top:0;padding-top:0}.panel .tl.att h4{font-size:inherit;color:var(--ink)}
.tblin{overflow:auto;max-height:340px}
.health .hrow{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.hscore{width:104px;height:104px;border-radius:50%;border:6px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:32px;font-weight:700;flex-shrink:0;line-height:1.1}.hscore small{font-size:12px;font-weight:600}
.hfac{flex:1;min-width:280px}.hfac>div{display:flex;align-items:center;gap:8px;margin:6px 0;flex-wrap:wrap}.hfac .t{width:150px;flex-shrink:0;font-size:13px}.hfac .bg{flex:1;min-width:90px;height:10px;background:#e9edf5;border-radius:5px;overflow:hidden;display:block}.hfac .b{display:block;height:100%;border-radius:5px}.hfac b{width:28px;text-align:center}
@media print{.sosnav,.att-up,.head a.btn{display:none!important}}
.card.txt .n{font-size:17px;line-height:1.5}
.cols.wide{grid-template-columns:repeat(auto-fit,minmax(440px,1fr))}
@media (max-width:520px){.cols.wide{grid-template-columns:1fr}.hfac{min-width:0}.hfac .t{width:100%}}
.asst-fab{position:fixed;bottom:18px;left:18px;z-index:40;background:var(--accent);color:#fff;border:0;border-radius:24px;padding:11px 20px;font-weight:700;box-shadow:0 6px 18px rgba(31,42,68,.3)}
.asst-fab:hover{filter:brightness(1.08)}
.asst{position:fixed;bottom:18px;left:18px;z-index:40;width:min(430px,calc(100vw - 24px));height:min(640px,calc(100vh - 36px));background:var(--surf);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(15,22,40,.32);display:flex;flex-direction:column;overflow:hidden}
.asst[hidden],.asst-fab[hidden]{display:none}
.asst-h{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--navy);color:#fff}.asst-h small{color:#cdd5e6;font-size:11px}.asst-h .sp{flex:1}
.asst-s{padding:10px 12px;border-bottom:1px solid var(--line)}
.asst-b{flex:1;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.asst-b h4{margin:6px 0 0;color:var(--ink);font-size:14px}
.asst-g small{display:block;color:var(--mut);font-size:11px;margin:4px 0}
.asst-list{display:flex;flex-direction:column;gap:5px}.asst-g .asst-list:has(.chip),.asst-list.chips{flex-direction:row;flex-wrap:wrap}
.asst-item{text-align:right;background:#f6f8fd;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.asst-item:hover{background:#eaf0fb;border-color:var(--accent)}
.asst-item.res{display:block;line-height:1.7}.asst-item.res .badge{margin-inline-end:6px}
.asst .chip{padding:5px 12px;font-size:13px}.asst .chip:hover{border-color:var(--accent)}
.asst-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.asst-ok{background:#eef8ee;border:1px solid #cfe8cf;border-radius:8px;padding:12px;color:#256029}
.asst-chk{display:flex;align-items:center;gap:8px;justify-content:space-between;background:#f6f8fd;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:13px}.asst-chk.warn{background:#fff7e0;border-color:#f0d58a}.asst-chk.ok{background:#eef8f0;border-color:#b9dfc2}
.asst-steps{margin:4px 0;padding-inline-start:22px;line-height:1.9}.asst-steps li{margin-bottom:4px}
.asst .tblin{max-height:none;border:1px solid var(--line);border-radius:8px}.asst .mini td{white-space:normal}
.asst-foot{margin-top:6px}
@media (max-width:520px){.asst{left:0;bottom:0;width:100vw;height:100vh;border-radius:0}}
@media print{.asst,.asst-fab{display:none!important}}
.asst-chk .btn{white-space:nowrap;flex-shrink:0}

.map{height:calc(100vh - 300px);min-height:340px;border:1px solid var(--line);border-radius:12px;background:#e8ecf3;z-index:0}
.map.small{height:320px;min-height:0}
.trk{display:grid;grid-template-columns:300px 1fr;gap:12px;align-items:start}
.trk-side{max-height:calc(100vh - 170px);overflow:auto}
.trk-list{display:flex;flex-direction:column;gap:6px}
.trk-item{text-align:right;background:var(--surf);border:1px solid var(--line);border-radius:10px;padding:9px 11px;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.trk-item:hover{border-color:var(--accent)}.trk-item.on{border-color:var(--navy);box-shadow:inset 3px 0 0 var(--accent)}
.trk-item small{color:var(--mut);font-size:12px}.trk-item .badge{margin-top:4px}
.trk-info{margin-top:10px}
.badge.live{background:#1fa855;color:#fff}
.pin{background:none;border:0}
.pin>div{position:relative;width:20px;height:20px}
.pin i{display:block;width:20px;height:20px;border-radius:50%;background:#8a93a8;border:3px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.45)}
.pin.live i{background:#1fa855}.pin.stale i{background:#e0a100}
.pin.live i{animation:pinp 1.6s infinite}
@keyframes pinp{0%{box-shadow:0 0 0 0 rgba(31,168,85,.55),0 1px 5px rgba(0,0,0,.45)}100%{box-shadow:0 0 0 14px rgba(31,168,85,0),0 1px 5px rgba(0,0,0,.45)}}
.pin b{position:absolute;top:-24px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;font:600 11px/1.5 "Segoe UI",Tahoma,sans-serif;padding:1px 7px;border-radius:8px;white-space:nowrap;direction:rtl}
.pin.sel b{background:var(--accent)}.pin.sel{z-index:900!important}
@media (max-width:820px){.trk{grid-template-columns:1fr}.trk-side{max-height:230px}.map{height:52vh}}
.chk{display:inline-flex;align-items:center;gap:5px;font-weight:400;font-size:13px;cursor:pointer}.chk input{width:auto}
.chks{display:flex;gap:6px 16px;flex-wrap:wrap}
.pa{border:1px solid var(--line);border-radius:10px;padding:9px 11px;margin-bottom:8px}.pa.off{background:#f4f5f8;opacity:.8}
.pa-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.pa-h .sp{flex:1}
.login .btn{width:100%}
.portal{min-height:100vh;display:flex;flex-direction:column}
.p-top{background:var(--navy);color:#fff;display:flex;align-items:center;gap:8px;padding:10px 16px;position:sticky;top:0;z-index:5}
.p-brand{font-weight:700;line-height:1.4}.p-brand small{display:block;font-weight:400;font-size:12px;color:#cdd5e6}
.p-top .sp{flex:1}
.p-tabs{display:flex;background:var(--surf);border-bottom:1px solid var(--line);overflow:auto;padding:0 8px}
.p-tabs a{padding:11px 16px;color:var(--mut);text-decoration:none;font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}.p-tabs a.on{color:var(--ink);border-bottom-color:var(--accent)}
.p-main{flex:1;width:100%;max-width:980px;margin:0 auto;padding:14px;display:flex;flex-direction:column;gap:12px}
.p-main .cards{margin-bottom:0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.p-main .bar{margin:0}.p-main .head{margin:0}
.p-list{display:flex;flex-direction:column;gap:10px}
.ship{display:block;background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:inherit}.ship:hover{border-color:var(--accent)}
.ship-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:2px}.ship-h b{font-size:16px;color:var(--ink)}
.ship-m{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:13px}
.steps{display:flex;margin-top:10px}
.steps.cancelled{color:var(--mut);font-weight:600}
.step{flex:1;text-align:center;position:relative;font-size:12px;color:var(--mut)}
.step i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#e3e6ee;color:#667089;font-style:normal;font-weight:700;margin:0 auto 3px;position:relative;z-index:1}
.step:not(:first-child)::before{content:"";position:absolute;top:12px;right:-50%;width:100%;height:3px;background:#e3e6ee}
.step.done i,.step.now i{background:#1fa855;color:#fff}.step.now i{background:var(--accent);box-shadow:0 0 0 4px rgba(0,194,203,.22)}
.step.done::before,.step.now::before{background:#1fa855}
.step.done,.step.now{color:var(--txt)}.step.now span{font-weight:700}
.step span,.step small{display:block}.step small{font-size:11px;color:var(--mut)}
.p-mapinfo{margin-top:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.p-sos{padding:4px 14px 18px;max-width:980px;margin:0 auto;width:100%}.p-sos .btn{display:block;text-align:center}
.portal .tbl{max-height:none}
@media print{.p-top,.p-tabs,.p-sos,.trk-side{display:none!important}.p-main{max-width:none;padding:0}}

.mtop{display:none}.mshade{display:none;position:fixed;inset:0;background:rgba(15,22,40,.5);z-index:44}
.mbtn{background:none;border:0;color:#fff;padding:4px;display:flex;border-radius:8px}.mbtn:hover{background:rgba(255,255,255,.12)}
.btn svg{vertical-align:-4px;margin-inline-end:6px;flex-shrink:0}
.app-ic{display:block;width:84px;height:84px;border-radius:22%;margin:0 auto 12px;box-shadow:0 6px 18px rgba(31,42,68,.25)}
.login{text-align:center}.login .field{text-align:start}.login .btn{margin-top:8px}
.login.wide{max-width:440px;margin-top:5vh;margin-bottom:5vh}
.login .or{color:var(--mut);font-size:13px;margin:14px 0 0}
.gbtn{display:flex;justify-content:center;margin-top:10px;min-height:0}.gbtn:empty{display:none}
.btn.install{background:var(--surf);color:var(--ink);border:1px dashed var(--accent);display:flex;align-items:center;justify-content:center}.btn.install:hover{background:#fff7e0}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.btn.big{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:14px;font-size:17px;border-radius:12px}
.btn.go{background:#1fa855}.btn.go:hover{background:#178a45}
.doc{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px}
.doc-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.doc-a{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.drv-trip h3{margin:2px 0 4px;font-size:21px;color:var(--ink)}
.drv-trip>.btn,.drv-trip>a.btn{display:flex;justify-content:center;margin-top:10px;width:100%}
.drv-share{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:8px}
.drv-state{display:flex;align-items:center;gap:10px;font-size:17px}
.drv-state .dot{width:15px;height:15px;border-radius:50%;background:#bbb;flex-shrink:0}
.drv-state.on .dot{background:#1fa855;animation:pinp 1.5s infinite}.drv-state.warn .dot{background:#e0a100}.drv-state.bad .dot{background:#b3261e}
h3.sec{margin:18px 0 8px;color:var(--ink);font-size:16px}
.sg-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.sg{display:flex;gap:12px;align-items:center;text-align:right;background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.sg:hover{border-color:var(--accent)}
.sg img{width:46px;height:46px;border-radius:22%;flex-shrink:0}.sg b{display:block}.sg small{display:block;color:var(--mut);font-size:12px;margin-bottom:4px}
@media print{.mtop,.mshade{display:none!important}}
.info div span.badge{display:inline-block;font-size:12px;color:inherit}
.bar.nowrap{flex-wrap:nowrap}.bar.nowrap input{flex:1;min-width:0}.bar.nowrap .btn{white-space:nowrap;flex-shrink:0}

/* ================= موقع ديزل والشكل الموحّد بعد الدخول (كل ما هو خارج نظام الموظفين) ================= */
@font-face{font-family:"Plex Arabic";src:url(/fonts/IBMPlexSansArabic-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Arabic";src:url(/fonts/IBMPlexSansArabic-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Arabic";src:url(/fonts/IBMPlexSansArabic-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plex Arabic";src:url(/fonts/IBMPlexSansArabic-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Kufi";src:url(/fonts/NotoKufiArabic-var.woff) format("woff");font-weight:100 900;font-display:swap}
body.brand{--navy:#101E3A;--gold:#C6952D;--bg:#F5F3EE;--line:#DDD8CC;--txt:#101E3A;--mut:#5E6A82;--ok2:#1E8E5A;font-family:"Plex Arabic","Segoe UI",Tahoma,sans-serif;font-size:15.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
body.brand h1,body.brand h2,body.brand h3,body.brand h4,body.brand .k{font-family:"Kufi","Plex Arabic",sans-serif}
body.brand .btn{border-radius:8px;font-weight:600}body.brand .btn:hover{background:#1B2D52}
body.brand .btn.gold{background:var(--accent);color:var(--ink)}body.brand .btn.gold:hover{background:#D3A43D}
body.brand .btn.line{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}body.brand .btn.line:hover{background:rgba(127,140,170,.14)}
body.brand .btn.ghost:hover{background:var(--surf);border-color:var(--accent)}body.brand .btn.danger:hover{background:#8f1e18}body.brand .btn.wa:hover{background:#178a45}
body.brand a:focus-visible,body.brand button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.sp{flex:1}
.dz{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--txt)}
.dz-logo{display:inline-flex;flex-direction:column;align-items:stretch;line-height:1;color:inherit;text-decoration:none;flex-shrink:0}
.dz-logo b{font-family:"Kufi","Plex Arabic",sans-serif;font-weight:800;font-size:27px;letter-spacing:-.5px}
.dz-logo i{display:block;height:4px;margin:5px 0 3px;background:repeating-linear-gradient(90deg,var(--gold) 0 11px,transparent 11px 17px)}
.dz-logo small{font-size:10.5px;letter-spacing:3px;font-weight:600;opacity:.75;text-align:center;direction:ltr}
.dz-top{background:var(--surf);display:flex;align-items:center;gap:14px;padding:10px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.dz-nav{display:flex;gap:4px;margin-inline-start:22px}.dz-nav button,.dz-foot button{background:none;border:0;color:var(--mut);font-weight:500;padding:8px 12px;border-radius:8px}.dz-nav button:hover{color:var(--txt);background:var(--bg)}
.dz-sub{line-height:1.35;font-weight:600;margin-inline-start:6px;min-width:0}.dz-sub small{display:block;color:var(--mut);font-weight:400;font-size:12px}
.dz-me{display:flex;align-items:center;gap:10px;font-weight:600;color:inherit;text-decoration:none;line-height:1.35;text-align:start;min-width:0}.dz-me span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-me small{display:block;color:var(--mut);font-weight:400;font-size:12px}
.dz-me u{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:"Kufi";flex-shrink:0}
.dz-wrap{display:grid;grid-template-columns:236px minmax(0,1fr);flex:1}
.dz-rail{background:var(--navy);color:#cdd6e8;padding:16px 0;position:sticky;top:63px;align-self:start;height:calc(100vh - 63px);overflow:auto}
.dz-rail a{display:flex;align-items:center;gap:12px;padding:11px 22px;font-weight:500;color:inherit;text-decoration:none;border-inline-start:4px solid transparent}.dz-rail a:hover{background:rgba(255,255,255,.06);color:#fff}
.dz-rail a.on{background:rgba(255,255,255,.09);color:#fff;border-inline-start-color:var(--accent)}.dz-rail .n,.dz-tabs .n{margin-inline-start:auto;background:var(--accent);color:var(--ink);border-radius:999px;font-size:12px;font-weight:700;padding:0 8px;line-height:1.6}
.dz-rail hr{border:0;border-top:1px solid rgba(255,255,255,.14);margin:10px 22px}
.dz-main.p-main{margin:0;max-width:1100px;padding:24px 32px 60px;gap:14px}
.dz-h1{font-size:30px;line-height:1.35;margin:0;color:var(--ink)}.dz-hello{margin-top:-10px}.dz .head{margin:0}.dz .head h1{margin:0}
.dz .cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.dz .card{border-radius:12px}.dz .card .n{font-family:"Kufi";font-size:27px;line-height:1.35}
.dz a.card.go{background:var(--accent);border-color:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:17px;text-decoration:none}.dz a.card.go:hover{background:#D3A43D}
.dz-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;align-items:start}.dz-grid.one{grid-template-columns:minmax(0,1fr)}
.dz-map{padding:0;overflow:hidden;position:sticky;top:80px}.dz-map h4{margin:0;padding:12px 16px;display:flex;align-items:center;gap:6px}.dz-map .map.small{height:340px;border:0;border-radius:0}.dz-mapnote{padding:8px 16px 12px;font-size:13.5px}
.dz .ship{border-radius:12px}.dz .ship-h b{font-family:"Kufi";font-size:17px}.dz .step.now i{background:var(--accent)}.dz .panel{border-radius:12px}
.dz .tbl{max-height:none;border-radius:12px}.dz .chip.on{background:var(--navy);border-color:var(--navy)}
.dz-acts{display:flex;gap:10px;flex-wrap:wrap}.dz-back{align-self:flex-start}
.dz-tabs{display:none}
.portal.dz,.dz .portal{background:var(--bg)}
/* شاشات الدخول والتسجيل داخل الموقع */
.dz-entry{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:34px 16px 50px}.dz-entry .login{margin:0;width:100%;border:1px solid var(--line);box-shadow:0 18px 40px rgba(16,30,58,.08)}.dz-entry .login.wide{margin:0}
body.brand .login h1{font-size:25px;line-height:1.4}body.brand .login{border-radius:16px}
/* الصفحة الرئيسية */
.st-hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.st-say{padding:52px 48px 0;max-width:940px}.st-say h1{font-size:clamp(34px,5.2vw,68px);line-height:1.22;margin:0 0 14px;font-weight:800;letter-spacing:-.5px}.st-say p{font-size:19px;color:#c8d1e4;margin:0 0 22px;max-width:560px}
.st-cta{display:flex;gap:10px;flex-wrap:wrap}.st-cta .btn{padding:11px 24px;font-size:16px}
.st-route{position:relative;height:200px}.st-asph{position:absolute;inset-inline:0;bottom:0;height:74px;background:#0a1428}.st-lane{position:absolute;inset-inline:0;bottom:44px;height:6px;background:repeating-linear-gradient(90deg,var(--gold) 0 46px,transparent 46px 86px)}
.st-trk{position:absolute;bottom:52px;left:30%;animation:st-drive 1.5s cubic-bezier(.16,.8,.24,1) both}
@keyframes st-drive{from{transform:translateX(70vw)}to{transform:none}}
.st-stop{position:absolute;bottom:92px;font-size:14px;color:#c8d1e4;text-align:center}.st-stop b{display:block;color:#fff;font-size:17px;font-family:"Kufi"}.st-stop::after{content:"";display:block;width:2px;height:36px;background:rgba(255,255,255,.35);margin:6px auto 0}.st-stop.a{right:7%}.st-stop.b{left:7%}
.st-track{position:relative;z-index:2;margin:-38px 48px 0;background:var(--surf);border-radius:14px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;box-shadow:0 18px 40px rgba(16,30,58,.16)}
.st-track b{font-family:"Kufi";font-size:19px}.st-track input{border:0;background:var(--bg);border-radius:8px;padding:14px 16px}.st-track .btn{padding:13px 30px}
.site section h2{font-size:clamp(25px,3vw,34px);line-height:1.35;margin:0 0 14px;color:var(--ink)}
.st-how{margin:48px 48px 0}.st-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);counter-reset:s;border-top:2px solid var(--navy)}
.st-how li{counter-increment:s;padding:16px 20px 6px;border-inline-end:1px solid var(--line)}.st-how li:first-child{padding-inline-start:0}.st-how li:last-child{border:0}
.st-how li::before{content:counter(s);font-family:"Kufi";font-weight:800;font-size:34px;color:var(--accent-ink);line-height:1.2;display:block}.st-how li b{display:block;font-size:20px;font-family:"Kufi"}.st-how li span{color:var(--mut)}
.st-who{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 48px 0}
.st-w{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:4px}.st-w.first{background:var(--navy);color:#fff;border-color:var(--navy)}
.st-w b{font-size:22px;font-family:"Kufi"}.st-w p{margin:0 0 12px;color:var(--mut);flex:1}.st-w.first p{color:#c8d1e4}
.st-w a,.st-w button{font-weight:700;align-self:flex-start;background:none;border:0;border-bottom:2px solid var(--accent);color:inherit;text-decoration:none;padding:0 0 2px}.st-w a:hover,.st-w button:hover{color:var(--accent-ink)}
.st-types{margin:46px 48px 0;display:grid;grid-template-columns:1fr 1.25fr;gap:30px;align-items:center}.st-types p{color:var(--mut);margin:0 0 14px}
.st-chips{display:flex;flex-wrap:wrap;gap:8px}.st-chips span{background:var(--surf);border:1px solid var(--line);border-radius:999px;padding:4px 16px;font-weight:500}
.st-lot{background:var(--navy);border-radius:18px;padding:30px 24px 0;display:flex;justify-content:center;overflow:hidden}.st-lot svg{max-width:100%;height:auto}
.st-about{margin:48px 48px 0}.st-why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--navy)}.st-why div{padding:16px 20px 0;border-inline-end:1px solid var(--line)}.st-why div:first-child{padding-inline-start:0}.st-why div:last-child{border:0}.st-why b{font-family:"Kufi";font-size:19px}.st-why p{margin:2px 0 0;color:var(--mut)}
.st-contact{margin:48px 48px 0;background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:24px 28px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.st-contact h2{margin:0 0 2px!important}.st-contact p{margin:0;color:var(--mut)}
.dz-foot{margin-top:54px;background:var(--navy);color:#c8d1e4;padding:24px 48px;display:flex;gap:8px 22px;align-items:center;flex-wrap:wrap}.dz-foot .dz-logo{color:#fff}.dz-foot a:not(.btn),.dz-foot button{color:inherit;font-weight:500;text-decoration:none;padding:4px 0}.dz-foot a:not(.btn):hover,.dz-foot button:hover{color:#fff}
@media (max-width:820px){
.dz-top{padding:9px 14px;gap:8px}.dz-nav{display:none}.dz-top .btn{padding:8px 14px}.dz-me span{display:none}
.dz-wrap{grid-template-columns:minmax(0,1fr)}.dz-rail{display:none}.dz-main.p-main{padding:16px 14px 96px}.dz-h1{font-size:24px}.dz-grid{grid-template-columns:minmax(0,1fr)}.dz-map{position:static}.dz-map .map.small{height:240px}
.dz .cards{grid-template-columns:1fr 1fr}.dz a.card.go{grid-column:1/-1;padding:14px}
.dz-tabs{display:flex;position:fixed;bottom:0;inset-inline:0;background:var(--navy);color:#aeb9d0;z-index:25;padding:7px 4px calc(8px + env(safe-area-inset-bottom))}
.dz-tabs a{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11.5px;font-weight:500;color:inherit;text-decoration:none;position:relative;min-width:0}.dz-tabs a.on{color:var(--accent-ink)}.dz-tabs .n{position:absolute;top:-4px;inset-inline-start:calc(50% + 6px);margin:0;font-size:10.5px;padding:0 6px}
body.brand #toast{bottom:88px}
.st-say{padding:28px 18px 0}.st-say p{font-size:16px}.st-route{height:190px}.st-trk{left:8%}.st-trk svg{width:240px}.st-stop.a{right:4%}.st-stop.b{left:4%}
.st-track{margin:-30px 14px 0;grid-template-columns:minmax(0,1fr)}.st-how,.st-about{margin:34px 18px 0}.st-how ol{grid-template-columns:1fr 1fr}.st-how li{padding:14px 12px 8px;border:0;border-bottom:1px solid var(--line)}.st-how li:first-child{padding-inline-start:12px}
.st-who{grid-template-columns:1fr;margin:28px 18px 0}.st-types{grid-template-columns:minmax(0,1fr);margin:34px 18px 0}.st-why{grid-template-columns:1fr}.st-why div{padding:12px 0;border:0;border-bottom:1px solid var(--line)}
.st-contact{margin:34px 18px 0;padding:20px}.dz-foot{padding:22px 18px;margin-top:40px}.dz-entry{padding:18px 12px 40px}}
@media (prefers-reduced-motion:reduce){.st-trk{animation:none}}
@media print{.dz-top,.dz-rail,.dz-tabs,.dz-foot,.dz-back,.dz-hello{display:none!important}.dz-wrap{display:block}.dz-main.p-main{max-width:none;padding:0}}
.site section{scroll-margin-top:78px}
body.brand .step i{font-family:system-ui,"Segoe UI Symbol","Noto Sans Symbols2",sans-serif}

.tbl.stmt{max-height:none}.tbl.stmt table{width:100%}.tbl.stmt td,.tbl.stmt th{font-size:12.5px;padding:5px 5px}.tbl.stmt tfoot td.ftl{font-weight:700;white-space:nowrap}.tbl.stmt td.tx{white-space:normal;min-width:58px}.tbl.stmt th{white-space:normal;vertical-align:bottom}
.tbl.stmt .sk{position:sticky;background:var(--surf);box-sizing:border-box}.tbl.stmt th.sk{background:var(--navy,#1F2A44);z-index:3}.tbl.stmt tr.payrow td.sk{background:#f3faf4}.tbl.stmt tfoot td.sk{position:sticky;background:#fff7e0}
.tbl.stmt .sk1{left:0;width:78px;min-width:78px;max-width:78px}.tbl.stmt .sk2{left:78px;width:84px;min-width:84px;max-width:84px}.tbl.stmt .sk3{left:162px;width:70px;min-width:70px;max-width:70px;border-right:2px solid #DDE2EC}.tbl.stmt .sk2w{left:78px;border-right:2px solid #DDE2EC}.tbl.stmt td.nw{white-space:nowrap}
@media print{.tbl{overflow:visible}.tbl.stmt .sk,.tbl.stmt tfoot td.sk{position:static;width:auto;min-width:0;max-width:none;border-right:0}.tbl.stmt td.tx{min-width:0}}
@media (max-width:520px){.tbl.stmt .sk2,.tbl.stmt .sk3,.tbl.stmt .sk2w{position:static;border-right:0}}
.tbl.stmt tr.heldrow td{color:#6b7385;background:#fafbfd}.tbl.stmt tr.heldrow td.sk{background:#fafbfd}.badge.held{background:#E4E9FB;margin-inline-start:6px;font-size:11px}.stmt-note{padding:8px 10px;font-size:12.5px;white-space:normal}
[aria-busy=true]{opacity:.6;pointer-events:none}
input.numin{direction:ltr;text-align:right}
.drv-pod{display:flex;flex-direction:column;gap:6px;margin-top:8px;align-items:flex-start}.tbl.stmt tr.payrow td{background:#f3faf4}.tbl.stmt tfoot td{position:static;background:#fff7e0}
table.brk{width:100%}table.brk td{padding:6px 8px;font-size:14px;border-bottom:1px solid var(--line)}table.brk tr.sum td{font-weight:700;background:#f6f8fd}
@media print{.tbl.stmt td,.tbl.stmt th{font-size:9px;padding:2px 3px;white-space:normal}@page{size:A4 landscape;margin:8mm}}

/* ---- اللوحات: أعمدة وكروت ---- */
.vtabs{display:inline-flex;gap:2px;margin-inline-start:10px;border-bottom:2px solid var(--line)}.vtab{background:none;border:0;padding:6px 14px;font-weight:600;color:var(--mut);margin-bottom:-2px;border-bottom:2px solid transparent}.vtab.on{color:#5b4bd6;border-bottom-color:#5b4bd6}
.kfilter{width:auto!important;max-width:200px}
.kboard{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(264px,1fr);gap:14px;overflow-x:auto;padding:2px 2px 14px;align-items:start}
.kcol{background:#eef0f6;border-radius:16px;padding:12px;min-height:160px;border:2px solid transparent;transition:border-color .12s}.kcol.over{border-color:#5b4bd6;background:#e7e5fb}
.kcol>header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.kcol>header i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.kcol>header b{font-size:15px}.kn{margin-inline-start:auto;background:var(--surf);border-radius:999px;padding:0 9px;font-size:12px;color:var(--mut);font-weight:600}
.kadd{width:100%;border:0;border-radius:10px;color:#fff;font-weight:700;padding:8px;margin-bottom:10px}.kadd:hover{filter:brightness(1.07)}
.klist{display:flex;flex-direction:column;gap:9px}.kempty{color:var(--mut);font-size:13px;text-align:center;padding:14px 0}
.kcard{background:var(--surf);border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:3px;cursor:pointer;border:2px solid transparent;box-shadow:0 1px 2px rgba(31,42,68,.08);transition:border-color .12s,box-shadow .12s}.kcard:hover,.kcard:focus-visible{border-color:#1F2A44;box-shadow:0 6px 16px rgba(31,42,68,.14);outline:0}.kcard.drag{opacity:.45}.kcard.late{border-inline-start:3px solid #c0392b}
.kcard b{font-size:14.5px;line-height:1.5}.kcard small{color:var(--mut);font-size:12.5px}.kcard small.err{color:#b3261e;min-height:0}
.ktag{align-self:flex-start;border-radius:6px;padding:0 8px;font-size:11.5px;font-weight:600;margin-bottom:2px}
.kfoot{display:flex;align-items:center;gap:6px;margin-top:6px}.kav{width:26px;height:26px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kwho{font-size:12px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.kx{font-size:12px;color:var(--mut);display:inline-flex;align-items:center;white-space:nowrap}.kx svg{margin:0}
.pjbar{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px}.pj{flex:0 0 190px;text-align:right;background:var(--surf);border:2px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.pj:hover{border-color:#b9b3f0}.pj.on{border-color:#5b4bd6;box-shadow:0 4px 14px rgba(91,75,214,.16)}
.pj b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pj small{color:var(--mut);font-size:12px}.pjbar-p{display:block;height:6px;border-radius:3px;background:#e8eaf2;overflow:hidden;margin:2px 0}.pjbar-p span{display:block;height:100%;background:#27AE60;border-radius:3px}
.pj.new{flex-basis:150px;align-items:center;justify-content:center;border-style:dashed;color:#5b4bd6;font-weight:700}
@media (max-width:820px){.kboard{grid-auto-columns:82vw}.vtabs{margin-inline-start:0}}
@media print{.kadd,.vtabs,.pjbar{display:none!important}}

/* ================= نظام التصميم الموحّد (الموقع + التطبيقات + نظام الموظفين) =================
   الهوية: كحلي ودهبي على ورقي دافئ. العلامة المميّزة: خط الطريق المتقطع (من اللوجو) كمؤشر للعنصر النشط وكفاصل بين الأقسام.
   الخط: IBM Plex Sans Arabic للنص و Noto Kufi Arabic للعناوين والأرقام الكبيرة. */
body.brand{--navy:#101E3A;--navy2:#1B2D52;--gold:#C6952D;--gold-soft:#F6ECD5;--bg:#F5F3EE;--surf:#fff;--tint:#FAF8F3;--tint2:#EDEAE2;--line:#E0DBCF;--line2:#D2CCBD;--txt:#101E3A;--mut:#5E6A82;
  --good:#1E8E5A;--good-bg:#E2F3E9;--bad:#A1261C;--bad-bg:#FBE4E0;--warn-fg:#8A5A00;--warn-bg:#FBEFC9;--info-fg:#234E9A;--info-bg:#E3ECFA;--sh1:0 1px 2px rgba(16,30,58,.06);--sh2:0 10px 28px rgba(16,30,58,.10);--sh3:0 28px 70px rgba(10,20,40,.28)}
body.brand ::selection{background:var(--accent-soft)}
body.brand input,body.brand select,body.brand textarea{border:1px solid var(--line2);border-radius:10px;padding:9px 12px;background:var(--surf);transition:border-color .12s,box-shadow .12s}
body.brand input:hover:not(:disabled),body.brand select:hover:not(:disabled),body.brand textarea:hover:not(:disabled){border-color:#B9B19D}
body.brand input:focus,body.brand select:focus,body.brand textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,194,203,.24)}
body.brand input[readonly],body.brand input:disabled,body.brand select:disabled,body.brand textarea:disabled{background:var(--tint);color:var(--mut)}
body.brand input[type=checkbox],body.brand input[type=radio]{accent-color:var(--navy);width:17px;height:17px;padding:0;box-shadow:none}
body.brand input[type=file]{padding:6px 8px}
body.brand .field{gap:5px;margin-bottom:14px}body.brand .field label{font-weight:600;font-size:13.5px;color:var(--ink)}body.brand .field small{font-size:12.5px;line-height:1.5}
body.brand .btn{border-radius:10px;padding:9px 18px;font-weight:600;transition:background .12s,box-shadow .12s,border-color .12s}body.brand .btn:active{transform:translateY(1px)}
body.brand .btn.sm{padding:4px 11px;font-size:13px;border-radius:8px}body.brand .btn.ghost{border-color:var(--line2)}body.brand .btn.danger{background:var(--bad)}
body.brand .btn.big{border-radius:12px}body.brand .err{color:var(--bad)}
body.brand .badge{border-radius:999px;padding:2px 11px;font-size:12.5px;font-weight:500;line-height:1.6;white-space:nowrap}
body.brand .chip{border-color:var(--line2);border-radius:999px;padding:4px 13px;font-size:13px;transition:border-color .12s}body.brand .chip:hover{border-color:var(--navy)}body.brand .chip.on{background:var(--navy);border-color:var(--navy);color:#fff}body.brand .chip.grp.on{background:var(--accent);border-color:var(--accent);color:var(--ink)}
body.brand .card{border:1px solid var(--line);border-radius:14px;padding:15px 18px;background:var(--surf);position:relative}
body.brand .card .n{font-family:"Kufi","Plex Arabic",sans-serif;font-size:24px;line-height:1.35;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}body.brand .card .l{font-size:13px;line-height:1.5;margin-top:2px}
body.brand a.card[href]{transition:border-color .12s,box-shadow .12s}body.brand a.card[href]:hover{border-color:var(--accent);box-shadow:var(--sh2)}
body.brand .card.warn{border-inline-start:4px solid var(--bad)}body.brand .card.warn .n{color:var(--bad)}
body.brand .panel{border:1px solid var(--line);border-radius:14px;padding:18px}body.brand .panel h4{font-size:16px;margin:0 0 12px}
body.brand .info{background:var(--tint);border-color:var(--line);border-radius:12px;padding:12px 14px}
body.brand .bars .b{background:var(--navy);height:8px;border-radius:4px}body.brand .bars div{margin:7px 0}
/* عناوين الأقسام بخط الطريق */
body.brand h3.sec,body.brand .crm>h3{display:flex;align-items:center;gap:14px;font-size:17px;margin:28px 0 12px;color:var(--ink)}body.brand .crm{margin:0}body.brand h3.sec::after,body.brand .crm>h3::after{content:"";flex:1;height:3px;background:repeating-linear-gradient(90deg,var(--line2) 0 14px,transparent 14px 22px)}
/* الجداول */
body.brand .tbl{border-color:var(--line);border-radius:14px;background:var(--surf)}
body.brand th,body.brand td{padding:8px 12px;font-size:13.5px;line-height:1.5;border-bottom-color:var(--line)}
body.brand thead th{background:var(--tint2);color:var(--ink);font-weight:600;border-bottom:1px solid var(--line2)}
body.brand .tbl:not(.stmt)>table>thead>tr:first-child>th{height:40px}body.brand thead tr.f th{top:40px;background:var(--tint);padding:4px 5px}
body.brand thead tr.f input,body.brand thead tr.f select{padding:3px 7px;font-size:12.5px;border-radius:8px}
body.brand tbody tr:hover{background:var(--tint)}body.brand tfoot td{background:var(--accent-soft)}
body.brand .mini th{background:var(--tint);color:var(--mut);font-weight:600;font-size:12.5px}body.brand .mini td,body.brand .mini th{padding:6px 9px}
body.brand .tbl.stmt th.sk{background:var(--tint2)}body.brand .tbl.stmt .sk3,body.brand .tbl.stmt .sk2w{border-right-color:var(--line2)}body.brand .tbl.stmt tfoot td,body.brand .tbl.stmt tfoot td.sk{background:var(--accent-soft)}
/* النوافذ */
body.brand .overlay{background:rgba(10,20,40,.56);padding:5vh 14px}
body.brand .modal{padding:0;border-radius:18px;box-shadow:var(--sh3);display:flex;flex-direction:column;max-height:90vh;overflow:hidden}
body.brand .modal>h3{margin:0;padding:16px 22px;border-bottom:1px solid var(--line);font-size:18px;line-height:1.5;flex-shrink:0}
body.brand .modal-b{padding:18px 22px;overflow:auto;flex:1;min-height:0}
body.brand .modal>.actions{margin:0;padding:12px 22px;border-top:1px solid var(--line);background:var(--tint);flex-shrink:0}
.overlay.dlg{z-index:60;align-items:center}
body.brand .modal.dlg-box{width:min(460px,100%);padding:22px;gap:10px}.dlg-msg{margin:0;font-weight:600;line-height:1.8;color:var(--ink);display:block}
body.brand .modal.dlg-box>.actions{padding:0;border:0;background:none;margin-top:6px}
body.brand #toast div{background:var(--navy);border-radius:12px;padding:12px 18px;box-shadow:var(--sh2);max-width:min(440px,calc(100vw - 36px));line-height:1.6}body.brand #toast div.e{background:var(--bad)}
/* نظام الموظفين: القائمة الجانبية والشريط العلوي */
.shell{font-size:14.5px;line-height:1.6}
body.brand .side{width:252px;padding:0 0 12px;background:var(--navy);display:flex;flex-direction:column}
body.brand .side .brand{padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.1);margin:0 0 6px}.side .brand .dz-logo{color:#fff}.side .brand .dz-logo b{font-size:24px}body.brand .side .brand small{margin-top:8px;font-size:12px;line-height:1.5;color:#9FADC9}
.side .grp{padding:4px 10px}body.brand .side .sep{margin:12px 10px 4px;font-size:12px;font-weight:600;color:#8C9BBB}
body.brand .side a{justify-content:flex-start;gap:11px;padding:8px 10px;border-radius:9px;border:0;color:#C9D3E8;font-weight:500;position:relative}
body.brand .side a svg{flex-shrink:0;opacity:.85}.side a .lb{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.brand .side a:hover{background:rgba(255,255,255,.07);color:#fff}
body.brand .side a.on{background:rgba(255,255,255,.1);color:#fff;font-weight:600}body.brand .side a.on::before{content:"";position:absolute;inset-inline-start:-10px;top:7px;bottom:7px;width:4px;border-radius:0 4px 4px 0;background:repeating-linear-gradient(180deg,var(--accent) 0 7px,transparent 7px 10px)}
[dir=rtl] body.brand .side a.on::before{border-radius:4px 0 0 4px}
body.brand .side .pill{background:var(--accent);color:var(--ink);font-weight:700;border-radius:999px;padding:0 8px;font-size:12px;line-height:1.7}
body.brand .side .sosnav{padding:12px 16px 0;margin-top:auto}body.brand .side .user{display:none}
.sys-body{flex:1;min-width:0;display:flex;flex-direction:column}
.sys-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 26px;background:rgba(245,243,238,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.sys-search{flex:0 1 480px;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid var(--line2);border-radius:10px;background:var(--surf);color:var(--mut);text-align:start;min-width:0}
.sys-search span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sys-search:hover{border-color:var(--navy);color:var(--txt)}
.sys-search kbd{font:600 11.5px/1 "Plex Arabic",sans-serif;border:1px solid var(--line2);border-radius:6px;padding:4px 6px;background:var(--tint);direction:ltr}
.umenu{position:relative}.umenu summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 6px;border-radius:10px;font-weight:600;line-height:1.35}.umenu summary::-webkit-details-marker{display:none}.umenu summary:hover{background:var(--tint2)}
.umenu summary small{display:block;font-weight:400;font-size:12px;color:var(--mut)}.umenu u{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:"Kufi";font-size:14px;flex-shrink:0}
.umenu-b{position:absolute;inset-inline-end:0;top:calc(100% + 6px);min-width:200px;background:var(--surf);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh2);padding:6px;display:flex;flex-direction:column;z-index:30}
.umenu-b button{background:none;border:0;text-align:start;padding:9px 12px;border-radius:8px;font-weight:500}.umenu-b button:hover{background:var(--tint2)}
body.brand .main{padding:22px 26px 60px}body.brand .head{margin-bottom:16px;gap:12px}body.brand .head h2{font-size:24px;line-height:1.4}
body:has(.shell) #asst-fab{display:none}body.brand .asst{border-radius:16px;box-shadow:var(--sh3)}
@media (max-width:820px){.sys-top{display:none}body:has(.shell) #asst-fab:not([hidden]){display:block}body.brand .side{width:min(290px,86vw)}body.brand .side .user{display:block;color:#C9D3E8}body.brand .main{padding:14px 12px 80px}body.brand .head h2{font-size:21px}
  body.brand .shell .mtop{background:var(--navy);padding:10px 12px}body.brand .cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}}
@media (max-width:600px){body.brand .overlay:not(.dlg){padding:0}body.brand .overlay:not(.dlg) .modal{border-radius:0;max-height:100dvh;height:100dvh;width:100%!important}body.brand .modal>h3{padding:13px 16px}body.brand .modal-b{padding:14px 16px}body.brand .modal>.actions{padding:10px 16px}}
/* اللوحات بألوان الهوية */
body.brand .vtab.on{color:var(--ink);border-bottom-color:var(--accent)}body.brand .kcol{background:#ECE9E1}body.brand .kcol.over{border-color:var(--accent);background:var(--accent-soft)}body.brand .kcard:hover,body.brand .kcard:focus-visible{border-color:var(--navy)}
body.brand .pj{border-color:var(--line)}body.brand .pj:hover{border-color:var(--line2)}body.brand .pj.on{border-color:var(--navy);box-shadow:var(--sh2)}body.brand .pj.new{color:var(--ink)}body.brand .pjbar-p span{background:var(--good)}
/* حاسبة السعر */
.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.pc .field{margin-bottom:10px}.pc .btn.big{margin-top:4px}.pc .err:empty{display:none}.pc .err{margin-bottom:6px}
.pc-res{margin-top:16px;padding-top:16px;background:repeating-linear-gradient(90deg,var(--accent) 0 14px,transparent 14px 22px) top/100% 3px no-repeat}
.pc-cap{color:var(--mut);font-size:13px;display:block}.pc-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pc-price b{font-family:"Kufi","Plex Arabic",sans-serif;font-size:clamp(34px,5vw,46px);line-height:1.25;color:var(--ink);font-variant-numeric:tabular-nums}.pc-price span{font-weight:600;color:var(--mut)}
.pc-meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}.pc-meta span{background:var(--tint2);border-radius:999px;padding:2px 12px;font-size:13px;line-height:1.7}
.pc-hint,.pc-note{font-size:13px;line-height:1.7;margin:8px 0 0}.pc-det{margin-top:8px}.pc-det summary{cursor:pointer;font-weight:600;color:var(--ink);padding:6px 0}.pc-tbl{width:100%}body.brand .pc-tbl td{white-space:normal}body.brand .pc-tbl tr.sum td{background:var(--tint);font-weight:600}
.pc-res>.btn{margin-top:12px}
.tf-chart{display:flex;align-items:stretch;gap:3px;height:210px;padding-top:26px}.tf-s{display:flex;flex-direction:column;min-width:0}.tf-bar{flex:1;display:flex;align-items:flex-end}
.tf-bar b{display:block;width:100%;background:var(--navy);border-radius:5px 5px 0 0;position:relative}.tf-bar b span{position:absolute;bottom:100%;inset-inline:0;text-align:center;font:700 13px/1.6 "Kufi","Plex Arabic",sans-serif;color:var(--ink)}
.tf-s small{display:block;text-align:center;font-size:11px;line-height:1.5;color:var(--mut);border-top:3px solid var(--accent);padding-top:4px;white-space:nowrap;overflow:hidden;text-overflow:clip;direction:ltr}
.tf-ax{display:flex;justify-content:space-between;gap:4px 14px;font-size:12.5px;color:var(--mut);margin-top:6px;flex-wrap:wrap}.tf-notes{margin:12px 0 0;padding-inline-start:20px;color:var(--mut);font-size:14px;line-height:1.9}
/* صفحة إعداد التسعير */
.ed-lead{margin:-6px 0 16px;max-width:70ch}.ed-wrap{display:grid;grid-template-columns:minmax(320px,410px) minmax(0,1fr);gap:18px;align-items:start}.ed-side{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px}.ed-main{display:flex;flex-direction:column;gap:14px;min-width:0}
.ed-h{margin:-6px 0 12px;font-size:13.5px;line-height:1.7}table.ed{width:100%}body.brand table.ed td{padding:4px 6px;border-bottom:0}table.ed input{min-width:84px}.ed-x{line-height:1.4}.ed-p .tblin{max-height:none;margin-bottom:8px}
.ed-f{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:var(--tint)}.ed-fh{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.ed-fh .field{margin:0;flex:0 1 240px}.ed-calc>.muted{display:block;font-size:12.5px;margin-top:8px}
@media (max-width:980px){.ed-wrap{grid-template-columns:minmax(0,1fr)}.ed-side{position:static}}
/* الموقع: الحاسبة في أول الصفحة + قسم الشرائح */
.st-heroin{position:relative;z-index:2}.st-hero.has-calc .st-heroin{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,450px);gap:36px;align-items:start;padding:44px 48px 0}.st-hero.has-calc .st-say{padding:14px 0 0;max-width:none}
.st-calc{background:var(--surf);color:var(--txt);border-radius:18px;padding:22px 22px 20px;box-shadow:0 30px 70px rgba(0,0,0,.38)}.st-calc h2{margin:0;font-size:24px;line-height:1.4;color:var(--ink)}.st-calc>p{margin:0 0 12px;color:var(--mut)}
.st-hero.has-calc .st-route{height:150px;margin-top:-36px}.st-hero.has-calc .st-stop{display:none}.st-hero.has-calc .st-trk{left:auto;right:7%}
.st-tariff{margin:48px 48px 0;background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:32px;align-items:center}.st-tariff p{color:var(--mut);margin:0}
@media (max-width:900px){.st-hero.has-calc .st-heroin{grid-template-columns:minmax(0,1fr);padding:26px 16px 0;gap:22px}.st-hero.has-calc .st-route{height:120px;margin-top:0}.st-hero.has-calc .st-trk{right:5%}.st-tariff{margin:34px 16px 0;padding:20px 16px;grid-template-columns:minmax(0,1fr);gap:16px}.tf-chart{height:170px}}
@media (max-width:380px){.pc-grid{grid-template-columns:1fr}}
@media print{.sys-top,.umenu,.ed-side{display:none!important}}

/* القائمة الجانبية: أقسام تتفتح واحد واحد */
body.brand .side .grp.acc>.sep{display:flex;align-items:center;gap:8px;width:calc(100% - 0px);margin:6px 0 2px;padding:9px 10px;border:0;border-radius:9px;background:none;color:#B5C1DA;font-size:13.5px;font-weight:600;text-align:start}
body.brand .side .grp.acc>.sep:hover{background:rgba(255,255,255,.06);color:#fff}.side .grp.acc>.sep svg{transition:transform .15s;flex-shrink:0;opacity:.8}.side .grp.acc.open>.sep svg{transform:rotate(180deg)}body.brand .side .grp.acc.open>.sep{color:#fff}
.side .grp.acc>.grp-b{display:none;padding-bottom:4px}.side .grp.acc.open>.grp-b{display:block}.side .grp.acc>.sep .lb{flex:1}
/* أقسام لوحة التحكم القابلة للطي */
.dsec{background:var(--surf,#fff);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}.dsec>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;cursor:pointer;font-family:"Kufi","Plex Arabic",sans-serif;font-weight:700;font-size:17px;color:var(--ink)}
.dsec>summary::-webkit-details-marker{display:none}.dsec>summary svg{transition:transform .15s;color:var(--mut)}.dsec[open]>summary svg{transform:rotate(180deg)}.dsec[open]>summary{border-bottom:1px solid var(--line);background:var(--tint)}.dsec>summary:hover{background:var(--tint)}
.dsec-b{padding:16px 18px 6px}.dsec-b>.cards{margin-bottom:12px}.dsec-b>.cols{margin-bottom:12px}body.brand .dsec .crm{margin:0}
@media (max-width:820px){.dsec>summary{padding:12px 14px;font-size:16px}.dsec-b{padding:12px 12px 2px}}
/* الحاسبة خطوة بخطوة على الموقع */
.st-calcsec{margin:44px 48px 0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center}.st-calcsay p{color:var(--mut);margin:0;font-size:17px;max-width:38ch}
.st-calcsec .st-calc{border:1px solid var(--line);box-shadow:var(--sh2);padding:24px}.pw{display:flex;flex-direction:column;gap:8px;min-height:230px}
.pw-prog{display:flex;gap:6px}.pw-prog i{flex:1;height:4px;border-radius:2px;background:var(--line)}.pw-prog i.done{background:var(--navy)}.pw-prog i.now{background:var(--accent)}
.pw-q{margin:0;font-size:24px;line-height:1.4;color:var(--ink)}.pw input{font-size:18px;padding:13px 14px}.pw-nav{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.pw-nav .btn{padding:11px 26px}
.pw-opts{display:flex;flex-wrap:wrap;gap:8px}.pw-opt{background:var(--surf,#fff);border:1.5px solid var(--line2);border-radius:999px;padding:7px 16px;font-weight:500}.pw-opt:hover{border-color:var(--navy)}.pw-opt.on{background:var(--navy);border-color:var(--navy);color:#fff}
.pw-sum{font-weight:600;color:var(--ink)}.pw .pc-res{margin-top:6px}.pw-km{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:14px;color:var(--mut)}.pw-km input{width:110px;font-size:15px;padding:7px 10px}
body.brand .modal.dlg-box.wide{width:min(560px,100%);max-height:92vh;overflow:auto}
@media (max-width:900px){.st-calcsec{margin:30px 16px 0;grid-template-columns:minmax(0,1fr);gap:14px}.pw-q{font-size:21px}}

/* ---- العُهد والعجز والنزاعات داخل النقلة، ترشيح السيارات، المستندات المطبوعة، خطوات التسجيل ---- */
.claims .cl-sec{margin-bottom:12px}.claims h4{display:flex;align-items:center;gap:8px;justify-content:space-between}
.cl-rows{display:grid;gap:6px}.cl-r{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surf);color:inherit;text-decoration:none;font-size:13px}.cl-r:hover{border-color:var(--accent)}.cl-r.off{opacity:.55;text-decoration:line-through}.cl-r b{font-variant-numeric:tabular-nums}
.set-h{margin:22px 0 8px;font-size:15px}
body.brand .modal.dlg-box.wide.mt-box{width:min(680px,100%)}
.mt-list{display:grid;gap:10px;margin:12px 0}.mt-c{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surf)}.mt-c.best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.mt-h,.mt-f{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.mt-h .sp,.mt-f .sp{flex:1}.mt-h b{font-size:15px}.mt-s{font-weight:700;font-variant-numeric:tabular-nums;background:var(--navy);color:#fff;border-radius:999px;padding:1px 10px;font-size:13px}
.mt-bar{height:4px;background:#ece9e1;border-radius:2px;margin:8px 0;overflow:hidden}.mt-bar i{display:block;height:100%;background:var(--accent)}
.mt-why{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:2px;font-size:13px;color:var(--mut)}.mt-why li::before{content:"• ";color:#999}.mt-why li.ok{color:#1d6b3a}.mt-why li.ok::before{content:"✓ ";color:#1d6b3a}.mt-why li.no{color:#a12b1f}.mt-why li.no::before{content:"✕ ";color:#a12b1f}
.mt-f{font-size:13px}
.doc-prev{background:#eceae4;padding:14px;border-radius:8px;overflow:auto}
.doc{background:var(--surf);color:#111;max-width:780px;margin:0 auto;padding:26px 28px;font-size:13px;line-height:1.7;border:1px solid #d8d4ca}
.doc-h{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:12px}.doc-co{display:grid}.doc-co b{font-size:17px}.doc-co span{font-weight:600}.doc-co small{color:#444}
.doc-t{text-align:left}.doc-t h2{margin:0 0 4px;font-size:20px}
.doc-tb{width:100%;border-collapse:collapse;margin:0 0 10px;table-layout:fixed}.doc-tb th,.doc-tb td{border:1px solid #777;padding:5px 8px;text-align:right;vertical-align:top;word-break:break-word}.doc-tb th{background:#f1efe9;font-weight:600;font-size:12px}.doc-tb td{min-height:26px}
.doc-box{margin:4px 0 10px}.doc-box>b{display:block;margin-bottom:4px}
.doc-sign{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px;margin:12px 0;break-inside:avoid}.doc-sign>div{border:1px solid #777;padding:8px 10px;display:grid;gap:14px;min-height:120px;align-content:start}.doc-sign small{color:#444;margin-top:-12px}.doc-sign span{font-size:12px;color:#333}
.doc-terms{font-size:12px;border-top:1px solid #999;padding-top:8px}.doc-terms ol{margin:4px 0 0;padding-inline-start:18px}.doc-foot{margin-top:10px;font-size:11px;color:#444;text-align:center;border-top:1px dashed #999;padding-top:6px}
#printdoc{display:none}
@media print{body.printing-doc>*:not(#printdoc){display:none!important}body.printing-doc #printdoc{display:block}body.printing-doc{background:var(--surf)}body.printing-doc .doc{border:0;padding:0;max-width:none}.doc-tb th{background:#eee!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.st-steps{margin:48px 48px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;align-items:start}.st-steps h2{margin:0 0 4px}.st-steps p{color:var(--mut);margin:0 0 12px}.st-note{font-size:13px;margin-top:14px!important}
.st-chips.pick button{font:inherit;border:1px solid var(--line);background:var(--surf);border-radius:999px;padding:6px 14px;cursor:pointer}.st-chips.pick button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.st-stepbox{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:18px 22px}.st-stepbox ol{margin:0 0 14px;padding-inline-start:20px;display:grid;gap:8px}.st-stepbox li::marker{font-weight:700;color:var(--accent-ink)}
@media (max-width:860px){.st-steps{grid-template-columns:minmax(0,1fr);margin:34px 18px 0}}
@media screen and (max-width:860px){.doc{padding:16px 14px;font-size:12px}.doc-h{flex-direction:column}.doc-t{text-align:right}.doc-sign{grid-auto-flow:row}.doc-tb{table-layout:auto}}

/* الموقع: زرار التسعير وزرار التتبع، كل واحد بيفتح قائمته */
.st-tools{position:relative;z-index:2;margin:-38px 48px 0}
.st-tbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px}
.st-tool{display:flex;align-items:center;gap:14px;text-align:start;font:inherit;color:var(--ink);background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:18px 20px;cursor:pointer;box-shadow:0 18px 40px rgba(16,30,58,.16);transition:border-color .15s,box-shadow .15s}
.st-tool>svg:first-child{flex-shrink:0;color:var(--accent-ink)}.st-tool span{display:grid;gap:2px;flex:1;min-width:0}.st-tool b{font-family:"Kufi";font-size:19px}.st-tool small{color:var(--mut);font-size:14px}
.st-tool>svg:last-child{flex-shrink:0;transition:transform .2s;color:var(--mut)}.st-tool.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset,0 18px 40px rgba(16,30,58,.16)}.st-tool.on>svg:last-child{transform:rotate(180deg)}
.st-tool:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.st-panel{margin-top:14px;background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:22px 24px;box-shadow:var(--sh2,0 8px 24px rgba(16,30,58,.08))}.st-panel[hidden]{display:none}
.st-panel-say{margin:0 0 10px;color:var(--mut)}.st-panel .st-calc{border:0;box-shadow:none;padding:0;max-width:640px}
.st-trackin{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:8px}.st-trackin input{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:14px 16px;font:inherit}.st-trackin .btn{padding:13px 30px}
@media (max-width:900px){.st-tools{margin:-30px 14px 0}.st-tbar{grid-template-columns:minmax(0,1fr);gap:10px}.st-tool{padding:14px 16px}.st-tool b{font-size:17px}.st-panel{padding:16px}}
@media (prefers-reduced-motion:reduce){.st-tool,.st-tool>svg:last-child{transition:none}}
.dupes .dup-g{padding:8px 0;border-bottom:1px solid var(--line)}.dupes .dup-g:last-child{border:0}.dup-r{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px}

/* ====================================================================================
   DIZIEL Design Tokens — الهوية الجديدة: كحلي غامق #0A2230 + سماوي #00C2CB + #4CB3CD + فضي #96AFB8
   الذهبي لمسة محدودة (شَرط الشعار وخط الطريق). كل الألوان من هنا، والوضع الغامق بيغيّر القيم بس.
   الثيم بيتحدد على <html data-theme="light|dark"> من app.js (فاتح / غامق / حسب الجهاز).
   ==================================================================================== */
:root{--accent:#00C2CB;--ink:#0A2230;--surf:#fff}
body.brand{
  --navy:#0A2230;--navy2:#123A52;--panel-txt:#C9D8DE;
  --accent:#00C2CB;--accent2:#4CB3CD;--accent-ink:#00727A;--accent-soft:#DDF5F6;--on-accent:#0A2230;--silver:#96AFB8;--gold:#C6952D;
  --primary:#0A2230;--primary-hover:#123A52;--on-primary:#fff;
  --bg:#F2F5F7;--surf:#fff;--card:#fff;--tint:#F6F9FA;--tint2:#E8EEF1;--line:#DAE2E6;--line2:#C4D1D7;
  --ink:#0A2230;--txt:#0A2230;--mut:#566B76;
  --good:#16794A;--good-bg:#E1F4EA;--bad:#B3261E;--bad-bg:#FBE4E1;--warn-fg:#8A5A00;--warn-bg:#FBF0CF;--info-fg:#1E5A9A;--info-bg:#E2EEF9;
  --sh1:0 1px 2px rgba(10,34,48,.06);--sh2:0 10px 28px rgba(10,34,48,.10);--sh3:0 28px 70px rgba(6,24,34,.30);
  color-scheme:light}
html[data-theme=dark] body.brand{
  --navy:#061822;--navy2:#0D2A39;--panel-txt:#A9C0C9;
  --accent:#00C2CB;--accent2:#4CB3CD;--accent-ink:#5ADFE5;--accent-soft:#0E3A46;--on-accent:#06202B;
  --primary:#00C2CB;--primary-hover:#29D3DB;--on-primary:#06202B;
  --bg:#0A2230;--surf:#0F2C3C;--card:#0F2C3C;--tint:#12313F;--tint2:#173B4C;--line:#1F4556;--line2:#2B5568;
  --ink:#E9F3F6;--txt:#E9F3F6;--mut:#96AFB8;
  --good:#5BD69A;--good-bg:#0F3A2B;--bad:#FF8F84;--bad-bg:#45201D;--warn-fg:#F2C467;--warn-bg:#3A2F14;--info-fg:#8FBEFF;--info-bg:#15304F;
  --sh1:0 1px 2px rgba(0,0,0,.35);--sh2:0 10px 28px rgba(0,0,0,.45);--sh3:0 28px 70px rgba(0,0,0,.6);
  color-scheme:dark}
html[data-theme=dark]{background:#0A2230}
body.brand{background:var(--bg);color:var(--txt)}
/* الأزرار: أساسي، مميز (سماوي)، ثانوي، خطر — نفس الشكل في الموقع وكل التطبيقات */
body.brand .btn{background:var(--primary);color:var(--on-primary)}
body.brand .btn:hover{background:var(--primary-hover)}
body.brand .btn.gold{background:var(--accent);color:var(--on-accent)}
body.brand .btn.gold:hover{background:#2CD0D8}
body.brand .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line2)}
body.brand .btn.ghost:hover{background:var(--tint);border-color:var(--accent)}
body.brand .btn.line{background:transparent;color:inherit}
body.brand .btn.danger{background:var(--bad);color:#fff}
html[data-theme=dark] body.brand .btn.danger{color:#2A0D0B}
body.brand .btn.wa{background:#1fa855;color:#fff}
/* نص فوق السماوي = كحلي دايماً */
body.brand .side .pill,.dz-rail .n,.dz-tabs .n,.dz a.card.go,body.brand .chip.grp.on,.asst-fab,.step.now i,.dz .step.now i,.pin.sel b{color:var(--on-accent)}
/* اختيار مفعّل = اللون الأساسي */
body.brand .chip.on,.dz .chip.on,.pw-opt.on,.mt-s,.st-chips.pick button.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.pw-prog i.done{background:var(--primary)}
body.brand .bars .b,.tf-bar b{background:var(--accent2)}
/* الموبايل والشريط السفلي والقائمة الجانبية: لوحات كحلي */
.dz-rail,.dz-tabs{color:var(--panel-txt)}
.st-asph{background:#06141C}
/* المستند المطبوع يفضل أبيض وأسود في الوضعين */
.doc{background:#fff!important;color:#111!important}.doc-prev{background:#E6ECEF}
html[data-theme=dark] .doc-prev{background:#071C27}
/* الشارات بألوانها الفاتحة: نص غامق دايماً عشان يتقري في الوضع الغامق */
.badge,.pa .badge{color:#0A2230}
html[data-theme=dark] .badge:not([style]){background:var(--tint2);color:var(--txt)}

/* زرار اللغة والثيم */
.prefs{display:flex;gap:6px;align-items:center;flex-shrink:0}
.prefs .seg{display:inline-flex;border:1px solid var(--line2);border-radius:999px;padding:2px;background:var(--surf)}
.prefs .seg button{font:inherit;font-size:12.5px;font-weight:700;line-height:1;min-width:30px;height:28px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--mut);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.prefs .seg button:hover{color:var(--ink)}.prefs .seg button.on{background:var(--primary);color:var(--on-primary)}
.prefs .seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.login .login-prefs{justify-content:center;margin:-4px 0 10px}
@media (max-width:700px){.prefs .seg button{min-width:26px;height:26px;padding:0 5px}.prefs{gap:4px}}
/* إصلاحات الوضع الغامق للأجزاء اللي كانت ألوانها مكتوبة مباشرة */
body.brand button{color:inherit}
.sys-top{background:color-mix(in srgb,var(--bg) 94%,transparent)}
.asst-chk{background:var(--tint);border-color:var(--line)}
.asst-chk.warn{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn-fg) 35%,transparent);color:var(--txt)}
.asst-chk.ok{background:var(--good-bg);border-color:color-mix(in srgb,var(--good) 35%,transparent);color:var(--txt)}
.badge{background:var(--tint2);color:var(--txt)}
.badge[style],.info div span.badge[style],.pa .badge[style]{color:#0A2230}
html[data-theme=dark] .badge[style]{filter:saturate(.85) brightness(.95)}
/* الخلفيات الفاتحة القديمة بقت من الـ Tokens (بتتغيّر مع الثيم) */
body.brand input[readonly],body.brand input:disabled,body.brand select:disabled,body.brand textarea:disabled{background:var(--tint2);color:var(--mut)}
body.brand thead tr.f th,body.brand .mini th,body.brand table.brk tr.sum td{background:var(--tint2);color:var(--txt)}
body.brand tbody tr:hover{background:var(--tint)}
body.brand tfoot td,body.brand .tbl.stmt tfoot td,body.brand .tbl.stmt tfoot td.sk{background:var(--accent-soft)}
body.brand .info,body.brand .asst-item,body.brand .hfac .bg,body.brand .pjbar-p,.mt-bar{background:var(--tint)}
body.brand .asst-item:hover{background:var(--tint2)}
body.brand .asst-ok,body.brand .tbl.stmt tr.payrow td,body.brand .tbl.stmt tr.payrow td.sk{background:var(--good-bg)}
body.brand .tbl.stmt tr.heldrow td,body.brand .tbl.stmt tr.heldrow td.sk,body.brand .pa.off{background:var(--tint)}
body.brand .map{background:var(--tint2)}
body.brand .step i,body.brand .step:not(:first-child)::before{background:var(--tint2)}
body.brand .kcol{background:var(--tint2)}body.brand .kcol.over{background:var(--accent-soft)}
body.brand .btn.install:hover{background:var(--accent-soft)}
body.brand .btn.gold:hover,body.brand .dz a.card.go:hover{background:#2CD0D8}
.kcard [style*="background"]:not(.kav){color:#0A2230}
/* ---------- English (LTR): نفس التصميم بالاتجاه المعكوس — القواعد اللي فيها يمين/شمال صريح ---------- */
[dir=ltr] .side a{border-right:0;border-left:3px solid transparent}[dir=ltr] .side a.on{border-left-color:var(--accent)}
[dir=ltr] .chip small{margin-right:0;margin-left:4px}
[dir=ltr] th,[dir=ltr] td{text-align:left}[dir=ltr] td.num{text-align:right}
[dir=ltr] #toast,[dir=ltr] .asst-fab,[dir=ltr] .asst{left:auto;right:18px}
@media (max-width:520px){[dir=ltr] .asst{right:0}}
@media (max-width:820px){[dir=ltr] .side{right:auto;left:0;transform:translateX(-105%);box-shadow:8px 0 30px rgba(0,0,0,.3)}[dir=ltr] .shell.open .side{transform:none}}
[dir=ltr] .asst-item,[dir=ltr] .trk-item,[dir=ltr] .sg,[dir=ltr] .pj,[dir=ltr] .doc-tb th,[dir=ltr] .doc-tb td{text-align:left}
[dir=ltr] .doc-t{text-align:right}
@media screen and (max-width:860px){[dir=ltr] .doc-t{text-align:left}}
[dir=ltr] .step:not(:first-child)::before{right:auto;left:-50%}
[dir=ltr] .pin b{direction:ltr}
[dir=ltr] input.numin{text-align:left}
[dir=ltr] .tbl.stmt .sk3{border-right:2px solid #DDE2EC}
/* الموقع: الشاحنة رايحة يمين، والتحميل شمال والتسليم يمين */
[dir=ltr] .st-trk{left:auto;right:30%;animation-name:st-drive-ltr}[dir=ltr] .st-trk svg{transform:scaleX(-1)}
@keyframes st-drive-ltr{from{transform:translateX(-70vw)}to{transform:none}}
[dir=ltr] .st-stop.a{right:auto;left:7%}[dir=ltr] .st-stop.b{left:auto;right:7%}
@media (max-width:820px){[dir=ltr] .st-trk{right:8%}[dir=ltr] .st-stop.a{left:4%}[dir=ltr] .st-stop.b{right:4%}}
[dir=ltr] .st-hero.has-calc .st-trk{right:auto;left:7%}
@media (max-width:900px){[dir=ltr] .st-hero.has-calc .st-trk{left:5%}}
[dir=ltr] .dz-nav button,[dir=ltr] .dz-top .btn{white-space:nowrap}[dir=ltr] .dz-nav button{padding:8px 9px}
@media (max-width:1240px){[dir=ltr] .dz-nav{display:none}}
/* ---------- شاشة الرحلة: التبويبات والمراحل ---------- */
.optabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin:4px 0 14px;scrollbar-width:thin;position:sticky;top:-18px;background:var(--surf);z-index:2}
.optabs button{flex:0 0 auto;background:none;border:0;border-bottom:3px solid transparent;padding:9px 12px;font-weight:600;color:var(--mut);white-space:nowrap;cursor:pointer;font-family:inherit;font-size:14px}
.optabs button:hover{color:var(--ink)}.optabs button.on{color:var(--ink);border-bottom-color:var(--accent)}
.trip-steps{list-style:none;display:flex;margin:0 0 14px;padding:0;gap:0}
.trip-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12.5px;color:var(--mut);position:relative;text-align:center}
.trip-steps li:not(:first-child)::before{content:"";position:absolute;top:13px;inset-inline-end:50%;width:100%;height:3px;background:var(--line);z-index:0}
.trip-steps li.done:not(:first-child)::before,.trip-steps li.on:not(:first-child)::before{background:var(--accent)}
.trip-steps i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surf);border:2px solid var(--line);font-weight:700;position:relative;z-index:1}
.trip-steps li.done i{background:var(--accent);border-color:var(--accent);color:#fff}.trip-steps li.on i{border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 4px var(--accent-soft,rgba(0,194,203,.18))}.trip-steps li.on span{color:var(--ink);font-weight:700}
.trip-steps.off{opacity:.45}
.evl{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--line);margin-inline-start:13px}
.evl li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;margin-inline-start:-14px}
.evl li i{font-style:normal;flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--tint,#eef4f7);border:1px solid var(--line);font-size:13px}
.evl li div{display:flex;flex-direction:column;gap:1px}.evl li b{font-weight:600}
.evl .ev-deliver i,.evl .ev-ok i,.evl .ev-settle i,.evl .ev-pod i{background:#d8f3e3;border-color:#9fd8b6;color:#17633a}
.evl .ev-bad i,.evl .ev-cancel i,.evl .ev-short i,.evl .ev-incident i{background:#fde3dc;border-color:#f0b4a4;color:#9c2f16}
html[data-theme=dark] .evl .ev-deliver i,html[data-theme=dark] .evl .ev-ok i,html[data-theme=dark] .evl .ev-settle i,html[data-theme=dark] .evl .ev-pod i{background:#123d2a;border-color:#1f6b47;color:#9fe3bf}
html[data-theme=dark] .evl .ev-bad i,html[data-theme=dark] .evl .ev-cancel i,html[data-theme=dark] .evl .ev-short i,html[data-theme=dark] .evl .ev-incident i{background:#45201a;border-color:#7d3a2c;color:#f6b8a6}
.trip-trk p{margin:0 0 10px}.trip-trk .btn{margin-top:10px}
@media (max-width:520px){.trip-steps span{font-size:11px}.optabs button{padding:8px 9px;font-size:13px}}
.info .badge{white-space:normal;max-width:100%}
/* ---------- قائمة الموبايل (الموظفين): الحساب واللغة والثيم واضحين على الخلفية الكحلي ---------- */
.side .user .u-n{font-size:13px;color:#fff;font-weight:600;display:flex;flex-direction:column;gap:1px;margin-bottom:10px}.side .user .u-n small{color:#9fb0c8;font-weight:500}
.side .user .prefs{margin-bottom:10px}
.side .prefs .seg{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.side .prefs .seg button{color:#C9D3E8}.side .prefs .seg button:hover{color:#fff}.side .prefs .seg button.on{background:var(--accent);color:#04252b}
.side .user .u-acts{display:flex;gap:8px;flex-wrap:wrap}
body.brand .side .user .u-btn{margin:0;flex:1;justify-content:center;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:none}
body.brand .side .user .u-btn:hover{background:rgba(255,255,255,.18)}
body.brand .side .user .u-btn.out{background:transparent;color:#ffb4a2;border-color:rgba(255,140,120,.45)}
.dz-logo{cursor:pointer}
body.brand .side .brand a.dz-logo{display:inline-flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;border:0;border-radius:0;background:none;color:#fff;font-weight:inherit;gap:0}
body.brand .side .brand a.dz-logo:hover{background:none}body.brand .side .brand a.dz-logo::before{display:none}
body.brand .side .brand a.dz-logo small{margin-top:0;font-size:10.5px;line-height:1;color:inherit}
/* محتوى السيرفر في الرئيسية (قبل ما التطبيق يشتغل) والأسئلة الشائعة جوه الموقع */
.sx-ssr{max-width:1080px;margin:0 auto;padding:28px 18px;line-height:1.85;color:var(--ink,#0A2230)}.sx-ssr h1{font-size:30px;line-height:1.35}
.st-faq{max-width:1180px;margin:56px auto 0;padding:0 48px}.st-faq h2{font-family:"Kufi","Plex Arabic",sans-serif;font-size:30px;margin:0 0 14px}
.st-faq details{background:var(--surf);border:1px solid var(--line);border-radius:12px;padding:4px 18px;margin:8px 0}.st-faq summary{cursor:pointer;font-weight:600;padding:12px 0;min-height:44px}.st-faq details p{margin:0 0 14px;color:var(--mut);line-height:1.85}
.st-faq .sx-more{margin-top:14px;color:var(--mut)}
@media (max-width:820px){.st-faq{padding:0 16px;margin-top:36px}.st-faq h2{font-size:24px}}
.dz-foot .dz-nap{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#c8d1e4;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.dz-foot .dz-nap a{color:#fff}
/* ===================== الموقع العام — الشكل B (واضح ونضيف) ===================== */
.site.sb{--sbw:1180px;background:var(--bg)}
.site.sb .dz-top{background:var(--surf);border-bottom:1px solid var(--line)}
.site.sb .dz-nav button{border-radius:8px}
/* الهيرو: فاتح، العنوان في النص، وأدوات السعر والتتبع تحته */
.site.sb .st-hero{background:transparent;color:var(--ink);overflow:visible;padding:clamp(40px,6vw,88px) 20px 0;text-align:center}
.site.sb .st-say{padding:0;max-width:980px;margin:0 auto}
.site.sb .st-say h1{color:var(--ink);font-family:"Plex Arabic",sans-serif;font-weight:700;letter-spacing:-.5px;font-size:clamp(34px,5.4vw,72px);line-height:1.18;margin:0 0 18px}
.site.sb .st-say h1 em{font-style:normal;color:var(--accent-ink)}
.site.sb .st-say p{color:var(--mut);font-size:clamp(16.5px,1.6vw,20px);line-height:1.8;max-width:700px;margin:0 auto}
.site.sb .st-tools{margin:34px auto 0;max-width:1000px;text-align:start;background:var(--surf);border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:var(--sh2)}
.site.sb .st-tbar{gap:8px}
.site.sb .st-tool{border:0;background:var(--tint);border-radius:14px;box-shadow:none;min-height:72px}
.site.sb .st-tool:hover{background:var(--tint2)}
.site.sb .st-tool.on{background:var(--navy);color:#fff;box-shadow:none}.site.sb .st-tool.on>svg{color:var(--accent)!important}.site.sb .st-tool.on small{color:#C9D8DE}
.site.sb .st-panel{margin:10px 0 0;border:0;box-shadow:none;background:transparent;padding:14px 12px 8px}
.sb-heroacts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px auto 0}.sb-heroacts .btn{min-height:46px;padding:0 20px}
/* معاينة الخدمة */
.sb-prev{max-width:var(--sbw);margin:48px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;text-align:start}
.sb-card{background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.sb-card small{color:var(--mut);font-size:13px}.sb-card.dark{background:var(--navy);border-color:var(--navy);color:#fff}.sb-card.dark small,.sb-card.dark>span{color:#C9D8DE;font-size:14px}
.sb-ch{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sb-badge{font-size:12.5px;background:var(--warn-bg);color:var(--warn-fg);padding:3px 10px;border-radius:999px}
.sb-route{font-size:21px;font-weight:700;color:var(--ink)}
.sb-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.sb-tl li{display:flex;gap:12px;align-items:center;font-weight:600}.sb-tl li:not(.done):not(.cur){color:var(--mut);font-weight:500}
.sb-dot{width:24px;height:24px;border-radius:50%;flex:0 0 24px;display:grid;place-items:center;border:2px solid var(--line2);background:var(--surf)}.sb-dot.on{background:var(--accent);border-color:var(--accent);color:#04232A}.sb-dot.cur{border:3px solid var(--accent)}
.sb-map{flex:1;min-height:170px;border-radius:14px;background-color:#0E2D3C;background-image:linear-gradient(rgba(150,175,184,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(150,175,184,.1) 1px,transparent 1px);background-size:30px 30px;position:relative;overflow:hidden}
.sb-map svg{position:absolute;inset:0;width:100%;height:100%}
.sb-rows{list-style:none;margin:0;padding:0}.sb-rows li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.sb-rows li:last-child{border-bottom:0}
.sb-rows i{display:block;width:72px;height:10px;border-radius:5px;background:var(--tint2)}.sb-rows li:last-child i{background:var(--accent-soft)}
.sb-mut{color:var(--mut);font-size:14px}
/* الأقسام */
.site.sb section.sb-sec,.site.sb .st-types{max-width:var(--sbw);margin:88px auto 0;padding:0 20px}
.site.sb section h2{font-family:"Plex Arabic",sans-serif;font-weight:700;font-size:clamp(26px,3.2vw,42px);letter-spacing:-.3px}
.sb-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.sb-f{background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:8px}.sb-f.wide{grid-column:span 2}
.sb-f.soft{background:var(--accent-soft);border-color:transparent}.sb-f.navy{background:var(--navy);border-color:var(--navy);color:#fff}.sb-f.navy p{color:#C9D8DE}.sb-f.navy .sb-tag{color:var(--accent)}
.sb-tag{font-size:13px;font-weight:700;color:var(--accent-ink)}.sb-f h3{margin:0;font-size:22px;color:inherit}.sb-f p{margin:0;color:var(--mut);line-height:1.8}
.sb-how{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sb-how li{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:4px}
.sb-how i{font-style:normal;width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;margin-bottom:6px}
.sb-how b{font-size:18px}.sb-how span{color:var(--mut);font-size:15px}
.site.sb .st-tariff{max-width:var(--sbw);margin:88px auto 0;box-sizing:border-box}.site.sb .st-tariff a{font-weight:600}
.site.sb .st-types{display:block}.site.sb .st-types p{margin:0 0 18px}
.sb-loads{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.sb-loads div{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:2px}.sb-loads b{font-size:17px}.sb-loads small{color:var(--accent-ink);font-weight:600}
.sb-more{display:inline-block;margin-top:14px;font-weight:600}
.site.sb .st-steps{max-width:var(--sbw);margin:88px auto 0;padding:0 20px;box-sizing:border-box}
/* التطبيقات */
.sb-apps{max-width:var(--sbw);margin:88px auto 0;padding:0 20px}
.sb-apps-in{background:var(--navy);color:#fff;border-radius:28px;padding:clamp(26px,5vw,60px);display:flex;flex-wrap:wrap;gap:36px;align-items:center}
.sb-apps-say{flex:1 1 420px;min-width:0}.site.sb .sb-apps h2{color:#fff}.sb-apps-say>p{color:#C9D8DE;margin:0 0 18px}
.site.sb .st-who{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.site.sb .st-w{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff;padding:18px}.site.sb .st-w p{color:#C9D8DE}
.site.sb .st-w .btn{border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:8px 14px;font-size:14px;color:#fff;background:transparent}.site.sb .st-w .btn.gold{background:var(--accent);border-color:var(--accent);color:#04232A}
.sb-phone{flex:0 0 250px;margin:0 auto;height:400px;border-radius:34px;background:#fff;border:8px solid #13384A;padding:18px 14px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;color:#0A2230}
.sb-phone>b{font-size:18px}.sb-ph-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sb-ph-stats div{background:#F2F5F7;border-radius:12px;padding:10px}.sb-ph-stats b{font-size:20px;display:block}.sb-ph-stats small{font-size:11px;color:#566B76}
.sb-ph-cta{background:#00C2CB;color:#04232A;border-radius:12px;padding:12px;text-align:center;font-weight:700;font-size:14px}.sb-ph-trip{border:1px solid #DAE2E6;border-radius:12px;padding:10px;display:flex;flex-direction:column;font-size:13px}.sb-ph-trip small{color:#566B76}
.site.sb .st-faq{max-width:var(--sbw);margin:88px auto 0;padding:0 20px;box-sizing:border-box}
.site.sb .st-contact{max-width:var(--sbw);margin:88px auto 0;box-sizing:border-box;border-radius:22px}
@media (max-width:1240px){.site.sb .st-tariff,.site.sb .st-contact{margin-inline:20px}}
@media (max-width:900px){.sb-bento{grid-template-columns:minmax(0,1fr)}.sb-f.wide{grid-column:auto}.sb-how{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-loads{grid-template-columns:repeat(2,minmax(0,1fr))}.site.sb .st-who{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.site.sb .st-hero{padding:32px 16px 0}.site.sb .st-tools{margin-top:24px;border-radius:18px}.site.sb .st-tbar{grid-template-columns:minmax(0,1fr)}
  .site.sb section.sb-sec,.site.sb .st-types,.site.sb .st-steps,.sb-apps,.site.sb .st-faq{margin-top:56px;padding:0 16px}.site.sb .st-tariff,.site.sb .st-contact{margin:56px 16px 0}.sb-prev{margin-top:32px}.sb-phone{display:none}}
@media (max-width:520px){.sb-how{grid-template-columns:minmax(0,1fr)}}
.site.sb>section,.site.sb .st-tariff,.site.sb .st-contact,.site.sb .st-faq,.site.sb .st-steps,.site.sb .st-types{width:100%;box-sizing:border-box}
.site.sb .st-tariff,.site.sb .st-contact{width:calc(100% - 40px);max-width:var(--sbw)}
.site.sb .st-faq .sx-faq{max-width:none}
@media (max-width:820px){.site.sb .st-tariff,.site.sb .st-contact{width:calc(100% - 32px)}}
@media (max-width:600px){.site.sb .dz-top .btn.gold{display:none}.sb-prev .sb-card:nth-child(3){display:none}.sb-heroacts .btn{flex:1 1 0}}
/* ---------- عروض أسعار الموردين ---------- */
.qbox .tblin{max-height:none}.qbox .mini td{vertical-align:top}.qbox tr.q-void td{opacity:.55}
.q-sum{display:flex;flex-wrap:wrap;gap:6px 8px;margin:4px 0 10px}.q-sum span{background:var(--tint2);border-radius:999px;padding:2px 11px;font-size:13px;white-space:nowrap}.q-sum span.bad{background:var(--bad-bg);color:var(--bad)}.q-sum span.good{background:var(--good-bg);color:var(--good)}
.q-acts{display:flex;flex-wrap:wrap;gap:6px}.qbox td .q-acts{flex-wrap:nowrap;justify-content:flex-end}.qbox td .q-acts .btn{white-space:nowrap}.q-foot{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}
.q-sups{display:grid;gap:8px;margin:12px 0;max-height:min(46vh,420px);overflow:auto;padding:2px}
.q-sup{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surf);cursor:pointer}.q-sup.off{opacity:.6;cursor:default}.q-sup input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}
.q-sup-b{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.q-sup-b small{white-space:normal;line-height:1.6}.q-warn{color:var(--warn-fg)}
.q-all{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;cursor:pointer}.q-all input{width:16px;height:16px;accent-color:var(--accent)}
.q-card.need{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.q-card .q-acts{margin-top:10px}.q-note{margin-top:6px;padding:6px 10px;border-radius:8px;background:var(--tint2);font-size:13.5px;white-space:pre-wrap}
.q-h4{margin:22px 0 10px}a.q-go{text-decoration:none;color:inherit}
[dir=ltr] .q-sum span{font-size:12.5px}
@media (max-width:700px){.q-foot .btn,.q-card .q-acts .btn{flex:1 1 auto}.q-sup{align-items:flex-start}}
.qbox tr.q-alert td{background:var(--bad-bg)}
.c-offers{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);display:grid;gap:8px}.c-offers-h{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}
.c-offer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--tint)}.c-offer.on{border-color:var(--good);background:var(--good-bg)}
.c-offer-p{display:flex;flex-direction:column;min-width:108px}.c-offer-p b{font-size:18px;line-height:1.3}.c-offer-b{display:flex;flex-direction:column;gap:2px;flex:1;min-width:150px;font-size:13.5px}.c-ok{color:var(--good)}
.plog{max-height:62vh}
@media (max-width:700px){.c-offer .q-acts{width:100%}.c-offer .q-acts .btn{flex:1}}
/* ---------- الإشعارات ---------- */
.ntf-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:var(--surf);color:var(--txt);cursor:pointer;flex-shrink:0;padding:0}
.ntf-bell:hover{border-color:var(--accent)}.ntf-bell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.shell .mtop .ntf-bell{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.ntf-n{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--bad);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.ntf-n[hidden]{display:none}
.ntf-box .asst-chk{margin:10px 0}.ntf-list{display:grid;gap:6px;max-height:min(56vh,520px);overflow:auto;margin:6px 0;padding:2px}
.ntf-i{display:grid;gap:2px;text-align:start;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surf);color:var(--txt);cursor:pointer;font:inherit;line-height:1.6}
.ntf-i:hover{border-color:var(--accent)}.ntf-i.new{border-inline-start:4px solid var(--accent);background:var(--tint)}.ntf-i span{font-size:13.5px;white-space:normal}.ntf-i b{font-size:14.5px}
.ntf-nudge{margin-bottom:12px;flex-wrap:wrap}
.q-target{margin-top:8px;padding:8px 12px;border-radius:10px;background:var(--warn-bg);color:var(--txt);font-size:14.5px}.q-target b{font-size:17px}
@media (max-width:700px){.ntf-bell{width:36px;height:36px}.ntf-nudge .q-acts{width:100%}.ntf-nudge .q-acts .btn{flex:1}}

/* أوامر الشغل، صندوق عروض العميل، عهدة النقلة، دفتر اليومية */
.wo-list{display:grid;gap:12px}
.wo .wo-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px}
.wo .wo-m{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--mut,#5b6577);margin-bottom:10px}
.cofs h4,.tcu h4{display:flex;align-items:center;gap:10px;justify-content:space-between}
.cl-r.cof{cursor:default}
.cl-r .sp{flex:1}
.cl-r .btn.sm{margin:0}
.tcu .att-up{margin-top:8px}
table.jrn{width:100%;border-collapse:collapse}
table.jrn td,table.jrn th{padding:7px 10px;vertical-align:top}
table.jrn tr.jr-0 td{border-top:2px solid var(--line,#dfe3ea)}
table.jrn td.jr-t{white-space:normal;min-width:220px;max-width:420px}
table.jrn td.jr-cr{padding-inline-start:30px}
table.jrn tr.jr-p td{background:color-mix(in srgb,#FCE4D6 22%,transparent)}
tr.jr-g td{background:color-mix(in srgb,var(--line,#dfe3ea) 35%,transparent)}
.jr-d{display:inline-flex;align-items:center;gap:8px}
table.jrn td.jr-t small{display:block;margin-top:2px}
.jr-x{color:var(--mut)}
.modal .cofs,.optab-p .tcu{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--line) 18%,transparent)}
.modal .cofs h4,.optab-p .tcu h4{margin:0 0 8px}

/* مؤشرات لوحة العروض: كروت بتفلتر اللوحة */
.cards .card.ins{cursor:pointer;text-align:start;font:inherit;color:inherit;border:2px solid transparent}
.cards .card.ins:hover,.cards .card.ins:focus-visible{border-color:var(--navy)}
.cards .card.ins.on{border-color:var(--accent,#00A3A3);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#00A3A3) 22%,transparent)}
.cards.ins-row .card small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}
@media (min-width:821px){.kboard.kb-slim{grid-auto-columns:minmax(204px,1fr);gap:10px}}
.cards.ins-row .card.txt .n{font-size:17px;line-height:1.5;font-weight:700}
.modal-b>.asst-chk{margin-bottom:10px}.kact{align-self:flex-start;margin-top:5px;border:1px dashed var(--accent,#6C5CE7);background:transparent;color:inherit;border-radius:8px;padding:3px 10px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.kact:hover,.kact:focus-visible{background:var(--accent-soft,rgba(108,92,231,.12))}
.det-line{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:13px;margin-top:8px;padding:7px 11px;border-radius:9px;border:1px dashed var(--line);background:color-mix(in srgb,var(--line) 22%,transparent)}.det-line>b:first-child{color:var(--accent,#B8892B)}.tdet h4{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:0 0 8px}.optab-p .tdet{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--line) 18%,transparent)}.tdet .att-up{align-items:flex-end;margin-top:8px}.tdet .att-up input.numin{width:150px}.det-f{display:flex;flex-direction:column;gap:3px}.det-f small{color:var(--mut);font-size:12px}
.rt{padding:10px 14px}.rt-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer}.rt-s{width:44px;height:44px;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.rt-s.none{border-color:var(--line);color:var(--mut)}.rt-n{display:flex;flex-direction:column;min-width:160px}.rt-f{display:flex;gap:6px 12px;flex-wrap:wrap;font-size:12.5px}.cards button.card{font:inherit;text-align:inherit;cursor:pointer;border:2px solid transparent}.cards button.card.on{border-color:var(--accent,#6C5CE7)}
.an-tips{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:5px}.an-tips li{padding:6px 10px;border-radius:8px;font-size:13.5px;border-inline-start:4px solid #9db7e0;background:color-mix(in srgb,var(--line) 22%,transparent)}.an-tips li.lv-bad{border-color:#c62828}.an-tips li.lv-warn{border-color:#f9a825}.an-tips li.lv-ok{border-color:#2e7d32}.an-tip{display:block;min-width:220px;max-width:360px;white-space:normal;font-size:12.5px}.an-r .wo-m{display:flex;flex-wrap:wrap;gap:4px 18px;color:var(--mut);margin:6px 0 0}.an-r .wo-h{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}tr.an-tr td{padding-top:0;border-top:0;white-space:normal}tr.an-tr .an-tip{max-width:none;display:block;padding:5px 10px;border-radius:8px;border-inline-start:4px solid #9db7e0;background:color-mix(in srgb,var(--line) 22%,transparent)}tr.an-tr .an-tip.lv-bad{border-color:#c62828}tr.an-tr .an-tip.lv-warn{border-color:#f9a825}tr.an-tr .an-tip.lv-ok{border-color:#2e7d32}
.field[hidden],.veh-tl[hidden]{display:none}.veh-kind{align-items:center;margin:0 0 12px;padding:8px 10px;border:1px dashed var(--line);border-radius:10px}.veh-kind>b{font-size:13px;margin-inline-end:4px}.veh-kind .chip{cursor:pointer}.veh-tl{margin:4px 0 12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--line) 18%,transparent)}.veh-tl h4{margin:0 0 6px}.veh-tl .ntl-grid{margin-top:8px}.veh-unit{margin:0 0 12px}
.tqty h4{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:0 0 8px}.optab-p .tqty{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--line) 18%,transparent)}.tqty .att-up{align-items:flex-end;margin-top:8px}.tqty .att-up input.numin{width:170px}.calc-line{margin-top:6px}
.asg h4.asg-st{margin:14px 0 6px}.asg-ship{margin:0}.asg-ship h4{margin:0 0 8px}.asg-unit{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:center}.asg .mt-list{max-height:38vh;overflow:auto;margin:8px 0}.asg-pick{margin-top:8px}.asg-info{min-height:4px}small.asg-unit{margin-top:4px}
.trent h4{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:0 0 8px}.optab-p .trent{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--line) 18%,transparent)}.trent .att-up{align-items:flex-end;margin-top:10px}.trent .att-up input.numin{width:110px}.trent .att-up input[type=date]{width:150px}.trent .cl-rows{margin-top:8px}.stm-bill{display:block;color:var(--mut);font-size:11.5px;white-space:nowrap}
.tvat h4{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:0 0 8px}.optab-p .tvat{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--line) 18%,transparent)}
/* العملات: خانات العملة المطوية في النماذج، وتبديل العملة في الكشوف */
details.fgrp{margin:10px 0 4px;border:1px dashed var(--line);border-radius:10px;padding:6px 12px}
details.fgrp>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--mut);padding:4px 0}
details.fgrp[open]>summary{margin-bottom:6px}
.cur-tabs{align-items:center;margin:0 0 10px}
.cur-tabs .muted{font-size:13px}
.fx-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.fx-list .fx{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px;display:flex;flex-direction:column;gap:2px;min-width:200px}
.fx-list .fx b.c{font-size:14px}
.acc-tabs{margin:0 0 10px}.acc-tabs .chip{padding:6px 14px;font-size:13px;color:inherit;text-decoration:none}.acc-tabs .chip.on{color:#fff}
.wo-acc .panel{margin-top:10px}.wo-acc h4{margin:0 0 6px}.wo-pnl .cards{margin:6px 0}
/* شؤون الموظفين: زر الحضور والانصراف */
body .btn.hr-clock{white-space:nowrap;background:#2e9e5b;color:#fff;border-color:#2e9e5b;font-weight:700;padding:9px 20px;animation:hrclockpulse 2.4s ease-in-out infinite}body .btn.hr-clock.out{background:#c0392b;border-color:#c0392b}body .btn.hr-clock:hover{transform:translateY(-1px)}
.hr-punch{text-align:center}.hr-punch .btn.big{font-size:23px;padding:20px 58px;margin:12px 0;border-radius:16px;font-weight:800;box-shadow:0 8px 22px rgba(0,0,0,.16);transition:transform .15s ease,box-shadow .3s ease;animation:hrpulse 2s ease-in-out infinite}.hr-punch .btn.big:hover{transform:translateY(-3px) scale(1.04)}.hr-punch .btn.big:active{transform:scale(.97)}.hr-punch small{display:block;margin-top:6px}
.chips .chip-wrap{display:inline-flex;align-items:center;gap:6px}
@keyframes hrpulse{0%,100%{box-shadow:0 8px 22px rgba(0,0,0,.16)}50%{box-shadow:0 10px 30px rgba(0,0,0,.30);transform:scale(1.015)}}
@keyframes hrclockpulse{0%,100%{box-shadow:0 0 0 0 rgba(46,158,91,.45)}70%{box-shadow:0 0 0 7px rgba(46,158,91,0)}}
@media (prefers-reduced-motion:reduce){.hr-punch .btn.big,body .btn.hr-clock{animation:none}}

/* ====================================================================================
   ثيم الموقع وتطبيقات الموبايل (lx) — ألوان البراند من لوجو ديزل وتطبيق جوجل بلاي:
   كحلي التطبيق #0B2240 + سماوي اللوجو #4AB3CB + أزرق شعلة اللوجو #0E5E96 (مفيش أصفر: مش من ألوان البراند) + رمادي حرف D #385860.
   الشكل (شريط معلومات، هيدر، هيرو كحلي بملمس، عناوين بسطر صغير، كروت خدمات، خطوات بأرقام، فوتر أعمدة)
   مستوحى من ثيمات شركات اللوجستيات. مكتوب للموبايل الأول وبعدين بيكبر للكمبيوتر.
   تطبيق الموظفين مش عليه الكلاس ده فبيفضل على شكله.
   ==================================================================================== */
body.brand.lx{
  --navy:#0B2240;--navy2:#132F57;--deep:#071833;--panel-txt:#B9CAD6;--slate:#385860;
  --accent:#4AB3CB;--accent2:#4AB3CB;--accent-ink:#16708A;--accent-soft:#E4F4F8;--on-accent:#0B2240;
  --amber:#4AB3CB;--amber-hover:#6CC4D8;--on-amber:#0B2240;--gold:#4AB3CB;--blue:#0E5E96;   /* --amber = لون الزرار المهم = سماوي اللوجو */
  --primary:#0B2240;--primary-hover:#132F57;--on-primary:#fff;
  --bg:#F3F8FA;--surf:#fff;--card:#fff;--tint:#F1F7F9;--tint2:#E3EEF2;--line:#DCE6EC;--line2:#C3D3DB;
  --ink:#0B2240;--txt:#0B2240;--mut:#5A6B7B;
  --sh2:0 12px 30px rgba(11,34,64,.10);--sh3:0 30px 70px rgba(7,24,51,.28)}
html[data-theme=dark] body.brand.lx{
  --navy:#081A33;--navy2:#0F2A4A;--deep:#050F20;--panel-txt:#A9BCCB;
  --accent:#4AB3CB;--accent2:#4AB3CB;--accent-ink:#7FD0E2;--accent-soft:#0F3348;--on-accent:#06142A;
  --primary:#4AB3CB;--primary-hover:#6CC4D8;--on-primary:#06142A;
  --bg:#071A30;--surf:#0F2A44;--card:#0F2A44;--tint:#13314F;--tint2:#183A5C;--line:#1F4262;--line2:#2A5275;
  --ink:#EAF2F7;--txt:#EAF2F7;--mut:#A9BCCB}
html[data-theme=dark]:has(body.lx){background:#071A30}
/* الأزرار: الكهرماني للأهم (زي زرار "طلب جديد" في التطبيق)، الكحلي أساسي */
body.lx .btn.gold{background:var(--amber);color:var(--on-amber)}
body.lx .btn.gold:hover{background:var(--amber-hover)}
body.lx .btn{border-radius:12px}
body.lx .dz-tabs a.on{color:var(--accent)}
body.lx .dz-tabs{background:var(--navy)}
/* الشعار: صورة اللوجو بدل الاسم المكتوب */
.dz-logo img{display:none}
body.lx .dz-logo:has(img)>:not(img){display:none}
body.lx .dz-logo img.lg-l{display:block;height:38px;width:auto}
html[data-theme=dark] body.lx .dz-logo img.lg-l,body.lx .lx-foot .dz-logo img.lg-l{display:none}
html[data-theme=dark] body.lx .dz-logo img.lg-d,body.lx .lx-foot .dz-logo img.lg-d{display:block;height:38px;width:auto}

/* ---------- الهيدر ---------- */
.lx-head{display:contents}
.lx-strip{display:none}
.site.sb.lx-site .dz-top,body.lx .site .dz-top{min-height:64px;padding:8px 16px;gap:10px;background:var(--surf);box-shadow:0 1px 0 var(--line)}
.site.sb.lx-site .dz-nav button{font-weight:600;color:var(--ink);position:relative}
.site.sb.lx-site .dz-nav button::after{content:"";position:absolute;inset-inline:12px;bottom:3px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s}
.site.sb.lx-site .dz-nav button:hover{background:none;color:var(--accent-ink)}.site.sb.lx-site .dz-nav button:hover::after{transform:scaleX(1)}
.lx-call{display:none;align-items:center;gap:10px;color:var(--ink);text-decoration:none;line-height:1.3}
.lx-call i{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;flex-shrink:0}
.lx-call small{display:block;color:var(--mut);font-size:12.5px}.lx-call b{font-size:15px}
@media (min-width:1100px){
  .lx-strip{display:flex;align-items:center;gap:22px;background:var(--deep);color:#B9CAD6;font-size:13.5px;padding:0 0 0 0;padding-inline-start:28px;min-height:40px}
  .lx-strip span{display:inline-flex;align-items:center;gap:6px}.lx-strip svg{color:var(--accent)}
  .lx-strip-wa{color:#fff;text-decoration:none;font-weight:600}.lx-strip-wa:hover{color:var(--accent)}
  .lx-strip-cta{align-self:stretch;border:0;background:var(--amber);color:var(--on-amber);font-weight:700;padding:0 26px;font-size:14px;position:relative}
  .lx-strip-cta::before{content:"";position:absolute;inset-block:0;inset-inline-start:-16px;width:16px;background:inherit;clip-path:polygon(100% 0,100% 100%,0 100%)}
  [dir=ltr] .lx-strip-cta::before{clip-path:polygon(0 0,100% 100%,0 100%)}
  .site.sb.lx-site .dz-top{padding:0 28px 0 28px;padding-inline-start:0;min-height:76px}
  /* الشعار على بلوك فاتح بحافة مايلة زي الثيم */
  .site.sb.lx-site .dz-top>.dz-logo{align-self:stretch;justify-content:center;padding:0 28px;background:var(--tint);position:relative;margin-inline-end:18px}
  .site.sb.lx-site .dz-top>.dz-logo::after{content:"";position:absolute;inset-block:0;inset-inline-end:-22px;width:22px;background:inherit;clip-path:polygon(0 0,100% 0,0 100%)}
  [dir=ltr] .site.sb.lx-site .dz-top>.dz-logo::after{clip-path:polygon(0 0,100% 0,100% 100%)}
  .lx-call{display:flex}
}

/* ---------- الهيرو ---------- */
.site.sb.lx-site .st-hero.lx-hero{position:relative;text-align:start;color:#fff;padding:28px 16px 64px;overflow:hidden;
  background:radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.4px) 0 0/20px 20px,radial-gradient(60% 70% at 85% 10%,rgba(74,179,203,.32),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(242,162,41,.14),transparent 70%),var(--navy)}
.lx-hero-in{max-width:1180px;margin:0 auto;display:grid;gap:28px;align-items:center}
.site.sb.lx-site .lx-hero .st-say{padding:0;margin:0;max-width:640px}
.lx-pill{display:inline-block;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;padding:5px 18px;font-weight:600;font-size:14px;margin-bottom:16px}
.site.sb.lx-site .lx-hero .st-say h1{color:#fff;font-family:"Kufi","Plex Arabic",sans-serif;font-weight:800;font-size:clamp(30px,6.4vw,62px);line-height:1.3;letter-spacing:0;margin:0 0 14px}
.site.sb.lx-site .lx-hero .st-say h1 em{color:var(--amber);font-style:normal}
.site.sb.lx-site .lx-hero .st-say p{color:#C9D6E2;font-size:clamp(16px,1.7vw,19px);margin:0;max-width:560px}
.lx-hero-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:24px}
.lx-hero-acts .btn.gold{min-height:52px;padding:0 24px;font-size:16.5px;display:inline-flex;align-items:center;gap:8px}
[dir=rtl] .lx-hero-acts .btn.gold svg,[dir=rtl] .lx-more svg{transform:none}[dir=ltr] .lx-hero-acts .btn.gold svg,[dir=ltr] .lx-more svg{transform:scaleX(-1)}
.lx-hcall{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;line-height:1.3}
.lx-hcall i{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.lx-hcall small{display:block;color:#C9D6E2;font-size:13px}.lx-hcall b{font-size:17px}
/* زرار جوجل بلاي (مش الشعار الرسمي، زرار بنفس الهوية) */
.lx-play{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:6px 18px;border-radius:12px;background:#000;color:#fff!important;text-decoration:none;border:1px solid rgba(255,255,255,.28);line-height:1.15}
.lx-play svg{color:var(--accent)}.lx-play small{display:block;font-size:11.5px;opacity:.85}.lx-play b{font-size:17px;font-family:"Segoe UI",system-ui,sans-serif;letter-spacing:.2px}
.lx-play:hover{background:#111;border-color:var(--accent)}
.lx-play.big{min-height:58px;padding:8px 22px}.lx-play.big b{font-size:19px}
/* صور التطبيق في إطار موبايل */
.lx-phone{margin:0;border-radius:30px;padding:7px;background:#0A1424;box-shadow:var(--sh3);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.lx-phone img{display:block;width:100%;height:auto;border-radius:23px;background:#fff}
.lx-hero-art{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:0;padding:0 0 6px}
.lx-hero-art .lx-phone{width:min(56vw,250px)}
.lx-hero-art .lx-phone.back{position:absolute;width:min(46vw,210px);inset-inline-start:calc(50% - min(56vw,250px)/2 - min(26vw,120px));bottom:34px;opacity:.9;transform:rotate(6deg)}
[dir=ltr] .lx-hero-art .lx-phone.back{transform:rotate(-6deg)}
.lx-hero-art .lx-phone.front{position:relative;z-index:2}
.lx-float{position:absolute;z-index:3;inset-inline-end:max(0px,calc(50% - 230px));top:18%;display:flex;align-items:center;gap:10px;background:var(--surf);color:var(--ink);border-radius:14px;padding:10px 14px;box-shadow:var(--sh2);line-height:1.3}
.lx-float i{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center}
.lx-float b{display:block;font-size:14.5px}.lx-float small{color:var(--mut);font-size:12.5px}
@media (min-width:900px){
  .site.sb.lx-site .st-hero.lx-hero{padding:72px 28px 120px}
  .lx-hero-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px}
  .lx-hero-art .lx-phone{width:270px}.lx-hero-art .lx-phone.back{width:230px;inset-inline-start:calc(50% - 280px);bottom:40px}
}
@media (prefers-reduced-motion:no-preference){.lx-hero-art .lx-phone.front{animation:lx-up .8s cubic-bezier(.2,.8,.2,1) both}.lx-hero-art .lx-phone.back{animation:lx-fade .9s .15s both}.lx-float{animation:lx-fade .6s .5s both}}
@keyframes lx-up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes lx-fade{from{opacity:0}}

/* بوكس الحجز والتتبع فوق آخر الهيرو */
.site.sb.lx-site .st-tools.lx-book{position:relative;z-index:4;margin:-40px 12px 0;max-width:1080px;padding:14px;border-radius:20px;border:0;box-shadow:var(--sh3)}
.lx-book-h{display:flex;align-items:baseline;gap:10px;padding:2px 6px 10px}.lx-book-h b{font-size:18px;font-family:"Kufi","Plex Arabic",sans-serif}.lx-book-h small{color:var(--mut)}
.site.sb.lx-site .st-tool{min-height:64px}
.site.sb.lx-site .st-tool.on{background:var(--navy)}.site.sb.lx-site .st-tool.on>svg{color:var(--amber)!important}
@media (min-width:900px){.site.sb.lx-site .st-tools.lx-book{margin:-70px auto 0;padding:18px}}
@media (min-width:1104px){.site.sb.lx-site .st-tools.lx-book{margin-inline:auto}}

/* ---------- عناوين الأقسام ---------- */
.lx-eb{display:inline-flex;align-items:center;gap:10px;color:var(--accent-ink);font-weight:700;font-size:14px;margin-bottom:6px}
.lx-eb::before{content:"";width:34px;height:2px;border-radius:2px;background:var(--accent)}
.lx-dark .lx-eb,.sb-apps .lx-eb{color:var(--accent)}
.site.sb.lx-site section h2{font-family:"Kufi","Plex Arabic",sans-serif;font-weight:800;letter-spacing:0;line-height:1.4;font-size:clamp(24px,3.4vw,40px)}
.lx-in{max-width:1180px;margin:0 auto}
.lx-head2{display:grid;gap:8px 40px;align-items:end;margin-bottom:26px}.lx-head2 h2{margin:0}.lx-head2>p{margin:0;color:var(--mut)}
.lx-head2.c{text-align:center;justify-items:center}
@media (min-width:900px){.lx-head2:not(.c){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}

/* ليه ديزل */
.lx-sec{max-width:1180px;margin:56px auto 0;padding:0 16px;box-sizing:border-box}
.lx-about{display:grid;gap:30px;align-items:center}
.lx-about-art{position:relative;border:3px solid var(--accent);border-radius:26px;padding:28px 18px 18px;background:radial-gradient(rgba(255,255,255,.08) 1.2px,transparent 1.4px) 0 0/18px 18px,linear-gradient(160deg,var(--navy2),var(--navy));overflow:hidden}
.lx-about-art .lx-truck{display:block;width:100%;height:auto}
[dir=rtl] .lx-about-art .lx-truck{transform:scaleX(-1)}
.lx-badge{position:absolute;inset-block-start:16px;inset-inline-start:16px;background:var(--amber);color:var(--on-amber);border-radius:16px;padding:8px 14px;display:flex;align-items:center;gap:8px;line-height:1.2}
.lx-badge b{font-size:28px;font-family:"Kufi"}.lx-badge span{font-weight:600;font-size:13.5px;max-width:80px}
.lx-about-say h2{margin:0 0 10px}.lx-about-say>p{color:var(--mut);margin:0 0 16px}
.lx-checks{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.lx-checks li{display:flex;align-items:center;gap:10px;font-weight:600}
.lx-checks i{width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;flex-shrink:0}
.lx-acts{display:flex;flex-wrap:wrap;gap:10px}.lx-acts .btn{min-height:48px;padding:0 22px}
.site.sb.lx-site .btn.line{border:1.5px solid var(--line2);color:var(--ink)}
@media (min-width:600px){.lx-checks{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.lx-sec{margin-top:96px;padding:0 20px}.lx-about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}.lx-about-art{padding:60px 30px 30px}}

/* الشرايط (خدمات فاتح + خطوات كحلي) */
.lx-band{margin-top:56px;padding:48px 16px}
.lx-soft{background:var(--accent-soft)}
.lx-svcs{display:grid;gap:14px}
.lx-svc{background:var(--surf);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink);border:1px solid transparent;transition:transform .2s,box-shadow .2s,border-color .2s}
.lx-svc i{width:58px;height:58px;border-radius:50%;background:var(--navy);color:var(--accent);display:grid;place-items:center;margin-bottom:6px}
.lx-svc h3{margin:0;font-size:19px}.lx-svc p{margin:0;color:var(--mut);flex:1}
.lx-more{display:inline-flex;align-items:center;gap:6px;color:var(--accent-ink);font-weight:700;font-size:14.5px;margin-top:6px}
.lx-svc:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--accent)}
.lx-dark{background:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.4px) 0 0/20px 20px,var(--navy);color:#fff}
.site.sb.lx-site .lx-dark h2{color:#fff}
.lx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 14px;counter-reset:none}
.lx-steps li{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.lx-step-ic{position:relative;width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.08);border:1.5px dashed rgba(74,179,203,.6);display:grid;place-items:center;color:var(--accent);margin-bottom:8px}
.lx-step-ic b{position:absolute;top:-4px;inset-inline-start:-4px;width:36px;height:36px;border-radius:50%;background:var(--amber);color:var(--on-amber);display:grid;place-items:center;font-size:14px}
.lx-steps h3{margin:0;font-size:19px;color:#fff}.lx-steps p{margin:0;color:#B9CAD6;font-size:15px;max-width:240px}
@media (min-width:700px){.lx-svcs{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.lx-band{margin-top:96px;padding:88px 20px}.lx-svcs{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lx-svc{padding:28px}
  .lx-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.lx-step-ic{width:120px;height:120px}}

/* التطبيق: صور الشاشات + جوجل بلاي */
.lx-store{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 22px}
.lx-store .btn.line{border-color:rgba(255,255,255,.45);color:#fff;min-height:52px;padding:0 20px;display:inline-flex;align-items:center}
.site.sb.lx-site .sb-apps-in{background:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.4px) 0 0/20px 20px,radial-gradient(60% 80% at 100% 0%,rgba(74,179,203,.25),transparent 70%),var(--navy)}
.site.sb.lx-site .st-w .btn.gold{background:var(--amber);border-color:var(--amber);color:var(--on-amber)}
.lx-shots{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;margin:0 -2px;flex:1 1 100%;min-width:0;scrollbar-width:thin}
.lx-shots>div{flex:0 0 min(62vw,230px);scroll-snap-align:center;display:flex;flex-direction:column;gap:8px;text-align:center}
.lx-shots small{color:#B9CAD6;font-size:13px}
.lx-shots .lx-phone{box-shadow:0 18px 40px rgba(0,0,0,.35)}
@media (min-width:1000px){.site.sb.lx-site .sb-apps-in{flex-wrap:nowrap;align-items:center}.site.sb.lx-site .sb-apps-say{flex:1 1 52%}.lx-shots{flex:0 1 48%;overflow:visible;justify-content:center}.lx-shots>div{flex:0 1 33%}.lx-shots>div:nth-child(2){transform:translateY(-22px)}}

/* شريط "عندك شحنة؟" كهرماني */
.site.sb.lx-site .st-contact.lx-cta{background:linear-gradient(110deg,#0E5E96,#4AB3CB);border:0;color:#fff}
.site.sb.lx-site .lx-cta h2{color:#fff}.site.sb.lx-site .lx-cta p{color:#E6F4F8}
.site.sb.lx-site .lx-cta .btn{background:var(--navy);color:#fff;min-height:48px;padding:0 22px;display:inline-flex;align-items:center}
.site.sb.lx-site .lx-cta .btn.line{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
html[data-theme=dark] .site.sb.lx-site .lx-cta .btn{background:#0B2240;color:#fff}

/* ---------- الفوتر ---------- */
.dz-foot.lx-foot{display:block;padding:0;margin-top:72px;background:radial-gradient(rgba(255,255,255,.05) 1.2px,transparent 1.4px) 0 0/20px 20px,var(--deep);color:#B9CAD6}
.lx-foot-in{max-width:1180px;margin:0 auto;padding:44px 16px 28px;display:grid;gap:30px}
.lx-fc{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.lx-fc h4{margin:0 0 8px;color:#fff;font-size:17px;font-family:"Kufi","Plex Arabic",sans-serif;position:relative;padding-bottom:8px}
.lx-fc h4::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:30px;height:2px;background:var(--accent)}
.lx-fc p{margin:0 0 6px;font-size:14.5px;line-height:1.8}
.lx-foot .lx-fc a:not(.btn){color:#D3DEE7;padding:3px 0;font-weight:500}.lx-foot .lx-fc a:not(.btn):hover{color:var(--accent)}
.lx-foot .lx-fc .btn{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 16px}
.lx-foot .lx-fc .btn.line{border:1.5px solid rgba(255,255,255,.35);color:#fff;background:transparent}
.lx-foot ul.dz-nap{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;border:0;flex-basis:auto;font-size:14px}
.lx-foot ul.dz-nap li{display:flex;gap:8px;align-items:flex-start}.lx-foot ul.dz-nap svg{color:var(--accent);flex-shrink:0;margin-top:4px}
.lx-copy{border-top:1px solid rgba(255,255,255,.1);padding:14px 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;font-size:13.5px;text-align:center}
@media (min-width:700px){.lx-foot-in{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.lx-foot-in{grid-template-columns:1.4fr 1fr 1fr 1.2fr;padding:72px 20px 44px}}

/* ---------- شريط الأزرار تحت الشاشة على الموبايل ---------- */
.lx-dock{position:fixed;inset-inline:0;bottom:0;z-index:30;display:flex;background:var(--navy);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(7,24,51,.25)}
.lx-dock>*{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#C9D6E2;font-size:12px;font-weight:600;text-decoration:none;padding:6px 2px;min-height:52px;border-radius:12px}
.lx-dock>*:first-child{color:var(--amber)}
.lx-dock>*:active{background:rgba(255,255,255,.08)}
.lx-site:has(.lx-dock){padding-bottom:calc(70px + env(safe-area-inset-bottom))}
body.lx.brand:has(.lx-dock) #toast{bottom:92px}
@media (min-width:900px){.lx-dock{display:none}.lx-site:has(.lx-dock){padding-bottom:0}}
/* الموبايل: الهيدر فيه الشعار ودخول بس، والباقي في الشريط السفلي */
@media (max-width:899px){
  .site.sb.lx-site .dz-top .prefs{display:none}
  .site.sb.lx-site .dz-top .btn.gold{display:none}
  .site.sb.lx-site .dz-top .btn.line{min-height:42px;border:1.5px solid var(--line2)}
  .site.sb.lx-site .st-faq,.site.sb.lx-site .st-steps,.site.sb.lx-site .st-types,.site.sb.lx-site .sb-apps{margin-top:56px}
}
/* الأقسام القديمة جوه الثيم */
.site.sb.lx-site .st-faq h2,.site.sb.lx-site .st-steps h2{font-family:"Kufi","Plex Arabic",sans-serif}
.site.sb.lx-site .sb-loads small{color:var(--accent-ink)}
.site.sb.lx-site .st-chips span{border-color:var(--line2)}
.site.sb.lx-site .st-tariff{border-radius:24px}
.site.sb.lx-site .st-tools.lx-book{width:calc(100% - 24px);box-sizing:border-box}
.site.sb.lx-site .dz-nav{margin-inline-start:4px;gap:0}.site.sb.lx-site .dz-nav button{white-space:nowrap;padding:8px 10px;font-size:15px}
.site.sb.lx-site .dz-top .btn{white-space:nowrap}
@media (min-width:1100px) and (max-width:1439px){.lx-call{display:none}}
@media (min-width:900px) and (max-width:1279px){.site.sb.lx-site .dz-nav button:nth-child(-n+2){display:none}}
@media (max-width:899px){.site.sb.lx-site .dz-nav,.site.sb.lx-site .lx-call{display:none}}
.lx-band+.lx-band{margin-top:0}
.site.sb.lx-site .sb-apps .btn.line,.site.sb.lx-site .lx-hero .btn.line,.site.sb.lx-site .lx-foot .btn.line{color:#fff;border:1.5px solid rgba(255,255,255,.45);background:transparent}
.site.sb.lx-site .sb-apps .btn.line:hover,.site.sb.lx-site .lx-foot .btn.line:hover{border-color:var(--accent);color:var(--accent)}
.site.sb.lx-site .lx-dock>*{color:#C9D6E2}.site.sb.lx-site .lx-dock>*:first-child{color:var(--amber)}
@media (max-width:899px){
  .lx-hero-art{padding-top:8px}
  .lx-hero-art .lx-phone.front{width:min(52vw,230px);margin-inline-start:16vw}
  .lx-hero-art .lx-phone.back{width:min(42vw,190px);inset-inline-start:6vw;bottom:24px}
  .lx-float{inset-inline-end:2vw;top:auto;bottom:30%}
}
/* نظام التشغيل (ops): نفس الهوية، والشعار الفاتح على القائمة الجانبية الكحلي */
body.lx .side .dz-logo img.lg-l{display:none}body.lx .side .dz-logo img.lg-d{display:block;height:34px;width:auto}
body.lx .side{background:var(--navy)}
body.lx .side a.on::before{background:var(--accent)}
body.lx .mtop{background:var(--navy)}
/* أيقونة واتساب في الهيدر والهيرو */
.lx-wa{width:44px;height:44px;border-radius:50%;background:#25D366;color:#fff!important;display:inline-grid;place-items:center;flex-shrink:0;text-decoration:none;box-shadow:0 6px 16px rgba(37,211,102,.35);transition:transform .15s}
.lx-wa:hover{transform:scale(1.07)}.lx-wa.big{width:52px;height:52px}.lx-wa.big svg{width:28px;height:28px}
/* ===== الصفحة الرئيسية (الاقتراح 1): خريطة حية + كارت رحلة + صور الأسطول ===== */
.lx-live{display:inline-block;width:9px;height:9px;border-radius:50%;background:#25D366;margin-inline-end:6px;vertical-align:middle;animation:lxlive 1.6s infinite}
@keyframes lxlive{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}100%{box-shadow:0 0 0 10px rgba(37,211,102,0)}}
.lx-pill{display:inline-flex;align-items:center}
.lx-mapcard{position:relative;border-radius:24px;background:rgba(7,24,51,.55);border:1px solid rgba(255,255,255,.1);padding:10px}
.lx-map{display:block;width:100%;height:auto;transition:transform .25s ease-out;transform-origin:50% 50%}
.lx-map .land{fill:#12305A;stroke:#2A5A86;stroke-width:1.2}.lx-map .nile{fill:none;stroke:#4AB3CB;stroke-width:2.2;opacity:.5}
.lx-map .grid line{stroke:rgba(255,255,255,.05);stroke-width:1}
.lx-map .route{fill:none;stroke:rgba(74,179,203,.32);stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round;transition:stroke .2s,stroke-width .2s}
.lx-map .route.hl{stroke:#7FD0E2;stroke-width:3.2;stroke-dasharray:none}
.lx-map .trail{fill:none;stroke:#4AB3CB;stroke-width:2.6;stroke-linecap:round}
.lx-map .city{cursor:pointer}.lx-map .city circle{fill:#fff}.lx-map .city .hit{fill:transparent}
.lx-map .city text{fill:#C9D6E2;font:600 12px "Plex Arabic",sans-serif}.lx-map .city.on circle:not(.hit){fill:#4AB3CB}.lx-map .city.on text,.lx-map .city:hover text{fill:#fff}
.lx-map .trk{cursor:pointer}.lx-map .trk .hit{fill:transparent}.lx-map .trk.on .hit{fill:rgba(74,179,203,.3)}
.lx-map .city:focus-visible,.lx-map .trk:focus-visible{outline:none}.lx-map .city:focus-visible circle:not(.hit),.lx-map .trk:focus-visible .hit{stroke:#fff;stroke-width:2}
.lx-map .ping{fill:none;stroke:#4AB3CB;stroke-width:2}
.lx-feed{position:absolute;inset-inline-start:14px;bottom:34px;display:flex;flex-direction:column;gap:6px;max-width:min(270px,72%);pointer-events:none}
.lx-fi{background:rgba(255,255,255,.96);color:#0B2240;border-radius:12px;padding:8px 12px;font-size:13px;line-height:1.5;box-shadow:0 10px 24px rgba(0,0,0,.25);display:flex;gap:8px;align-items:center;animation:lxfin .5s ease both}
.lx-fi i{width:28px;height:28px;border-radius:50%;background:#E6F4F8;color:#16708A;display:grid;place-items:center;flex-shrink:0}
.lx-fi b{display:block;font-size:13.5px}.lx-fi small{color:#566C78}
@keyframes lxfin{from{opacity:0;transform:translateY(10px)}}
.lx-tip{position:absolute;z-index:5;transform:translate(-50%,calc(-100% - 10px));background:#fff;color:#0B2240;border-radius:12px;padding:8px 12px;min-width:170px;box-shadow:0 14px 30px rgba(0,0,0,.35);font-size:13px;line-height:1.5;pointer-events:none;text-align:start}
.lx-tip b{display:block;font-size:14px}.lx-tip small{color:#566C78}
.lx-tip-bar{height:6px;border-radius:3px;background:#E3EEF2;margin:6px 0 4px;overflow:hidden}.lx-tip-bar i{display:block;height:100%;background:linear-gradient(90deg,#0E5E96,#4AB3CB)}
.lx-mapnote{position:absolute;bottom:8px;inset-inline-end:14px;color:#8FA6B8;font-size:11.5px}
.lx-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:calc(100% - 24px);max-width:1080px;margin:18px auto 0;box-sizing:border-box}
.lx-stats div{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column}
.lx-stats b{font:800 26px "Kufi","Plex Arabic",sans-serif;color:#0E5E96;font-variant-numeric:tabular-nums}
html[data-theme=dark] .lx-stats b{color:#7FD0E2}
.lx-stats span{color:var(--mut);font-size:14px}
@media (min-width:900px){.lx-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lx-trip{border-radius:24px;background:linear-gradient(160deg,#12305A,#0B2240);color:#fff;padding:22px;border:3px solid #4AB3CB;display:grid;gap:14px}
.lx-trip-h{display:flex;justify-content:space-between;align-items:center;gap:8px}.lx-trip-h small{color:#B9CAD6}
.lx-badge2{background:rgba(74,179,203,.18);color:#7FD0E2;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:600}
.lx-trip-r{font:800 22px "Kufi","Plex Arabic",sans-serif}
.lx-bar{position:relative;height:10px;border-radius:5px;background:rgba(255,255,255,.12);overflow:hidden}.lx-bar i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:5px;background:linear-gradient(90deg,#0E5E96,#4AB3CB);width:0}
.lx-trip-m{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#B9CAD6;margin-top:8px;font-variant-numeric:tabular-nums}
.lx-tl{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.lx-tl li{display:flex;gap:10px;align-items:center;color:#B9CAD6;font-weight:500}
.lx-tl li i{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:grid;place-items:center;font-style:normal;font-size:12px;flex-shrink:0;transition:all .3s}
.lx-tl li.on{color:#fff;font-weight:700}.lx-tl li.on i{background:#4AB3CB;border-color:#4AB3CB;color:#0B2240}
.lx-road{display:none;width:100%;height:60px;margin-bottom:4px}
.lx-road .lane{stroke:rgba(74,179,203,.6);stroke-width:3;stroke-dasharray:14 12;fill:none;animation:lxlane 1.2s linear infinite}
@keyframes lxlane{to{stroke-dashoffset:26}}
@media (min-width:1000px){.lx-road{display:block}}
.lx-steps li .lx-step-ic{transition:background .3s,border-color .3s}.lx-steps li.on .lx-step-ic{background:rgba(74,179,203,.18);border-style:solid;border-color:#4AB3CB}
.lx-fleet{display:grid;gap:28px;align-items:center}
.lx-lead{color:var(--mut);margin:8px 0 16px}
.lx-loads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.lx-loads div{background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;gap:10px;align-items:center}
.lx-loads svg{flex-shrink:0;color:var(--accent-ink);background:var(--accent-soft);border-radius:8px;padding:4px;width:28px;height:28px;box-sizing:border-box}
.lx-loads b{display:block;font-size:16.5px}.lx-loads small{color:var(--accent-ink);font-weight:600}
.lx-loads div:last-child{grid-column:1/-1}
.lx-gal{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.lx-gal figure{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#0B2240}
.lx-gal figure:first-child{grid-column:1/-1;aspect-ratio:16/10}.lx-gal figure:not(:first-child){aspect-ratio:4/3}
.lx-gal img{display:block;width:100%;height:100%;object-fit:cover;animation:lxkb 14s ease-in-out infinite alternate}
.lx-gal figure:nth-child(2) img{animation-delay:-5s}.lx-gal figure:nth-child(3) img{animation-delay:-9s}
@keyframes lxkb{from{transform:scale(1)}to{transform:scale(1.08) translateY(-2%)}}
.lx-gal figcaption{position:absolute;inset-inline:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(7,24,51,.85));color:#fff;display:flex;flex-direction:column;line-height:1.4}
.lx-gal figcaption b{font:800 17px "Kufi","Plex Arabic",sans-serif}.lx-gal figcaption span{font-size:13px;color:#C9D6E2}
.lx-cr{position:absolute;top:8px;inset-inline-end:8px;font:500 10.5px/1.4 system-ui,sans-serif;color:rgba(255,255,255,.85);background:rgba(7,24,51,.45);padding:2px 8px;border-radius:999px;unicode-bidi:isolate}
@media (min-width:900px){.lx-fleet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}
.lx-foot .lx-fwa{align-items:center}.lx-foot .lx-fwa .lx-wa{width:34px;height:34px;box-shadow:none}.lx-foot .lx-fwa .lx-wa svg{width:18px;height:18px;margin:0}
@media (prefers-reduced-motion:reduce){.lx-gal img,.lx-road .lane,.lx-live{animation:none}}
@media (min-width:900px){.site.sb.lx-site .lx-hero .lx-hero-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.site.sb.lx-site .lx-hero .st-say h1{font-size:clamp(30px,4.4vw,54px)}
/* الهيدر في الشاشات المتوسطة (900–1279): من غير اختيار المظهر ومن غير آخر روابط القائمة عشان زرار إنشاء حساب ما يطلعش برة الشاشة */
@media (min-width:900px) and (max-width:1279px){.site.sb.lx-site .dz-top .prefs{display:none}.site.sb.lx-site .dz-nav button:nth-child(n+5){display:none}}
/* الخريطة من غير إطار، والدول اللي حوالين مصر باهتة */
.lx-mapcard{background:none;border:0;padding:0;border-radius:0}
.lx-map .nb{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.14);stroke-width:1;stroke-dasharray:4 4}
.lx-map .nb-t{fill:rgba(201,214,226,.55);font:700 15px "Kufi","Plex Arabic",sans-serif;letter-spacing:0}
.lx-map .city text{font-size:11px}
.lx-feed{bottom:14px}
.lx-credits{flex-basis:100%;font-size:11px;opacity:.6;unicode-bidi:isolate}
/* بوكس الحجز: تبويبات + الحاسبة ظاهرة */
.lx-book .lx-book-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.lx-tabs{display:flex;gap:6px}
.lx-tab{display:inline-flex;align-items:center;gap:6px;font:600 14px "Plex Arabic",sans-serif;border:1.5px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:6px 14px;min-height:40px;cursor:pointer}
.lx-tab[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}.lx-tab[aria-selected="true"] svg{color:var(--accent)}
html[data-theme=dark] .lx-tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.lx-pane{padding:12px 4px 4px}
.lx-qc{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.lx-qc label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--mut);min-width:0}
.lx-qc input{font:500 16px "Plex Arabic",sans-serif;min-height:50px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;background:var(--bg);color:var(--ink);width:100%;box-sizing:border-box}
.lx-qc input:focus{outline:2px solid var(--accent);outline-offset:1px}
.lx-qc .btn{grid-column:1/-1;min-height:50px}
@media (min-width:760px){.lx-qc{grid-template-columns:1.2fr 1.2fr .7fr auto;align-items:end}.lx-qc .btn{grid-column:auto;padding:0 26px}}
.lx-qc-out{margin-top:12px}
.lx-qc-price{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:var(--accent-soft)}
.lx-qc-price b{font:800 28px "Kufi","Plex Arabic",sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}.lx-qc-price b span{font-size:16px;font-weight:600}
.lx-qc-price small{color:var(--mut)}
.lx-qc-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.lx-qc-acts .btn{min-height:46px;display:inline-flex;align-items:center}
.lx-tip-real{display:block;color:#16708A!important;font-weight:600}
/* صفحة استخدام الموقع */
.ss-bar{display:inline-flex;align-items:center;gap:6px;min-width:90px}.ss-bar i{display:inline-block;height:8px;border-radius:4px;background:var(--accent2,#4AB3CB);min-width:2px}
/* خانة المكان بزرار مسح */
.pp{position:relative;display:block;width:100%}
.pp>input{width:100%;padding-inline-end:38px!important;box-sizing:border-box}
.pp-x{position:absolute;top:50%;inset-inline-end:6px;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--mut,#566C78);font:400 20px/1 system-ui,sans-serif;cursor:pointer;display:grid;place-items:center}
.pp-x:hover{background:var(--tint2,#E3EEF2);color:var(--ink,#0B2240)}
.pp>input:placeholder-shown+.pp-x{visibility:hidden}
/* القائمة في الشاشات المتوسطة: الرئيسية + خدماتنا + النقل الدولي + أسطولنا بس */
@media (min-width:900px) and (max-width:1279px){.site.sb.lx-site .dz-nav button:nth-child(1),.site.sb.lx-site .dz-nav button:nth-child(4),.site.sb.lx-site .dz-nav button:nth-child(5),.site.sb.lx-site .dz-nav button:nth-child(6){display:inline-block}
  .site.sb.lx-site .dz-nav button:nth-child(2),.site.sb.lx-site .dz-nav button:nth-child(3),.site.sb.lx-site .dz-nav button:nth-child(n+7){display:none}}
@media (min-width:1280px) and (max-width:1479px){.site.sb.lx-site .dz-nav button{padding:8px 7px;font-size:14px}.site.sb.lx-site .dz-nav button:nth-child(7){display:none}}
/* النقل الدولي في الرئيسية */
.lx-ics{display:grid;gap:14px}
.lx-ic{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;background:var(--surf);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s}
.lx-ic:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,34,64,.12);border-color:var(--accent)}
.lx-ic h3{margin:4px 0 0;font:800 22px "Kufi","Plex Arabic",sans-serif}.lx-ic p{margin:0;color:var(--mut)}.lx-ic small{color:var(--accent-ink);font-weight:600}
.lx-ic-route{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--mut)}
.lx-ic-route i{flex:1;position:relative;height:2px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 14px);display:flex;align-items:center;justify-content:center}
.lx-ic-route i svg{background:var(--surf);color:var(--accent-ink);padding:0 4px;box-sizing:content-box}
@media (prefers-reduced-motion:no-preference){.lx-ic-route i svg{animation:lxicdrive 3s ease-in-out infinite alternate}}
@keyframes lxicdrive{from{transform:translateX(40%)}to{transform:translateX(-40%)}}
[dir=ltr] .lx-ic-route i svg{transform:scaleX(-1)}
@media (min-width:800px){.lx-ics{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* زرار الرجوع في صفحات التسجيل والدخول */
.lx-entry{display:flex;flex-direction:column;gap:12px;align-items:stretch;width:100%;max-width:440px}
.lx-backbtn{align-self:flex-start;border:1.5px solid var(--line2);background:var(--surf);color:var(--ink);border-radius:999px;padding:8px 16px;min-height:42px;font:600 14.5px "Plex Arabic",sans-serif;cursor:pointer}
.lx-backbtn:hover{border-color:var(--accent);color:var(--accent-ink)}
/* النشاطات والتذكيرات على الفرص والمهام */
.act-panel{margin-top:12px}
.act-list{display:grid;gap:8px;margin-bottom:12px}
.act-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surf)}
.act-row.done{opacity:.6}.act-row.done .act-note{text-decoration:line-through}
.act-chk input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}
.act-b{flex:1;min-width:0}.act-h{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.act-at{font-size:13px;color:var(--accent-ink);font-weight:600}.act-at.late{color:var(--bad)}
.act-note{white-space:pre-wrap;margin-top:4px;line-height:1.7}
.act-form{display:grid;gap:8px;padding-top:10px;border-top:1px dashed var(--line)}
.act-f1{display:grid;gap:8px;grid-template-columns:minmax(0,180px) minmax(0,1fr)}.act-f2{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.act-f2 input{width:auto;min-width:210px}.act-f2 select{width:auto}
.act-quick .chip{font-size:12.5px}
@media (max-width:600px){.act-f1{grid-template-columns:minmax(0,1fr)}.act-f2 input{min-width:0;flex:1 1 100%}}
/* قايمة منسدلة بالبحث لخانات الربط */
.rc{position:relative}
.rc-list{position:absolute;z-index:60;inset-inline:0;top:calc(100% + 4px);max-height:260px;overflow:auto;background:var(--surf);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--sh2);padding:4px}
.rc-it{padding:9px 12px;border-radius:8px;cursor:pointer;font-size:14.5px;line-height:1.5}
.rc-it.on,.rc-it:hover{background:var(--accent-soft);color:var(--ink)}
.rc-none{padding:10px 12px;color:var(--mut);font-size:14px}
.kcard .krem{display:inline-block;align-self:flex-start;margin-top:2px;padding:1px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600;font-size:12px}
.kcard .krem.late{background:var(--bad-bg);color:var(--bad)}