/* الواجهة الزجاجية 3D لمتجر Eagle Dent (1.8.0، طلب المستخدم 17 أكتوبر: «مirroring و3D قوي وألوان قوية زي سبيس والفريدة»)
   بألوان اللوجو: كحلي وأزرق سماوي على أبيض. ميزة «st_glass» في ST_FEATURES (store.py): بتتحمّل بس لو مفتوحة عند المتجر،
   ولو اتقفلت الشكل بيرجع زي ما كان. الطباعة بترجع أبيض سادة، والأجهزة اللي مابتدعمش الزجاج بتاخد أبيض شبه مصمت. */
.theme-store{--glass:rgba(255,255,255,.56);--gline:rgba(255,255,255,.9);--gshadow:0 10px 34px rgba(13,59,115,.16);
  --hi:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.35);--r:20px}
body.theme-store{background:#dfeaf7}
body.theme-store::before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;
  background:radial-gradient(42% 46% at 88% 6%,rgba(42,143,214,.62),transparent 70%),
    radial-gradient(36% 40% at 6% 28%,rgba(13,59,115,.42),transparent 70%),
    radial-gradient(44% 48% at 72% 84%,rgba(120,200,255,.55),transparent 70%),
    radial-gradient(32% 36% at 18% 96%,rgba(27,90,160,.40),transparent 70%),
    radial-gradient(28% 32% at 50% 50%,rgba(255,255,255,.7),transparent 70%)}

/* الهيدر والقايمة: زجاج كحلي غامق */
.theme-store .top{background:linear-gradient(180deg,rgba(10,47,92,.92),rgba(8,36,72,.94));-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);
  box-shadow:0 4px 24px rgba(6,30,60,.28),inset 0 -1px 0 rgba(255,255,255,.14)}
.theme-store .top .st-mark{box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 #fff}
.theme-store .menu-btn{border-radius:12px;background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.theme-store .side{background:linear-gradient(180deg,rgba(13,59,115,.90),rgba(6,30,60,.95));-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);
  border-inline-end:1px solid rgba(255,255,255,.10);box-shadow:4px 0 30px rgba(6,30,60,.22)}
.theme-store .side .sec{color:rgba(220,236,255,.66)}
.theme-store .side a{display:flex;align-items:center;gap:8px;padding:6px 10px;color:#eef5ff;border-radius:12px;transition:background .15s}
.theme-store .side a:hover{background:rgba(255,255,255,.12)}
.theme-store .side a.on{background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.08));color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 14px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.24)}

/* الكروت: زجاج + لمعة فوق */
.theme-store .card,.theme-store .kpi,.theme-store .li,.theme-store .table-wrap,.theme-store .sum,.theme-store .pill,.theme-store .auth-card,
.theme-store .tabs a,.theme-store .action,.theme-store .inst-box,.theme-store .rcard{
  background:var(--glass);border-color:var(--gline);box-shadow:var(--gshadow),var(--hi);
  -webkit-backdrop-filter:blur(22px) saturate(190%);backdrop-filter:blur(22px) saturate(190%)}
.theme-store .card,.theme-store .sum{border-radius:var(--r)}
.theme-store .card,.theme-store .kpi,.theme-store .sum,.theme-store .action{position:relative}
.theme-store .card::before,.theme-store .kpi::before,.theme-store .sum::before,.theme-store .action::before{
  content:"";position:absolute;inset:0 0 auto 0;height:48%;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0))}
.theme-store .card>*,.theme-store .sum>*,.theme-store .kpi>*,.theme-store .action>*{position:relative}
.theme-store .kpi{border-radius:18px;border-top:1px solid var(--gline);overflow:hidden;padding:14px 16px}
.theme-store .kpi::after{content:"";position:absolute;inset-inline:16px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,var(--brand),var(--copper))}
.theme-store .kpi .v{letter-spacing:-.3px}
.theme-store a.kpi{transition:transform .15s ease,box-shadow .15s ease}
.theme-store a.kpi:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(13,59,115,.22),var(--hi)}
.theme-store .kpi.on{outline:2px solid var(--copper)}
.theme-store .card.note{background:rgba(255,244,224,.82);border-color:rgba(243,217,166,.9)}
.theme-store .card.alert{background:rgba(233,243,252,.85);border-color:rgba(42,143,214,.5)}
.theme-store .table-wrap{background:rgba(255,255,255,.72);border-radius:16px}
.theme-store .li{border-radius:14px}
.theme-store .tabs a.on{background:linear-gradient(180deg,#1b5aa0,#0d3b73);color:#fff;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 10px rgba(13,59,115,.3)}
.theme-store .pill.on{background:linear-gradient(180deg,rgba(233,243,252,.95),rgba(255,255,255,.7));border-color:var(--copper)}
.theme-store .inst-box{background:rgba(255,255,255,.45)}

/* البانرات: كحلي ← أزرق بلمعة ودواير */
.theme-store .hero.st{border-radius:26px;padding:20px 22px;
  background:radial-gradient(120% 140% at 100% 0%,#4fb0ec 0%,#1b5aa0 38%,#0d3b73 72%,#071f3f 100%);
  box-shadow:0 14px 40px rgba(13,59,115,.36),inset 0 1px 0 rgba(255,255,255,.4)}
.theme-store .hero.st.light{background:radial-gradient(120% 140% at 100% 0%,#8fd3ff 0%,#2a8fd6 40%,#1b5aa0 80%,#0d3b73 100%)}
.theme-store .hero.st::before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;inset-inline-start:-80px;top:-120px;background:rgba(255,255,255,.12)}
.theme-store .hero.st::after{opacity:.2}
.theme-store .hero.st>*{position:relative;z-index:1}
.theme-store .hero .split div{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);color:#fff}

/* أيقونات ازاز 3D */
.theme-store .ic{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:11px;font-size:17px;line-height:1;vertical-align:middle;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(200,228,250,.45));border:1px solid rgba(255,255,255,.75);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -3px 6px rgba(13,59,115,.18),0 4px 10px rgba(13,59,115,.22)}
.theme-store .side .ic{background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.06));border-color:rgba(255,255,255,.3);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -3px 6px rgba(0,0,0,.24),0 4px 10px rgba(0,0,0,.28)}
.theme-store .side a.on .ic{background:linear-gradient(145deg,#8fd3ff,#2a8fd6);border-color:rgba(255,255,255,.7)}
.theme-store .action{border-radius:20px;padding:14px 6px 12px;transition:transform .15s ease,box-shadow .15s ease}
.theme-store .action span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 6px;border-radius:19px;font-size:29px;line-height:1;
  background:linear-gradient(145deg,#ffffff 0%,rgba(170,214,250,.8) 100%);border:1px solid rgba(255,255,255,.8);
  box-shadow:inset 0 2px 1px rgba(255,255,255,1),inset 0 -5px 10px rgba(27,90,160,.26),0 8px 16px rgba(13,59,115,.26),0 2px 3px rgba(13,59,115,.15)}
.theme-store .action:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(13,59,115,.22),var(--hi)}
.theme-store .action:active{transform:scale(.97)}

/* الزراير: لمعة ازاز */
.theme-store .btn{border-radius:13px;background:linear-gradient(180deg,#1b5aa0,#0d3b73);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 12px rgba(13,59,115,.3)}
.theme-store .btn:hover{background:linear-gradient(180deg,#2a8fd6,#1b5aa0)}
.theme-store .btn.ghost{background:rgba(255,255,255,.62);color:var(--brand);border:1px solid var(--gline);box-shadow:var(--hi),0 2px 8px rgba(13,59,115,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.theme-store .btn.ghost:hover{background:rgba(255,255,255,.9)}
.theme-store .btn.danger{background:linear-gradient(180deg,#d9574a,#b3322a)}

/* الفورم والجداول */
.theme-store input,.theme-store select,.theme-store textarea{background:rgba(255,255,255,.8);border-color:rgba(170,195,220,.7);border-radius:12px}
.theme-store input:focus,.theme-store select:focus,.theme-store textarea:focus{background:#fff}
.theme-store input[readonly],.theme-store select:disabled{background:rgba(238,244,251,.9)}
.theme-store .photo{background:rgba(233,243,252,.7);border-color:var(--copper)}
.theme-store th{background:rgba(233,243,252,.7)}.theme-store td{border-bottom-color:rgba(220,230,242,.8)}
.theme-store tr[data-href]:hover td{background:rgba(255,255,255,.6)}
.theme-store .flash{border:1px solid rgba(255,255,255,.6);box-shadow:var(--hi);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.theme-store .tag{box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.theme-store .auth{background:transparent}.theme-store .auth-card{border-radius:24px}
.theme-store .file img{box-shadow:var(--gshadow)}

@keyframes st-rise{from{transform:translateY(10px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:no-preference){.theme-store .kpi,.theme-store .action,.theme-store .hero.st{animation:st-rise .4s cubic-bezier(.2,.8,.2,1) both}}
@media(max-width:900px){.theme-store .side{box-shadow:-4px 0 30px rgba(6,30,60,.35)}}
@media(max-width:520px){.theme-store .hero.st{padding:18px;border-radius:22px}.theme-store .action span{width:50px;height:50px;font-size:25px;border-radius:16px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .theme-store .card,.theme-store .kpi,.theme-store .li,.theme-store .table-wrap,.theme-store .sum,.theme-store .action,.theme-store .auth-card{background:rgba(255,255,255,.95)}
  .theme-store .side,.theme-store .top{background:#0d3b73}}
@media print{body.theme-store::before,.theme-store .hero.st,.theme-store .card::before,.theme-store .kpi::before{display:none}body.theme-store{background:#fff}
  .theme-store .card,.theme-store .kpi,.theme-store .li,.theme-store .table-wrap{background:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#ddd}}