/* EasyT approved identity — R97. Presentation only; no transaction behavior. */
:root{--et-bg:#f3f7f3;--et-surface:#fff;--et-ink:#183e33;--et-muted:#718577;--et-border:#dce7db;--et-primary:#1c6048;--et-soft:#eaf2e5;--et-shadow:0 8px 24px #254e2c09;--et-gloss:linear-gradient(115deg,#28745a,#124e3c 85%);--et-radius:22px}
html[data-theme=dark]{--et-bg:#10251e;--et-surface:#19352a;--et-ink:#e5efdf;--et-muted:#b1c5ad;--et-border:#365141;--et-primary:#b0d69a;--et-soft:#284b35;--et-shadow:0 8px 24px #0002}
@media screen{
html{background:var(--et-bg);scroll-padding-top:90px}body{min-height:100svh;min-height:100dvh;background:radial-gradient(ellipse at 90% 0,#a9ceb51c,transparent 45%),var(--et-bg)!important;color:var(--et-ink);font-family:Tajawal,'EasyT Arabic',-apple-system,sans-serif!important;line-height:1.6;padding-bottom:env(safe-area-inset-bottom)}body *{box-sizing:border-box}button,input,select,textarea{font-family:inherit!important}button,a{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid var(--et-border);border-radius:14px;background:var(--et-soft);color:var(--et-ink);box-shadow:inset 0 1px #ffffff20;font-size:15px;padding:11px 16px;line-height:1.5}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8ab79b;outline-offset:3px}input:not([type=radio]):not([type=checkbox]),select,textarea{min-height:48px;max-width:100%;min-width:0;border:1px solid var(--et-border);border-radius:13px;padding:12px 13px;background:var(--et-surface);color:var(--et-ink);font-size:16px;box-shadow:inset 0 1px 2px #193c2004}input[type=radio],input[type=checkbox]{accent-color:#2b7151;min-width:18px;min-height:18px}label,small{color:var(--et-muted)}label{font-size:14px}h1,h2,h3{color:var(--et-ink);line-height:1.4;letter-spacing:-.3px}h2{font-size:23px}h3{font-size:18px}p{overflow-wrap:anywhere}form,fieldset{min-width:0}fieldset{border:1px solid var(--et-border);border-radius:17px;padding:17px}legend{padding:0 7px;color:var(--et-muted)}form{gap:16px}form>button:not([type=button]),button[type=submit]{background:var(--et-gloss);color:#fff;border-color:#37775c}body>header{max-width:1120px;padding:16px 22px;padding-top:max(16px,env(safe-area-inset-top));gap:10px;background:transparent;border:0;box-shadow:none;position:relative;direction:rtl;min-height:68px}body>header .et-brand{margin-inline-end:auto;display:flex;align-items:center}body>header .et-brand img{width:100px;height:42px;object-fit:contain}body>header small{display:none}#langButton,#appearance{background:var(--et-surface);border:1px solid var(--et-border);border-radius:16px;color:var(--et-muted);font-size:12px;min-height:42px}main{max-width:1120px;padding:10px 22px 25px}#view{border:1px solid var(--et-border);background:var(--et-surface);border-radius:var(--et-radius);padding:22px;box-shadow:var(--et-shadow);min-width:0}#nav{margin:8px 0 14px;gap:8px}#nav:empty{display:none}#nav button{border:1px solid var(--et-border);background:var(--et-surface);border-radius:12px;color:var(--et-muted)}#nav svg{width:18px;height:18px}.card,dialog,.offer-confirm,.wt-panel,.ac-section,.ac-vehicle,.trip-section,.trip-summary,.load-ticket,.mt-header,.request-shell,.ops-content,.ops-record,.ops-scope,.ad-card,.support-row,.document-row{border-color:var(--et-border)!important;border-radius:var(--et-radius)!important;background:var(--et-surface);color:var(--et-ink);box-shadow:var(--et-shadow)}dialog{padding:23px;max-width:min(94vw,640px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#173b2b66;backdrop-filter:blur(4px)}.row,.wt-record{gap:12px;border-color:var(--et-border);padding-block:14px;min-width:0}.row>span{min-width:0;overflow-wrap:anywhere}.row>button{flex-shrink:0}table{border-collapse:separate;border-spacing:0;max-width:100%}th{background:var(--et-soft);color:var(--et-muted)}th,td{padding:12px;border-color:var(--et-border)}.review-table,.report-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.note,.ticket-note,.notice,.accepted-contact{background:var(--et-soft);border-radius:15px;border-color:var(--et-border);color:var(--et-ink)}.error,[role=alert]{overflow-wrap:anywhere}.load-route{background:var(--et-bg);border:1px solid var(--et-border);border-radius:16px;padding:16px}.load-ticket{margin-block:13px;padding:20px}.load-top,.load-facts,.load-offers,.load-distance{border-color:var(--et-border)}.load-stop strong{font-size:20px}.load-stop small,.load-stop span{color:var(--et-muted)}.load-stop i{background:#4b8560}.load-bid{border:1px solid var(--et-border);border-radius:14px;padding:12px}.load-empty,.wt-empty{background:var(--et-bg);border:1px dashed var(--et-border);border-radius:20px;padding:28px;color:var(--et-muted)}.wt-balance,.exp-card,.rep-hero,.request-promo{background:var(--et-gloss)!important;color:#fff;border:1px solid #3b8061;border-radius:24px;box-shadow:inset 0 1px #fff4,0 12px 25px #214d2c15}.wt-balance h2,.exp-card h2,.rep-hero h2,.request-promo h2{color:#fff}.wt-balance small,.exp-card small,.rep-hero small,.request-promo p{color:#c7daca}.wt-actions button,.client-shortcuts button,.ops-modules button,.ad-modules button{border:1px solid var(--et-border);border-radius:18px;background:var(--et-surface);color:var(--et-ink);box-shadow:var(--et-shadow)}.wt-icon,.wt-small-icon,.ac-symbol,.mt-symbol,.loads-symbol{background:var(--et-soft);color:var(--et-primary);border-radius:15px;border-color:var(--et-border)}.bundle-card,.bundle-option,.wt-offers button{border-radius:21px;border:1px solid var(--et-border);background:var(--et-surface);color:var(--et-ink)}.bundle-saving,.pack-saving{background:var(--et-soft);color:var(--et-primary);border-radius:9px}.ops-tabs button,.ad-tabs button{border:1px solid var(--et-border);border-radius:12px;background:var(--et-surface);color:var(--et-muted)}.ops-tabs button[aria-selected=true],.ops-tabs .on,.ad-tabs .on{background:var(--et-gloss);color:white}.vehicle-categories button,.vehicle-options button{border-radius:17px;border:1px solid var(--et-border)}.vehicle-categories button[aria-pressed=true],.vehicle-options button[aria-pressed=true]{background:var(--et-soft);border-color:#6f9f72;color:var(--et-ink)}.request-map{border-radius:18px;overflow:hidden}.company-footer{border-color:var(--et-border);color:var(--et-muted)}#gate{border:1px solid var(--et-border);border-radius:26px;background:var(--et-surface);box-shadow:var(--et-shadow)}#gate .choices button{border-radius:15px;border-color:var(--et-border);color:var(--et-ink);background:var(--et-bg)}#gate h1{font-size:30px}
/* Entry */
body:has(.portal-card)>header .et-brand,body:has(.access-card)>header .et-brand{visibility:hidden}#view:has(.portal-card),#view:has(.access-card){padding:0;border:0;background:transparent;box-shadow:none}.portal-card{display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;max-width:460px;margin:0 auto;border-radius:0!important;min-height:0!important}.portal-brand{background:transparent!important;color:var(--et-ink);border:0;padding:24px 15px 26px!important;text-align:center;display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:230px}.portal-brand h2{color:var(--et-ink)!important;font-size:30px;margin:16px 0 5px}.portal-brand p{font-size:14px;color:var(--et-muted);margin:0}.portal-route,.entry-road,.access-emblem{display:none!important}.portal-logo{font:inherit!important;display:flex;justify-content:center;direction:ltr}.portal-logo img{width:240px;max-width:70vw;height:102px;object-fit:contain}.portal-body{padding:8px 0!important;background:transparent!important;display:grid;gap:13px}.portal-choice{border-radius:23px!important;padding:19px 17px!important;border:1px solid var(--et-border)!important;background:var(--et-surface)!important;box-shadow:inset 0 1px #fff5,var(--et-shadow)!important;min-height:90px!important;display:flex;gap:14px;color:var(--et-ink)!important}.portal-driver{background:var(--et-gloss)!important;border-color:#36785a!important;color:white!important}.portal-copy strong{font-size:20px!important;color:inherit!important}.portal-copy small{font-size:12px!important;color:var(--et-muted)!important}.portal-driver .portal-copy small{color:#c7dccb!important}.portal-icon{width:51px;height:51px;border:1px solid var(--et-border);border-radius:17px;background:var(--et-soft)!important;color:#588363!important}.portal-driver .portal-icon{background:#ffffff13!important;border-color:#ffffff27;color:#e6efd3!important}.portal-icon svg{width:27px!important;height:27px!important}.portal-arrow{width:18px!important;height:18px!important;opacity:.6}.portal-staff-row{margin:0!important;text-align:center}.staff-quiet{background:transparent!important;border:0!important;color:var(--et-muted)!important;font-size:13px!important}.access-card{max-width:500px;margin:auto;background:var(--et-surface);border:1px solid var(--et-border);border-radius:26px!important;box-shadow:var(--et-shadow)}.access-head{background:var(--et-bg)!important;padding:22px!important;text-align:center;display:block!important;min-height:0!important}.access-head h2{color:var(--et-ink)!important;margin:12px 0 0}.access-head .portal-logo img{width:155px;height:65px}.access-body{padding:24px!important}.access-body form{display:grid;grid-template-columns:1fr}.entry-return{color:var(--et-muted)!important;background:transparent!important;border:0!important}
/* Driver dashboard uses existing live metrics and existing wallet refresh. */
#driverWelcome{padding:0!important;background:transparent!important;border:0!important;color:var(--et-ink)!important;box-shadow:none!important;border-radius:0}.welcome-head h1{font-size:25px!important;color:var(--et-ink);margin:0 0 7px}.welcome-head small{color:var(--et-muted)}.vehicle-summary{color:var(--et-muted)!important;font-size:12px}.welcome-bell{background:var(--et-surface)!important;color:var(--et-primary)!important;border:1px solid var(--et-border)!important;border-radius:15px!important}.et-wallet-card{margin-top:18px;background:var(--et-gloss);border-radius:24px;border:1px solid #3e8061;box-shadow:inset 0 1px #ffffff44,0 10px 22px #1c5c4814;color:white;overflow:hidden}.et-wallet-card .welcome-wallet{border:0!important;border-radius:0;background:transparent!important;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:8px!important;padding:19px 21px!important;color:white;width:100%;min-height:105px!important}.et-wallet-card .welcome-wallet span{color:#d0e0cb;font-size:13px}.et-wallet-card .welcome-wallet strong{font-size:29px!important;color:white}.et-wallet-bottom{display:flex;justify-content:space-between;border-top:1px solid #fff2;margin:0 20px;padding:11px 0;font-size:12px;color:#c9ddc7}.et-wallet-bottom b{color:white}.et-driver-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0;background:var(--et-surface);padding:15px 0;border:1px solid var(--et-border);border-radius:20px}.et-driver-stats>div{text-align:center;border-inline-end:1px solid var(--et-border)}.et-driver-stats>div:last-child{border:0}.et-driver-stats dt{color:var(--et-muted);font-size:12px}.et-driver-stats dd{margin:6px 0 0;font-size:19px;font-weight:700;overflow-wrap:anywhere}.et-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--et-gloss)!important;color:white!important;border:1px solid #3e8061!important;border-radius:16px!important;padding:14px!important;font-size:16px!important;margin:0 0 8px}.et-primary svg{width:21px;height:21px}.actions-view#view{padding:12px 0!important;border:0!important;background:transparent!important;box-shadow:none}.driver-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px 8px!important}.driver-actions button{background:transparent!important;border:0!important;border-radius:16px;box-shadow:none!important;color:var(--et-ink)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-height:80px!important;padding:5px 1px!important;font-size:12px!important;line-height:1.5!important}.driver-actions button svg{height:48px!important;width:48px!important;padding:12px!important;border:1px solid var(--et-border)!important;border-radius:17px!important;background:linear-gradient(135deg,var(--et-surface),var(--et-soft))!important;stroke:#578064!important;box-sizing:border-box}.driver-actions .logout-action{grid-column:1/-1;flex-direction:row!important;justify-content:center!important;min-height:44px!important;color:var(--et-muted)!important}.driver-actions .logout-action svg{width:28px!important;height:28px!important;padding:5px!important;border:0!important}.available-count{background:#bc934a!important;color:white!important;border:2px solid var(--et-bg);font-size:10px!important}.driver-actions button[onclick="show('doc')"]{display:none!important}
/* Customer dashboard */
.client-dashboard{display:block!important}.client-welcome{border-radius:24px!important;background:var(--et-gloss)!important;border:1px solid #3f8061!important;padding:25px!important;color:white!important;box-shadow:inset 0 1px #fff4,0 10px 24px #2b57351a;display:block!important}.client-welcome h2{color:white!important;font-size:25px!important;margin:0 0 12px!important}.client-welcome p{color:#c5dac4!important;font-size:14px}.client-welcome .portal-logo{display:none}.client-welcome #togglePost{width:100%;background:linear-gradient(120deg,#e9f1d9,#d9e8c6)!important;color:#214833!important;border:1px solid #d1e4ba!important;border-radius:15px;padding:14px!important;display:flex;justify-content:center;align-items:center;gap:7px;margin-top:18px}.client-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0}.client-shortcuts button{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px 5px;gap:6px;font-size:12px}.client-shortcuts svg{width:23px;height:23px;stroke:#578064}.client-shortcuts b{font-size:18px;color:var(--et-primary)}.client-list-head{margin-top:20px}.client-signout{background:transparent!important;border:0!important;color:var(--et-muted)!important}.et-brand img,.portal-logo img{direction:ltr}html[data-theme=dark] .et-brand img,html[data-theme=dark] .portal-logo img{filter:brightness(0) invert(.88) sepia(.15)}
@media(max-width:600px){body>header{padding-inline:17px}main{padding:8px 17px 22px;width:100%;min-width:0}#view{padding:17px}#driverWelcome .welcome-head{gap:10px}.driver-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}.portal-brand{min-height:210px}.portal-brand h2{font-size:27px}.row{flex-wrap:wrap}.row>span{flex:1 1 180px}.load-ticket{padding:15px}.client-welcome{padding:21px!important}.client-shortcuts{gap:6px}.client-shortcuts button{font-size:11px}.ops-shell,.ad-layout{grid-template-columns:minmax(0,1fr)!important}.ops-content{min-width:0}dialog{width:calc(100% - 24px)}.request-shell{padding:16px!important}form{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.company-footer{margin-inline:0!important}.et-driver-stats dd{font-size:17px}}
@media(min-width:760px){main:has(.actions-view){display:block!important;max-width:820px}#driverWelcome{max-width:730px;margin:auto}.actions-view#view{max-width:730px;margin:auto}.driver-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}.portal-body{padding-inline:10px!important}.portal-brand{min-height:260px}.client-dashboard{max-width:900px;margin:auto}.client-shortcuts{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
}
@media print{.et-primary{display:none}.et-brand img{max-width:110px}body{background:#fff!important;color:#000!important}}
@media screen{.portal-card{width:100%!important;max-width:460px!important}.portal-body{width:100%!important;max-width:none!important;justify-items:stretch!important}.portal-choice{width:100%!important;max-width:none!important}.cargo-choices span{border-radius:17px!important;background:var(--et-surface)!important;border-color:var(--et-border)!important;color:var(--et-ink)!important;padding:15px 7px!important}.cargo-choices input:checked+span{background:var(--et-soft)!important}.cargo-choices i svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.request-wizard>header{direction:inherit!important}.request-wizard>header>small{display:none}.portal-staff-row{text-align:center;border:0}.staff-quiet{float:none!important}body>header{direction:rtl!important}body>header .et-brand{order:0;margin-inline-end:auto!important;margin-inline-start:0!important}}
@media screen{.client-shortcuts button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:108px!important;padding:14px 5px!important}.client-shortcuts button svg,.client-shortcuts button span,.client-shortcuts button b{position:static!important;margin:0!important;align-self:center!important;grid-area:auto!important}.client-shortcuts button svg{flex-shrink:0}.client-shortcuts button span{font-size:12px!important;line-height:1.4;text-align:center}.client-shortcuts button[aria-pressed=true]{border-color:#8dac8a;background:var(--et-soft)}.client-dashboard{box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important}}
