/* ZEAM GLOBAL SHELL FINAL V67 */
/* هدف: پایدارسازی UI بدون دست زدن به منطق API/Signal/Webhook */

:root{
  --zs67-bg:#020914;
  --zs67-panel:rgba(3,18,31,.82);
  --zs67-panel-2:rgba(1,10,20,.92);
  --zs67-border:rgba(40,231,255,.16);
  --zs67-border-strong:rgba(40,231,255,.28);
  --zs67-text:#effaff;
  --zs67-muted:rgba(218,238,250,.68);
  --zs67-faint:rgba(218,238,250,.44);
  --zs67-cyan:#28e7ff;
  --zs67-gold:#ffd982;
  --zs67-green:#23f2a4;
  --zs67-red:#ff5c87;
  --zs67-radius:28px;
}

html{
  width:100%;
  min-height:100%;
  overflow-x:hidden!important;
  scroll-behavior:smooth;
}

body.zs67-final{
  width:100%;
  min-height:100vh;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 20% 0%, rgba(98,76,255,.20), transparent 34%),
    radial-gradient(circle at 90% 12%, rgba(40,231,255,.11), transparent 28%),
    linear-gradient(135deg,#020914,#07152a 52%,#17154a)!important;
  color:var(--zs67-text);
}

/* جلوگیری از horizontal overflow ناشی از چند نسل UI */
body.zs67-final *,
body.zs67-final *::before,
body.zs67-final *::after{
  box-sizing:border-box;
}

body.zs67-final img,
body.zs67-final svg,
body.zs67-final canvas,
body.zs67-final video{
  max-width:100%;
}

body.zs67-final table{
  max-width:100%;
}

/* کانتینرهای اصلی */
body.zs67-final main,
body.zs67-final .main,
body.zs67-final .content,
body.zs67-final .container,
body.zs67-final .zs31-content,
body.zs67-final .zs8-content{
  min-width:0!important;
}

/* حذف/خنثی‌سازی چیپ‌های شناور قدیمی Setup که روی محتوا می‌افتند */
body.zs67-final .zs67-hidden-floating-setup{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* چیپ نهایی Setup، کوچک و غیرمزاحم */
.zs67-setup-chip{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:4200;
  display:flex;
  align-items:center;
  gap:8px;
  height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,217,130,.32);
  background:
    radial-gradient(circle at 80% 0%, rgba(255,217,130,.20), transparent 38%),
    rgba(2,13,25,.82);
  color:#fff3c7;
  font-size:12px;
  font-weight:900;
  letter-spacing:.01em;
  text-decoration:none!important;
  backdrop-filter:blur(14px);
  box-shadow:0 14px 40px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.zs67-setup-chip:hover{
  transform:translateY(-2px);
  border-color:rgba(40,231,255,.42);
  background:
    radial-gradient(circle at 80% 0%, rgba(40,231,255,.18), transparent 38%),
    rgba(2,13,25,.90);
}

.zs67-setup-chip span:first-child{
  color:var(--zs67-cyan);
  font-size:14px;
}

/* هایلایت لینک فعال منو */
body.zs67-final a.zs67-active-nav{
  border-color:rgba(40,231,255,.36)!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(40,231,255,.18),transparent 40%),
    rgba(40,231,255,.08)!important;
  color:#effaff!important;
}

/* محافظ پنل‌ها: ظاهر یکپارچه‌تر بدون شکستن کلاس‌های قبلی */
body.zs67-final .zs31-card,
body.zs67-final .zs31-panel,
body.zs67-final .zs46-panel,
body.zs67-final .zs47-panel,
body.zs67-final .zs48-panel,
body.zs67-final .zs50-panel,
body.zs67-final .zs51-panel,
body.zs67-final .zs52-panel,
body.zs67-final .zs53-panel,
body.zs67-final .zs55-panel,
body.zs67-final .zs56-panel,
body.zs67-final .zs57-panel,
body.zs67-final .zs58-panel,
body.zs67-final .zs61-panel,
body.zs67-final .zs62-panel,
body.zs67-final .zs66-panel{
  border-color:var(--zs67-border)!important;
}

/* جدول‌ها و preها در موبایل و دسکتاپ نترکند */
body.zs67-final pre,
body.zs67-final code{
  max-width:100%;
  white-space:pre-wrap;
  word-break:break-word;
}

body.zs67-final .table-responsive,
body.zs67-final .zs46-table-wrap,
body.zs67-final .zs47-table-wrap,
body.zs67-final .zs48-table-wrap,
body.zs67-final .zs58-table-wrap{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
}

/* Debug UI کوچک */
.zs67-ui-guard{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:4300;
  width:min(420px,calc(100vw - 36px));
  border:1px solid rgba(40,231,255,.20);
  border-radius:22px;
  background:rgba(1,10,20,.94);
  color:#eaffff;
  box-shadow:0 20px 55px rgba(0,0,0,.46);
  backdrop-filter:blur(18px);
  display:none;
  overflow:hidden;
}

.zs67-ui-guard.open{
  display:block;
}

.zs67-ui-guard-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  border-bottom:1px solid rgba(40,231,255,.12);
}

.zs67-ui-guard-title{
  font-weight:1000;
  color:#fff;
  font-size:13px;
}

.zs67-ui-guard-close{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
  border-radius:12px;
  padding:6px 10px;
  cursor:pointer;
}

.zs67-ui-guard-body{
  padding:14px;
  display:grid;
  gap:8px;
  font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:#bfefff;
}

.zs67-ui-guard-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(40,231,255,.10);
  border-radius:14px;
  padding:8px 10px;
  background:rgba(255,255,255,.035);
}

.zs67-ui-guard-row b{
  color:#fff3c7;
}

@media (max-width: 760px){
  .zs67-setup-chip{
    right:12px;
    bottom:12px;
    height:38px;
    padding:0 12px;
    font-size:11px;
  }

  body.zs67-final{
    font-size:14px;
  }
}
