html[data-ui-theme="dark"] {
  background:
    radial-gradient(1200px 520px at 0% 0%, rgba(59, 130, 246, 0.12), transparent 58%),
    radial-gradient(900px 420px at 100% 0%, rgba(124, 92, 255, 0.1), transparent 60%),
    linear-gradient(180deg, #060914 0%, #050816 48%, #08101f 100%) !important;
}

html[data-ui-theme="light"] {
  background:
    radial-gradient(1300px 540px at 0% 0%, rgba(59, 130, 246, 0.16), transparent 58%),
    radial-gradient(960px 420px at 100% 0%, rgba(14, 165, 233, 0.1), transparent 60%),
    linear-gradient(180deg, #f6f9ff 0%, #eef4ff 50%, #e8f0ff 100%) !important;
}

body.has-account-theme {
  --account-page-bg:
    radial-gradient(1200px 520px at 0% 0%, rgba(59, 130, 246, 0.12), transparent 58%),
    radial-gradient(900px 420px at 100% 0%, rgba(124, 92, 255, 0.1), transparent 60%),
    linear-gradient(180deg, #060914 0%, #050816 48%, #08101f 100%);
  --account-header-bg: rgba(7, 12, 24, 0.84);
  --account-header-border: rgba(120, 170, 255, 0.16);
  --account-header-text: #eef4ff;
  --account-header-muted: #90a7d2;
  --account-surface: linear-gradient(180deg, rgba(14, 25, 50, 0.9), rgba(8, 16, 33, 0.84));
  --account-surface-strong: rgba(10, 20, 40, 0.92);
  --account-surface-soft: rgba(255, 255, 255, 0.04);
  --account-line: rgba(120, 170, 255, 0.18);
  --account-line-strong: rgba(110, 231, 255, 0.22);
  --account-text: #eef4ff;
  --account-text-soft: #cedcff;
  --account-muted: #8ea6d8;
  --account-accent: #3b82f6;
  --account-accent-2: #2563eb;
  --account-accent-soft: rgba(59, 130, 246, 0.14);
  --account-chip: rgba(110, 231, 255, 0.1);
  --account-shadow: 0 22px 58px rgba(3, 9, 22, 0.34);
  --account-shadow-soft: 0 16px 34px rgba(3, 9, 22, 0.2);
  --account-switch-track: linear-gradient(135deg, rgba(37, 99, 235, 0.28), rgba(14, 165, 233, 0.18));
  --account-switch-thumb: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(211, 225, 255, 0.9));
  background: var(--account-page-bg) !important;
  color: var(--account-text);
  min-height: 100vh;
}

body.has-account-theme[data-ui-theme="light"] {
  --account-page-bg:
    radial-gradient(1300px 540px at 0% 0%, rgba(59, 130, 246, 0.16), transparent 58%),
    radial-gradient(960px 420px at 100% 0%, rgba(14, 165, 233, 0.1), transparent 60%),
    linear-gradient(180deg, #f6f9ff 0%, #eef4ff 50%, #e8f0ff 100%);
  --account-header-bg: rgba(248, 251, 255, 0.9);
  --account-header-border: rgba(71, 85, 105, 0.34);
  --account-header-text: #0b1a30;
  --account-header-muted: #4b607b;
  --account-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96));
  --account-surface-strong: rgba(255, 255, 255, 0.98);
  --account-surface-soft: rgba(255, 255, 255, 0.72);
  --account-line: rgba(71, 85, 105, 0.28);
  --account-line-strong: rgba(29, 78, 216, 0.28);
  --account-text: #0b1a30;
  --account-text-soft: #173152;
  --account-muted: #4d6280;
  --account-accent: #2563eb;
  --account-accent-2: #1d4ed8;
  --account-accent-soft: rgba(37, 99, 235, 0.1);
  --account-chip: rgba(37, 99, 235, 0.08);
  --account-shadow: 0 24px 56px rgba(37, 99, 235, 0.12);
  --account-shadow-soft: 0 16px 34px rgba(37, 99, 235, 0.08);
  --account-switch-track: linear-gradient(135deg, rgba(255, 196, 76, 0.34), rgba(56, 189, 248, 0.18));
  --account-switch-thumb: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 245, 207, 0.94));

  --cab-bg-0: #eef4ff;
  --cab-bg-1: #f7faff;
  --cab-bg-2: #e9f0ff;
  --cab-bg-3: #dde8ff;
  --cab-card: rgba(255, 255, 255, 0.86);
  --cab-card-2: rgba(250, 252, 255, 0.94);
  --cab-card-strong: rgba(255, 255, 255, 0.98);
  --cab-line: rgba(71, 85, 105, 0.28);
  --cab-line-strong: rgba(29, 78, 216, 0.28);
  --cab-text: #0b1a30;
  --cab-text-soft: #173050;
  --cab-muted: #4d6280;
  --cab-blue: #2563eb;
  --cab-blue-2: #1d4ed8;
  --cab-blue-3: #60a5fa;
  --cab-cyan: #0284c7;
  --cab-mint: #0f766e;
  --cab-violet: #4f46e5;
  --cab-ok: #15803d;
  --cab-warn: #b45309;
  --cab-shadow-sm: 0 10px 24px rgba(37, 99, 235, 0.08);
  --cab-shadow-md: 0 20px 50px rgba(37, 99, 235, 0.1);
  --cab-shadow-lg: 0 28px 70px rgba(37, 99, 235, 0.12);

  --chat-bg: rgba(255, 255, 255, 0.94);
  --chat-bg-soft: rgba(246, 249, 255, 0.96);
  --chat-card: rgba(255, 255, 255, 0.9);
  --chat-card-strong: rgba(252, 253, 255, 0.98);
  --chat-line: rgba(71, 85, 105, 0.26);
  --chat-line-strong: rgba(29, 78, 216, 0.24);
  --chat-text: #0b1a30;
  --chat-text-soft: #173254;
  --chat-muted: #4b607d;
  --chat-brand: #2563eb;
  --chat-brand-2: #1d4ed8;
  --chat-cyan: #0284c7;
  --chat-violet: #4f46e5;
  --chat-shadow: 0 20px 48px rgba(37, 99, 235, 0.1);
  --chat-shadow-soft: 0 14px 30px rgba(37, 99, 235, 0.08);
  --chat-focus: 0 0 0 4px rgba(29, 78, 216, 0.18);

  --ps-bg-0: #eef4ff;
  --ps-bg-1: #f6f9ff;
  --ps-bg-2: #e8efff;
  --ps-bg-3: #dce8ff;
  --ps-card: rgba(255, 255, 255, 0.9);
  --ps-card-2: rgba(248, 251, 255, 0.96);
  --ps-card-3: rgba(255, 255, 255, 0.98);
  --ps-line: rgba(71, 85, 105, 0.28);
  --ps-line-strong: rgba(29, 78, 216, 0.24);
  --ps-text: #0b1a30;
  --ps-text-soft: #183456;
  --ps-muted: #4d6280;
  --ps-blue: #2563eb;
  --ps-blue-2: #1d4ed8;
  --ps-blue-3: #60a5fa;
  --ps-cyan: #0284c7;
  --ps-violet: #4f46e5;
  --ps-mint: #0f766e;
  --ps-ok: #15803d;
  --ps-danger: #dc2626;
  --ps-shadow-sm: 0 10px 24px rgba(37, 99, 235, 0.08);
  --ps-shadow-md: 0 18px 44px rgba(37, 99, 235, 0.1);
  --ps-shadow-lg: 0 26px 64px rgba(37, 99, 235, 0.12);

  --td-bg: #eef4ff;
  --td-card: rgba(255, 255, 255, 0.88);
  --td-card-solid: rgba(255, 255, 255, 0.98);
  --td-border: rgba(71, 85, 105, 0.26);
  --td-border-2: rgba(29, 78, 216, 0.24);
  --td-text: #0b1a30;
  --td-muted: rgba(11, 26, 48, 0.72);
  --td-shadow: 0 18px 42px rgba(37, 99, 235, 0.1);
  --td-shadow-2: 0 10px 20px rgba(37, 99, 235, 0.08);
  --td-focus: 0 0 0 4px rgba(29, 78, 216, 0.18);

  --ad-bg: #eef4ff;
  --ad-card: rgba(255, 255, 255, 0.9);
  --ad-border: rgba(71, 85, 105, 0.26);
  --ad-text: #0b1a30;
  --ad-muted: rgba(11, 26, 48, 0.72);
  --ad-shadow: 0 18px 42px rgba(37, 99, 235, 0.1);
  --ad-blue: #2563eb;
  --ad-blue-soft: rgba(37, 99, 235, 0.1);
  --ad-purple: #4f46e5;
  --ad-purple-soft: rgba(79, 70, 229, 0.1);
  --ad-gold: #b45309;
  --ad-gold-soft: rgba(180, 83, 9, 0.12);
  --ad-silver: #64748b;
  --ad-silver-soft: rgba(100, 116, 139, 0.12);

  --sop-page: #eef4ff;
  --sop-card: rgba(255, 255, 255, 0.9);
  --sop-border: rgba(71, 85, 105, 0.26);
  --sop-shadow: 0 18px 44px rgba(37, 99, 235, 0.1);
  --sop-text: #0b1a30;
  --sop-muted: rgba(11, 26, 48, 0.72);
  --sop-blue: #2563eb;
  --sop-blue-2: #1d4ed8;
  --sop-blue-soft: rgba(37, 99, 235, 0.08);
  --sop-blue-border: rgba(29, 78, 216, 0.22);

  --bg: #eef4ff;
  --card: rgba(255, 255, 255, 0.92);
  --border: rgba(71, 85, 105, 0.26);
  --shadow: 0 18px 44px rgba(37, 99, 235, 0.1);
  --text: #0b1a30;
  --muted: #4d6280 !important;
  --blue: #2563eb;
  --blueSoft: rgba(37, 99, 235, 0.08);
  --goodBg: rgba(21, 128, 61, 0.1);
  --good: #166534;
  --badBg: rgba(220, 38, 38, 0.08);
  --bad: #b91c1c;
}

body.has-account-theme .binary-bg {
  opacity: 0.2;
  transition: opacity 0.28s ease;
}

body.has-account-theme[data-ui-theme="light"] .binary-bg {
  opacity: 0.08;
}

body.has-account-theme[data-ui-theme="light"] .page-main {
  background: transparent !important;
}

body.has-account-theme .header {
  background: var(--account-header-bg);
  border-bottom-color: var(--account-header-border);
  box-shadow: 0 16px 40px rgba(3, 9, 22, 0.12);
  backdrop-filter: saturate(140%) blur(18px);
  -webkit-backdrop-filter: saturate(140%) blur(18px);
}

body.has-account-theme .brand,
body.has-account-theme .header-right,
body.has-account-theme .header-auth {
  color: var(--account-header-text);
}

body.has-account-theme .header-right {
  gap: 8px;
  margin-left: auto;
  flex-wrap: nowrap;
  align-items: center;
}

body.has-account-theme .nav-auth-link,
body.has-account-theme .lang-btn,
body.has-account-theme .nav-auth-clock {
  border-color: var(--account-header-border);
  color: var(--account-header-text);
  background: var(--account-surface-soft);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), var(--account-shadow-soft);
}

body.has-account-theme .nav-auth-link:hover,
body.has-account-theme .lang-btn:hover {
  border-color: var(--account-line-strong);
  background: var(--account-accent-soft);
  color: var(--account-header-text);
}

body.has-account-theme .nav-auth-clock,
body.has-account-theme .nav-auth-tz {
  color: var(--account-header-muted);
}

body.has-account-theme .lang-menu {
  background: var(--account-surface-strong);
  border-color: var(--account-line);
  box-shadow: var(--account-shadow);
}

body.has-account-theme .lang-dropdown {
  flex: 0 0 auto;
}

body.has-account-theme .lang-btn {
  min-height: 38px;
  padding: 0 11px;
  gap: 6px;
  border-radius: 999px;
}

body.has-account-theme .lang-btn .flag {
  font-size: 16px;
}

body.has-account-theme .lang-btn .lang-code {
  font-size: 12px;
  font-weight: 800;
}

body.has-account-theme .lang-btn svg {
  width: 12px;
  height: 12px;
}

body.has-account-theme .lang-item {
  color: var(--account-text);
}

body.has-account-theme .lang-item:hover {
  background: var(--account-accent-soft);
}

.theme-switch {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.theme-switch__button {
  --switch-width: 74px;
  --switch-height: 38px;
  --switch-pad: 3px;
  --switch-thumb: 30px;
  position: relative;
  display: inline-grid;
  grid-template-columns: repeat(2, 14px);
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: var(--switch-width);
  min-width: var(--switch-width);
  height: var(--switch-height);
  padding: 0 10px;
  border: 1px solid var(--account-header-border);
  border-radius: 999px;
  background: var(--account-switch-track);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), var(--account-shadow-soft);
  color: var(--account-header-text);
  cursor: pointer;
  transition:
    border-color 0.24s ease,
    background 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.18s ease;
}

.theme-switch__button:hover {
  transform: translateY(-1px);
  border-color: var(--account-line-strong);
}

.theme-switch__button:disabled {
  cursor: wait;
  opacity: 0.78;
}

.theme-switch__button::after {
  content: "";
  position: absolute;
  top: var(--switch-pad);
  left: var(--switch-pad);
  width: var(--switch-thumb);
  height: var(--switch-thumb);
  border-radius: 50%;
  background: var(--account-switch-thumb);
  box-shadow: 0 10px 18px rgba(15, 23, 42, 0.18);
  transition:
    transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1),
    background 0.24s ease;
  transform: translateX(calc(var(--switch-width) - var(--switch-thumb) - (var(--switch-pad) * 2)));
}

body.has-account-theme[data-ui-theme="light"] .theme-switch__button::after {
  transform: translateX(0);
}

.theme-switch__icon {
  position: relative;
  z-index: 1;
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.58;
  transition: opacity 0.22s ease, color 0.22s ease;
}

.theme-switch__icon svg {
  width: 14px;
  height: 14px;
}

body.has-account-theme[data-ui-theme="dark"] .theme-switch__icon--moon,
body.has-account-theme[data-ui-theme="light"] .theme-switch__icon--sun {
  opacity: 1;
}

body.has-account-theme[data-ui-theme="light"] .theme-switch__icon--moon {
  color: #1d4ed8;
}

body.has-account-theme[data-ui-theme="dark"] .theme-switch__icon--sun {
  color: #fbbf24;
}

body.has-account-theme[data-ui-theme="light"] .dash--light,
body.has-account-theme[data-ui-theme="light"] .ps {
  color: var(--account-text);
}

body.has-account-theme[data-ui-theme="light"] .dash--light {
  background:
    radial-gradient(900px 420px at -10% -10%, rgba(59, 130, 246, 0.14), transparent 60%),
    radial-gradient(780px 380px at 110% 10%, rgba(14, 165, 233, 0.08), transparent 60%),
    radial-gradient(700px 400px at 50% 120%, rgba(79, 70, 229, 0.08), transparent 65%),
    linear-gradient(180deg, var(--cab-bg-1) 0%, var(--cab-bg-0) 100%);
  color: var(--cab-text);
}

body.has-account-theme[data-ui-theme="light"] .dash--light::before {
  background: rgba(59, 130, 246, 0.12);
}

body.has-account-theme[data-ui-theme="light"] .dash--light::after {
  background: rgba(79, 70, 229, 0.08);
}

body.has-account-theme[data-ui-theme="light"] .dash--light.dash {
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(59, 130, 246, 0.06), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(243, 248, 255, 0.92));
  box-shadow: 0 20px 54px rgba(37, 99, 235, 0.08);
}

body.has-account-theme[data-ui-theme="light"] .dash--light .dash-tabs {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(240, 246, 255, 0.92)) !important;
  border-color: var(--account-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 16px 34px rgba(37, 99, 235, 0.08) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light .dash-tab {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(247, 250, 255, 0.86)) !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  color: var(--account-text-soft) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    0 10px 18px rgba(37, 99, 235, 0.05) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light .dash-tab:hover {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.94)) !important;
  color: #0f2b5c !important;
  border-color: rgba(37, 99, 235, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 14px 22px rgba(37, 99, 235, 0.08) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-shell__hero,
body.has-account-theme[data-ui-theme="light"] .tickets-head,
body.has-account-theme[data-ui-theme="light"] .td-hero,
body.has-account-theme[data-ui-theme="light"] .ps-hero,
body.has-account-theme[data-ui-theme="light"] .ad-head,
body.has-account-theme[data-ui-theme="light"] .sop-head,
body.has-account-theme[data-ui-theme="light"] .sla-head {
  background:
    radial-gradient(680px 260px at 0% 0%, rgba(59, 130, 246, 0.12), transparent 60%),
    radial-gradient(420px 200px at 100% 0%, rgba(14, 165, 233, 0.08), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 248, 255, 0.94)) !important;
  border-color: var(--account-line) !important;
  box-shadow: var(--account-shadow-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-packages .pkg,
body.has-account-theme[data-ui-theme="light"] .dash-packages .dash-section:nth-of-type(2) .pkg {
  background:
    radial-gradient(220px 120px at 0% 0%, rgba(37, 99, 235, 0.06), transparent 68%),
    radial-gradient(260px 140px at 100% 0%, rgba(14, 165, 233, 0.05), transparent 72%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 249, 255, 0.98)) !important;
  border-color: var(--account-line) !important;
  box-shadow: var(--account-shadow-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-packages .pkg-sub {
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: rgba(37, 99, 235, 0.14) !important;
  color: var(--account-accent) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-packages .pkg-price {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(232, 241, 255, 0.96)) !important;
  border-color: rgba(37, 99, 235, 0.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 14px 26px rgba(37, 99, 235, 0.08) !important;
  color: var(--account-accent) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-packages .pkg-block {
  background: rgba(255, 255, 255, 0.84) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-packages .pkg-block--summary {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.94)) !important;
  border-color: rgba(37, 99, 235, 0.16) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-packages .pkg-list li {
  border-bottom-color: rgba(148, 163, 184, 0.14) !important;
  color: var(--account-text-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-packages .pkg-list li::before {
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.08) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-packages .pkg-actions {
  border-top-color: rgba(148, 163, 184, 0.14) !important;
}

body.has-account-theme[data-ui-theme="light"] #staffQueueList,
body.has-account-theme[data-ui-theme="light"] #staffWorkList,
body.has-account-theme[data-ui-theme="light"] #myTickets {
  background:
    radial-gradient(220px 120px at 0% 0%, rgba(37, 99, 235, 0.05), transparent 68%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(242, 247, 255, 0.96)) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 18px 34px rgba(37, 99, 235, 0.08) !important;
}

body.has-account-theme[data-ui-theme="light"] #staffQueueList::-webkit-scrollbar-thumb,
body.has-account-theme[data-ui-theme="light"] #staffWorkList::-webkit-scrollbar-thumb,
body.has-account-theme[data-ui-theme="light"] #myTickets::-webkit-scrollbar-thumb {
  background: rgba(37, 99, 235, 0.34) !important;
}

body.has-account-theme[data-ui-theme="light"] .ticket-card {
  border-color: rgba(148, 163, 184, 0.18) !important;
  background:
    radial-gradient(160px 84px at 100% 0%, rgba(37, 99, 235, 0.05), transparent 72%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 16px 28px rgba(37, 99, 235, 0.08) !important;
}

body.has-account-theme[data-ui-theme="light"] .ticket-card:hover {
  border-color: rgba(37, 99, 235, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 20px 34px rgba(37, 99, 235, 0.1) !important;
}

body.has-account-theme[data-ui-theme="light"] .ticket-card .pkg-sub,
body.has-account-theme[data-ui-theme="light"] .ticket-meta,
body.has-account-theme[data-ui-theme="light"] .staff-row,
body.has-account-theme[data-ui-theme="light"] .staff-status,
body.has-account-theme[data-ui-theme="light"] .staff-timer {
  color: var(--account-muted) !important;
}

body.has-account-theme[data-ui-theme="light"] .tchip {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  color: var(--account-text-soft) !important;
  box-shadow: 0 8px 16px rgba(37, 99, 235, 0.05) !important;
}

body.has-account-theme[data-ui-theme="light"] .ticket-desc {
  color: var(--account-text-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .ticket-file {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  color: var(--account-accent) !important;
  box-shadow: 0 8px 14px rgba(37, 99, 235, 0.05) !important;
}

body.has-account-theme[data-ui-theme="light"] .ticket-file:hover {
  background: rgba(233, 242, 255, 0.96) !important;
  border-color: rgba(37, 99, 235, 0.22) !important;
}

body.has-account-theme[data-ui-theme="light"] .ticket-progress {
  background: rgba(226, 236, 255, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: inset 0 1px 2px rgba(148, 163, 184, 0.14) !important;
}

body.has-account-theme[data-ui-theme="light"] .chat-log {
  background:
    radial-gradient(340px 180px at 0% 0%, rgba(37, 99, 235, 0.05), transparent 68%),
    radial-gradient(360px 200px at 100% 0%, rgba(14, 165, 233, 0.04), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96)) !important;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

body.has-account-theme[data-ui-theme="light"] .bubble {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 12px 22px rgba(37, 99, 235, 0.06) !important;
}

body.has-account-theme[data-ui-theme="light"] .bubble--me {
  background:
    radial-gradient(140px 64px at 100% 0%, rgba(37, 99, 235, 0.08), transparent 72%),
    linear-gradient(180deg, rgba(232, 241, 255, 0.98), rgba(214, 230, 255, 0.96)) !important;
  border-color: rgba(37, 99, 235, 0.2) !important;
}

body.has-account-theme[data-ui-theme="light"] .bubble__text,
body.has-account-theme[data-ui-theme="light"] .bubble__who .who-name {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .bubble__time,
body.has-account-theme[data-ui-theme="light"] .bubble__who .who-small {
  color: var(--account-muted) !important;
}

body.has-account-theme[data-ui-theme="light"] .composer,
body.has-account-theme[data-ui-theme="light"] .composer--readonly {
  background:
    linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(241, 246, 255, 0.96)) !important;
  border-top-color: rgba(148, 163, 184, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

body.has-account-theme[data-ui-theme="light"] .composer__form {
  padding: 6px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 12px 26px rgba(37, 99, 235, 0.06);
}

body.has-account-theme[data-ui-theme="light"] .composer__input {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(148, 163, 184, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

body.has-account-theme[data-ui-theme="light"] .composer__meta,
body.has-account-theme[data-ui-theme="light"] .composer__readonly {
  color: var(--account-muted) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-card,
body.has-account-theme[data-ui-theme="light"] .cab-strip,
body.has-account-theme[data-ui-theme="light"] .pkg,
body.has-account-theme[data-ui-theme="light"] .panel,
body.has-account-theme[data-ui-theme="light"] .chat-card,
body.has-account-theme[data-ui-theme="light"] .chat-topbar,
body.has-account-theme[data-ui-theme="light"] .thread-summary__item,
body.has-account-theme[data-ui-theme="light"] .td-card,
body.has-account-theme[data-ui-theme="light"] .td-box,
body.has-account-theme[data-ui-theme="light"] .td-session,
body.has-account-theme[data-ui-theme="light"] .sop-card,
body.has-account-theme[data-ui-theme="light"] .sla-card,
body.has-account-theme[data-ui-theme="light"] .kpi-card,
body.has-account-theme[data-ui-theme="light"] .ad-card,
body.has-account-theme[data-ui-theme="light"] .ad-kpi,
body.has-account-theme[data-ui-theme="light"] .ps-card,
body.has-account-theme[data-ui-theme="light"] .ps-linkrow,
body.has-account-theme[data-ui-theme="light"] .ps-preview,
body.has-account-theme[data-ui-theme="light"] .ps-modal__box {
  background: var(--account-surface) !important;
  border-color: var(--account-line) !important;
  box-shadow: var(--account-shadow-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .chat-footer,
body.has-account-theme[data-ui-theme="light"] .staff-meta,
body.has-account-theme[data-ui-theme="light"] .dd-help,
body.has-account-theme[data-ui-theme="light"] .auth-status,
body.has-account-theme[data-ui-theme="light"] .ad-note,
body.has-account-theme[data-ui-theme="light"] .ad-miniNote,
body.has-account-theme[data-ui-theme="light"] .mini-item,
body.has-account-theme[data-ui-theme="light"] .sla-note,
body.has-account-theme[data-ui-theme="light"] .sop-chip,
body.has-account-theme[data-ui-theme="light"] .sop-pill,
body.has-account-theme[data-ui-theme="light"] .sop-badge,
body.has-account-theme[data-ui-theme="light"] .sop-tag {
  background: rgba(255, 255, 255, 0.68) !important;
  border-color: var(--account-line) !important;
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-title,
body.has-account-theme[data-ui-theme="light"] .dash-shell__title,
body.has-account-theme[data-ui-theme="light"] .dash-section-title,
body.has-account-theme[data-ui-theme="light"] .cab-card__title,
body.has-account-theme[data-ui-theme="light"] .pkg-title,
body.has-account-theme[data-ui-theme="light"] .chat-h1,
body.has-account-theme[data-ui-theme="light"] .panel__title,
body.has-account-theme[data-ui-theme="light"] .chat-card__title,
body.has-account-theme[data-ui-theme="light"] .thread-summary__value,
body.has-account-theme[data-ui-theme="light"] .td-title,
body.has-account-theme[data-ui-theme="light"] .td-box-title,
body.has-account-theme[data-ui-theme="light"] .ad-title,
body.has-account-theme[data-ui-theme="light"] .ad-card__title,
body.has-account-theme[data-ui-theme="light"] .sla-title,
body.has-account-theme[data-ui-theme="light"] .sla-h2,
body.has-account-theme[data-ui-theme="light"] .sop-title,
body.has-account-theme[data-ui-theme="light"] .sop-card__title,
body.has-account-theme[data-ui-theme="light"] .ps-card__title,
body.has-account-theme[data-ui-theme="light"] .ps-hero__title {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-sub,
body.has-account-theme[data-ui-theme="light"] .dash-shell__lead,
body.has-account-theme[data-ui-theme="light"] .dash-section-copy,
body.has-account-theme[data-ui-theme="light"] .pkg-sub,
body.has-account-theme[data-ui-theme="light"] .pkg-text,
body.has-account-theme[data-ui-theme="light"] .chat-sub,
body.has-account-theme[data-ui-theme="light"] .panel__hint,
body.has-account-theme[data-ui-theme="light"] .chat-card__hint,
body.has-account-theme[data-ui-theme="light"] .thread-summary__label,
body.has-account-theme[data-ui-theme="light"] .td-sub,
body.has-account-theme[data-ui-theme="light"] .td-sub2,
body.has-account-theme[data-ui-theme="light"] .td-muted,
body.has-account-theme[data-ui-theme="light"] .ad-sub,
body.has-account-theme[data-ui-theme="light"] .ad-kpi__label,
body.has-account-theme[data-ui-theme="light"] .ad-kpi__hint,
body.has-account-theme[data-ui-theme="light"] .ad-meta__k,
body.has-account-theme[data-ui-theme="light"] .ad-ticket__time,
body.has-account-theme[data-ui-theme="light"] .sla-sub,
body.has-account-theme[data-ui-theme="light"] .kpi-label,
body.has-account-theme[data-ui-theme="light"] .filter__label,
body.has-account-theme[data-ui-theme="light"] .mini-item span,
body.has-account-theme[data-ui-theme="light"] .sop-sub,
body.has-account-theme[data-ui-theme="light"] .sop-foot,
body.has-account-theme[data-ui-theme="light"] .sop-note,
body.has-account-theme[data-ui-theme="light"] .ps-card__muted,
body.has-account-theme[data-ui-theme="light"] .ps-label,
body.has-account-theme[data-ui-theme="light"] .ps-hint,
body.has-account-theme[data-ui-theme="light"] .ps-btn__sub {
  color: var(--account-muted) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-tab,
body.has-account-theme[data-ui-theme="light"] .staff-tab,
body.has-account-theme[data-ui-theme="light"] .td-back,
body.has-account-theme[data-ui-theme="light"] .ps-link,
body.has-account-theme[data-ui-theme="light"] .sla-back,
body.has-account-theme[data-ui-theme="light"] .ad-back {
  background: rgba(255, 255, 255, 0.74) !important;
  border-color: var(--account-line) !important;
  color: var(--account-text) !important;
  box-shadow: var(--account-shadow-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-tab.is-active,
body.has-account-theme[data-ui-theme="light"] .staff-tab.is-active,
body.has-account-theme[data-ui-theme="light"] .pkg-btn--primary,
body.has-account-theme[data-ui-theme="light"] .btn-primary,
body.has-account-theme[data-ui-theme="light"] .auth-btn,
body.has-account-theme[data-ui-theme="light"] .staff-btn,
body.has-account-theme[data-ui-theme="light"] .ps-btn--blue,
body.has-account-theme[data-ui-theme="light"] .composer__send {
  background: linear-gradient(135deg, var(--account-accent), var(--account-accent-2)) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 18px 28px rgba(37, 99, 235, 0.18) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-tab--accent {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.9)) !important;
  border-color: rgba(37, 99, 235, 0.22) !important;
  color: var(--account-accent) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 12px 20px rgba(37, 99, 235, 0.08) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-tab--accent:hover {
  background: linear-gradient(180deg, rgba(37, 99, 235, 0.14), rgba(255, 255, 255, 0.96)) !important;
  border-color: rgba(37, 99, 235, 0.32) !important;
  color: #0f2b5c !important;
}

body.has-account-theme[data-ui-theme="light"] .btn-ghost,
body.has-account-theme[data-ui-theme="light"] .staff-btn--ghost,
body.has-account-theme[data-ui-theme="light"] .auth-btn--ghost,
body.has-account-theme[data-ui-theme="light"] .pg-btn,
body.has-account-theme[data-ui-theme="light"] .pg-num,
body.has-account-theme[data-ui-theme="light"] .ps-btn--ghost,
body.has-account-theme[data-ui-theme="light"] .ps-linkbtn {
  background: rgba(255, 255, 255, 0.8) !important;
  border-color: var(--account-line) !important;
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .pg-num.is-active {
  background: var(--account-accent) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

body.has-account-theme[data-ui-theme="light"] .inp,
body.has-account-theme[data-ui-theme="light"] .dd-btn.inp,
body.has-account-theme[data-ui-theme="light"] .chat-field__control,
body.has-account-theme[data-ui-theme="light"] .composer__input,
body.has-account-theme[data-ui-theme="light"] .ps-inp,
body.has-account-theme[data-ui-theme="light"] .ps-dd__btn,
body.has-account-theme[data-ui-theme="light"] .ps-dd__search,
body.has-account-theme[data-ui-theme="light"] .search input,
body.has-account-theme[data-ui-theme="light"] .dd-form__row input,
body.has-account-theme[data-ui-theme="light"] .combo-inp,
body.has-account-theme[data-ui-theme="light"] .ad-search,
body.has-account-theme[data-ui-theme="light"] .ad-search__inp,
body.has-account-theme[data-ui-theme="light"] .ad-chatBar input {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: var(--account-line) !important;
  color: var(--account-text) !important;
  box-shadow: none !important;
}

body.has-account-theme[data-ui-theme="light"] .inp::placeholder,
body.has-account-theme[data-ui-theme="light"] .chat-field__control::placeholder,
body.has-account-theme[data-ui-theme="light"] .composer__input::placeholder,
body.has-account-theme[data-ui-theme="light"] .ps-inp::placeholder,
body.has-account-theme[data-ui-theme="light"] .ps-dd__search::placeholder,
body.has-account-theme[data-ui-theme="light"] .ad-search__inp::placeholder,
body.has-account-theme[data-ui-theme="light"] .ad-chatBar input::placeholder {
  color: var(--account-muted) !important;
}

body.has-account-theme[data-ui-theme="light"] .dd-panel,
body.has-account-theme[data-ui-theme="light"] .dd-menu,
body.has-account-theme[data-ui-theme="light"] .combo-list,
body.has-account-theme[data-ui-theme="light"] .ps-dd__panel {
  background: rgba(255, 255, 255, 0.98) !important;
  border-color: var(--account-line) !important;
  box-shadow: var(--account-shadow) !important;
}

body.has-account-theme[data-ui-theme="light"] .dd-item,
body.has-account-theme[data-ui-theme="light"] .combo-item,
body.has-account-theme[data-ui-theme="light"] .ps-dd__list [role="option"] {
  background: transparent !important;
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .dd-item:hover,
body.has-account-theme[data-ui-theme="light"] .dd-item.is-active,
body.has-account-theme[data-ui-theme="light"] .combo-item:hover,
body.has-account-theme[data-ui-theme="light"] .ps-dd__list [role="option"]:hover {
  background: var(--account-accent-soft) !important;
}

/* Tickets need stronger surfaces in light mode than the generic account controls. */
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-toolbar,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-filters-card,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-staff-shell,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .ticket-card,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page #staffQueueList,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page #staffWorkList,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page #myTickets {
  border-color: rgba(148, 163, 184, 0.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 18px 40px rgba(37, 99, 235, 0.1) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-toolbar,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-filters-card,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-staff-shell {
  background:
    radial-gradient(320px 160px at 100% 0%, rgba(59, 130, 246, 0.08), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 255, 0.96)) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page #staffQueueList,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page #staffWorkList,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page #myTickets {
  background:
    radial-gradient(300px 160px at 0% 0%, rgba(59, 130, 246, 0.06), transparent 68%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(242, 247, 255, 0.98)) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-filters,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-toolbar__actions,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-meta,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-pager {
  color: var(--account-text-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-filters .inp,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .auth-form .inp,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-btn.inp,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .filebox__btn,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .filebox__clear,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .auth-status,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-help,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .filebox__list,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page #readyState {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96)) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: var(--account-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 10px 24px rgba(37, 99, 235, 0.08) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-filters .inp,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .auth-form .inp {
  -webkit-text-fill-color: var(--account-text) !important;
  caret-color: var(--account-accent) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-filters .inp::placeholder,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .auth-form .inp::placeholder,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-search input::placeholder {
  color: #7286a4 !important;
  opacity: 1 !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-filters .inp:focus,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .auth-form .inp:focus,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd.is-open .dd-btn.inp {
  border-color: rgba(37, 99, 235, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 0 0 4px rgba(37, 99, 235, 0.12),
    0 14px 30px rgba(37, 99, 235, 0.12) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page input.inp[type="date"],
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page input.inp[type="datetime-local"] {
  color-scheme: light;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page input.inp[type="date"]::-webkit-datetime-edit,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page input.inp[type="datetime-local"]::-webkit-datetime-edit {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page input.inp[type="date"]::-webkit-calendar-picker-indicator,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page input.inp[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: none !important;
  opacity: 0.75 !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 247, 255, 0.98)) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  box-shadow:
    0 22px 48px rgba(37, 99, 235, 0.14),
    0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-search {
  background: rgba(248, 251, 255, 0.94) !important;
  border-bottom-color: rgba(148, 163, 184, 0.18) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-search input {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  color: var(--account-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-item {
  border-bottom-color: rgba(148, 163, 184, 0.12) !important;
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-item__title {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-item__sub,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-help__text,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-meta__txt,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-toolbar__sub,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-blockhead__sub,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-section-title p {
  color: var(--account-muted) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-item:hover,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .dd-item.is-active {
  background: rgba(37, 99, 235, 0.08) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-tab {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
  color: var(--account-text-soft) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 8px 18px rgba(37, 99, 235, 0.07) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .staff-tab.is-active {
  background: linear-gradient(180deg, rgba(232, 241, 255, 0.98), rgba(214, 230, 255, 0.98)) !important;
  border-color: rgba(37, 99, 235, 0.22) !important;
  color: #1d4ed8 !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page #readyState.is-on {
  background: linear-gradient(180deg, rgba(236, 253, 245, 0.98), rgba(220, 252, 231, 0.96)) !important;
  border-color: rgba(21, 128, 61, 0.2) !important;
  color: #166534 !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page #readyState.is-off {
  background: linear-gradient(180deg, rgba(255, 241, 242, 0.98), rgba(255, 228, 230, 0.96)) !important;
  border-color: rgba(225, 29, 72, 0.16) !important;
  color: #be123c !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .auth-status.is-good {
  background: linear-gradient(180deg, rgba(236, 253, 245, 0.98), rgba(220, 252, 231, 0.96)) !important;
  border-color: rgba(21, 128, 61, 0.18) !important;
  color: #166534 !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .auth-status.is-bad {
  background: linear-gradient(180deg, rgba(255, 241, 242, 0.98), rgba(255, 228, 230, 0.96)) !important;
  border-color: rgba(225, 29, 72, 0.14) !important;
  color: #be123c !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .ticket-link,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .pkg-title,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-toolbar__title,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tickets-blockhead__title {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .ticket-desc,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .pkg-sub {
  color: var(--account-text-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .tchip,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .ticket-file,
body.has-account-theme[data-ui-theme="light"] .dash--light.tickets-page .ticket-progress {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(148, 163, 184, 0.2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

body.has-account-theme[data-ui-theme="light"] .dash-chip,
body.has-account-theme[data-ui-theme="light"] .cab-badge,
body.has-account-theme[data-ui-theme="light"] .cab-pill,
body.has-account-theme[data-ui-theme="light"] .td-chip,
body.has-account-theme[data-ui-theme="light"] .ad-tag,
body.has-account-theme[data-ui-theme="light"] .ad-pill,
body.has-account-theme[data-ui-theme="light"] .ad-pillTag,
body.has-account-theme[data-ui-theme="light"] .ad-chip,
body.has-account-theme[data-ui-theme="light"] .ad-badge,
body.has-account-theme[data-ui-theme="light"] .sla-tag,
body.has-account-theme[data-ui-theme="light"] .badge-pr,
body.has-account-theme[data-ui-theme="light"] .sla-na {
  background: var(--account-chip) !important;
  border-color: var(--account-line-strong) !important;
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-hero {
  border-color: rgba(71, 85, 105, 0.22) !important;
  background:
    radial-gradient(460px 220px at 8% 0%, rgba(59, 130, 246, 0.18), transparent 64%),
    radial-gradient(360px 210px at 100% 18%, rgba(14, 165, 233, 0.14), transparent 66%),
    radial-gradient(320px 180px at 50% 100%, rgba(191, 219, 254, 0.32), transparent 72%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99) 0%, rgba(245, 249, 255, 0.98) 34%, rgba(232, 240, 255, 0.98) 68%, rgba(220, 232, 255, 0.96) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 22px 54px rgba(37, 99, 235, 0.12) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-hero::before {
  background:
    linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.44) 40%, transparent 66%) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-hero__title {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.has-account-theme[data-ui-theme="light"] .badge,
body.has-account-theme[data-ui-theme="light"] .thread-meta-chip {
  background: rgba(255, 255, 255, 0.84) !important;
  border-color: var(--account-line) !important;
  color: var(--account-text-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .badge--open {
  background: rgba(37, 99, 235, 0.1) !important;
  border-color: rgba(37, 99, 235, 0.18) !important;
  color: #1d4ed8 !important;
}

body.has-account-theme[data-ui-theme="light"] .badge--waiting {
  background: rgba(245, 158, 11, 0.1) !important;
  border-color: rgba(245, 158, 11, 0.18) !important;
  color: #b45309 !important;
}

body.has-account-theme[data-ui-theme="light"] .badge--closed {
  background: rgba(22, 163, 74, 0.1) !important;
  border-color: rgba(22, 163, 74, 0.18) !important;
  color: #166534 !important;
}

body.has-account-theme[data-ui-theme="light"] .badge--archived,
body.has-account-theme[data-ui-theme="light"] .badge--muted {
  background: rgba(100, 116, 139, 0.08) !important;
  border-color: rgba(100, 116, 139, 0.16) !important;
  color: #475569 !important;
}

body.has-account-theme[data-ui-theme="light"] .chat-logo {
  border-color: var(--account-line) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(232, 240, 255, 0.98)) !important;
  color: var(--account-accent) !important;
  box-shadow: var(--account-shadow-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .thread-item,
body.has-account-theme[data-ui-theme="light"] .thread-meta,
body.has-account-theme[data-ui-theme="light"] .ad-ticket,
body.has-account-theme[data-ui-theme="light"] .td-file,
body.has-account-theme[data-ui-theme="light"] .table-wrap {
  background: rgba(255, 255, 255, 0.76) !important;
  border-color: var(--account-line) !important;
  box-shadow: none !important;
}

body.has-account-theme[data-ui-theme="light"] .thread-item:hover,
body.has-account-theme[data-ui-theme="light"] .ad-ticket:hover,
body.has-account-theme[data-ui-theme="light"] .td-file:hover {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: var(--account-line-strong) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-stat__big,
body.has-account-theme[data-ui-theme="light"] .cab-strip__value,
body.has-account-theme[data-ui-theme="light"] .cab-ops__stat strong,
body.has-account-theme[data-ui-theme="light"] .cab-ops-viz__head h4,
body.has-account-theme[data-ui-theme="light"] .cab-ops-split__label,
body.has-account-theme[data-ui-theme="light"] .cab-ops-split__value,
body.has-account-theme[data-ui-theme="light"] .cab-ops-channel__summary-top b,
body.has-account-theme[data-ui-theme="light"] .cab-ops-channel__label,
body.has-account-theme[data-ui-theme="light"] .cab-ops-channel__nums b,
body.has-account-theme[data-ui-theme="light"] .cab-ops-speed__top b,
body.has-account-theme[data-ui-theme="light"] .cab-ops__chip b,
body.has-account-theme[data-ui-theme="light"] .thread-item__title,
body.has-account-theme[data-ui-theme="light"] .thread-meta__value,
body.has-account-theme[data-ui-theme="light"] .pkg-price,
body.has-account-theme[data-ui-theme="light"] .td-kv > div,
body.has-account-theme[data-ui-theme="light"] .td-kv > div b,
body.has-account-theme[data-ui-theme="light"] .td-desc,
body.has-account-theme[data-ui-theme="light"] .td-desc--rich,
body.has-account-theme[data-ui-theme="light"] .ad-meta__v,
body.has-account-theme[data-ui-theme="light"] .ad-chat__who,
body.has-account-theme[data-ui-theme="light"] .sop-num,
body.has-account-theme[data-ui-theme="light"] .sop-list,
body.has-account-theme[data-ui-theme="light"] .sop-list b,
body.has-account-theme[data-ui-theme="light"] .dd-btn__value,
body.has-account-theme[data-ui-theme="light"] .dd-item__title,
body.has-account-theme[data-ui-theme="light"] .combo-item b,
body.has-account-theme[data-ui-theme="light"] .ps-dd__label {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-hero__company,
body.has-account-theme[data-ui-theme="light"] .cab-strip__metric,
body.has-account-theme[data-ui-theme="light"] .cab-ops__label,
body.has-account-theme[data-ui-theme="light"] .cab-ops__meta,
body.has-account-theme[data-ui-theme="light"] .cab-ops-viz__head span,
body.has-account-theme[data-ui-theme="light"] .cab-ops-split__meta,
body.has-account-theme[data-ui-theme="light"] .cab-ops-channel__summary-top span,
body.has-account-theme[data-ui-theme="light"] .cab-ops-channel__nums small,
body.has-account-theme[data-ui-theme="light"] .cab-ops-speed__top span,
body.has-account-theme[data-ui-theme="light"] .cab-ops__chip span,
body.has-account-theme[data-ui-theme="light"] .thread-item__time,
body.has-account-theme[data-ui-theme="light"] .thread-item__people,
body.has-account-theme[data-ui-theme="light"] .thread-item__preview,
body.has-account-theme[data-ui-theme="light"] .thread-meta__label,
body.has-account-theme[data-ui-theme="light"] .pkg-kicker,
body.has-account-theme[data-ui-theme="light"] .pkg-note,
body.has-account-theme[data-ui-theme="light"] .dd-item__sub,
body.has-account-theme[data-ui-theme="light"] .combo-item span,
body.has-account-theme[data-ui-theme="light"] .dd-btn__label,
body.has-account-theme[data-ui-theme="light"] .filebox__hint,
body.has-account-theme[data-ui-theme="light"] .ad-chat__meta,
body.has-account-theme[data-ui-theme="light"] .chat-footer__hint,
body.has-account-theme[data-ui-theme="light"] .thread-id {
  color: var(--account-muted) !important;
}

body.has-account-theme[data-ui-theme="light"] .filebox__btn,
body.has-account-theme[data-ui-theme="light"] .filebox__clear,
body.has-account-theme[data-ui-theme="light"] .filebox__list {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: var(--account-line) !important;
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .auth-status.is-good {
  background: rgba(22, 163, 74, 0.1) !important;
  color: #166534 !important;
  border-color: rgba(22, 163, 74, 0.18) !important;
}

body.has-account-theme[data-ui-theme="light"] .auth-status.is-bad {
  background: rgba(220, 38, 38, 0.08) !important;
  color: #b91c1c !important;
  border-color: rgba(220, 38, 38, 0.16) !important;
}

body.has-account-theme[data-ui-theme="light"] .ticket-detail-page.dash.dash--light,
body.has-account-theme[data-ui-theme="light"] .dash--light .sop-wrap,
body.has-account-theme[data-ui-theme="light"] .dash--light .sla-wrap,
body.has-account-theme[data-ui-theme="light"] .dash--light .ad-wrap {
  background: transparent !important;
}

body.has-account-theme[data-ui-theme="light"] .ticket-detail-page .td-chat-wrap .chat-shell,
body.has-account-theme[data-ui-theme="light"] .ticket-detail-page .td-chat-wrap .chat-card,
body.has-account-theme[data-ui-theme="light"] .ticket-detail-page .td-chat-wrap .chat-topbar {
  background: var(--account-surface) !important;
  border-color: var(--account-line) !important;
}

body.has-account-theme[data-ui-theme="light"] .sla-table thead th {
  color: var(--account-muted) !important;
  border-bottom-color: var(--account-line) !important;
}

body.has-account-theme[data-ui-theme="light"] .sla-table tbody td {
  color: var(--account-text) !important;
  border-bottom-color: rgba(148, 163, 184, 0.16) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-avatar__img,
body.has-account-theme[data-ui-theme="light"] .ps-avatar__placeholder {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(231, 240, 255, 0.92)) !important;
  border-color: var(--account-line) !important;
  color: var(--account-accent) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-linkbtn[data-save],
body.has-account-theme[data-ui-theme="light"] .ps-linkbtn.ps-linkbtn--save {
  background: linear-gradient(135deg, var(--account-accent), var(--account-accent-2)) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-preview__title,
body.has-account-theme[data-ui-theme="light"] .ps-preview__time,
body.has-account-theme[data-ui-theme="light"] .ps-linkrow__label,
body.has-account-theme[data-ui-theme="light"] .ps-modal__title,
body.has-account-theme[data-ui-theme="light"] .ps-dd__item,
body.has-account-theme[data-ui-theme="light"] .cab-hero__title,
body.has-account-theme[data-ui-theme="light"] .cab-period,
body.has-account-theme[data-ui-theme="light"] .cab-period-dd [data-dd-label],
body.has-account-theme[data-ui-theme="light"] .cab-gear__icon,
body.has-account-theme[data-ui-theme="light"] .cab-avatar__name,
body.has-account-theme[data-ui-theme="light"] .cab-avatar__go,
body.has-account-theme[data-ui-theme="light"] .cab-agents-info b,
body.has-account-theme[data-ui-theme="light"] .cab-tooltip,
body.has-account-theme[data-ui-theme="light"] .cab-tooltip__body {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-preview__meta,
body.has-account-theme[data-ui-theme="light"] .ps-dd__empty,
body.has-account-theme[data-ui-theme="light"] .ps-dd__caret,
body.has-account-theme[data-ui-theme="light"] .cab-period-dd__eyebrow,
body.has-account-theme[data-ui-theme="light"] .cabinet-page .dd-caret,
body.has-account-theme[data-ui-theme="light"] .cab-agents-nav__meta,
body.has-account-theme[data-ui-theme="light"] .cab-agents-info,
body.has-account-theme[data-ui-theme="light"] .cab-agents-empty,
body.has-account-theme[data-ui-theme="light"] .cab-legend,
body.has-account-theme[data-ui-theme="light"] .cab-chart__label,
body.has-account-theme[data-ui-theme="light"] .cab-strip__label,
body.has-account-theme[data-ui-theme="light"] .cab-strip__meta,
body.has-account-theme[data-ui-theme="light"] .cab-pie__center span,
body.has-account-theme[data-ui-theme="light"] .cab-chart__foot,
body.has-account-theme[data-ui-theme="light"] .cabinet-page .dd-item__sub,
body.has-account-theme[data-ui-theme="light"] .dot {
  color: var(--account-muted) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-chart__foot {
  color: rgb(0 47 163 / 70%) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-chart__foot b,
body.has-account-theme[data-ui-theme="light"] .cab-pie__legend-main,
body.has-account-theme[data-ui-theme="light"] .cab-bars__row span,
body.has-account-theme[data-ui-theme="light"] .cab-sla .cab-sla-btn,
body.has-account-theme[data-ui-theme="light"] .cab-sla .cab-sla-download {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-pie__legend-item,
body.has-account-theme[data-ui-theme="light"] .cab-bars__row {
  color: var(--account-text-soft) !important;
  border-bottom-color: rgba(71, 85, 105, 0.18) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-pie__legend-item b,
body.has-account-theme[data-ui-theme="light"] .cab-bars__row b {
  color: #0f2f72 !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-sla .cab-sla-btn__sub {
  color: var(--account-text-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-preview__time {
  text-shadow: none !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-ai-suite {
  background:
    radial-gradient(520px 220px at 0% 0%, rgba(37, 99, 235, 0.1), transparent 62%),
    radial-gradient(420px 200px at 100% 0%, rgba(14, 165, 233, 0.08), transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 255, 0.96)) !important;
  border-color: var(--account-line) !important;
  box-shadow: var(--account-shadow-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-ai-panel,
body.has-account-theme[data-ui-theme="light"] .ps-ai-stat,
body.has-account-theme[data-ui-theme="light"] .ps-ai-mini-stat,
body.has-account-theme[data-ui-theme="light"] .ps-ai-widget,
body.has-account-theme[data-ui-theme="light"] .ps-ai-qapair,
body.has-account-theme[data-ui-theme="light"] .ps-ai-note,
body.has-account-theme[data-ui-theme="light"] .ps-ai-knowledge-card,
body.has-account-theme[data-ui-theme="light"] .ps-ai-toggle,
body.has-account-theme[data-ui-theme="light"] .ps-ai-knowledge-empty {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: var(--account-line) !important;
  box-shadow: var(--account-shadow-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-ai-suite__title,
body.has-account-theme[data-ui-theme="light"] .ps-ai-panel__title,
body.has-account-theme[data-ui-theme="light"] .ps-ai-widget__title,
body.has-account-theme[data-ui-theme="light"] .ps-ai-knowledge-card__title,
body.has-account-theme[data-ui-theme="light"] .ps-ai-stat b,
body.has-account-theme[data-ui-theme="light"] .ps-ai-mini-stat b,
body.has-account-theme[data-ui-theme="light"] .ps-ai-toggle__copy strong {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-ai-suite__text,
body.has-account-theme[data-ui-theme="light"] .ps-ai-panel__text,
body.has-account-theme[data-ui-theme="light"] .ps-ai-widget__key,
body.has-account-theme[data-ui-theme="light"] .ps-ai-note,
body.has-account-theme[data-ui-theme="light"] .ps-ai-knowledge-empty,
body.has-account-theme[data-ui-theme="light"] .ps-ai-stat span,
body.has-account-theme[data-ui-theme="light"] .ps-ai-mini-stat span {
  color: var(--account-text-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-ai-suite__eyebrow,
body.has-account-theme[data-ui-theme="light"] .ps-ai-panel__eyebrow,
body.has-account-theme[data-ui-theme="light"] .ps-ai-knowledge-card__eyebrow,
body.has-account-theme[data-ui-theme="light"] .ps-ai-widget__pill,
body.has-account-theme[data-ui-theme="light"] .ps-ai-qapair__index {
  background: rgba(37, 99, 235, 0.1) !important;
  border-color: rgba(37, 99, 235, 0.18) !important;
  color: #163f98 !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-savebar {
  background:
    radial-gradient(360px 140px at 0% 0%, rgba(37, 99, 235, 0.08), transparent 65%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 255, 0.96)) !important;
  border-color: var(--account-line) !important;
  box-shadow: var(--account-shadow-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-savebar__copy strong {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-savebar__copy span {
  color: var(--account-text-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-radio__opt,
body.has-account-theme[data-ui-theme="light"] .ps-status,
body.has-account-theme[data-ui-theme="light"] .ps-x,
body.has-account-theme[data-ui-theme="light"] .cab-period,
body.has-account-theme[data-ui-theme="light"] .cab-agents-nav__btn,
body.has-account-theme[data-ui-theme="light"] .cab-avatar__img,
body.has-account-theme[data-ui-theme="light"] .cab-avatar__go,
body.has-account-theme[data-ui-theme="light"] .cab-agents-empty,
body.has-account-theme[data-ui-theme="light"] .cab-tooltip {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: var(--account-line) !important;
  box-shadow: var(--account-shadow-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-hero__avatar,
body.has-account-theme[data-ui-theme="light"] .cab-avatar__img {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(231, 240, 255, 0.92)) !important;
  border-color: var(--account-line) !important;
  color: var(--account-accent) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-avatar__go {
  background: rgba(255, 255, 255, 0.96) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-period option {
  background: #ffffff !important;
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-tooltip {
  background:
    radial-gradient(280px 140px at 0% 0%, rgba(37, 99, 235, 0.08), transparent 64%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 248, 255, 0.98)) !important;
}

body.has-account-theme[data-ui-theme="light"] .cab-tooltip__title {
  color: var(--account-accent) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-radio__opt {
  color: var(--account-text) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-radio__opt:has(input:checked) {
  background:
    linear-gradient(180deg, rgba(232, 241, 255, 0.98), rgba(214, 230, 255, 0.96)) !important;
  border-color: rgba(37, 99, 235, 0.24) !important;
  color: var(--account-accent) !important;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, 0.1),
    0 14px 28px rgba(37, 99, 235, 0.08) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-radio__check {
  color: var(--account-accent) !important;
  text-shadow: none !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-status {
  color: var(--account-text-soft) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-status.is-ok {
  background: rgba(22, 163, 74, 0.1) !important;
  border-color: rgba(22, 163, 74, 0.18) !important;
  color: #166534 !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-status.is-bad {
  background: rgba(220, 38, 38, 0.08) !important;
  border-color: rgba(220, 38, 38, 0.16) !important;
  color: #b91c1c !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-x:hover {
  background: rgba(233, 242, 255, 0.98) !important;
  border-color: rgba(37, 99, 235, 0.22) !important;
  color: var(--account-accent) !important;
}

body.has-account-theme[data-ui-theme="light"] .ps-dd__item:hover,
body.has-account-theme[data-ui-theme="light"] .ps-dd__item.is-active,
body.has-account-theme[data-ui-theme="light"] .cabinet-page .dd-item:hover,
body.has-account-theme[data-ui-theme="light"] .cabinet-page .dd-item.is-active {
  background: rgba(37, 99, 235, 0.08) !important;
  color: var(--account-accent) !important;
}

@media (max-width: 860px) {
  body.has-account-theme .header-right {
    width: auto;
    justify-content: flex-end;
  }
}

@media (max-width: 640px) {
  .theme-switch__button {
    --switch-width: 70px;
    --switch-height: 36px;
    --switch-pad: 3px;
    --switch-thumb: 28px;
    grid-template-columns: repeat(2, 13px);
    gap: 14px;
    width: var(--switch-width);
    min-width: var(--switch-width);
    height: var(--switch-height);
    padding: 0 9px;
  }

  .theme-switch__button::after {
    top: var(--switch-pad);
    left: var(--switch-pad);
    width: var(--switch-thumb);
    height: var(--switch-thumb);
    transform: translateX(calc(var(--switch-width) - var(--switch-thumb) - (var(--switch-pad) * 2)));
  }

  body.has-account-theme[data-ui-theme="light"] .theme-switch__button::after {
    transform: translateX(0);
  }

  body.has-account-theme .lang-btn {
    min-height: 36px;
    padding: 0 10px;
  }
}