/* الخطوط محفوظة داخل المشروع (static/fonts) بدل تحميلها من Google في كل زيارة */
@font-face{font-family:"Cairo";src:url("fonts/Cairo.woff") format("woff");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter.woff") format("woff");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Readex Pro";src:url("fonts/ReadexPro.woff") format("woff");font-weight:300 700;font-style:normal;font-display:swap}
:root{--ink:#162b3b;--muted:#71808d;--primary:#0c766e;--primary-dark:#095d57;--mint:#dff4ed;--cream:#f7f8f4;--line:#e5eae7;--white:#fff;--orange:#f1a45b;--shadow:0 14px 40px rgba(26,57,65,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Cairo",Arial,sans-serif;line-height:1.65}html[lang="en"] body{font-family:Inter,Arial,sans-serif}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}button,input,select,textarea{font:inherit}button,.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--primary);color:white;padding:11px 18px;border-radius:12px;font-weight:700;cursor:pointer;transition:.18s}button:hover,.button:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px)}.button.secondary{background:#edf3f1;color:var(--ink)}.button.full{width:100%}.site-header{min-height:78px;padding:12px max(5vw,20px);display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-size:24px;font-weight:800;color:var(--primary);white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:20px;flex:1;flex-wrap:wrap}.site-header nav a{font-size:14px;color:#415563;font-weight:600}.languages{display:flex;gap:8px;white-space:nowrap}.languages a{font-size:12px;padding:5px 8px;border-radius:8px;background:#f2f6f4;color:var(--ink)}.container{max-width:1200px;margin:0 auto;padding:28px 24px 60px;min-height:75vh}.hero{background:linear-gradient(120deg,#e4f5ee,#f1f8f1 62%,#fff2df);border-radius:28px;padding:clamp(28px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.hero>div:first-child{max-width:650px;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);font-size:12px;font-weight:800;margin:0 0 8px}.hero h1,.page-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:8px 0 14px;font-weight:800;letter-spacing:-.03em}.hero p,.page-heading p{color:#637581;margin:0 0 20px}.search{display:flex;gap:8px;max-width:560px;background:white;padding:7px;border:1px solid #e0e9e4;border-radius:15px;box-shadow:0 8px 22px #17483b0c}.search input{border:0;outline:0;min-width:0;flex:1;padding:8px 12px;background:transparent}.hero-art{font-size:100px;position:relative;margin-inline:3vw;color:var(--primary);filter:drop-shadow(0 12px 10px #14594a1a)}.hero-art span{font-size:38px;position:absolute}.hero-art span:nth-child(2){top:-20px;right:-28px}.hero-art span:nth-child(3){bottom:-22px;left:-20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:42px 0 18px}.section-head h2{margin:0;font-size:25px}.muted{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tour-card,.panel{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:var(--shadow)}.tour-card{transition:transform .2s,box-shadow .2s}.tour-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px #173c3814}.tour-image{height:170px;background:radial-gradient(circle at 75% 20%,#fff9d7 0 8%,transparent 8.5%),linear-gradient(135deg,#a5d8c8,#d9eee0 54%,#f8d9b1);display:flex;align-items:center;justify-content:center;position:relative;color:#0b7167;font-size:54px}.tour-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:36%;background:linear-gradient(0deg,#0e4f4920,transparent)}.tour-image small{position:absolute;bottom:12px;right:14px;z-index:1;color:#164d46;background:#ffffffd9;border-radius:9px;padding:4px 10px;font-size:12px;font-weight:800}.tour-content{padding:18px}.card-meta{font-size:12px;color:var(--muted)}.tour-content h3{margin:7px 0;font-size:19px}.tour-content p{font-size:13px;color:var(--muted);min-height:42px}.tour-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;gap:10px}.tour-bottom strong{font-size:18px;color:var(--primary)}.tour-bottom small{display:block;font-size:11px;color:var(--muted)}.tour-bottom .button{font-size:12px;padding:9px 12px}.company-strip{display:flex;gap:12px;flex-wrap:wrap}.company-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:14px;min-width:200px}.company-chip small{display:block;color:var(--muted);font-size:12px}.company-mark{width:38px;height:38px;border-radius:12px;background:var(--mint);display:grid;place-items:center;color:var(--primary);font-size:21px}.company-mark.big{width:58px;height:58px;font-size:28px}.page-heading{margin:14px 0 28px}.page-heading h1{font-size:34px}.company-card{padding:24px}.company-card h3{margin:12px 0 0}.company-card p{color:var(--muted);font-size:14px}.pill,.status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef3f1;color:#53666a}.pill.success,.status.confirmed{background:#dcf6e8;color:#13764e}.status.pending{background:#fff0d9;color:#98601c}.status.rejected{background:#ffe3e0;color:#b33930}.detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:22px;align-items:start}.detail-main{padding:22px}.detail-image{height:250px;border-radius:14px;margin-bottom:24px}.detail-main h1{margin:4px 0 12px}.detail-main>p:not(.eyebrow){color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.facts>div{background:#f6f9f7;border-radius:12px;padding:13px}.facts small,.facts b{display:block}.facts small{color:var(--muted);font-size:12px}.booking-box{padding:24px;position:sticky;top:100px}.booking-box h2{color:var(--primary);font-size:28px;margin:6px 0}.booking-box h2 small{font-size:13px}.booking-box>p{font-size:14px;color:var(--muted)}.auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:35px;max-width:900px;margin:35px auto;align-items:center}.auth-intro{padding:20px}.auth-intro h1{font-size:38px;margin:5px 0}.hero-icon{display:grid;place-items:center;width:76px;height:76px;background:var(--mint);color:var(--primary);font-size:36px;border-radius:24px;margin-bottom:24px}.form-card{padding:26px;display:flex;flex-direction:column;gap:16px}.form-card h2{margin:0}.form-card label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700}.form-card input,.form-card select,.form-card textarea{width:100%;padding:12px 13px;border:1px solid #dbe4df;border-radius:11px;background:#fbfcfb;outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0c766e16}.form-card label small{font-size:11px;color:var(--muted);font-weight:400}.wide-form{max-width:850px;margin:0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flash{padding:12px 16px;margin-bottom:14px;border-radius:12px;background:#e5f7ec;color:#176b48}.flash.error{background:#ffebe8;color:#9c3026}.flash.warning{background:#fff2d9;color:#885816}.empty{text-align:center;padding:50px 20px;background:white;border:1px dashed #cbd9d2;border-radius:18px;color:var(--muted)}.status-card{max-width:600px;padding:26px;margin:auto}.status-card h2{margin-bottom:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:start;padding:14px 16px;border-bottom:1px solid var(--line);font-size:13px}th{background:#f7faf8;color:#5a6c73;font-size:12px}tr:last-child td{border-bottom:0}.actions{display:flex;gap:6px}.small-button{font-size:11px;padding:6px 9px;border-radius:8px;white-space:nowrap}.small-button.danger{background:#fff0ed;color:#b13b30}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.stat{padding:20px 22px;background:white;border:1px solid var(--line);border-radius:16px}.stat small{display:block;color:var(--muted)}.stat strong{font-size:30px;color:var(--primary)}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer{text-align:center;padding:24px;color:var(--muted);font-size:12px;border-top:1px solid var(--line);background:#fff}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{gap:14px;flex-wrap:wrap}.site-header nav{order:3;flex-basis:100%;gap:14px}.hero-art{font-size:70px}.detail-layout{grid-template-columns:1fr}.booking-box{position:static}.auth-wrap{gap:18px}.container{padding-inline:18px}}
@media(max-width:620px){.site-header{padding:12px 16px}.brand{font-size:21px}.site-header nav{font-size:12px;gap:11px}.languages{margin-inline-start:auto}.hero{padding:26px 22px}.hero-art{display:none}.hero h1{font-size:32px}.search{flex-direction:column}.search button{width:100%}.cards{grid-template-columns:1fr}.tour-image{height:190px}.section-head{margin-top:30px}.auth-wrap{grid-template-columns:1fr;margin:8px auto}.auth-intro{padding:8px 4px}.auth-intro h1{font-size:30px}.hero-icon{width:55px;height:55px;margin-bottom:12px}.form-card{padding:20px}.form-grid{grid-template-columns:1fr}.dashboard-heading{align-items:flex-start;flex-direction:column}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:24px}.facts{grid-template-columns:1fr 1fr}.container{padding-inline:14px}.languages a{padding:4px 5px}}

/* Siyahati premium homepage refresh */
.hero-premium{min-height:410px;padding:clamp(30px,5vw,68px);background:linear-gradient(112deg,#e7f6f0 0%,#f5f8ef 53%,#f8e7d3 100%);border:1px solid #e2eee6;isolation:isolate}
.hero-copy{max-width:610px!important}.hero-premium h1{max-width:600px;font-size:clamp(34px,4.3vw,54px);letter-spacing:-.045em}.hero-highlight{color:var(--primary);display:inline}.hero-premium .eyebrow{display:flex;align-items:center;gap:8px;letter-spacing:0;font-size:13px}.eyebrow-dot,.meta-dot{display:inline-block;width:7px;height:7px;background:#e6a25d;border-radius:50%}.hero-premium>div:first-child>p{max-width:500px;font-size:16px;line-height:1.9}.search-premium{align-items:center;max-width:580px;padding:7px 8px 7px 15px;border-radius:16px;gap:10px}.search-premium .search-icon{font-size:28px;color:var(--primary);line-height:1}.search-premium input{padding:10px 4px}.search-premium button{padding:13px 20px;white-space:nowrap}.hero-trust{display:flex;align-items:center;gap:10px;margin-top:20px;color:#62766f;font-size:12px}.trust-avatars{display:flex;direction:ltr;padding-left:3px}.trust-avatars i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:2px solid #f2f8f2;background:#d3e9dd;color:#246d61;font-style:normal;font-size:12px;margin-left:-5px}.trust-avatars i:nth-child(2){background:#f8dfbd;color:#a96d2e}.trust-avatars i:nth-child(3){background:#d9e4f1;color:#416b9b}.hero-art-premium{width:340px;height:300px;flex-shrink:0;margin-inline:0;filter:none;display:block}.art-orbit{position:absolute;border:1px solid #7ab6a65c;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:330px;height:210px;top:38px;left:0}.orbit-two{width:270px;height:160px;top:63px;left:28px;transform:rotate(25deg)}.art-sun{position:absolute;right:43px;top:15px;width:82px;height:82px;background:linear-gradient(135deg,#f5c77e,#ef9c68);border-radius:50%;box-shadow:0 0 0 12px #efb77520,0 0 0 25px #efb77512}.art-mountain{position:absolute;bottom:45px;width:0;height:0;border-left:135px solid transparent;border-right:135px solid transparent}.mountain-back{left:10px;border-bottom:145px solid #b5d7c6}.mountain-front{left:80px;bottom:38px;border-left-width:110px;border-right-width:110px;border-bottom:112px solid #4f9b83}.art-plane{position:absolute;top:67px;left:55px;font-size:38px;color:#fff;transform:rotate(-14deg);text-shadow:0 4px 10px #296a5d60}.art-location{position:absolute;bottom:15px;left:2px;display:flex;align-items:center;gap:10px;background:#ffffffed;border:1px solid #ffffff;border-radius:14px;padding:11px 15px;box-shadow:0 12px 30px #214a3c20;color:var(--ink);font-size:12px}.art-location>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e0f2e9;color:var(--primary);font-size:23px}.art-location b,.art-location small{display:block}.art-location small{color:var(--muted);font-size:10px}.art-stamp{position:absolute;right:0;bottom:45px;width:65px;height:65px;border:1px solid #fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:20px;line-height:1;background:#0c766e88;transform:rotate(10deg)}.art-stamp small{font:700 7px/1.3 Inter,Arial,sans-serif;letter-spacing:1px;text-align:center}.hero-bottom-label{position:absolute;bottom:17px;right:clamp(28px,5vw,68px);font:700 10px Inter,Arial,sans-serif;color:#63857a;letter-spacing:1px}.hero-bottom-label span{color:var(--primary)}
.quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:23px 28px;margin:20px 0 48px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px #193c3310}.quick-stats>div{display:flex;align-items:center;gap:13px;padding-inline:12px;border-inline-end:1px solid var(--line)}.quick-stats>div:last-child{border:0}.quick-stat-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e6f5ee;color:var(--primary);font-size:23px}.quick-stats b,.quick-stats small{display:block}.quick-stats b{font-size:14px}.quick-stats small{font-size:11px;color:var(--muted);margin-top:2px}.destination-section,.tours-section{margin-top:42px}.section-head{margin-bottom:20px}.section-subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}.destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.destination-tile{position:relative;min-height:155px;overflow:hidden;border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;color:white;isolation:isolate;transition:transform .2s,box-shadow .2s}.destination-tile:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(145deg,#8cc6b2,#235e57)}.destination-tile:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#092e2cbd,transparent 75%)}.destination-tile:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 25px #153f3420}.destination-erbil:before{background:radial-gradient(circle at 75% 25%,#f5c783 0 9%,transparent 10%),linear-gradient(135deg,#8dc7b2,#286e60)}.destination-baghdad:before{background:radial-gradient(circle at 70% 35%,#f5d1a1 0 10%,transparent 11%),linear-gradient(135deg,#d9ad7b,#855f47)}.destination-sulaymaniyah:before{background:radial-gradient(ellipse at 70% 80%,#5a9b78 0 22%,transparent 23%),linear-gradient(135deg,#a8d2b5,#3e796a)}.destination-basra:before{background:radial-gradient(ellipse at 75% 65%,#e8c48a 0 18%,transparent 19%),linear-gradient(135deg,#efbd85,#a76f4d)}.destination-symbol{position:absolute;top:12px;left:15px;font-size:38px;opacity:.8}.destination-tile>span:nth-child(2){display:block}.destination-tile small,.destination-tile b{display:block}.destination-tile small{font-size:10px;opacity:.85}.destination-tile b{font-size:18px}.destination-tile>i{position:absolute;bottom:18px;left:17px;font-style:normal;font-size:17px}.cards-premium{gap:20px}.tour-card-premium{border-radius:20px}.tour-image-premium{height:185px;justify-content:flex-start;align-items:flex-end;padding:14px;overflow:hidden}.tour-image-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#ffffff1c,transparent 48%);z-index:0}.tour-scene-0{background:linear-gradient(145deg,#7ebba8,#d7ead7 55%,#f6d6a9)}.tour-scene-1{background:linear-gradient(145deg,#e7c69a,#b6d9c4 58%,#6ca995)}.tour-scene-2{background:linear-gradient(145deg,#8db7ce,#e4eddf 54%,#e5c79b)}.tour-scene-3{background:linear-gradient(145deg,#d7b7a0,#f4dfc1 48%,#7fb6a4)}.tour-image-premium .tour-scene-icon{position:absolute;left:22px;top:15px;font-size:74px;color:#ffffff9c;line-height:1}.tour-image-premium small{bottom:14px;right:14px;background:#ffffffeb}.image-tag{position:absolute;top:14px;right:14px;z-index:2;border:1px solid #ffffff85;border-radius:20px;background:#ffffffd9;color:#27685b;padding:5px 10px;font-size:10px;font-weight:800}.tour-content{padding:19px}.card-meta{display:flex;align-items:center;gap:6px}.meta-dot{width:6px;height:6px;background:#e7a45e}.tour-content h3{font-size:18px;line-height:1.5;margin-top:10px}.tour-content>p{line-height:1.8}.tour-bottom{align-items:end}.tour-bottom>div>small{margin-bottom:2px}.tour-bottom strong{font-size:19px;white-space:nowrap}.tour-bottom .currency-inline{display:inline;font-size:10px}.tour-details-button{white-space:nowrap}.tour-details-button span{font-size:15px}.tour-count{padding:7px 12px;border-radius:12px;background:#e4f4ec;color:#477b6e;font-size:12px}.tour-count b{color:var(--primary);font-size:17px}.how-section{margin:64px 0;padding:45px 35px;background:#f0f6f1;border:1px solid #e1ece4;border-radius:24px}.how-heading{text-align:center;max-width:580px;margin:0 auto 30px}.how-heading h2{font-size:29px;margin:4px 0}.how-heading>p:last-child{font-size:13px;color:var(--muted)}.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.how-steps article{position:relative;padding:24px;background:#fff;border:1px solid #e4ece6;border-radius:17px}.step-number{position:absolute;top:17px;left:19px;font:700 11px Inter,Arial,sans-serif;color:#a2b9ad}.step-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#e3f4eb;color:var(--primary);font-size:23px}.how-steps h3{margin:15px 0 6px;font-size:16px}.how-steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.company-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:48px 0;padding:35px 38px;border-radius:22px;background:linear-gradient(115deg,#0b665f,#0c766e 60%,#278d79);color:#fff}.company-cta .eyebrow{color:#bde9d6}.company-cta h2{font-size:clamp(22px,3vw,30px);margin:4px 0 8px}.company-cta p:not(.eyebrow){max-width:620px;color:#d7eee5;font-size:13px;margin:0}.cta-decoration{position:absolute;left:34%;top:-48px;font-size:180px;color:#ffffff0b}.cta-button{position:relative;z-index:1;flex-shrink:0;background:#fff;color:var(--primary);padding:13px 19px}.cta-button:hover{background:#e7f5ee;color:var(--primary-dark)}.cta-button span{font-size:17px}.companies-heading{margin-top:55px}.text-link{font-size:13px;font-weight:800}.text-link span{font-size:16px}.company-strip-premium{gap:14px}.company-chip-premium{position:relative;min-width:230px;padding:15px 16px;border-radius:15px;flex:1}.company-chip-premium b{font-size:13px}.company-chip-premium small{margin-top:3px}.company-verified{display:grid;place-items:center;width:20px;height:20px;margin-inline-start:auto;background:#def5e7;color:#148054;border-radius:50%;font-size:11px}.empty-premium{padding:42px}.empty-premium>span{font-size:40px;color:var(--primary)}.empty-premium h3{color:var(--ink);margin:5px}.empty-premium p{font-size:13px}
html[dir="ltr"] .hero-bottom-label{right:auto;left:clamp(28px,5vw,68px)}html[dir="ltr"] .destination-tile>i{left:auto;right:17px}html[dir="ltr"] .destination-symbol{left:auto;right:15px}html[dir="ltr"] .step-number{left:auto;right:19px}html[dir="ltr"] .cta-decoration{left:auto;right:34%}
@media(max-width:900px){.hero-art-premium{width:260px;transform:scale(.85);transform-origin:center}.hero-premium{gap:8px}.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-stats{padding:18px 12px;gap:5px}.quick-stats>div{padding-inline:8px}.quick-stat-icon{width:37px;height:37px}.how-section{padding:32px 20px}.company-chip-premium{min-width:210px}}
@media(max-width:620px){.hero-premium{padding:28px 21px 42px;min-height:unset}.hero-premium h1{font-size:33px}.hero-premium>div:first-child>p{font-size:14px}.search-premium{display:grid;grid-template-columns:25px minmax(0,1fr);padding:8px 10px}.search-premium button{grid-column:1/-1;width:100%;padding:11px}.hero-art-premium{display:none}.hero-bottom-label{bottom:12px;right:22px;font-size:9px}.quick-stats{grid-template-columns:1fr;margin:15px 0 35px;padding:8px 14px}.quick-stats>div{border-inline-end:0;border-bottom:1px solid var(--line);padding:10px 2px}.quick-stats>div:last-child{border-bottom:0}.destination-grid{gap:10px}.destination-tile{min-height:135px;padding:14px}.destination-tile b{font-size:16px}.destination-symbol{font-size:30px}.section-head h2{font-size:22px}.section-subtitle{max-width:320px}.tour-image-premium{height:175px}.how-section{margin:42px 0;padding:27px 16px}.how-heading h2{font-size:24px}.how-steps{grid-template-columns:1fr;gap:12px}.how-steps article{padding:18px}.step-icon{width:40px;height:40px}.how-steps h3{margin-top:10px}.company-cta{align-items:flex-start;flex-direction:column;padding:27px 22px;gap:18px}.company-cta h2{font-size:24px}.cta-button{width:100%}.companies-heading{margin-top:38px}.company-chip-premium{min-width:100%;flex-basis:100%}.tour-count{font-size:10px;padding:6px 8px}}

/* Siyahati admin dashboard */
.admin-shell{max-width:1240px;margin:0 auto}.admin-welcome{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 36px;margin:4px 0 30px;border-radius:24px;background:linear-gradient(115deg,#103e43,#0c766e 65%,#2b9980);color:#fff;box-shadow:0 18px 45px #14584a20}.admin-welcome>div:first-child{position:relative;z-index:1;max-width:700px}.admin-welcome .eyebrow{color:#b8e8d8;font:800 10px Inter,Arial,sans-serif;letter-spacing:1.5px}.admin-welcome h1{font-size:clamp(25px,3vw,36px);margin:6px 0 9px;line-height:1.35}.admin-welcome p:not(.eyebrow){max-width:630px;color:#d5e9e3;font-size:13px;margin:0;line-height:1.9}.admin-welcome-mark{position:absolute;left:36%;top:-70px;font-size:230px;line-height:1;color:#ffffff0b;transform:rotate(-15deg)}.admin-view-site{position:relative;z-index:1;white-space:nowrap;background:#fff;color:#0c766e;padding:11px 16px;border-radius:12px;font-size:12px;font-weight:800}.admin-view-site span{font-size:16px;margin-inline-start:8px}.admin-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 16px}.admin-section-title h2{font-size:22px;margin:0}.admin-section-title p{font-size:12px;color:var(--muted);margin:3px 0 0}.admin-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#347b67;background:#e4f5eb;border:1px solid #d2eddf;border-radius:30px;padding:7px 11px}.admin-live i,.admin-status i{width:7px;height:7px;display:inline-block;border-radius:50%;background:currentColor}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.admin-metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px 20px 17px;box-shadow:0 7px 22px #1b3e3310;min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;color:#5b6c73}.metric-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#e0f4eb;color:#0b766b;font-size:19px}.admin-metric>strong{display:block;font-size:32px;line-height:1.3;margin:12px 0 5px;letter-spacing:-1px}.admin-metric>small{display:block;font-size:11px;color:var(--muted);min-height:21px}.metric-blue .metric-icon{background:#e7efff;color:#4978c8}.metric-orange .metric-icon{background:#fff0dd;color:#b8752f}.metric-purple .metric-icon{background:#f1eaff;color:#8660b4}.metric-track{height:4px;border-radius:10px;background:#edf1ef;overflow:hidden;margin-top:13px}.metric-track span{display:block;height:100%;max-width:100%;background:#0c9580;border-radius:10px}.metric-blue .metric-track span{background:#6694e5}.metric-orange .metric-track span{background:#e6a256}.metric-purple .metric-track span{background:#a385d7}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.admin-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:19px;padding:22px;box-shadow:0 7px 22px #1b3e330a}.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.admin-panel-head h2{font-size:17px;margin:0}.admin-panel-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.panel-symbol{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:12px;background:#e3f5ec;color:#0b766b;font-size:20px}.confirmed-number{font-size:40px;line-height:1.3;font-weight:800;color:#0c766e}.confirmed-number small{font-size:12px;font-weight:600;color:var(--muted)}.confirmed-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.confirmed-footer span{font-size:11px;color:var(--muted)}.confirmed-footer strong{font-size:15px;color:#0c766e;white-space:nowrap}.admin-note{font-size:10px;line-height:1.8;color:#8a969a;margin:10px 0 0}.admin-shortcut{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #edf1ef;color:var(--ink)}.admin-shortcut:first-of-type{border-top:0}.shortcut-icon{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#e2f4eb;color:#0c766e;font-size:19px}.shortcut-orange{background:#fff0df;color:#c17b36}.shortcut-blue{background:#e7efff;color:#4d79c4}.admin-shortcut>span:nth-child(2){min-width:0;flex:1}.admin-shortcut b,.admin-shortcut small{display:block}.admin-shortcut b{font-size:12px}.admin-shortcut small{font-size:10px;color:var(--muted);margin-top:3px}.shortcut-count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:9px;background:#fff0df;color:#b56e2e;font-size:11px;font-weight:800}.shortcut-arrow{font-size:19px;color:#81928b}.admin-table-panel{margin-top:20px;padding:22px 0 0;scroll-margin-top:90px}.admin-table-panel>.admin-panel-head{padding:0 22px}.admin-count-pill{white-space:nowrap;border-radius:20px;padding:6px 10px;background:#eff5f1;color:#477d6c;font-size:10px;font-weight:800}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:start;font-size:12px;min-width:740px}.admin-table thead{background:#f7f9f7}.admin-table th{padding:13px 17px;color:#71817b;font-size:10px;font-weight:800;white-space:nowrap}.admin-table td{padding:14px 17px;border-top:1px solid #edf1ef;vertical-align:middle}.admin-table tbody tr:hover{background:#fbfdfb}.admin-table td form{margin:0}.table-primary{display:flex;align-items:center;gap:10px;min-width:160px}.table-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:#e1f3e9;color:#0b766b;font-weight:800;font-size:14px}.table-avatar-warm{background:#fff0df;color:#b77636}.table-primary b,.table-primary small{display:block}.table-primary b{font-size:11px;max-width:220px;overflow-wrap:anywhere}.table-primary small,.table-subline{font-size:10px;color:var(--muted);margin-top:3px}.table-subline{display:block}.admin-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:30px;padding:6px 9px;font-size:10px;font-weight:800}.status-approved{background:#e4f6eb;color:#25805b}.status-pending{background:#fff2df;color:#ad712e}.status-rejected{background:#fde9e7;color:#b64c48}.admin-action-btn,.admin-save-btn{white-space:nowrap;border:0;border-radius:9px;padding:8px 10px;background:#e0f4e8;color:#267753;font-size:10px;font-weight:800;cursor:pointer}.admin-action-btn:hover,.admin-save-btn:hover{background:#ccebd9;color:#155e3d}.admin-action-danger{background:#fff0ee;color:#b54d48}.admin-action-danger:hover{background:#fbe0dd;color:#943630}.admin-status-form{display:flex;align-items:center;gap:5px;min-width:180px}.admin-status-form select{min-width:100px;max-width:130px;border:1px solid #dfe8e2;border-radius:8px;background:#fff;padding:7px;font-size:10px}.admin-save-btn{background:#0c766e;color:#fff}.admin-save-btn:hover{background:#095d57;color:#fff}.tour-table-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:#e7f0ff;color:#4d7bc5;font-size:18px}.admin-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px 15px;gap:5px;color:var(--muted)}.admin-empty>span{font-size:27px;color:#0c766e}.admin-empty b{font-size:12px;color:var(--ink)}.admin-empty small{font-size:10px}.admin-footer-note{text-align:center;color:#91a09a;font-size:10px;padding:25px 0 4px}.admin-footer-note span{padding:0 5px;color:#0c766e}
@media(max-width:950px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-two-col{grid-template-columns:1fr}.admin-welcome-mark{left:45%}}
@media(max-width:600px){.admin-welcome{padding:25px 20px;align-items:flex-start;flex-direction:column;gap:16px}.admin-welcome h1{font-size:25px}.admin-welcome-mark{left:auto;right:-15px;font-size:150px;top:-30px}.admin-view-site{align-self:flex-start}.admin-section-title h2{font-size:20px}.admin-metrics{gap:10px}.admin-metric{padding:14px}.metric-top{font-size:11px}.metric-icon{width:31px;height:31px}.admin-metric>strong{font-size:28px}.admin-metric>small{font-size:10px}.admin-panel{padding:17px}.admin-table-panel{padding:18px 0 0}.admin-table-panel>.admin-panel-head{padding:0 17px}.confirmed-footer{align-items:flex-start;flex-direction:column;gap:5px}.admin-live{font-size:10px}}

/* Admin management pages */
.admin-manage-nav{display:flex;gap:8px;flex-wrap:wrap;margin:-10px 0 22px;padding:8px;background:#eaf2ed;border:1px solid #dce8e0;border-radius:15px}.admin-manage-nav a{padding:9px 15px;border-radius:10px;color:#3f5e53;font-size:12px;font-weight:800}.admin-manage-nav a:hover,.admin-manage-nav a.is-current{background:#0c766e;color:#fff}.admin-manage-welcome{margin-bottom:22px}.admin-filter-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:0 22px 20px;border-bottom:1px solid #edf1ef;margin-bottom:20px}.admin-filter-form label{display:flex;flex-direction:column;gap:5px;min-width:170px;color:#536a60;font-size:11px;font-weight:800}.admin-filter-form .admin-search-label{flex:1;min-width:220px}.admin-filter-form input,.admin-filter-form select{width:100%;min-height:40px;padding:8px 11px;border:1px solid #dce6df;border-radius:10px;background:#fbfdfb;color:#203b33;font-size:12px;outline:none}.admin-filter-form input:focus,.admin-filter-form select:focus{border-color:#0c766e;box-shadow:0 0 0 3px #0c766e14}.admin-filter-form .admin-save-btn{min-height:40px;padding:9px 16px;font-size:11px}.admin-clear-filter{padding:9px 12px;font-size:11px;font-weight:800;color:#687d73}.admin-muted{font-size:11px;color:#7b8983}.admin-manage-shell .admin-table-panel{margin-top:0}.admin-manage-shell .admin-table{min-width:780px}.admin-manage-shell .admin-table td small{overflow-wrap:anywhere}
@media(max-width:600px){.admin-manage-nav{gap:4px}.admin-manage-nav a{padding:8px 10px;font-size:11px}.admin-filter-form{padding:0 15px 16px;gap:9px}.admin-filter-form .admin-search-label,.admin-filter-form label{min-width:100%;flex-basis:100%}.admin-filter-form .admin-save-btn{flex:1}.admin-manage-welcome{padding:22px 18px}}


/* Siyahati safe theme toggle additions */
.theme-toggle{white-space:nowrap;min-height:38px;padding:8px 12px;border:1px solid var(--line);background:#f2f6f4;color:var(--ink);border-radius:10px;font-size:12px;font-weight:700}
.theme-toggle:hover{background:#e5efea;color:var(--primary-dark)}
html[data-theme="dark"]{color-scheme:dark;--ink:#e8efec;--muted:#a9b8b1;--primary:#79c6b0;--primary-dark:#a0dfcb;--mint:#203b33;--cream:#101a18;--line:#2c403a;--white:#172522;--shadow:0 14px 40px rgba(0,0,0,.22)}
html[data-theme="dark"] body{background:var(--cream);color:var(--ink)}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .quick-stats,html[data-theme="dark"] .tour-card,html[data-theme="dark"] .tour-card-premium,html[data-theme="dark"] .company-chip,html[data-theme="dark"] .company-chip-premium,html[data-theme="dark"] .how-steps article,html[data-theme="dark"] .form-card,html[data-theme="dark"] .admin-panel,html[data-theme="dark"] .admin-metric,html[data-theme="dark"] .admin-manage-nav,html[data-theme="dark"] .booking-box,html[data-theme="dark"] .detail-card,html[data-theme="dark"] .card{background:#172522;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .site-header nav a,html[data-theme="dark"] .brand,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] label,html[data-theme="dark"] strong{color:var(--ink)}
html[data-theme="dark"] .languages a,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .button.secondary{background:#223630;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#101b18;color:var(--ink);border-color:#395149}
html[data-theme="dark"] .how-section,html[data-theme="dark"] .company-cta{background:#192d27;border-color:#2c403a}
html[data-theme="dark"] .footer{background:#121e1b;color:var(--muted);border-color:var(--line)}
html[data-theme="dark"] table th{background:#20352e;color:var(--ink)}
html[data-theme="dark"] table td{border-color:var(--line)}
html[data-theme="dark"] .flash{border-color:var(--line)}
@media(max-width:760px){.site-header{flex-wrap:wrap}.site-header nav{justify-content:center}.languages{justify-content:center}.theme-toggle{margin-inline:auto}}


/* ===== Calm, eye-friendly Siyahati palette ===== */
:root{
  --ink:#30443e;
  --muted:#788780;
  --primary:#668f82;
  --primary-dark:#52776b;
  --mint:#eaf2ed;
  --cream:#f7f8f5;
  --line:#e4eae5;
  --white:#ffffff;
  --shadow:0 8px 24px rgba(48,68,62,.045);
}
html:not([data-theme="dark"]) body{background:#f7f8f5;color:#354740}
html:not([data-theme="dark"]) .site-header{background:rgba(255,255,255,.96);border-bottom-color:#e7ece8;box-shadow:0 2px 12px rgba(48,68,62,.035)}
html:not([data-theme="dark"]) .brand,
html:not([data-theme="dark"]) .site-header nav a{color:#425f54}
html:not([data-theme="dark"]) .site-header nav a:hover,
html:not([data-theme="dark"]) .languages a:hover{background:#edf4ef;color:#496f61}
html:not([data-theme="dark"]) .hero-premium{background:linear-gradient(120deg,#edf4ef 0%,#f3f6f1 65%,#f5f0e7 100%);border-color:#e5ebe5;box-shadow:none}
html:not([data-theme="dark"]) .hero-premium h1,
html:not([data-theme="dark"]) .hero-premium h2,
html:not([data-theme="dark"]) .hero-premium p{color:#344b41}
html:not([data-theme="dark"]) .hero-highlight{color:#648d7d}
html:not([data-theme="dark"]) .hero-premium .eyebrow{color:#718b7e}
html:not([data-theme="dark"]) .hero-trust{color:#788780}
html:not([data-theme="dark"]) .search-premium{background:#fff;border-color:#e0e8e1;box-shadow:0 4px 14px rgba(48,68,62,.035)}
html:not([data-theme="dark"]) .search-premium input{background:transparent;color:#354740}
html:not([data-theme="dark"]) .quick-stats{background:#fff;border-color:#e6ebe6;box-shadow:none}
html:not([data-theme="dark"]) .quick-stat-icon,
html:not([data-theme="dark"]) .step-icon{background:#edf4ef;color:#668f82}
html:not([data-theme="dark"]) .destination-tile:after{background:linear-gradient(0deg,rgba(34,62,52,.48),rgba(34,62,52,.02) 90%)}
html:not([data-theme="dark"]) .destination-erbil:before{background:linear-gradient(135deg,#b6d0c2,#7d9f8e)}
html:not([data-theme="dark"]) .destination-baghdad:before{background:linear-gradient(135deg,#dfd1bd,#b8a28b)}
html:not([data-theme="dark"]) .destination-sulaymaniyah:before{background:linear-gradient(135deg,#c0d6c5,#829f8a)}
html:not([data-theme="dark"]) .destination-basra:before{background:linear-gradient(135deg,#e4d1b7,#b9a087)}
html:not([data-theme="dark"]) .destination-tile{box-shadow:none}
html:not([data-theme="dark"]) .tour-card-premium,
html:not([data-theme="dark"]) .company-chip-premium{background:#fff;border-color:#e5ebe6;box-shadow:0 5px 18px rgba(48,68,62,.035)}
html:not([data-theme="dark"]) .tour-image-premium .image-tag{background:rgba(255,255,255,.92);color:#557a6a;border-color:#ffffff}
html:not([data-theme="dark"]) .tour-scene-0{background:linear-gradient(135deg,#b8d1c3,#e5ebe0 60%,#e8ddc9)}
html:not([data-theme="dark"]) .tour-scene-1{background:linear-gradient(135deg,#e2d3bd,#d0dfd2 58%,#9fbcae)}
html:not([data-theme="dark"]) .tour-scene-2{background:linear-gradient(135deg,#c5d7dc,#e8ece3 54%,#e4d7c1)}
html:not([data-theme="dark"]) .tour-scene-3{background:linear-gradient(135deg,#d8c8b9,#eee6d8 48%,#aac6b8)}
html:not([data-theme="dark"]) .how-section{background:#f0f4ef;border-color:#e5ebe4}
html:not([data-theme="dark"]) .how-steps article{background:#fff;border-color:#e5ebe5;box-shadow:none}
html:not([data-theme="dark"]) .step-number{color:#a0afa5}
html:not([data-theme="dark"]) .company-cta{background:#e8f0e9;border:1px solid #dfe8df;box-shadow:none}
html:not([data-theme="dark"]) .company-cta h2{color:#344b41}
html:not([data-theme="dark"]) .company-cta p:not(.eyebrow){color:#718178}
html:not([data-theme="dark"]) .company-cta .eyebrow{color:#668575}
html:not([data-theme="dark"]) .cta-button{background:#668f82;color:#fff;border-color:#668f82}
html:not([data-theme="dark"]) .cta-button:hover{background:#52776b;color:#fff}
html:not([data-theme="dark"]) .tour-count{background:#edf3ee;color:#718b7e}
html:not([data-theme="dark"]) .tour-count b{color:#668f82}
html:not([data-theme="dark"]) .company-verified{background:#edf4ef;color:#668f82}
html:not([data-theme="dark"]) .button,
html:not([data-theme="dark"]) .btn,
html:not([data-theme="dark"]) .primary-btn,
html:not([data-theme="dark"]) button[type="submit"]{box-shadow:none}
html:not([data-theme="dark"]) .admin-welcome{background:#eaf1eb;color:#344b41;border:1px solid #e0e8e1;box-shadow:none}
html:not([data-theme="dark"]) .admin-welcome h1,
html:not([data-theme="dark"]) .admin-welcome p{color:#344b41}
html:not([data-theme="dark"]) .admin-manage-nav,
html:not([data-theme="dark"]) .admin-panel,
html:not([data-theme="dark"]) .admin-metric{box-shadow:none;border-color:#e5ebe6}
html:not([data-theme="dark"]) .footer{background:#fff;border-color:#e6ebe6}

/* Dark mode remains available with softer contrast */
html[data-theme="dark"]{--primary:#91c3b1;--primary-dark:#b1d8ca;--mint:#263b34;--cream:#121c18;--line:#30423a;--white:#1a2923;--ink:#e4ece6;--muted:#aab9af;--shadow:0 8px 24px rgba(0,0,0,.16)}
html[data-theme="dark"] .hero-premium{background:linear-gradient(120deg,#1c3028,#22342c 68%,#343027);border-color:#30443a}
html[data-theme="dark"] .hero-premium h1,
html[data-theme="dark"] .hero-premium h2,
html[data-theme="dark"] .hero-premium p,
html[data-theme="dark"] .company-cta h2{color:#e4ece6}
html[data-theme="dark"] .hero-highlight{color:#a4cdbc}
html[data-theme="dark"] .search-premium,
html[data-theme="dark"] .quick-stats,
html[data-theme="dark"] .tour-card-premium,
html[data-theme="dark"] .company-chip-premium,
html[data-theme="dark"] .how-steps article{background:#1a2923;border-color:#30423a}
html[data-theme="dark"] .how-section,
html[data-theme="dark"] .company-cta{background:#1b2b24;border-color:#30423a}
html[data-theme="dark"] .company-cta p:not(.eyebrow){color:#b7c5bb}
html[data-theme="dark"] .cta-button{background:#668f82;color:#fff;border-color:#668f82}
@media(max-width:620px){
  .hero-premium{min-height:0}
  .hero-premium h1{font-size:clamp(29px,8vw,36px)}
  .quick-stats{gap:8px}
  .destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-cta{gap:16px}
}


/* تنسيق بيانات التواصل في أسفل الموقع */
.footer-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 12px auto 24px;
  padding: 16px 20px;
  color: var(--text-color, inherit);
  font-size: 14px;
  text-align: center;
}

.footer-contact span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 12px;
  background: var(--card-bg, transparent);
  overflow-wrap: anywhere;
}

.footer-contact a {
  color: var(--primary, #16856b);
  text-decoration: none;
  font-weight: 600;
  overflow-wrap: anywhere;
  transition: opacity 0.2s ease;
}

.footer-contact a:hover {
  opacity: 0.75;
  text-decoration: underline;
}

@media (max-width: 600px) {
  .footer-contact {
    flex-direction: column;
    gap: 10px;
    padding: 12px;
  }

  .footer-contact span {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }
}


/* تنسيق صور بطاقات الشركات */
.company-card-image {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
    object-position: center;
    border-radius: 14px;
    margin: 0 0 16px;
    background-color: #f1f3f5;
    transition: transform 0.3s ease;
}

/* تحسين شكل البطاقة عند مرور المؤشر */
.company-card {
    overflow: hidden;
}

.company-card-image:hover {
    transform: scale(1.02);
}

/* تنسيق الصور على الهواتف */
@media (max-width: 600px) {
    .company-card-image {
        height: 165px;
        border-radius: 12px;
    }
}


/* ===== Siyahati Luxury Dark Design ===== */

html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #edf4f1;
  --muted: #a8bbb5;
  --primary: #36c6b0;
  --primary-dark: #20a895;
  --mint: #203d38;
  --cream: #0b151d;
  --line: #293b47;
  --white: #14232d;
  --shadow: 0 14px 36px rgba(0, 0, 0, .22);
}

html[data-theme="dark"] body {
  background: #0b151d;
  color: #edf4f1;
}

html[data-theme="dark"] .site-header {
  background: rgba(13, 27, 38, .97);
  border-bottom: 1px solid #293b47;
  box-shadow: 0 8px 25px rgba(0, 0, 0, .18);
}

html[data-theme="dark"] .brand,
html[data-theme="dark"] .site-header nav a {
  color: #edf4f1;
}

html[data-theme="dark"] .site-header nav a:hover {
  color: #36c6b0;
}

html[data-theme="dark"] .languages a,
html[data-theme="dark"] .theme-toggle {
  background: #20333f;
  color: #edf4f1;
  border: 1px solid #354957;
}

html[data-theme="dark"] .hero,
html[data-theme="dark"] .hero-premium {
  background: linear-gradient(135deg, #122a39, #102a30 65%, #293027);
  border: 1px solid #29454e;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .15);
}

html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .hero-premium h1,
html[data-theme="dark"] .page-heading h1,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .tour-content h3 {
  color: #f1f7f4;
}

html[data-theme="dark"] .hero p,
html[data-theme="dark"] .hero-premium p,
html[data-theme="dark"] .section-subtitle {
  color: #b6c8c4;
}

html[data-theme="dark"] .hero-highlight,
html[data-theme="dark"] .eyebrow {
  color: #47d3bb;
}

html[data-theme="dark"] .tour-card,
html[data-theme="dark"] .tour-card-premium,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .company-chip,
html[data-theme="dark"] .company-chip-premium,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .quick-stats,
html[data-theme="dark"] .admin-panel,
html[data-theme="dark"] .admin-metric,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .booking-box,
html[data-theme="dark"] .detail-main,
html[data-theme="dark"] .card {
  background: #14232d;
  color: #edf4f1;
  border-color: #293d49;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
}

html[data-theme="dark"] .tour-content p,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .card-meta {
  color: #a8bbb5;
}

html[data-theme="dark"] .tour-bottom {
  border-color: #293d49;
}

html[data-theme="dark"] .search,
html[data-theme="dark"] .search-premium {
  background: #14232d;
  border-color: #354957;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: #0d1b24;
  color: #edf4f1;
  border-color: #354957;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: #8fa59f;
}

html[data-theme="dark"] .facts > div,
html[data-theme="dark"] th,
html[data-theme="dark"] .admin-table thead {
  background: #1d303b;
  color: #dce9e4;
}

html[data-theme="dark"] td,
html[data-theme="dark"] th {
  border-color: #293d49;
}

html[data-theme="dark"] .how-section {
  background: #11232c;
  border-color: #293d49;
}

html[data-theme="dark"] .how-steps article {
  background: #172a34;
  border-color: #304550;
}

html[data-theme="dark"] .company-cta {
  background: linear-gradient(120deg, #103c3b, #125b55);
  border-color: #28635c;
}

html[data-theme="dark"] .company-cta h2 {
  color: #ffffff;
}

html[data-theme="dark"] .company-cta p:not(.eyebrow) {
  color: #d1e7df;
}

html[data-theme="dark"] .footer,
html[data-theme="dark"] .footer-contact {
  background: #0d1a23;
  color: #a8bbb5;
  border-color: #293b47;
}

html[data-theme="dark"] .footer-contact span {
  background: #14232d;
  border-color: #293d49;
}

html[data-theme="dark"] .flash {
  background: #173b31;
  color: #b8f0d1;
}

html[data-theme="dark"] .flash.error {
  background: #442526;
  color: #ffc5c1;
}

html[data-theme="dark"] .flash.warning {
  background: #40341e;
  color: #ffe0a1;
}

/* Mobile navigation improvements */
@media (max-width: 620px) {
  .site-header {
    padding: 12px;
    gap: 10px;
  }

  .brand {
    font-size: 20px;
  }

  .site-header nav {
    order: 3;
    flex-basis: 100%;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    gap: 8px;
    padding: 5px 0 8px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  .site-header nav a {
    flex-shrink: 0;
    padding: 7px 10px;
    border-radius: 9px;
    background: rgba(128, 160, 150, .08);
    white-space: nowrap;
  }

  .languages {
    margin-inline-start: auto;
    gap: 4px;
  }

  .theme-toggle {
    font-size: 11px;
    padding: 7px 9px;
  }

  .container {
    padding: 18px 12px 35px;
  }

  .tour-card,
  .tour-card-premium,
  .panel {
    border-radius: 16px;
  }

  button,
  .button {
    min-height: 42px;
  }
}


/* Siyahati - Elegant dark finish */
html[data-theme="dark"] body {
    background: #101713;
    color: #e8eee9;
}

html[data-theme="dark"] .site-header {
    background: #17221c;
    border-bottom: 1px solid #304237;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .site-header a {
    transition: color 0.2s ease;
}

html[data-theme="dark"] .site-header a:hover {
    color: #b9e5c9;
}

html[data-theme="dark"] .container {
    color: #e8eee9;
}

@media (max-width: 760px) {
    .site-header {
        gap: 12px;
        padding: 14px;
    }

    .site-header nav {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        white-space: nowrap;
        padding: 8px 2px;
        -webkit-overflow-scrolling: touch;
    }

    .site-header nav a {
        flex-shrink: 0;
    }

    .languages {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .theme-toggle {
        margin-inline: auto;
    }
}


/* Siyahati - Premium dark cards and buttons */
html[data-theme="dark"] .tour-card,
html[data-theme="dark"] .tour-card-premium,
html[data-theme="dark"] .company-card,
html[data-theme="dark"] .card {
    border: 1px solid #304237;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

html[data-theme="dark"] .tour-card:hover,
html[data-theme="dark"] .tour-card-premium:hover,
html[data-theme="dark"] .company-card:hover,
html[data-theme="dark"] .card:hover {
    border-color: #638b73;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] button,
html[data-theme="dark"] .btn,
html[data-theme="dark"] input[type="submit"] {
    transition: background-color 0.2s ease,
                border-color 0.2s ease,
                transform 0.2s ease;
}

html[data-theme="dark"] button:hover,
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] input[type="submit"]:hover {
    transform: translateY(-1px);
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background-color: #17231c;
    color: #e8eee9;
    border-color: #3a5041;
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus {
    border-color: #91c3a4;
    outline: 2px solid rgba(145, 195, 164, 0.16);
    outline-offset: 1px;
}


/* Siyahati - Premium navigation */
html[data-theme="dark"] .site-header {
    background: linear-gradient(135deg, #17231c, #1d2c23);
    border-bottom: 1px solid #354a3b;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .site-header nav a {
    display: inline-flex;
    align-items: center;
    padding: 9px 12px;
    border-radius: 10px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

html[data-theme="dark"] .site-header nav a:hover {
    background: #293b2f;
    color: #c2e7cf;
}

html[data-theme="dark"] .theme-toggle {
    border: 1px solid #496451;
    border-radius: 12px;
    padding: 9px 14px;
    background: #24362a;
    color: #e8eee9;
    cursor: pointer;
}

html[data-theme="dark"] .theme-toggle:hover {
    background: #304735;
    border-color: #71977a;
}

@media (max-width: 760px) {
    .site-header nav {
        gap: 6px;
        scrollbar-width: thin;
    }

    .site-header nav a {
        padding: 10px 12px;
        font-size: 14px;
    }

    .theme-toggle {
        min-height: 40px;
    }
}


/* Siyahati - Elegant statistics and sections */
html[data-theme="dark"] .quick-stats {
    gap: 16px;
}

html[data-theme="dark"] .quick-stats > * {
    background: linear-gradient(145deg, #1b2a21, #22352a);
    border: 1px solid #354b3c;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

html[data-theme="dark"] .quick-stats > *:hover {
    transform: translateY(-3px);
    border-color: #72947a;
}

html[data-theme="dark"] .quick-stats h2,
html[data-theme="dark"] .quick-stats h3,
html[data-theme="dark"] .quick-stats strong {
    color: #c2e7cf;
}

html[data-theme="dark"] .how-section {
    background: #152019;
    border: 1px solid #2d4033;
    border-radius: 20px;
}

html[data-theme="dark"] .company-cta {
    background: linear-gradient(135deg, #20372a, #17271e);
    border: 1px solid #3b5744;
    border-radius: 20px;
}

@media (max-width: 600px) {
    html[data-theme="dark"] .quick-stats > * {
        padding: 15px;
        border-radius: 13px;
    }
}


/* Siyahati - Refined dark typography */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4 {
    color: #e4eee7;
    letter-spacing: 0.15px;
}

html[data-theme="dark"] p,
html[data-theme="dark"] label,
html[data-theme="dark"] li {
    line-height: 1.8;
}

html[data-theme="dark"] .muted,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] small {
    color: #aab9af;
}

html[data-theme="dark"] hr {
    border: 0;
    border-top: 1px solid #304237;
}

html[data-theme="dark"] table {
    border-color: #304237;
}

html[data-theme="dark"] th {
    background: #223329;
    color: #c2e7cf;
}

html[data-theme="dark"] td {
    border-color: #304237;
}

html[data-theme="dark"] tbody tr:hover {
    background: rgba(145, 195, 164, 0.06);
}

@media (max-width: 600px) {
    html[data-theme="dark"] h1 {
        font-size: clamp(1.5rem, 6vw, 2rem);
    }

    html[data-theme="dark"] h2 {
        font-size: clamp(1.25rem, 5vw, 1.6rem);
    }
}


/* Siyahati - Mobile layout refinement */
@media (max-width: 600px) {
    .container {
        padding-left: 14px;
        padding-right: 14px;
    }

    .tour-card,
    .tour-card-premium,
    .company-card {
        width: 100%;
        min-width: 0;
        margin-inline: 0;
    }

    .tour-card img,
    .tour-card-premium img,
    .company-card img {
        max-width: 100%;
        height: auto;
        object-fit: cover;
    }

    button,
    .btn,
    input[type="submit"] {
        max-width: 100%;
    }

    input,
    select,
    textarea {
        max-width: 100%;
        box-sizing: border-box;
    }
}


/* Siyahati - Premium button polish */
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] button.btn-primary {
    background: linear-gradient(135deg, #37684b, #294f39);
    color: #ffffff;
    border: 1px solid #527d60;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
}

html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] button.btn-primary:hover {
    background: linear-gradient(135deg, #427a57, #315f43);
    border-color: #7aa487;
}

html[data-theme="dark"] .btn-secondary,
html[data-theme="dark"] button.btn-secondary {
    background: #26372c;
    color: #e4eee7;
    border: 1px solid #405747;
    border-radius: 10px;
}

html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] button.btn-secondary:hover {
    background: #304735;
}

@media (max-width: 600px) {
    html[data-theme="dark"] .btn-primary,
    html[data-theme="dark"] .btn-secondary {
        min-height: 42px;
    }
}


/* Siyahati - Elegant flash messages */
html[data-theme="dark"] .flash,
html[data-theme="dark"] .alert,
html[data-theme="dark"] .flash-message {
    border-radius: 12px;
    padding: 13px 16px;
    margin-bottom: 14px;
    border: 1px solid #354b3c;
    background: #1b2a21;
    color: #e4eee7;
    line-height: 1.7;
}

html[data-theme="dark"] .alert-success,
html[data-theme="dark"] .flash-success {
    background: #1b3326;
    border-color: #3e7450;
    color: #c8efd2;
}

html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .flash-error {
    background: #382222;
    border-color: #754343;
    color: #ffd5d5;
}

html[data-theme="dark"] .alert-warning,
html[data-theme="dark"] .flash-warning {
    background: #382f1c;
    border-color: #79643a;
    color: #f5e3b4;
}

html[data-theme="dark"] .alert-info,
html[data-theme="dark"] .flash-info {
    background: #1c2e39;
    border-color: #3d6075;
    color: #c8e7f7;
}


/* Siyahati - Dark tables and dropdowns */
html[data-theme="dark"] table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid #304237;
    border-radius: 12px;
}

html[data-theme="dark"] thead th {
    background: #223329;
    color: #c2e7cf;
    font-weight: 600;
    padding: 13px 12px;
}

html[data-theme="dark"] tbody td {
    padding: 12px;
    border-top: 1px solid #304237;
}

html[data-theme="dark"] tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.02);
}

html[data-theme="dark"] select {
    border-radius: 9px;
}

html[data-theme="dark"] select option {
    background: #17231c;
    color: #e8eee9;
}

@media (max-width: 600px) {
    html[data-theme="dark"] table {
        font-size: 13px;
    }

    html[data-theme="dark"] thead th,
    html[data-theme="dark"] tbody td {
        padding: 9px 7px;
    }
}


/* Siyahati - Mobile app navigation */
.mobile-menu-toggle {
    display: none;
}

.mobile-menu-content {
    display: contents;
}

.unread-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    border-radius: 50%;
    background: #dc2626;
    color: #fff;
    font-size: 12px;
    margin-inline-start: 4px;
}

@media (max-width: 760px) {
    .site-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px;
    }

    .mobile-menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 44px;
        flex-shrink: 0;
        border: 1px solid #496451;
        border-radius: 12px;
        background: #24362a;
        color: #e8eee9;
        font-size: 24px;
        cursor: pointer;
    }

    .site-header .mobile-menu-content {
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        width: 100%;
        padding: 14px;
        box-sizing: border-box;
        background: #17231c;
        border: 1px solid #304237;
        border-radius: 14px;
    }

    .site-header .mobile-menu-content.is-open {
        display: flex;
    }

    .site-header .mobile-menu-content nav {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        width: 100%;
        padding: 0;
        overflow: visible;
    }

    .site-header .mobile-menu-content nav a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 10px 12px;
        box-sizing: border-box;
        border-radius: 9px;
        white-space: normal;
    }

    .site-header .mobile-menu-content .languages {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 12px;
        width: 100%;
    }

    .site-header .mobile-menu-content .theme-toggle {
        align-self: stretch;
        margin: 0;
        min-height: 44px;
    }
}


/* Siyahati - Mobile booking experience */
@media (max-width: 600px) {
    .page-heading {
        margin-bottom: 18px;
    }

    .page-heading h1 {
        font-size: 1.55rem;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

    .form-card.wide-form {
        width: 100%;
        max-width: 100%;
        padding: 16px;
        box-sizing: border-box;
        border-radius: 16px;
    }

    .form-card.wide-form .form-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .form-card.wide-form label {
        display: block;
        min-width: 0;
        margin-bottom: 14px;
        line-height: 1.8;
    }

    .form-card.wide-form input,
    .form-card.wide-form select,
    .form-card.wide-form textarea {
        display: block;
        width: 100%;
        min-width: 0;
        min-height: 48px;
        margin-top: 6px;
        padding: 12px;
        box-sizing: border-box;
        border-radius: 10px;
        font-size: 16px;
    }

    .form-card.wide-form textarea {
        min-height: 110px;
        resize: vertical;
    }

    #travelerAges,
    #priceSummary {
        width: 100%;
        padding: 16px !important;
        margin: 18px 0 !important;
        box-sizing: border-box;
        border-radius: 14px;
    }

    #priceSummary p {
        line-height: 1.9;
        overflow-wrap: anywhere;
    }

    #totalPrice {
        font-size: 22px !important;
    }

    .form-card.wide-form button[type="submit"] {
        width: 100%;
        min-height: 50px;
        margin-top: 12px;
        border-radius: 12px;
        font-size: 17px;
        font-weight: 700;
    }
}


/* سياحتي - تحسين الصفحة الرئيسية على الهاتف */
@media (max-width: 600px) {

    /* قسم الترحيب */
    .hero.hero-premium {
        padding: 24px 16px;
        border-radius: 18px;
        overflow: hidden;
    }

    .hero-copy {
        width: 100%;
        min-width: 0;
    }

    .hero-copy h1 {
        font-size: 1.8rem;
        line-height: 1.6;
        overflow-wrap: anywhere;
    }

    .hero-copy > p {
        line-height: 1.9;
    }

    /* البحث عن الرحلات */
    .search.search-premium {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        width: 100%;
        padding: 12px;
        box-sizing: border-box;
    }

    .search.search-premium input,
    .search.search-premium button {
        width: 100%;
        min-width: 0;
        min-height: 48px;
        box-sizing: border-box;
        font-size: 16px;
        border-radius: 10px;
    }

    .search.search-premium .search-icon {
        display: none;
    }

    /* الإحصائيات */
    .quick-stats {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    /* عناوين الأقسام */
    .section-head {
        gap: 12px;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .section-head h2 {
        font-size: 1.45rem;
        line-height: 1.6;
    }

    .section-subtitle {
        line-height: 1.8;
    }

    /* الوجهات */
    .destination-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .destination-tile {
        min-width: 0;
        padding: 14px 10px;
        box-sizing: border-box;
    }

    .destination-tile b {
        overflow-wrap: anywhere;
    }

    /* بطاقات الرحلات */
    .cards.cards-premium {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .tour-card-premium {
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 16px;
    }

    .tour-image-premium {
        min-height: 190px;
    }

    .tour-content {
        min-width: 0;
        padding: 16px;
        box-sizing: border-box;
    }

    .tour-content h3 {
        font-size: 1.15rem;
        line-height: 1.7;
        overflow-wrap: anywhere;
    }

    .tour-content p {
        line-height: 1.9;
        overflow-wrap: anywhere;
    }

    .tour-bottom {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        align-items: center;
        justify-content: space-between;
    }

    .tour-bottom > div,
    .tour-details-button {
        min-width: 0;
        max-width: 100%;
    }

    .tour-details-button {
        min-height: 46px;
        box-sizing: border-box;
        justify-content: center;
    }

    /* خطوات الاستخدام */
    .how-steps {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    /* أسماء الشركات */
    .company-strip-premium {
        gap: 10px;
    }

    .company-chip-premium {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .company-chip-premium b {
        overflow-wrap: anywhere;
    }
}


/* إبراز كلمة مجاني في الوضع الداكن */
html[data-theme="dark"] .free-offer-label {
    color: #00ff88 !important;
    font-weight: 900 !important;
    text-shadow: 0 0 10px rgba(0, 255, 136, 0.45);
}

/* لون واضح في الوضع الفاتح */
html[data-theme="light"] .free-offer-label {
    color: #15803d !important;
    font-weight: 900 !important;
}

/* أقسام الرحلات - سياحتي */
.tour-categories-section {
    margin: 38px 0 48px;
}

.tour-categories-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.tour-category-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    min-height: 205px;
    padding: 22px 18px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5ebe6;
    border-radius: 19px;
    color: #354740;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, border-color 0.2s ease,
                box-shadow 0.2s ease;
}

.tour-category-card:hover {
    transform: translateY(-4px);
    border-color: #668f82;
    color: #354740;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.09);
}

.tour-category-icon {
    display: grid;
    place-items: center;
    width: 55px;
    height: 55px;
    margin-bottom: 15px;
    border-radius: 16px;
    background: #edf4ef;
    font-size: 29px;
}

.tour-category-card h3 {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 800;
}

.tour-category-card p {
    margin: 0;
    color: #788780;
    font-size: 12px;
    line-height: 1.9;
}

.tour-category-arrow {
    position: absolute;
    left: 17px;
    bottom: 16px;
    font-size: 18px;
    color: #668f82;
}

html[dir="ltr"] .tour-category-arrow {
    left: auto;
    right: 17px;
}

/* البطاقات في الوضع الداكن */
html[data-theme="dark"] .tour-category-card {
    background: linear-gradient(145deg, #172833, #14232d);
    border-color: #293d49;
    color: #edf4f1;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

html[data-theme="dark"] .tour-category-card:hover {
    border-color: #36c6b0;
    color: #ffffff;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .tour-category-icon {
    background: #203b40;
}

html[data-theme="dark"] .tour-category-card h3 {
    color: #f1f7f4;
}

html[data-theme="dark"] .tour-category-card p {
    color: #b6c8c4;
}

html[data-theme="dark"] .tour-category-arrow {
    color: #36c6b0;
}

/* الأجهزة اللوحية */
@media (max-width: 900px) {
    .tour-categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px;
    }
}

/* الهواتف */
@media (max-width: 600px) {
    .tour-categories-section {
        margin: 28px 0 36px;
    }

    .tour-categories-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .tour-category-card {
        min-height: 190px;
        padding: 16px 12px;
        border-radius: 15px;
    }

    .tour-category-icon {
        width: 46px;
        height: 46px;
        margin-bottom: 12px;
        border-radius: 13px;
        font-size: 25px;
    }

    .tour-category-card h3 {
        font-size: 14px;
        line-height: 1.7;
    }

    .tour-category-card p {
        font-size: 11px;
    }
}


/* سياحتي - شريط التنقل السفلي للهاتف */
.mobile-bottom-nav {
    display: none;
}

@media (max-width: 600px) {
    .mobile-bottom-nav {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1000;

        display: flex;
        align-items: stretch;
        justify-content: space-around;
        gap: 2px;

        padding: 8px 5px;
        padding-bottom: calc(8px + env(safe-area-inset-bottom));

        background: #17231c;
        border-top: 1px solid #304237;
        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.18);
    }

    .mobile-bottom-nav-item {
        position: relative;
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;

        min-width: 0;
        min-height: 52px;
        padding: 4px 2px;

        border-radius: 10px;
        color: #c4d2ca;
        text-decoration: none;
        text-align: center;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-bottom-nav-item:hover,
    .mobile-bottom-nav-item:focus-visible {
        background: #263b30;
        color: #ffffff;
    }

    .mobile-bottom-nav-icon {
        font-size: 21px;
        line-height: 1.2;
    }

    .mobile-bottom-nav-badge {
        position: absolute;
        top: 0;
        right: calc(50% - 24px);

        display: flex;
        align-items: center;
        justify-content: center;

        min-width: 17px;
        height: 17px;
        padding: 0 4px;
        box-sizing: border-box;

        border-radius: 20px;
        background: #dc2626;
        color: #ffffff;
        font-size: 10px;
        font-weight: 800;
    }

    /* مساحة إضافية حتى لا يغطي الشريط محتوى الصفحة */
    body {
        padding-bottom: 85px;
    }

    /* ألوان الشريط في الوضع الفاتح */
    html[data-theme="light"] .mobile-bottom-nav {
        background: #ffffff;
        border-top-color: #e2e8e4;
        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.08);
    }

    html[data-theme="light"] .mobile-bottom-nav-item {
        color: #52645a;
    }

    html[data-theme="light"] .mobile-bottom-nav-item:hover,
    html[data-theme="light"] .mobile-bottom-nav-item:focus-visible {
        background: #edf5ef;
        color: #166534;
    }
}


/* =====================================================================
   إصلاحات الوضع الداكن والفاتح (v3.1)
   ===================================================================== */

/* متغيرات تستخدمها القوالب ولم تكن معرّفة، فكانت تأخذ ألوانًا داكنة ثابتة حتى في الوضع الفاتح */
:root {
  --card-bg: #ffffff;
  --bg-color: #ffffff;
  --input-bg: #f7f9fc;
  --surface-bg: #f3f6f4;
  --chat-bg: #eef3f0;
  --border-color: #dfe7e2;
  --text-color: #1f2f2a;
  --muted-color: #64748b;
  --link-color: #0c766e;
}

html[data-theme="dark"] {
  --card-bg: #14232d;
  --bg-color: #0f1c25;
  --input-bg: #0f1c25;
  --surface-bg: #1b2d38;
  --chat-bg: #0f1c25;
  --border-color: #2c404c;
  --text-color: #e6efeb;
  --muted-color: #a8bbb5;
  --link-color: #5fd6c2;
  --btn-bg: #117f70;   /* خلفية الأزرار الأساسية: النص الأبيض واضح عليها */
}

/* الأزرار الأساسية في الوضع الداكن: كان النص الأبيض على أخضر فاتح غير مقروء */
.button { background: var(--btn-bg, var(--primary)); }
html[data-theme="dark"] .search.search-premium button,
html[data-theme="dark"] .search button { background: var(--btn-bg); color: #fff; }
html[data-theme="dark"] .button:hover { background: #0e6d60; }

/* صفحة الخطأ 404 / 403 */
html[data-theme="dark"] .empty { background: var(--card-bg); border-color: var(--border-color); }
html[data-theme="dark"] .empty h1 { color: var(--ink); }

/* الصفحة الرئيسية */
html[data-theme="dark"] .step-icon { background: #1b3a34; color: #7fe0cf; }
html[data-theme="dark"] .tour-count { background: #1b3a34; color: #b6d7cd; }
html[data-theme="dark"] .tour-count b { color: #7fe0cf; }
html[data-theme="dark"] .step-number { color: #7f978d; }
html:not([data-theme="dark"]) .step-number { color: #7d9488; }

/* النجوم والشارات في الوضع الفاتح: كانت باهتة على الأبيض */
html:not([data-theme="dark"]) span[style*="f5a623"],
html:not([data-theme="dark"]) p[style*="f5a623"] { color: #b7791f !important; }

/* لوحة المدير */
html[data-theme="dark"] .admin-manage-nav { background: #12201d; border-color: var(--line); }
html[data-theme="dark"] .admin-manage-nav a { color: #b6c8c4; }
html[data-theme="dark"] .admin-manage-nav a:hover,
html[data-theme="dark"] .admin-manage-nav a.is-current { background: var(--btn-bg); color: #fff; }
html[data-theme="dark"] .admin-metric span,
html[data-theme="dark"] .admin-metric small,
html[data-theme="dark"] .confirmed-number small { color: var(--muted); }
html[data-theme="dark"] .confirmed-number { color: #5fd6c2; }
html:not([data-theme="dark"]) .admin-footer-note { color: #6b7d75; }
html:not([data-theme="dark"]) span[style*="22c55e"] { color: #15803d !important; }

/* إعدادات الموقع */
html[data-theme="dark"] .settings-card { background: var(--card-bg); border-color: var(--border-color); }
html[data-theme="dark"] .settings-card-title > span { background: #1b3a34; }
html[data-theme="dark"] .settings-note { background: #1b2d38; color: #c3d4ce; }
html[data-theme="dark"] .settings-header p,
html[data-theme="dark"] .settings-card-title p { color: var(--muted); }

/* تفاصيل الشركة في لوحة المدير */
html[data-theme="dark"] .company-header,
html[data-theme="dark"] .company-stat,
html[data-theme="dark"] .company-section { border-color: var(--border-color); }
html[data-theme="dark"] .company-meta,
html[data-theme="dark"] .company-stat span,
html[data-theme="dark"] .company-empty { color: var(--muted); }
html[data-theme="dark"] .company-table th { background: #1b2d38; color: var(--ink); }
html[data-theme="dark"] .company-table td { border-color: var(--border-color); }
html[data-theme="dark"] .company-back { color: #7fb4ff; }
html[data-theme="dark"] .company-status { background: #173b2a; color: #86efac; }

/* المحادثات */
html[data-theme="dark"] .conversation-avatar { background: #1b3a34; color: #7fe0cf; }
html[data-theme="dark"] .chat-message-row.mine .chat-bubble { background: #1d4a3c; color: #e6f5ee; }
html[data-theme="dark"] .chat-sender { color: #5fd6c2; }
html[data-theme="dark"] .chat-message-time { color: #93a4b8; }
html[data-theme="dark"] .customer-booking-detail span { color: #a8b8cc; }

/* لوحة الشركة: أزرار جدول الرحلات وألوان الأسعار في جدول الحجوزات */
html[data-theme="dark"] .table-wrap .actions .small-button:not([style]) { background: var(--btn-bg); color: #fff; }
html[data-theme="dark"] .booking-table td[style*="15803d"],
html[data-theme="dark"] .booking-table td[style*="16a34a"] { color: #4ade80 !important; }


/* =====================================================================
   تحسينات الهاتف (v3.2)
   ===================================================================== */
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {

  /* ---------- الجداول تتحول إلى بطاقات ---------- */
  .table-wrap, .booking-table-wrap, .admin-table-wrap,
  *:has(> table.table-cards) {
    overflow: visible !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  table.table-cards,
  table.table-cards tbody {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
  }

  table.table-cards thead { display: none; }

  table.table-cards tr {
    display: block;
    margin: 0 0 12px;
    padding: 4px 14px;
    border: 1px solid var(--border-color) !important;
    border-radius: 14px;
    background: var(--card-bg) !important;
    box-shadow: 0 4px 14px rgba(15, 40, 35, .06);
  }

  table.table-cards td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
    padding: 9px 0 !important;
    border: 0 !important;
    border-bottom: 1px dashed var(--border-color) !important;
    background: transparent !important;
    font-size: 13px !important;
    text-align: start !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  table.table-cards td:last-child { border-bottom: 0 !important; }
  table.table-cards td { direction: inherit !important; }

  table.table-cards td[data-label]::before {
    content: attr(data-label);
    flex: 0 0 auto;
    max-width: 42%;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
  }

  /* القيمة تأخذ الجهة الأخرى من البطاقة */
  table.table-cards td > * { max-width: 100%; }
  table.table-cards td b, table.table-cards td a { font-size: 13px !important; }

  /* خلية فارغة («لا توجد بيانات») تمتد على البطاقة كاملة */
  table.table-cards td[colspan] { display: block; text-align: center !important; }
  table.table-cards td[colspan]::before { content: none; }

  /* عمود الإجراءات: الأزرار بعرض البطاقة */
  table.table-cards td:has(form, details, .actions, button) {
    flex-wrap: wrap;
  }
  table.table-cards td:has(form, details, .actions, button)::before { flex-basis: 100%; max-width: 100%; }
  table.table-cards td .actions,
  table.table-cards td > div[style*="flex"] { width: 100%; display: flex; flex-wrap: wrap; gap: 8px; }
  table.table-cards td form { flex: 1 1 auto; }
  table.table-cards td .small-button,
  table.table-cards td form button { min-height: 40px; font-size: 13px !important; padding: 8px 12px; }

  /* قائمة إجراءات الحجز في لوحة الشركة: تنفتح داخل البطاقة بدل أن تطفو فوق البطاقة التالية */
  .booking-menu { width: 100%; }
  .booking-menu summary { min-height: 42px; font-size: 13px; }
  .booking-menu .booking-actions {
    position: static !important;
    max-height: none !important;
    margin-top: 8px;
    box-shadow: none !important;
  }
  .booking-actions input[name="reason"] { min-height: 40px; font-size: 14px; }

  /* ---------- خطوط صغيرة جدًا ---------- */
  .admin-filter-form label, .admin-panel-head p, .destination-tile small,
  table.table-cards td small, .eyebrow, .admin-count-pill, .admin-status, .admin-action-btn,
  .admin-save-btn, .admin-clear-filter, .admin-search-label, .admin-manage-nav a,
  .table-subline, .tour-count, .image-tag, .currency-inline, .step-number,
  .company-verified, .conversation-time, .customer-chat-day, td .status,
  .hero-bottom-label, .admin-footer-note, .admin-panel-head p,
  .admin-metric span, .admin-metric small, .tour-details-trigger {
    font-size: 12px !important;
  }
  .admin-manage-nav a { padding: 9px 12px; min-height: 38px; display: inline-flex; align-items: center; }
  .admin-action-btn, .admin-save-btn, .admin-clear-filter { min-height: 38px; }
  .mobile-bottom-nav-item { font-size: 12px; }

  /* ---------- مساحات اللمس ---------- */
  .footer-contact { flex-direction: column; align-items: stretch; }
  .footer-contact a { display: inline-block; padding: 8px 2px; }
  .company-back, .text-link { display: inline-block; padding: 8px 0; }
  input, select, textarea { font-size: 16px; } /* يمنع تكبير الشاشة تلقائيًا في iPhone عند الكتابة */

  /* ---------- القائمة الجانبية: ألوان حسب الوضع الحالي ---------- */
  .site-header .mobile-menu-content {
    background: var(--card-bg);
    border-color: var(--border-color);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
  }
  .site-header .mobile-menu-content nav a {
    background: var(--surface-bg);
    color: var(--ink) !important;
    font-size: 15px;
  }
  .site-header .mobile-menu-content .languages a {
    min-width: 56px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
  }
  .site-header .mobile-menu-content .theme-toggle { font-size: 14px; }

  /* ---------- رفع صورة الشركة ---------- */
  input[type="file"] { width: 100%; max-width: 100%; font-size: 14px; }
  input[type="file"]::file-selector-button {
    margin-inline-end: 10px;
    padding: 9px 14px;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: var(--surface-bg);
    color: var(--ink);
    font: inherit;
    cursor: pointer;
  }

  /* رابط «تعديل» في جدول الرحلات بشكل زر */
  table.table-cards td .actions a.small-button {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background: var(--surface-bg);
    color: var(--ink);
  }
}


/* =====================================================================
   واجهة الهاتف: نموذج «بوابة عشتار» (v4)
   تُطبَّق على صفحات الزوار والمسافرين على الهاتف فقط (html.ishtar).
   لازوردي بوابة عشتار + ذهبي الطابوق المزجج.
   ===================================================================== */

.m-only { display: none; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.brand-mark { display: inline-flex; vertical-align: -3px; margin-inline-end: 6px; }
.mobile-menu-toggle .menu-icon-close { display: none; }
.mobile-menu-toggle.is-open .menu-icon-open { display: none; }
.mobile-menu-toggle.is-open .menu-icon-close { display: inline-flex; }
.site-header nav a .ico { vertical-align: -4px; margin-inline-end: 4px; }
.footer-contact .ico { vertical-align: -4px; }

@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  .m-only { display: block; }
  .d-only { display: none !important; }

  /* ---------- الألوان ---------- */
  html.ishtar[data-theme="dark"] {
    --lapis-900: #0E1A33;
    --lapis-800: #12224A;
    --lapis-700: #172A50;
    --lapis-600: #1F3563;
    --lapis-line: #2A4170;
    --gold: #D9A945;
    --gold-hi: #F0C766;
    --gold-ink: #1D1606;
    --sand: #F3EFE4;
    --sand-2: #D8DCE6;
    --mist: #AEB8CE;

    --cream: var(--lapis-900);
    --white: var(--lapis-700);
    --card-bg: var(--lapis-700);
    --bg-color: var(--lapis-900);
    --input-bg: var(--lapis-800);
    --surface-bg: var(--lapis-600);
    --chat-bg: var(--lapis-900);
    --line: var(--lapis-line);
    --border-color: var(--lapis-line);
    --ink: var(--sand);
    --text-color: var(--sand);
    --muted: var(--mist);
    --muted-color: var(--mist);
    --primary: var(--gold);
    --primary-dark: var(--gold-hi);
    --mint: var(--lapis-600);
    --btn-bg: var(--gold);
    --link-color: var(--gold);
    color-scheme: dark;
  }

  html.ishtar body {
    background: var(--lapis-900) !important;
    color: var(--sand) !important;
    font-family: "Readex Pro", "Cairo", sans-serif;
    font-size: 15px;
  }
  html.ishtar body * { font-family: inherit; }
  html.ishtar .ico { flex: none; }

  /* الأزرار الأساسية: ذهبي بنص داكن */
  html.ishtar .button:not(.secondary),
  html.ishtar button.button,
  html.ishtar .form-card button[type="submit"],
  html.ishtar .search button {
    background: var(--gold) !important;
    color: var(--gold-ink) !important;
    border-radius: 999px;
    min-height: 48px;
    font-weight: 600;
  }
  html.ishtar .button.secondary { background: var(--lapis-600) !important; color: var(--sand) !important; border-radius: 999px; }
  html.ishtar a:not([class]) { color: var(--gold); }

  /* الحقول */
  html.ishtar input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  html.ishtar select,
  html.ishtar textarea {
    background: var(--lapis-800) !important;
    color: var(--sand) !important;
    border: 1px solid var(--lapis-line) !important;
    border-radius: 14px !important;
    min-height: 48px;
  }
  html.ishtar textarea { min-height: 90px; }
  html.ishtar input::placeholder, html.ishtar textarea::placeholder { color: #8592AD; }
  html.ishtar input:focus, html.ishtar select:focus, html.ishtar textarea:focus {
    outline: 2px solid var(--gold) !important; outline-offset: 1px; box-shadow: none !important;
  }

  /* اللوحات العامة في الصفحات الأخرى (الحجز، الدخول، الشركات...) */
  html.ishtar .panel, html.ishtar .form-card, html.ishtar .tour-card, html.ishtar .company-card,
  html.ishtar .status-card, html.ishtar .empty, html.ishtar .card {
    background: var(--lapis-700) !important;
    border: 1px solid var(--lapis-line) !important;
    border-radius: 22px !important;
    box-shadow: none !important;
    color: var(--sand);
  }
  html.ishtar h1, html.ishtar h2, html.ishtar h3, html.ishtar label, html.ishtar strong, html.ishtar b { color: inherit; }
  html.ishtar .muted, html.ishtar .section-subtitle, html.ishtar .page-heading p { color: var(--mist) !important; }
  html.ishtar .eyebrow { color: var(--gold) !important; letter-spacing: 0; text-transform: none; }
  html.ishtar .page-heading h1 { font-size: 28px; font-weight: 700; letter-spacing: 0; }

  /* رسائل التنبيه */
  html.ishtar .flash { margin: 12px 0; border-radius: 16px; background: var(--lapis-700); color: var(--sand); border: 1px solid var(--lapis-line); }
  html.ishtar .flash.success { border-color: #3E8E6A; }
  html.ishtar .flash.error { border-color: #C0563F; }
  html.ishtar .flash.warning { border-color: var(--gold); }

  /* ---------- الهيكل ---------- */
  html.ishtar main.container { padding: 0 16px 120px !important; max-width: none; min-height: 70vh; }

  html.ishtar .site-header {
    min-height: 64px;
    padding: 10px 16px !important;
    background: rgba(14, 26, 51, .94) !important;
    border-bottom: 1px solid var(--lapis-line) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
  }
  html.ishtar .brand { color: var(--sand) !important; font-size: 19px; font-weight: 600; }
  html.ishtar .brand-mark { color: var(--gold); }
  html.ishtar .mobile-menu-toggle {
    width: 44px; height: 44px; border-radius: 50% !important;
    background: rgba(14, 26, 51, .45) !important;
    border: 1px solid rgba(243, 239, 228, .35) !important;
    color: var(--sand) !important;
  }
  html.ishtar .site-header .mobile-menu-content {
    background: var(--lapis-700) !important;
    border: 1px solid var(--lapis-line) !important;
    border-radius: 22px !important;
  }
  html.ishtar .site-header .mobile-menu-content nav a { background: var(--lapis-600) !important; color: var(--sand) !important; border-radius: 14px; }
  html.ishtar .site-header .mobile-menu-content .languages a { background: var(--lapis-800) !important; color: var(--sand) !important; border: 1px solid var(--lapis-line); border-radius: 999px; }
  html.ishtar .site-header .theme-toggle { display: none !important; } /* التصميم داكن دائمًا على الهاتف */

  /* الرأس يطفو فوق الصورة في الرئيسية */
  html.ishtar body:has(.ish-hero) .site-header {
    position: absolute; top: 0; left: 0; right: 0; z-index: 20;
    background: transparent !important; border-bottom: 0 !important; backdrop-filter: none;
  }
  /* صفحة الرحلة لها أزرارها الخاصة فوق الصورة */
  html.ishtar body.page-public-tour_detail .site-header { display: none; }

  html.ishtar .footer { background: transparent !important; border-top: 1px solid var(--lapis-line) !important; color: var(--mist) !important; padding-bottom: 8px; }
  html.ishtar .footer-contact { background: transparent; padding: 0 16px 110px; gap: 8px; }
  html.ishtar .footer-contact > span { background: var(--lapis-700); border: 1px solid var(--lapis-line); border-radius: 16px; color: var(--sand); padding: 10px 14px; }
  html.ishtar .footer-contact a { color: var(--gold) !important; }
  html.ishtar body.page-public-tour_detail .footer-contact { padding-bottom: 120px; }

  /* ---------- شريط التنقل العائم ---------- */
  .mobile-bottom-nav {
    left: 16px !important; right: 16px !important; bottom: calc(14px + env(safe-area-inset-bottom)) !important;
    height: 66px; padding: 0 8px !important;
    display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); align-items: center;
    background: var(--lapis-600, #1F3563) !important; border: 1px solid var(--lapis-line, #2A4170) !important; border-radius: 33px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35) !important;
  }
  .mobile-bottom-nav-item {
    position: relative; justify-self: center;
    width: 50px; height: 50px; min-height: 0 !important; padding: 0 !important;
    border-radius: 50% !important; color: #AEB8CE !important;
    display: grid !important; place-items: center;
  }
  .mobile-bottom-nav-item:hover, .mobile-bottom-nav-item:focus-visible { background: var(--lapis-line, #2A4170) !important; color: #F3EFE4 !important; }
  .mobile-bottom-nav-item.is-active { background: var(--gold, #D9A945) !important; color: var(--gold-ink, #1D1606) !important; }
  .mobile-bottom-nav-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .mobile-bottom-nav-icon { display: grid; place-items: center; font-size: 0 !important; line-height: 1; }
  .mobile-bottom-nav-badge {
    position: absolute !important; top: 6px !important; left: 6px !important; right: auto !important;
    min-width: 18px !important; height: 18px !important; padding: 0 4px !important;
    border-radius: 9px; background: #E2725B !important; color: #FFFFFF !important;
    font-size: 11px !important; font-weight: 700; display: grid; place-items: center;
    border: 2px solid var(--lapis-600, #1F3563);
  }
  body { padding-bottom: 0 !important; }

  /* ---------- عناصر مشتركة ---------- */
  .ish-btn-gold, .ish-btn-outline {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 50px; padding: 0 24px; border-radius: 999px;
    font-weight: 600; font-size: 15px; text-decoration: none; border: 0; cursor: pointer;
  }
  .ish-btn-gold { background: var(--gold, #D9A945); color: var(--gold-ink, #1D1606) !important; }
  .ish-btn-gold:hover { background: var(--gold-hi, #F0C766); }
  .ish-btn-gold.is-disabled { background: var(--lapis-line, #2A4170); color: #AEB8CE !important; cursor: not-allowed; }
  .ish-btn-outline { background: transparent; color: #F3EFE4 !important; border: 1px solid var(--lapis-line, #2A4170); }
  .ish-chip-outline { display: inline-block; padding: 3px 12px; border: 1px solid var(--gold, #D9A945); border-radius: 20px; color: var(--gold, #D9A945); font-size: 13px; }
  .ish-photo-empty {
    display: grid !important; place-items: center; color: var(--gold, #D9A945);
    background:
      repeating-linear-gradient(90deg, transparent 0 22px, rgba(217,169,69,.08) 22px 24px),
      repeating-linear-gradient(0deg, transparent 0 10px, rgba(217,169,69,.08) 10px 12px),
      var(--lapis-600, #1F3563);
  }
  .ish-hero-shade { position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(180deg, rgba(14,26,51,.6) 0%, rgba(14,26,51,0) 26%, rgba(14,26,51,.2) 55%, var(--lapis-900, #0E1A33) 100%); }
  .ish-icon-btn { width: 42px; height: 42px; flex: none; padding: 0 !important; border: 0; border-radius: 50% !important; background: var(--lapis-600, #1F3563) !important; color: var(--gold, #D9A945) !important; display: grid !important; place-items: center; min-height: 0 !important; }
  .ish-round-btn { width: 44px; height: 44px; padding: 0 !important; border-radius: 50% !important; border: 1px solid rgba(243,239,228,.35) !important; background: rgba(14,26,51,.5) !important; color: #F3EFE4 !important; display: grid !important; place-items: center; min-height: 0 !important; }
  .ish-round-btn.is-done { border-color: var(--gold, #D9A945) !important; color: var(--gold, #D9A945) !important; }
  .ish-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 26px 0 12px; }
  .ish-section-head h2, .ish-h2 { margin: 0; font-size: 20px; font-weight: 600; color: #F3EFE4; }
  .ish-h2 { margin: 28px 0 12px; }
  .ish-section-head a { color: var(--gold, #D9A945); font-size: 14px; padding: 8px 0; }
  .ish-section-head span { color: #AEB8CE; font-size: 14px; }
  .ish-page-head { padding: 22px 0 6px; }
  .ish-page-head h1 { margin: 0; font-size: 30px; line-height: 1.3; font-weight: 700; color: #F3EFE4; }
  .ish-page-head p { margin: 2px 0 0; color: #AEB8CE; }
  .ish-star { display: inline-flex; align-items: center; gap: 2px; color: var(--gold, #D9A945); font-weight: 600; }
  .ish-star .ico { fill: currentColor; stroke: none; }
  .ish-star-lg { font-size: 15px; }
  .ish-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; padding: 40px 16px; color: #AEB8CE; }
  .ish-empty .ico { color: var(--gold, #D9A945); }
  .ish-empty b { color: #F3EFE4; font-size: 17px; font-weight: 600; }

  /* ---------- الرئيسية ---------- */
  .ish-hero { position: relative; height: 460px; margin: 0 -16px; overflow: hidden; }
  .ish-hero-img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ish-hero-body { position: absolute; right: 20px; left: 20px; bottom: 54px; color: #F3EFE4; }
  .ish-hero-body h1 { margin: 8px 0 2px; font-size: 38px; line-height: 1.2; font-weight: 700; color: #F3EFE4; overflow-wrap: anywhere; }
  .ish-hero-desc { margin: 0 0 14px; color: #D8DCE6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; }
  .ish-hero-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
  .ish-price { font-size: 20px; font-weight: 600; color: #F3EFE4; font-variant-numeric: tabular-nums; }
  .ish-price small { font-size: 13px; font-weight: 400; color: #D8DCE6; }

  .ish-search { position: relative; z-index: 2; margin: -24px 0 0; }
  .ish-search.is-flat { margin-top: 10px; }
  .ish-search-row { height: 56px; padding: 0 7px 0 16px; display: flex; align-items: center; gap: 10px; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); border-radius: 28px; color: #AEB8CE; }
  html[dir="rtl"] .ish-search-row { padding: 0 16px 0 7px; }
  html.ishtar .ish-search-row input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) { flex: 1; min-width: 0; height: 100%; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; outline: 0 !important; padding: 0 !important; font-size: 16px; }
  .ish-price-filter { margin-top: 10px; padding: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); border-radius: 22px; }
  .ish-price-filter[hidden] { display: none; }
  .ish-price-filter label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #AEB8CE; }
  .ish-price-filter .ish-btn-gold { grid-column: 1 / -1; }

  .ish-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 22px 0 4px; text-align: center; }
  .ish-cats a { display: flex; flex-direction: column; align-items: center; gap: 6px; color: #F3EFE4; font-size: 13px; }
  .ish-cats a > span { width: 58px; height: 58px; border-radius: 50%; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); color: var(--gold, #D9A945); display: grid; place-items: center; }
  .ish-cats a.is-active > span { background: var(--gold, #D9A945); border-color: var(--gold, #D9A945); color: var(--gold-ink, #1D1606); }
  .ish-cats a.is-active { font-weight: 600; color: var(--gold, #D9A945); }

  .ish-banner { margin: 22px 0 0; padding: 16px; display: flex; align-items: center; gap: 14px; border: 1px solid var(--gold, #D9A945); border-radius: 22px; background: var(--lapis-700, #172A50); color: #F3EFE4 !important; }
  .ish-banner + .ish-banner { margin-top: 10px; }
  .ish-banner-icon { width: 46px; height: 46px; flex: none; border-radius: 50%; background: var(--gold, #D9A945); color: var(--gold-ink, #1D1606); display: grid; place-items: center; }
  .ish-banner-text { display: flex; flex-direction: column; min-width: 0; }
  .ish-banner-text b { font-size: 16px; font-weight: 600; }
  .ish-banner-text span { font-size: 13px; color: #D8DCE6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

  .ish-rail { display: flex; gap: 12px; margin: 0 -16px; padding: 0 16px 4px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 16px; scrollbar-width: none; }
  .ish-rail::-webkit-scrollbar { display: none; }
  .ish-rail-card { position: relative; flex: none; width: 210px; height: 280px; border-radius: 24px; overflow: hidden; color: #F3EFE4 !important; scroll-snap-align: start; background: var(--lapis-600, #1F3563); }
  .ish-rail-img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ish-rail-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,26,51,0) 40%, rgba(14,26,51,.94) 100%); }
  .ish-rail-body { position: absolute; right: 14px; left: 14px; bottom: 14px; display: flex; flex-direction: column; }
  .ish-rail-body small { font-size: 13px; color: #D8DCE6; }
  .ish-rail-body b { font-size: 18px; font-weight: 600; line-height: 1.35; }
  .ish-rail-body strong { color: var(--gold, #D9A945); font-variant-numeric: tabular-nums; }

  .ish-list { display: flex; flex-direction: column; gap: 10px; }
  .ish-row { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 22px; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); color: #F3EFE4 !important; }
  .ish-row-img { width: 76px; height: 76px; flex: none; border-radius: 16px; object-fit: cover; display: block; }
  .ish-row-body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
  .ish-row-body b { font-weight: 600; font-size: 16px; overflow-wrap: anywhere; }
  .ish-row-body small { font-size: 13px; color: #AEB8CE; }
  .ish-row-meta { display: flex; align-items: center; gap: 6px; }
  .ish-row-price { flex: none; display: flex; flex-direction: column; align-items: flex-end; color: var(--gold, #D9A945); font-weight: 600; font-variant-numeric: tabular-nums; padding-inline-end: 6px; }
  html[dir="rtl"] .ish-row-price { align-items: flex-start; }
  .ish-row-price small { color: #AEB8CE; font-weight: 400; font-size: 12px; }

  .ish-company-rail { padding-bottom: 8px; }
  .ish-company { flex: none; display: flex; align-items: center; gap: 10px; padding: 10px 16px 10px 10px; border-radius: 999px; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); color: #F3EFE4 !important; scroll-snap-align: start; }
  html[dir="rtl"] .ish-company { padding: 10px 10px 10px 16px; }
  .ish-company img, .ish-company-mark { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; background: #FFFFFF; flex: none; }
  .ish-company-mark { background: var(--lapis-600, #1F3563); color: var(--gold, #D9A945); display: grid; place-items: center; }
  .ish-company > span:last-child { display: flex; flex-direction: column; white-space: nowrap; }
  .ish-company b { font-weight: 600; font-size: 14px; }
  .ish-company small { font-size: 12px; color: #AEB8CE; display: inline-flex; align-items: center; gap: 3px; }
  .ish-company small .ico { color: var(--gold, #D9A945); fill: currentColor; stroke: none; }

  /* ---------- تفاصيل الرحلة ---------- */
  .ish-tour-hero { position: relative; height: 500px; margin: 0 -16px; overflow: hidden; }
  .ish-tour-img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ish-tour-top { position: absolute; top: calc(14px + env(safe-area-inset-top)); right: 16px; left: 16px; display: flex; justify-content: space-between; }
  .ish-tour-title { position: absolute; right: 20px; left: 20px; bottom: 20px; }
  .ish-tour-title > a { font-size: 14px; color: #D8DCE6 !important; }
  .ish-tour-title h1 { margin: 2px 0 14px; font-size: 34px; line-height: 1.25; font-weight: 700; color: #F3EFE4; overflow-wrap: anywhere; }
  .ish-thumbs { display: flex; gap: 8px; }
  .ish-thumb { width: 58px; height: 58px; padding: 0 !important; border: 0; border-radius: 14px !important; overflow: hidden; background: rgba(23,42,80,.85) !important; color: #F3EFE4 !important; opacity: .8; min-height: 0 !important; display: grid !important; place-items: center; font-size: 14px; }
  .ish-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ish-thumb.is-active { opacity: 1; outline: 2px solid var(--gold, #D9A945); outline-offset: 2px; }
  .ish-tour-body { padding-top: 8px; }
  .ish-tour-body h2 { margin: 24px 0 8px; font-size: 19px; font-weight: 600; color: #F3EFE4; }
  .ish-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .ish-facts > div { padding: 12px; border-radius: 18px; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); display: flex; flex-direction: column; min-width: 0; }
  .ish-facts .ico { color: var(--gold, #D9A945); }
  .ish-facts small { font-size: 12px; color: #AEB8CE; margin-top: 4px; }
  .ish-facts b { font-weight: 600; font-size: 14px; overflow-wrap: anywhere; }
  .ish-note { margin: 12px 0 0; display: flex; align-items: center; gap: 8px; color: #D8DCE6; }
  .ish-note .ico { color: var(--gold, #D9A945); }
  .ish-text { margin: 0; color: #D8DCE6; white-space: pre-line; overflow-wrap: anywhere; }
  .ish-tags { display: flex; gap: 8px; flex-wrap: wrap; }
  .ish-tags span { padding: 6px 14px; border-radius: 20px; border: 1px solid var(--lapis-line, #2A4170); background: var(--lapis-700, #172A50); font-size: 14px; }
  .ish-schedule { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
  .ish-schedule li { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 16px; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); }
  .ish-schedule .ico { color: var(--gold, #D9A945); }
  html[dir="ltr"] .ish-schedule .ico, html[dir="ltr"] .ish-company-card > .ico, html[dir="ltr"] .ish-round-btn .ico { transform: scaleX(-1); }
  .ish-offer { display: flex; align-items: center; gap: 12px; padding: 14px; margin-bottom: 8px; border-radius: 20px; border: 1px solid var(--gold, #D9A945); background: var(--lapis-700, #172A50); }
  .ish-offer-text { flex: 1; display: flex; flex-direction: column; min-width: 0; }
  .ish-offer-text small { color: #D8DCE6; font-size: 13px; }
  .ish-offer strong { color: var(--gold, #D9A945); font-weight: 600; white-space: nowrap; }
  .ish-company-card { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 22px; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); color: #F3EFE4 !important; }
  .ish-company-card img, .ish-company-card .ish-company-mark { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; background: #FFFFFF; flex: none; }
  .ish-company-card .ish-company-mark { background: var(--lapis-600, #1F3563); }
  .ish-company-card > span { flex: 1; display: flex; flex-direction: column; }
  .ish-company-card small { color: #AEB8CE; font-size: 13px; display: inline-flex; align-items: center; gap: 4px; }
  .ish-company-card small .ico { color: var(--gold, #D9A945); fill: currentColor; stroke: none; }
  .ish-company-card > .ico { color: #AEB8CE; }
  .ish-cta {
    position: fixed; z-index: 1000; left: 16px; right: 16px; bottom: calc(14px + env(safe-area-inset-bottom));
    height: 72px; padding: 0 8px 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px;
    background: var(--lapis-600, #1F3563); border: 1px solid var(--lapis-line, #2A4170); border-radius: 36px; box-shadow: 0 10px 30px rgba(0,0,0,.35);
  }
  html[dir="rtl"] .ish-cta { padding: 0 18px 0 8px; }
  .ish-cta > div { display: flex; flex-direction: column; line-height: 1.25; }
  .ish-cta > div > small { font-size: 12px; color: #AEB8CE; }
  .ish-cta b { font-size: 21px; font-weight: 600; font-variant-numeric: tabular-nums; color: #F3EFE4; }
  .ish-cta b small { font-size: 13px; font-weight: 400; }
  .ish-cta .ish-btn-gold { min-height: 56px; padding: 0 28px; font-size: 16px; }

  /* ---------- حجوزاتي ---------- */
  .ish-bk-card { margin-top: 16px; padding: 16px; border-radius: 24px; background: var(--lapis-700, #172A50); border: 1px solid var(--gold, #D9A945); }
  .ish-bk-card.is-warning { border-color: #E2725B; }
  .ish-bk-head { display: flex; align-items: center; gap: 12px; }
  .ish-bk-head > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
  .ish-bk-head b { font-size: 17px; font-weight: 600; overflow-wrap: anywhere; }
  .ish-bk-head small { font-size: 13px; color: #AEB8CE; }
  .ish-bk-img { width: 60px; height: 60px; flex: none; border-radius: 16px; object-fit: cover; display: block; }
  .ish-bk-no { font-size: 12px; color: #AEB8CE; }
  .ish-steps { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); text-align: center; font-size: 12px; color: #8592AD; position: relative; }
  .ish-steps li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; }
  .ish-steps li:not(:last-child)::after { content: ""; position: absolute; top: 15px; inset-inline-start: calc(50% + 18px); width: calc(100% - 36px); height: 2px; background: var(--lapis-line, #2A4170); }
  .ish-steps li.is-done:not(:last-child)::after { background: var(--gold, #D9A945); }
  .ish-step-dot { width: 30px; height: 30px; box-sizing: border-box; border-radius: 50%; border: 2px solid var(--lapis-line, #2A4170); display: grid; place-items: center; }
  .ish-steps li.is-done { color: #F3EFE4; }
  .ish-steps li.is-done .ish-step-dot { background: var(--gold, #D9A945); border-color: var(--gold, #D9A945); color: var(--gold-ink, #1D1606); }
  .ish-steps li.is-done .ish-step-dot .ico { stroke-width: 2.6; }
  .ish-steps li.is-current { color: var(--gold, #D9A945); font-weight: 600; }
  .ish-steps li.is-current .ish-step-dot { border-color: var(--gold, #D9A945); }
  .ish-steps li.is-current .ish-step-dot i { width: 10px; height: 10px; border-radius: 50%; background: var(--gold, #D9A945); }
  .ish-steps li.is-warning { color: #F2A28F; }
  .ish-steps li.is-warning .ish-step-dot { border-color: #E2725B; }
  .ish-steps li.is-warning .ish-step-dot i { background: #E2725B; }
  .ish-reason { margin: 14px 0 0; padding: 10px 12px; border-radius: 14px; background: var(--lapis-800, #12224A); color: #D8DCE6; font-size: 14px; display: flex; gap: 8px; align-items: flex-start; }
  .ish-reason .ico { color: #E2725B; margin-top: 2px; }
  .ish-bk-actions { display: flex; gap: 8px; margin-top: 16px; }
  .ish-bk-actions .ish-btn-gold { flex: 1; padding: 0 14px; }
  .ish-bk-actions .ish-btn-outline { padding: 0 18px; }
  .ish-bk-row { margin-bottom: 10px; padding: 12px; border-radius: 22px; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); }
  .ish-danger { color: #F2A28F !important; }
  .ish-rate { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--lapis-line, #2A4170); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
  .ish-rate > span { color: #D8DCE6; }
  .ish-rate-stars { display: flex; gap: 4px; direction: ltr; }
  .ish-rate-stars button { width: 42px; height: 42px; padding: 0 !important; min-height: 0 !important; border: 0; border-radius: 50% !important; background: var(--lapis-600, #1F3563) !important; color: var(--gold, #D9A945) !important; display: grid !important; place-items: center; }
  .ish-rate-stars button:hover, .ish-rate-stars button:focus-visible { background: var(--gold, #D9A945) !important; color: var(--gold-ink, #1D1606) !important; }
  .ish-rate-comment { flex-basis: 100%; }
  .ish-rate-comment textarea { width: 100%; min-height: 56px !important; }
}

@media (max-width: 700px) and (prefers-reduced-motion: no-preference), (pointer: coarse) and (max-height: 500px) and (prefers-reduced-motion: no-preference) {
  .ish-hero-img, .ish-tour-img { animation: ish-settle 900ms cubic-bezier(.2,.7,.2,1) both; }
  @keyframes ish-settle { from { transform: scale(1.06); } to { transform: scale(1); } }
}

/* بوابة عشتار: توحيد ألوان صفحات المحادثات والحجز والإشعارات على الهاتف */
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html.ishtar .customer-chat-header { background: var(--lapis-600, #1F3563) !important; border-bottom: 1px solid var(--lapis-line, #2A4170); }
  html.ishtar .customer-chat-avatar { background: var(--gold, #D9A945) !important; color: var(--gold-ink, #1D1606) !important; }
  html.ishtar .customer-chat-send,
  html.ishtar .conversation-open { background: var(--gold, #D9A945) !important; color: var(--gold-ink, #1D1606) !important; border-radius: 999px !important; min-height: 46px; }
  html.ishtar .customer-chat-send:hover,
  html.ishtar .conversation-open:hover { background: var(--gold-hi, #F0C766) !important; }
  html.ishtar .customer-message-row.mine .customer-message-bubble { background: var(--gold, #D9A945) !important; color: var(--gold-ink, #1D1606) !important; }
  html.ishtar .customer-message-row.mine .customer-message-bubble * { color: inherit !important; }
  html.ishtar .customer-message-row.theirs .customer-message-bubble { background: var(--lapis-600, #1F3563) !important; color: #F3EFE4 !important; }
  html.ishtar #chatMessages { background-color: var(--lapis-900, #0E1A33) !important; background-image: none !important; }
  html.ishtar .customer-chat-day { background: var(--lapis-600, #1F3563) !important; color: #D8DCE6 !important; }
  html.ishtar .conversation-avatar { background: var(--lapis-600, #1F3563) !important; color: var(--gold, #D9A945) !important; }
  html.ishtar .conversation-unread { background: var(--gold, #D9A945) !important; color: var(--gold-ink, #1D1606) !important; }
  html.ishtar .conversation-card:hover, html.ishtar .conversation-card.has-unread { border-color: var(--gold, #D9A945) !important; }
  html.ishtar .customer-chat-back { border-radius: 999px !important; }
  html.ishtar .price-total { color: var(--gold, #D9A945) !important; }
  html.ishtar #priceSummary hr { border-color: var(--lapis-line, #2A4170); }
  html.ishtar .status { background: var(--lapis-600, #1F3563) !important; color: #F3EFE4 !important; }
  html.ishtar .status.pending { background: #3A2F12 !important; color: var(--gold-hi, #F0C766) !important; }
  html.ishtar .status.confirmed { background: #173B2A !important; color: #8FE0B4 !important; }
  html.ishtar .status.rejected { background: #3D1D1A !important; color: #F2A28F !important; }
  html.ishtar .notification-card, html.ishtar .announcement-card { border-color: var(--lapis-line, #2A4170) !important; }
  html.ishtar [class*="notification"] a { color: var(--gold, #D9A945); }
}
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html.ishtar .notification-card.unread { border-right-color: var(--gold, #D9A945) !important; border-left-color: var(--gold, #D9A945) !important; }
}
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html.ishtar .ish-search-submit { width: 40px; height: 40px; flex: none; padding: 0 !important; min-height: 0 !important; border: 0; border-radius: 50% !important; background: transparent !important; color: #AEB8CE !important; display: grid !important; place-items: center; }
  html.ishtar .ish-search-submit:focus-visible { outline: 2px solid var(--gold, #D9A945); }
  html[dir="rtl"] .ish-search-row { padding: 0 8px 0 7px; }
}


/* ===== الحساب ورقم الهاتف (v6) ===== */
.password-field { position: relative; display: block; }
.password-field input { width: 100%; padding-inline-end: 48px !important; }
.password-eye {
  position: absolute; top: 50%; transform: translateY(-50%); inset-inline-end: 6px;
  width: 38px; height: 38px; min-height: 0 !important; padding: 0 !important;
  border: 0; border-radius: 50% !important; background: transparent !important; color: var(--muted) !important;
  display: grid !important; place-items: center;
}
.password-eye:hover { background: var(--mint) !important; transform: translateY(-50%); }
.password-eye .eye-off { display: none; }
.password-eye[aria-pressed="true"] .eye-on { display: none; }
.password-eye[aria-pressed="true"] .eye-off { display: inline-flex; }
.account-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; max-width: 900px; margin: 0 auto; align-items: start; }
.account-grid .form-card h2 { overflow-wrap: anywhere; }
.form-card .flash { margin: 0; font-size: 14px; font-weight: 400; }
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  .account-grid { grid-template-columns: 1fr; gap: 14px; }
  html.ishtar .password-eye { color: #AEB8CE !important; }
  html.ishtar .form-card label small { color: #AEB8CE; }
}


/* ===== البحث والتصفية (v7) ===== */
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  .ish-filter-toggle { position: relative; }
  .ish-filter-count {
    position: absolute; top: -3px; inset-inline-end: -3px; min-width: 18px; height: 18px; padding: 0 4px;
    border-radius: 9px; background: var(--gold, #D9A945); color: var(--gold-ink, #1D1606); font-size: 11px; font-weight: 700;
    display: grid; place-items: center; border: 2px solid var(--lapis-700, #172A50);
  }

  .ish-filters {
    margin-top: 10px; padding: 6px 16px 16px; border-radius: 24px;
    background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170);
    animation: ish-drop 180ms ease-out;
  }
  .ish-filters[hidden] { display: none; }
  @keyframes ish-drop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
  @media (prefers-reduced-motion: reduce) { .ish-filters { animation: none; } }

  .ish-filters fieldset { border: 0; margin: 0; padding: 14px 0 0; min-width: 0; }
  .ish-filters fieldset + fieldset { border-top: 1px solid var(--lapis-line, #2A4170); margin-top: 14px; }
  .ish-filters legend { padding: 0; margin-bottom: 10px; font-size: 14px; font-weight: 600; color: #F3EFE4; }
  .ish-filters legend small { color: #AEB8CE; font-weight: 400; }
  .ish-filters legend label { font: inherit; color: inherit; }
  html.ishtar .ish-filters select { width: 100%; }

  .ish-chipset { display: flex; flex-wrap: wrap; gap: 8px; }
  .ish-chip { position: relative; cursor: pointer; }
  .ish-chip input { position: absolute; opacity: 0; pointer-events: none; }
  .ish-chip span {
    display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px;
    border-radius: 999px; border: 1px solid var(--lapis-line, #2A4170); background: var(--lapis-800, #12224A);
    color: #F3EFE4; font-size: 14px; transition: background .15s, border-color .15s;
  }
  .ish-chip input:checked + span { background: var(--gold, #D9A945); border-color: var(--gold, #D9A945); color: var(--gold-ink, #1D1606); font-weight: 600; }
  .ish-chip input:focus-visible + span { outline: 2px solid var(--gold-hi, #F0C766); outline-offset: 2px; }

  .ish-range { display: none; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
  .ish-filters fieldset:has(input[value="range"]:checked) .ish-range { display: grid; }
  .ish-range label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #AEB8CE; }
  html.ishtar .ish-range input { width: 100%; min-width: 0; color-scheme: dark; }

  .ish-price-row { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; color: #8592AD; }
  html.ishtar .ish-price-row input { width: 100%; }

  .ish-filters-actions { display: flex; gap: 8px; margin-top: 18px; }
  .ish-filters-actions .ish-btn-gold { flex: 1; }

  .ish-active-filters { display: flex; gap: 8px; overflow-x: auto; margin: 12px -16px 0; padding: 0 16px 2px; scrollbar-width: none; }
  .ish-active-filters::-webkit-scrollbar { display: none; }
  .ish-active-chip {
    flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px;
    border-radius: 999px; border: 1px solid var(--gold, #D9A945); color: var(--gold, #D9A945) !important; font-size: 13px; white-space: nowrap;
  }
  .ish-active-chip .ico { opacity: .8; }
}

/* شريط التصفية على الكمبيوتر */
.search-bar-desktop { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: -6px 0 18px; }
.search-bar-desktop label { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); }
.search-bar-desktop select, .search-bar-desktop input[type="date"] {
  min-height: 38px; padding: 0 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); color: var(--ink); font: inherit; font-size: 13px;
}
.search-bar-desktop .desk-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--mint); color: var(--primary); font-size: 13px; font-weight: 600; }
.search-bar-desktop .desk-chip .ico { width: 14px; height: 14px; }


/* ===== اختيار موعد الرحلة (v8) ===== */
.date-picker { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
.date-picker legend { font-weight: 700; font-size: 14px; margin-bottom: 10px; padding: 0; }
.date-options { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
.date-option { position: relative; cursor: pointer; }
.date-option input { position: absolute; opacity: 0; pointer-events: none; }
.date-option span {
  display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 14px;
  border: 1px solid var(--line); background: var(--white); transition: border-color .15s, background .15s;
}
.date-option small { font-size: 12px; color: var(--muted); }
.date-option b { font-size: 16px; }
.date-option em { font-style: normal; font-size: 12px; color: var(--primary); font-weight: 600; }
.date-option input:checked + span { border-color: var(--primary); background: var(--mint); box-shadow: 0 0 0 2px var(--primary) inset; }
.date-option input:focus-visible + span { outline: 2px solid var(--primary); outline-offset: 2px; }
.date-option.is-full { cursor: not-allowed; opacity: .55; }
.date-option.is-full em { color: var(--muted); }
.date-single { display: flex; align-items: baseline; gap: 10px; margin: 0; padding: 12px 14px; border-radius: 14px; background: var(--mint); }
.date-single small { color: var(--muted); }

@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html.ishtar .date-option span { background: var(--lapis-800, #12224A); border-color: var(--lapis-line, #2A4170); }
  html.ishtar .date-option small { color: #AEB8CE; }
  html.ishtar .date-option em { color: var(--gold, #D9A945); }
  html.ishtar .date-option input:checked + span { background: var(--gold, #D9A945); border-color: var(--gold, #D9A945); box-shadow: none; color: var(--gold-ink, #1D1606); }
  html.ishtar .date-option input:checked + span small,
  html.ishtar .date-option input:checked + span em { color: var(--gold-ink, #1D1606); }
  html.ishtar .date-single { background: var(--lapis-600, #1F3563); }
  .date-options { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .date-option span { padding: 10px; }

  /* المواعيد القادمة في صفحة الرحلة */
  .ish-dates { display: flex; gap: 8px; overflow-x: auto; margin: 0 -16px; padding: 0 16px 2px; scrollbar-width: none; }
  .ish-dates::-webkit-scrollbar { display: none; }
  .ish-date { flex: none; display: flex; flex-direction: column; min-width: 92px; padding: 10px 12px; border-radius: 16px;
    background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); color: #F3EFE4 !important; }
  .ish-date small { font-size: 12px; color: #AEB8CE; }
  .ish-date b { font-size: 15px; font-weight: 600; }
  .ish-date em { font-style: normal; font-size: 12px; color: var(--gold, #D9A945); }
  .ish-date.is-full { opacity: .5; pointer-events: none; }
}

/* صفحة الرحلة المنفذة وطباعة قائمة الركاب */
.run-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 8px; }
.runs-heading { margin-top: 36px; }
@media print {
  .site-header, .footer, .footer-contact, .mobile-bottom-nav, .no-print, .flash { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
  .container { padding: 0 !important; }
  .panel, .stat { box-shadow: none !important; border: 1px solid #ccc !important; background: #fff !important; }
  table.table-cards, table.table-cards tbody { display: table !important; }
  table.table-cards thead { display: table-header-group !important; }
  table.table-cards tr { display: table-row !important; }
  table.table-cards td { display: table-cell !important; }
  table.table-cards td::before { content: none !important; }
}

@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  .ish-aud-tag { align-self: flex-start; margin-top: 4px; padding: 1px 10px; border-radius: 999px; border: 1px solid var(--lapis-line, #2A4170); background: var(--lapis-800, #12224A); color: #D8DCE6; font-size: 12px; }
}

/* ===================== مركز الدعم والشكاوى (v11) ===================== */
.sp-page { max-width: 860px; margin: 0 auto; }
.sp-page.sp-admin { max-width: 1240px; }
.sp-narrow { max-width: 680px; }
.sp-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 6px 0 22px; }
.sp-head h1, .sp-title { margin: 0 0 4px; font-size: clamp(24px, 3vw, 32px); line-height: 1.3; }
.sp-head p { margin: 0; color: var(--muted); font-size: 14px; max-width: 560px; }
.sp-back { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--muted); margin-bottom: 12px; }
.sp-back:hover { color: var(--primary); }
.sp-note { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 14px; background: var(--mint); color: var(--ink); font-size: 14px; margin: 0 0 16px; }
.sp-note svg { flex: 0 0 auto; margin-top: 3px; color: var(--primary); }
.sp-hint { color: var(--muted); font-size: 13px; margin: 0; }
.sp-warn { color: #b4541b; font-weight: 700; }
html[data-theme="dark"] .sp-warn { color: #f0a46b; }

/* القائمة */
.sp-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.sp-item { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-radius: 16px; background: var(--white); border: 1px solid var(--line); color: var(--ink); transition: border-color .15s, transform .15s; }
.sp-item:hover { border-color: var(--primary); color: var(--ink); transform: translateY(-1px); }
.sp-item.is-unread { border-color: var(--primary); box-shadow: inset 4px 0 0 var(--primary); }
html[dir="rtl"] .sp-item.is-unread { box-shadow: inset -4px 0 0 var(--primary); }
.sp-item-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.sp-item-main b { font-size: 16px; overflow-wrap: anywhere; }
.sp-item-main small { color: var(--muted); font-size: 13px; }
.sp-item-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sp-chev { color: var(--muted); flex: 0 0 auto; }
.sp-no { font-size: 12px; font-weight: 800; letter-spacing: .03em; color: var(--muted); }
.sp-new-dot { font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 999px; background: var(--primary); color: #fff; }
.sp-cat-tag { font-size: 12px; padding: 2px 10px; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); }

/* الحالات */
.sp-status { display: inline-flex; font-size: 12px; font-weight: 800; padding: 3px 10px; border-radius: 999px; white-space: nowrap; }
.sp-st-new { background: #e1ecff; color: #1d4fa8; }
.sp-st-in_review { background: #fff0d6; color: #8a5a10; }
.sp-st-waiting_user { background: #fde4dc; color: #a63d1c; }
.sp-st-resolved { background: #dcf6e8; color: #13764e; }
.sp-st-closed { background: #eceff1; color: #59656c; }
html[data-theme="dark"] .sp-st-new { background: #1d3156; color: #a9c6ff; }
html[data-theme="dark"] .sp-st-in_review { background: #3a2f12; color: var(--gold-hi, #F0C766); }
html[data-theme="dark"] .sp-st-waiting_user { background: #43241a; color: #f6ad93; }
html[data-theme="dark"] .sp-st-resolved { background: #173b2a; color: #8fe0b4; }
html[data-theme="dark"] .sp-st-closed { background: #2a3338; color: #b9c4c9; }

.sp-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 48px 20px; border: 1px dashed var(--line); border-radius: 18px; color: var(--muted); }
.sp-empty svg { color: var(--primary); }
.sp-empty b { color: var(--ink); font-size: 17px; }
.sp-empty-admin { padding: 30px; text-align: center; color: var(--muted); margin: 0; }

/* نموذج الطلب */
.sp-form { gap: 18px; }
.sp-cats { border: 0; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sp-cats legend { font-weight: 700; font-size: 14px; margin-bottom: 8px; padding: 0; }
.form-card .sp-cat { position: relative; display: block; cursor: pointer; }
.sp-cat input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.sp-cat span { display: flex; flex-direction: column; gap: 3px; height: 100%; padding: 13px 14px; border-radius: 14px; border: 1.5px solid var(--line); background: var(--white); transition: border-color .15s, background .15s; }
.sp-cat b { font-size: 14px; }
.sp-cat small { font-weight: 400; color: var(--muted); font-size: 12px; line-height: 1.5; }
.sp-cat input:checked + span { border-color: var(--primary); background: var(--mint); }
.sp-cat input:focus-visible + span { outline: 2px solid var(--primary); outline-offset: 2px; }
.form-card .sp-file input { padding: 9px; }

/* صفحة الطلب */
.sp-ticket-head { padding: 18px 20px; margin-bottom: 14px; }
.sp-ticket-head h1 { margin: 8px 0 2px; font-size: clamp(20px, 2.6vw, 26px); line-height: 1.35; overflow-wrap: anywhere; }
.sp-ticket-head small { color: var(--muted); }
.sp-booking-card, .sp-side-card { padding: 16px 18px; margin-bottom: 14px; }
.sp-booking-card h2, .sp-side-card h2 { display: flex; align-items: center; gap: 8px; font-size: 15px; margin: 0 0 10px; }
.sp-booking-card dl, .sp-side-card dl { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; }
.sp-side-card dl { grid-template-columns: 1fr; }
.sp-booking-card dt, .sp-side-card dt { font-size: 12px; color: var(--muted); }
.sp-booking-card dd, .sp-side-card dd { margin: 0; font-weight: 700; font-size: 14px; overflow-wrap: anywhere; }

.sp-thread { display: flex; flex-direction: column; gap: 10px; margin: 6px 0 16px; }
.sp-msg { max-width: min(560px, 88%); padding: 11px 14px 8px; border-radius: 16px; background: var(--white); border: 1px solid var(--line); align-self: flex-start; }
.sp-msg.is-mine { align-self: flex-end; background: var(--mint); border-color: transparent; }
.sp-msg.is-admin:not(.is-mine) { border-color: var(--primary); }
.sp-msg p { margin: 2px 0 6px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; }
.sp-msg-who { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 800; color: var(--primary); }
.sp-msg time { display: block; font-size: 11px; color: var(--muted); }
.sp-attach { display: block; margin: 4px 0 6px; }
.sp-attach img { display: block; max-width: 100%; max-height: 260px; border-radius: 10px; border: 1px solid var(--line); }
.sp-sys { align-self: center; text-align: center; margin: 2px 0; padding: 6px 12px; border-radius: 999px; font-size: 12px; color: var(--muted); background: var(--cream); border: 1px dashed var(--line); max-width: 92%; }

.sp-reply { gap: 12px; }
.sp-reply-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.sp-feedback { display: flex; flex-direction: column; gap: 12px; padding: 16px 18px; margin-bottom: 14px; border-color: var(--primary); }
.sp-feedback div { display: flex; gap: 10px; flex-wrap: wrap; }
.sp-closed { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 18px; color: var(--muted); }
.sp-problem-line { margin: 14px 0 0; font-size: 14px; }

/* لوحة المدير */
.sp-admin-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; align-items: start; }
.sp-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.sp-tabs a { padding: 7px 13px; border-radius: 999px; border: 1px solid var(--line); background: var(--white); color: var(--ink); font-size: 13px; font-weight: 700; }
.sp-tabs a span { font-size: 11px; padding: 0 7px; border-radius: 999px; background: var(--mint); margin-inline-start: 4px; }
.sp-tabs a.is-active { background: var(--primary); border-color: var(--primary); color: #fff; }
.sp-tabs a.is-active span { background: rgba(255,255,255,.25); }
.sp-filters { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.sp-filters input, .sp-filters select { padding: 9px 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--white); color: var(--ink); }
.sp-filters input { flex: 1 1 240px; }
.sp-row-unread td { font-weight: 700; }
.sp-company-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sp-company-list li { display: flex; flex-direction: column; gap: 2px; padding-bottom: 8px; border-bottom: 1px solid var(--line); font-size: 13px; }
.sp-company-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.sp-company-list a { font-weight: 800; font-size: 14px; }
.sp-side-chat { display: flex; flex-direction: column; gap: 8px; max-height: 420px; overflow-y: auto; }
.sp-side-chat p { margin: 0; padding: 8px 10px; border-radius: 12px; font-size: 13px; line-height: 1.6; background: var(--cream); overflow-wrap: anywhere; }
.sp-side-chat p.from-company { background: var(--mint); }
.sp-side-chat b { display: block; font-size: 11px; color: var(--primary); }
.sp-side-chat time { display: block; font-size: 10px; color: var(--muted); }
.nav-badge { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: #d94b3d; color: #fff; font-size: 11px; font-weight: 800; line-height: 1; }

@media (max-width: 900px) {
  .sp-admin-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  .sp-page { padding-bottom: 90px; }
  .sp-head { align-items: stretch; }
  .sp-new-btn { width: 100%; }
  .sp-cats, .sp-reply-row, .sp-booking-card dl { grid-template-columns: 1fr; }
  .sp-msg { max-width: 92%; }
  .sp-filters input { flex-basis: 100%; }

  /* «بوابة عشتار» للزبون */
  html.ishtar .sp-item, html.ishtar .sp-cat span { background: var(--lapis-700); border-color: var(--lapis-line); }
  html.ishtar .sp-item.is-unread { border-color: var(--gold); }
  html.ishtar .sp-cat input:checked + span { border-color: var(--gold); background: var(--lapis-600); }
  html.ishtar .sp-msg { background: var(--lapis-700); border-color: var(--lapis-line); }
  html.ishtar .sp-msg.is-mine { background: #3a2f12; border-color: transparent; }
  html.ishtar .sp-msg.is-admin:not(.is-mine) { border-color: var(--gold); }
  html.ishtar .sp-msg-who { color: var(--gold); }
  html.ishtar .sp-new-dot { background: var(--gold); color: var(--gold-ink); }
  html.ishtar .sp-sys { background: var(--lapis-800); border-color: var(--lapis-line); }
  html.ishtar .sp-note { background: var(--lapis-600); }
  html.ishtar .sp-note svg, html.ishtar .sp-empty svg { color: var(--gold); }
  html.ishtar .sp-new-btn { background: var(--gold); color: var(--gold-ink); }
}
.ish-problem-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--mist, var(--muted)); }
.ish-problem-link:hover { color: var(--gold, var(--primary)); }
html[data-theme="dark"] .sp-new-dot, html[data-theme="dark"] .sp-tabs a.is-active { color: #0f1c19; }

/* ===================== شريط التنبيه وأسفل الموقع (v12) ===================== */
.site-notice { padding: 10px max(5vw, 16px); text-align: center; font-size: 14px; font-weight: 700; line-height: 1.6; }
.site-notice a { text-decoration: underline; color: inherit; margin-inline-start: 6px; }
.site-notice-info { background: #e1ecff; color: #1d4fa8; }
.site-notice-success { background: #dcf6e8; color: #13764e; }
.site-notice-warning { background: #fff0d6; color: #8a4b0f; }
html[data-theme="dark"] .site-notice-info { background: #1d3156; color: #c7dafe; }
html[data-theme="dark"] .site-notice-success { background: #173b2a; color: #a5ecc5; }
html[data-theme="dark"] .site-notice-warning { background: #3a2f12; color: #f6d37f; }
.footer-social a { font-weight: 700; }
.maintenance-page { max-width: 560px; margin: 8vh auto; text-align: center; padding: 0 16px; }
.maintenance-icon { display: inline-grid; place-items: center; width: 88px; height: 88px; border-radius: 28px; background: var(--mint); color: var(--primary); margin-bottom: 18px; }
.maintenance-page h1 { margin: 0 0 10px; font-size: clamp(24px, 4vw, 34px); }
.maintenance-page p { color: var(--muted); white-space: pre-line; }

/* ===================== إعدادات الموقع المتقدمة (v12) ===================== */
.st-page { max-width: 1100px; margin: 0 auto; }
.st-head h1 { margin: 0 0 4px; font-size: clamp(24px, 3vw, 32px); }
.st-head p { margin: 0 0 20px; color: var(--muted); font-size: 14px; }
.st-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 20px; align-items: start; }
.st-nav { display: flex; flex-direction: column; gap: 4px; position: sticky; top: 96px; }
.st-nav a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 14px; border-radius: 12px; color: var(--ink); font-weight: 700; font-size: 14px; }
.st-nav a:hover { background: var(--mint); color: var(--ink); }
.st-nav a.is-active { background: var(--primary); color: #fff; }
html[data-theme="dark"] .st-nav a.is-active { color: #0f1c19; }
.st-nav-sep { height: 1px; background: var(--line); margin: 6px 4px; }
.st-dot { width: 8px; height: 8px; border-radius: 50%; background: #e0892f; flex: 0 0 auto; }
.st-card { padding: 22px 24px; margin-bottom: 16px; display: flex; flex-direction: column; gap: 14px; }
.st-card h2 { margin: 0; font-size: 20px; }
.st-desc { margin: -8px 0 4px; color: var(--muted); font-size: 14px; }
.st-field { display: flex; flex-direction: column; gap: 6px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.st-field:last-of-type { border-bottom: 0; }
.st-label { font-weight: 700; font-size: 14px; }
.st-label small, .st-help { display: block; font-weight: 400; font-size: 12px; color: var(--muted); }
.st-req { color: #d94b3d; }
.st-field input:not([type="checkbox"]):not([type="file"]), .st-field select, .st-field textarea { width: 100%; padding: 11px 13px; border: 1px solid var(--line); border-radius: 11px; background: var(--white); color: var(--ink); font: inherit; }
.st-field input[type="number"] { max-width: 220px; }
.st-field input:focus, .st-field select:focus, .st-field textarea:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(12, 118, 110, .12); }
.st-field.has-error input, .st-field.has-error select, .st-field.has-error textarea { border-color: #d94b3d; }
.st-error { color: #c0392b; font-size: 13px; font-weight: 700; }
html[data-theme="dark"] .st-error { color: #f2a28f; }
.st-switch { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; }
.st-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.st-switch-ui { position: relative; flex: 0 0 46px; height: 26px; margin-top: 1px; border-radius: 999px; background: #c9d3d0; transition: background .15s; }
html[data-theme="dark"] .st-switch-ui { background: #3a4a46; }
.st-switch-ui::after { content: ""; position: absolute; top: 3px; inset-inline-start: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: inset-inline-start .15s; }
.st-switch input:checked + .st-switch-ui { background: var(--primary); }
.st-switch input:checked + .st-switch-ui::after { inset-inline-start: 23px; }
.st-switch input:focus-visible + .st-switch-ui { outline: 2px solid var(--primary); outline-offset: 2px; }
.st-actions { display: flex; gap: 10px; flex-wrap: wrap; padding-top: 4px; }
.st-reset { margin-inline-start: auto; }
.st-val { max-width: 260px; white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .st-layout { grid-template-columns: 1fr; }
  .st-nav { position: static; flex-direction: row; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
  .st-nav a { white-space: nowrap; border: 1px solid var(--line); }
  .st-nav-sep { display: none; }
  .st-card { padding: 18px 16px; }
  .st-reset { margin-inline-start: 0; }
  .st-actions .button { width: 100%; }
}

/* ===================== الإعلانات الممولة (v12) ===================== */
.promo-tag { display: inline-flex; align-self: flex-start; align-items: center; gap: 4px; padding: 1px 9px; border-radius: 6px; font-size: 11px; font-weight: 800; letter-spacing: .02em; background: #fff3d1; color: #7a5200; border: 1px solid #f0d58a; }
html[data-theme="dark"] .promo-tag { background: #3a2f12; color: var(--gold-hi, #F0C766); border-color: #6b5520; }
.promo-tag-rail { position: absolute; top: 10px; inset-inline-start: 10px; z-index: 2; }
.promo-tag-hero { margin-inline-end: 6px; }
.ish-hero-chips { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.promo-image-tag { background: #fff3d1 !important; color: #7a5200 !important; }
.tour-card.is-sponsored { outline: 2px solid #e8c25a; outline-offset: -2px; }
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html.ishtar .promo-tag { background: var(--gold); color: var(--gold-ink); border-color: var(--gold); }
  html.ishtar .ish-row.is-sponsored { border-color: var(--gold); }
}

/* صفحات الإعلانات الممولة */
.pr-page { max-width: 1040px; margin: 0 auto; }
.pr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 16px; }
.pr-stats .panel { padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; }
.pr-stats small { color: var(--muted); font-size: 12px; }
.pr-stats b { font-size: 22px; }
.pr-stats span { font-size: 12px; color: var(--muted); }
.pr-create { padding: 0; margin-bottom: 16px; overflow: hidden; }
.pr-create > summary, .pr-decide > summary { cursor: pointer; padding: 14px 18px; font-weight: 800; color: var(--primary); list-style: none; }
.pr-create > summary::-webkit-details-marker, .pr-decide > summary::-webkit-details-marker { display: none; }
.pr-create .pr-form { border: 0; box-shadow: none; border-top: 1px solid var(--line); border-radius: 0; }
.pr-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.pr-company .pr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-card .pr-check { flex-direction: row; align-items: center; gap: 8px; }
.form-card .pr-check input { width: auto; }
.pr-card { padding: 16px 18px; margin-bottom: 12px; display: flex; flex-direction: column; gap: 10px; }
.pr-card.pr-active { border-color: #e8c25a; }
.pr-card-head { display: flex; gap: 14px; align-items: flex-start; }
.pr-card-head img { width: 76px; height: 60px; border-radius: 12px; object-fit: cover; flex: 0 0 auto; }
.pr-card-title { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; align-items: flex-start; }
.pr-card-title b { font-size: 16px; color: var(--ink); overflow-wrap: anywhere; }
.pr-card-title small { color: var(--muted); font-size: 12px; }
.pr-money { text-align: end; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.pr-money b { font-size: 18px; white-space: nowrap; }
.pr-phase, .pr-paid { font-size: 11px; font-weight: 800; padding: 2px 9px; border-radius: 999px; }
.pr-ph-requested { background: #e1ecff; color: #1d4fa8; }
.pr-ph-scheduled { background: #efe6ff; color: #5b3aa6; }
.pr-ph-active { background: #dcf6e8; color: #13764e; }
.pr-ph-ended, .pr-ph-stopped, .pr-ph-cancelled { background: #eceff1; color: #59656c; }
.pr-ph-rejected { background: #fde4dc; color: #a63d1c; }
.pr-paid.is-paid { background: #dcf6e8; color: #13764e; }
.pr-paid.is-due { background: #fff0d6; color: #8a5a10; }
html[data-theme="dark"] .pr-ph-requested { background: #1d3156; color: #a9c6ff; }
html[data-theme="dark"] .pr-ph-scheduled { background: #2f2450; color: #cdb8ff; }
html[data-theme="dark"] .pr-ph-active, html[data-theme="dark"] .pr-paid.is-paid { background: #173b2a; color: #8fe0b4; }
html[data-theme="dark"] .pr-ph-ended, html[data-theme="dark"] .pr-ph-stopped, html[data-theme="dark"] .pr-ph-cancelled { background: #2a3338; color: #b9c4c9; }
html[data-theme="dark"] .pr-ph-rejected { background: #43241a; color: #f6ad93; }
html[data-theme="dark"] .pr-paid.is-due { background: #3a2f12; color: var(--gold-hi, #F0C766); }
.pr-facts { margin: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.pr-facts dt { font-size: 11px; color: var(--muted); }
.pr-facts dd { margin: 0; font-weight: 700; font-size: 14px; }
.pr-note { margin: 0; font-size: 13px; padding: 8px 12px; border-radius: 10px; background: var(--cream); overflow-wrap: anywhere; }
.pr-decide { border-top: 1px solid var(--line); margin: 0 -18px -16px; }
.pr-decide .pr-form { border: 0; box-shadow: none; padding-top: 0; }
.pr-reject { display: flex; gap: 8px; padding: 0 26px 18px; flex-wrap: wrap; }
.pr-reject input { flex: 1 1 220px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--white); color: var(--ink); }
.pr-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.pr-actions form { margin: 0; }
.pr-estimate { margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--mint); font-size: 14px; }
.pr-estimate b { font-size: 18px; }
.pr-estimate small { display: block; color: var(--muted); font-size: 12px; margin-top: 2px; }
.pr-h2 { margin: 26px 0 12px; font-size: 20px; }
.pr-request { margin-bottom: 8px; }
.dash-head-actions { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 760px) {
  .pr-grid, .pr-company .pr-grid { grid-template-columns: 1fr 1fr; }
  .pr-card-head { flex-wrap: wrap; }
  .pr-money { align-items: flex-start; text-align: start; width: 100%; flex-direction: row; justify-content: space-between; }
}
@media (max-width: 420px) {
  .pr-grid, .pr-company .pr-grid { grid-template-columns: 1fr; }
}

/* ===================== المحادثة بأسلوب واتساب (v13) ===================== */
.wa {
  --wa-bg: #efeae2; --wa-dots: rgba(17, 27, 33, .055);
  --wa-head: var(--primary); --wa-head-ink: #fff; --wa-head-sub: rgba(255,255,255,.82);
  --wa-mine: #d9fdd3; --wa-theirs: #fff; --wa-ink: #111b21; --wa-meta: #667781;
  --wa-tick: #8696a0; --wa-read: #34b7f1; --wa-foot: #f0f2f5; --wa-field: #fff; --wa-icon: #54656f;
  --wa-send: var(--primary); --wa-send-ink: #fff; --wa-day: #fff; --wa-day-ink: #54656f;
  --wa-shadow: 0 1px .5px rgba(11, 20, 26, .13); --wa-link: #027eb5;
  position: relative; display: flex; flex-direction: column;
  height: calc(100dvh - 150px); min-height: 460px; max-width: 980px; margin: 0 auto;
  border-radius: 18px; overflow: hidden; border: 1px solid var(--line); background: var(--wa-bg);
  box-shadow: var(--shadow); color: var(--wa-ink);
}
html[data-theme="dark"] .wa {
  --wa-bg: #0b141a; --wa-dots: rgba(255,255,255,.035);
  --wa-head: #202c33; --wa-head-ink: #e9edef; --wa-head-sub: #8696a0;
  --wa-mine: #005c4b; --wa-theirs: #202c33; --wa-ink: #e9edef; --wa-meta: rgba(233,237,239,.6);
  --wa-tick: rgba(233,237,239,.6); --wa-read: #53bdeb; --wa-foot: #202c33; --wa-field: #2a3942; --wa-icon: #aebac1;
  --wa-send: #00a884; --wa-send-ink: #111b21; --wa-day: #182229; --wa-day-ink: #8696a0; --wa-link: #53bdeb;
  --wa-shadow: 0 1px .5px rgba(0,0,0,.3);
}
.wa button { background: none; padding: 0; border-radius: 0; color: inherit; font: inherit; transform: none !important; }
.wa button:hover { background: none; color: inherit; }

/* الرأس */
.wa-head { display: flex; align-items: center; gap: 10px; padding: 9px 12px; min-height: 62px; background: var(--wa-head); color: var(--wa-head-ink); flex: 0 0 auto; z-index: 2; }
.wa-back { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: var(--wa-head-ink); flex: 0 0 auto; }
.wa-back:hover { color: var(--wa-head-ink); background: rgba(255,255,255,.12); }
.wa-avatar { width: 42px; height: 42px; border-radius: 50%; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; background: rgba(255,255,255,.22); font-weight: 800; font-size: 18px; }
.wa-avatar img { width: 100%; height: 100%; object-fit: cover; }
.wa .wa-who { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; text-align: start; cursor: pointer; line-height: 1.35; }
.wa-who b { font-size: 16px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-who small { font-size: 12.5px; color: var(--wa-head-sub); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa .wa-icon-btn { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: inherit; cursor: pointer; flex: 0 0 auto; }
.wa-head .wa-icon-btn:hover { background: rgba(255,255,255,.12); }

.wa-info { background: var(--wa-foot); border-bottom: 1px solid rgba(0,0,0,.06); padding: 12px 16px; font-size: 14px; flex: 0 0 auto; }
.wa-info dl { margin: 0 0 8px; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px 16px; }
.wa-info dt { font-size: 12px; color: var(--wa-meta); }
.wa-info dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.wa-info a { color: var(--wa-link); font-weight: 700; }

/* منطقة الرسائل */
.wa-body {
  flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  padding: 10px 4% 14px; scroll-padding-bottom: 20px;
  background-color: var(--wa-bg);
  background-image: radial-gradient(var(--wa-dots) 1.2px, transparent 1.3px), radial-gradient(var(--wa-dots) 1.2px, transparent 1.3px);
  background-size: 22px 22px; background-position: 0 0, 11px 11px;
}
.wa-list { display: flex; flex-direction: column; gap: 2px; min-height: 100%; justify-content: flex-end; }
.wa-hint { align-self: center; margin: auto 0 12px; padding: 7px 14px; border-radius: 10px; background: #ffeecd; color: #54656f; font-size: 12.5px; text-align: center; max-width: 92%; display: flex; gap: 6px; align-items: center; }
html[data-theme="dark"] .wa-hint { background: #182229; color: #ffd279; }
.wa-day { align-self: center; position: sticky; top: 4px; z-index: 1; margin: 10px 0 6px; }
.wa-day span { display: inline-block; padding: 5px 12px; border-radius: 8px; background: var(--wa-day); color: var(--wa-day-ink); font-size: 12.5px; box-shadow: var(--wa-shadow); }

.wa-row { display: flex; padding: 0 6px; animation: wa-in .18s ease-out; }
.wa-row.is-first { margin-top: 8px; }
.wa-row.is-mine { justify-content: flex-end; }
.wa-row.is-theirs { justify-content: flex-start; }
@keyframes wa-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .wa-row { animation: none; } }

.wa-bubble { position: relative; max-width: min(78%, 560px); padding: 6px 9px 7px; border-radius: 8px; background: var(--wa-theirs); box-shadow: var(--wa-shadow); font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.wa-row.is-mine .wa-bubble { background: var(--wa-mine); }
/* الذيل في أول رسالة من كل مجموعة */
.wa-row.is-first .wa-bubble::before { content: ""; position: absolute; top: 0; width: 9px; height: 13px; background: inherit; }
.wa-row.is-first.is-theirs .wa-bubble { border-start-start-radius: 0; }
.wa-row.is-first.is-mine .wa-bubble { border-start-end-radius: 0; }
[dir="ltr"] .wa-row.is-first.is-theirs .wa-bubble::before { left: -8px; clip-path: polygon(100% 0, 0 0, 100% 100%); }
[dir="ltr"] .wa-row.is-first.is-mine .wa-bubble::before { right: -8px; clip-path: polygon(0 0, 100% 0, 0 100%); }
[dir="rtl"] .wa-row.is-first.is-theirs .wa-bubble::before { right: -8px; clip-path: polygon(0 0, 100% 0, 0 100%); }
[dir="rtl"] .wa-row.is-first.is-mine .wa-bubble::before { left: -8px; clip-path: polygon(100% 0, 0 0, 100% 100%); }

.wa-text { white-space: pre-wrap; }
.wa-text a { color: var(--wa-link); text-decoration: underline; }
/* الوقت وعلامة القراءة في نهاية السطر مثل واتساب */
.wa-meta { float: inline-end; display: inline-flex; align-items: center; gap: 3px; margin: 8px 0 -6px; margin-inline-start: 12px; font-size: 11px; color: var(--wa-meta); white-space: nowrap; position: relative; top: 2px; direction: ltr; }
.wa-tick { display: inline-flex; color: var(--wa-tick); }
.wa-tick.is-read { color: var(--wa-read); }
.wa-tick.is-failed { color: #e5484d; }

.wa-bubble.has-img { padding: 3px; }
.wa-bubble.has-img .wa-text { display: block; padding: 4px 6px 0; }
.wa-bubble.has-img .wa-meta { margin: 4px 6px 0; }
.wa-img-link { display: block; position: relative; }
.wa-img { display: block; width: 100%; max-width: 300px; min-width: 160px; min-height: 120px; max-height: 360px; object-fit: cover; border-radius: 6px; background: rgba(0,0,0,.08); cursor: zoom-in; }
.wa-bubble.img-only .wa-meta { position: absolute; bottom: 7px; inset-inline-end: 8px; margin: 0; padding: 1px 6px; border-radius: 10px; color: #fff; background: rgba(0,0,0,.35); float: none; top: auto; }
.wa-bubble.img-only .wa-tick, .wa-bubble.img-only .wa-tick.is-read { color: #fff; }
.wa-progress { position: absolute; inset-inline: 10px; bottom: 34px; height: 4px; border-radius: 4px; background: rgba(255,255,255,.5); overflow: hidden; }
.wa-progress i { display: block; height: 100%; width: 4%; background: var(--wa-send); transition: width .15s; }
.wa .wa-retry { display: block; clear: both; margin-top: 6px; font-size: 12px; font-weight: 700; color: #e5484d; text-decoration: underline; cursor: pointer; }
.wa-row.is-failed .wa-bubble { opacity: .85; }

.wa .wa-jump { position: absolute; inset-inline-end: 16px; bottom: 84px; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--wa-field); color: var(--wa-icon); box-shadow: 0 2px 8px rgba(0,0,0,.2); z-index: 3; cursor: pointer; }
.wa-jump-count { position: absolute; top: -6px; inset-inline-start: -4px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--wa-send); color: var(--wa-send-ink); font-size: 11px; font-weight: 800; display: grid; place-items: center; }

/* خانة الكتابة */
.wa-foot { position: relative; flex: 0 0 auto; background: var(--wa-foot); padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); }
.wa-compose { display: flex; align-items: flex-end; gap: 6px; }
.wa-input { flex: 1; min-width: 0; display: flex; align-items: flex-end; background: var(--wa-field); border-radius: 24px; padding: 3px 4px; box-shadow: var(--wa-shadow); }
.wa-input .wa-icon-btn { color: var(--wa-icon); width: 40px; height: 40px; }
.wa-input .wa-icon-btn:hover { color: var(--wa-ink); }
.wa-input input[type="file"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.wa .wa-input textarea, html.ishtar .wa .wa-input textarea {
  flex: 1; min-width: 0; resize: none; border: 0 !important; outline: none !important; box-shadow: none !important;
  background: transparent !important; color: var(--wa-ink) !important; padding: 9px 4px !important; margin: 0;
  min-height: 40px !important; max-height: 132px; line-height: 22px; font-size: 15.5px; border-radius: 0 !important; overflow-y: auto;
}
.wa .wa-input textarea::placeholder { color: var(--wa-meta) !important; }
.wa .wa-send { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50% !important; display: grid; place-items: center; background: var(--wa-send) !important; color: var(--wa-send-ink) !important; cursor: pointer; box-shadow: var(--wa-shadow); transition: transform .12s, opacity .12s; opacity: .55; }
.wa.can-send .wa-send { opacity: 1; }
.wa .wa-send:active { transform: scale(.92) !important; }
[dir="rtl"] .wa-send svg { transform: scaleX(-1); }
.wa-closed { margin: 6px; padding: 10px 12px; text-align: center; color: var(--wa-meta); font-size: 13.5px; display: flex; gap: 6px; justify-content: center; align-items: center; }
.wa-toast { position: absolute; bottom: calc(100% + 8px); inset-inline: 12px; padding: 9px 12px; border-radius: 10px; background: #e5484d; color: #fff; font-size: 13.5px; text-align: center; box-shadow: 0 4px 14px rgba(0,0,0,.2); }
.wa-preview { display: flex; align-items: center; gap: 10px; padding: 6px 8px 8px; font-size: 13px; color: var(--wa-meta); }
.wa-preview img { width: 54px; height: 54px; object-fit: cover; border-radius: 8px; }
.wa-preview span { flex: 1; }
.wa .wa-preview button { width: 30px; height: 30px; border-radius: 50%; background: rgba(0,0,0,.08); color: var(--wa-ink); cursor: pointer; }
.wa.is-drop::after { content: ""; position: absolute; inset: 0; border: 3px dashed var(--wa-send); border-radius: inherit; background: rgba(0,168,132,.06); pointer-events: none; }

.wa-lightbox { position: fixed; inset: 0; z-index: 2000; background: rgba(0,0,0,.92); display: grid; place-items: center; padding: 16px; cursor: zoom-out; }
.wa-lightbox[hidden] { display: none; }
.wa-lightbox img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 4px; }
.wa-lightbox .wa-lightbox-close { position: absolute; top: 14px; inset-inline-end: 14px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; font-size: 20px; }

/* الهاتف: المحادثة تملأ الشاشة كاملة مثل تطبيق واتساب */
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  .wa { position: fixed; inset: 0; z-index: 1000; height: 100dvh; min-height: 0; max-width: none; border: 0; border-radius: 0; margin: 0; box-shadow: none; }
  body:has(.wa) { overflow: hidden; }
  .wa-body { padding-inline: 2px; }
  .wa-bubble { max-width: 84%; }
  .wa-head { padding: 6px 6px calc(6px) 6px; padding-top: max(6px, env(safe-area-inset-top)); }
  html.ishtar .wa {
    --wa-bg: var(--lapis-900, #0E1A33); --wa-dots: rgba(217,169,69,.07);
    --wa-head: var(--lapis-800, #12224A); --wa-head-ink: #F3EFE4; --wa-head-sub: #AEB8CE;
    --wa-mine: #4a3c14; --wa-theirs: var(--lapis-700, #172A50); --wa-ink: #F3EFE4; --wa-meta: #B9C1D4;
    --wa-tick: #B9C1D4; --wa-read: #6cc8ff; --wa-foot: var(--lapis-800, #12224A); --wa-field: var(--lapis-600, #1F3563); --wa-icon: #C9D1E3;
    --wa-send: var(--gold, #D9A945); --wa-send-ink: var(--gold-ink, #1D1606); --wa-day: var(--lapis-700, #172A50); --wa-day-ink: #D8DCE6; --wa-link: var(--gold-hi, #F0C766);
  }
  html.ishtar .wa-hint { background: var(--lapis-700, #172A50); color: var(--gold-hi, #F0C766); }
  html.ishtar .wa-info { border-color: var(--lapis-line, #2A4170); }
}
.wa [hidden] { display: none !important; }

/* ===================== إشعارات حالة الحجز (v14) ===================== */
.nt-page { max-width: 760px; margin: 0 auto; }
.nt-head h1 { margin: 6px 0 4px; font-size: clamp(24px, 3vw, 32px); }
.nt-head p { margin: 0 0 18px; color: var(--muted); font-size: 14px; }
.nt-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.nt-item { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 16px; background: var(--white); border: 1px solid var(--line); color: var(--ink); transition: border-color .15s, transform .15s; }
a.nt-item:hover { border-color: var(--primary); color: var(--ink); transform: translateY(-1px); }
.nt-item.is-unread { border-color: var(--primary); background: color-mix(in srgb, var(--primary) 7%, var(--white)); }
.nt-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.nt-title-row { display: flex; align-items: center; gap: 8px; }
.nt-title-row b { font-size: 15.5px; line-height: 1.45; }
.nt-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--primary); flex: 0 0 auto; }
.nt-body { font-size: 14px; color: var(--muted); line-height: 1.6; overflow-wrap: anywhere; }
.nt-time { font-size: 12px; color: var(--muted); }
.nt-icon { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; }
.nt-success { background: #dcf6e8; color: #13764e; }
.nt-danger { background: #ffe3e0; color: #b33930; }
.nt-warning { background: #fff0d6; color: #8a5a10; }
.nt-info { background: #e1ecff; color: #1d4fa8; }
.nt-gold { background: #fdf0d2; color: #8a5a10; }
html[data-theme="dark"] .nt-success { background: #173b2a; color: #8fe0b4; }
html[data-theme="dark"] .nt-danger { background: #3d1d1a; color: #f2a28f; }
html[data-theme="dark"] .nt-warning, html[data-theme="dark"] .nt-gold { background: #3a2f12; color: var(--gold-hi, #F0C766); }
html[data-theme="dark"] .nt-info { background: #1d3156; color: #a9c6ff; }
.nt-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 50px 20px; border: 1px dashed var(--line); border-radius: 18px; color: var(--muted); }
.nt-empty svg { color: var(--primary); }
.nt-empty b { color: var(--ink); font-size: 17px; }

/* التنبيه المنبثق */
.nt-toast-wrap { position: fixed; top: 12px; inset-inline: 12px; z-index: 3000; display: flex; flex-direction: column; align-items: center; gap: 8px; pointer-events: none; }
.nt-toast { pointer-events: auto; display: flex; align-items: center; gap: 12px; width: min(440px, 100%); padding: 12px 12px 12px 14px; border-radius: 18px; background: var(--white); color: var(--ink); border: 1px solid var(--line); box-shadow: 0 12px 34px rgba(0,0,0,.22); transform: translateY(-130%); opacity: 0; transition: transform .32s cubic-bezier(.2,.9,.3,1.2), opacity .2s; }
.nt-toast:hover { color: var(--ink); }
.nt-toast.is-in { transform: none; opacity: 1; }
.nt-toast-text { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.45; }
.nt-toast-text b { font-size: 14.5px; }
.nt-toast-text span { font-size: 13px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.nt-toast .nt-toast-x { background: none; color: var(--muted); padding: 4px 8px; font-size: 14px; border-radius: 8px; }
.nt-toast .nt-toast-x:hover { background: rgba(0,0,0,.06); color: var(--ink); transform: none; }
.nav-notifications { position: relative; }
.mobile-bottom-nav-badge[hidden], .nav-badge[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .nt-toast { transition: opacity .2s; transform: none; } }

@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html.ishtar .nt-item { background: var(--lapis-700, #172A50); border-color: var(--lapis-line, #2A4170); }
  html.ishtar .nt-item.is-unread { border-color: var(--gold, #D9A945); background: #1c2f58; }
  html.ishtar .nt-dot { background: var(--gold, #D9A945); }
  html.ishtar .nt-empty svg { color: var(--gold, #D9A945); }
  html.ishtar .nt-toast { background: var(--lapis-700, #172A50); border-color: var(--gold, #D9A945); color: #F3EFE4; }
  html.ishtar .nt-toast-text span { color: #AEB8CE; }
  html.ishtar .nt-gold { background: #3a2f12; color: var(--gold-hi, #F0C766); }
  .nt-page { padding-bottom: 90px; }
}

/* ===================== الإحصاءات (v15) ===================== */
.an-page {
  --an-s1: #2a78d6; --an-s2: #eb6834; --an-s3: #1baf7a;
  --an-grid: #e9ece9; --an-ink2: #5f6b70; --an-surface: #fff;
  --an-good: #0ca30c; --an-warning: #fab219; --an-serious: #ec835a; --an-critical: #d03b3b;
  max-width: 1240px; margin: 0 auto;
}
html[data-theme="dark"] .an-page {
  --an-s1: #3987e5; --an-s2: #d95926; --an-s3: #199e70;
  --an-grid: #2c3d37; --an-ink2: #a9b8b1; --an-surface: #1a2923;
}
.an-head h1 { margin: 4px 0 4px; font-size: clamp(24px, 3vw, 32px); }
.an-head p { margin: 0 0 16px; color: var(--muted); font-size: 14px; }
.an-filters { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 18px; }
.an-periods { display: flex; gap: 6px; flex-wrap: wrap; }
.an-periods a { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--white); color: var(--ink); font-size: 13px; font-weight: 700; }
.an-periods a.is-active { background: var(--primary); border-color: var(--primary); color: #fff; }
html[data-theme="dark"] .an-periods a.is-active { color: #0f1c19; }
.an-custom { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-inline-start: auto; font-size: 13px; color: var(--muted); }
.an-custom label { display: flex; gap: 6px; align-items: center; }
.an-custom input { padding: 7px 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); color: var(--ink); }
.an-custom .button, .an-export summary { padding: 8px 14px; font-size: 13px; }
.an-export { position: relative; }
.an-export summary { list-style: none; cursor: pointer; }
.an-export summary::-webkit-details-marker { display: none; }
.an-export > div { position: absolute; inset-inline-end: 0; top: calc(100% + 6px); z-index: 5; min-width: 180px; padding: 6px; border-radius: 12px; background: var(--white); border: 1px solid var(--line); box-shadow: var(--shadow); display: grid; }
.an-export > div a { padding: 8px 10px; border-radius: 8px; color: var(--ink); font-size: 14px; }
.an-export > div a:hover { background: var(--mint); }

.an-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.an-kpi { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 16px; background: var(--white); border: 1px solid var(--line); min-width: 0; }
.an-kpi-label { font-size: 13px; color: var(--muted); font-weight: 700; }
.an-kpi-value { font-size: 26px; line-height: 1.2; font-weight: 800; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.an-kpi-value small { font-size: 13px; font-weight: 600; color: var(--muted); }
.an-kpi-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); }
.an-delta { display: inline-flex; align-items: center; gap: 3px; padding: 1px 8px; border-radius: 999px; font-weight: 800; font-size: 12px; direction: ltr; }
.an-delta.is-good { background: #dcf6e8; color: #0b6b0b; }
.an-delta.is-bad { background: #ffe3e0; color: #a92c2c; }
.an-delta.is-flat { background: var(--mint); color: var(--muted); }
html[data-theme="dark"] .an-delta.is-good { background: #173b2a; color: #8fe0b4; }
html[data-theme="dark"] .an-delta.is-bad { background: #3d1d1a; color: #f2a28f; }

.an-card { background: var(--white); border: 1px solid var(--line); border-radius: 18px; padding: 16px 18px; margin-bottom: 16px; min-width: 0; }
.an-card > header { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.an-card h2 { margin: 0; font-size: 16px; }
.an-sub { font-size: 13px; color: var(--muted); font-weight: 700; }
a.an-sub { color: var(--primary); }
.an-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.an-grid > .an-card { margin-bottom: 0; }
.an-grid { margin-bottom: 16px; }
.an-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.an-section-title { font-size: 18px; margin: 26px 0 12px; }
.an-legend { display: inline-flex; gap: 12px; align-items: center; font-size: 13px; color: var(--muted); }
.an-legend i, .an-tip i { display: inline-block; width: 14px; height: 3px; border-radius: 2px; margin-inline-end: 5px; vertical-align: middle; }
.s1 { background: var(--an-s1); } .s2 { background: var(--an-s2); } .s3 { background: var(--an-s3); }
.an-chart { position: relative; direction: ltr; min-height: 240px; touch-action: pan-y; }
.an-chart-sm { min-height: 170px; }
.an-chart svg { display: block; max-width: 100%; overflow: visible; font-family: inherit; }
.an-bar { transition: opacity .12s; }
.an-tip { position: absolute; z-index: 4; pointer-events: none; direction: rtl; min-width: 120px; padding: 8px 10px; border-radius: 10px; background: var(--ink); color: var(--white); font-size: 12.5px; line-height: 1.6; box-shadow: 0 6px 18px rgba(0,0,0,.2); white-space: nowrap; }
.an-tip b { display: block; font-size: 12px; opacity: .85; }
.an-tip span { display: block; }
.an-tip strong { font-variant-numeric: tabular-nums; }
.an-table-toggle { margin-top: 8px; font-size: 13px; }
.an-table-toggle summary { cursor: pointer; color: var(--primary); font-weight: 700; }
.an-table-toggle .table-wrap { max-height: 320px; overflow: auto; margin-top: 8px; }
.an-empty { color: var(--muted); font-size: 14px; margin: 8px 0; }
.an-muted { color: var(--muted); }
.an-warn { color: #c0392b; font-weight: 800; }

.an-hbars { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.an-hbars li { display: grid; grid-template-columns: minmax(70px, 34%) 1fr auto; gap: 10px; align-items: center; font-size: 13.5px; }
.an-hbar-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-hbar-track { height: 10px; border-radius: 5px; background: var(--an-grid); overflow: hidden; }
.an-hbar-track i { display: block; height: 100%; min-width: 3px; background: var(--an-s1); border-radius: 0 4px 4px 0; }
[dir="rtl"] .an-hbar-track i { border-radius: 4px 0 0 4px; margin-inline-start: 0; }
.an-hbars b { font-variant-numeric: tabular-nums; font-size: 13px; }
.an-hbars b small { color: var(--muted); font-weight: 500; }

.an-funnel { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.an-funnel li { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; align-items: center; }
.an-funnel-label { font-size: 13.5px; font-weight: 700; }
.an-funnel b { font-variant-numeric: tabular-nums; }
.an-funnel-bar { grid-column: 1 / -1; height: 14px; border-radius: 7px; background: var(--an-grid); overflow: hidden; }
.an-funnel-bar i { display: block; height: 100%; min-width: 3px; background: var(--an-s1); border-radius: inherit; }
.an-funnel li:nth-child(2) .an-funnel-bar i { background: #3987e5; }
.an-funnel li:nth-child(3) .an-funnel-bar i { background: #256abf; }
.an-funnel li:nth-child(4) .an-funnel-bar i { background: #1c5cab; }
.an-funnel small { grid-column: 1 / -1; font-size: 12px; color: var(--muted); }

.an-stack { display: flex; gap: 2px; height: 22px; border-radius: 6px; overflow: hidden; margin: 6px 0 12px; }
.an-stack i { display: block; min-width: 3px; }
.an-stack-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 13.5px; }
.an-stack-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-inline-end: 6px; vertical-align: middle; }
.an-stack-legend small { color: var(--muted); }
.st-confirmed { background: var(--an-good); } .st-completed { background: var(--an-s1); }
.st-pending { background: var(--an-warning); } .st-suspended { background: var(--an-serious); } .st-rejected { background: var(--an-critical); }

.an-bench { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.an-bench-item { display: flex; flex-direction: column; gap: 3px; padding: 12px; border-radius: 12px; background: var(--cream); }
.an-bench-item span:first-child { font-size: 13px; color: var(--muted); font-weight: 700; }
.an-bench-item strong { font-size: 20px; font-variant-numeric: tabular-nums; }
.an-bench-item strong small { font-size: 12px; color: var(--muted); }
.an-bench-item > small { font-size: 12px; color: var(--muted); }
.an-pill { align-self: flex-start; font-size: 11.5px; font-weight: 800; padding: 2px 8px; border-radius: 999px; }
.an-pill.is-good { background: #dcf6e8; color: #0b6b0b; } .an-pill.is-bad { background: #ffe3e0; color: #a92c2c; }
html[data-theme="dark"] .an-pill.is-good { background: #173b2a; color: #8fe0b4; }
html[data-theme="dark"] .an-pill.is-bad { background: #3d1d1a; color: #f2a28f; }

.an-table td, .an-table th { font-variant-numeric: tabular-nums; }
.an-table th.an-sort { cursor: pointer; user-select: none; }
.an-table th.an-sort::after { content: " ↕"; opacity: .35; font-size: 11px; }
.an-table th[data-dir="asc"]::after { content: " ▲"; opacity: .8; }
.an-table th[data-dir="desc"]::after { content: " ▼"; opacity: .8; }
.an-occ { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; background: linear-gradient(90deg, color-mix(in srgb, var(--an-s1) 28%, transparent) var(--occ), var(--an-grid) var(--occ)); }
.an-defs { margin: 6px 0 30px; font-size: 13.5px; color: var(--muted); }
.an-defs summary { cursor: pointer; font-weight: 700; color: var(--primary); }
.an-defs li { margin: 4px 0; }

@media (max-width: 1000px) {
  .an-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .an-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .an-bench { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  .an-page { padding-bottom: 90px; }
  .an-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .an-kpi { padding: 12px; }
  .an-kpi-value { font-size: 21px; }
  .an-grid, .an-grid-3 { grid-template-columns: 1fr; }
  .an-custom { margin-inline-start: 0; width: 100%; }
  .an-card { padding: 14px 12px; }
}
.an-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.an-legend > span i { margin: 0; }
.an-hbars li { grid-template-columns: minmax(48px, 7.5em) 1fr auto; }
.cn-alerts { margin: 0 0 28px; max-width: none; }
.cn-title { font-size: 18px; margin: 8px 0 12px; }
.cn-empty { color: var(--muted); padding: 14px 16px; border: 1px dashed var(--line); border-radius: 14px; margin: 0; }

/* ===================== فتح الموقع من الهاتف (v16) ===================== */
.pa-page { max-width: 900px; margin: 0 auto; }
.pa-page h1 { margin: 4px 0 6px; font-size: clamp(24px, 3vw, 32px); }
.pa-lead { color: var(--muted); margin: 0 0 18px; }
.pa-codes { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 20px; }
.pa-code { margin: 0; display: flex; gap: 18px; align-items: center; flex-wrap: wrap; padding: 18px; border-radius: 18px; background: var(--white); border: 1px solid var(--line); flex: 1 1 360px; }
.pa-qr { background: #fff; padding: 8px; border-radius: 12px; line-height: 0; }
.pa-qr svg { width: 200px; height: 200px; }
.pa-code figcaption { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; min-width: 0; }
.pa-url { font-size: 20px; font-weight: 800; font-family: ui-monospace, Consolas, monospace; overflow-wrap: anywhere; }
.pa-code small { color: var(--muted); }
.pa-help { padding: 20px 22px; }
.pa-help h2 { margin: 0 0 10px; font-size: 18px; }
.pa-help ol { margin: 0; padding-inline-start: 22px; display: grid; gap: 10px; line-height: 1.8; }
.pa-help code { background: var(--mint); padding: 1px 6px; border-radius: 6px; direction: ltr; display: inline-block; }
.pa-note { display: flex; gap: 8px; align-items: flex-start; margin: 16px 0 0; color: var(--muted); font-size: 14px; }
tr:target, tr:target td { background: color-mix(in srgb, var(--primary) 14%, transparent) !important; transition: background 1s; }
tr:target { scroll-margin-top: 110px; }
.nt-toast-wrap { z-index: 100000; }

/* ===================== ملف الشركة (v17) ===================== */
.cp-page { max-width: 820px; margin: 0 auto; }
.cp-head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin: 6px 0 18px; }
.cp-head > div { flex: 1; min-width: 200px; }
.cp-head h1 { margin: 0 0 6px; font-size: clamp(22px, 3vw, 30px); }
.cp-head p { margin: 0; display: flex; gap: 6px; flex-wrap: wrap; }
.cp-avatar, .cp-preview { width: 72px; height: 72px; border-radius: 18px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; background: var(--mint); color: var(--primary); font-size: 28px; font-weight: 800; }
.cp-avatar img, .cp-preview img { width: 100%; height: 100%; object-fit: cover; }
.cp-preview { width: 96px; height: 96px; }
.cp-badge { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; background: var(--mint); color: var(--ink); font-size: 12.5px; font-weight: 700; }
.cp-badge.is-ok { background: #dcf6e8; color: #13764e; }
.cp-badge.is-wait { background: #fff0d6; color: #8a5a10; }
html[data-theme="dark"] .cp-badge.is-ok { background: #173b2a; color: #8fe0b4; }
html[data-theme="dark"] .cp-badge.is-wait { background: #3a2f12; color: var(--gold-hi, #F0C766); }
.cp-image { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.cp-image label { flex: 1; min-width: 220px; }
.cp-err { color: #c0392b !important; font-weight: 700 !important; font-size: 12.5px !important; }
html[data-theme="dark"] .cp-err { color: #f2a28f !important; }
.cp-note { color: var(--muted); font-size: 14px; }
.cp-pending { max-width: 620px; margin: 30px auto; padding: 32px 26px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.cp-pending-icon { width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; background: #fff0d6; color: #8a5a10; margin-bottom: 8px; }
html[data-theme="dark"] .cp-pending-icon { background: #3a2f12; color: var(--gold-hi, #F0C766); }
.cp-pending h1 { font-size: clamp(20px, 3vw, 26px); margin: 0 0 6px; }
.cp-pending p { color: var(--muted); margin: 0 0 6px; line-height: 1.8; }
.cp-pending-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 12px; }

/* ===================== إشعارات المدير (v18) ===================== */
.am-page { max-width: 820px; margin: 0 auto; }
.am-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.am-head h1 { margin: 4px 0; font-size: clamp(24px, 3vw, 32px); }
.am-head p { margin: 0; color: var(--muted); }
.am-section { margin-bottom: 26px; }
.am-section .cn-title { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.am-hint { margin: 0 0 10px; color: var(--muted); font-size: 13px; }
.nt-item.is-done { opacity: .7; }
.am-done { display: inline-flex; align-items: center; gap: 3px; font-size: 11.5px; font-weight: 800; padding: 1px 8px; border-radius: 999px; background: #dcf6e8; color: #13764e; }
html[data-theme="dark"] .am-done { background: #173b2a; color: #8fe0b4; }

/* ===================== عرض المقاعد المتبقية (v19) ===================== */
.seat-tag { display: inline-flex; align-items: center; padding: 1px 9px; border-radius: 999px; font-size: 12px; font-weight: 800; margin-top: 4px; }
.seat-tag.seat-low { background: #fff0d6; color: #8a4b08; }
.seat-tag.seat-full { background: #ffe3e0; color: #a92c2c; }
html[data-theme="dark"] .seat-tag.seat-low { background: #3a2f12; color: var(--gold-hi, #F0C766); }
html[data-theme="dark"] .seat-tag.seat-full { background: #3d1d1a; color: #f2a28f; }
.ish-tags { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }
.ish-tags .ish-aud-tag, .ish-tags .seat-tag { margin-top: 0; }
b.seat-low, em.seat-low, .seat-line.seat-low { color: #b45f06; }
b.seat-full, em.seat-full, .seat-line.seat-full { color: #c0392b; }
html[data-theme="dark"] b.seat-low, html[data-theme="dark"] em.seat-low, html[data-theme="dark"] .seat-line.seat-low { color: var(--gold-hi, #F0C766); }
html[data-theme="dark"] b.seat-full, html[data-theme="dark"] em.seat-full, html[data-theme="dark"] .seat-line.seat-full { color: #f2a28f; }
.seat-line { display: flex; align-items: center; gap: 6px; font-weight: 700; margin: 4px 0 10px; }
.seat-dates { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px; }
.seat-dates li a, .seat-dates li { display: flex; justify-content: space-between; gap: 8px; font-size: 13.5px; }
.seat-dates li a { width: 100%; padding: 7px 10px; border-radius: 10px; background: var(--cream); color: var(--ink); }
.seat-dates li a:hover { background: var(--mint); }
.seat-dates li.is-full { padding: 7px 10px; border-radius: 10px; opacity: .6; text-decoration: line-through; }
.seat-dates em { font-style: normal; font-weight: 700; }
.seat-mode { border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; margin: 0; display: grid; gap: 8px; grid-column: 1 / -1; }
.seat-mode legend { font-weight: 800; padding: 0 6px; }
.seat-mode-opt { display: flex !important; flex-direction: row !important; gap: 10px; align-items: flex-start; font-weight: 400 !important; cursor: pointer; }
.seat-mode-opt input[type="radio"] { width: auto !important; margin-top: 5px; }
.seat-mode-opt span { display: flex; flex-direction: column; gap: 2px; }
.seat-mode-opt small { color: var(--muted); line-height: 1.9; }
input.seat-threshold { width: 70px !important; display: inline-block; padding: 3px 8px !important; margin: 0 4px; text-align: center; }
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html.ishtar b.seat-low, html.ishtar em.seat-low { color: var(--gold-hi, #F0C766); }
  html.ishtar b.seat-full, html.ishtar em.seat-full { color: #F2A28F; }
  html.ishtar .seat-tag.seat-low { background: #3a2f12; color: var(--gold-hi, #F0C766); }
  html.ishtar .seat-tag.seat-full { background: #3d1d1a; color: #F2A28F; }
}

/* ===================== تذكرة الحجز (v20) ===================== */
.tk-page { max-width: 520px; margin: 0 auto; padding-bottom: 90px; }
.tk-card { position: relative; background: #fff; color: #111b21; border-radius: 22px; padding: 20px 20px 22px; box-shadow: 0 14px 40px rgba(0,0,0,.14); border: 1px solid #e5eae7; }
.tk-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; }
.tk-brand { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: #0c766e; }
.tk-status { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; background: #dcf6e8; color: #13764e; font-size: 12.5px; font-weight: 800; }
.tk-status.is-done { background: #e1ecff; color: #1d4fa8; }
.tk-card h1 { margin: 0; font-size: 22px; line-height: 1.4; color: #111b21; }
.tk-sub { margin: 2px 0 14px; color: #5f6b70; }
.tk-qr { display: grid; place-items: center; padding: 10px; background: #fff; border-radius: 16px; border: 1px dashed #cdd6d1; }
.tk-qr svg { width: min(280px, 100%); height: auto; display: block; }
.tk-code { text-align: center; margin: 10px 0 2px; font-family: ui-monospace, Consolas, monospace; font-weight: 800; letter-spacing: .04em; color: #111b21; }
.tk-hint { text-align: center; color: #5f6b70; font-size: 13.5px; margin: 2px 0 0; }
.tk-checked { display: flex; justify-content: center; align-items: center; gap: 6px; color: #13764e; font-weight: 800; margin: 4px 0 0; }
.tk-tear { position: relative; margin: 18px -20px; border-top: 2px dashed #dfe5e2; }
.tk-tear::before, .tk-tear::after { content: ""; position: absolute; top: -12px; width: 22px; height: 22px; border-radius: 50%; background: var(--cream); }
.tk-tear::before { left: -11px; } .tk-tear::after { right: -11px; }
.tk-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin: 0; }
.tk-details > div { min-width: 0; }
.tk-details .tk-wide { grid-column: 1 / -1; }
.tk-details dt { font-size: 12px; color: #6b777c; }
.tk-details dd { margin: 0; font-weight: 800; font-size: 15px; overflow-wrap: anywhere; color: #111b21; }
.tk-actions { display: grid; gap: 8px; margin: 16px 0 8px; }
.tk-actions .button { width: 100%; }
.tk-note { color: var(--muted); font-size: 13px; text-align: center; line-height: 1.8; }
.tk-panel { background: var(--white); border: 1px solid var(--line); border-radius: 18px; padding: 16px; margin-top: 14px; }
.tk-panel dt { color: var(--muted); } .tk-panel dd { color: var(--ink); }
.tv-state { text-align: center; padding: 26px 18px; border-radius: 22px; margin-top: 10px; }
.tv-state h1 { margin: 8px 0 6px; font-size: 26px; }
.tv-state p { margin: 0 0 4px; }
.tv-icon { width: 78px; height: 78px; border-radius: 50%; display: inline-grid; place-items: center; }
.tv-state.is-ok { background: #dcf6e8; color: #0b5a3a; } .tv-state.is-ok .tv-icon { background: #13764e; color: #fff; }
.tv-state.is-done { background: #e1ecff; color: #17407e; } .tv-state.is-done .tv-icon { background: #1d4fa8; color: #fff; }
.tv-state.is-bad { background: #ffe3e0; color: #8e2525; } .tv-state.is-bad .tv-icon { background: #c0392b; color: #fff; }
.tv-state .tk-note { color: inherit; opacity: .85; }
.tv-warn { display: inline-flex; gap: 6px; align-items: center; margin-top: 8px !important; padding: 6px 12px; border-radius: 10px; background: #fff0d6; color: #8a4b08; font-weight: 700; font-size: 13.5px; }
.tv-actions { margin: 14px 0 0; display: grid; }
.tv-big { padding: 16px !important; font-size: 18px !important; }
.tk-mini { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 800; padding: 1px 8px; border-radius: 999px; background: #dcf6e8; color: #13764e; }
html[data-theme="dark"] .tk-mini { background: #173b2a; color: #8fe0b4; }
@media print {
  .site-header, .mobile-bottom-nav, .footer, .footer-contact, .tk-noprint, .nt-toast-wrap, .flash { display: none !important; }
  body, html { background: #fff !important; }
  .tk-card { box-shadow: none; border: 1px solid #999; }
  .tk-tear::before, .tk-tear::after { background: #fff; }
}
.ish-ticket-btn { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 10px 0 0; padding: 12px; border-radius: 14px; border: 1.5px dashed var(--gold, var(--primary)); color: var(--gold, var(--primary)); font-weight: 800; }
.ish-ticket-btn:hover { background: rgba(217,169,69,.08); color: var(--gold-hi, var(--primary-dark)); }
.tk-desk-link { display: inline-block; margin-inline-start: 8px; font-size: 12.5px; font-weight: 700; }
.tk-qr svg { width: min(300px, 100%); height: auto; aspect-ratio: 1 / 1; }
.pa-qr svg { aspect-ratio: 1 / 1; }

/* ===================== v21: موظفو الشركة وصلاحياتهم ===================== */
.sf-page { max-width: 900px; margin: 0 auto; }
.sf-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 4px 0 18px; }
.sf-head > div { flex: 1; min-width: 240px; }
.sf-head h1 { margin: 0 0 6px; font-size: clamp(22px, 3vw, 30px); }
.sf-head p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.sf-limit { font-size: 13px; font-weight: 700; color: #8a5a10; background: #fff0d6; padding: 6px 12px; border-radius: 999px; }
.sf-empty { padding: 30px 22px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.sf-empty p { color: var(--muted); margin: 0 0 6px; max-width: 520px; line-height: 1.8; }
.sf-empty-icon { width: 70px; height: 70px; border-radius: 50%; display: grid; place-items: center; background: var(--mint); color: var(--primary); }
.sf-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr)); gap: 14px; }
.sf-card { padding: 16px; display: flex; flex-direction: column; gap: 12px; overflow: visible; }
.sf-card.is-off { opacity: .72; }
.sf-card-head { display: flex; align-items: center; gap: 12px; }
.sf-card-head > div { flex: 1; min-width: 0; }
.sf-card-head b { display: block; }
.sf-card-head small { color: var(--muted); font-size: 13px; }
.sf-avatar { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--mint); color: var(--primary); font-weight: 800; font-size: 19px; flex: 0 0 auto; }
.sf-state { font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.sf-state.is-on { background: #dcf6e8; color: #13764e; }
.sf-state.is-off { background: #ffe3e0; color: #b33930; }
.staff-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.staff-chips li { font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--mint); color: var(--ink); }
.sf-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.sf-actions form { margin: 0; }
.sf-actions .small-button { font-size: 12.5px; padding: 8px 11px; min-height: 36px; display: inline-flex; align-items: center; gap: 5px; }
.small-button.secondary { background: #edf3f1; color: var(--ink); }
.small-button.sf-warn { background: #fff0d6; color: #8a5a10; }
.sf-log { margin-top: 22px; padding: 18px; }
.sf-log-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sf-log-head h2 { margin: 0; font-size: 20px; }
.sf-log-head select { padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--white); color: var(--ink); min-height: 40px; }
.sf-events { list-style: none; margin: 10px 0 0; padding: 0; }
.sf-events li { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.sf-events li:last-child { border-bottom: 0; }
.sf-events p { margin: 0; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.sf-events time { font-size: 12px; color: var(--muted); }
.sf-ev-icon { width: 30px; height: 30px; flex: 0 0 auto; border-radius: 10px; display: grid; place-items: center; background: var(--mint); font-size: 14px; }
.sf-owner { font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: 999px; background: #fff0d6; color: #8a5a10; }
.sf-none { color: var(--muted); text-align: center; padding: 18px 0 6px; margin: 0; }
.sf-error { background: #ffebe8; color: #9c3026; padding: 12px 16px; border-radius: 12px; display: flex; gap: 8px; align-items: center; font-weight: 700; }
.sf-form fieldset { border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px 6px; margin: 0; }
.sf-form legend { font-weight: 800; padding: 0 6px; font-size: 15px; }
.sf-presets > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 8px; padding-bottom: 8px; }
.sf-preset { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: start; background: var(--white); color: var(--ink); border: 1.5px solid var(--line); border-radius: 12px; padding: 10px 12px; font-weight: 400; }
.sf-preset:hover { background: var(--mint); color: var(--ink); transform: none; }
.sf-preset b { font-size: 14px; }
.sf-preset small { font-size: 12px; color: var(--muted); line-height: 1.5; }
.sf-preset.is-active { border-color: var(--primary); background: var(--mint); box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary) 25%, transparent); }
.form-card .sf-perm { flex-direction: row; align-items: flex-start; gap: 10px; padding: 10px 2px; border-bottom: 1px dashed var(--line); cursor: pointer; font-weight: 400; }
.form-card .sf-group .sf-perm:last-child { border-bottom: 0; }
.form-card .sf-perm input { width: 20px; height: 20px; margin-top: 3px; flex: 0 0 auto; accent-color: var(--primary); }
.sf-perm span { display: flex; flex-direction: column; gap: 2px; }
.sf-perm b { font-size: 14.5px; }
.form-card .sf-perm small { font-size: 12.5px; }
.sf-note { margin: 0; font-size: 13px; color: var(--muted); display: flex; gap: 6px; align-items: center; }
.sf-submit { display: flex; gap: 10px; flex-wrap: wrap; }
.staff-hello, .staff-checkin { padding: 16px 18px; margin-bottom: 18px; display: flex; gap: 12px; align-items: flex-start; }
.staff-hello p, .staff-checkin p { margin: 4px 0 8px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.staff-checkin p { margin-bottom: 0; }
.staff-checkin-icon { font-size: 28px; line-height: 1; }
.wa-by { display: block; font-size: 12.5px; font-weight: 800; color: #0f7a64; margin-bottom: 1px; }
html[data-theme="dark"] .wa-by { color: #7fd6bd; }
.run-by { display: block; font-size: 11.5px; }
html[data-theme="dark"] .small-button.secondary { background: #24342f; color: var(--ink); }
html[data-theme="dark"] .sf-state.is-on { background: #1f3d31; color: #8fe0b8; }
html[data-theme="dark"] .sf-state.is-off { background: #42241f; color: #ffb4a8; }
html[data-theme="dark"] .sf-owner, html[data-theme="dark"] .sf-limit, html[data-theme="dark"] .small-button.sf-warn { background: #3d3118; color: #f3cf8a; }
html[data-theme="dark"] .sf-error { background: #42241f; color: #ffb4a8; }
@media (max-width: 640px) {
  .sf-head .button { width: 100%; }
  .form-card.sf-form .form-grid { grid-template-columns: 1fr; }
}
.sf-actions a.small-button:not(.secondary) { background: var(--primary); color: #fff; }
.sf-actions a.small-button:not(.secondary):hover { background: var(--primary-dark); color: #fff; }
html[data-theme="dark"] .sf-actions .small-button.danger { background: #42241f; color: #ffb4a8; }

/* ===================== v22: نقاط الولاء ===================== */
.pt-page { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.pt-head h1 { margin: 0; }
.pt-card { position: relative; overflow: hidden; border-radius: 22px; padding: 20px; color: var(--gold-ink, #1D1606);
  background: radial-gradient(circle at 85% 0%, #fff3c4 0 18%, transparent 19%), linear-gradient(135deg, var(--gold-hi, #F0C766), var(--gold, #D9A945) 55%, #b9862a); box-shadow: 0 14px 34px rgba(150, 105, 20, .25); }
.pt-card-top { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.pt-level, .pt-level-bonus { font-size: 13px; font-weight: 800; padding: 4px 12px; border-radius: 999px; background: rgba(255, 255, 255, .55); }
.pt-balance { margin: 14px 0 0; font-size: 18px; font-weight: 700; }
.pt-balance b { font-size: 46px; line-height: 1.1; letter-spacing: -.02em; }
.pt-money { margin: 2px 0 12px; font-weight: 600; }
.pt-progress { height: 8px; border-radius: 99px; background: rgba(29, 22, 6, .15); overflow: hidden; }
.pt-progress i { display: block; height: 100%; border-radius: inherit; background: var(--gold-ink, #1D1606); }
.pt-next { margin: 6px 0 0; font-size: 13.5px; font-weight: 600; }
.pt-expiring { margin: 10px 0 0; font-size: 13px; font-weight: 700; display: flex; gap: 6px; align-items: center; background: rgba(255, 255, 255, .55); padding: 6px 10px; border-radius: 10px; }
.pt-card .pt-cta { margin-top: 14px; width: 100%; background: var(--gold-ink, #1D1606) !important; color: #F3EFE4 !important; border-radius: 999px; min-height: 48px; }
.pt-panel { background: var(--white); border: 1px solid var(--line); border-radius: 18px; padding: 16px; }
.pt-panel h2 { margin: 0 0 10px; font-size: 18px; display: flex; gap: 8px; align-items: center; }
.pt-ways { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.pt-ways li { display: flex; gap: 10px; align-items: flex-start; }
.pt-ways li > span { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; background: var(--mint); font-size: 18px; }
.pt-ways b { display: block; font-size: 15px; }
.pt-ways small, .pt-rules { color: var(--muted); font-size: 13px; line-height: 1.7; }
.pt-rules { margin: 12px 0; }
.pt-levels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.pt-levels div { border: 1px solid var(--line); border-radius: 14px; padding: 10px 6px; text-align: center; display: flex; flex-direction: column; gap: 2px; }
.pt-levels div.is-current { border-color: var(--primary); background: var(--mint); }
.pt-levels span { font-size: 22px; }
.pt-levels small { color: var(--muted); font-size: 11.5px; }
.pt-invite p { color: var(--muted); font-size: 14px; line-height: 1.7; margin: 0 0 10px; }
.pt-link { display: flex; gap: 8px; }
.pt-link input { flex: 1; min-width: 0; padding: 11px 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--cream); color: var(--ink); font-size: 13px; }
.pt-link .button { min-height: 46px; padding: 0 18px; }
.pt-code { margin: 10px 0 6px !important; }
.pt-code b { color: var(--ink); letter-spacing: .12em; }
.pt-share { display: inline-flex; font-weight: 700; font-size: 14px; color: #1aa058; }
.pt-history { list-style: none; margin: 0; padding: 0; }
.pt-history li { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); }
.pt-history li:last-child { border-bottom: 0; }
.pt-history b { display: block; font-size: 14.5px; }
.pt-history small { display: block; color: var(--muted); font-size: 12.5px; overflow-wrap: anywhere; }
.pt-history time { font-size: 12px; color: var(--muted); }
.pt-delta { font-weight: 800; font-size: 16px; white-space: nowrap; }
.pt-delta.is-plus { color: #13864f; }
.pt-delta.is-minus { color: #c0392b; }
html.ishtar .pt-delta.is-plus, html[data-theme="dark"] .pt-delta.is-plus { color: #6fdc9f; }
html.ishtar .pt-delta.is-minus, html[data-theme="dark"] .pt-delta.is-minus { color: #ff9c8c; }
.pt-empty { color: var(--muted); margin: 0; text-align: center; padding: 10px 0; }
/* صفحة الحجز */
.pt-book { border: 1.5px dashed var(--gold, #D9A945); border-radius: 16px; padding: 14px; background: color-mix(in srgb, var(--gold, #D9A945) 8%, transparent); display: flex; flex-direction: column; gap: 8px; }
.pt-book-head { display: flex; gap: 10px; align-items: center; }
.pt-book-head b { display: block; }
.pt-book-head small, .pt-hint { color: var(--muted); font-size: 13px; font-weight: 400; margin: 0; }
.pt-book-icon { font-size: 24px; }
.form-card .pt-use { flex-direction: row; align-items: flex-start; gap: 10px; font-weight: 600; cursor: pointer; }
.form-card .pt-use input { width: 22px; height: 22px; flex: 0 0 auto; margin-top: 2px; accent-color: #b9862a; }
.pt-use small { display: block; }
.pt-pay { margin: 0; font-weight: 700; }
.pt-pay b { font-size: 19px; color: #15803d; }
/* تفاصيل الحجز */
.pt-bill { margin: 14px 0; border: 1px solid var(--line); border-radius: 14px; padding: 4px 14px; }
.pt-bill div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px dashed var(--line); }
.pt-bill div:last-child { border-bottom: 0; }
.pt-bill dt { color: var(--muted); }
.pt-bill dd { margin: 0; font-weight: 700; white-space: nowrap; }
.pt-bill-points dd { color: #b9862a; }
.pt-bill-total dt, .pt-bill-total dd { color: var(--ink); font-weight: 800; font-size: 17px; }
.pt-earned { background: color-mix(in srgb, var(--gold, #D9A945) 14%, transparent); padding: 10px 12px; border-radius: 12px; font-weight: 600; }
.pt-company { padding: 14px 18px; margin-bottom: 18px; display: flex; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.pt-company > div { flex: 1; min-width: 220px; }
.pt-company p { margin: 4px 0 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.pt-company-nums { display: flex; gap: 10px; flex-wrap: wrap; }
.pt-company-nums span { background: var(--mint); border-radius: 12px; padding: 8px 12px; font-size: 13px; }
.pt-company-nums b { display: block; font-size: 17px; color: var(--ink); }
.pt-row-points { display: block; font-size: 11.5px; color: #b9862a; font-weight: 700; }
/* لوحة المدير */
.pa-points .pa-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 0 0 16px; }
.pa-points .pa-stats .stat span { display: block; color: var(--muted); font-size: 13px; }
.pa-block { padding: 18px; margin-bottom: 16px; }
.pa-block h2 { margin: 0 0 6px; font-size: 19px; }
.pa-sub { display: block; color: var(--muted); font-size: 12px; }
.pa-none { color: var(--muted); margin: 8px 0 0; }
.pa-adjust { padding: 0 !important; box-shadow: none; display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.pa-adjust .pa-wide { grid-column: 1 / -1; }
.pa-plus { color: #13864f; font-weight: 800; }
.pa-minus { color: #c0392b; font-weight: 800; }
@media (max-width: 640px) {
  .pa-adjust { grid-template-columns: 1fr; }
  .pt-balance b { font-size: 40px; }
}
.pt-strip { display: none; }
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html.ishtar .pt-strip { display: flex; align-items: center; gap: 10px; margin: 6px 0 14px; padding: 12px 16px; border-radius: 16px;
    background: linear-gradient(135deg, var(--gold-hi, #F0C766), var(--gold, #D9A945)); color: var(--gold-ink, #1D1606) !important; font-weight: 700; text-decoration: none; }
  html.ishtar .pt-strip span { flex: 1; }
  html.ishtar .pt-strip b { font-size: 18px; }
}
html .form-card label.pt-use, html.ishtar .form-card label.pt-use { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 10px; margin: 0 !important; }
html.ishtar .pt-book { gap: 10px; }
html.ishtar .pt-book p { margin: 0; }

/* ===================== v23: فريق الإدارة ===================== */
.at-page { max-width: 960px; }
.at-owner { padding: 14px 16px; margin-bottom: 14px; display: flex; align-items: center; gap: 12px; }
.at-owner > div { flex: 1; min-width: 0; }
.at-owner b { display: block; }
.at-owner small { color: var(--muted); font-size: 13px; }
.at-filters { display: flex; gap: 8px; flex-wrap: wrap; }
.at-filters select { padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--white); color: var(--ink); min-height: 40px; }
.at-tools { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.at-tools .small-button { font-size: 12.5px; padding: 7px 12px; min-height: 34px; }
.at-count { font-size: 13px; color: var(--muted); font-weight: 700; margin-inline-start: auto; }
.sf-form legend span { margin-inline-end: 4px; }
.at-sub { margin: 4px 30px 10px 0; padding: 10px 12px; border-radius: 12px; background: var(--mint); transition: opacity .2s; }
[dir="ltr"] .at-sub { margin: 4px 0 10px 30px; }
.at-sub.is-off { opacity: .45; }
.at-sub p { margin: 0 0 8px; font-size: 13px; font-weight: 700; color: var(--muted); }
.at-sub > div { display: flex; flex-wrap: wrap; gap: 6px; }
.form-card .at-chip { flex-direction: row; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: var(--white); border: 1px solid var(--line); font-size: 13px; font-weight: 600; cursor: pointer; }
.form-card .at-chip input { width: 16px; height: 16px; accent-color: var(--primary); }
.admin-my-perms { margin-top: 10px; }
.admin-my-perms li { background: rgba(255, 255, 255, .7); }
.admin-two-col.is-single { grid-template-columns: 1fr; }
.admin-muted { color: var(--muted); font-size: 13px; }
.sec-bad { color: #c0392b !important; }
.at-last { display: block; font-size: 12px; color: var(--muted); }

/* ===================== v24: المشاركة ===================== */
.sh-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.sh-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line);
  background: var(--white); color: var(--ink) !important; font-size: 14px; font-weight: 700; text-decoration: none; cursor: pointer; transition: .15s; }
.sh-btn:hover { transform: translateY(-1px); background: var(--mint); color: var(--ink) !important; }
.sh-wa { color: #128c4b !important; }
.sh-tg { color: #1d8acb !important; }
.sh-fb { color: #1a5fd6 !important; }
.sh-copy.is-done { border-color: #13864f; color: #13864f !important; }
.sh-row.is-compact .sh-btn { min-height: 34px; width: 34px; padding: 0; justify-content: center; }
.sh-row.is-compact .sh-copy-label { display: none; }
.sh-desk { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 4px 0 16px; }
.sh-desk > span { color: var(--muted); font-size: 14px; font-weight: 700; }
.sh-dash { margin-bottom: 6px; }
html[data-theme="dark"] .sh-wa { color: #5fd38e !important; }
html[data-theme="dark"] .sh-tg { color: #6cc2f2 !important; }
html[data-theme="dark"] .sh-fb { color: #8db4ff !important; }
.sh-sheet { border: 0; padding: 0; background: transparent; width: min(480px, 100%); margin: auto auto 0; }
.sh-sheet::backdrop { background: rgba(5, 10, 25, .55); }
.sh-sheet-card { background: var(--white); color: var(--ink); border-radius: 22px 22px 0 0; padding: 18px 16px 22px; display: flex; flex-direction: column; gap: 10px; }
.sh-sheet-card small { color: var(--muted); }
.sh-sheet-card .sh-row { justify-content: center; }
.sh-close { background: transparent !important; color: var(--muted) !important; border: 1px solid var(--line) !important; border-radius: 999px; min-height: 44px; }
.pa-public { padding: 18px; margin: 14px 0 18px; }
.pa-public h2 { margin: 0 0 10px; font-size: 19px; display: flex; gap: 8px; align-items: center; }
.pa-public .pa-code { margin: 0; }
.pa-sub-head { font-size: 18px; margin: 6px 0 10px; }

/* ===================== v26: شعار سفراتي (البوابة) ===================== */
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand-logo { width: 30px; height: 33px; flex: 0 0 auto; display: block; }
.brand-name { font-family: "Reem Kufi", "Cairo", sans-serif; font-weight: 700; letter-spacing: 0; }
.brand-mark { display: none; }
.hero-logo { display: block; width: 76px; height: 83px; margin-bottom: 22px; }
.tk-brand img { vertical-align: -6px; }
.admin-welcome-logo { background: transparent !important; box-shadow: none !important; }
.admin-welcome-logo img { width: 64px; height: 70px; display: block; }
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html.ishtar .brand-logo { width: 28px; height: 31px; }
}

/* ===================== v27: تصميم الموقع من لوحة المدير ===================== */
.st-color { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.st-color input[type="color"] { width: 54px; height: 40px; padding: 2px; border-radius: 10px; border: 1px solid var(--line); background: var(--white); cursor: pointer; }
.st-color code { font-size: 13px; color: var(--muted); }
.brand-logo, .hero-logo, .tk-brand img, .admin-welcome-logo img { object-fit: contain; }
.dz-head-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.dz-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 18px; border-bottom: 1px solid var(--line); padding-bottom: 10px; }
.dz-tabs a { padding: 9px 16px; border-radius: 999px; font-weight: 700; font-size: 14px; color: var(--ink); background: var(--white); border: 1px solid var(--line); min-height: 40px; display: inline-flex; align-items: center; }
.dz-tabs a.is-active { background: var(--primary); color: #fff; border-color: var(--primary); }
.dz-lead { margin: 0 0 14px; line-height: 1.8; }
.dz-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.dz-card { padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.dz-card h2 { margin: 0; font-size: 17px; }
.dz-card p { margin: 0; line-height: 1.7; }
.dz-state { font-size: 12px; font-weight: 700; color: var(--muted); }
.dz-preview { height: 150px; border-radius: 14px; background: #0E1A33; display: flex; align-items: center; justify-content: center; overflow: hidden; background-size: cover; background-position: center; color: #AEB8CE; font-size: 13px; text-align: center; padding: 8px; }
.dz-preview img { max-width: 100%; max-height: 100%; object-fit: contain; }
.dz-preview-og_image img, .dz-preview-hero_image img, .dz-preview-mobile_hero_image img { width: 100%; height: 100%; object-fit: cover; }
.dz-preview-cat { background-color: var(--mint); }
.dz-emoji { font-size: 54px; }
.dz-preview-dest { height: 120px; align-items: flex-end; justify-content: flex-start; color: #fff; font-size: 20px; text-shadow: 0 2px 8px rgba(0,0,0,.5); }
.dz-upload { display: flex; flex-direction: column; gap: 8px; }
.form-card .dz-file, .dz-file { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 700; }
.dz-file input { padding: 8px; border: 1px dashed var(--line); border-radius: 10px; background: var(--cream); width: 100%; }
.form-card.dz-form { padding: 0; box-shadow: none; border: 0; gap: 10px; }
.form-card .dz-check { flex-direction: row; align-items: center; gap: 8px; font-weight: 600; cursor: pointer; }
.form-card .dz-check input { width: 18px; height: 18px; accent-color: var(--primary); }
.dz-block { padding: 18px; margin-bottom: 16px; }
.dz-block h2 { margin: 0 0 6px; font-size: 19px; }
.dz-sort { list-style: none; margin: 14px 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.dz-sort li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); transition: background .3s; flex-wrap: wrap; }
.dz-sort li.is-moved { background: var(--mint); }
.dz-handle { color: var(--muted); font-weight: 800; letter-spacing: -2px; }
.dz-sort-text { flex: 1; min-width: 160px; }
.dz-sort-text b { display: block; }
.dz-sort-text small { color: var(--muted); font-size: 12.5px; }
.dz-switch { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; cursor: pointer; }
.dz-switch input { width: 18px; height: 18px; accent-color: var(--primary); }
.dz-always { font-size: 12.5px; color: var(--muted); }
.dz-move { display: inline-flex; gap: 4px; }
.dz-move .small-button, .dz-row-actions .small-button { min-width: 40px; min-height: 36px; font-size: 13px; }
.dz-dest-list { display: grid; gap: 12px; margin-bottom: 16px; }
.dz-dest { padding: 14px; display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 16px; align-items: start; }
.dz-row-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.dz-texts .form-grid { gap: 12px; }
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) { .dz-dest { grid-template-columns: 1fr; } }
/* الواجهة والأقسام بالصور */
.hero-photo { flex: 0 0 44%; align-self: stretch; min-height: 360px; border-radius: 24px; background-size: cover; background-position: center; box-shadow: 0 20px 40px rgba(20, 40, 50, .18); }
.tour-category-card.has-image { background-size: cover; background-position: center; color: #fff; position: relative; overflow: hidden; min-height: 190px; justify-content: flex-end; }
.tour-category-card.has-image::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10, 18, 30, .78), rgba(10, 18, 30, .1) 70%); }
.tour-category-card.has-image > * { position: relative; }
.tour-category-card.has-image h3, .tour-category-card.has-image p { color: #fff !important; }
.destination-tile.has-image { background-size: cover !important; background-position: center !important; }
.destination-custom { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); }
.ish-cats .ish-cat-img { width: 52px; height: 52px; border-radius: 16px; object-fit: cover; display: block; margin: 0 auto 6px; }
.ish-dest-rail { padding-bottom: 6px; }
.ish-dest { flex: 0 0 150px; height: 110px; border-radius: 18px; position: relative; overflow: hidden; display: flex; align-items: flex-end; padding: 12px; text-decoration: none; color: #fff !important; background-size: cover; background-position: center; scroll-snap-align: start; }
.ish-dest.dest-erbil { background-color: #6b5a3c; } .ish-dest.dest-baghdad { background-color: #2f5f6b; }
.ish-dest.dest-sulaymaniyah { background-color: #3f6b4a; } .ish-dest.dest-basra { background-color: #7a4f2f; }
.ish-dest.dest-custom { background-color: var(--lapis-600, #1F3563); }
.ish-dest-shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5, 10, 20, .7), transparent 65%); }
.ish-dest b { position: relative; font-size: 16px; }
.ish-page-head.has-photo { background-size: cover; background-position: center; border-radius: 22px; padding: 70px 18px 22px; margin-top: 12px; position: relative; overflow: hidden; }
.ish-page-head.has-photo::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5, 10, 25, .82), rgba(5, 10, 25, .15)); }
.ish-page-head.has-photo > * { position: relative; }
.destination-tile.has-image::before { display: none !important; }
.destination-tile.has-image::after { background: linear-gradient(0deg, rgba(10, 20, 25, .62), rgba(10, 20, 25, .05) 85%) !important; }
.destination-tile.has-image b, .destination-tile.has-image small, .destination-tile.has-image i, .destination-tile.has-image .destination-symbol { color: #fff !important; }
.destination-custom:not(.has-image)::before { background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important; }
/* v29: تصفير البيانات */
.rs-page .rs-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; list-style: none; padding: 0; margin: 12px 0; }
.rs-page .rs-stats li { background: var(--cream); border: 1px solid var(--line); border-radius: 14px; padding: 12px; text-align: center; }
.rs-page .rs-stats b { display: block; font-size: 1.5rem; color: var(--ink); }
.rs-page .rs-stats span { color: var(--muted); font-size: .85rem; }
.rs-page .rs-form { display: grid; gap: 12px; margin-top: 16px; }
.rs-page .rs-opt { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid var(--line); border-radius: 14px; cursor: pointer; }
.rs-page .rs-opt input { margin-top: 5px; width: 18px; height: 18px; flex: none; }
.rs-page .rs-opt b { display: block; }
.rs-page .rs-opt small { color: var(--muted); line-height: 1.7; }
.rs-page .rs-opt:has(input:checked) { border-color: #c2410c; background: rgba(194, 65, 12, .06); }
.rs-page .rs-warn { padding: 12px 14px; border-radius: 12px; background: rgba(217, 119, 6, .1); border: 1px solid rgba(217, 119, 6, .35); line-height: 1.8; }
.rs-page .rs-confirm { display: grid; gap: 6px; max-width: 320px; }
.seat-honest-note { margin: 4px 0 8px; font-size: .9rem; }
.rs-page .button.danger { background: #b91c1c; color: #fff; justify-self: start; }
.rs-page .button.danger:hover { background: #991b1b; }
html[data-theme="dark"] .rs-page .rs-stats li { background: var(--white); }
.rs-page .panel { padding: clamp(16px, 3vw, 24px); }
.rs-page .panel h2 { margin: 0 0 4px; }
.seat-trigger .seat-trigger-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-weight: 600; }
.seat-trigger .seat-trigger-row input { width: 90px !important; text-align: center; }
.seat-capacity { display: block; font-size: 12px; color: var(--muted); font-weight: 500; margin-top: 2px; }
.seat-capacity-line { margin: -6px 0 10px; font-size: 13px; color: var(--muted); }
.seat-capacity-opt .seat-trigger-row input[type="checkbox"] { width: 18px !important; height: 18px; }
html.ishtar .seat-capacity, html.ishtar .seat-capacity-line { color: rgba(255, 255, 255, .62); }
/* v33: شروط الحجز */
.terms-check { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--cream); font-weight: 600 !important; line-height: 1.8; cursor: pointer; }
.terms-check input { width: 20px !important; height: 20px; flex: none; margin-top: 4px; accent-color: var(--primary); }
.terms-check a { display: inline-block; margin-inline-start: 4px; font-weight: 700; text-decoration: underline; }
.terms-check:has(input:checked) { border-color: var(--primary); }
.terms-page .terms-body { padding: clamp(18px, 3vw, 28px); }
.terms-page .terms-list { margin: 0; padding-inline-start: 22px; display: grid; gap: 12px; line-height: 1.9; }
.terms-page .terms-pledge { display: flex; gap: 10px; margin-top: 22px; padding: 14px; border-radius: 12px; background: var(--mint); }
.terms-page .terms-pledge p { margin: 0; font-weight: 600; }
.terms-page .terms-version { color: var(--muted); }
.terms-badge { display: inline-block; font-size: 11px; font-weight: 700; color: #13764e; background: #dcf6e8; border-radius: 999px; padding: 2px 8px; margin-top: 3px; white-space: nowrap; }
html[data-theme="dark"] .terms-badge { background: #1f3b2e; color: #9be3bd; }
html.ishtar .terms-check { background: rgba(255, 255, 255, .05); border-color: var(--lapis-line, rgba(255,255,255,.14)); }
html.ishtar .terms-check a { color: var(--gold, #D9A945); }
html:not(.ishtar) .terms-check { border-color: #d5e0db; background: #f7faf8; }
html:not(.ishtar) .terms-check a { color: var(--primary); }
html[data-theme="dark"]:not(.ishtar) .terms-check { background: var(--white); border-color: var(--line); }
.delete-locked { display: inline-flex; align-items: center; gap: 4px; background: #f3f4f6; color: #6b7280; cursor: help; border: 1px dashed #d1d5db; }
html[data-theme="dark"] .delete-locked { background: #1f2a27; color: #9fb0a9; border-color: #34463f; }

/* v36: الشريط السفلي بشكل ثابت كالتطبيقات: بعرض الشاشة، أيقونة واسم لكل زر، وخط ذهبي فوق الزر الحالي */
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html .mobile-bottom-nav {
    left: 0 !important; right: 0 !important; bottom: 0 !important;
    height: calc(68px + env(safe-area-inset-bottom)) !important;
    padding: 0 4px env(safe-area-inset-bottom) !important;
    border-radius: 0 !important; border: 0 !important; border-top: 1px solid var(--lapis-line, #2A4170) !important;
    background: var(--lapis-700, #16285A) !important;
    box-shadow: 0 -6px 20px rgba(0, 0, 0, .28) !important;
    align-items: stretch !important;
  }
  html .mobile-bottom-nav-item {
    width: 100% !important; height: 68px !important; justify-self: stretch !important;
    border-radius: 0 !important; background: transparent !important;
    display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    color: #AEB8CE !important; -webkit-tap-highlight-color: transparent;
  }
  html .mobile-bottom-nav-item:hover, html .mobile-bottom-nav-item:focus-visible { background: rgba(255, 255, 255, .04) !important; color: #F3EFE4 !important; }
  html .mobile-bottom-nav-item.is-active { background: transparent !important; color: var(--gold-hi, #F6D58A) !important; }
  html .mobile-bottom-nav-item.is-active::before {
    content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 34px; height: 3px; border-radius: 0 0 3px 3px; background: var(--gold, #D9A945);
  }
  html .mobile-bottom-nav-label {
    position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important;
    font-size: 11.5px; font-weight: 700; line-height: 1.2; white-space: nowrap; max-width: 100%; text-overflow: ellipsis;
  }
  html .mobile-bottom-nav-icon svg { width: 23px; height: 23px; }
  html .mobile-bottom-nav-badge {
    top: 8px !important; left: calc(50% - 22px) !important; right: auto !important;
    border-color: var(--lapis-700, #16285A) !important;
  }
}
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  html .mobile-bottom-nav-label { overflow: hidden !important; text-overflow: ellipsis; padding: 0 2px; }
  html .mobile-bottom-nav-item { min-width: 0; }
}
.schedule-lock-note { max-width: 850px; margin: 0 auto 14px; }
/* v40: الدفع الإلكتروني */
.pay-box { margin: 14px 0; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--line); background: var(--cream); }
.pay-box-unpaid { border-color: #e8b04a; background: #fff7e6; }
.pay-box-paid { border-color: #9bd3b5; background: #e9f8f0; }
.pay-box-head { margin: 0 0 6px; font-size: 15px; }
.pay-box .pay-now { margin-top: 6px; }
html[data-theme="dark"] .pay-box-unpaid { background: #33280f; } html[data-theme="dark"] .pay-box-paid { background: #13301f; }
html.ishtar .pay-box { background: rgba(255,255,255,.05); border-color: var(--lapis-line, #2A4170); }
html.ishtar .pay-box-unpaid { border-color: var(--gold, #D9A945); }
.pay-badge { display: inline-block; font-size: 11px; font-weight: 700; border-radius: 999px; padding: 2px 8px; margin-top: 3px; white-space: nowrap; background: #eef3f1; color: #53666a; }
.pay-badge-paid { background: #dcf6e8; color: #13764e; } .pay-badge-unpaid { background: #fff0d9; color: #98601c; }
.pay-wait { background: #fff0d9 !important; color: #98601c !important; cursor: help; }
.pay-sbx { max-width: 520px; margin: 30px auto; }
.pay-sbx-banner { background: #fff0d9; color: #885816; border: 1px dashed #e8b04a; border-radius: 12px; padding: 10px 14px; margin-bottom: 14px; font-weight: 700; text-align: center; }
.pay-sbx-card { padding: 28px; text-align: center; } .pay-sbx-card h1 { font-size: 40px; margin: 8px 0; }
.pay-sbx-actions { display: flex; gap: 10px; justify-content: center; margin-top: 18px; flex-wrap: wrap; }
.pay-admin .pay-pill { display: inline-block; padding: 2px 10px; border-radius: 999px; font-weight: 700; font-size: 13px; }
.pay-pill.on { background: #dcf6e8; color: #13764e; } .pay-pill.off { background: #eef3f1; color: #53666a; } .pay-pill.warn { background: #fff0d9; color: #98601c; }
.pay-test { color: #b45309; }
.pay-admin .pay-settings, .pay-admin .pay-block { margin-top: 14px; padding: clamp(16px, 3vw, 24px); }
.pay-admin .pay-info { background: var(--cream); border-radius: 12px; padding: 12px; line-height: 2; font-size: 13px; overflow-wrap: anywhere; }
.pay-admin .pay-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 14px 0; }
.pay-admin .pay-filter { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.pay-admin .pay-filter input, .pay-admin .pay-filter select { padding: 8px 10px; border: 1px solid var(--line); border-radius: 10px; }
.pay-admin .pay-refund { display: flex; gap: 6px; flex-wrap: wrap; }
.pay-admin .pay-refund input { width: 110px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; }
.pay-admin .pay-events ul { margin: 6px 0 0; padding-inline-start: 16px; white-space: normal; font-size: 12px; }
.pay-st { font-weight: 700; } .pay-st-paid { color: #13764e; } .pay-st-failed, .pay-st-expired { color: #b33930; } .pay-st-pending { color: #98601c; }
.pay-err { color: #b33930; }
.pay-policy .seat-trigger-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pay-policy .seat-trigger-row input { width: 90px !important; text-align: center; }
.pay-company-note { max-width: 100%; margin: 4px 0 8px; }
/* v42: حساب استلام المستحقات وكشف الحساب */
.po-page .po-current, .po-page .po-form { padding: clamp(16px, 3vw, 24px); margin-top: 14px; }
.po-status { font-weight: 700; margin: 0 0 8px; } .po-status-approved { color: #13764e; } .po-status-pending { color: #98601c; } .po-status-rejected { color: #b33930; }
.po-dl { display: grid; gap: 6px; margin: 0 0 10px; } .po-dl div { display: flex; gap: 10px; } .po-dl dt { color: var(--muted); min-width: 110px; } .po-dl dd { margin: 0; font-weight: 700; }
.po-sum { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-top: 12px; }
.po-sum > div { background: var(--cream); border: 1px solid var(--line); border-radius: 12px; padding: 12px; }
.po-sum small { display: block; color: var(--muted); } .po-sum b { font-size: 1.3rem; } .po-sum .po-balance { border-color: var(--primary); }
.po-sum-wide { margin: 14px 0; }
.po-methods { border: 0; padding: 0; margin: 0; display: flex; gap: 8px; flex-wrap: wrap; }
.po-methods legend { font-weight: 700; margin-bottom: 6px; font-size: 14px; }
.po-method { display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; cursor: pointer; }
.po-method input { width: auto !important; } .po-method:has(input:checked) { border-color: var(--primary); background: var(--mint); }
html.ishtar .po-method:has(input:checked) { background: rgba(217, 169, 69, .15); border-color: var(--gold, #D9A945); }
html.ishtar .po-sum > div { background: rgba(255,255,255,.05); border-color: var(--lapis-line, #2A4170); }
.pay-accounts { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.pay-acc { border: 1px solid var(--line); border-radius: 14px; padding: 14px; }
.pay-acc-pending { border-color: #e8b04a; background: #fffaf0; } .pay-acc-rejected { border-color: #f0b4ab; }
html[data-theme="dark"] .pay-acc-pending { background: #2a2210; }
.pay-acc header { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.pay-acc-st { font-size: 12px; font-weight: 700; color: var(--muted); } .pay-acc-frozen { font-size: 12px; color: #2563eb; }
.pay-acc dl { margin: 0; display: grid; gap: 4px; font-size: 13px; } .pay-acc dl div { display: flex; gap: 8px; flex-wrap: wrap; } .pay-acc dt { color: var(--muted); min-width: 96px; } .pay-acc dd { margin: 0; }
.pay-num { font-size: 14px; letter-spacing: .04em; }
.pay-acc-actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; } .pay-acc-actions input { flex: 1; min-width: 120px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; }
.pay-settle { display: flex; gap: 6px; flex-wrap: wrap; } .pay-settle input { width: 150px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 8px; }
/* v43: إدارة الحسابات */
.um-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 14px; margin-top: 14px; align-items: start; }
.um-side { display: grid; gap: 14px; }
@media (max-width: 800px) { .um-grid { grid-template-columns: 1fr; } }
.um-temp { margin-top: 14px; padding: 14px 16px; border-radius: 14px; border: 2px dashed #e8b04a; background: #fff7e6; line-height: 2; }
html[data-theme="dark"] .um-temp, html.ishtar .um-temp { background: #33280f; }
.um-pass { font-size: 18px; font-weight: 800; letter-spacing: .06em; }
.um-danger { border-color: #f0b4ab !important; }
.um-manage-link { display: inline-block; margin-top: 4px; text-decoration: none; }
.um-add { margin-inline-start: auto; text-decoration: none; }
.um-new { margin-top: 14px; }

/* v43 إلغاء المسافر */
.bc-cancel{margin:14px 0;border:1px solid rgba(229,72,77,.4);border-radius:12px;padding:10px 14px;background:rgba(229,72,77,.07);color:inherit}
.bc-cancel summary{cursor:pointer;font-weight:700;color:#e5484d}
.bc-policy{margin:8px 0;padding-inline-start:18px;font-size:.92em;line-height:1.8}
.bc-done{color:#e5484d;font-weight:700}
.cx-tiers td input{width:90px}

/* v43 صفحات الموقع والتصدير */
.footer-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:8px;font-size:.92em}
.footer-pages a{color:inherit;opacity:.85}
.sp-static-body p{line-height:1.9;margin:0 0 10px}
.sp-contact{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}
.sp-contact li{display:flex;align-items:center;gap:8px}
.xl-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:10px 0}
.xl-bar label{display:grid;gap:4px;font-size:.88em}
.xl-bar input{width:150px}
.ish-cat-emoji{font-size:24px;line-height:1}
.dz-cat-del{margin-top:8px;border-top:1px dashed #e5e7eb;padding-top:8px}
.bc-cancel .button{background:#e5484d !important;color:#fff !important;border-color:#e5484d !important}

.booking-locked{display:block;padding:7px 10px;border-radius:8px;background:rgba(127,127,127,.12);font-size:.85em;line-height:1.5}
.admin-booking-actions{min-width:220px}
.abk-form{display:grid;gap:6px}
.abk-buttons{display:flex;flex-wrap:wrap;gap:5px}
.abk-buttons .admin-action-btn{padding:5px 10px;font-size:.82em}
.abk-buttons .admin-action-btn[disabled]{opacity:.45;cursor:not-allowed}
.abk-confirm{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}
.abk-form input[name=reason]{padding:6px 8px;font-size:.82em;border-radius:8px;border:1px solid var(--border-color,#ddd);background:transparent;color:inherit}
.abk-form input.abk-missing{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,.2)}
.pay-dir-search{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.pay-dir-search input[type=search]{flex:1 1 280px;padding:9px 12px;border-radius:10px;border:1px solid var(--border-color,#d6d6d6);background:var(--card-bg,#fff);color:inherit}
.pay-dir td{vertical-align:top}
.pay-copy{margin-inline-start:4px;padding:2px 8px;font-size:.78em;border-radius:6px;border:1px solid var(--border-color,#ccc);background:transparent;color:inherit;cursor:pointer}

/* رحلات منتهية الصلاحية (الصفحة الرئيسية) */
.expired-tag{display:inline-block;padding:2px 9px;border-radius:999px;background:#6b7280;color:#fff;font-size:11px;font-weight:700;letter-spacing:.2px}
.image-tag.expired-tag{background:rgba(55,65,81,.92)}
a.tour-card.is-expired{display:block;color:inherit;text-decoration:none}
.is-expired .tour-image,.is-expired .ish-row-img{filter:grayscale(.85) brightness(.9)}
.is-expired h3,.is-expired b{opacity:.85}
.ish-row.is-expired{opacity:.88}
.ish-row.is-expired .ish-row-price{text-decoration:line-through;text-decoration-thickness:1px;opacity:.7}
.expired-notice{margin:12px 0;padding:12px 14px;border-radius:12px;background:rgba(107,114,128,.14);border-inline-start:4px solid #6b7280;font-weight:600}

/* خانات صفحة الرحلة على الهاتف: شبكة من خانتين بنفس شكل خانة المقاعد */
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  .ish-facts.ish-facts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ish-facts .ish-fact-time { display: flex; align-items: center; gap: 4px; margin-top: 3px; color: var(--gold, #D9A945); font-weight: 600; }
}

/* صور الرحلة في نموذج الشركة */
.tf-photos{display:grid;gap:10px;margin:6px 0 4px}
.tf-photos-hint{margin:0}
.tf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.tf-grid:empty{display:none}
.tf-item{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:2px solid transparent;background:rgba(127,127,127,.12);cursor:pointer}
.tf-item img{width:100%;height:100%;object-fit:cover;display:block}
.tf-item input{position:absolute;opacity:0;pointer-events:none}
.tf-item .tf-remove{position:absolute;top:5px;inset-inline-end:5px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff;font-size:13px;border:0;cursor:pointer}
.tf-item:has(input:checked){border-color:#dc2626}
.tf-item:has(input:checked) img{opacity:.35;filter:grayscale(1)}
.tf-item:has(input:checked) .tf-remove{background:#dc2626}
.tf-item:has(input:checked)::after{content:"ستُحذف";position:absolute;inset:auto 0 0 0;padding:3px;background:#dc2626;color:#fff;font-size:11px;text-align:center}
.tf-item.is-new{border-color:#16a34a}
.tf-cover{position:absolute;bottom:5px;inset-inline-start:5px;padding:1px 7px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;font-style:normal}
.tf-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:2px dashed var(--border-color,#bbb);border-radius:12px;cursor:pointer;font-weight:700;width:max-content;max-width:100%}
.tf-add input{position:absolute;width:1px;height:1px;opacity:0}

/* معرض صور الرحلة: سحب يمين ويسار */
.ish-gallery { position: absolute; inset: 0; display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; cursor: grab; }
.ish-gallery::-webkit-scrollbar { display: none; }
.ish-gallery .ish-slide { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; scroll-snap-align: center; scroll-snap-stop: always; user-select: none; -webkit-user-drag: none; }
.ish-dots { position: absolute; z-index: 2; left: 0; right: 0; bottom: 8px; display: flex; justify-content: center; gap: 6px; pointer-events: none; }
.ish-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.45); transition: width .2s, background .2s; }
.ish-dots i.is-active { width: 18px; border-radius: 4px; background: var(--gold, #D9A945); }
.ish-counter { position: absolute; z-index: 2; top: calc(66px + env(safe-area-inset-top)); left: 16px; padding: 3px 10px; border-radius: 999px; background: rgba(0,0,0,.45); color: #fff; font-size: 12px; font-weight: 600; direction: ltr; }
.ish-tour-top, .ish-tour-title { z-index: 2; }
.ish-tour-title { pointer-events: none; }
.ish-tour-title a, .ish-tour-title button { pointer-events: auto; }

/* «حجوزاتي»: اسم الرحلة وصورتها يفتحان بطاقة الرحلة */
.trip-open{all:unset;cursor:pointer;display:inline-block;-webkit-tap-highlight-color:transparent}
.trip-open-title b,.trip-open-title{text-decoration:underline;text-decoration-color:rgba(217,169,69,.55);text-underline-offset:4px}
.trip-open:focus-visible{outline:2px solid #D9A945;outline-offset:2px;border-radius:8px}
dialog.trip-card{padding:0;border:0;border-radius:22px;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;background:var(--card-bg,#fff);color:inherit;box-shadow:0 24px 70px rgba(0,0,0,.45)}
html.ishtar dialog.trip-card{background:var(--lapis-800,#12224A);color:#F3EFE4;border:1px solid var(--lapis-line,#2A4170)}
dialog.trip-card::backdrop{background:rgba(5,10,25,.6);backdrop-filter:blur(2px)}
.trip-card-media{position:relative;height:190px;background:rgba(127,127,127,.15);display:grid;place-items:center}
.trip-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.trip-card-close{position:absolute;top:10px;inset-inline-end:10px;width:36px;height:36px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;cursor:pointer}
.trip-card-body{padding:16px 18px 18px}
.trip-card-body>small{opacity:.75}
.trip-card-body h3{margin:2px 0 12px;font-size:20px}
.trip-card-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.trip-card-facts div{padding:9px 10px;border-radius:12px;background:rgba(127,127,127,.12)}
html.ishtar .trip-card-facts div{background:var(--lapis-700,#172A50);border:1px solid var(--lapis-line,#2A4170)}
.trip-card-facts dt{font-size:12px;opacity:.7}
.trip-card-facts dd{margin:2px 0 0;font-weight:600;font-size:14px;overflow-wrap:anywhere}
.trip-card-desc{margin:12px 0 0;font-size:14px;line-height:1.7;opacity:.85}
.trip-card-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.trip-card-actions a{flex:1 1 140px;text-align:center}

/* مسح باركود التذاكر (الشركة) */
.scan-page{max-width:560px;margin:20px auto;padding:0 16px}
.scan-page h1{margin:8px 0 4px}
.scan-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 8px}
.scan-actions .button{flex:1 1 200px;text-align:center;font-size:17px;padding:15px}
.scan-photo{position:relative;cursor:pointer}
.scan-photo input{position:absolute;inset:0;opacity:0;cursor:pointer}
.scan-box{position:relative;margin:14px 0;border-radius:18px;overflow:hidden;background:#000;text-align:center}
.scan-box video{width:100%;max-height:60vh;display:block;object-fit:cover}
.scan-frame{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.scan-frame i{width:62%;aspect-ratio:1;border:3px solid #D9A945;border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.scan-status{position:absolute;top:10px;left:0;right:0;color:#fff;margin:0;font-weight:600;text-shadow:0 1px 3px #000}
.scan-box .small-button{position:absolute;bottom:12px;left:50%;transform:translateX(-50%)}
.scan-msg{min-height:1.4em;font-weight:600}
.scan-manual{display:flex;flex-direction:row!important;gap:10px;align-items:flex-end;flex-wrap:wrap}
.scan-manual label{flex:1 1 200px;min-width:0}
.scan-manual button{flex:0 0 auto}
.scan-manual label{flex:1 1 200px}
.scan-help{margin-top:12px}
.staff-checkin .scan-cta{margin-inline-start:auto;white-space:nowrap;align-self:center}

.rs-group{margin:18px 0 6px;font-size:15px;opacity:.8}
.rs-danger-title{color:#b42318}
.rs-opt-danger{border-color:rgba(220,38,38,.35)!important}
.rs-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}


/* الهاتف بالوضع الأفقي: نفس واجهة الهاتف، مع صور أقصر لتناسب ارتفاع الشاشة */
@media (pointer: coarse) and (max-height: 500px) and (orientation: landscape) {
  .ish-tour-hero { height: 92vh; }
  .ish-hero, .ish-hero-img { max-height: 92vh; }
  .ish-tour-title h1 { font-size: 26px; }
  .ish-bottom-nav, .ish-nav { padding-bottom: 0; }
}

/* قائمة «الإجراءات» في جدول حجوزات الشركة: تفتح داخل الصف نفسه فلا يقصّها حد الجدول */
.booking-table .booking-menu .booking-actions,
.booking-menu .booking-actions {
  position: static !important;
  margin-top: 6px;
  width: 100%;
  min-width: 210px;
  max-height: none !important;
  overflow: visible !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .12);
}
.booking-table td:last-child { vertical-align: top; }


/* ملاحظات المسافر: بطاقة مرتبة تُفتح وتُغلق */
.bk-note{margin-top:8px;border-radius:12px;border:1px solid rgba(217,169,69,.45);background:linear-gradient(180deg,rgba(217,169,69,.12),rgba(217,169,69,.05));max-width:420px;text-align:start;font-weight:400;color:inherit;white-space:normal}
.bk-note summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 10px;cursor:pointer;list-style:none;font-size:13px;line-height:1.5}
.bk-note summary::-webkit-details-marker{display:none}
.bk-note summary::after{content:"▾";margin-inline-start:auto;opacity:.6;transition:transform .15s}
.bk-note[open] summary::after{transform:rotate(180deg)}
.bk-note-title{font-weight:800}
.bk-note-peek{font-style:normal;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}
.bk-note[open] .bk-note-peek{display:none}
.bk-note-count{font-size:11px;padding:1px 7px;border-radius:999px;background:rgba(217,169,69,.25);font-weight:700}
.bk-note-body{padding:2px 12px 10px;border-top:1px dashed rgba(217,169,69,.45)}
.bk-note-body p{margin:8px 0 4px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-line}
.bk-note-body ul{margin:8px 0 4px;padding-inline-start:18px;line-height:1.75}
.bk-note-body li{overflow-wrap:anywhere;margin-bottom:2px}
.bk-note-body li::marker{color:#D9A945}
.bk-note-meta{display:block;font-size:11px;opacity:.6;margin-top:4px}
html.ishtar .bk-note{color:#F3EFE4}

/* مربعات الكتابة (ردود الدعم وتفاصيل الحجز): حجم ثابت لا يتغير بالسحب ولا بالكتابة، والنص الطويل يُمرَّر داخله */
textarea.fixed-box{resize:none!important;height:130px!important;min-height:130px!important;max-height:130px!important;overflow-y:auto!important}

/* «عرض المزيد» تحت «كل الرحلات» */
.more-row{display:flex;justify-content:center;margin:22px 0 6px}
.more-button{min-width:220px}
.ish-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 4px;padding:13px 16px;border-radius:16px;border:1px solid var(--gold,#D9A945);color:var(--gold,#D9A945)!important;font-weight:700;text-decoration:none}

/* صفحة الإعلان العام (من إشعار المسافر) */
.ann-page{max-width:620px;margin:16px auto 40px;padding:0 16px}
.ann-card{margin-top:12px;padding:22px 20px;border-radius:22px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);box-shadow:0 10px 30px rgba(0,0,0,.08)}
html.ishtar .ann-card{background:var(--lapis-800,#12224A);border-color:var(--lapis-line,#2A4170);color:#F3EFE4}
.ann-kind{display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(217,169,69,.18);color:#B8860B;font-weight:700;font-size:13px}
html.ishtar .ann-kind{color:var(--gold,#D9A945)}
.ann-card h1{margin:10px 0 2px;font-size:26px;line-height:1.35}
.ann-card time{font-size:13px;opacity:.65}
.ann-body{margin:16px 0;white-space:pre-line;line-height:1.9;font-size:16px;overflow-wrap:anywhere}
.ann-until{font-weight:600;opacity:.85}
.ann-link{display:flex;justify-content:center;margin-top:10px;text-align:center}

/* أقسام الصفحة الرئيسية المخصصة */
a.tour-card.custom-card{display:block;color:inherit;text-decoration:none}
.ish-custom-head h2{display:flex;flex-direction:column;gap:2px}
.ish-custom-head h2 small{font-size:12px;font-weight:400;opacity:.7}

/* إدارة الأقسام المخصصة (تصميم الموقع) */
.cs-item{border:1px solid var(--border-color,#e2e8f0);border-radius:14px;margin:10px 0;background:var(--card-bg,#fff)}
.cs-item>summary{padding:12px 14px;cursor:pointer;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.cs-item>summary small{opacity:.7}
.cs-new>summary{color:var(--primary)}
.cs-form{border-top:1px solid var(--border-color,#e2e8f0)}
.cs-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;max-height:280px;overflow:auto;padding:4px}
.cs-pick-item{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px;padding:8px;border-radius:10px;border:1px solid var(--border-color,#e2e8f0);font-weight:600}
.cs-pick-item input{width:auto!important;margin-top:4px}
.cs-pick-item small{display:block;font-weight:400;opacity:.7}
.cs-pick-title{font-weight:700;font-size:14px}
.cs-delete{padding:0 26px 18px}
.dz-custom-item{border-inline-start:4px solid #D9A945}
/* ملاحظات المسافر في جدول الشركة: شريط بعرض الجدول تحت الصف */
.booking-table tr.bk-note-row td{padding-top:0!important;border-top:0!important;background:inherit}
.booking-table tr.bk-note-row .bk-note{max-width:none;margin:0 0 6px}
.booking-table tr.bk-note-row .bk-note-body ul{columns:2;column-gap:28px}
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px){.booking-table tr.bk-note-row .bk-note-body ul{columns:1}}
.bk-note-chip{display:inline-block;margin-top:4px;padding:2px 9px;border-radius:999px;background:rgba(217,169,69,.18);color:#8a6400;font-size:12px;font-weight:700;text-decoration:none}
html[data-theme="dark"] .bk-note-chip{color:#e8c46a}
.booking-table tbody tr.bk-note-row{background:transparent!important}

/* كوبونات الخصم (الإدارة وصفحة الحجز) */
.cp-page{max-width:1100px;margin:0 auto;padding:0 16px 40px}
.cp-form{margin:16px 0}
.cp-list{padding:20px}
.cp-code{font-weight:800;font-size:15px;letter-spacing:.5px}
.cp-state{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}
.cp-on{background:#dcf6e8;color:#13764e}
.cp-off{background:#eef2f7;color:#64748b}
tr.is-off td{opacity:.7}
.cp-actions{display:flex;gap:6px}
.coupon-box{display:grid;gap:6px;margin:6px 0}
.coupon-row{display:flex;gap:8px}
.coupon-row input{flex:1;text-transform:uppercase;direction:ltr;text-align:left}
.coupon-msg{min-height:1.2em;font-size:14px;font-weight:600}
.coupon-msg.ok{color:#16a34a}
.coupon-msg.bad{color:#dc2626}
html.ishtar .coupon-msg.ok{color:#7ee2a8}
html.ishtar .coupon-msg.bad{color:#ff9a8f}
/* شارة «وافق على الشروط» في جدول حجوزات الشركة: تلتف داخل خانتها بدل أن تغطي العمود المجاور */
.booking-table .booking-customer{min-width:150px}
.booking-table .booking-customer [class*="terms"],.booking-table .booking-customer .pay-badge{white-space:normal!important;display:inline-block;max-width:100%;line-height:1.4}

/* ================= صفحة الحجز (v47): خطوات مرقمة، ملخص واضح، وشريط ثابت ================= */
.bk-page { max-width: 720px; margin: 0 auto; padding: 8px 0 150px; }
.bk-trip { display: flex; gap: 14px; align-items: center; padding: 14px; margin-bottom: 14px; border-radius: 20px;
  background: var(--white, #fff); border: 1px solid var(--line, #e2e8e4); }
.bk-trip-img { width: 92px; height: 92px; border-radius: 16px; object-fit: cover; flex: none; }
.bk-trip-info { min-width: 0; }
.bk-trip-info > small { color: var(--muted, #64748b); font-size: 13px; }
.bk-trip-info h1 { margin: 2px 0 6px; font-size: 22px; line-height: 1.35; }
.bk-trip-route, .bk-trip-times { margin: 0 0 4px; font-size: 14px; display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: center; }
.bk-trip-times span { display: inline-flex; align-items: center; gap: 5px; }
.bk-trip-price { margin: 4px 0 0; font-size: 14px; }
.bk-trip-price b { font-size: 18px; color: var(--primary); }
.bk-form { display: grid; gap: 12px; }
.bk-step { padding: 16px; border-radius: 20px; background: var(--white, #fff); border: 1px solid var(--line, #e2e8e4); min-width: 0; }
.bk-step h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 17px; }
.bk-step h2 small { font-weight: 400; font-size: 13px; opacity: .7; }
.bk-num { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; flex: none;
  background: var(--primary); color: #fff; font-size: 14px; font-weight: 800; }
.bk-hint { display: block; margin: 6px 0 0; font-size: 13px; color: var(--muted, #64748b); line-height: 1.6; font-weight: 400; }
.bk-fields { display: grid; gap: 12px; }
.bk-fields label, .bk-age { display: grid; gap: 6px; font-size: 14px; font-weight: 700; }
.bk-fields input, .bk-age input, .bk-step textarea { width: 100%; padding: 13px 14px; border-radius: 12px; border: 1px solid var(--line, #dbe4df); background: var(--cream, #fbfcfb); color: inherit; font-size: 16px; box-sizing: border-box; }
.bk-stepper { display: inline-flex; align-items: center; border: 1px solid var(--line, #dbe4df); border-radius: 16px; overflow: hidden; }
.bk-stepper input { width: 72px; text-align: center; border: 0 !important; background: transparent !important; font-size: 22px !important; font-weight: 800; padding: 8px 0 !important; color: inherit; -moz-appearance: textfield; box-shadow: none !important; }
.bk-stepper input::-webkit-outer-spin-button, .bk-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.bk-step-btn { width: 56px; height: 54px; border-radius: 0 !important; font-size: 26px !important; font-weight: 700; padding: 0 !important; background: var(--mint, #e8f5ef) !important; color: var(--primary) !important; }
.bk-ages { margin-top: 12px; display: grid; gap: 10px; }
#travelerAgesFields { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; }
.bk-summary { border-width: 2px; border-color: var(--primary); }
.bk-lines { margin: 0; display: grid; gap: 8px; }
.bk-lines > div { display: flex; justify-content: space-between; gap: 10px; font-size: 15px; }
.bk-lines dt, .bk-lines dd { margin: 0; }
.bk-lines .is-discount dd { color: #16a34a; font-weight: 700; }
.bk-total { padding-top: 10px; margin-top: 2px; border-top: 1px dashed var(--line, #cbd5e1); font-size: 18px !important; font-weight: 800; }
.bk-total b { font-size: 24px; color: var(--primary); }
.bk-pay { margin: 14px 0 6px; padding: 12px; border-radius: 14px; background: var(--mint, #eef7f3); }
.bk-pay p { margin: 0; line-height: 1.7; }
.bk-pay small { font-weight: 400; }
.bk-cancel { margin: 10px 0; font-size: 14px; }
.bk-cancel summary { cursor: pointer; font-weight: 700; line-height: 1.6; }
.bk-cancel ul { margin: 8px 0 0; padding-inline-start: 20px; line-height: 1.8; }
.bk-submit { width: 100%; margin-top: 10px; padding: 15px !important; font-size: 17px !important; }
.bk-error { margin: 6px 0 0; padding: 8px 12px; border-radius: 10px; background: #fee2e2; color: #b42318; font-size: 14px; font-weight: 700; }
.bk-error::before { content: "⚠ "; }
.flash.error.bk-flash { position: relative; font-weight: 700; font-size: 15px; border-inline-start: 5px solid #dc2626; }
.bk-step .date-picker { margin: 0; }
.bk-step .coupon-box { margin: 0; }
.bk-step .pt-book { margin: 10px 0 0; }
/* الشريط الثابت: المجموع وزر الإرسال */
.bk-bar { position: fixed; z-index: 1001; left: 50%; transform: translateX(-50%); bottom: 16px; width: min(720px, calc(100% - 24px));
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 10px 10px 18px;
  border-radius: 22px; background: var(--white, #fff); border: 1px solid var(--line, #e2e8e4); box-shadow: 0 10px 30px rgba(0,0,0,.18); box-sizing: border-box; }
html[dir="rtl"] .bk-bar { padding: 10px 18px 10px 10px; }
.bk-bar > div { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
.bk-bar small { font-size: 12px; color: var(--muted, #64748b); }
.bk-bar b { font-size: 20px; font-variant-numeric: tabular-nums; }
.bk-bar-btn { flex: none; padding: 14px 22px !important; border: 0; font-size: 16px; font-weight: 800; border-radius: 16px; cursor: pointer; background: var(--primary); color: #fff; }
/* الهاتف: الشريط فوق شريط التنقل السفلي، وبألوان «بوابة عشتار» */
@media (max-width: 700px), (pointer: coarse) and (max-height: 500px) {
  .bk-page { padding: 0 0 170px; }
  .bk-bar { bottom: calc(76px + env(safe-area-inset-bottom)); }
  .bk-trip-img { width: 76px; height: 76px; }
  .bk-trip-info h1 { font-size: 19px; }
  html.ishtar .bk-trip, html.ishtar .bk-step { background: var(--lapis-800, #12224A); border-color: var(--lapis-line, #2A4170); color: #F3EFE4; }
  html.ishtar .bk-summary { border-color: var(--gold, #D9A945); }
  html.ishtar .bk-num { background: var(--gold, #D9A945); color: var(--gold-ink, #1D1606); }
  html.ishtar .bk-hint, html.ishtar .bk-trip-info > small, html.ishtar .bk-bar small { color: #AEB8CE; }
  html.ishtar .bk-trip-price b, html.ishtar .bk-total b { color: var(--gold, #D9A945); }
  html.ishtar .bk-fields input, html.ishtar .bk-age input, html.ishtar .bk-step textarea { background: var(--lapis-900, #0E1A33); border-color: var(--lapis-line, #2A4170); }
  html.ishtar .bk-stepper { border-color: var(--lapis-line, #2A4170); }
  html.ishtar .bk-step-btn { background: var(--lapis-700, #172A50) !important; color: var(--gold, #D9A945) !important; }
  html.ishtar .bk-pay { background: rgba(217,169,69,.1); }
  html.ishtar .bk-lines .is-discount dd { color: #7ee2a8; }
  html.ishtar .bk-bar { background: var(--lapis-600, #1F3563); border-color: var(--lapis-line, #2A4170); color: #F3EFE4; box-shadow: 0 10px 30px rgba(0,0,0,.4); }
  html.ishtar .bk-bar-btn { background: var(--gold, #D9A945); color: var(--gold-ink, #1D1606); }
  html.ishtar .bk-error { background: rgba(220,38,38,.18); color: #ffb4ab; }
}
html[data-theme="dark"]:not(.ishtar) .bk-trip, html[data-theme="dark"]:not(.ishtar) .bk-step, html[data-theme="dark"]:not(.ishtar) .bk-bar { background: var(--card-bg, #13201c); border-color: #2c3d37; }
.bk-page [hidden], .bk-bar [hidden] { display: none !important; }

/* ================= تطبيق الهاتف (PWA): شريط التثبيت والإشعارات ================= */
.app-banner { position: fixed; z-index: 1200; left: 12px; right: 12px; bottom: calc(84px + env(safe-area-inset-bottom));
  display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 12px; border-radius: 18px;
  background: #12224A; color: #F3EFE4; border: 1px solid #2A4170; box-shadow: 0 12px 34px rgba(0,0,0,.35);
  animation: app-up .35s ease-out both; max-width: 520px; margin: 0 auto; }
@keyframes app-up { from { transform: translateY(20px); opacity: 0; } to { transform: none; opacity: 1; } }
.app-banner-icon { width: 44px; height: 44px; border-radius: 12px; flex: none; }
.app-banner-body { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.4; }
.app-banner-body b { font-size: 15px; }
.app-banner-body small { font-size: 12px; color: #C9D1E2; }
.app-banner-go { flex: none; border: 0; border-radius: 12px; padding: 10px 14px; font: inherit; font-weight: 800;
  background: #D9A945; color: #1D1606; cursor: pointer; }
.app-banner-close { flex: none; width: 32px; height: 32px; border-radius: 50%; border: 0; background: rgba(255,255,255,.08);
  color: #C9D1E2; cursor: pointer; padding: 0; font-size: 14px; }
@media (min-width: 701px) { .app-banner { bottom: 20px; } }
.app-ios-guide { position: fixed; inset: 0; z-index: 1300; background: rgba(5,10,25,.65); display: grid; align-items: end; padding: 16px; }
.app-ios-card { background: #12224A; color: #F3EFE4; border-radius: 22px; padding: 20px; max-width: 460px; margin: 0 auto 70px; width: 100%; }
.app-ios-card b { font-size: 18px; }
.app-ios-card ol { margin: 12px 0; padding-inline-start: 22px; line-height: 2; }
.app-ios-card small { display: block; color: #C9D1E2; margin-bottom: 12px; }
.app-ios-card .app-banner-go { width: 100%; padding: 13px; }
.app-ios-share { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: #2A4170; font-size: 13px; }
.app-toast { position: fixed; z-index: 1400; left: 50%; transform: translateX(-50%); bottom: calc(96px + env(safe-area-inset-bottom));
  background: #0F172A; color: #fff; padding: 11px 18px; border-radius: 14px; font-weight: 700; font-size: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.3); transition: opacity .4s; max-width: calc(100% - 32px); text-align: center; }
.app-toast.is-out { opacity: 0; }
.app-device { grid-column: 1 / -1; }
.app-device-state { font-weight: 700; margin: 0; }
.app-device-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.app-device-actions .button { flex: 0 1 auto; }
/* عند فتح الموقع كتطبيق مثبّت: مساحة لشريط حالة الهاتف */
@media (display-mode: standalone) { .site-header { padding-top: max(12px, env(safe-area-inset-top)); } }

/* العنصر المخفي (hidden) يبقى مخفيًا حتى لو كان له تنسيق عرض (display) */
[hidden] { display: none !important; }

/* v49: نافذة «شروط الحجز» في صفحة الحجز (سياسة الإلغاء والاسترجاع + شروط المنصة) */
.bk-terms-body { padding: 20px 20px 18px; }
.bk-terms-body h3 { margin: 0 0 14px; font-size: 19px; }
.bk-terms-body section { padding: 12px 0; border-top: 1px solid var(--line, #e2e8e4); }
html.ishtar .bk-terms-body section { border-color: var(--lapis-line, #2A4170); }
.bk-terms-body h4 { margin: 0 0 6px; font-size: 15px; }
.bk-terms-body ul { margin: 0; padding-inline-start: 20px; line-height: 1.85; font-size: 14px; }
.bk-terms-full { display: inline-block; margin-top: 8px; font-size: 13px; font-weight: 700; }
html.ishtar .bk-terms-full, html.ishtar .bk-terms-open { color: var(--gold, #D9A945); }
.bk-terms-actions { display: flex; gap: 10px; margin-top: 14px; position: sticky; bottom: 0; }
.bk-terms-actions .button { flex: 1; min-height: 46px; }

/* v49: شريط الترتيب فوق قائمة الرحلات (الأقسام ونتائج البحث وكل الرحلات) */
.ish-sortbar { display: flex; align-items: center; gap: 8px; overflow-x: auto; margin: 0 -16px 12px; padding: 2px 16px 4px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.ish-sortbar::-webkit-scrollbar { display: none; }
.ish-sortbar-label { flex: none; display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: #8E9AB5; }
.ish-sortbar a {
  flex: none; display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; white-space: nowrap;
  font-size: 13px; font-weight: 600; color: #C9D1E2 !important; background: rgba(255, 255, 255, .06); border: 1px solid var(--lapis-line, #2A4170);
}
.ish-sortbar a.is-active { background: var(--gold, #D9A945); border-color: var(--gold, #D9A945); color: var(--gold-ink, #1D1606) !important; }

/* v49: «راسل الشركة» تحت بطاقة الشركة في صفحة الرحلة: رابط هادئ لا ينافس زر الحجز */
.ish-ask { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; margin-top: 10px; border-radius: 16px;
  border: 1px dashed var(--lapis-line, #2A4170); color: var(--gold, #D9A945) !important; font-size: 14px; font-weight: 700; text-decoration: none; }
.ish-ask:active { background: rgba(217, 169, 69, .08); }
.desk-ask { font-weight: 700; white-space: nowrap; }
.bk-terms-body ul.bk-terms-numbered { list-style: none; padding-inline-start: 0; }
.bk-terms-body ul.bk-terms-numbered li + li { margin-top: 6px; }
.bk-terms-body h3:focus { outline: none; }
.bk-terms-actions { background: var(--card-bg, #fff); padding: 12px 0 2px; margin-bottom: -2px; box-shadow: 0 -10px 14px -10px rgba(0, 0, 0, .35); }
html.ishtar .bk-terms-actions { background: var(--lapis-800, #12224A); }

/* v50: بطاقة «بخصوص رحلة» داخل استفسار ما قبل الحجز */
.wa-ctx { align-self: center; display: flex; align-items: center; gap: 10px; width: min(320px, 86%); margin: 12px 0 4px; padding: 8px;
  border-radius: 14px; background: var(--wa-day); color: var(--wa-ink) !important; box-shadow: var(--wa-shadow); text-decoration: none !important; }
.wa-ctx img { width: 56px; height: 56px; flex: none; border-radius: 10px; object-fit: cover; }
.wa-ctx-body { display: flex; flex-direction: column; min-width: 0; line-height: 1.5; }
.wa-ctx-body small { font-size: 11.5px; color: var(--wa-meta); }
.wa-ctx-body b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wa-ctx-price { font-size: 12.5px; color: var(--wa-link); font-weight: 700; }
.ish-ask { flex-direction: column; gap: 2px; padding: 8px 12px; }
.ish-ask-main { display: inline-flex; align-items: center; gap: 8px; }
.ish-ask-reply { font-size: 12px; font-weight: 600; color: #AEB8CE; }

/* v51: بطاقات الشركات في الصفحة الرئيسية (غلاف من أحدث رحلة + الشعار) */
.ish-co-card { flex: none; width: 262px; display: flex; flex-direction: column; border-radius: 22px; overflow: hidden; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); color: #F3EFE4 !important; scroll-snap-align: start; text-decoration: none; }
.ish-co-cover { position: relative; display: block; height: 108px; background: var(--lapis-600, #1F3563); color: var(--gold, #D9A945); }
.ish-co-cover > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ish-co-pattern { width: 100%; height: 100%; display: block; opacity: .35; }
.ish-co-trips { position: absolute; top: 10px; inset-inline-end: 10px; padding: 3px 10px; border-radius: 999px; background: rgba(14, 26, 51, .78); color: #F3EFE4; font-size: 11.5px; font-weight: 600; }
.ish-co-logo { position: absolute; inset-inline-start: 16px; bottom: -28px; width: 58px; height: 58px; border-radius: 50%; overflow: hidden; background: #F3EFE4; border: 3px solid var(--lapis-700, #172A50); display: grid; place-items: center; color: #12224A; font-size: 24px; font-weight: 800; }
.ish-co-logo img { width: 100%; height: 100%; object-fit: cover; }
.ish-co-body { display: flex; flex-direction: column; gap: 5px; padding: 34px 16px 16px; }
.ish-co-name { display: flex; align-items: center; gap: 6px; min-width: 0; }
.ish-co-name b { font-size: 16px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ish-co-badge { width: 18px; height: 18px; flex: none; fill: var(--gold, #D9A945); }
.ish-co-badge .tick { fill: none; stroke: #12224A; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ish-co-city { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: #AEB8CE; }
.ish-co-city svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ish-co-rate { display: inline-flex; align-items: center; gap: 4px; margin-top: 2px; font-size: 14px; font-weight: 700; }
.ish-co-rate .ico { color: var(--gold, #D9A945); fill: currentColor; stroke: none; }
.ish-co-rate small { font-size: 12px; font-weight: 400; color: #AEB8CE; }

/* v51: صفحة «كل الشركات» على الهاتف: شبكة شعارات (عمودان) */
.ish-co-page { padding: 18px 0 28px; }
.ish-co-page h1 { margin: 0 0 4px; font-size: 24px; }
.ish-co-page > p { margin: 0 0 16px; color: #AEB8CE; font-size: 14px; }
.ish-co-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ish-co-tile { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 20px 10px 16px; border-radius: 22px; background: var(--lapis-700, #172A50); border: 1px solid var(--lapis-line, #2A4170); color: #F3EFE4 !important; text-decoration: none; }
.ish-co-tile .ish-co-badge { position: absolute; top: 12px; inset-inline-end: 12px; }
.ish-co-tile .ish-co-logo { position: static; width: 72px; height: 72px; border: 3px solid var(--gold, #D9A945); font-size: 28px; }
.ish-co-tile b { font-size: 15px; font-weight: 800; line-height: 1.5; min-height: 45px; display: flex; align-items: center; justify-content: center; overflow-wrap: anywhere; }
.ish-co-tile .ish-co-rate { margin: 0; font-size: 13.5px; }
.ish-co-tile > small { font-size: 12px; color: #AEB8CE; }

/* v52: حقل اختيار الصور المخفي في نموذج الرحلة كان يمتد خارج الشاشة على الهاتف (إزاحة أفقية 49px) */
.tf-add { position: relative; overflow: hidden; }
.tf-add input[type="file"] { position: absolute !important; inset: 0 auto auto 0; width: 1px !important; min-width: 0 !important; height: 1px !important; padding: 0 !important; border: 0 !important; opacity: 0; }

/* ===================== v53: المحادثة بلون التطبيق (كحلي وذهبي، بسيطة وأنيقة) =====================
   لكل المحادثات (المسافر والشركة والإدارة، الحجوزات والاستفسارات) على الهاتف والكمبيوتر. */
html .wa, html[data-theme] .wa, html.ishtar .wa {
  --wa-bg: #0E1A33; --wa-dots: transparent;
  --wa-head: #12224A; --wa-head-ink: #F3EFE4; --wa-head-sub: #AEB8CE;
  --wa-theirs: #1B2E57; --wa-mine: #D9A945; --wa-ink: #F3EFE4; --wa-meta: #A9B4CB;
  --wa-tick: rgba(29, 22, 6, .55); --wa-read: #1A56C4; --wa-foot: #12224A; --wa-field: #1B2E57; --wa-icon: #C9D1E3;
  --wa-send: #D9A945; --wa-send-ink: #1D1606; --wa-day: #172A50; --wa-day-ink: #C9D1E2; --wa-link: #F0C766;
  --wa-shadow: none;
  border-color: #2A4170; color-scheme: dark;
}
.wa .wa-head { border-bottom: 1px solid #22365F; }
.wa .wa-head .wa-avatar { background: #1F3563; color: #D9A945; box-shadow: 0 0 0 2px #D9A945; }
.wa .wa-who small { color: #AEB8CE; }
.wa .wa-info { background: #12224A; border-bottom-color: #22365F; color: #F3EFE4; }
.wa .wa-info a { color: #F0C766; }
.wa .wa-hint { background: #172A50; color: #F0C766; border: 1px solid #2A4170; }
.wa .wa-day span { border: 1px solid #22365F; }
/* فقاعات بسيطة بلا «ذيل» واتساب */
.wa .wa-row.is-first .wa-bubble::before { display: none; }
.wa .wa-bubble { border-radius: 18px; padding: 7px 12px 8px; }
.wa .wa-row.is-first.is-theirs .wa-bubble { border-start-start-radius: 6px; }
.wa .wa-row.is-first.is-mine .wa-bubble { border-start-end-radius: 6px; }
.wa .wa-row.is-theirs .wa-bubble { border: 1px solid #263C69; }
.wa .wa-row.is-mine .wa-bubble { color: #1D1606; }
.wa .wa-row.is-mine .wa-meta { color: rgba(29, 22, 6, .62); }
.wa .wa-row.is-mine .wa-text a { color: #12224A; }
.wa .wa-by { color: #F0C766; }
.wa .wa-row.is-mine .wa-by { color: #12224A; }
.wa .wa-bubble.has-img { padding: 4px; }
.wa .wa-img { border-radius: 14px; }
.wa .wa-foot { border-top: 1px solid #22365F; }
.wa .wa-input { border: 1px solid #2A4170; }
.wa .wa-input textarea { color: #F3EFE4; }
.wa .wa-input textarea::placeholder { color: #8E9AB5; }
.wa .wa-jump { background: #1B2E57; color: #F0C766; border: 1px solid #2A4170; }
.wa .wa-preview { background: #172A50; color: #F3EFE4; }
.wa.is-drop::after { background: rgba(217, 169, 69, .06); }
.wa .wa-ctx { background: #172A50; border: 1px solid #2A4170; }
.wa .wa-ctx-price { color: #F0C766; }

/* v53: بطاقة رحلة أرسلتها الشركة داخل الرسالة */
.wa .wa-bubble.has-trip { padding: 5px; min-width: 240px; }
.wa .wa-bubble.has-trip .wa-text { display: block; padding: 6px 7px 0; }
.wa .wa-bubble.has-trip .wa-meta { margin: 6px 7px 0; }
.wa-trip { display: flex; flex-direction: column; overflow: hidden; border-radius: 14px; background: #12224A; color: #F3EFE4 !important; text-decoration: none !important; width: 260px; max-width: 100%; border: 1px solid #2A4170; }
.wa-trip img { width: 100%; height: 130px; object-fit: cover; display: block; }
.wa-trip-body { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px 12px; }
.wa-trip-body b { font-size: 15px; font-weight: 800; }
.wa-trip-body small { font-size: 12.5px; color: #AEB8CE; }
.wa-trip-cta { margin-top: 8px; padding: 8px 10px; border-radius: 10px; background: #D9A945; color: #1D1606; font-size: 13px; font-weight: 800; text-align: center; }
.wa .wa-row.is-mine .wa-bubble.has-trip { background: #D9A945; }

/* v53: زر «إرسال رحلة» وقائمة الرحلات (للشركة) */
.wa .wa-trip-btn { color: #F0C766 !important; }
dialog.wa-trips { padding: 0; border: 1px solid #2A4170; border-radius: 22px; width: min(440px, calc(100vw - 24px)); max-height: min(560px, calc(100dvh - 40px)); background: #12224A; color: #F3EFE4; box-shadow: 0 24px 70px rgba(0, 0, 0, .5); }
dialog.wa-trips::backdrop { background: rgba(5, 10, 25, .65); }
.wa-trips-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px 4px; }
.wa-trips-head b { font-size: 17px; }
.wa-trips-close { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #1F3563; color: #F3EFE4; cursor: pointer; font-size: 15px; }
.wa-trips-hint { margin: 0 18px 10px; font-size: 13px; color: #AEB8CE; }
.wa-trips-list { display: flex; flex-direction: column; gap: 8px; padding: 0 12px 14px; overflow-y: auto; max-height: calc(min(560px, 100dvh - 40px) - 110px); }
.wa-trips-item { display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px; border: 1px solid #2A4170; border-radius: 16px; background: #172A50; color: #F3EFE4; font: inherit; text-align: start; cursor: pointer; }
.wa-trips-item:hover, .wa-trips-item:focus-visible { border-color: #D9A945; outline: none; }
.wa-trips-item img, .wa-trips-noimg { width: 58px; height: 58px; flex: none; border-radius: 12px; object-fit: cover; background: #1F3563; display: grid; place-items: center; font-size: 22px; }
.wa-trips-text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.wa-trips-text b { font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wa-trips-text small { font-size: 12.5px; color: #AEB8CE; }
.wa-trips-send { flex: none; padding: 6px 12px; border-radius: 999px; background: #D9A945; color: #1D1606; font-size: 12.5px; font-weight: 800; }
/* الوقت كان يلتصق بآخر النص في العربية (الهامش كان على الجهة الخطأ لأن الوقت مكتوب من اليسار لليمين) */
[dir="rtl"] .wa .wa-meta { margin-left: 0; margin-right: 12px; }
/* عناوين الأيام ثابتة في مكانها (كانت تتراكب أعلى المحادثة عند التمرير) */
.wa .wa-day { position: static; }

/* v54: مكان الانطلاق في شريط الترتيب */
.ish-dep-chip { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 14px; border-radius: 999px; border: 1.5px solid var(--gold, #D9A945) !important; background: rgba(217, 169, 69, .1) !important; color: #F0C766 !important; font: inherit; font-size: 13px !important; font-weight: 800 !important; cursor: pointer; white-space: nowrap; }
.ish-dep-chip .ico { width: 15px; height: 15px; }
.ish-dep-chip.is-open, .ish-dep-chip.is-active { background: var(--gold, #D9A945) !important; color: var(--gold-ink, #1D1606) !important; }
.ish-dep-x { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(29, 22, 6, .15); font-size: 10px; }
.ish-sortbar-sep { flex: none; width: 1px; height: 22px; background: var(--lapis-line, #2A4170); }
.ish-dep-form { display: flex; flex-direction: column; gap: 10px; margin: 0 0 14px; padding: 14px; border-radius: 20px; background: var(--lapis-800, #12224A); border: 1px solid var(--gold, #D9A945); }
.ish-dep-form[hidden] { display: none !important; }
.ish-dep-form label { font-size: 14px; font-weight: 700; color: #F3EFE4; }
.ish-dep-row { display: flex; gap: 8px; }
.ish-dep-field { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 12px; border-radius: 14px; background: #1B2E57; border: 1px solid var(--lapis-line, #2A4170); color: #AEB8CE; }
.ish-dep-field input { flex: 1; min-width: 0; border: 0 !important; background: transparent !important; color: #F3EFE4 !important; font: inherit; font-size: 16px; outline: none; padding: 0 !important; box-shadow: none !important; }
.ish-dep-go { flex: none; min-width: 72px; min-height: 48px; border: 0; border-radius: 14px; background: var(--gold, #D9A945) !important; color: var(--gold-ink, #1D1606) !important; font: inherit; font-size: 15px; font-weight: 800; cursor: pointer; }
.ish-dep-hint { font-size: 12px; color: #AEB8CE; }
.ish-dep-list { display: flex; flex-wrap: wrap; gap: 8px; justify-content: inherit; }
.ish-dep-list a { display: inline-flex; align-items: center; gap: 4px; min-height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--gold, #D9A945); background: rgba(217, 169, 69, .12); color: #F0C766 !important; font-size: 13.5px; font-weight: 700; }
.ish-dep-list a[hidden] { display: none; }
.ish-dep-list a small { font-weight: 400; color: #C9D1E2; }
.ish-dep-list.is-empty::after { content: "لا توجد رحلات من محافظة بهذا الاسم حاليًا"; font-size: 13px; color: #AEB8CE; }
.ish-dep-empty { gap: 10px; }
.ish-dep-empty .ico { color: var(--gold, #D9A945); }
.ish-dep-empty p { margin: 0; color: #C9D1E2; font-size: 14px; }
.ish-dep-empty .ish-dep-list { justify-content: center; }
.ish-dep-field:focus-within { border-color: var(--gold, #D9A945); }
.ish-dep-field input:focus, .ish-dep-field input:focus-visible { outline: 0 !important; box-shadow: none !important; border: 0 !important; background: transparent !important; }
html .ish-dep-field #depInput, html .ish-dep-field #depInput:focus { border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 0 !important; padding: 0 !important; min-height: 0 !important; }

/* v54: زر «فلتر البحث» الواحد ولوحته (يحل محل شريط الترتيب وزر الفلتر الصغير) */
.ish-fs-btn { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; margin: 0 0 12px; padding: 0 16px; border-radius: 16px; border: 1.5px solid var(--gold, #D9A945) !important; background: rgba(217, 169, 69, .08) !important; color: #F0C766 !important; font: inherit; font-size: 15px !important; font-weight: 800 !important; cursor: pointer; transform: none !important; }
.ish-fs-btn .ico { width: 20px; height: 20px; }
.ish-fs-title { flex: 1; text-align: start; }
.ish-fs-btn small { font-size: 12px; font-weight: 600; color: #AEB8CE; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ish-fs-count { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 999px; background: var(--gold, #D9A945); color: var(--gold-ink, #1D1606); font-size: 12px; font-weight: 800; }
.ish-fs-caret { flex: none; transition: transform .15s; }
.ish-fs-btn.is-open { background: var(--gold, #D9A945) !important; color: var(--gold-ink, #1D1606) !important; }
.ish-fs-btn.is-open small { color: rgba(29, 22, 6, .7); }
.ish-fs-btn.is-open .ish-fs-count { background: #12224A; color: #F0C766; }
.ish-fs-btn.is-open .ish-fs-caret { transform: rotate(180deg); }
.ish-fs-panel { margin: 0 0 14px; border: 1px solid var(--gold, #D9A945); }
.ish-fs-panel[hidden] { display: none !important; }
.ish-fs-field { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 12px; border-radius: 14px; background: #1B2E57; border: 1px solid var(--lapis-line, #2A4170); color: #AEB8CE; }
.ish-fs-field:focus-within { border-color: var(--gold, #D9A945); }
html .ish-fs-field input, html .ish-fs-field input:focus { flex: 1; min-width: 0; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 0 !important; padding: 0 !important; min-height: 0 !important; color: #F3EFE4 !important; font: inherit; font-size: 16px; }
.ish-fs-sugg { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.ish-fs-sugg button { display: inline-flex; align-items: center; gap: 4px; min-height: 34px; padding: 0 12px !important; border-radius: 999px !important; border: 1px solid var(--gold, #D9A945) !important; background: rgba(217, 169, 69, .12) !important; color: #F0C766 !important; font: inherit; font-size: 13px !important; font-weight: 700 !important; cursor: pointer; transform: none !important; }
.ish-fs-sugg button[hidden] { display: none !important; }
.ish-fs-sugg button small { font-weight: 400; color: #C9D1E2; }
.ish-fs-sugg button.is-picked { background: var(--gold, #D9A945) !important; color: var(--gold-ink, #1D1606) !important; }
.ish-fs-sugg button.is-picked small { color: rgba(29, 22, 6, .7); }
.ish-fs-panel .ish-active-filters { margin: 0; }
html .ish-fs-field #fsCity, html .ish-fs-field #fsDest, html .ish-fs-field #fsCity:focus, html .ish-fs-field #fsDest:focus { flex: 1; min-width: 0; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 0 !important; padding: 0 !important; min-height: 0 !important; height: auto !important; }

/* v55: صفحة الحجز: «ماذا يحدث الآن» أولًا، والأزرار المفيدة، والإلغاء رابط صغير في الأسفل */
.bc-next { margin: 4px 0 14px; padding: 12px 14px; border-radius: 14px; line-height: 1.8; font-size: 14.5px; background: rgba(217, 169, 69, .1); border: 1px solid rgba(217, 169, 69, .45); }
.bc-next-confirmed, .bc-next-completed { background: rgba(52, 199, 123, .1); border-color: rgba(52, 199, 123, .45); }
.bc-next-rejected { background: rgba(229, 72, 77, .08); border-color: rgba(229, 72, 77, .4); }
.bc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 6px; }
.bc-actions .button { flex: 1 1 140px; }
.bc-cancel { margin: 18px 0 0; padding: 0; border: 0; background: none; text-align: center; }
.bc-cancel summary { display: inline-block; font-weight: 600; font-size: 13.5px; color: #e5848a; text-decoration: underline; text-underline-offset: 4px; list-style: none; }
.bc-cancel summary::-webkit-details-marker { display: none; }
.bc-cancel[open] { text-align: start; padding: 12px 14px; border: 1px solid rgba(229, 72, 77, .4); border-radius: 12px; background: rgba(229, 72, 77, .07); }
.bc-cancel[open] summary { margin-bottom: 6px; color: #e5484d; text-decoration: none; font-weight: 700; }
.page-heading .eyebrow a { color: inherit; }
.reg-switch { margin: 4px 0 0; padding-top: 12px; border-top: 1px solid var(--line, #e5eae7); font-size: 13.5px; color: var(--muted, #71808d); }
html.ishtar .reg-switch { border-color: var(--lapis-line, #2A4170); color: #AEB8CE; }
.reg-switch a { font-weight: 700; }
/* v55: صفحة الرحلة: «انطلاق السبت · عودة الأربعاء» بدل السهم، ورابط القسم */
.ish-schedule li { gap: 14px; }
.ish-sch-part { display: inline-flex; align-items: baseline; gap: 6px; }
.ish-sch-part small { font-size: 12.5px; color: #AEB8CE; }
.ish-sch-part b { font-size: 15px; }
.ish-sch-sep { color: var(--gold, #D9A945); font-weight: 800; }
.ish-tag-link { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 20px; border: 1px solid var(--gold, #D9A945); color: #F0C766 !important; font-size: 14px; }
.bc-actions { flex-direction: column; }
.bc-actions .button { flex: none; width: 100%; white-space: nowrap; min-height: 50px; }

/* دليل الشركة: ملاحظة أعلى المحادثة ومنع الأرقام والحسابات */
.wa-lock { align-self: center; max-width: 92%; margin: 4px 0 12px; padding: 8px 12px; border-radius: 12px; background: #172A50; border: 1px solid #2A4170; color: #AEB8CE; font-size: 12.5px; line-height: 1.7; text-align: center; }
.wa-guard { margin: 0 8px 8px; padding: 9px 12px; border-radius: 12px; background: #3a1d24; border: 1px solid #c2453d; color: #ffd9d6; font-size: 13px; line-height: 1.7; }
.wa-guard[hidden] { display: none; }
.wa .wa-send.is-blocked { opacity: .45; filter: grayscale(1); }
.tf-guide { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 12px 14px; border-radius: 16px; background: #dff4ed; border: 1px solid #b9e3d3; color: #162b3b; font-size: 14px; line-height: 1.6; font-weight: 600; text-decoration: none; }
.tf-guide span:nth-child(2) { flex: 1; }
.tf-guide b { color: #0c766e; white-space: nowrap; }
.tf-hint { display: block; margin-top: 4px; font-size: 12.5px; line-height: 1.6; color: #56697a; font-weight: 400; }
.tf-guard { display: block; margin-top: 6px; padding: 8px 10px; border-radius: 10px; background: #fff3f2; border: 1px solid #f3d0cd; color: #a3322b; font-size: 13px; line-height: 1.7; font-weight: 600; }
input.tf-bad, textarea.tf-bad { border-color: #d9534f !important; box-shadow: 0 0 0 2px rgba(217,83,79,.15) !important; }
html[data-theme="dark"] .tf-guide { background: #15443e; border-color: #23625a; color: #f1f5f3; }
html[data-theme="dark"] .tf-guide b { color: #8ff0dc; }
html[data-theme="dark"] .tf-hint { color: #aebfc8; }
html[data-theme="dark"] .tf-guard { background: #3a1c1f; border-color: #74323a; color: #ffa59e; }

/* الإنجليزية (من اليسار لليمين): نصوص الشركات والمستخدمين العربية تُعرض باتجاهها الصحيح */
html[dir="ltr"] h1, html[dir="ltr"] h2, html[dir="ltr"] h3, html[dir="ltr"] h4,
html[dir="ltr"] .wa-text, html[dir="ltr"] .wa-who b, html[dir="ltr"] .wa-who small,
html[dir="ltr"] input:not([type="number"]):not([type="tel"]), html[dir="ltr"] textarea { unicode-bidi: plaintext; }

/* v59 حذف حسابي */
.ad-link { text-align: center; margin: 22px 0 8px; font-size: .9em; }
.ad-link a { color: #e5484d; opacity: .85; }
.ad-wrap { display: grid; gap: 16px; max-width: 640px; margin: 0 auto; }
.ad-list { margin: 8px 0 14px; padding-inline-start: 20px; line-height: 1.9; }
.ad-block { border: 1px solid rgba(229, 72, 77, .45); }
html .ad-confirm .button.danger, html.ishtar .ad-confirm .button.danger, html.ishtar body .ad-confirm button.button.danger { background: #e5484d !important; background-image: none !important; border-color: #e5484d !important; color: #fff !important; box-shadow: none !important; }
.ad-confirm .button.full + .button.full { margin-top: 8px; }
.ad-pending { max-width: 560px; margin: 24px auto; text-align: center; }
.ad-actions { display: grid; gap: 10px; margin-top: 16px; }