body.support-theme {
  --support-bg: #090a08;
  --support-panel: #131510;
  --support-panel-2: #181a14;
  --support-line: rgba(235, 238, 221, .13);
  --support-line-strong: rgba(199, 255, 54, .34);
  --support-text: #efeee6;
  --support-muted: #aaa99e;
  --support-acid: #c7ff36;
  --support-amber: #ffae2b;
  --support-red: #ff7660;
  --support-green: #82df55;
  min-height: 100vh;
  background:
    radial-gradient(circle at 92% 8%, rgba(199, 255, 54, .07), transparent 28rem),
    var(--support-bg);
  color: var(--support-text);
  font-family: Vazir, Vazirmatn, Tahoma, sans-serif;
  line-height: 1.85;
}

body.support-theme a { color: inherit; }
body.support-theme .container { width: min(1160px, calc(100% - 40px)); max-width: none; padding-inline: 0; }

body.support-theme .topbar {
  position: sticky;
  inset-block-start: 0;
  z-index: 70;
  overflow: visible;
  color: var(--support-text);
  background: rgba(9, 10, 8, .9);
  border: 0;
  border-bottom: 1px solid var(--support-line);
  backdrop-filter: blur(18px);
}
body.support-theme .topbar::after { display: none; }
body.support-theme .topbar-inner {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  flex-wrap: nowrap;
}
body.support-theme .brand {
  direction: rtl;
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  color: var(--support-text);
  font-size: 1rem;
  letter-spacing: 0;
}
body.support-theme .brand-mark {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(199, 255, 54, .55);
  border-radius: 0;
  background: var(--support-acid);
  color: #0a0b09;
  box-shadow: 8px 8px 0 rgba(199, 255, 54, .09);
  font-family: Lalezar, Vazir, sans-serif;
  font-size: 1.55rem;
  line-height: 1;
}
body.support-theme .brand-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.2;
}
body.support-theme .brand-copy b { color: #fff; font-size: .9rem; font-weight: 800; }
body.support-theme .brand-copy small { margin-top: 5px; color: #777a70; font-size: .58rem; }
body.support-theme .nav {
  margin-inline: auto 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  min-width: 0;
  color: var(--support-muted);
  font-size: .75rem;
}
body.support-theme .nav a {
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 0;
  color: #babbb0;
  white-space: nowrap;
}
body.support-theme .nav a:hover,
body.support-theme .nav a:focus-visible,
body.support-theme .nav a.active {
  outline: 0;
  border-color: var(--support-line);
  background: rgba(199, 255, 54, .06);
  color: var(--support-acid);
}
body.support-theme .nav .who {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-inline-start: 6px;
  padding-inline-start: 14px;
  border-inline-start: 1px solid var(--support-line);
  color: #d5d5cb;
  white-space: nowrap;
}
body.support-theme .nav .avatar {
  width: 30px;
  height: 30px;
  border-radius: 0;
  background: #25281f;
  border: 1px solid var(--support-line-strong);
  color: var(--support-acid);
}
body.support-theme .nav .logout { color: #ff9d8e; }
body.support-theme .nav .logout:hover { border-color: rgba(255, 118, 96, .3); background: rgba(255, 118, 96, .07); color: #ffd1ca; }
body.support-theme .auth-nav { margin-inline-start: auto; }

body.support-theme main.container {
  width: min(1160px, calc(100% - 40px));
  padding: clamp(34px, 5vw, 66px) 0 76px;
}
body.support-theme .page-head {
  position: relative;
  align-items: center;
  margin-bottom: 25px;
}
body.support-theme .page-head::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: -11px;
  width: 54px;
  height: 2px;
  background: var(--support-acid);
}
body.support-theme .page-head h1 {
  margin: 0;
  color: #fff;
  font-family: Vazir, sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -.6px;
}
body.support-theme .page-head .sub,
body.support-theme .muted,
body.support-theme .hint { color: var(--support-muted); }
body.support-theme .page-head .sub { display: block; margin-top: 5px; font-size: .76rem; }
body.support-theme .crumb { margin-bottom: 7px; color: #85877d; font-size: .69rem; }
body.support-theme .crumb a:hover { color: var(--support-acid); }

body.support-theme .card,
body.support-theme .reply-card,
body.support-theme .stat {
  position: relative;
  border: 1px solid var(--support-line);
  border-radius: 0;
  background: linear-gradient(145deg, rgba(27, 29, 22, .96), rgba(17, 19, 15, .98));
  color: var(--support-text);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}
body.support-theme .card:not(.tight)::before,
body.support-theme .reply-card::before {
  content: "";
  position: absolute;
  inset: -1px -1px auto;
  height: 2px;
  background: linear-gradient(90deg, var(--support-acid), transparent 48%);
  pointer-events: none;
}
body.support-theme .card { padding: clamp(22px, 3vw, 32px); margin-bottom: 22px; }
body.support-theme .card.tight { padding: 0; overflow: hidden; }
body.support-theme .card-title { margin-bottom: 18px; color: #fff; font-size: .9rem; font-weight: 800; }
body.support-theme .empty { padding: clamp(44px, 8vw, 78px) 24px; text-align: center; }
body.support-theme .empty .ico {
  width: 64px;
  height: 64px;
  margin: 0 auto 17px;
  display: grid;
  place-items: center;
  border: 1px solid var(--support-line-strong);
  border-radius: 0;
  background: rgba(199, 255, 54, .06);
  font-size: 1.45rem;
}
body.support-theme .empty p { color: var(--support-muted); }

body.support-auth-page main.container {
  width: 100%;
  max-width: none;
  padding: 0;
}
body.support-auth-page .auth-wrap {
  position: relative;
  min-height: calc(100svh - 78px - 69px);
  padding: clamp(34px, 6vw, 82px) max(20px, calc((100vw - 1160px) / 2));
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(7, 8, 7, .12) 0%, rgba(7, 8, 7, .56) 52%, rgba(7, 8, 7, .97) 82%),
    linear-gradient(0deg, rgba(7, 8, 7, .82), transparent 48%),
    url('images/support.webp') center / cover no-repeat;
  isolation: isolate;
}
body.support-auth-page .auth-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(90deg, transparent, #000);
}
body.support-auth-page .auth-card {
  width: min(460px, 100%);
  max-width: none;
  margin: 0;
  padding: clamp(27px, 4vw, 40px);
  background: rgba(15, 17, 13, .92);
  border-color: rgba(235, 238, 221, .17);
  box-shadow: 0 40px 100px rgba(0, 0, 0, .52);
  backdrop-filter: blur(18px);
}
body.support-auth-page .auth-card.staff::before { background: linear-gradient(90deg, var(--support-amber), transparent 48%); }
body.support-auth-page .auth-icon {
  width: 54px;
  height: 54px;
  margin-bottom: 21px;
  display: grid;
  place-items: center;
  border: 1px solid var(--support-line-strong);
  border-radius: 0;
  background: rgba(199, 255, 54, .08);
  box-shadow: none;
  font-size: 1.35rem;
}
body.support-auth-page .auth-card.staff .auth-icon { border-color: rgba(255, 174, 43, .5); background: rgba(255, 174, 43, .08); box-shadow: none; }
body.support-auth-page .auth-card h1 {
  margin: 0 0 7px;
  color: #fff;
  font-family: Vazir, sans-serif;
  font-size: clamp(1.65rem, 4vw, 2.25rem);
  font-weight: 800;
  line-height: 1.4;
}
body.support-auth-page .auth-card > .muted { display: block; margin-bottom: 24px; color: #a9aa9f; font-size: .75rem; }
body.support-auth-page .hint { margin-top: 20px; font-size: .65rem; line-height: 2; }
body.support-auth-page .hint a { color: var(--support-acid); }
body.support-auth-page .auth-card.staff .hint a { color: var(--support-amber); }

body.support-theme label { margin-bottom: 17px; }
body.support-theme label > span { margin-bottom: 7px; color: #d9d9d0; font-size: .73rem; font-weight: 700; }
body.support-theme input[type=text],
body.support-theme input[type=password],
body.support-theme textarea,
body.support-theme select {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid rgba(235, 238, 221, .15);
  border-radius: 0;
  background-color: #0c0d0b;
  color: #fff;
  caret-color: var(--support-acid);
  font-family: Vazir, sans-serif;
  font-size: .82rem;
}
body.support-theme input::placeholder,
body.support-theme textarea::placeholder { color: #686b62; opacity: 1; }
body.support-theme input:hover,
body.support-theme textarea:hover,
body.support-theme select:hover { border-color: rgba(235, 238, 221, .29); }
body.support-theme input:focus,
body.support-theme textarea:focus,
body.support-theme select:focus {
  outline: 0;
  border-color: var(--support-acid);
  background: #0e100c;
  box-shadow: 0 0 0 3px rgba(199, 255, 54, .1);
}
body.support-theme input:disabled,
body.support-theme textarea:disabled,
body.support-theme select:disabled,
body.support-theme button:disabled { opacity: .46; }
body.support-theme select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c7ff36' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
body.support-theme .row { gap: 16px; }
body.support-theme .form-actions { gap: 10px; margin-top: 7px; }

body.support-theme .btn {
  min-height: 44px;
  padding: 11px 19px;
  border: 1px solid var(--support-line);
  border-radius: 0;
  background: #1a1c16;
  color: #ecece4;
  box-shadow: none;
  font-family: Vazir, sans-serif;
  font-size: .77rem;
  font-weight: 800;
  transform: none;
}
body.support-theme .btn:hover,
body.support-theme .btn:focus-visible {
  outline: 0;
  border-color: var(--support-acid);
  background: #20231a;
  color: var(--support-acid);
  box-shadow: none;
  transform: translateY(-1px);
}
body.support-theme .btn-primary,
body.support-theme .btn-primary:hover,
body.support-theme .btn-primary:focus-visible,
body.support-theme .btn-primary:active {
  border-color: var(--support-acid);
  background: var(--support-acid);
  color: #0a0b09;
  box-shadow: none;
}
body.support-theme .btn-primary:hover,
body.support-theme .btn-primary:focus-visible { background: #dbff7e; transform: translateY(-1px); }
body.support-theme .btn-block { width: 100%; min-height: 49px; }
body.support-theme .btn-ghost { border-color: rgba(255, 118, 96, .35); background: transparent; color: #ff9e90; }
body.support-theme .btn-ghost:hover { border-color: var(--support-red); background: rgba(255, 118, 96, .08); color: #ffd5ce; }
body.support-theme .btn:disabled { cursor: not-allowed; transform: none; }

body.support-theme .alert {
  border-radius: 0;
  padding: 13px 14px;
  font-size: .72rem;
}
body.support-theme .alert-error { border-color: rgba(255, 118, 96, .36); background: rgba(255, 118, 96, .09); color: #ffc7be; }
body.support-theme .alert-warn { border-color: rgba(255, 174, 43, .36); background: rgba(255, 174, 43, .09); color: #ffd58d; }
body.support-theme .alert-ok { border-color: rgba(130, 223, 85, .34); background: rgba(130, 223, 85, .09); color: #c9ffae; }

body.support-theme .drop {
  padding: 26px 20px;
  border: 1px dashed rgba(199, 255, 54, .43);
  border-radius: 0;
  background: rgba(199, 255, 54, .025);
}
body.support-theme .drop:hover,
body.support-theme .drop.over { border-color: var(--support-acid); background: rgba(199, 255, 54, .06); }
body.support-theme .drop .t { color: #deded5; font-size: .78rem; }
body.support-theme .drop .s { color: #85877d; font-size: .67rem; }
body.support-theme .previews .pv { border-color: var(--support-line); border-radius: 0; background: #0c0d0b; }
body.support-theme .previews .pv .rm { background: #0b0c0a; color: #fff; }

body.support-theme .table-wrap { overflow-x: auto; background: transparent; box-shadow: none; }
body.support-theme .table { min-width: 690px; color: var(--support-text); font-size: .77rem; }
body.support-theme .table th,
body.support-theme .table td { padding: 16px; border-color: rgba(235, 238, 221, .075); font-size: .75rem; }
body.support-theme .table thead th {
  border-color: var(--support-line);
  background: #0d0f0c;
  color: #8f9187;
  font-size: .67rem;
  font-weight: 700;
}
body.support-theme .table tbody tr { background: transparent; }
body.support-theme .table tbody tr:hover { background: rgba(199, 255, 54, .045); }
body.support-theme .table tbody tr[data-href]:active { background: rgba(199, 255, 54, .08); }
body.support-theme .table .subj { color: #f2f2eb; font-weight: 800; }
body.support-theme .table tbody tr:hover .subj,
body.support-theme .table .subj:hover { color: var(--support-acid); }
body.support-theme .table .id { color: #74776d; }
body.support-theme .clip { color: #8a8c83; }
body.support-theme .row-high .subj::before { background: var(--support-amber); }

body.support-theme .badge {
  position: static;
  inset: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: .64rem;
  font-weight: 700;
  white-space: nowrap;
}
body.support-theme .badge::before { position: static; width: 5px; height: 5px; background: currentColor; }
body.support-theme .badge-open { background: rgba(199, 255, 54, .07); color: var(--support-acid); }
body.support-theme .badge-pending { background: rgba(255, 174, 43, .07); color: #ffc05d; }
body.support-theme .badge-answered { background: rgba(130, 223, 85, .07); color: #9bea76; }
body.support-theme .badge-closed { background: rgba(255, 255, 255, .035); color: #9b9d93; }
body.support-theme .pill { border-radius: 0; background: #22241d; color: #c4c5bb; font-size: .66rem; }
body.support-theme .pill-high { background: rgba(255, 174, 43, .09); color: #ffbd51; }

body.support-theme .meta-card { display: flex; padding: 0; overflow: hidden; }
body.support-theme .meta-card::before { display: none; }
body.support-theme .meta-card .m { padding: 18px 20px; border-color: var(--support-line); }
body.support-theme .meta-card .k { color: #7f8178; font-size: .64rem; }
body.support-theme .meta-card .v { color: #efefe7; font-size: .77rem; }

body.support-theme .thread { gap: 17px; margin-block: 28px 24px; }
body.support-theme .msg { gap: 12px; }
body.support-theme .msg .ava {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(235, 238, 221, .18);
  border-radius: 0;
  background: #292b24;
  color: #e4e4dc;
}
body.support-theme .msg-staff .ava { border-color: rgba(199, 255, 54, .42); background: rgba(199, 255, 54, .1); color: var(--support-acid); }
body.support-theme .msg .bubble,
body.support-theme .msg-staff .bubble {
  border: 1px solid var(--support-line);
  border-radius: 0;
  background: #151711;
  color: var(--support-text);
  box-shadow: none;
}
body.support-theme .msg-staff .bubble { border-color: rgba(199, 255, 54, .22); background: linear-gradient(145deg, rgba(199, 255, 54, .06), rgba(20, 23, 16, .98)); }
body.support-theme .msg-head strong { color: #fff; }
body.support-theme .msg-head .time { color: #777a70; }
body.support-theme .msg-body { color: #c5c5bc; }
body.support-theme .tag { border-radius: 0; background: var(--support-acid); color: #090a08; }
body.support-theme .atts { border-color: var(--support-line); }
body.support-theme .att { border-color: var(--support-line); border-radius: 0; background: #0d0f0c; }
body.support-theme .att:hover { border-color: var(--support-acid); box-shadow: none; }
body.support-theme .att .n { color: var(--support-muted); }
body.support-theme .reply-card { padding: clamp(22px, 3vw, 30px); }
body.support-theme .closed-note { border-color: var(--support-line); border-radius: 0; background: #11130f; color: var(--support-muted); }

body.support-theme .stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 26px; }
body.support-theme .stat { padding: 20px; }
body.support-theme .stat::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: #777a70; }
body.support-theme .stat.s-open::before { background: var(--support-acid); }
body.support-theme .stat.s-pending::before { background: var(--support-amber); }
body.support-theme .stat.s-answered::before { background: var(--support-green); }
body.support-theme .stat .k { color: #8d8f85; font-size: .67rem; }
body.support-theme .stat .v { color: #fff; font-family: Lalezar, Vazir, sans-serif; font-size: 2.2rem; }
body.support-theme .stat.s-open .v { color: var(--support-acid); }
body.support-theme .stat.s-pending .v { color: var(--support-amber); }
body.support-theme .stat.s-answered .v { color: var(--support-green); }
body.support-theme .filters { gap: 7px; }
body.support-theme .chip { border-color: var(--support-line); border-radius: 0; background: #151711; color: #b8b9ae; font-size: .7rem; }
body.support-theme .chip:hover { border-color: rgba(199, 255, 54, .4); background: rgba(199, 255, 54, .05); color: var(--support-acid); }
body.support-theme .chip.active { border-color: var(--support-acid); background: var(--support-acid); color: #090a08; }

body.support-theme .foot {
  margin-top: auto;
  padding: 22px 0;
  border-top: 1px solid var(--support-line);
  background: #070806;
  color: #73766c;
  font-size: .69rem;
}
body.support-theme .foot a:hover { color: var(--support-acid); }

@media (max-width: 980px) {
  body.support-theme .nav { display: flex; }
  body.support-theme .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  body.support-theme .container,
  body.support-theme main.container { width: min(100% - 26px, 1160px); }
  body.support-theme .topbar-inner { min-height: 70px; flex-wrap: wrap; gap: 7px 14px; padding-block: 10px; }
  body.support-theme .brand-mark { width: 35px; height: 35px; flex-basis: 35px; }
  body.support-theme .brand-copy small { display: none; }
  body.support-theme .nav {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    padding-top: 8px;
    border-top: 1px solid var(--support-line);
    scrollbar-width: none;
  }
  body.support-theme .nav::-webkit-scrollbar { display: none; }
  body.support-theme .auth-nav { order: 0; width: auto; border: 0; padding: 0; margin-inline-start: auto; }
  body.support-theme .nav .who { margin-inline-start: 0; padding-inline-start: 10px; }
  body.support-theme main.container { padding-top: 34px; padding-bottom: 55px; }
  body.support-theme .page-head { align-items: flex-start; }
  body.support-theme .page-head > .btn { width: 100%; }
  body.support-auth-page main.container { width: 100%; padding: 0; }
  body.support-auth-page .auth-wrap {
    min-height: calc(100svh - 70px);
    padding: 36px 13px;
    align-items: flex-end;
    background:
      linear-gradient(0deg, rgba(7, 8, 7, .98) 0%, rgba(7, 8, 7, .7) 72%, rgba(7, 8, 7, .3) 100%),
      url('images/support.webp') 37% center / cover no-repeat;
  }
  body.support-auth-page .auth-card { width: 100%; padding: 25px 21px; }
  body.support-theme .meta-card .m { flex-basis: 48%; border-bottom: 1px solid var(--support-line); }
  body.support-theme .msg .ava { width: 32px; height: 32px; }
  body.support-theme .msg .bubble { padding: 14px; }
  body.support-theme .form-actions .btn { flex: 1 1 auto; }
  body.support-theme .foot .container { width: calc(100% - 26px); }
}

@media (max-width: 470px) {
  body.support-theme .brand-copy b { font-size: .8rem; }
  body.support-theme .auth-nav a { padding-inline: 7px; font-size: .65rem; }
  body.support-theme .nav .who { display: none; }
  body.support-theme .stats { grid-template-columns: 1fr 1fr; gap: 8px; }
  body.support-theme .stat { padding: 15px; }
  body.support-theme .stat .v { font-size: 1.75rem; }
  body.support-theme .meta-card .m { flex-basis: 100%; border-inline-end: 0; }
  body.support-theme .msg { gap: 8px; }
  body.support-theme .msg .ava { display: none; }
}

body.support-theme .support-brand-logo{width:44px;height:44px;flex:0 0 44px;object-fit:contain}
body.support-theme .support-footer-logo{width:28px;height:28px;object-fit:contain;margin-inline:auto}
body.support-theme .auth-icon .ui-icon{width:27px;height:27px}
body.support-theme .empty .ico .ui-icon{width:30px;height:30px}
body.support-theme .alert .ico{display:inline-flex;align-items:center;justify-content:center}
body.support-theme .alert .ico .ui-icon{width:18px;height:18px}
body.support-theme .drop .ico .ui-icon{width:31px;height:31px;color:var(--support-acid)}
body.support-theme .clip,body.support-theme .card-title,body.support-theme .closed-note,body.support-theme .crumb{display:flex;align-items:center;gap:7px}
body.support-theme .clip{display:inline-flex;margin-top:4px}
body.support-theme .clip .ui-icon{width:14px;height:14px}
body.support-theme .card-title .ui-icon,body.support-theme .closed-note .ui-icon{width:18px;height:18px;color:var(--support-acid)}
body.support-theme .crumb .ui-icon{width:14px;height:14px;color:var(--support-acid)}
body.support-theme .btn .ui-icon{width:16px;height:16px}
body.support-theme .avatar .ui-icon{width:18px;height:18px}
body.support-theme .foot .container{display:flex;align-items:center;gap:16px}
body.support-theme .foot a{display:inline-flex;align-items:center;gap:7px}
@media(max-width:760px){body.support-theme .support-brand-logo{width:38px;height:38px;flex-basis:38px}body.support-theme .support-footer-logo{display:none}}

body.support-theme .lp-rank{
  --lp-tone:#8b8e84;
  display:inline-flex;
  min-width:92px;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  padding:7px 10px;
  border:1px solid #3b3f35;
  border-color:color-mix(in srgb,var(--lp-tone) 42%,transparent);
  border-inline-start:3px solid var(--lp-tone);
  background:#10120e;
  color:var(--lp-tone);
  line-height:1.2;
  white-space:nowrap;
}
body.support-theme .lp-rank b{color:inherit;font-size:.7rem;font-weight:900}
body.support-theme .lp-rank small{color:#a6a99f;font-size:.54rem;font-weight:700}
body.support-theme .lp-rank--bgreen{--lp-tone:#55d96b}
body.support-theme .lp-rank--bred{--lp-tone:#ff6969}
body.support-theme .lp-rank--bgold{--lp-tone:#e6bb38}
body.support-theme .lp-rank--bgreenplus{--lp-tone:#9ce65a}
body.support-theme .lp-rank--bredplus{--lp-tone:#ff4f62}
body.support-theme .lp-rank--bgoldplus{--lp-tone:#ffad31}
body.support-theme .lp-rank--default{--lp-tone:#b5b8ae}
body.support-theme .lp-rank--unknown{--lp-tone:#777b70}