/* ═══ طبقة الإحساس الأصلي — مشتركة بين كل الصفحات ═══════════════ */

/* انتقال سلس بين الصفحات بدل الوميض الأبيض (Safari 18.2+ وChrome 126+) */
@view-transition{navigation:auto}
::view-transition-old(root){animation:nx-out .2s cubic-bezier(.4,0,.6,1) both}
::view-transition-new(root){animation:nx-in .28s cubic-bezier(.2,.8,.2,1) both}
@keyframes nx-out{to{opacity:0;transform:translateX(24px)}}
@keyframes nx-in{from{opacity:0;transform:translateX(-32px)}}

html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#0B1724}
*{-webkit-tap-highlight-color:transparent}
html,body{overscroll-behavior-y:none}          /* لا ارتداد مطاطي يكشف أنها صفحة ويب */
a,button,label,summary,[role="button"],.q,.svc{touch-action:manipulation}  /* لا تكبير بالنقر المزدوج ولا تأخير */

/* منع تكبير iOS التلقائي عند لمس حقل خطّه أصغر من 16px */
@media (pointer:coarse){
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
}

/* داخل التطبيق المثبّت فقط */
@media (display-mode:standalone){
  /* عناصر الواجهة لا تُحدَّد ولا تفتح قائمة الضغط المطوّل — النصوص والحقول تبقى قابلة للنسخ */
  a,button,nav,header,.tabbar,.q,.svc,.pill,.tag,.badge,img,svg{
    -webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
  img{-webkit-user-drag:none}
  /* خلفية ثابتة خلف الساعة والبطارية حتى لا يمرّ المحتوى تحتها عند التمرير */
  body::before{content:"";position:fixed;top:0;inset-inline:0;
    height:env(safe-area-inset-top,0px);background:#0B1724;z-index:2147483000;pointer-events:none}
}

/* البطاقة المفردة في آخر صف تملأ العرض — تُحسب بعد إخفاء الخدمات المعطّلة */
.quick > .q.nx-span{grid-column:1 / -1!important;min-height:0;display:grid!important;
  grid-template-columns:auto 1fr;column-gap:14px;align-items:center;align-content:center}
.quick > .q.nx-span .ic{grid-row:1 / span 2;margin:0!important}
.quick > .q.nx-span .t,.quick > .q.nx-span .d{grid-column:2;margin-top:0}
.quick > .q:last-child:nth-child(odd):not(.nx-span){grid-column:auto}

/* دخول متتابع للبطاقات عند أول فتح في الجلسة */
.nx-enter .quick > .q,.nx-enter .trackcard,.nx-enter .list > a{
  animation:nx-rise .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 45ms + 60ms)}
@keyframes nx-rise{from{opacity:0;transform:translateY(14px) scale(.98)}}

/* حلقة تركيز واضحة لمن يستخدم لوحة المفاتيح أو قارئ الشاشة */
:focus-visible{outline:2.5px solid #DE7238;outline-offset:2px;border-radius:10px}
:focus:not(:focus-visible){outline:none}

@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  .nx-enter .quick > .q,.nx-enter .trackcard,.nx-enter .list > a{animation:none}
}

/* ── الورقة السفلية ── */
.nx-sheet{position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(9,19,32,.5);opacity:0;transition:opacity .25s}
.nx-sheet.on{opacity:1}
.nx-in{background:var(--card,#fff);color:var(--txt,#111C29);width:100%;max-width:520px;max-height:86vh;overflow:auto;
  border-radius:24px 24px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));
  transform:translateY(100%);transition:transform .34s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
.nx-sheet.on .nx-in{transform:none}
.nx-grab{width:40px;height:5px;border-radius:99px;background:var(--line-2,#CFD6DF);margin:0 auto 16px}

/* ── أدوات الإعدادات ── */
.nx-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--paper-2,#EEF1F5);border-radius:12px;padding:4px;margin-bottom:14px}
.nx-seg button{border:0;background:none;border-radius:9px;padding:10px 4px;font-family:var(--font-display,inherit);color:var(--txt-2,#4E5D6E);cursor:pointer}
.nx-seg button[aria-checked="true"]{background:var(--card,#fff);color:var(--txt,#111C29);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.nx-sw{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;font-size:14px}
.nx-sw small{display:block;font-size:12px;color:var(--txt-3,#6B7885);margin-top:2px}
.nx-sw input{position:absolute;opacity:0;pointer-events:none}
.nx-sw i{width:48px;height:28px;border-radius:99px;background:var(--line-2,#CFD6DF);position:relative;flex:none;transition:background .2s}
.nx-sw i::after{content:"";position:absolute;top:3px;inset-inline-end:3px;width:22px;height:22px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.25);transition:inset-inline-end .2s cubic-bezier(.2,.8,.2,1)}
.nx-sw input:checked + i{background:#DE7238}
.nx-sw input:checked + i::after{inset-inline-end:23px}
.nx-sw input:focus-visible + i{outline:2.5px solid #DE7238;outline-offset:2px}

/* ── حجم الخط ── */
html.nx-t1 body{zoom:1.12}
html.nx-t2 body{zoom:1.25}

/* ── التباين العالي ── */
html.nx-hc{--txt:#000;--txt-2:#1B2733;--txt-3:#2B3845;--muted:#1B2733;--line:#9FAAB6;--line-2:#7D8996;
  --ink-txt:#E3EAF1;--ink-txt-2:#CBD6E0;--on-ink:#F2F6FA;--on-ink-2:#D6DFE8;--nav-txt:#EEF3F8;--nav-sec:#CBD6E0;
  --copper-tx:#5A2606;--ok:#0B5E44;--danger:#8A1F1B;--warn:#6B4206}
html.nx-hc ::placeholder{color:#3A4652!important;opacity:1}
html.nx-hc .q,html.nx-hc .card,html.nx-hc .panel-card{border-width:1.5px}