/* =====================================================================
   جلب — التصميم الجديد (الإصدار 2): فاتح نظيف بهوية جلب + لون لكل قسم + حركة هادئة
   يُحمَّل بعد كل ملفات التصميم السابقة ويعيد تلوين كل الشاشات.
   ===================================================================== */
:root{
  --bg:#f4f5fa;--surface:#ffffff;--surface2:#f5f6fb;--ink:#15161c;--muted:#6b7280;--line:#e8eaf2;
  --brand:#212125;--yellow:#ffdf00;--red:#c8102e;--accent:#c8102e;--accent-ink:#fff;
  --ok:#0f9d68;--okbg:#e5f6ee;--warn:#a16207;--warnbg:#fff3d1;--bad:#c81e3a;--badbg:#fde8ec;
  --bar:#3b3f4a;--bar2:#e6c800;
  --r:22px;--r2:16px;--r3:12px;
  --sh1:0 1px 2px #1b1f3a0a,0 6px 20px #1b1f3a10;--sh2:0 14px 40px #1b1f3a24;--sh3:0 30px 80px #1b1f3a40;
  --glass:color-mix(in srgb,var(--surface) 78%,transparent);
  --ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.56,.64,1);
  --g-today:#f59e0b;--g-ops:#3b82f6;--g-money:#10b981;--g-fleet:#f97316;--g-people:#8b5cf6;--g-sys:#64748b;
  color-scheme:light
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0e0f14;--surface:#171921;--surface2:#1e212b;--ink:#f2f3f7;--muted:#9aa1b2;--line:#282c38;--brand:#0b0c10;
  --accent:#ff4d63;--accent-ink:#15161c;--ok:#4cd39a;--okbg:#14332a;--warn:#f3cf5c;--warnbg:#38300f;--bad:#ff7085;--badbg:#3b1820;
  --sh1:0 1px 2px #0006,0 6px 20px #0004;--sh2:0 14px 40px #0008;--sh3:0 30px 80px #000a;color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0e0f14;--surface:#171921;--surface2:#1e212b;--ink:#f2f3f7;--muted:#9aa1b2;--line:#282c38;--brand:#0b0c10;
  --accent:#ff4d63;--accent-ink:#15161c;--ok:#4cd39a;--okbg:#14332a;--warn:#f3cf5c;--warnbg:#38300f;--bad:#ff7085;--badbg:#3b1820;
  --sh1:0 1px 2px #0006,0 6px 20px #0004;--sh2:0 14px 40px #0008;--sh3:0 30px 80px #000a;color-scheme:dark}

/* ---------- الأساس ---------- */
html{scroll-behavior:smooth}
body{background:var(--bg)!important;background-image:radial-gradient(900px 420px at 100% -8%,color-mix(in srgb,var(--yellow) 16%,transparent),transparent 65%),radial-gradient(700px 380px at -5% 6%,color-mix(in srgb,var(--g-ops) 9%,transparent),transparent 60%)!important;background-attachment:fixed!important;color:var(--ink);font-size:15px;-webkit-tap-highlight-color:transparent}
::selection{background:var(--yellow);color:#15161c}
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}
h1{font-size:27px;font-weight:800;letter-spacing:-.015em;margin-bottom:2px}
h2{font-size:17px;font-weight:800}
.sub{color:var(--muted)}
body::before{background:var(--surface)!important}

/* ---------- الشريط العلوي ---------- */
body .top{background:var(--glass)!important;color:var(--ink)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:saturate(1.7) blur(16px);-webkit-backdrop-filter:saturate(1.7) blur(16px);padding-top:8px;padding-bottom:8px;transition:box-shadow .3s}
body .top.sc{box-shadow:0 8px 30px #1b1f3a1a!important}
body .top .brand strong{color:var(--ink)}body .top .brand small{color:var(--muted)}
body .top select,body .top .chip{background:var(--surface2)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:14px!important;min-height:42px;transition:transform .2s var(--ease),background .2s,box-shadow .2s}
body .top .chip:hover{transform:translateY(-2px);box-shadow:var(--sh1)}
body .top .chip:active{transform:scale(.95)}
.mark{border-radius:12px;box-shadow:0 6px 16px color-mix(in srgb,var(--yellow) 55%,transparent);animation:markin .8s var(--spring) both}
@keyframes markin{from{transform:scale(.6) rotate(-14deg);opacity:0}}
.top .save{font-size:0!important;gap:0}.top .save i{width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb,#4cc17f 25%,transparent);animation:pulse2 2.4s infinite}
.top .save button{display:none}
.chip.acct .av{background:linear-gradient(135deg,var(--yellow),#ffb800);box-shadow:0 4px 10px #ffb80055}
.netst{background:var(--badbg)!important;color:var(--bad)!important;border-radius:999px;padding:3px 12px}
#qkb{background:var(--yellow)!important;color:#15161c!important;border-color:transparent!important;font-weight:800;gap:6px;display:inline-flex;align-items:center}
#qkb svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
#theme.ic{width:42px;padding:0;display:inline-grid;place-items:center;font-size:18px}
@media(max-width:700px){#qkb span{display:none}#qkb{width:42px;padding:0;justify-content:center}.top .brand small{display:none}}

/* ---------- القائمة الجانبية (كمبيوتر) ---------- */
@media(min-width:1000px){
  body.app .layout{grid-template-columns:268px minmax(0,1fr);gap:28px}
  body.app #side{border:0!important;border-radius:var(--r)!important;box-shadow:var(--sh1)!important;background:var(--surface)!important;padding:14px 10px 16px!important}
}
.navq{background:var(--surface2)!important;border:1px solid transparent!important;border-radius:14px!important;min-height:44px!important}
.navq:focus{border-color:var(--yellow)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--yellow) 30%,transparent)!important}
.ng{display:flex;align-items:center;gap:8px;font-size:12px!important;font-weight:800!important;color:var(--muted)!important;margin:16px 10px 6px!important;cursor:pointer;user-select:none;letter-spacing:0!important}
.ng::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,var(--muted))}
.ng::after{content:"‹";margin-inline-start:auto;font-size:16px;transform:rotate(-90deg);transition:transform .3s var(--ease);opacity:.6}
.ng.closed::after{transform:rotate(0)}
#sheet .ng{cursor:default}#sheet .ng::after{display:none}
.nv{--c:var(--g-sys);border-radius:14px!important;min-height:46px!important;gap:12px!important;transition:background .25s var(--ease),transform .25s var(--ease),color .25s!important}
.nv[data-g="today"]{--c:var(--g-today)}.nv[data-g="ops"]{--c:var(--g-ops)}.nv[data-g="money"]{--c:var(--g-money)}.nv[data-g="fleet"]{--c:var(--g-fleet)}.nv[data-g="people"]{--c:var(--g-people)}.nv[data-g="sys"]{--c:var(--g-sys)}
.ng[data-g="today"]{--c:var(--g-today)}.ng[data-g="ops"]{--c:var(--g-ops)}.ng[data-g="money"]{--c:var(--g-money)}.ng[data-g="fleet"]{--c:var(--g-fleet)}.ng[data-g="people"]{--c:var(--g-people)}.ng[data-g="sys"]{--c:var(--g-sys)}
.nv svg{width:36px!important;height:36px!important;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);opacity:1!important;transition:background .25s,color .25s,transform .3s var(--spring)!important;flex:none}
.nv:hover{background:color-mix(in srgb,var(--c) 7%,transparent)!important;transform:translateX(-3px)!important}
.nv:hover svg{transform:scale(1.1) rotate(-4deg)!important}
.nv.on{background:color-mix(in srgb,var(--c) 13%,var(--surface))!important;color:var(--ink)!important;font-weight:800}
.nv.on svg{background:var(--c);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--c) 50%,transparent)}
.nv.on::before{background:var(--c)!important}
.nv em{background:var(--red)!important;border-radius:999px!important;animation:pulse 2.4s infinite}
.nv.gc{display:none!important}
.nv.gshow{animation:navin .35s var(--ease) both}
@keyframes navin{from{opacity:0;transform:translateY(-6px)}}

/* ---------- الشريط السفلي (جوال) ---------- */
@media(max-width:999px){
  body.app #bnav{background:var(--glass)!important;border-top:1px solid var(--line)!important;backdrop-filter:blur(18px) saturate(1.6);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -10px 40px #1b1f3a14!important;align-items:flex-end;gap:2px}
  #bnav button{position:relative;color:var(--muted)!important;font-size:11px;font-weight:700;min-height:54px;border-radius:16px;transition:color .25s,transform .25s var(--spring)}
  #bnav button svg{width:24px;height:24px;transition:transform .35s var(--spring)}
  #bnav button.on{color:var(--ink)!important}
  #bnav button.on svg{transform:translateY(-3px) scale(1.12);color:var(--c,var(--accent))}
  #bnav button.on::before{content:"";position:absolute;top:2px;width:30px;height:4px;border-radius:4px;background:var(--c,var(--yellow));animation:grow .35s var(--spring)}
  #bnav button.fab{flex:0 0 64px;height:64px;min-height:64px;margin-top:-26px;border-radius:50%;background:linear-gradient(145deg,#ffe84a,#ffc400)!important;color:#15161c!important;box-shadow:0 12px 28px #ffb80070,0 0 0 6px var(--bg);display:grid;place-items:center}
  #bnav button.fab svg{width:30px;height:30px;stroke-width:2.6;transform:none!important;color:#15161c}
  #bnav button.fab::before{display:none}
  #bnav button.fab:active{transform:scale(.9)}
  #bnav button.fab.open{transform:rotate(45deg)}
  #bnav em{background:var(--red);color:#fff}
  body.app{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
  #toast{bottom:calc(98px + env(safe-area-inset-bottom,0px))!important}
  #aifab{bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
  #up{bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
}
/* قائمة «المزيد» على الجوال: بلاطات ملوّنة */
#sheet .pn{border-radius:28px 28px 0 0!important;padding-top:12px!important;background:var(--surface)!important}
#sheet .gr{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}
#sheet .nv{flex-direction:column;text-align:center;min-height:92px!important;padding:12px 4px!important;font-size:12px;border:0!important;background:var(--surface2);justify-content:center;gap:8px!important;position:relative}
#sheet .nv:hover{transform:none!important}
#sheet .nv em{position:absolute;top:6px;inset-inline-end:8px;margin:0}
#sheet .nv::before{display:none}
#sheet .nv.on{background:color-mix(in srgb,var(--c) 16%,var(--surface))!important}

/* ---------- الكروت والأرقام ---------- */
.card{border:0!important;border-radius:var(--r)!important;box-shadow:var(--sh1)!important;padding:20px!important;background:var(--surface)}
.card:hover{box-shadow:var(--sh1)}
.card[data-act]:hover,.kpi:hover{box-shadow:var(--sh2)!important}
.kpi{padding:18px 18px 16px!important}
.kpi::after{display:none!important}
.kpis>.kpi{--k:var(--g-ops);background:radial-gradient(130% 100% at 100% 0,color-mix(in srgb,var(--k) 15%,transparent),transparent 62%),var(--surface)}
.kpis>.kpi:nth-child(2){--k:var(--g-money)}.kpis>.kpi:nth-child(3){--k:var(--g-fleet)}.kpis>.kpi:nth-child(4){--k:var(--g-people)}
.kpi.r{--k:var(--red)!important}.kpi.y{--k:#f5a300!important}
.kpi span{font-weight:700;color:var(--muted)}
.kpi strong{font-weight:800;letter-spacing:-.02em;font-size:28px}
.view-in>*{animation:rise2 .6s var(--ease) both!important;animation-delay:calc(var(--i,0)*55ms)!important}
.view-in .card,.view-in .kpi{animation:rise2 .6s var(--ease) both!important;animation-delay:calc(var(--i,0)*55ms)!important}
@keyframes rise2{from{opacity:0;transform:translateY(22px) scale(.985)}}

/* ---------- أزرار وحقول ---------- */
.btn{border-radius:14px!important;min-height:44px;font-weight:700;border:1px solid var(--line)!important;background:var(--surface);color:var(--ink);transition:transform .2s var(--spring),box-shadow .25s,background .2s,border-color .2s!important}
.btn:hover{border-color:color-mix(in srgb,var(--ink) 18%,var(--line))!important;box-shadow:var(--sh1)!important;transform:translateY(-2px)!important}
.btn:active{transform:scale(.95)!important}
.btn.p{background:linear-gradient(180deg,#ffe84a,var(--yellow))!important;color:#15161c!important;border-color:transparent!important;box-shadow:0 8px 20px color-mix(in srgb,var(--yellow) 55%,transparent)!important}
.btn.p:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--yellow) 70%,transparent)!important}
.btn.d{color:var(--bad)!important;border-color:color-mix(in srgb,var(--bad) 40%,transparent)!important;background:transparent}
.btn.s{min-height:36px;border-radius:12px!important;padding:0 12px}
input,select,textarea{border-radius:14px!important;border:1px solid var(--line)!important;background:var(--surface)!important;min-height:46px;transition:border-color .2s,box-shadow .25s!important}
input:focus,select:focus,textarea:focus{border-color:var(--yellow)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--yellow) 30%,transparent)!important}
input[type=checkbox],input[type=radio]{accent-color:#f5a300}
.seg{border:0!important;background:var(--surface2);border-radius:16px!important;padding:4px;gap:2px}
.seg button{border-radius:12px;background:transparent!important;color:var(--muted);font-weight:700;transition:background .25s,color .25s,box-shadow .25s}
.seg button.on{background:var(--surface)!important;color:var(--ink)!important;box-shadow:var(--sh1)!important}
.badge{border-radius:999px!important;font-weight:700}
.note{border-radius:16px!important}
.empty{color:var(--muted)}
th{background:var(--surface2)!important;border-radius:0}
table{border-collapse:separate;border-spacing:0}
.stack tbody tr{transition:background .2s}
.stack tbody tr:hover{background:color-mix(in srgb,var(--yellow) 8%,var(--surface))!important}
dialog{border-radius:26px!important;box-shadow:var(--sh3)!important;background:var(--surface)!important}
dialog::backdrop{background:#0b0c1488!important;backdrop-filter:blur(6px)}
.dh{border-radius:26px 26px 0 0}
@media(max-width:700px){
  dialog{margin:auto 0 0!important;width:100%!important;max-width:100%!important;border-radius:26px 26px 0 0!important}
  dialog[open]{animation:sheetup .45s var(--ease)!important}
}
@keyframes sheetup{from{transform:translateY(60%);opacity:.4}}
#toast div{border-radius:999px!important;padding:12px 20px!important;background:var(--brand)!important;box-shadow:var(--sh3)}
#up{background:var(--surface)!important;color:var(--ink)!important;box-shadow:var(--sh2)!important}
#gs .gp{border-radius:26px!important}#gs input{border-radius:16px!important}
.gsi{border-radius:14px!important}

/* ---------- شاشة الدخول ---------- */
#jauth{background:radial-gradient(800px 480px at 85% 0,#ffdf0050,transparent 60%),radial-gradient(700px 400px at 0 100%,#3b82f635,transparent 60%),linear-gradient(160deg,#13141a,#23252f)!important}
#jauth::before,#jauth::after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;animation:floaty 9s ease-in-out infinite}
#jauth::before{width:220px;height:220px;background:radial-gradient(circle at 30% 30%,#ffdf00,#ffdf0000 70%);top:8%;inset-inline-start:6%}
#jauth::after{width:300px;height:300px;background:radial-gradient(circle at 30% 30%,#c8102e88,#c8102e00 70%);bottom:4%;inset-inline-end:4%;animation-delay:-4s}
.ja-card{border-radius:30px!important;box-shadow:var(--sh3)!important;position:relative;z-index:2}
@keyframes floaty{50%{transform:translateY(-26px) scale(1.06)}}

/* =====================================================================
   الصفحة الرئيسية الجديدة
   ===================================================================== */
.hm{display:grid;gap:20px;max-width:1100px}
.hm-hero{position:relative;overflow:hidden;border-radius:30px;padding:26px 24px 24px;color:#fff;background:linear-gradient(135deg,#1a1b22 0%,#2a2c38 55%,#3a3340 100%);box-shadow:var(--sh2)}
.hm-hero::before,.hm-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.hm-hero::before{width:240px;height:240px;inset-block-start:-90px;inset-inline-end:-50px;background:radial-gradient(circle,#ffdf00 0,#ffdf0000 68%);opacity:.65;animation:floaty 10s ease-in-out infinite}
.hm-hero::after{width:200px;height:200px;inset-block-end:-100px;inset-inline-start:10%;background:radial-gradient(circle,#c8102e 0,#c8102e00 68%);opacity:.7;animation:floaty 12s ease-in-out infinite reverse}
.hm-hero>*{position:relative;z-index:1}
.hm-hi{font-size:14px;color:#ffdf00;font-weight:700;display:flex;align-items:center;gap:8px}
.hm-hi .wave{display:inline-block;transform-origin:70% 70%;animation:wave 2.6s ease-in-out infinite 1s}
@keyframes wave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(16deg)}20%,40%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}}
.hm-name{font-size:30px;font-weight:800;margin:4px 0 2px;letter-spacing:-.02em}
.hm-date{color:#c9ccd8;font-size:13px;display:flex;gap:10px;flex-wrap:wrap}
.hm-date b{color:#fff;font-weight:700}
.hm-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.hm-chip{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:7px 14px;font:700 13px Cairo,sans-serif;color:#fff;background:#ffffff1f;backdrop-filter:blur(6px);cursor:pointer;transition:transform .25s var(--spring),background .2s}
.hm-chip:hover{background:#ffffff33;transform:translateY(-2px)}.hm-chip:active{transform:scale(.94)}
.hm-chip.r{background:#c8102ecc}.hm-chip.y{background:#ffdf00;color:#15161c}
.hm-chip i{font-style:normal}
.hm-sec{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 4px -6px}
.hm-sec h2{margin:0;font-size:18px}
.hm-sec button{border:0;background:none;color:var(--muted);font:700 13px Cairo,sans-serif;cursor:pointer;padding:6px 10px;border-radius:10px}
.hm-sec button:hover{background:var(--surface2);color:var(--ink)}
/* إحصاءات اليوم */
.hm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hm-stat{position:relative;overflow:hidden;border-radius:var(--r);padding:16px 16px 14px;background:radial-gradient(120% 100% at 100% 0,color-mix(in srgb,var(--c) 17%,transparent),transparent 65%),var(--surface);box-shadow:var(--sh1);cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s;border:0;text-align:start;font-family:inherit;color:inherit;display:block;width:100%}
.hm-stat:hover{transform:translateY(-4px);box-shadow:var(--sh2)}.hm-stat:active{transform:scale(.97)}
.hm-stat>span{display:block;font-size:12.5px;font-weight:700;color:var(--muted)}
.hm-stat strong{display:block;font-size:30px;font-weight:800;line-height:1.25;letter-spacing:-.02em;margin:2px 0}
.hm-stat strong small{font-size:13px;font-weight:700;color:var(--muted);margin-inline-start:4px}
.hm-stat .dl{margin-inline-start:0}
.hm-spark{display:flex;align-items:flex-end;gap:4px;height:34px;margin-top:8px}
.hm-spark i{flex:1;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--c) 28%,transparent);height:4px;transition:height .9s var(--ease);transition-delay:calc(var(--n)*60ms)}
.hm-spark i:last-child{background:var(--c)}
/* بلاطات الأزرار الكبيرة */
.hm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hm-tile{--c:var(--g-sys);position:relative;overflow:hidden;border:0;border-radius:24px;padding:18px 16px 16px;background:var(--surface);box-shadow:var(--sh1);display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-align:start;cursor:pointer;font:inherit;color:var(--ink);min-height:128px;transition:transform .4s var(--spring),box-shadow .35s}
.hm-tile[data-g="today"]{--c:var(--g-today)}.hm-tile[data-g="ops"]{--c:var(--g-ops)}.hm-tile[data-g="money"]{--c:var(--g-money)}.hm-tile[data-g="fleet"]{--c:var(--g-fleet)}.hm-tile[data-g="people"]{--c:var(--g-people)}.hm-tile[data-g="sys"]{--c:var(--g-sys)}
.hm-tile::before{content:"";position:absolute;inset:0;background:radial-gradient(130% 90% at 100% 0,color-mix(in srgb,var(--c) 22%,transparent),transparent 62%);pointer-events:none;transition:opacity .35s}
.hm-tile::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;inset-inline-start:-30px;inset-block-end:-34px;background:color-mix(in srgb,var(--c) 14%,transparent);transition:transform .5s var(--ease)}
.hm-tile:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:var(--sh2)}
.hm-tile:hover::after{transform:scale(2.2)}
.hm-tile:active{transform:scale(.95)}
.hm-ic{position:relative;z-index:1;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--c),color-mix(in srgb,var(--c) 68%,#000));box-shadow:0 10px 22px color-mix(in srgb,var(--c) 45%,transparent);transition:transform .45s var(--spring)}
.hm-ic svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hm-tile:hover .hm-ic{transform:scale(1.12) rotate(-8deg)}
.hm-tile b{position:relative;z-index:1;font-size:16px;font-weight:800;line-height:1.3}
.hm-tile small{position:relative;z-index:1;display:block;color:var(--muted);font-size:12px;font-weight:600;margin-top:-10px}
.hm-bd{position:absolute;z-index:2;top:12px;inset-inline-end:12px;min-width:26px;height:26px;border-radius:13px;padding:0 8px;display:grid;place-items:center;background:var(--red);color:#fff;font:800 12px Cairo,sans-serif;animation:pulse 2.4s infinite}
.hm-tile.add{background:linear-gradient(145deg,#ffe84a,#ffc400);color:#15161c;--c:#b45309}
.hm-tile.add::before{background:radial-gradient(130% 90% at 100% 0,#fff8,transparent 60%)}
.hm-tile.add .hm-ic{background:#15161c;color:var(--yellow);box-shadow:0 10px 22px #0004}
.hm-tile.add small{color:#4a3b00}
/* قائمة الانتباه */
.hm-att{padding:6px!important}
.hm-ar{display:flex;align-items:center;gap:14px;width:100%;border:0;background:none;padding:12px 12px;border-radius:18px;cursor:pointer;font:inherit;color:inherit;text-align:start;transition:background .2s,transform .25s var(--ease)}
.hm-ar:hover{background:var(--surface2);transform:translateX(-4px)}
.hm-ar .ai{flex:none;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-size:21px;background:var(--surface2)}
.hm-ar.s3 .ai{background:var(--badbg)}.hm-ar.s2 .ai{background:var(--warnbg)}.hm-ar.s1 .ai{background:color-mix(in srgb,var(--g-ops) 14%,transparent)}
.hm-ar>div{flex:1;min-width:0}.hm-ar b{display:block;font-size:14.5px;font-weight:700;line-height:1.5}
.hm-ar small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.hm-ar .ag{color:var(--muted);font-size:22px;transition:transform .25s var(--ease)}
.hm-ar:hover .ag{transform:translateX(-5px)}
.hm-ok{display:flex;align-items:center;gap:16px;padding:18px}
.hm-ok svg{width:58px;height:58px;flex:none}
.hm-ok circle{fill:none;stroke:var(--ok);stroke-width:4;stroke-dasharray:166;stroke-dashoffset:166;animation:draw .9s var(--ease) forwards}
.hm-ok path{fill:none;stroke:var(--ok);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:draw .6s var(--ease) .6s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
/* اسأل جلب + آخر النشاطات */
.hm-ask{display:flex;gap:10px;align-items:center;padding:8px 8px 8px 8px!important;border-radius:22px!important}
.hm-ask>span{font-size:22px;margin-inline-start:10px}
.hm-ask input{flex:1;border:0!important;background:transparent!important;box-shadow:none!important;font-size:15px;min-height:44px}
.hm-ask input:focus{box-shadow:none!important}
.hm-two{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.hm-act{display:flex;gap:12px;align-items:flex-start;padding:10px 4px;position:relative}
.hm-act+.hm-act{border-top:1px dashed var(--line)}
.hm-act i{flex:none;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--surface2);font-style:normal;font-size:15px}
.hm-act b{display:block;font-size:13.5px;font-weight:700}.hm-act small{color:var(--muted);font-size:12px}
.hm-skel{height:96px;border-radius:var(--r)}
.skel{background:linear-gradient(90deg,var(--surface2),color-mix(in srgb,var(--line) 70%,var(--surface)),var(--surface2))!important;background-size:200% 100%;animation:shim 1.2s infinite}
@media(max-width:999px){
  .hm-stats{grid-template-columns:repeat(2,1fr)}
  .hm-grid{grid-template-columns:repeat(2,1fr)}
  .hm-two{grid-template-columns:1fr}
  .hm-name{font-size:26px}
}
@media(min-width:1000px) and (max-width:1250px){.hm-grid{grid-template-columns:repeat(3,1fr)}}

/* ---------- إضافة سريعة ---------- */
#qk{position:fixed;inset:0;z-index:95}
#qk .bd{position:absolute;inset:0;background:#0b0c1480;backdrop-filter:blur(5px);animation:fade .2s}
#qk .pn{position:absolute;inset-inline:0;bottom:0;background:var(--surface);border-radius:30px 30px 0 0;padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px));box-shadow:var(--sh3);animation:sheetup .45s var(--ease);max-height:86vh;overflow:auto}
#qk .gp{width:46px;height:5px;border-radius:5px;background:var(--line);margin:0 auto 14px}
#qk h3{margin:0 4px 12px;font-size:18px}
#qk .qg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#qk .qi{--c:var(--g-ops);border:0;border-radius:20px;background:var(--surface2);padding:16px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;font:700 13px Cairo,sans-serif;color:var(--ink);cursor:pointer;transition:transform .35s var(--spring),background .2s;animation:rise2 .5s var(--ease) both;animation-delay:calc(var(--i)*45ms)}
#qk .qi:hover{background:color-mix(in srgb,var(--c) 12%,var(--surface2));transform:translateY(-3px)}#qk .qi:active{transform:scale(.93)}
#qk .qi .hm-ic{width:48px;height:48px;border-radius:16px}
@media(min-width:1000px){
  #qk .pn{inset-inline:auto;inset-inline-end:20px;bottom:auto;top:70px;width:420px;border-radius:26px;animation:pop .28s var(--ease)}
  #qk .bd{background:transparent;backdrop-filter:none}
}

/* ---------- سحب للتحديث + احتفال ---------- */
#ptr{position:fixed;top:calc(70px + env(safe-area-inset-top,0px));inset-inline:0;display:grid;place-items:center;z-index:50;pointer-events:none;transform:translateY(-70px);opacity:0;transition:transform .3s var(--ease),opacity .2s}
#ptr span{width:44px;height:44px;border-radius:50%;background:var(--surface);box-shadow:var(--sh2);display:grid;place-items:center;font-size:20px}
#ptr.on{transform:translateY(0);opacity:1}#ptr.spin span{animation:sp .8s linear infinite}
#confetti{position:fixed;inset:0;z-index:300;pointer-events:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:themein .6s var(--ease)}
@keyframes themein{from{clip-path:circle(0 at var(--tx,50%) var(--ty,0))}to{clip-path:circle(150% at var(--tx,50%) var(--ty,0))}}

/* ---------- طباعة ---------- */
@media print{.hm-hero,#bnav,#qk,#ptr,#qkb{display:none!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}

/* ---------- قائمة «كل الأقسام» ---------- */
#mn{position:fixed;inset:0;z-index:96}
#mn .bd{position:absolute;inset:0;background:#0b0c1488;backdrop-filter:blur(8px);animation:fade .25s}
#mn .pn{position:absolute;inset-inline:0;bottom:0;max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border-radius:30px 30px 0 0;box-shadow:var(--sh3);animation:sheetup .5s var(--ease);padding:12px 16px 0}
#mn .gp{width:46px;height:5px;border-radius:5px;background:var(--line);margin:0 auto 12px;flex:none}
#mn .mh{display:flex;gap:8px;margin-bottom:10px;flex:none}#mn .mh input{flex:1}
#mn .mb{overflow:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
#mn .mg{margin-bottom:6px}
#mn .mt{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:var(--muted);margin:14px 4px 8px}
#mn .mt i{width:9px;height:9px;border-radius:50%;background:var(--c)}
#mn .mg[data-g="today"]{--c:var(--g-today)}#mn .mg[data-g="ops"]{--c:var(--g-ops)}#mn .mg[data-g="money"]{--c:var(--g-money)}#mn .mg[data-g="fleet"]{--c:var(--g-fleet)}#mn .mg[data-g="people"]{--c:var(--g-people)}#mn .mg[data-g="sys"]{--c:var(--g-sys)}
#mn .mgr{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#mn .mn-i{--c:var(--g-sys);position:relative;border:0;border-radius:20px;background:var(--surface2);padding:14px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;font:700 12.5px/1.35 Cairo,sans-serif;color:var(--ink);cursor:pointer;transition:transform .35s var(--spring),background .2s;animation:rise2 .5s var(--ease) both;animation-delay:calc(var(--i)*30ms)}
#mn .mn-i[data-g="today"]{--c:var(--g-today)}#mn .mn-i[data-g="ops"]{--c:var(--g-ops)}#mn .mn-i[data-g="money"]{--c:var(--g-money)}#mn .mn-i[data-g="fleet"]{--c:var(--g-fleet)}#mn .mn-i[data-g="people"]{--c:var(--g-people)}#mn .mn-i[data-g="sys"]{--c:var(--g-sys)}
#mn .mn-i:hover{background:color-mix(in srgb,var(--c) 13%,var(--surface2));transform:translateY(-3px)}#mn .mn-i:active{transform:scale(.93)}
#mn .mn-i.on{background:color-mix(in srgb,var(--c) 18%,var(--surface));box-shadow:inset 0 0 0 2px var(--c)}
#mn .mn-i .hm-ic{width:46px;height:46px;border-radius:16px}#mn .mn-i .hm-ic svg{width:24px;height:24px}
#mn .mn-i .hm-bd{top:6px;inset-inline-end:6px;min-width:22px;height:22px;font-size:11px}
#mn.out .pn{animation:sheetdown .25s ease-in forwards}#mn.out .bd{animation:fadeout .25s forwards}
@keyframes sheetdown{to{transform:translateY(100%)}}@keyframes fadeout{to{opacity:0}}
@media(min-width:760px){
  #mn .pn{inset-inline:0;margin-inline:auto;width:min(820px,92vw);bottom:auto;top:7vh;max-height:86vh;border-radius:30px;animation:pop .35s var(--ease);padding:18px 22px 0}
  #mn.out .pn{animation:popout .2s forwards}
  #mn .gp{display:none}
  #mn .mgr{grid-template-columns:repeat(5,1fr)}
}
@keyframes popout{to{opacity:0;transform:scale(.96)}}
/* ---------- جوال: شريط علوي بسطر واحد ---------- */
@media(max-width:700px){
  body .top{padding-top:6px;padding-bottom:6px}
  body .top .bar{flex-wrap:nowrap;gap:8px}
  body .top .brand{gap:8px;min-width:0}body .top .brand div{display:none}
  .mark{padding:4px 8px;font-size:17px;border-radius:10px}
  .tools{gap:6px;flex-wrap:nowrap}
  body .top .chip,body .top select{min-height:40px!important;padding:0 10px!important}
  #gsb{font-size:0!important;width:40px;justify-content:center}#gsb::before{content:"🔍";font-size:17px}
  .chip.acct{padding:0 4px!important}.chip.acct em.lc,.chip.acct .an{display:none}
  body .top select#month{max-width:128px;font-size:13px}
  .netst,.top .save{display:none}
}
/* ---------- مسار الاعتماد ---------- */
.fl-board{display:flex;align-items:stretch;gap:6px;overflow-x:auto;padding:4px 2px 10px;margin-bottom:6px;scrollbar-width:thin}
.fl-node{flex:1 0 128px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:12px;cursor:pointer;position:relative;color:var(--ink);font:inherit;box-shadow:var(--sh1);animation:rise2 .45s var(--ease) both;animation-delay:calc(var(--i,0)*60ms);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}
.fl-node:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.fl-node.on{border-color:var(--g-ops);box-shadow:0 0 0 3px color-mix(in srgb,var(--g-ops) 18%,transparent)}
.fl-node.me::after{content:"مرحلتك";position:absolute;top:8px;inset-inline-end:8px;font-size:10px;font-weight:700;background:#ffdf00;color:#212125;border-radius:20px;padding:1px 7px}
.fl-node.done{background:color-mix(in srgb,var(--ok) 8%,var(--surface))}
.fl-node .fl-ic{font-size:20px}
.fl-node b{font-size:14px}
.fl-node small{font-size:11px;color:var(--muted);line-height:1.4}
.fl-node em{font-style:normal;font-size:26px;font-weight:800;line-height:1.1;margin-top:auto}
.fl-node .fl-hold{color:var(--ink);opacity:.8}
.fl-node .fl-hold.w{color:var(--warn);opacity:1}
.fl-arrow{align-self:center;color:var(--muted);font-size:18px;flex:0 0 auto}
.fl-seg{margin:6px 0 12px}
.fl-list{display:grid;gap:12px}
.fl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:14px;box-shadow:var(--sh1);animation:rise2 .4s var(--ease) both;transition:opacity .25s,transform .25s}
.fl-card.mine{border-inline-start:4px solid #ffdf00}
.fl-card.fl-out{opacity:0;transform:translateX(-30px) scale(.98)}
.fl-top{display:flex;gap:12px;align-items:flex-start}
.fl-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fl-who b{font-size:15px}
.fl-who small{color:var(--muted);font-size:12.5px}
.fl-rc{width:58px;height:58px;object-fit:cover;border-radius:12px;border:1px solid var(--line);cursor:zoom-in}
.fl-steps{display:flex;align-items:center;gap:0;margin:12px 0 4px;overflow-x:auto}
.fl-st{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto;min-width:58px}
.fl-st i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;background:var(--surface2);color:var(--muted);border:2px solid var(--line);transition:all .3s var(--ease)}
.fl-st b{font-size:10.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.fl-st.ok i{background:var(--ok);border-color:var(--ok);color:#fff}
.fl-st.now i{background:#ffdf00;border-color:#ffdf00;color:#212125;animation:flPulse 1.6s ease-in-out infinite}
.fl-st.now b{color:var(--ink)}
.fl-st.bk i{background:var(--bad);border-color:var(--bad);color:#fff}
.fl-ln{flex:1 1 16px;min-width:10px;height:2px;background:var(--line);margin-bottom:16px}
.fl-st.ok+.fl-ln{background:var(--ok)}
@keyframes flPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,223,0,.55)}50%{box-shadow:0 0 0 7px rgba(255,223,0,0)}}
.fl-hist{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.fl-h{font-size:11.5px;background:var(--surface2);border-radius:20px;padding:3px 9px;color:var(--ink)}
.fl-h.ok{background:var(--okbg)}.fl-h.back{background:var(--warnbg)}.fl-h.drv{background:var(--badbg)}
.fl-h em{font-style:normal;color:var(--muted)}
.fl-note{margin-top:8px;font-size:12.5px;background:var(--badbg);color:var(--bad);border-radius:10px;padding:6px 10px}
.fl-wait{margin-top:8px;font-size:12.5px;color:var(--muted)}
.fl-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.fl-in{flex:1 1 100%;min-height:38px}
.fl-dots{display:inline-flex;gap:3px;margin-inline-start:6px;vertical-align:middle}
.fl-dots i{width:7px;height:7px;border-radius:50%;background:var(--line)}
.fl-dots i.ok{background:var(--ok)}.fl-dots i.now{background:#ffdf00;box-shadow:0 0 0 2px rgba(255,223,0,.35)}
@media(max-width:700px){.fl-node{flex-basis:112px;padding:10px}.fl-node em{font-size:22px}.fl-arrow{display:none}.fl-acts .btn{flex:1 1 auto}}
/* ---------- السائق: صوّر السند فقط ---------- */
#snap{display:grid;gap:12px;margin-bottom:14px}
.snap-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:210px;border-radius:28px;background:linear-gradient(160deg,#ffe94d,#ffd400);color:#212125;cursor:pointer;box-shadow:0 14px 36px rgba(255,212,0,.38),inset 0 -6px 0 rgba(0,0,0,.08);text-align:center;user-select:none;transition:transform .15s var(--ease);animation:rise2 .5s var(--ease) both}
.snap-btn:active{transform:scale(.97)}
.snap-btn .snap-ic{font-size:72px;line-height:1;animation:floaty 3s ease-in-out infinite}
.snap-btn b{font-size:28px;font-weight:800}
.snap-btn small{font-size:15px;opacity:.75}
.snap-alt{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border-radius:18px;border:2px dashed var(--line);background:var(--surface);color:var(--ink);font-size:16px;font-weight:600;cursor:pointer}
#snq{display:grid;gap:8px}
.snap-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px 12px;animation:rise2 .35s var(--ease) both;transition:opacity .4s,transform .4s}
.snap-row img{width:52px;height:52px;object-fit:cover;border-radius:10px}
.snap-row .snap-st{font-size:17px;font-weight:700}
.snap-row.ok{border-color:var(--ok);background:var(--okbg)}.snap-row.bad{border-color:var(--bad);background:var(--badbg)}
.snap-row.bye{opacity:0;transform:translateY(-8px)}
.snap-it{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.snap-it:last-child{border-bottom:0}
.snap-it img,.snap-ph{width:58px;height:58px;object-fit:cover;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;background:var(--surface2);font-size:26px;cursor:zoom-in}
.snap-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.snap-tx b{font-size:17px}
.snap-tx small{color:var(--muted);font-size:13px}
.snap-it.rej .snap-tx b{color:var(--bad)}.snap-it.done .snap-tx b{color:var(--ok)}
.snap-why{background:var(--badbg);color:var(--bad)!important;border-radius:8px;padding:3px 8px;width:fit-content}
.snap-ac{display:flex;gap:6px}.snap-ac .btn{min-height:46px;min-width:46px;font-size:20px;padding:0 10px}
body.entry #snap ~ .card #ef{display:none}

/* ---------- المندوب: إدخال البيانات من صورة السند ---------- */
.fl-miss{color:var(--warn)!important;font-weight:600}
.fl-form{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:14px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.fl-photo{display:flex;flex-direction:column;gap:4px;align-items:center}
.fl-photo img{width:100%;max-height:420px;object-fit:contain;background:var(--surface2);border-radius:14px;border:1px solid var(--line);cursor:zoom-in}
.fl-photo small{font-size:11px;color:var(--muted)}
.fl-photo.none{display:grid;place-items:center;min-height:120px;background:var(--surface2);border-radius:14px;color:var(--muted)}
.fl-fields{min-width:0;display:flex;flex-direction:column;gap:8px}
.fl-ai{font-size:12.5px;border-radius:10px;padding:6px 10px;background:color-mix(in srgb,var(--g-ops) 10%,var(--surface));color:var(--ink)}
.fl-ai.m{background:var(--surface2)}.fl-ai.w{background:var(--warnbg);color:var(--warn)}
.fl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
.fl-grid .f{display:flex;flex-direction:column;gap:3px;min-width:0}
.fl-grid .f.full{grid-column:1/-1}
.fl-grid label{font-size:12px;color:var(--muted);font-weight:600}
.fl-grid input,.fl-grid select{min-height:40px;width:100%;min-width:0}
.fl-grid .f.need label{color:var(--warn)}
.fl-grid .f.need input,.fl-grid .f.need select{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 6%,var(--surface))}
.fl-grid .f.shake{animation:flShake .4s}
@keyframes flShake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-width:700px){.fl-form{grid-template-columns:1fr}.fl-photo img{max-height:300px}.snap-btn{min-height:190px}}
/* ---------- دعوات الموظفين ---------- */
.ivlist{display:grid;gap:8px;max-height:560px;overflow:auto;padding:2px}
.ivr{border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);transition:box-shadow .2s,border-color .2s}
.ivr.on{border-color:var(--g-people);box-shadow:0 0 0 3px color-mix(in srgb,var(--g-people) 14%,transparent)}
.ivh{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:none;border:0;font:inherit;color:var(--ink);text-align:start;cursor:pointer}
.ivav{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--g-people) 16%,var(--surface));color:var(--g-people);font-weight:800;flex:0 0 auto}
.ivn{flex:1;min-width:0;display:flex;flex-direction:column}
.ivn b{font-size:14.5px}.ivn small{color:var(--muted);font-size:12px}
.ivc{color:var(--muted);font-size:12px}
.ive{padding:0 12px 12px;border-top:1px dashed var(--line);padding-top:10px}
.ive .chipx.on{background:var(--g-people);color:#fff;border-color:var(--g-people)}
.ivlink{margin-top:10px;background:var(--surface2);border-radius:12px;padding:10px}
.ivlink input{width:100%;font-size:12.5px}
.ja-inv{background:color-mix(in srgb,#ffdf00 22%,transparent);border:1px solid color-mix(in srgb,#ffdf00 60%,transparent);border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.6;margin:0 0 12px;color:inherit}
/* ---------- نموذج كل حساب ---------- */
.pvbtns{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pvb{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border-radius:var(--r2);border:1px solid var(--line);background:color-mix(in srgb,var(--c) 7%,var(--surface));color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s}
.pvb:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.pvb span{font-size:24px}.pvb b{font-size:15px}.pvb small{color:var(--muted);font-size:12px}
#pvdrawer{position:fixed;inset:0;z-index:80}
#pvdrawer .pvbg{position:absolute;inset:0;background:rgba(10,12,20,.45);opacity:0;transition:opacity .25s}
#pvdrawer.on .pvbg{opacity:1}
.pvpanel{position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(760px,100%);background:var(--bg);box-shadow:var(--sh3);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s var(--ease);padding-top:env(safe-area-inset-top,0px)}
[dir=rtl] .pvpanel{transform:translateX(100%)}
#pvdrawer.on .pvpanel{transform:none}
.pvtop{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--c) 10%,var(--surface))}
.pvtop>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.pvbig{font-size:30px;grid-row:span 2}.pvtop b{font-size:17px}.pvtop small{color:var(--muted)}
.pvtabs2{display:flex;gap:6px;padding:10px 18px;overflow-x:auto;border-bottom:1px solid var(--line)}
.pvtabs2 button{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:6px 12px;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer;color:var(--ink)}
.pvtabs2 button.on{background:var(--c);color:#fff;border-color:var(--c)}
.pvbody{flex:1;overflow:auto;padding:18px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}
.pvphone{position:relative;border:10px solid #1d1e24;border-radius:34px;background:var(--bg);padding:16px 12px;min-height:520px;box-shadow:var(--sh2);display:flex;flex-direction:column;gap:10px;font-size:13px}
.pvx{position:absolute;top:-10px;inset-inline-end:16px;background:#ffdf00;color:#212125;font-size:10px;font-weight:800;border-radius:0 0 8px 8px;padding:2px 8px}
.pvh{font-size:18px;font-weight:800}.pvsub{color:var(--muted);font-size:12px;margin-top:-6px}
.pvsnap{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 0;border-radius:22px;background:linear-gradient(160deg,#ffe94d,#ffd400);color:#212125;font-size:42px}
.pvsnap b{font-size:20px}
.pvalt{text-align:center;border:2px dashed var(--line);border-radius:14px;padding:10px;font-weight:600}
.pvlist{display:grid;gap:6px;background:var(--surface);border-radius:14px;padding:8px}
.pvit{display:flex;gap:8px;align-items:center;padding:6px 2px;border-bottom:1px solid var(--line)}.pvit:last-child{border:0}
.pvit>span:first-child{width:36px;height:36px;border-radius:10px;background:var(--surface2);display:grid;place-items:center}
.pvit div{flex:1;display:flex;flex-direction:column;gap:2px}.pvit small{color:var(--muted);font-size:11px}
.pvit.rej b{color:var(--bad)}.pvcam{background:#ffdf00;border-radius:10px;padding:6px 8px}
.pvtabs{display:flex;gap:4px}.pvtabs span{border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:11.5px;background:var(--surface)}.pvtabs .on{background:#212125;color:#fff}
.pvcard{background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid #ffdf00;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:4px}
.pvcard small{color:var(--muted);font-size:11.5px}
.pvform{display:grid;grid-template-columns:90px 1fr;gap:8px;margin-top:6px}
.pvimg{background:var(--surface2);border-radius:10px;display:grid;place-items:center;font-size:10.5px;color:var(--muted);min-height:110px;text-align:center}
.pvf{display:grid;gap:4px}.pvf i{font-style:normal;font-size:11px;border:1px solid var(--line);border-radius:7px;padding:4px 6px}
.pvf i.need{border-color:var(--warn);color:var(--warn)}
.pvacts{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.pvacts span{font-size:10.5px;border:1px solid var(--line);border-radius:7px;padding:4px 6px}
.pvacts .p{background:#ffdf00;border-color:#ffdf00;color:#212125;font-weight:700}.pvacts .d{color:var(--bad)}
.pvhist{font-size:11px;background:var(--okbg);border-radius:20px;padding:3px 8px;width:fit-content}
.pvmini{font-size:11.5px;color:var(--muted);text-align:center;padding:6px;border-top:1px dashed var(--line)}
.pvlists{display:flex;flex-direction:column;gap:14px}
.pvcan,.pvcant{border-radius:var(--r2);padding:14px 16px;background:var(--surface);border:1px solid var(--line)}
.pvcan{border-inline-start:4px solid var(--ok)}.pvcant{border-inline-start:4px solid var(--bad)}
.pvlists h3{margin:0 0 8px;font-size:15px}.pvlists ul{margin:0;padding-inline-start:18px;display:grid;gap:6px;font-size:14px;line-height:1.5}
@media(max-width:760px){.pvbody{grid-template-columns:1fr}.pvphone{min-height:0;max-width:320px;margin:0 auto}}
/* ---------- الدخول برقم الجوال ---------- */
.ja-pin{letter-spacing:.5em;text-align:center;font-size:20px!important;font-weight:700}
.ja-links .ja-quiet{opacity:.65;font-size:12px}
.pinbig{font-size:40px;font-weight:800;letter-spacing:.3em;text-align:center;padding:14px;background:var(--surface2);border-radius:14px;font-variant-numeric:tabular-nums}.ja-choice{display:grid;gap:8px}.ja-choice small{color:var(--muted);text-align:center;margin-top:-4px;font-size:12px}