/* ============================================================
   پشتیبانی، نوار مجوز و پایین برنامه (حساب‌آپ)
   ============================================================ */

/* ---------- کارت‌های تماس ---------- */
.support-contact{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:var(--sp4); margin-bottom:var(--sp5)}
.sc-card{display:flex; align-items:center; gap:var(--sp3); padding:var(--sp4); border-radius:var(--r-lg);
  background:var(--paper); border:1px solid var(--line); color:var(--ink); text-decoration:none;
  box-shadow:var(--shadow-s); transition:transform .16s, box-shadow .16s}
.sc-card:hover{transform:translateY(-2px); box-shadow:var(--shadow-m)}
.sc-card > span:nth-child(2){flex:1; min-width:0; display:flex; flex-direction:column}
.sc-card b{font-size:.95rem}
.sc-card small{color:var(--muted); font-size:.82rem; text-align:start; white-space:nowrap; direction:ltr; unicode-bidi:isolate}
.sc-card em{font-style:normal; font-size:.7rem; color:var(--muted); white-space:nowrap; align-self:flex-start; background:var(--cream-2); border-radius:20px; padding:1px 8px}
.sc-ic{width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background:var(--cream-2); color:var(--navy); flex:0 0 auto}
.sc-ic.tg{background:#229ED9; color:#fff}

.support-grid{display:grid; grid-template-columns:1fr 1.15fr; gap:var(--sp4); align-items:start}
.tk-form .tk-full{grid-column:1/-1}

/* ---------- تیکت‌ها ---------- */
.tk{border:1px solid var(--line); border-radius:var(--r-md); margin-bottom:var(--sp3); overflow:hidden; background:var(--paper)}
.tk.open{border-color:var(--line-strong); box-shadow:var(--shadow-s)}
.tk-head{display:flex; align-items:center; gap:var(--sp3); width:100%; padding:var(--sp3) var(--sp4); text-align:start; color:inherit}
.tk-head:hover{background:var(--cream)}
.tk-sub{flex:1; min-width:0; display:flex; flex-direction:column}
.tk-sub b{font-size:.9rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tk-sub small{color:var(--muted); font-size:.74rem}
.tk-preview{padding:0 var(--sp4) var(--sp3); font-size:.8rem; color:var(--muted)}
.tk-thread{display:flex; flex-direction:column; gap:var(--sp2); padding:var(--sp2) var(--sp4) var(--sp3); background:var(--cream)}
.tk-msg{max-width:88%; padding:var(--sp2) var(--sp3); border-radius:var(--r-md); background:var(--paper); border:1px solid var(--line); font-size:.86rem; line-height:1.9}
.tk-msg.me{align-self:flex-start}
.tk-msg.support{align-self:flex-end; background:var(--good-bg); border-color:transparent}
.tk-who{font-size:.72rem; color:var(--muted); margin-bottom:2px}
.tk-reply{padding:var(--sp3) var(--sp4); display:flex; flex-direction:column; gap:var(--sp2); border-top:1px solid var(--line)}

/* ---------- نوار مجوز (آزمایشی / فقط‌خواندنی / تمدید) ---------- */
.notice-bar{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px 14px;
  padding:8px var(--sp4); font-size:.8rem; line-height:1.7; text-align:center; border-bottom:1px solid var(--line)}
.notice-bar.info{background:var(--info-bg); color:var(--info)}
.notice-bar.warn{background:var(--warn-bg); color:var(--warn)}
.notice-bar.danger{background:var(--danger-bg); color:var(--danger)}
.notice-bar span{font-weight:600}
.nb-cta{background:currentColor; border-radius:20px; padding:2px 14px; text-decoration:none; font-weight:700}
.nb-cta{color:inherit; background:var(--paper); border:1px solid currentColor}
.nb-link{color:inherit; text-decoration:underline; font-size:.78rem}

/* ---------- پایین برنامه ---------- */
#vendorFoot{padding:var(--sp4) var(--sp5) var(--sp5); border-top:1px solid var(--line); color:var(--muted); font-size:.74rem}
#vendorFoot .vf-in{max-width:1320px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 18px}
#vendorFoot b{color:var(--ink-2)}
#vendorFoot .vf-links{display:flex; flex-wrap:wrap; gap:4px 14px}
#vendorFoot a, #vendorFoot button{color:var(--ink-2); text-decoration:none; font-size:.74rem}
#vendorFoot a:hover, #vendorFoot button:hover{color:var(--navy); text-decoration:underline}
#vendorFoot .vf-copy{flex-basis:100%; text-align:center; opacity:.85}

@media (max-width:900px){
  .support-contact{grid-template-columns:1fr}
  .support-grid{grid-template-columns:1fr}
  .tk-form{grid-template-columns:1fr}
  /* منوی پایین موبایل روی نوار نیفتد */
  #vendorFoot{padding:var(--sp4) var(--sp4) calc(96px + env(safe-area-inset-bottom)); text-align:center}
  #vendorFoot .vf-in{justify-content:center}
  #view{padding-bottom:var(--sp4)}
}
@media print{ .notice-bar, #vendorFoot{display:none !important} }