/* ZANGAR WORLD V75 — طبقة تنظيم وتنعيم الواجهة (تحميل أخير، تعديلات آمنة بدون تغيير الهيكل). */
:root{--z75-ease:cubic-bezier(.22,.8,.3,1);--z75-r-lg:28px;--z75-r-md:22px;--z75-gap:18px;--z75-ring:0 0 0 3px #e9be5340}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:#3a4560 transparent}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
::selection{background:#e9be5355;color:#fff}
img,svg,video{max-width:100%}
*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#2e3850;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#46557a}*::-webkit-scrollbar-track{background:transparent}

/* إيقاع المسافات */
.content{padding-top:26px}
.content>*+*{margin-top:var(--z75-gap)}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.panel h3{margin-bottom:12px}
.section-title{margin-bottom:18px}

/* الشريط العلوي */
.topbar{padding-top:max(12px,env(safe-area-inset-top));transition:box-shadow .3s var(--z75-ease),background .3s}
.topbar.z75-scrolled{box-shadow:0 10px 30px #0008;background:#080f22fb}
.brand-logo{transition:transform .3s var(--z75-ease)}.brand:active .brand-logo{transform:scale(.94)}

/* الأزرار: لمسة ضغط + تركيز واضح */
.btn,.icon-btn,.nav-btn,.service-card,.row-link,.chip,.switch{transition:transform .18s var(--z75-ease),filter .18s,border-color .2s,background-color .2s,box-shadow .2s,color .2s}
.btn:active:not(:disabled),.icon-btn:active,.service-card:active,.row-link:active{transform:scale(.97);filter:brightness(.96)}
.btn.primary:hover:not(:disabled){box-shadow:0 14px 30px #dfa82e3a}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:inherit}
.input:focus,.guest-input:focus{box-shadow:var(--z75-ring)}
.input,.guest-input{transition:border-color .2s,box-shadow .2s,background-color .2s}
select.input{cursor:pointer}

/* البطاقات: تأثير الرفع فقط على الأجهزة اللي بتدعم hover */
@media(hover:none){.btn:hover:not(:disabled),.service-card:hover,.icon-btn:hover{transform:none;filter:none}}
.panel,.stat,.service-card,.row-link,.history-item,.inbox-item{transition:border-color .2s,background-color .2s,transform .2s var(--z75-ease)}
.panel{border-radius:var(--z75-r-lg);backdrop-filter:blur(6px)}
.stat{border-radius:var(--z75-r-md);min-height:120px}
.row-link{border-radius:var(--z75-r-md);min-height:64px}
.row-link:hover{border-color:#8f7e4d}
.service-card{border-radius:var(--z75-r-lg)}
.service-grid{gap:14px}
.pill,.chip{white-space:nowrap}

/* التنقل السفلي */
.nav{background:#070d1df2;border-top-color:#2a3348}
.nav-btn{transition:color .2s,transform .18s var(--z75-ease)}
.nav-btn:active{transform:scale(.92)}
.nav-btn.active:before{animation:z75-bar .35s var(--z75-ease) both}
.nav-btn.active svg{filter:drop-shadow(0 0 8px #e9be5366)}

/* النوافذ والإشعار */
.modal{border-radius:var(--z75-r-lg);animation:z75-pop .28s var(--z75-ease) both}
#toast{transition:opacity .25s,transform .3s var(--z75-ease)}
[class*="overlay"],[class*="backdrop"]{backdrop-filter:blur(6px)}

/* حركة دخول الصفحة (تُفعَّل من polish75.js عند تغيير الصفحة فقط) */
#app.z75-enter .content>*{animation:z75-in .38s var(--z75-ease) both}
#app.z75-enter .content>*:nth-child(2){animation-delay:.04s}
#app.z75-enter .content>*:nth-child(3){animation-delay:.08s}
#app.z75-enter .content>*:nth-child(4){animation-delay:.12s}
#app.z75-enter .content>*:nth-child(n+5){animation-delay:.16s}
@keyframes z75-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes z75-pop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes z75-bar{from{transform:scaleX(.3);opacity:0}to{transform:none;opacity:1}}

/* الجوال */
@media(max-width:600px){
 :root{--z75-gap:14px;--z75-r-lg:24px;--z75-r-md:20px}
 .content{padding:18px 14px 22px}
 .topbar{min-height:66px;padding-bottom:10px}
 .brand-logo{width:46px;height:46px;border-radius:14px}
 .brand-title{font-size:17px}
 .icon-btn{width:46px;height:46px}
 .panel{padding:19px}
 .hero{border-radius:30px;padding:22px 16px 28px}
 .section-title .section-icon{width:52px;height:52px;border-radius:18px}
 .stat-value{font-size:26px}
 .nav{height:calc(68px + env(safe-area-inset-bottom))}
 .shell{padding-bottom:96px}
 .modal{padding:22px 18px;border-radius:26px}
 .btn{min-height:46px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ===== V75: هيكل التحميل (skeleton) + الحالات الفاضية + الجولة التعريفية ===== */
.z75-skel{position:relative;overflow:hidden;background:#141d36;border-radius:16px;min-height:18px}
.z75-skel::after{content:'';position:absolute;inset:0;transform:translateX(100%);background:linear-gradient(90deg,transparent,#ffffff12,transparent);animation:z75-shimmer 1.3s infinite}
@keyframes z75-shimmer{to{transform:translateX(-100%)}}
.z75-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 18px;border:1px dashed #38425c;border-radius:var(--z75-r-md);color:#9aa1b3;background:#0d152e66}
.z75-empty .e-ico{font-size:38px;filter:grayscale(.2)}.z75-empty b{color:#e9ddbb;font-size:16px}.z75-empty small{max-width:320px;line-height:1.7}
.z75-tour{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:18px;background:#050914d9;backdrop-filter:blur(8px);animation:z75-in .25s both}
.z75-tour-card{width:min(420px,100%);border:1px solid #6b6040;border-radius:30px;padding:28px 22px 22px;text-align:center;background:linear-gradient(150deg,#1a233c,#0b142a);box-shadow:0 30px 80px #000c;animation:z75-pop .3s var(--z75-ease) both}
.z75-tour-ico{font-size:54px;line-height:1;margin-bottom:10px}
.z75-tour-card h3{color:#ffe08b;font-size:21px;margin:0 0 8px}.z75-tour-card p{color:#c9c2b0;line-height:1.9;font-size:15px}
.z75-dots{display:flex;gap:7px;justify-content:center;margin:18px 0}.z75-dots i{width:8px;height:8px;border-radius:99px;background:#33405e;transition:.25s}.z75-dots i.on{width:24px;background:#e9be53}
.z75-tour-actions{display:flex;gap:10px;justify-content:center}.z75-tour-actions button{min-height:46px;padding:0 24px;border-radius:99px;border:1px solid #555869;background:#1a2336;color:#e9ddbb;font-weight:900;font-size:15px}
.z75-tour-actions .go{background:linear-gradient(180deg,#ffe393,#d8a538);color:#322312;border-color:#d6b355}