/* ==========================================================
   Glassmorphism لایه‌ی دوم — بعد از theme.css بارگذاری می‌شود
   حالت صفحه توسط zaman-ui.js روی <body data-zt="login|dashboard|panel"> می‌نشیند
   ========================================================== */
:root{
  --g-bg1:#1b0b2e; --g-bg2:#3a0a4f; --g-pink:#ff0080; --g-violet:#7c3aed; --g-cyan:#22d3ee;
  --g-glass:rgba(255,255,255,.14); --g-glass-strong:rgba(255,255,255,.22);
  --g-stroke:rgba(255,255,255,.28); --g-blur:blur(22px) saturate(160%);
  --g-shadow:0 20px 60px -20px rgba(10,0,30,.55);
}

/* ---------- پس‌زمینه‌ی مشترک: مش‌گرادیانت رنگی ---------- */
body[data-zt]{
  background:
    radial-gradient(60vmax 60vmax at 85% -10%,rgba(255,0,128,.55),transparent 60%),
    radial-gradient(55vmax 55vmax at -10% 20%,rgba(124,58,237,.55),transparent 60%),
    radial-gradient(50vmax 50vmax at 70% 110%,rgba(34,211,238,.35),transparent 60%),
    linear-gradient(160deg,var(--g-bg1),var(--g-bg2));
  background-attachment:fixed;color:#fff;min-height:100dvh;
}
body[data-zt] .wholebg,body[data-zt] [class*="wholebglogin"]{background:transparent!important}
body[data-zt] .loginHeader{background:none!important}

/* متن‌ها روی پس‌زمینه‌ی تیره */
body[data-zt] .text-textColor,body[data-zt] .text-TextColor{color:#fff}
body[data-zt] .text-subTextColor,body[data-zt] .text-SubTextColor{color:rgba(255,255,255,.62)}
body[data-zt] .text-mainColor,body[data-zt] .text-dashboard{color:#ff7ac0}
body[data-zt] a{color:#ff9ad0}

/* ---------- شیشه: هر کارت سفید قبلی ---------- */
body[data-zt] .bg-boxColor,
body[data-zt] .bg-backColor{
  background:var(--g-glass)!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  border:1px solid var(--g-stroke)!important;
  box-shadow:var(--g-shadow),inset 0 1px 0 rgba(255,255,255,.35)!important;
  color:#fff;
}
body[data-zt] .border-1,body[data-zt] .border-main,body[data-zt] .border-subMain,
body[data-zt] .border-t-1,body[data-zt] .border-b-1,body[data-zt] .border-b-gray-200{border-color:rgba(255,255,255,.16)!important}
body[data-zt] hr{border-color:rgba(255,255,255,.14)}
body[data-zt] .hover\:bg-gray-100:hover{background:rgba(255,255,255,.10)!important}

/* ---------- ورودی‌ها ---------- */
body[data-zt] input,body[data-zt] textarea,body[data-zt] select{color:#fff!important;background:transparent}
body[data-zt] input::placeholder,body[data-zt] textarea::placeholder{color:rgba(255,255,255,.45)}
body[data-zt] .focus-within\:border-main,body[data-zt] .dropDown,body[data-zt] .dropDownNoSize,body[data-zt] .inputDatePicker{
  background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)!important;color:#fff;
  border-radius:14px;transition:border-color .2s,box-shadow .2s,background .2s}
body[data-zt] .focus-within\:border-main:focus-within,body[data-zt] .dropDown:focus-within{
  border-color:#ff7ac0!important;background:rgba(255,255,255,.16);box-shadow:0 0 0 4px rgba(255,0,128,.22)}
body[data-zt] input[type=file]{color:rgba(255,255,255,.75)!important}
body[data-zt] input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 9999s}

/* ---------- دکمه‌ها ---------- */
body[data-zt] button.bg-mainColor,body[data-zt] .bg-mainColor.rounded-lg{
  background:linear-gradient(135deg,#ff2d95 0%,#ff0080 45%,#a855f7 100%)!important;
  color:#fff!important;border:0!important;
  box-shadow:0 12px 28px -10px rgba(255,0,128,.75),inset 0 1px 0 rgba(255,255,255,.35)!important}
body[data-zt] button.bg-mainColor:hover{opacity:1;filter:brightness(1.08)}
body[data-zt] .text-iconColor{color:#fff}

/* ================= صفحه‌ی ورود ================= */
body[data-zt=login] [class*="wholebglogin"]{min-height:100dvh;align-items:center;justify-content:center;padding:24px 16px;position:relative;overflow:hidden}
/* نوار بالای صفحه (ثبت‌نام/تماس/...) به شکل قرص شیشه‌ای */
body[data-zt=login] .loginHeader,body[data-zt=login] [class*="wholebglogin"]>div.hidden{height:auto!important;display:flex!important;position:absolute;top:18px;left:0;right:0;justify-content:center;z-index:5}
body[data-zt=login] nav{position:static!important;padding:6px 10px!important;border-radius:999px;
  background:var(--g-glass);backdrop-filter:var(--g-blur);-webkit-backdrop-filter:var(--g-blur);border:1px solid var(--g-stroke)}
body[data-zt=login] nav>div{padding:6px 14px!important;border-radius:999px;transition:background .2s}
body[data-zt=login] nav>div:hover{background:var(--g-glass-strong)}
/* کارت اصلی ورود */
body[data-zt=login] [class*="mt-minus-200"]{
  margin-top:0!important;width:100%;max-width:440px!important;min-width:0!important;padding:34px 28px!important;
  border-radius:28px!important;position:relative;
  background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.07))!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 30px 80px -25px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.5)!important}
body[data-zt=login] [class*="mt-minus-200"]::before{ /* هاله‌ی نئونی پشت کارت */
  content:"";position:absolute;inset:-2px;border-radius:30px;z-index:-1;filter:blur(26px);opacity:.55;
  background:conic-gradient(from 200deg,#ff0080,#7c3aed,#22d3ee,#ff0080)}
body[data-zt=login] [class*="mt-minus-200"] img[alt=logo]{height:84px!important;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(255,0,128,.45))}
body[data-zt=login] [class*="mt-minus-200"] .text-xl{font-size:1.35rem;letter-spacing:-.2px}
body[data-zt=login] .font-bold.text-lg{display:block;text-align:center;font-size:1.6rem;margin-top:4px}
body[data-zt=login] .text-xs.text-subTextColor,body[data-zt=login] .text-xs.text-SubTextColor{text-align:center;line-height:1.9;font-size:.82rem}
/* فیلدهای بزرگ */
body[data-zt=login] .focus-within\:border-main{height:60px!important;padding:0 16px!important;gap:12px;border-radius:18px}
body[data-zt=login] .focus-within\:border-main input{height:100%!important;font-size:1.05rem;padding:0 6px!important;letter-spacing:.3px}
body[data-zt=login] .focus-within\:border-main svg{font-size:1.5rem!important;width:1.5rem;height:1.5rem;color:#ff9ad0;flex:none}
body[data-zt=login] button.bg-mainColor{height:58px!important;width:100%;font-size:1.05rem!important;border-radius:18px!important;margin-top:18px!important}
/* کپچا */
body[data-zt=login] canvas{border-radius:14px;background:rgba(255,255,255,.9);max-width:100%;height:auto;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)}
body[data-zt=login] #reload_href{color:#ff9ad0}
/* لینک‌های پایین فرم */
body[data-zt=login] .cursor-pointer.text-mainColor{padding:8px 4px;font-size:.82rem;opacity:.95}
body[data-zt=login] .cursor-pointer.text-mainColor:hover{opacity:1;text-decoration:underline}
/* نوار پایین موبایل */
body[data-zt=login] .bg-boxColor.md\:hidden{border-radius:20px;margin-top:16px;max-width:440px}

@media (max-width:640px){
  body[data-zt=login] [class*="wholebglogin"]{padding:16px 12px;align-items:flex-start;padding-top:72px}
  body[data-zt=login] [class*="mt-minus-200"]{padding:28px 18px!important;border-radius:24px!important}
  body[data-zt=login] .focus-within\:border-main{height:64px!important}   /* فیلد بزرگ‌تر در موبایل */
  body[data-zt=login] .focus-within\:border-main input{font-size:16px}
  body[data-zt=login] .loginHeader,body[data-zt=login] [class*="wholebglogin"]>div.hidden{display:none!important}
}

/* ================= پنل داخلی: سایدبار و صفحات ================= */
body[data-zt=panel],body[data-zt=dashboard]{overflow-x:hidden}
body[data-zt] .overflow-auto.bg-boxColor.h-full{border-radius:26px!important}
body[data-zt] .p-sidebar{padding:11px 14px;border-radius:16px;transition:background .2s,transform .2s}
body[data-zt] .p-sidebar.hover\:bg-mainColor:hover,
body[data-zt] .hover\:bg-mainColor:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}
body[data-zt] .bg-mainColor.rounded-xl{background:linear-gradient(135deg,rgba(255,0,128,.85),rgba(124,58,237,.8))!important;box-shadow:0 10px 24px -12px rgba(255,0,128,.8)}
body[data-zt] .Icon,body[data-zt] .p-sidebar svg{color:#ff9ad0}
/* جدول‌ها */
body[data-zt] table{border-collapse:separate;border-spacing:0;width:100%;color:#fff}
body[data-zt] thead th,body[data-zt] th{background:rgba(255,255,255,.12);color:#fff;font-weight:500;padding:12px 10px}
body[data-zt] td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.1)}
body[data-zt] tr:hover td{background:rgba(255,255,255,.06)}
/* تب‌ها (درگاه بانک / پرداخت از اعتبار) */
body[data-zt] .shadow-inner{box-shadow:none!important}
body[data-zt] .bg-mainColor.border-4{background:linear-gradient(135deg,#ff2d95,#7c3aed)!important;border:0!important;color:#fff!important;border-radius:12px}
/* مودال‌ها و تقویم */
body[data-zt] .rmdp-wrapper,body[data-zt] .rmdp-container .rmdp-wrapper{background:rgba(30,10,50,.85)!important;backdrop-filter:var(--g-blur);border:1px solid var(--g-stroke);border-radius:18px;color:#fff}
body[data-zt] .customToast{background:rgba(30,10,50,.85)!important;backdrop-filter:var(--g-blur);color:#ffb3da;border:1px solid var(--g-stroke);border-radius:16px}
body[data-zt] .splide__arrow{background:var(--g-glass-strong);backdrop-filter:var(--g-blur)}
body[data-zt] .splide__slide img{border-radius:20px}

@media (max-width:1023px){
  body[data-zt] .overflow-auto.bg-boxColor.h-full{background:rgba(30,10,50,.82)!important}
}

/* ================= داشبورد: گیج‌ها ================= */
body[data-zt=dashboard] [class*="grid"] .bg-boxColor.text-center{padding:18px 14px 16px!important;border-radius:24px!important;overflow:hidden;position:relative}
body[data-zt=dashboard] .bg-boxColor.text-center>hr{display:none}
.zt-gauge{width:100%;max-width:240px;margin:6px auto 2px;display:block}
.zt-gauge .track{stroke:rgba(255,255,255,.14)}
.zt-gauge .tick{stroke:rgba(255,255,255,.35)}
.zt-gauge .arc{transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}
.zt-gauge .needle{transform-origin:100px 100px;transition:transform 1.2s cubic-bezier(.34,1.4,.5,1)}
.zt-gauge .lbl{fill:rgba(255,255,255,.55);font-size:9px}
.zt-gauge .val{fill:#fff;font-size:22px;font-weight:700}
.zt-gauge .unit{fill:rgba(255,255,255,.65);font-size:10px}
/* مقدار متنی قدیمی داخل کارت پنهان می‌شود؛ همان عدد داخل گیج نمایش داده می‌شود */
body[data-zt=dashboard] .bg-boxColor.text-center[data-zt-gauge]>span.text-mainColor,
body[data-zt=dashboard] .bg-boxColor.text-center[data-zt-gauge]>div.justify-center{display:none}
body[data-zt=dashboard] .bg-boxColor.text-center[data-zt-gauge]>svg:first-child{display:none}  /* آیکن قدیمی */
@media (max-width:767px){
  body[data-zt=dashboard] [class*="grid"] .bg-boxColor.text-center{padding:12px 6px!important;border-radius:20px!important}
  .zt-gauge .val{font-size:20px}
}