/* ═══════════════════════════════════════════════════════════════════════════
 *  v423 · برچسب‌های «شناسنامه» پشت اکانت — کاشی‌های 352 (.it423) روی همان چیدمان 329/333
 *
 *  ۱) رنگ هر کاشی از --c1/--c2 همان برچسب (پنل مادر یا پیش‌فرض)؛ کلاس‌های قدیمی host/vip/ver/rk دیگر نیستند.
 *  ۲) طرح آپلودی (.art): بی قاب شیشه‌ای، کمی بزرگ‌تر، object-fit:contain؛ svga که پخش شد طرح ثابت پنهان؛
 *     نماد پیش‌فرض تا وقتی تصویری (.im) نیست یا svga پخش نشده — یعنی هنگام بارگیری و بعد از خرابی هم.
 *  ۳) حالت full: خود طرح کل کاشی، روی پس‌زمینهٔ کم‌رنگ همان رنگ؛ زیرنویس زیرش.
 *  ۴) درخشش بی‌پایان به‌جای left (ish235 در 255) فقط transform؛ reduced-motion و حالت سبک بی درخشش.
 * ═══════════════════════════════════════════════════════════════════════════ */

.it423{ background:linear-gradient(150deg,color-mix(in srgb,var(--c1) 82%,#fff),var(--c1) 48%,var(--c2)) }
.it423::after{ left:0; transform:translateX(-150%) skewX(-18deg); animation:it423sh 4.5s ease-in-out infinite; animation-delay:calc(var(--i) * .4s) }
@keyframes it423sh{ 0%,60%{ transform:translateX(-150%) skewX(-18deg) } 100%{ transform:translateX(325%) skewX(-18deg) } }

/* ۲) طرح آپلودی در جای نماد */
.it423 > i.art{ background:none; box-shadow:none }
.it423 > i.art > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none }
.it423 > i.art.im > svg, .it423 > i.art.ha-fxon > svg{ display:none }
.it423 > i.ha-fxon > img{ opacity:0 }
/* v444: لوگوی آژانس جای نماد کاشی ایجنت/هاست — قاب شیشه‌ای همان کاشی می‌ماند، لوگو گرد داخل آن */
.it423 > i.art.lgo{ background:rgba(255,255,255,.26); box-shadow:inset 0 0 0 1px rgba(255,255,255,.4) }
.it423 > i.art.lgo > img{ inset:3px; width:calc(100% - 6px); height:calc(100% - 6px); border-radius:50%; object-fit:cover }
#pv146o .pz234 .it423 > i.art{ width:34px; height:34px; border-radius:0 }
#pv146o .pz234 .it423 > i.art.lgo{ border-radius:12px }
@media (max-width:374px){ #pv146o .pz234 .it423 > i.art{ width:30px; height:30px } }

/* v447: کاشی ایجنت/هاست — چیپ «ابسیدین شفقی» هم‌قد و هم‌قوارهٔ بقیهٔ کاشی‌های 333 (نه نوار تمام‌عرض وسط صفحه):
 * شیشهٔ تیرهٔ لوکس با قاب شفقی به رنگ ردهٔ استودیو (--a/--b/--c از stb229.tN)، هالهٔ نور پشت لوگوی حلقه‌طلایی،
 * نام طلایی گرادیانی روی چیپ نقش، نگین رده در انتهای خط؛ در شبکهٔ 329 مثل بقیه جای می‌گیرد و تک‌بج هم فقط یک
 * کاشی از آغاز خط است (راست/چپ را dir خود صفحه تعیین می‌کند)، بقیهٔ نشان‌ها کنارش و زیرش ردیف می‌شوند. */
.it423.stb423{ background:none; box-shadow:none; min-height:0; display:flex; padding:0; overflow:visible }
.it423.stb423::before, .it423.stb423::after{ display:none }
/* کلاس دوبرابر: چیدمان grid خود 333 (‎1-4-0‎) را برای این کاشی خنثی می‌کند */
#pv146o .pz234 .ids235 > .idt235.stb423.stb423{ display:flex; padding:0; min-height:0; overflow:visible; border-radius:16px }
.it423.stb423 > .stb229{ flex:1; width:100%; min-width:0; min-height:48px; margin:0; padding:6px 8px; border-radius:16px;
  display:grid; grid-template-columns:auto minmax(0,1fr) auto; grid-template-rows:auto auto;
  column-gap:6px; row-gap:2.5px; align-items:center; align-content:center;
  border:1.5px solid transparent;
  background:linear-gradient(165deg,#352c6b 0%,#1c1543 52%,#0e0a26 100%) padding-box,
    conic-gradient(from 230deg at 18% -30%, var(--a), #ffe08a 22%, var(--b) 55%, var(--c) 80%, var(--a)) border-box;
  box-shadow:0 10px 18px -12px rgba(14,8,40,.9), inset 0 1px 0 rgba(255,255,255,.12) }
.it423.stb423 > .stb229::before{ content:""; position:absolute; top:-28px; inset-inline-start:-22px; width:88px; height:88px;
  border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb,var(--b) 36%,transparent), transparent 74%);
  pointer-events:none }
.it423.stb423 > .stb229::after{ left:0; width:55%; transform:translateX(-150%) skewX(-18deg);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.26) 48%,transparent);
  animation:it423sh 4.5s ease-in-out infinite; animation-delay:calc(var(--i) * .4s) }
.it423.stb423 .st-logo{ grid-column:1; grid-row:1 / span 2; width:28px !important; height:28px !important;
  box-shadow:0 0 0 1.5px #140f33, 0 0 0 3px #f6c45a, 0 8px 14px -6px rgba(246,196,90,.6) }
.it423.stb423 .st-logo.gen{ box-shadow:none }
.it423.stb423 .stb-n{ grid-column:2; grid-row:1; justify-self:start; max-width:100%; font-size:12px; letter-spacing:.2px;
  text-shadow:none; background:linear-gradient(180deg,#fff7df 8%,#ffd166 58%,#e8a33d);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:#ffd166 }
.it423.stb423 .stb-r{ grid-column:2; grid-row:2; justify-self:start; gap:3px; padding:1.5px 7px; font-size:9.5px;
  color:#ffeec2; background:linear-gradient(180deg,rgba(255,224,138,.3),rgba(255,224,138,.1));
  box-shadow:inset 0 0 0 1px rgba(255,224,138,.38) }
.it423.stb423 .st-gem{ grid-column:3; grid-row:1 / span 2; width:14px; height:14px;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.5)) }
/* تک‌بج: قاعدهٔ «تک‌کاشی → span 6» در 329 نباید این چیپ را تمام‌عرض کند — نیم‌عرض از آغاز خط؛ توازن جفت/چهارتایی 329 سر جایش */
#pv146o .pz234 .ids235 > .idt235.stb423.stb423:first-child:last-child{ grid-column:span 3 }
.ids235 > .it423.stb423{ flex:0 1 auto; min-width:150px }
@media (max-width:340px){ .it423.stb423 > .stb229{ padding:5px 7px; min-height:42px }
  .it423.stb423 .st-logo{ width:24px !important; height:24px !important }
  .it423.stb423 .st-gem{ display:none } }

/* ۳) حالت full: طرح = کاشی */
.it423.full{ background:color-mix(in srgb,var(--c1) 11%,#fff); color:color-mix(in srgb,var(--c2) 80%,#1F1433);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 30%,transparent), 0 10px 18px -16px var(--c2) }
.it423.full::before, .it423.full::after, .it423.full > b, #pv146o .pz234 .it423.full > b{ display:none }
.it423.full > i.art{ width:100%; height:62px; margin:0; border-radius:0 }
.it423.full small{ text-shadow:none; opacity:1 }
#pv146o .pz234 .ids235 > .it423.full{ display:flex; flex-direction:column; align-items:stretch; justify-content:center; gap:2px; padding:5px 6px }
#pv146o .pz234 .it423.full > i.art{ width:100%; height:44px; border-radius:0 }
#pv146o .pz234 .it423.full small{ text-align:center; font-size:10px; font-weight:800 }

@media (prefers-reduced-motion:reduce){ .it423::after, .it423.stb423 > .stb229::after{ animation:none; opacity:0 } }
html.lite366 .it423::after, html.lite366 .it423.stb423 > .stb229::after{ animation:none; opacity:0 }
