:root{--portal-navy:#08365e;--portal-ink:#14334e;--portal-gold:#f3ba28;--portal-muted:#526b80;--portal-line:#dce6ee;--portal-bg:#eff4f8}body{background:var(--portal-bg);color:var(--portal-ink);font:16px/1.65 Tahoma,Arial,sans-serif}body>header{height:88px;padding:12px max(24px,calc((100vw - 1380px)/2));box-shadow:none;border-bottom:1px solid var(--portal-line);gap:20px}.brand{gap:14px}.brand img{width:62px;height:62px}.brand b{color:var(--portal-navy);font-size:22px}.brand small{color:var(--portal-muted);font-size:14px}body>header a{color:var(--portal-navy);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding:5px 12px;border-radius:9px;background:#f1f5f9;font-size:14px}main{max-width:1380px;padding:26px 24px 70px}h1,h2,h3{line-height:1.4;color:var(--portal-navy)}h2{font-size:24px}h3{font-size:19px}p{color:var(--portal-muted)}button{font-family:inherit;font-size:16px;line-height:1.5;min-height:46px;background:var(--portal-navy);border-radius:11px;transition:background .15s,box-shadow .15s}button:hover{box-shadow:0 4px 12px #073b7020}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--portal-gold);outline-offset:3px}input,select,textarea{font:inherit!important;color:var(--portal-ink);min-width:0;max-width:100%;border-color:#cbd9e5!important;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #3677a6;outline-offset:2px}input[type=checkbox]{min-height:0}small{font-size:14px!important;line-height:1.7}.head{margin-bottom:18px;gap:16px}.head h2{margin:0 0 5px}.head p{margin:0;max-width:760px}.head>button{background:var(--portal-gold);color:#183b59;font-weight:800;padding:12px 22px}.panel,.management-panel,.booking-tools,.counter-booking-card,.payment-settings{border:1px solid var(--portal-line);box-shadow:0 5px 20px #163b5e05;border-radius:18px;padding:22px}.list{gap:14px}.item{border:1px solid var(--portal-line);border-inline-start:4px solid var(--portal-gold);border-radius:16px;padding:20px;box-shadow:0 4px 14px #163b5e04;flex-wrap:wrap}.item small{color:var(--portal-muted)}.item .price{color:var(--portal-navy);font-size:21px}.actions button{font-size:14px;min-height:44px;padding:9px 14px}.status,.booking-state,.task-priority{font-size:14px!important;padding:5px 11px}.document-links a{font-size:14px;min-height:40px;display:flex;align-items:center}.trip-actions .secondary,.report-actions .secondary{background:#3d607c}.trip-actions input{height:46px;font-size:16px}.company-coach-photo.compact{width:230px;height:140px;flex-shrink:0}.company-coach-photo figcaption b{font-size:20px}.company-coach-photo small{font-size:12px!important}.bus-thumbs{max-width:260px}.bus-thumbs img{height:72px;width:96px}.fleet-dashboard-banner .company-coach-photo{height:235px}
/* A compact transport identity above the working surface. */
.hero,.admin-hero{position:relative;background:linear-gradient(270deg,#082f55 0%,#082f55f2 46%,#082f5555 76%,#082f5520 100%),url('/assets/representative-coach.webp') left 52%/cover no-repeat;border-radius:22px;padding:28px 34px;min-height:190px;overflow:hidden;border-bottom:4px solid var(--portal-gold);color:#fff;gap:20px}.hero h1,.admin-hero h1{color:#fff;margin:5px 0;font-size:30px;max-width:650px}.hero small,.admin-hero small{color:#ffe29a;font-size:15px!important}.hero>div:first-child,.admin-hero>div:first-child{position:relative;z-index:1}.portal-hero-label{display:flex;align-items:center;gap:8px;color:#ffe29a;letter-spacing:0}.portal-symbol{width:23px;height:23px;flex-shrink:0}.stats{gap:10px;align-self:end}.stats article{background:#ffffffed;color:var(--portal-navy);border:1px solid #ffffff66;padding:12px 20px;min-width:104px;border-radius:13px}.stats span{font-size:14px}.stats b{font-size:29px;line-height:1.3}.admin-hero>button{background:#fff;color:var(--portal-navy);border:1px solid #fff}.admin-stats{gap:14px;margin:20px 0 0}.admin-stats article{border:1px solid var(--portal-line);border-bottom:3px solid var(--portal-gold);padding:18px 22px;border-radius:14px}.admin-stats b{font-size:29px;color:var(--portal-navy)}.admin-stats span{font-size:14px;color:var(--portal-muted)}
#dashboard,#adminDashboard{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px;align-items:start}#dashboard>.hero,#adminDashboard>.admin-hero,#adminDashboard>.admin-stats{grid-column:1/-1}#dashboard>nav,#adminDashboard>nav{grid-column:1;grid-row:2/span 20;display:flex;flex-direction:column;gap:6px;margin:0;padding:14px;background:#fff;border:1px solid var(--portal-line);border-radius:18px;position:sticky;top:20px;overflow:visible;align-self:start}#adminDashboard>nav{grid-row:3/span 20}#dashboard>.tab,#adminDashboard>.tab,#dashboard>.ticket-change-panel,#adminDashboard>.ticket-change-panel{grid-column:2;min-width:0}nav button{display:flex;align-items:center;gap:12px;text-align:start;white-space:normal;min-height:51px;padding:11px 12px;color:#4e6579;background:transparent;font-size:15px;font-weight:700}nav button.active{background:var(--portal-navy);color:#fff;box-shadow:0 5px 15px #08365e1c}nav button:hover:not(.active){background:#edf3f8;box-shadow:none}nav::before{content:'مساحة العمل';font-size:14px;color:#6d8294;padding:5px 12px 10px}.operations-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}.operations-grid>section{background:#fff;border:1px solid var(--portal-line);border-radius:18px;padding:20px;min-width:0}.operations-grid h3{margin:0 0 12px}.operations-metrics{gap:12px}.operations-metrics button{border-radius:14px;box-shadow:none;min-width:0;padding:17px 13px}.operations-metrics small{font-size:14px}.operations-metrics b{font-size:28px}.operation-task,.today-trip{flex-wrap:wrap}.booking-ops-summary article,.sales-report-summary article,.admin-booking-summary article{border-radius:14px;box-shadow:none}.booking-trip-group>header{background:var(--portal-navy);box-shadow:none}.ticket-change-panel{margin:0;border:1px solid var(--portal-line);border-top:3px solid var(--portal-gold);padding:22px;background:#fff;border-radius:18px}.ticket-change-panel h2{margin:0 0 10px}.change-review{border:1px solid var(--portal-line);border-radius:12px}.change-review summary{cursor:pointer;padding:10px}.profile-box{background:var(--portal-bg)}
/* Sign-in carries the same transport identity. */
.portal-intro{background:linear-gradient(0deg,#062b4bee,#062b4b05 70%),url('/assets/representative-coach.webp') center/cover;border-radius:22px;min-height:410px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden}.portal-intro h2{color:#fff;font-size:28px;margin:10px 0}.portal-intro p{color:#e9f0f6;margin:0;font-size:16px}.portal-intro>small{align-self:flex-start;background:#ffffffea;color:#294b64;padding:3px 9px;border-radius:6px;font-size:12px!important}.company-access{max-width:1080px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:25px auto}.company-access>.portal-intro{grid-column:2;grid-row:1/span 2}.company-access>.access-tabs{grid-column:1;max-width:none;margin:0 0 18px}.company-access>.login-card{grid-column:1;margin:0;max-width:none}.login-card{border:1px solid var(--portal-line);border-top:4px solid var(--portal-gold);box-shadow:0 8px 35px #113a5c08;padding:28px}.login-card h1{font-size:27px;margin:0 0 10px}.login-card p{margin:0 0 22px}.access-tabs button{min-height:50px;border-width:1px;font-size:16px}.access-tabs button.active{background:var(--portal-navy);border-color:var(--portal-navy)}.company-access:has(#registerBox:not(.hidden)){display:block;max-width:1000px}.company-access:has(#registerBox:not(.hidden))>.portal-intro{display:none}.registration-card{border-top:4px solid var(--portal-gold);box-shadow:none}.admin-access{max-width:1080px;margin:25px auto;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.admin-access>.login-card{margin:0;max-width:none;display:flex;flex-direction:column;justify-content:center}.admin-access:has(#adminLogin.hidden){display:none}.portal-caption{color:#7690a4;font-size:14px;margin-top:18px}.company-logout{border-color:#dce6ee;background:#f1f5f9;color:var(--portal-navy)}
@media(max-width:1150px){.operations-grid{grid-template-columns:1fr}.operations-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{flex-wrap:wrap}.stats{margin-inline-start:auto}.company-coach-photo.compact{width:190px}}@media(max-width:900px){main{padding:20px 16px 50px}#dashboard,#adminDashboard{grid-template-columns:minmax(0,1fr);gap:20px}#dashboard>nav,#adminDashboard>nav{grid-column:1;grid-row:auto;position:static;display:flex;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;padding:10px;gap:7px;scrollbar-width:thin}nav::before{display:none}nav button{white-space:nowrap;flex-shrink:0}#dashboard>.tab,#adminDashboard>.tab,#dashboard>.ticket-change-panel,#adminDashboard>.ticket-change-panel{grid-column:1}.hero,.admin-hero{padding:24px;min-height:175px}.hero h1,.admin-hero h1{font-size:27px}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.admin-stats article:last-child{grid-column:auto}.company-access,.admin-access{grid-template-columns:1fr 1fr;gap:20px}.portal-intro{min-height:370px;padding:22px}.portal-intro h2{font-size:24px}.brand b{font-size:19px}.brand small{display:none}.panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){body>header{height:78px;padding:10px 16px;gap:8px}.brand{gap:9px}.brand img{width:50px;height:50px}.brand b{font-size:18px}body>header a{font-size:14px;padding:5px 8px}body>header>div:last-child:not(.brand){display:flex;gap:5px;font-size:0;flex-wrap:wrap;justify-content:flex-end}main{padding:16px 12px 45px}.hero,.admin-hero{padding:23px 20px;min-height:190px;background-position:left 50%;background-image:linear-gradient(270deg,#082f55f5,#082f55bd 65%,#082f5555),url('/assets/representative-coach.webp')}.hero h1,.admin-hero h1{font-size:25px}.stats{width:100%;margin:8px 0 0;gap:8px}.stats article{min-width:0;flex:1;padding:9px 10px}.stats b{font-size:25px}.stats span{font-size:14px}.admin-hero{align-items:flex-start;gap:12px}.admin-hero>button{align-self:flex-start;min-height:42px;font-size:14px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-stats article:last-child{grid-column:1/-1}.admin-stats article{padding:14px 16px}.admin-stats b{font-size:25px}.operations-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-metrics button{padding:13px 10px}.head{align-items:stretch;flex-direction:column}.head h2{font-size:22px}.head>button{align-self:flex-start}.panel,.management-panel,.booking-tools,.counter-booking-card,.payment-settings{padding:16px}.panel{grid-template-columns:1fr}.item{padding:16px;align-items:stretch}.company-coach-photo.compact{width:100%;height:190px}.company-coach-photo figcaption b{font-size:21px}.fleet-dashboard-banner .company-coach-photo{height:200px}.bus-thumbs{max-width:100%}.company-access,.admin-access{display:flex;flex-direction:column;gap:18px;margin:4px auto}.company-access>.portal-intro,.admin-access>.portal-intro{order:-1;min-height:180px;max-height:230px;background-position:center 48%;padding:20px}.portal-intro h2{font-size:23px;margin:7px 0}.portal-intro p{font-size:15px}.portal-intro>small{display:none}.company-access>.access-tabs{margin:0}.login-card{padding:23px}.login-card h1{font-size:25px}.company-access:has(#registerBox:not(.hidden)){display:block}.registration-card{padding:20px}.access-tabs{gap:8px}.ticket-change-panel{padding:18px}.operations-grid>section{padding:16px}.actions{width:100%}.actions button{flex:1}.booking-record-person b,.booking-record-person small{white-space:normal}.report-date-filter{flex-wrap:wrap}.report-date-filter label{flex:1;min-width:120px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}@media print{body{background:white}body>header,nav,.portal-intro{display:none!important}#dashboard,#adminDashboard{display:block}.hero,.admin-hero{background:#fff!important;color:#000!important;border:1px solid #ccc}.hero h1,.admin-hero h1{color:#000}.tab{break-inside:avoid}}
.company-biometric{display:block;margin-top:14px;background:#fff;color:#08365e;border:1px solid #cbd9e5;min-height:48px;font-size:16px;padding:10px 18px}.hero .company-biometric{background:#ffffffed;margin-top:12px;color:#08365e}.biometric-message{font-size:14px;max-width:530px;line-height:1.6}.hero .biometric-message{color:#fff;margin-bottom:0}.login-card .company-biometric{width:100%}