/* ============================================================
   MaxVPN — kavirserver.com | استایل سراسری دیزاین‌سیستم
   فونت + آیکون‌ها + توکن‌های برند
   (بوت‌استرپ فقط مخصوص صفحه ورود مدیریت است و همان‌جا لینک می‌شود)
   ============================================================ */
@import url("assets/css/yekanbakh.css");
@import url("assets/css/vazirmatn.css");
@import url("assets/fontawesome/css/all.min.css");

:root {
  /* متن و سطوح */
  --ink: #22373c;            /* @kind color */
  --muted: #5d7077;          /* @kind color */
  --soft: #64797f;           /* @kind color */ /* AA 4.5:1 (قبلاً 2.5:1) */
  --line: #e3ebec;           /* @kind color */
  --fill: #eef4f4;           /* @kind color */
  --bg: #f2f7f78a;           /* @kind color */
  --card: #ffffff;           /* @kind color */

  /* برند — teal فقط به‌عنوان accent */
  --teal: #4AA9A7;           /* @kind color */
  --teal-ink: #2E7573;       /* @kind color */ /* متن teal روی سطح روشن — AA */
  --coral-ink: #c9453b;      /* @kind color */ /* متن خطا روی سطح روشن — AA */
  --teal-d: #3D8887;         /* @kind color */
  --teal-soft: #e6f4f3;      /* @kind color */

  /* accentهای وضعیت */
  --amber: #F5AF19;          /* @kind color */
  --amber-d: #9d6b00;        /* @kind color */ /* متن هشدار AA (قبلاً 2.9:1) */
  --amber-soft: #fdf1d6;     /* @kind color */
  --coral: #ef736a;          /* @kind color */
  --coral-soft: #fde9e6;     /* @kind color */
  --indigo: #6f73e6;         /* @kind color */
  --indigo-soft: #ecedfc;    /* @kind color */
  --emerald: #23a268;        /* @kind color */
  --emerald-soft: #e2f4eb;   /* @kind color */
  --rose: #e76aa0;           /* @kind color */
  --rose-soft: #fce8f1;      /* @kind color */

  /* هندسه و سایه */
  --r: 16px;                 /* @kind radius */
  --r-sm: 12px;              /* @kind radius */
  --sh: 0 1px 2px rgba(20,45,48,.05), 0 1px 3px rgba(20,45,48,.04);   /* @kind shadow */
  --sh-h: 0 12px 30px rgba(20,45,48,.10);                             /* @kind shadow */

  /* تایپوگرافی */
  --font-body: 'Yekan Bakh', 'Vazirmatn', -apple-system, Tahoma, Arial, sans-serif; /* @kind font */
}


/* ── فوتر دسترسی سریع — لمسی/ریسپانسیو (ممیزی) ── */
.sfoot .sfoot-links{row-gap:.35rem;column-gap:.6rem;}
.sfoot .sfoot-links a{display:inline-flex;align-items:center;}
@media (pointer:coarse){
  .sfoot .sfoot-links a{padding:.55rem .8rem;min-height:44px;}
}
@media (max-width:560px){
  .sfoot .sfoot-links{justify-content:center;}
}


/* ── بدنه پنل — محافظ باریک (ممیزی ریسپانسیو) ── */
.pn-wrap code{overflow-wrap:anywhere;}
.pn-wrap .pn-server > div{min-width:0;}
@media (max-width:380px){
  .pn-wrap .pn-pair .pp-row{flex-wrap:wrap;}
  .pn-wrap .pn-pair .pp-row code{flex:1 1 100%;}
}


/* ── کنترل‌های اپ — ضد زوم iOS + هدف لمسی (ممیزی) ── */
@media (pointer:coarse), (max-width:560px){
  main select, main input[type="text"], main input[type="search"], main input:not([type]), main textarea{font-size:16px;}
}
@media (pointer:coarse){
  .deflector a, .deflector button, main .container details summary{min-height:44px;}
  .deflector a{display:inline-flex;align-items:center;}
}

/* حالت تیره: نسخه خوانای متن‌ها (AA روی سطح تیره) */
html[data-theme="dark"]{ --teal-ink:#7ad2d0; --coral-ink:#f08a82; --soft:#7d9198; --amber-d:#f3c563; }

/* LR-07 هدف لمسی */
@media (any-pointer:coarse){
.snav .menu-toggle,.snav .theme-toggle,.snav .mx-lang-btn{min-width:44px;min-height:44px}
.pw-toggle,.pw-eye,#pwToggle,.cred-copy,.cpch-refresh,.captcha-re,#wizOpen,#copunToggle,.copun-toggle,.pn-logout,.dv-cut{position:relative}
.pw-toggle::after,.pw-eye::after,#pwToggle::after,.cred-copy::after,.cpch-refresh::after,.captcha-re::after,#wizOpen::after,#copunToggle::after,.copun-toggle::after,.pn-logout::after,.dv-cut::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
.ptype-btn,.user-count-grid label,.plan-grid label{min-height:44px}
.pn-tabs button{min-height:44px}
}