/* ==========================================================
   تم مدرن و مینیمال «اینترنت زمان»
   - فقط لایه‌ی ظاهری؛ هیچ تغییری در JS / API ندارد
   - فونت: وزیرمتن (نسخه‌ی ارقام فارسی) => اعداد لاتین به شکل فارسی نمایش داده می‌شوند
   ========================================================== */

@font-face{font-family:"Vazirmatn FD";font-weight:400;font-style:normal;font-display:swap;
  src:url(/resources/fonts/Vazirmatn-FD-Regular.woff2) format("woff2")}
@font-face{font-family:"Vazirmatn FD";font-weight:500;font-style:normal;font-display:swap;
  src:url(/resources/fonts/Vazirmatn-FD-Medium.woff2) format("woff2")}
@font-face{font-family:"Vazirmatn FD";font-weight:700;font-style:normal;font-display:swap;
  src:url(/resources/fonts/Vazirmatn-FD-Bold.woff2) format("woff2")}

:root{
  --zt-font:"Vazirmatn FD",Vazirmatn,Tahoma,sans-serif;
  --zt-brand:#ff0080;
  --zt-brand-soft:#fff0f7;
  --zt-brand-ring:rgba(255,0,128,.18);
  --zt-bg:#f6f7fb;
  --zt-card:#fff;
  --zt-line:#eceef4;
  --zt-text:#14192a;
  --zt-muted:#8a8fa3;
  --zt-radius:16px;
  --zt-shadow:0 1px 2px rgba(20,25,42,.04),0 8px 24px -12px rgba(20,25,42,.10);
}

/* ---------- پایه: راست‌چین + فونت ---------- */
html{direction:rtl;-webkit-text-size-adjust:100%}
html,body,input,button,select,textarea,
.customToast,.inputDatePicker,
.rmdp-wrapper,.rmdp-container,.rmdp-container *,
.splide{font-family:var(--zt-font)!important}
body{
  background:var(--zt-bg);color:var(--zt-text);
  direction:rtl;text-align:right;line-height:1.75;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"kern","liga";
}
.directionRight{direction:rtl}
.directionLeft{direction:ltr}
/* فیلدهای LTR (موبایل، کپچا، ...) در راست باکس بنشینند و ارقام فارسی دیده شوند */
input.directionLeft,textarea.directionLeft{text-align:right}
input::placeholder,textarea::placeholder{color:#b1b5c4;text-align:right}
::selection{background:var(--zt-brand-ring)}

a{color:var(--zt-brand);font-weight:500}
a:hover{color:#d6006b}

/* ---------- پس‌زمینه‌ی صفحات ---------- */
.wholebg{background:linear-gradient(to bottom,#ffe6f2,#ffe6f2 220px,var(--zt-bg) 220px,var(--zt-bg))}
@media not all and (min-width:768px){
  .max-md\:wholebglogin{background:linear-gradient(to bottom,var(--zt-brand),#ff4fa3 260px,var(--zt-bg) 260px,var(--zt-bg))}
}

/* ---------- کارت‌ها ---------- */
.bg-boxColor{background:var(--zt-card)}
.bg-boxColor.rounded-xl,.bg-boxColor.rounded-lg,.bg-boxColor.rounded-md{
  border-radius:var(--zt-radius);
  border:1px solid var(--zt-line);
  box-shadow:var(--zt-shadow);
}
.border-1,.border-main,.border-subMain,.border-gray-300{border-color:var(--zt-line)}
.border-b-gray-200{border-color:var(--zt-line)}
.rounded-xl{border-radius:14px}
.rounded-md,.rounded-lg{border-radius:12px}
.shadow-md,.shadow-lg,.shadow-xl,.shadow-2xl,.shadow-custom{
  box-shadow:var(--zt-shadow)!important}

/* ---------- تایپوگرافی ---------- */
.text-textColor{color:var(--zt-text)}
.text-subTextColor{color:var(--zt-muted)}
.text-mainColor,.text-dashboard{color:var(--zt-brand)}
.text-xl{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:.875rem}
.text-xs{font-size:.78rem}
.font-bold{font-weight:700}
.font-medium{font-weight:500}

/* ---------- دکمه‌ها ---------- */
button{cursor:pointer;border-radius:12px}
button.bg-mainColor,.bg-mainColor.text-white,.bg-mainColor.rounded-xl{
  background:linear-gradient(135deg,#ff2d95,var(--zt-brand));
  border-color:transparent;
  box-shadow:0 8px 18px -8px rgba(255,0,128,.55);
  transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;
}
button.bg-mainColor:hover,.bg-mainColor.text-white:hover{opacity:.95;transform:translateY(-1px)}
button.bg-mainColor:active{transform:translateY(0)}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--zt-brand-ring);outline-offset:2px}
.hover\:bg-mainColor:hover{background:var(--zt-brand-soft)!important;color:var(--zt-brand)!important}
.hover\:bg-gray-100:hover{background:#f3f4f9}

/* ---------- ورودی‌ها ---------- */
input,textarea,select{border-radius:12px;font-size:.95rem}
input:not([type=radio]):not([type=checkbox]):focus,textarea:focus,select:focus{
  box-shadow:0 0 0 3px var(--zt-brand-ring)}
.dropDown,.dropDownNoSize{border-radius:12px;border-color:var(--zt-line);background:#fff}
.dropDown:focus-within,.dropDownNoSize:focus-within{
  border-color:var(--zt-brand);box-shadow:0 0 0 3px var(--zt-brand-ring)}
input[type=radio],input[type=checkbox]{accent-color:var(--zt-brand)}
.inputDatePicker{background:#f1f2f7;color:var(--zt-text);border-radius:12px;font-size:1rem;
  padding:0 12px;height:38px;width:100%;max-width:220px}

/* ---------- رسپانسیو: عرض‌های ثابت نشکنند ---------- */
img,svg,video{max-width:100%}
.w-96,.w-80,.w-72,.w-64,.w-52,.w-48,
.w-\[500px\],.w-\[413px\],.w-\[400px\],.w-\[280px\],.w-\[200px\]{max-width:100%}
.min-w-\[400px\],.xs\:min-w-\[400px\],.min-w-\[300px\]{min-width:0}
@media (min-width:420px){.xs\:min-w-\[400px\]{min-width:min(400px,100%)}}
.w-screen,.w-\[100vw\]{width:100%}
.h-screen{min-height:100vh;min-height:100dvh;height:auto}
.h-\[100vh\],.h-\[100svh\]{min-height:100dvh;height:auto}
table{max-width:100%}
.overflow-auto{-webkit-overflow-scrolling:touch}
/* جدول‌ها و محتوای عریض داخل خودشان اسکرول شوند نه کل صفحه */
main,section{min-width:0}
body{overflow-x:hidden}

@media not all and (min-width:768px){
  .max-md\:p-5{padding:1rem}
  .max-md\:rounded-none{border-radius:0}
  .bg-boxColor.rounded-xl{border-radius:14px}
  button,input:not([type=radio]):not([type=checkbox]),select{min-height:44px}   /* هدف لمسی مناسب */
  input,textarea,select{font-size:16px}     /* جلوگیری از زوم خودکار iOS */
}
@media not all and (min-width:640px){
  .max-sm\:p-2{padding:.75rem}
}

/* ---------- اسکرول‌بار و انیمیشن ---------- */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:#d3d6e2;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:#aeb3c6}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- Toast ---------- */
.customToast{color:var(--zt-brand);border-radius:12px;font-weight:500}