*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f7f8fa;color:#17202a}.hidden{display:none!important}
.splash-screen{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#087443,#0a9a5a);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.splash-screen::before,.splash-screen::after{content:"";position:absolute;border-radius:50%;background:#ffffff10}.splash-screen::before{width:330px;height:330px;top:-150px;right:-100px}.splash-screen::after{width:250px;height:250px;bottom:-120px;left:-80px}.splash-logo{animation:splashIn .65s ease both}.splash-logo h1{font-size:44px;margin:17px 0 5px}.splash-logo p{margin:0;color:#dff7ea;font-size:15px}.logo-mark{width:122px;height:106px;margin:auto;background:#fff;border-radius:30px 30px 20px 20px;position:relative;box-shadow:0 18px 42px #00351e55}.bus-window{position:absolute;top:18px;left:19px;right:19px;height:40px;background:#087443;border-radius:15px 15px 9px 9px}.bus-light{position:absolute;top:70px;width:15px;height:9px;background:#087443;border-radius:8px}.bus-light.right{right:21px}.bus-light.left{left:21px}.road-line{position:absolute;width:42px;height:65px;background:#fff;bottom:-50px;left:40px;clip-path:polygon(42% 0,58% 0,80% 100%,20% 100%)}.splash-loader{position:absolute;bottom:55px;width:116px;height:4px;border-radius:5px;background:#ffffff44;overflow:hidden}.splash-loader span{display:block;width:45%;height:100%;background:#fff;border-radius:5px;animation:loading 1.1s ease-in-out infinite}
.auth-screen{min-height:100vh;background:linear-gradient(180deg,#087443 0 32%,#f3f7f5 32%);padding:40px 18px 30px;display:flex;flex-direction:column;align-items:center}.auth-top{text-align:center;color:#fff;margin-bottom:24px}.mini-mark{width:68px;height:68px;border-radius:21px;background:#fff;display:grid;place-items:center;font-size:34px;margin:auto;box-shadow:0 10px 28px #043e2540}.auth-top h1{font-size:32px;margin:12px 0 4px}.auth-top p{margin:0;color:#def5e9}.auth-card{background:#fff;border-radius:26px;padding:26px;width:min(100%,440px);box-shadow:0 16px 55px #123c2520;position:relative}.auth-card h2{text-align:center;font-size:25px;margin:0 0 7px}.auth-note{text-align:center;color:#7b8580;margin:0 0 24px}.auth-card label{font-size:14px;color:#37443d;margin-top:14px;font-weight:bold}.input-wrap{height:55px;border:1.5px solid #dce5df;border-radius:14px;display:flex;align-items:center;padding:0 14px;margin-top:8px;gap:10px;background:#fbfcfb}.input-wrap:focus-within{border-color:#09894f;box-shadow:0 0 0 3px #09894f12}.input-wrap input{border:0;outline:0;background:transparent;height:100%;padding:0;flex:1;min-width:0;font-size:15px}.show-pass{border:0;background:none;font-size:17px;cursor:pointer;padding:5px}.text-link{border:0;background:none;color:#087443;cursor:pointer;font-weight:bold}.forgot-link{display:block;margin:14px 0 0 auto}.full-link{display:block;margin:18px auto 0}.auth-submit,.create-account,.demo-entry{width:100%;height:54px;border-radius:14px;font-size:16px;font-weight:bold;cursor:pointer}.auth-submit{border:0;background:#087443;color:#fff;margin-top:22px;box-shadow:0 9px 22px #08744335}.create-account{border:1.5px solid #087443;color:#087443;background:#fff}.demo-entry{border:0;background:#edf7f1;color:#087443;margin-top:10px}.auth-divider{display:flex;align-items:center;color:#a1aaa5;margin:20px 0}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:#e2e8e4;flex:1}.auth-divider span{padding:0 12px;font-size:12px}.back-auth{position:absolute;right:18px;top:18px;width:38px;height:38px;border:0;border-radius:12px;background:#eef6f1;color:#087443;font-size:22px;cursor:pointer}
.topbar{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.brand{display:flex;gap:10px;align-items:center}.brand span{font-size:30px}.brand b{display:block;font-size:19px}.brand small{color:#777;font-size:11px}.topbar nav{display:flex;gap:28px}.topbar nav a{text-decoration:none;color:#555}.login{border:1px solid #ddd;background:#fff;padding:10px 18px;border-radius:10px}.hero{min-height:510px;padding:70px 8%;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;background:linear-gradient(135deg,#fff,#f2f7f4)}.hero-copy h1{font-size:48px;line-height:1.25;margin:18px 0}.hero-copy em{font-style:normal}.hero-copy p{font-size:18px;line-height:1.9;color:#68727b;max-width:560px}.pill,.eyebrow{color:#16824c;font-weight:bold;font-size:13px}.search-card{background:#fff;padding:28px;border-radius:22px;box-shadow:0 15px 45px #16301b18}.search-card h2{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}label{font-size:13px;color:#606870;display:flex;flex-direction:column;gap:7px}select,input{height:48px;border:1px solid #dfe4e7;border-radius:10px;padding:0 12px;font-size:15px;background:#fff}.swap{height:45px;width:45px;border-radius:50%;border:1px solid #ddd;background:#f5f7f6;font-size:22px;margin:auto}.primary{width:100%;border:0;border-radius:11px;background:#13834d;color:#fff;font-size:16px;font-weight:bold;padding:15px;margin-top:20px;cursor:pointer}
.quick-actions{max-width:980px;margin:-32px auto 15px;padding:0 5%;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-actions button{min-height:112px;border:1px solid #e4ebe7;background:#fff;border-radius:20px;box-shadow:0 9px 25px #193c2812;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#24342b;cursor:pointer}.quick-actions button span{font-size:34px}.quick-actions button b{font-size:14px}.section{padding:70px 8%}.light{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end}.section h2{font-size:30px;margin:8px 0 25px}.filters{display:flex;gap:10px;margin-bottom:22px}.filter{border:1px solid #ddd;background:#fff;padding:9px 18px;border-radius:20px;cursor:pointer}.filter.active{background:#13834d;color:#fff;border-color:#13834d}.trip-list{display:grid;gap:15px}.trip{background:#fff;border:1px solid #e8eaec;border-radius:17px;padding:20px;display:grid;grid-template-columns:1.2fr 1fr .7fr auto;gap:20px;align-items:center}.company{display:flex;gap:12px;align-items:center}.logo{width:48px;height:48px;border-radius:12px;background:#edf6f0;display:grid;place-items:center;font-size:22px}.company small,.route small{display:block;color:#7c858d;margin-top:5px}.time{font-size:20px;font-weight:bold}.arrow{color:#13834d;margin:0 8px}.price{font-weight:bold;font-size:18px}.price small{display:block;color:#888;font-weight:normal;font-size:11px}.book{background:#17202a;color:#fff;border:0;padding:11px 18px;border-radius:9px;cursor:pointer}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.steps>div{padding:25px;border:1px solid #e6e9eb;border-radius:16px;background:#fff}.steps b{color:#13834d}.steps h3{margin-bottom:5px}.steps p{color:#707980;line-height:1.7}.center{text-align:center}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:20;padding:20px}.modal-box{background:#fff;border-radius:20px;max-width:600px;width:100%;padding:28px;position:relative}.close{position:absolute;left:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.seat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.seat{padding:12px 4px;border:1px solid #d8dfe0;border-radius:8px;background:#fff;cursor:pointer}.seat.taken{background:#eee;color:#aaa;cursor:not-allowed}.seat.selected{background:#13834d;color:#fff}.ticket{border:2px dashed #cdd7d1;padding:20px;border-radius:15px}.qr{font-size:65px;text-align:center;margin:10px}footer{background:#17202a;color:#fff;padding:25px 8%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.audience-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,var(--nile-dark),var(--nile));position:relative;overflow:hidden}.audience-screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,#d6a33e35,transparent 30%),radial-gradient(circle at 85% 85%,#fff2,transparent 28%)}.audience-card{position:relative;width:min(100%,650px);background:#fffdf9;border-radius:30px;padding:30px;box-shadow:0 24px 70px #001c1645;text-align:center;border-top:8px solid var(--gold)}.audience-card>img{width:150px;height:150px;object-fit:contain}.audience-card h1{margin:4px 0 8px;color:var(--nile-dark);font-size:2rem}.audience-card>p{margin:0 0 24px;color:#5d6b66;font-size:1.05rem}.audience-paths{display:grid;grid-template-columns:1fr 1fr;gap:15px}.audience-paths button,.audience-paths a{min-height:170px;border-radius:22px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-family:inherit;cursor:pointer}.audience-paths button{border:0;background:var(--nile);color:#fff}.audience-paths a{border:2px solid var(--nile);background:#fff;color:var(--nile-dark)}.audience-paths span{font-size:2.7rem}.audience-paths b{font-size:1.35rem}.audience-paths small{font-size:.88rem;line-height:1.6;color:inherit;opacity:.85}
@keyframes splashIn{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}@keyframes loading{0%{transform:translateX(130%)}100%{transform:translateX(-240%)}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:45px 5%}.hero-copy h1{font-size:36px}.topbar nav{display:none}.section{padding:50px 5%}.trip{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.swap{display:none}}
@media(max-width:500px){.steps{grid-template-columns:1fr}.hero{padding-top:32px}.hero-copy h1{font-size:31px}.quick-actions{gap:8px;margin-top:-18px;padding:0 12px}.quick-actions button{min-height:91px;border-radius:16px}.quick-actions button span{font-size:29px}.quick-actions button b{font-size:11px}.topbar{height:68px;padding:0 4%}.brand small{display:none}.login{padding:9px 11px}.auth-screen{padding-top:26px}.auth-card{padding:23px 19px}.splash-logo h1{font-size:40px}}
.login.install-ready{background:#087443;color:#fff;border-color:#087443}.install-sheet{position:fixed;inset:0;background:#0b17118c;z-index:120;display:flex;align-items:flex-end;justify-content:center;padding:18px}.install-card{width:min(100%,460px);background:#fff;border-radius:25px;padding:28px 22px;position:relative;box-shadow:0 20px 60px #0004}.install-card h2{text-align:center;margin:8px 0 20px}.install-card p{color:#526059;line-height:1.8}.install-icon{font-size:50px;text-align:center}.close-install{position:absolute;left:18px;top:14px;border:0;background:#f0f4f2;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}@media(display-mode:standalone){#installApp{display:none}}
.open-chrome{display:flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.open-chrome[hidden],#nativeInstall[hidden]{display:none}

/* الهوية البصرية السودانية: زخارف هندسية هادئة مع أسطح قراءة صافية */
:root{--nile:#0d5262;--nile-dark:#073844;--clay:#b95137;--gold:#d6a33e;--sand:#fff8ec;--ink:#182421;--green:#087443}
html{font-size:18px}body{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);line-height:1.75;background:#f7f4ee}
.topbar{height:86px;background:#fffdf9;border-bottom:0;box-shadow:0 7px 24px #17362c12}.brand b{font-size:1.3rem;color:var(--nile-dark)}.brand small{font-size:.82rem;color:#53625d}.topbar nav a{font-size:1rem;font-weight:700;color:#2d4640}.login{font-size:.96rem;font-weight:800;padding:12px 18px;border:2px solid var(--nile);color:var(--nile);border-radius:13px}
.heritage-ribbon{height:16px;background:var(--nile-dark);display:flex;align-items:center;justify-content:center;gap:17px;overflow:hidden}.heritage-ribbon span{width:13px;height:13px;background:var(--gold);transform:rotate(45deg);flex:0 0 auto}.heritage-ribbon i{width:20px;height:7px;background:var(--clay);clip-path:polygon(50% 0,100% 100%,0 100%);flex:0 0 auto}
.hero{position:relative;min-height:auto;padding:55px 8% 78px;background:linear-gradient(135deg,#fffdf8 0%,var(--sand) 62%,#edf7f4 100%);overflow:hidden}.hero::after{content:"";position:absolute;width:260px;height:260px;border:32px double #d6a33e18;transform:rotate(45deg);left:-150px;bottom:-155px;pointer-events:none}.hero-copy,.search-card{position:relative;z-index:1}.pill{display:inline-flex;padding:7px 13px;border-radius:30px;background:#e8f4f1;color:var(--nile-dark);font-size:.88rem}.hero-copy h1{font-size:2.7rem;line-height:1.35;color:var(--nile-dark);margin:18px 0}.hero-copy em{color:var(--clay)}.hero-copy p{font-size:1.08rem;line-height:1.9;color:#43544f}.search-card{border-top:7px solid var(--clay);box-shadow:0 18px 48px #402a1718;background:#fff;border-radius:24px}.search-card h2{font-size:1.55rem;color:var(--nile-dark)}
label{font-size:.95rem;font-weight:700;color:#354641;line-height:1.6}select,input{height:56px;font-size:1rem;border:2px solid #d8e1dc;border-radius:13px;color:#182421}.primary{min-height:56px;font-size:1.05rem;background:var(--nile);border-radius:13px}.swap{width:50px;height:50px;font-size:1.35rem}.quick-actions{margin-top:-38px}.quick-actions button{min-height:124px;border:0;border-bottom:5px solid var(--gold);background:#fffdf9}.quick-actions button:nth-child(2n){border-bottom-color:var(--clay)}.quick-actions button span{font-size:2.15rem}.quick-actions button b{font-size:1rem;color:var(--nile-dark)}
.section{background:#f7f4ee}.section.light{background:#fffdf9}.section h2{font-size:2rem;line-height:1.45;color:var(--nile-dark)}.eyebrow{font-size:.9rem;color:var(--clay)}.filter{font-size:.95rem;padding:11px 20px}.filter.active{background:var(--nile);border-color:var(--nile)}.trip{border:0;border-right:6px solid var(--gold);box-shadow:0 8px 26px #2f3d3510}.company b,.time,.price{font-size:1.08rem}.company small,.route small,.price small{font-size:.82rem;color:#5b6864}.book{font-size:.95rem;padding:13px 20px;background:var(--nile)}.steps>div{border:0;border-top:6px solid var(--clay);box-shadow:0 8px 25px #2f3d3510}.steps b{font-size:1.1rem;color:var(--clay)}.steps h3{font-size:1.25rem}.steps p{font-size:1rem;color:#4c5d57}.auth-screen{background:linear-gradient(180deg,var(--nile-dark) 0 32%,#f7f4ee 32%)}.auth-card{border-top:7px solid var(--gold)}.auth-card h2{font-size:1.55rem}.auth-note{font-size:.95rem}.auth-submit{font-size:1.05rem;background:var(--nile)}.create-account,.demo-entry,.text-link{font-size:.95rem}.input-wrap{height:59px}.splash-screen{background:linear-gradient(145deg,var(--nile-dark),var(--nile))}.splash-logo h1{font-size:2.7rem}footer{background:var(--nile-dark);border-top:10px solid var(--gold);font-size:.95rem}
@media(max-width:850px){html{font-size:17px}.hero{padding:38px 5% 64px}.hero-copy h1{font-size:2.25rem}.quick-actions{margin-top:-30px}.section h2{font-size:1.7rem}}
@media(max-width:500px){html{font-size:16px}.topbar{height:74px}.brand b{font-size:1.22rem}.heritage-ribbon{height:13px;gap:13px}.hero{padding:30px 5% 52px}.hero-copy h1{font-size:2rem}.hero-copy p{font-size:1.02rem}.search-card{padding:22px 18px}.quick-actions{margin-top:-26px;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px}.quick-actions button{min-height:108px}.quick-actions button b{font-size:1rem}.section{padding:44px 5%}.filters{overflow-x:auto;padding-bottom:5px}.filter{white-space:nowrap;flex:0 0 auto}.trip{padding:18px}.auth-card{padding:25px 20px}.auth-screen{padding-left:14px;padding-right:14px}}

.splash-brand-logo{width:210px;height:210px;object-fit:contain;background:#fffdf8;padding:12px;border-radius:36px;box-shadow:0 18px 42px #001d1555}.auth-brand-logo{width:105px;height:105px;object-fit:contain;background:#fffdf8;padding:7px;border-radius:25px;box-shadow:0 10px 28px #001d1544;margin:auto}.brand img{width:52px;height:52px;object-fit:contain;background:#fff;padding:3px;border-radius:13px;flex:0 0 auto}.ticket-brand{display:flex;align-items:center;gap:13px;padding-bottom:15px;margin-bottom:16px;border-bottom:2px solid #dfe8e3}.ticket-brand img{width:64px;height:64px;object-fit:contain;background:#fff8ec;padding:4px;border-radius:14px}.ticket-brand b{display:block;font-size:1.25rem;color:var(--nile-dark)}.ticket-brand span{display:block;font-size:.85rem;color:#596a64}.discover{background:#fffdf9}.discover-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:28px}.discover-heading h2{margin-bottom:0}.discover-heading>p{max-width:460px;margin:0;color:#53625d;font-size:1rem}.destination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.destination-card{min-width:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px #203a3018;border-bottom:6px solid var(--gold)}.destination-card:nth-child(2){border-bottom-color:var(--clay)}.destination-card:nth-child(3){border-bottom-color:var(--nile)}.destination-card img{display:block;width:100%;height:210px;object-fit:cover;background:#e8e3d9}.destination-card>div{padding:19px 20px 22px}.destination-card span{font-size:.82rem;font-weight:800;color:var(--clay)}.destination-card h3{font-size:1.28rem;line-height:1.45;color:var(--nile-dark);margin:5px 0}.destination-card p{font-size:.95rem;line-height:1.75;color:#52605b;margin:0}.image-credits{font-size:.72rem;color:#72807b;margin:14px 0 0}.ticket{background:#fff}.ticket h2{color:var(--nile-dark)}
.bottom-nav{display:none}
@media(max-width:850px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.destination-grid{grid-template-columns:1fr 1fr}.destination-card:last-child{grid-column:1/-1}.discover-heading{align-items:start;flex-direction:column;gap:5px}.splash-brand-logo{width:190px;height:190px}.quick-actions{display:none}.bottom-nav{position:fixed;z-index:95;right:0;left:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fffdfb;border-top:1px solid #dfe8e3;box-shadow:0 -8px 28px #0b2e2320}.bottom-nav button{min-width:0;min-height:67px;border:0;border-radius:14px;background:transparent;color:#60706a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:inherit;cursor:pointer}.bottom-nav button span{font-size:1.45rem;line-height:1}.bottom-nav button b{font-size:.78rem;line-height:1.4}.bottom-nav button.active{color:var(--nile);background:#e9f4f1}.bottom-nav button.active b{font-weight:900}footer{margin-bottom:0}}
@media(max-width:520px){.audience-card{padding:24px 18px}.audience-card>img{width:125px;height:125px}.audience-card h1{font-size:1.65rem}.audience-paths{grid-template-columns:1fr}.audience-paths button,.audience-paths a{min-height:130px}}
@media(max-width:500px){.brand img{width:46px;height:46px}.destination-grid{grid-template-columns:1fr}.destination-card:last-child{grid-column:auto}.destination-card img{height:205px}.splash-brand-logo{width:175px;height:175px}.auth-brand-logo{width:92px;height:92px}.image-credits{font-size:.75rem}}

/* مخطط مقاعد الباص وبيانات المسافر */
.modal{z-index:130}
.booking-head h2{margin:0 0 4px}.booking-head p{margin:0 0 14px;color:#50605a}.seat-legend{display:flex;gap:15px;flex-wrap:wrap;margin:12px 0;font-size:.78rem}.seat-legend span{display:flex;align-items:center;gap:6px}.seat-legend i{width:15px;height:15px;border-radius:5px;border:2px solid #b9c8c1}.seat-legend .chosen{background:#0d5262;border-color:#0d5262}.seat-legend .unavailable{background:#dfe4e2;border-color:#dfe4e2}.bus-shell{max-width:470px;margin:14px auto 18px;padding:12px 12px 18px;border:3px solid #9db2a9;border-radius:46px 46px 24px 24px;background:#f8fbf9;box-shadow:inset 0 0 0 5px #edf3ef}.bus-front{min-height:73px;border-bottom:2px solid #d4dfda;margin-bottom:8px;padding:7px 12px}.windshield{display:block;width:76%;margin:auto;padding:7px;border-radius:23px 23px 10px 10px;background:#d8ece9;color:#073844;font-size:.74rem;text-align:center;font-weight:800}.driver{display:block;width:max-content;margin:8px 0 0 auto;font-size:.76rem;color:#4b5d56}.side-labels{display:flex;justify-content:space-between;padding:0 42px 5px;color:#75827d;font-size:.68rem;font-weight:800}.bus-rows{display:grid;gap:8px}.bus-row{display:grid;grid-template-columns:22px 1fr 42px 1fr;gap:7px;align-items:center}.row-number{text-align:center;color:#809089;font-size:.7rem}.seat-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.aisle{text-align:center;color:#9aa7a1;font-size:.6rem;writing-mode:vertical-rl;justify-self:center}.seat{min-height:52px;padding:5px 2px 4px;border:2px solid #b7c7c0;border-radius:10px 10px 7px 7px;background:#fff;color:#24352e;cursor:pointer;box-shadow:0 3px 0 #d5dfda;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:inherit}.seat::before{content:"";width:70%;height:5px;border-radius:4px;background:#d9e3de;margin-bottom:3px}.seat-number{font-weight:900;font-size:.9rem;line-height:1.1}.seat small{font-size:.5rem;line-height:1.2;color:#6c7a74}.seat.taken{background:#e1e5e3;color:#9ca5a1;border-color:#d5dad8;cursor:not-allowed;box-shadow:none}.seat.taken small{color:#a4aca8}.seat.selected{background:#0d5262;color:#fff;border-color:#073844;box-shadow:0 3px 0 #073844}.seat.selected::before{background:#ffffff77}.seat.selected small{color:#fff}.bus-back{text-align:center;margin-top:12px;padding:6px;border-top:2px solid #d4dfda;color:#75827d;font-size:.7rem}.selected-seat-summary{max-width:470px;margin:0 auto;padding:11px 14px;border-radius:12px;background:#edf5f2;color:#40534c;font-size:.9rem}.selected-seat-summary span{display:block;font-size:.75rem;color:#64746e}.passenger-step h2{color:#073844;margin-bottom:3px}.form-note{color:#65746e;margin-top:0}.passenger-step form{display:grid;gap:15px}.passenger-step label{font-size:.95rem}.seat-confirmation{display:flex;justify-content:space-between;gap:12px;background:#edf5f2;border-radius:13px;padding:12px 14px}.seat-confirmation small{color:#64746e}.ticket-data{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.ticket-data>div{padding:10px 12px;border-radius:11px;background:#f3f7f5;min-width:0}.ticket-data span{display:block;color:#6c7b75;font-size:.72rem}.ticket-data b{display:block;color:#073844;font-size:.92rem;overflow-wrap:anywhere}.ticket-data small{display:block;color:#64746e;font-size:.65rem}
@media(max-width:500px){.modal{padding:8px}.modal-box{max-height:94vh;overflow:auto;padding:24px 14px 18px}.bus-shell{padding:10px 7px 15px}.bus-row{grid-template-columns:18px 1fr 32px 1fr;gap:4px}.seat-pair{gap:4px}.seat{min-height:50px}.seat small{font-size:.46rem}.ticket-data{grid-template-columns:1fr}.seat-confirmation{flex-direction:column;gap:2px}}

/* خلفية سياحية واضحة للصفحة الرئيسية */
.hero{background-image:linear-gradient(90deg,rgba(255,253,248,.95) 0%,rgba(255,253,248,.82) 43%,rgba(7,56,68,.25) 100%),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/نهاية الخريف في كسلا - السودان.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .7s ease}.hero-copy{padding:24px;border-radius:24px;background:#fffdf8d9;backdrop-filter:blur(3px);box-shadow:0 12px 35px #102f2520}.bus-cab{display:flex;align-items:flex-start;justify-content:space-between;margin-top:9px;direction:ltr}.driver,.bus-door{display:block;width:105px;margin:0;padding:6px 8px;border-radius:9px;background:#edf5f2;text-align:center;font-size:.72rem;font-weight:800;color:#344841}.driver small,.bus-door small{font-size:.58rem;color:#65756f}.driver{order:1}.bus-door{order:2;background:#fff1df;color:#815427}.rear-door-space{grid-column:1/-1;min-height:52px;border:2px dashed #d19b52;border-radius:10px;background:#fff3df;color:#7d542a;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column}.rear-door-space span{font-size:1.1rem;line-height:1}.rear-door-space b{font-size:.58rem}.rear-single-seat{width:90px;margin:12px auto 2px;text-align:center}.rear-single-seat>span{display:block;font-size:.62rem;color:#6b7b74;margin-bottom:5px}.ticket-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ticket-actions .primary{margin-top:0}.share-ticket,.close-ticket{min-height:54px;border-radius:13px;font-family:inherit;font-size:.95rem;font-weight:800;cursor:pointer}.share-ticket{border:2px solid var(--nile);background:#fff;color:var(--nile)}.close-ticket{width:100%;margin-top:10px;border:0;background:#eef2f0;color:#53615c}
@media(max-width:500px){.hero{background-position:62% center}.hero-copy{padding:18px}.ticket-actions{grid-template-columns:1fr}.driver,.bus-door{width:92px}}

/* الدفع، تذاكري، وتذكرة QR */
.payment-note{padding:10px 12px;border-radius:11px;background:#edf5f2;color:#52645d;font-size:.78rem}.ticket{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fffdf8 100%);border-color:#c9a957;box-shadow:0 15px 45px #17362c18}.ticket>*:not(.ticket-watermark){position:relative;z-index:1}.ticket-watermark{position:absolute;inset:20% 12%;z-index:0;background:url("assets/safartak-logo-clear.png") center/contain no-repeat;opacity:.055;pointer-events:none}.ticket-code{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;background:#073844;color:#fff}.ticket-code span{font-size:.75rem}.ticket-code b{font-size:1rem;letter-spacing:1px}.ticket-qr{display:flex;flex-direction:column;align-items:center;margin:16px auto}.ticket-qr img{width:150px;height:150px;padding:7px;border-radius:15px;background:#fff;border:2px solid #0d5262;image-rendering:pixelated}.ticket-qr small{margin-top:6px;color:#65746e;font-size:.7rem}.my-tickets h2{margin:0;color:#073844}.my-tickets>p{margin:2px 0 18px;color:#68766f}.saved-ticket{width:100%;border:1px solid #dce6e1;border-right:5px solid #d6a33e;background:#fff;margin-bottom:10px;padding:14px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:right;font-family:inherit;cursor:pointer}.saved-ticket span{display:flex;flex-direction:column;min-width:0}.saved-ticket b{color:#073844;font-size:.95rem}.saved-ticket strong{color:#087443;font-size:.82rem}.saved-ticket small{color:#6b7973;font-size:.7rem}.empty-tickets{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f5f8f6;border-radius:18px;font-size:2.4rem}.empty-tickets b{font-size:1.05rem;color:#073844}.empty-tickets span{font-size:.8rem;color:#697770;text-align:center}
@media(max-width:500px){.ticket-qr img{width:135px;height:135px}.saved-ticket{align-items:flex-start}.saved-ticket>span:last-child{align-items:flex-end}}

/* صورة افتتاحية واضحة وصف خلفي من خمسة مقاعد */
.splash-screen{background-image:linear-gradient(rgba(4,36,31,.32),rgba(4,36,31,.32)),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/نهاية الخريف في كسلا - السودان.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}.splash-screen::before,.splash-screen::after{display:none}.splash-logo{position:absolute;top:8vh;right:50%;transform:translateX(50%);animation:none;width:min(88%,390px);padding:18px 20px 16px;border-radius:28px;background:#fffdf8e8;backdrop-filter:blur(5px);box-shadow:0 18px 55px #001d1555;color:#073844}.splash-logo h1{margin:8px 0 0;font-size:2.35rem;line-height:1.2}.splash-logo p{color:#31554a;font-size:1rem;font-weight:700}.splash-brand-logo{width:165px;height:165px;box-shadow:none;background:transparent;padding:0}.hero{background-image:linear-gradient(rgba(5,40,35,.18),rgba(5,40,35,.18)),url("https://commons.wikimedia.org/wiki/Special:Redirect/file/نهاية الخريف في كسلا - السودان.jpg");background-position:center}.hero-copy{background:#fffdf8ee;backdrop-filter:none}.last-bus-row{grid-template-columns:22px 1fr}.last-row-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.last-row-five .seat{min-width:0}.last-row-five .seat small{font-size:.43rem}
@media(max-width:500px){.splash-logo{top:6vh;padding:15px}.splash-brand-logo{width:145px;height:145px}.splash-logo h1{font-size:2rem}.last-bus-row{grid-template-columns:18px 1fr}.last-row-five{gap:3px}.last-row-five .seat{min-height:48px;padding-left:0;padding-right:0}.last-row-five .seat small{font-size:.39rem}.hero{background-position:center}}

/* بيانات عدة مسافرين وهوية التذكرة */
.passengers-form-list{display:grid;gap:13px}.passenger-card{margin:0;padding:14px;border:2px solid #dbe6e1;border-radius:15px;background:#fbfdfc;display:grid;grid-template-columns:1fr 1fr;gap:12px}.passenger-card legend{padding:0 8px;color:var(--nile);font-weight:900;font-size:.9rem}.passenger-card>small{grid-column:1/-1;color:#687872}.ticket-brand-top{justify-content:center;text-align:center;padding:12px 8px 18px;border-bottom:3px solid var(--gold)}.ticket-brand-top img{width:82px;height:82px}.ticket-brand-top b{font-size:1.65rem}.ticket-brand-top span{font-size:.9rem}.ticket-passengers{display:grid;gap:8px;margin:12px 0}.ticket-passenger{padding:11px 13px;border-radius:12px;background:#edf5f2;border-right:4px solid var(--gold)}.ticket-passenger>span{display:block;color:#6c7b75;font-size:.7rem}.ticket-passenger>b{display:block;color:var(--nile-dark);font-size:.95rem}.ticket-passenger small{display:block;color:#596b64;font-size:.72rem}.ticket-passenger small b{display:inline}
@media(max-width:500px){.passenger-card{grid-template-columns:1fr}.passenger-card>small{grid-column:auto}.ticket-brand-top img{width:72px;height:72px}.ticket-brand-top b{font-size:1.45rem}}
.trip-bus-image{width:82px;height:62px;object-fit:cover;border-radius:12px;border:2px solid #e0e8e4;flex:0 0 auto}@media(max-width:500px){.trip-bus-image{width:94px;height:68px}}
.change-booking{width:100%;min-height:48px;margin-top:10px;border:2px solid var(--clay);border-radius:12px;background:#fff;color:var(--clay);font-family:inherit;font-weight:900}.change-rule{display:block;text-align:center;color:#7a655e;font-size:.68rem;margin-top:5px}
.user-terms{display:flex;flex-direction:column;gap:7px;padding:13px 14px;border:2px solid #dce7e2;border-radius:13px;background:#f5f9f7;margin:4px 0 12px}.user-terms a{color:#075b38;font-weight:900;text-decoration:underline}.user-terms span{color:#9c3423;font-size:.88rem;font-weight:800}.user-terms span.accepted{color:#087443}
