/* Casino SEO Builder — real app replacement CSS
   Generated for existing SPA structure without changing HTML/JS.
   Themes: aqua, light, onyx, glass.
*/

:root,
html[data-theme="aqua"] {
  --ui-radius-xs: 10px;
  --ui-radius-sm: 14px;
  --ui-radius-md: 18px;
  --ui-radius-lg: 24px;
  --ui-sidebar-w: 220px;
  --ui-topbar-h: 56px;
  --ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --ui-page:
    radial-gradient(80rem 36rem at 82% 10%, rgba(124, 75, 255, 0.22), transparent 42%),
    radial-gradient(58rem 28rem at 70% 62%, rgba(0, 196, 255, 0.10), transparent 40%),
    linear-gradient(180deg, #031122 0%, #061225 48%, #071328 100%);

  --ui-sidebar-bg: rgba(2, 12, 28, 0.94);
  --ui-topbar-bg: rgba(4, 15, 32, 0.86);
  --ui-surface: linear-gradient(180deg, rgba(5, 19, 40, 0.96), rgba(4, 16, 36, 0.96));
  --ui-surface-2: rgba(8, 22, 45, 0.84);
  --ui-surface-3: rgba(8, 24, 48, 0.88);
  --ui-surface-soft: rgba(8, 24, 48, 0.70);

  --ui-border: rgba(77, 177, 255, 0.18);
  --ui-border-strong: rgba(115, 120, 255, 0.28);
  --ui-line: rgba(109, 172, 255, 0.10);

  --ui-text: #f3f7ff;
  --ui-text-2: #95a9d6;
  --ui-text-3: #6f85b9;

  --ui-primary-1: #22baff;
  --ui-primary-2: #6a53ff;
  --ui-primary-3: #9f7cff;
  --ui-success: #33d37f;
  --ui-danger: #ff6d86;
  --ui-warning: #f0b75e;
  --ui-info: #75bbff;

  --ui-shadow-page: 0 18px 55px rgba(2, 9, 26, 0.40);
  --ui-shadow-soft: 0 10px 28px rgba(4, 10, 30, 0.28);
  --ui-shadow-card: 0 0 0 1px rgba(40, 196, 255, 0.30), 0 0 34px rgba(109, 83, 255, 0.16), 0 18px 52px rgba(2, 9, 26, 0.48);
  --ui-shadow-card-hover: 0 0 0 1px rgba(40, 196, 255, 0.34), 0 0 38px rgba(109, 83, 255, 0.20), 0 20px 56px rgba(2, 9, 26, 0.52);
  --ui-inner: inset 0 1px 0 rgba(255,255,255,0.05);
  --ui-focus: 0 0 0 3px rgba(34, 186, 255, 0.14);

  --bg: #061225;
  --bg2: #07182f;
  --bg3: #0a2240;
  --border: #17395b;
  --accent: #22baff;
  --accent2: #6a53ff;
  --accent-glow: rgba(34,186,255,0.14);
  --text: #f3f7ff;
  --text2: #95a9d6;
  --text3: #6f85b9;
  --green: #33d37f;
  --red: #ff6d86;
  --blue: #75bbff;
  --orange: #f0b75e;
  --gold: #22baff;
  --gold2: #6a53ff;
  --r: 14px;
  --r2: 22px;
  --shadow: 0 18px 32px rgba(4, 10, 30, 0.24);
  --shadow-lg: 0 26px 60px rgba(2, 9, 26, 0.44);
  --card-glow: var(--ui-shadow-card);
}

html[data-theme="light"] {
  --ui-page:
    radial-gradient(60rem 28rem at 80% 18%, rgba(120, 104, 255, 0.08), transparent 40%),
    radial-gradient(36rem 18rem at 84% 70%, rgba(50, 171, 255, 0.08), transparent 36%),
    linear-gradient(180deg, #f7f9fd 0%, #edf2f9 100%);
  --ui-sidebar-bg: rgba(255, 255, 255, 0.90);
  --ui-topbar-bg: rgba(255,255,255,0.78);
  --ui-surface: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.94));
  --ui-surface-2: rgba(255,255,255,0.86);
  --ui-surface-3: #ffffff;
  --ui-surface-soft: rgba(245, 248, 255, 0.96);
  --ui-border: rgba(120, 138, 179, 0.16);
  --ui-border-strong: rgba(113, 129, 205, 0.22);
  --ui-line: rgba(78, 96, 146, 0.08);
  --ui-text: #1c2b4a;
  --ui-text-2: #7c8db2;
  --ui-text-3: #93a3c3;
  --ui-primary-1: #30a8ff;
  --ui-primary-2: #6b67ff;
  --ui-primary-3: #9d89ff;
  --ui-success: #3ca76b;
  --ui-danger: #e05474;
  --ui-warning: #ca8d2f;
  --ui-info: #4a90ff;
  --ui-shadow-page: 0 18px 55px rgba(121, 140, 180, 0.12);
  --ui-shadow-soft: 0 10px 28px rgba(121, 140, 180, 0.10);
  --ui-shadow-card: 0 0 0 1px rgba(132, 151, 198, 0.10), 0 16px 42px rgba(121, 140, 180, 0.14);
  --ui-shadow-card-hover: 0 0 0 1px rgba(132, 151, 198, 0.14), 0 18px 50px rgba(121, 140, 180, 0.18);
  --ui-inner: inset 0 1px 0 rgba(255,255,255,0.95);
  --ui-focus: 0 0 0 3px rgba(48,168,255,0.14);

  --bg: #eff3fa;
  --bg2: #ffffff;
  --bg3: #f5f8ff;
  --border: #dde6f3;
  --accent: #30a8ff;
  --accent2: #6b67ff;
  --accent-glow: rgba(48,168,255,0.12);
  --text: #1c2b4a;
  --text2: #7c8db2;
  --text3: #93a3c3;
  --green: #3ca76b;
  --red: #e05474;
  --blue: #4a90ff;
  --orange: #ca8d2f;
  --gold: #30a8ff;
  --gold2: #6b67ff;
  --shadow: 0 12px 24px rgba(121, 140, 180, 0.10);
  --shadow-lg: 0 20px 48px rgba(121, 140, 180, 0.14);
  --card-glow: var(--ui-shadow-card);
}

html[data-theme="onyx"] {
  --ui-page:
    radial-gradient(44rem 22rem at 82% 16%, rgba(88, 92, 255, 0.06), transparent 38%),
    linear-gradient(180deg, #090a0d 0%, #0a0b0f 100%);
  --ui-sidebar-bg: rgba(9, 10, 13, 0.97);
  --ui-topbar-bg: rgba(9, 10, 13, 0.88);
  --ui-surface: linear-gradient(180deg, rgba(14, 16, 21, 0.98), rgba(14, 16, 21, 0.96));
  --ui-surface-2: rgba(17, 19, 24, 0.94);
  --ui-surface-3: rgba(14, 16, 21, 0.96);
  --ui-surface-soft: rgba(14, 16, 21, 0.86);
  --ui-border: rgba(255,255,255,0.08);
  --ui-border-strong: rgba(145,141,255,0.18);
  --ui-line: rgba(255,255,255,0.06);
  --ui-text: #eff2f7;
  --ui-text-2: #9198aa;
  --ui-text-3: #6c7485;
  --ui-primary-1: #8093ff;
  --ui-primary-2: #695fff;
  --ui-primary-3: #aa9aff;
  --ui-success: #5ad18d;
  --ui-danger: #ff6d87;
  --ui-warning: #d9b065;
  --ui-info: #90a4ff;
  --ui-shadow-page: 0 28px 70px rgba(0,0,0,0.52);
  --ui-shadow-soft: 0 10px 28px rgba(0,0,0,0.34);
  --ui-shadow-card: 0 0 0 1px rgba(255,255,255,0.06), 0 16px 48px rgba(0,0,0,0.50);
  --ui-shadow-card-hover: 0 0 0 1px rgba(255,255,255,0.08), 0 20px 54px rgba(0,0,0,0.56);
  --ui-inner: inset 0 1px 0 rgba(255,255,255,0.025);
  --ui-focus: 0 0 0 3px rgba(128,147,255,0.14);

  --bg: #090a0d;
  --bg2: #0e1015;
  --bg3: #12151b;
  --border: #232730;
  --accent: #8093ff;
  --accent2: #695fff;
  --accent-glow: rgba(128,147,255,0.10);
  --text: #eff2f7;
  --text2: #9198aa;
  --text3: #6c7485;
  --green: #5ad18d;
  --red: #ff6d87;
  --blue: #90a4ff;
  --orange: #d9b065;
  --gold: #8093ff;
  --gold2: #695fff;
  --shadow: 0 16px 32px rgba(0,0,0,0.34);
  --shadow-lg: 0 28px 62px rgba(0,0,0,0.52);
  --card-glow: var(--ui-shadow-card);
}

html[data-theme="glass"] {
  --ui-page:
    radial-gradient(72rem 38rem at 76% 8%, rgba(167, 102, 255, 0.22), transparent 38%),
    radial-gradient(48rem 28rem at 78% 72%, rgba(61, 177, 255, 0.12), transparent 40%),
    radial-gradient(44rem 18rem at 34% 24%, rgba(119, 129, 255, 0.10), transparent 34%),
    linear-gradient(180deg, #090d22 0%, #0a0f28 48%, #0a0d24 100%);
  --ui-sidebar-bg: rgba(10, 14, 38, 0.56);
  --ui-topbar-bg: rgba(14, 18, 46, 0.46);
  --ui-surface: linear-gradient(180deg, rgba(18, 24, 61, 0.42), rgba(18, 24, 61, 0.36));
  --ui-surface-2: rgba(18, 24, 61, 0.42);
  --ui-surface-3: rgba(18, 24, 61, 0.50);
  --ui-surface-soft: rgba(18, 24, 61, 0.34);
  --ui-border: rgba(188,195,255,0.14);
  --ui-border-strong: rgba(176,160,255,0.24);
  --ui-line: rgba(255,255,255,0.08);
  --ui-text: #f5f7ff;
  --ui-text-2: #a2aad1;
  --ui-text-3: #7f88bb;
  --ui-primary-1: #49adff;
  --ui-primary-2: #775bff;
  --ui-primary-3: #bc8fff;
  --ui-success: #3dd792;
  --ui-danger: #ff708f;
  --ui-warning: #e2bb75;
  --ui-info: #93beff;
  --ui-shadow-page: 0 18px 55px rgba(3, 9, 28, 0.40);
  --ui-shadow-soft: 0 10px 28px rgba(3, 9, 28, 0.28);
  --ui-shadow-card: 0 0 0 1px rgba(196,203,255,0.14), 0 0 30px rgba(145,120,255,0.14), 0 20px 54px rgba(3,9,28,0.44);
  --ui-shadow-card-hover: 0 0 0 1px rgba(196,203,255,0.18), 0 0 34px rgba(145,120,255,0.18), 0 22px 58px rgba(3,9,28,0.50);
  --ui-inner: inset 0 1px 0 rgba(255,255,255,0.08);
  --ui-focus: 0 0 0 3px rgba(73,173,255,0.14);

  --bg: #090d22;
  --bg2: rgba(18, 24, 61, 0.42);
  --bg3: rgba(18, 24, 61, 0.50);
  --border: rgba(188,195,255,0.16);
  --accent: #49adff;
  --accent2: #775bff;
  --accent-glow: rgba(73,173,255,0.12);
  --text: #f5f7ff;
  --text2: #a2aad1;
  --text3: #7f88bb;
  --green: #3dd792;
  --red: #ff708f;
  --blue: #93beff;
  --orange: #e2bb75;
  --gold: #49adff;
  --gold2: #775bff;
  --shadow: 0 18px 38px rgba(3,9,28,0.28);
  --shadow-lg: 0 28px 62px rgba(3,9,28,0.42);
  --card-glow: var(--ui-shadow-card);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
  height: 100%;
  font-family: var(--ui-font);
  background: var(--ui-page);
  color: var(--ui-text);
  overflow: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 16%, rgba(255,255,255,0.045), transparent 10%),
    radial-gradient(circle at 72% 70%, rgba(255,255,255,0.03), transparent 12%);
  opacity: .82;
}
html[data-theme="light"] body::before { opacity: .48; }
html[data-theme="onyx"] body::before { opacity: .22; }

body, input, select, textarea, button {
  font-family: var(--ui-font);
}
code, pre, .cursor, .topic-query, #factory-log, #af-progress, #af-log-list {
  font-family: var(--ui-mono);
}

.app {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

.sidebar {
  width: var(--ui-sidebar-w);
  min-width: var(--ui-sidebar-w);
  height: 100vh;
  overflow: hidden auto;
  background: var(--ui-sidebar-bg);
  border-right: 1px solid var(--ui-border);
  box-shadow: var(--ui-shadow-page), var(--ui-inner);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}

.topbar {
  min-height: var(--ui-topbar-h);
  height: var(--ui-topbar-h);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  background: var(--ui-topbar-bg);
  border-bottom: 1px solid var(--ui-border);
  box-shadow: var(--ui-inner);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  position: relative;
  z-index: 10;
}
.topbar::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
}

.topbar-title {
  font-size: 16px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--ui-text);
}
.topbar-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.menu-btn {
  display: none;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text);
  cursor: pointer;
  box-shadow: var(--ui-inner);
}

.content {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 18px;
}

/* Logo */
.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 16px 16px;
  border-bottom: 1px solid var(--ui-line);
}
.logo-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--ui-primary-1), var(--ui-primary-2));
  box-shadow: 0 14px 30px rgba(80, 104, 255, .20);
}
.logo-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
}
.logo-text {
  font-size: 19px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.03em;
  color: var(--ui-text);
}
.logo-sub {
  margin-top: 4px;
  font-size: 11px;
  color: var(--ui-text-2);
}

/* Sidebar nav */
nav {
  flex: 1;
  padding: 12px 10px;
  overflow-y: auto;
}
.nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  margin-bottom: 4px;
  padding: 0 12px;
  border-radius: 14px;
  color: var(--ui-text-2);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.01em;
  cursor: pointer;
  transition: .18s ease;
  user-select: none;
}
.nav-item:hover {
  color: var(--ui-text);
  background: rgba(255,255,255,.03);
}
.nav-item.active {
  color: var(--ui-text);
  background: linear-gradient(90deg, rgba(36, 153, 255, 0.14), rgba(113, 87, 255, 0.28));
  box-shadow: 0 0 0 1px rgba(54, 170, 255, 0.28), 0 0 28px rgba(85, 95, 255, 0.18);
}
html[data-theme="light"] .nav-item.active {
  background: linear-gradient(90deg, rgba(48,168,255,.12), rgba(107,103,255,.10));
  box-shadow: 0 0 0 1px rgba(129,143,217,.12);
}
html[data-theme="onyx"] .nav-item.active {
  background: rgba(255,255,255,.03);
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.26);
}
html[data-theme="glass"] .nav-item.active {
  background: linear-gradient(90deg, rgba(69,173,255,.12), rgba(119,91,255,.22));
  box-shadow: 0 0 0 1px rgba(186,177,255,.16), 0 0 22px rgba(120,99,255,.14);
}
.nav-item.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 0 6px 6px 0;
  background: linear-gradient(180deg, var(--ui-primary-1), var(--ui-primary-2));
}
.nav-item svg {
  width: 18px;
  height: 18px;
  opacity: .88;
  flex: 0 0 auto;
  color: currentColor;
}
.nav-badge {
  margin-left: auto;
  min-width: 34px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--ui-primary-1), var(--ui-primary-2));
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 10px 18px rgba(89,84,255,.18);
}
.sidebar-foot {
  padding: 12px 10px 12px;
  border-top: 1px solid var(--ui-line);
}
.api-status {
  min-height: 42px;
  border-radius: 14px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  color: var(--ui-text-2);
  font-size: 12px;
  font-weight: 700;
  box-shadow: var(--ui-inner);
}
.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--ui-danger);
  box-shadow: 0 0 18px rgba(255,110,134,.22);
  flex: 0 0 auto;
}
.dot.ok {
  background: var(--ui-success);
  box-shadow: 0 0 18px rgba(51,211,127,.28);
}

.theme-sw {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  margin-top: 10px;
  padding: 6px;
  border: 1px solid var(--ui-border);
  border-radius: 16px;
  background: var(--ui-surface-2);
}
.th-btn {
  min-height: 34px;
  padding: 0 8px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--ui-text-2);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: -.01em;
  cursor: pointer;
  transition: .18s ease;
}
.th-btn:hover,
.th-btn.active {
  color: var(--ui-text);
  background: linear-gradient(135deg, rgba(43,156,255,.18), rgba(112,92,255,.18));
  box-shadow: 0 0 0 1px rgba(97,148,255,.16);
}
html[data-theme="light"] .th-btn:hover,
html[data-theme="light"] .th-btn.active {
  background: linear-gradient(135deg, rgba(48,168,255,.12), rgba(107,103,255,.12));
}
html[data-theme="onyx"] .th-btn:hover,
html[data-theme="onyx"] .th-btn.active {
  background: rgba(255,255,255,.04);
}
html[data-theme="glass"] .th-btn:hover,
html[data-theme="glass"] .th-btn.active {
  background: linear-gradient(135deg, rgba(73,173,255,.14), rgba(119,91,255,.18));
}

/* Base view logic */
.view { display: none; }
.view.active { display: block; }

/* Cards */
.card,
.chat-panel,
.tbl-wrap,
.stat-card,
.login-box,
.modal {
  background: var(--ui-surface);
  border: 1px solid var(--ui-border);
  box-shadow: var(--ui-shadow-card), var(--ui-inner);
  border-radius: var(--ui-radius-md);
  color: var(--ui-text);
}
.card {
  position: relative;
  padding: 18px;
  margin-bottom: 16px;
  overflow: hidden;
}
.card::before,
.chat-panel::before,
.tbl-wrap::before,
.stat-card::before,
.modal::before,
.login-box::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.04), transparent 28%);
}
html[data-theme="onyx"] .card::before,
html[data-theme="onyx"] .chat-panel::before,
html[data-theme="onyx"] .tbl-wrap::before,
html[data-theme="onyx"] .stat-card::before,
html[data-theme="onyx"] .modal::before,
html[data-theme="onyx"] .login-box::before {
  opacity: .3;
}
.card:hover,
.stat-card:hover,
.chat-panel:hover,
.tbl-wrap:hover {
  box-shadow: var(--ui-shadow-card-hover), var(--ui-inner);
}
html[data-theme="light"] .card,
html[data-theme="light"] .chat-panel,
html[data-theme="light"] .tbl-wrap,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .login-box,
html[data-theme="light"] .modal {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-theme="glass"] .card,
html[data-theme="glass"] .chat-panel,
html[data-theme="glass"] .tbl-wrap,
html[data-theme="glass"] .stat-card,
html[data-theme="glass"] .login-box,
html[data-theme="glass"] .modal {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}
.card-title {
  font-size: 16px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -.02em;
  margin-bottom: 6px;
  color: var(--ui-text);
}
.card-desc {
  font-size: 13px;
  line-height: 1.55;
  color: var(--ui-text-2);
  margin-bottom: 14px;
}
.sec-hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.sec-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--ui-text);
}
.sec-title svg {
  width: 18px;
  height: 18px;
  color: var(--ui-primary-1);
}
.muted,
.hint,
.opt,
.card-desc,
.logo-sub,
.msg-meta,
.badge-gray,
#domains-balance,
#brands-list,
#wm-accounts-list,
#factory-log,
#af-progress {
  color: var(--ui-text-2);
}

/* Buttons */
.btn {
  appearance: none;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: var(--ui-surface-2);
  color: var(--ui-text);
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.01em;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  box-shadow: var(--ui-inner);
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease, background .16s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn-sm {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 12px;
  font-size: 12px;
}
.btn-gold,
.btn-primary {
  background: linear-gradient(135deg, var(--ui-primary-1), var(--ui-primary-2));
  color: #fff;
  box-shadow: 0 14px 28px rgba(76,92,255,.22);
}
.btn-gold:hover,
.btn-primary:hover {
  filter: brightness(1.04);
}
.btn-outline,
.btn-secondary {
  background: transparent;
  border-color: var(--ui-border-strong);
  color: var(--ui-text);
}
.btn-outline:hover,
.btn-secondary:hover {
  border-color: var(--ui-primary-1);
  color: var(--ui-primary-1);
}
.btn-green {
  background: rgba(51,211,127,.14);
  border-color: rgba(51,211,127,.18);
  color: var(--ui-success);
}
.btn-red {
  background: rgba(255,109,134,.12);
  border-color: rgba(255,109,134,.18);
  color: var(--ui-danger);
}
.btn:disabled {
  opacity: .45;
  cursor: not-allowed;
  transform: none;
}

/* Stats */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.stat-card {
  position: relative;
  padding: 18px;
}
.stat-val {
  font-size: 30px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.04em;
  font-family: var(--ui-mono);
  color: var(--ui-text);
}
.stat-val.gold { color: var(--ui-primary-1); }
.stat-val.green { color: var(--ui-success); }
.stat-label {
  margin-top: 8px;
  font-size: 12px;
  color: var(--ui-text-2);
  font-weight: 700;
}

/* Tables */
.tbl-wrap {
  position: relative;
  overflow: auto;
  margin-bottom: 18px;
}
table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}
th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 12px 14px;
  background: var(--ui-surface-2);
  color: var(--ui-text-2);
  border-bottom: 1px solid var(--ui-border);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: left;
}
td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--ui-line);
  color: var(--ui-text);
  font-size: 13px;
  vertical-align: middle;
}
tr:last-child td { border-bottom: 0; }
tbody tr:hover td {
  background: rgba(255,255,255,.02);
}
html[data-theme="light"] tbody tr:hover td {
  background: rgba(48,168,255,.04);
}
.badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  border: 1px solid transparent;
}
.badge-gold {
  background: rgba(34,186,255,.10);
  color: var(--ui-primary-1);
  border-color: rgba(34,186,255,.12);
}
.badge-green {
  background: rgba(51,211,127,.12);
  color: var(--ui-success);
  border-color: rgba(51,211,127,.14);
}
.badge-blue {
  background: rgba(117,187,255,.12);
  color: var(--ui-info);
  border-color: rgba(117,187,255,.14);
}
.badge-red {
  background: rgba(255,109,134,.12);
  color: var(--ui-danger);
  border-color: rgba(255,109,134,.14);
}
.badge-gray {
  background: rgba(255,255,255,.05);
  border-color: var(--ui-border);
}

/* Forms */
.form-group { margin-bottom: 14px; }
.form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
label {
  display: block;
  margin-bottom: 6px;
  color: var(--ui-text-2);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.opt {
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}
input,
select,
textarea {
  width: 100%;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-3);
  color: var(--ui-text);
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
  box-shadow: var(--ui-inner);
}
textarea {
  min-height: 86px;
  padding: 12px 14px;
  resize: vertical;
}
input:focus,
select:focus,
textarea:focus {
  border-color: var(--ui-primary-1);
  box-shadow: var(--ui-focus), var(--ui-inner);
}
input::placeholder,
textarea::placeholder { color: var(--ui-text-3); }
input[type="checkbox"] {
  min-height: auto;
  width: 16px;
  height: 16px;
  padding: 0;
  accent-color: var(--ui-primary-1);
  border-radius: 4px;
  box-shadow: none;
}
.hint {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.45;
}

/* Topics and keyword filters */
.topics-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.topic-card {
  position: relative;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-card), var(--ui-inner);
  cursor: pointer;
  overflow: hidden;
}
.topic-card:hover {
  box-shadow: var(--ui-shadow-card-hover), var(--ui-inner);
}
.topic-card.used { opacity: .5; }
.topic-title {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--ui-text);
  margin-bottom: 6px;
}
.topic-query {
  font-size: 11px;
  color: var(--ui-primary-1);
  margin-bottom: 8px;
}
.topic-notes {
  font-size: 12px;
  line-height: 1.55;
  color: var(--ui-text-2);
  margin-bottom: 10px;
}
.topic-meta {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.kw-filters {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.kw-filter {
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: .16s ease;
}
.kw-filter:hover,
.kw-filter.active {
  background: linear-gradient(135deg, var(--ui-primary-1), var(--ui-primary-2));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 12px 22px rgba(76,92,255,.18);
}

/* Chat */
.chat-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 14px;
  min-height: calc(100vh - 92px);
}
.chat-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
}
.chat-msgs {
  flex: 1;
  overflow-y: auto;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.msg {
  display: flex;
  gap: 10px;
}
.msg.user {
  flex-direction: row-reverse;
}
.msg-av {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  box-shadow: var(--ui-inner);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex: 0 0 auto;
}
.msg-body { max-width: min(76%, 760px); }
.msg.user .msg-body { text-align: right; }
.msg-meta {
  font-size: 11px;
  margin-bottom: 4px;
}
.msg-bubble {
  display: inline-block;
  padding: 11px 14px;
  border-radius: 16px;
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  box-shadow: var(--ui-inner);
  color: var(--ui-text);
  line-height: 1.6;
  font-size: 13px;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-word;
}
.msg.user .msg-bubble {
  background: linear-gradient(135deg, rgba(34,186,255,.12), rgba(106,83,255,.14));
  border-color: rgba(34,186,255,.18);
}
.chat-intent {
  padding: 2px 6px;
  text-align: center;
  color: var(--ui-primary-1);
  font-size: 11px;
}
.chat-in {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid var(--ui-line);
  background: rgba(255,255,255,.01);
}
.chat-ta {
  min-height: 44px;
  max-height: 140px;
  resize: none;
  border-radius: 16px;
}
.chat-side {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.quick-cmd {
  min-height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-2);
  color: var(--ui-text-2);
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  transition: .16s ease;
}
.quick-cmd:hover {
  color: var(--ui-text);
  border-color: var(--ui-primary-1);
  transform: translateY(-1px);
}

/* Login */
#login-screen {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: var(--ui-page);
}
.login-box {
  width: 100%;
  max-width: 420px;
  padding: 30px;
}
.login-logo {
  width: 56px;
  height: 56px;
  margin: 0 auto 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--ui-primary-1), var(--ui-primary-2));
  box-shadow: 0 16px 32px rgba(76,92,255,.22);
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-logo svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: #fff;
  stroke-width: 2.4;
}

/* Overlays and modals */
.overlay,
.overlay-bg {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(3, 8, 20, .64);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.overlay.open,
.modal-wrap.open,
.overlay-bg.open {
  display: flex;
}
.modal-wrap {
  position: fixed;
  inset: 0;
  z-index: 101;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px;
  pointer-events: none;
}
.modal-wrap.open { pointer-events: all; }
.modal {
  width: 100%;
  max-width: 560px;
  max-height: min(90vh, 980px);
  overflow-y: auto;
  padding: 24px;
}
.modal-title {
  font-size: 18px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -.02em;
  margin-bottom: 16px;
  color: var(--ui-text);
}
.modal-actions,
.modal-btns {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}

/* Notify */
.notify {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 120;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}
.notif {
  max-width: 320px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface);
  color: var(--ui-text);
  box-shadow: var(--ui-shadow-card), var(--ui-inner);
  font-size: 13px;
  line-height: 1.45;
  pointer-events: all;
}
.notif.success { border-color: rgba(51,211,127,.24); }
.notif.error { border-color: rgba(255,109,134,.24); }
.notif.info { border-color: rgba(117,187,255,.24); }

.cursor {
  display: inline-block;
  width: 2px;
  height: 1em;
  background: var(--ui-primary-1);
  vertical-align: text-bottom;
  animation: blink 1s step-end infinite;
}
@keyframes blink { 50% { opacity: 0; } }

/* Auto-factory and special views */
#view-auto-factory.active,
#view-designs.active,
#view-monitor.active {
  display: block !important;
  background: transparent;
}

#view-auto-factory.active {
  padding: 6px 0 0 !important;
}
#view-auto-factory.active > * {
  margin-bottom: 0 !important;
}
#view-auto-factory .card,
#view-designs .card,
#view-monitor .card,
#view-domains .card,
#view-settings .card,
#view-factory .card,
#view-chat .card {
  border-radius: 24px;
}

#view-auto-factory .card-with-illus,
#view-domains .card-with-illus,
#view-designs .card-with-illus,
#view-monitor [card-with-illus] {
  position: relative;
  overflow: hidden;
}
#view-auto-factory .card-with-illus::after,
#view-domains .card-with-illus::after,
#view-designs .card-with-illus::after,
#view-monitor [card-with-illus]::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -28px;
  width: 220px;
  height: 160px;
  pointer-events: none;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.22), transparent 12%),
    radial-gradient(circle at 72% 20%, rgba(255,255,255,.16), transparent 8%),
    linear-gradient(135deg, rgba(39,153,255,.22), rgba(113,87,255,.26));
  border-radius: 38px;
  opacity: .85;
  transform: rotate(-8deg);
  filter: blur(0.2px);
}
html[data-theme="onyx"] #view-auto-factory .card-with-illus::after,
html[data-theme="onyx"] #view-domains .card-with-illus::after,
html[data-theme="onyx"] #view-designs .card-with-illus::after,
html[data-theme="onyx"] #view-monitor [card-with-illus]::after {
  opacity: .24;
}
html[data-theme="light"] #view-auto-factory .card-with-illus::after,
html[data-theme="light"] #view-domains .card-with-illus::after,
html[data-theme="light"] #view-designs .card-with-illus::after,
html[data-theme="light"] #view-monitor [card-with-illus]::after {
  opacity: .5;
}

#view-auto-factory #af-main-col > .card:first-child #brands-list {
  display: grid;
  gap: 10px;
}
#view-auto-factory #brands-list > div,
#view-auto-factory #domains-found > div,
#wm-accounts-list > div,
#monitor-projects-list > div,
#region-keywords-list > div,
#project-regions-tabs > div {
  background: var(--ui-surface-2);
  border: 1px solid var(--ui-border);
  border-radius: 14px;
  box-shadow: var(--ui-inner);
}
#view-auto-factory #brands-list > div {
  padding: 12px 14px !important;
}
#view-auto-factory #domains-found {
  display: grid !important;
  gap: 8px !important;
}
#view-auto-factory #domains-found > div {
  padding: 10px 12px !important;
}
#af-progress,
#factory-log {
  background: var(--ui-surface-3) !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  box-shadow: var(--ui-inner);
}
#af-log-list > div,
#factory-log > div {
  padding: 8px 10px;
  border-bottom: 1px solid var(--ui-line);
}
#af-log-list > div:last-child,
#factory-log > div:last-child {
  border-bottom: 0;
}
#view-auto-factory .btn[onclick="runAutoFactory()"],
#view-auto-factory .btn[onclick="searchDomains()"] {
  min-width: 130px;
}
#view-auto-factory .btn[onclick="saveAfConfig()"] {
  min-width: 154px;
}

/* Designs page */
#view-designs > div[style*="grid-template-columns:1fr 1fr"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 42%);
  gap: 16px !important;
}
#designs-list {
  display: grid !important;
  gap: 10px !important;
}
#designs-list > div {
  padding: 14px 16px !important;
  background: var(--ui-surface);
  border: 1px solid var(--ui-border);
  border-radius: 18px;
  box-shadow: var(--ui-shadow-card), var(--ui-inner);
}
#design-preview-frame {
  border-radius: 18px !important;
  border: 1px solid var(--ui-border) !important;
  box-shadow: var(--ui-inner);
}

/* Monitor page */
#view-monitor > div[style*="grid-template-columns:280px 1fr"] {
  display: grid !important;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 14px !important;
  height: auto !important;
  min-height: calc(100vh - 92px);
}
#region-dropdown,
#monitor-projects-list > div,
#region-keywords-list > div {
  background: var(--ui-surface-3) !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--ui-inner);
}
#project-regions-tabs {
  gap: 6px !important;
}
#project-regions-tabs > * {
  min-height: 30px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
}
#region-keywords-list > div,
#monitor-projects-list > div {
  padding: 8px 10px !important;
  margin-bottom: 4px;
}
#view-monitor .btn[onclick^="filterPositions"] {
  min-width: 54px;
}
#view-monitor .btn[onclick^="setClickMode"] {
  justify-content: center;
}
#view-monitor input[style*="padding:4px 6px"],
#view-monitor select[style*="padding:4px 6px"] {
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
}

/* Domains and factory */
#view-domains > div[style*="grid-template-columns:1fr 1fr"],
#view-factory > div[style*="grid-template-columns:1fr 1fr"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px !important;
}
#view-factory div[style*="background:var(--bg3)"][style*="text-align:center"] {
  border-radius: 14px !important;
  box-shadow: var(--ui-inner);
}
#view-settings > div[style*="position:sticky"] {
  background: transparent !important;
  padding-top: 8px !important;
}

/* Promo cards if still used */
.promo-col {
  display: grid;
  gap: 12px;
}
.promo-card {
  padding: 18px 16px;
  border-radius: 20px;
  border: 1px solid var(--ui-border);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-card), var(--ui-inner);
}
.promo-val {
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  color: var(--ui-primary-1);
  font-family: var(--ui-mono);
}
.promo-label,
.promo-footer {
  color: var(--ui-text-2);
}
.promo-label {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.45;
}
.promo-footer {
  padding-top: 6px;
  font-size: 11px;
}

/* scrollbars */
::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(107,103,255,.28), rgba(48,168,255,.18));
  background-clip: padding-box;
}

/* Responsive */
@media (max-width: 1180px) {
  .stats-grid,
  #view-domains > div[style*="grid-template-columns:1fr 1fr"],
  #view-factory > div[style*="grid-template-columns:1fr 1fr"],
  #view-designs > div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  .chat-wrap {
    grid-template-columns: 1fr;
  }
  .chat-side { display: none; }
}

@media (max-width: 900px) {
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .topics-grid { grid-template-columns: 1fr; }
  #view-monitor > div[style*="grid-template-columns:280px 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  html, body { overflow: auto; }
  .app { display: block; height: auto; }
  .sidebar {
    position: fixed;
    left: calc(var(--ui-sidebar-w) * -1 - 20px);
    top: 0;
    z-index: 80;
    transition: left .22s ease;
  }
  .sidebar.open { left: 0; }
  .main { height: auto; }
  .topbar {
    position: sticky;
    top: 0;
    z-index: 79;
  }
  .content {
    height: auto;
    overflow: visible;
    padding: 14px;
  }
  .menu-btn { display: inline-flex; align-items: center; justify-content: center; }
  .form-row { grid-template-columns: 1fr; }
  .theme-sw { grid-template-columns: repeat(2, 1fr); }
  #view-auto-factory.active,
  #view-designs.active,
  #view-monitor.active {
    padding: 0 !important;
  }
}


/* === v2 refinements from live screenshots === */

html[data-theme="aqua"] {
  --ui-sidebar-bg: rgba(6, 14, 30, 0.82);
  --ui-topbar-bg: rgba(6, 14, 30, 0.62);
  --ui-surface: linear-gradient(180deg, rgba(9, 20, 40, 0.78), rgba(8, 17, 34, 0.74));
  --ui-surface-2: rgba(10, 22, 44, 0.62);
  --ui-surface-3: rgba(9, 22, 44, 0.68);
  --ui-surface-soft: rgba(9, 22, 44, 0.52);
  --ui-border: rgba(109, 171, 255, 0.12);
  --ui-border-strong: rgba(126, 134, 255, 0.18);
  --ui-line: rgba(123, 180, 255, 0.07);
  --ui-shadow-card: 0 0 0 1px rgba(54, 165, 255, 0.14), 0 12px 34px rgba(3, 9, 28, 0.34), inset 0 1px 0 rgba(255,255,255,0.04);
  --ui-shadow-card-hover: 0 0 0 1px rgba(54, 165, 255, 0.18), 0 16px 44px rgba(3, 9, 28, 0.42), inset 0 1px 0 rgba(255,255,255,0.05);
  --ui-inner: inset 0 1px 0 rgba(255,255,255,0.035);
}
html[data-theme="glass"] {
  --ui-sidebar-bg: rgba(10, 14, 38, 0.48);
  --ui-topbar-bg: rgba(14, 18, 46, 0.36);
  --ui-surface: linear-gradient(180deg, rgba(18, 24, 61, 0.34), rgba(18, 24, 61, 0.28));
  --ui-surface-2: rgba(18, 24, 61, 0.34);
  --ui-surface-3: rgba(18, 24, 61, 0.42);
  --ui-surface-soft: rgba(18, 24, 61, 0.26);
  --ui-border: rgba(210, 216, 255, 0.13);
  --ui-border-strong: rgba(188, 172, 255, 0.22);
}
html[data-theme="light"] {
  --ui-text-2: #62759a;
  --ui-text-3: #7f93b7;
  --ui-border: rgba(120, 138, 179, 0.20);
  --ui-border-strong: rgba(113, 129, 205, 0.26);
  --ui-shadow-card: 0 0 0 1px rgba(132, 151, 198, 0.12), 0 18px 42px rgba(121, 140, 180, 0.16), inset 0 1px 0 rgba(255,255,255,0.92);
  --ui-shadow-card-hover: 0 0 0 1px rgba(132, 151, 198, 0.16), 0 20px 50px rgba(121, 140, 180, 0.20), inset 0 1px 0 rgba(255,255,255,0.95);
  --ui-shadow-soft: 0 10px 28px rgba(121, 140, 180, 0.14);
}

.sidebar,
.topbar,
.card,
.api-status,
.theme-sw {
  transition: background .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.card {
  box-shadow: var(--ui-shadow-card), var(--ui-inner);
}
.card:hover {
  box-shadow: var(--ui-shadow-card-hover), var(--ui-inner);
}

.nav-item {
  border: 1px solid transparent;
  overflow: hidden;
  isolation: isolate;
}
.nav-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(255,255,255,.06), transparent 26%, transparent 74%, rgba(255,255,255,.03));
  opacity: 0;
  transition: opacity .2s ease;
  pointer-events: none;
}
.nav-item:hover::after,
.nav-item.active::after {
  opacity: 1;
}
.nav-item.active {
  border-color: var(--ui-border-strong);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 0 0 1px rgba(82, 154, 255, 0.18), 0 12px 28px rgba(5, 11, 30, 0.24), inset 0 1px 0 rgba(255,255,255,.06);
}
html[data-theme="onyx"] .nav-item.active {
  border-color: rgba(255,255,255,.1);
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.03);
}
html[data-theme="glass"] .nav-item.active,
html[data-theme="aqua"] .nav-item.active {
  background: linear-gradient(90deg, rgba(48, 155, 255, 0.10), rgba(108, 92, 255, 0.16));
}
html[data-theme="light"] .nav-item,
html[data-theme="light"] .api-status,
html[data-theme="light"] .topbar-title,
html[data-theme="light"] .sec-title,
html[data-theme="light"] .stat-label,
html[data-theme="light"] label,
html[data-theme="light"] .small,
html[data-theme="light"] .muted,
html[data-theme="light"] .hint,
html[data-theme="light"] .brand-copy__desc {
  text-shadow: 0 1px 0 rgba(255,255,255,.75);
}
html[data-theme="light"] .card,
html[data-theme="light"] .topbar,
html[data-theme="light"] .sidebar,
html[data-theme="light"] .api-status,
html[data-theme="light"] .theme-sw {
  box-shadow: var(--ui-shadow-card), var(--ui-inner);
}
html[data-theme="light"] .nav-item { color: #7487aa; }
html[data-theme="light"] .nav-item.active,
html[data-theme="light"] .nav-item:hover { color: var(--ui-text); }
html[data-theme="light"] .topbar-title,
html[data-theme="light"] .sec-title,
html[data-theme="light"] .stat-val,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3 { color: #172a4a; }
html[data-theme="light"] .stat-label,
html[data-theme="light"] .table th,
html[data-theme="light"] .table td,
html[data-theme="light"] .form-group label,
html[data-theme="light"] .card-sub,
html[data-theme="light"] .small,
html[data-theme="light"] .muted,
html[data-theme="light"] .api-status,
html[data-theme="light"] .topbar-right,
html[data-theme="light"] #wm-accounts-list,
html[data-theme="light"] #brands-list,
html[data-theme="light"] #factory-log,
html[data-theme="light"] #af-progress {
  color: var(--ui-text-2) !important;
}

.theme-sw {
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.th-btn {
  border: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.th-btn:hover,
.th-btn.active {
  border-color: var(--ui-border-strong);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 10px 24px rgba(5, 11, 30, .18), inset 0 1px 0 rgba(255,255,255,.07);
}

.btn-gold,
.btn-primary {
  background: linear-gradient(135deg, var(--ui-primary-1), var(--ui-primary-2));
  box-shadow: 0 10px 22px rgba(76,92,255,.18), inset 0 1px 0 rgba(255,255,255,.16);
}
html[data-theme="aqua"] .btn-gold,
html[data-theme="aqua"] .btn-primary,
html[data-theme="glass"] .btn-gold,
html[data-theme="glass"] .btn-primary {
  background: linear-gradient(135deg, rgba(64, 173, 255, 0.88), rgba(112, 92, 255, 0.88));
}
.btn-outline,
.btn-secondary {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

/* Auto-factory spacing + better composition */
#view-auto-factory.active {
  display: grid !important;
  grid-template-columns: minmax(360px, 390px) minmax(420px, 1fr);
  align-items: start;
  gap: 16px !important;
  padding: 14px 8px 0 8px !important;
}
#view-auto-factory > #af-main-col {
  display: grid;
  gap: 16px;
}
#view-auto-factory > #af-main-col > .card {
  margin-bottom: 0 !important;
}
#view-auto-factory > .card.card-with-illus {
  align-self: start;
  min-height: 126px;
  max-width: 100%;
}
#view-auto-factory > .card.card-with-illus::after {
  right: -26px;
  bottom: -34px;
  width: 170px;
  height: 132px;
  opacity: .48;
  border-radius: 34px;
}
html[data-theme="light"] #view-auto-factory > .card.card-with-illus::after { opacity: .32; }
html[data-theme="onyx"] #view-auto-factory > .card.card-with-illus::after { opacity: .18; }
#view-auto-factory .sec-title {
  margin-bottom: 0 !important;
}
#view-auto-factory #wm-accounts-list {
  min-height: 28px;
  padding-right: 6px;
}

/* Monitor glass segmented controls */
#view-monitor .btn[onclick^="setClickMode"],
#view-monitor .btn[onclick^="bulkClick"],
#view-monitor .btn[onclick^="filterPositions"],
#view-monitor .btn[onclick="openXmlstockModal()"],
#view-monitor .btn[onclick="checkSelectedProject()"] {
  border-radius: 14px !important;
  border: 1px solid var(--ui-border-strong) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(5, 11, 30, .14);
}
#view-monitor .btn[onclick^="setClickMode"].btn-gold,
#view-monitor .btn[onclick^="bulkClick"].btn-gold,
#view-monitor .btn[onclick="checkSelectedProject()"].btn-gold {
  background: linear-gradient(135deg, rgba(81, 176, 255, 0.92), rgba(118, 92, 255, 0.88)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(76,92,255,.18), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
#view-monitor .btn[onclick^="filterPositions"] {
  min-width: 56px;
}
#view-monitor .btn[onclick^="setClickMode"] {
  min-height: 40px;
  font-size: 12px;
  letter-spacing: -.01em;
}
#view-monitor #ai-status {
  background: linear-gradient(180deg, rgba(91, 140, 255, 0.08), rgba(122, 93, 255, 0.08)) !important;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: 12px !important;
  color: var(--ui-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

/* Design list cards cleaner */
#designs-list > div {
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
#design-preview-frame {
  background: var(--ui-surface-2) !important;
}

/* Better generic readability */
.sec-title,
.topbar-title,
.stat-val,
.table th,
.table td,
label,
#view-auto-factory .card,
#view-monitor .card,
#view-designs .card,
#view-settings .card {
  letter-spacing: -0.01em;
}

/* Small screens */
@media (max-width: 1220px) {
  #view-auto-factory.active {
    grid-template-columns: 1fr !important;
  }
}


/* ===== v3 refinements ===== */

/* Real logo asset */
.logo {
  position: relative;
  min-height: 74px;
  padding: 16px 14px 14px !important;
  display: block !important;
}
.logo::before {
  content: "";
  display: block;
  width: min(186px, calc(100% - 2px));
  height: 42px;
  background: url("data:image/webp;base64,UklGRlJLAABXRUJQVlA4WAoAAAAwAAAA8wEAxwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIWBwAAAHwx///ainZ9r2/a+29p2eYoBtpBAEpaQmxSMEk7D7sRE9bEEzsQg/zoBHp7u7uFmGGYYbJXWt9P398P+u71h48z8e1ryIiJgCX/X/Z/5f9f9n/l/1/2f//L3qzZqvGWWZ8zey5L2JbpTuu98XPjH77bWKju3oZ8TGj5xabNKPrOog4WMu1UWLLjxTZREThqQ3iXZlfB4mVpR/0GfTdGUlEsvTDjHhWwruFklh7WxsDwqgyM0hEJPOf88ethv0tiZV/XQXHnN8tIiJ55nYjHmW0Xx0lPv8WA7qN5kSIiKzdNxvxJqP3lgjxBU/64VJ0WR0lIops7GnGlXJ+DxNf8nYCPEwYcUwSkQwvaWPEjRLuPkd86MtUeFz9s0JSg/NaibhQ2jPHbVJl6LcceG92nlJKRCTLpteN/yS9fl6SKkvHZSO2/s4LI0REsvCravEdc8QpSaoMfV8NsU++96gkIrLzP68SvzGuO2ATG/mzFiqkaLM5Qqqd/256fEb0OimJtbdfAbdGcvWWnTo2r5pkuABSJpbapNqFbyfEX4xuRySx8lhHAV2RMXJvQdQm1o78NbtHghZEo+klklTr/LOB+Ip5/UGbWFlwhwndhOEHbXIdXdnX1ABExw0RSWr0/NOBOMp1x23iy95MhW7G++XkceGzSRpAwtN5tkIycuraeIn4xiY++kcN6Ca9G6EYlj8d0ABqTg1JUu3y7nGS2yWxclNzaHcpphif76oD0W5jRBIRyaNGXMQXJbagm4CumChJV0ppWVHLllpkfWhoAGbPo7YkotJr4yKPkhoc5IN26k7SLP+9T4t6yQG/P5Bcq+eEs9KJaF2SDhC4p1wSXfwzLrJHkVdCv1YROcoVLQ0ktHnip99+nbZw5ktdkpD6TIETnc7SAtraksqmiHhInrII+vXCxEpaWwmJI39skwheZD+yfZgPVxc4UHFlPbNUUvBnIx5yQXlPr2qU+JI6yPhqkAGXaRPHJokXoxyVZmmJfEnBf8dFCpS3tNJDxG9OMsfdLeBh8sSRRs4FjgqSdHBGUumEuIxvD/HfG62mJsPjFguyE3ZztEXonJJU/H5c5KLyps4k4r8Vw++HdoNkHfh/7ZR4kKPXdM5IKvusohiV+74yccasSZ8+0i5DVLS0nkPa+S89o8bAMf+ZPWfKl890zzY40aBZ0yZNmjVvceWVLVtddVWrli2aNa+nISr1fP23eUsXTn7n5irCm2rVcrJz+KxKqb6KkNVvaJ80JalDl269e/s9aNru6rYdqv4jFSmjNYZJbrx4vTe0k3JXmjrA+0Ozz3J2QydxTlLop4qR+NQJi5yjp99vWKEaXiSi02mXWMKjx2xyjv71VUsBoJFNHoYTOOPaVWFytg6O8HvQxJZSSttSo9FI6e63asSqVYSIiqoBYhMRkezsLjtCRLT6n+tFp9QSYr8Vz10DbTGZ6C09jB9QuZihHRr5kiIzKkTrC+Q2WrkizSb15Uur8Tlya18P4Eby0k5kKm+U5PJkQ1fiB3JvfWfGxDhK6nTgWmJvcPc0qTv/IbJvrKZ1kYjkS06fELvXvG0E9AdLItlfT/zcoKtk5ACnQknWMq0ab/UUnnSPkmu7ekX6m5lxSbWOkvsrAQyMQc0ich9q5yaj0AOidSIWLxB7GviB6+8qcJjZ8c/wsk1Wd50LyisOGRGmNKX6l9BvZBERWfW04F/oe5mhc6bDRUnRtTpXWyQ/9KJqObnPNyqQUczMvJSSism9HQDQ1JsEAIFc8rIk3UVWkSf0XCxmcLkCG7mbXaXOYjb/IyRGiGi70MglknK0w2vEjhLbfHrpYWKDKVpI/RyrGRroUCTJ2q9zhoguGO7EFnKUrLIYFXkdM+hS+op4KW1bSuYwANTzJOwH8Dk5ykgobDnQZDeF3oT8MZjFbQO2cv1dZTz1D5JiEVHk4Obl8+fMX7J88XJbeZ4zCphcDOgE7UAuORYFtNDvyoQgc1xoyHOTJ/74+5QZc5ZtPiyJ6Ixw11wywbHNMlOT07Lq3fLbaevVCpW1MmyFfhSXkHmRKXqwWnJCYlqVpnf8djj4qlKXKe/Su2/3Lt169urVo/M17dsCSLQYe3KrRNMw/E1mSiaaqlfpLBO86fZ7H3jgvnu/KWOocwzm2GWWHTnaF9jmVZXrmS3/COYFotC8Vn6/aRimaYhCoqj9FNdKMrf710Lbv58095lamCTGMLIZVyxJ/uUXrGmO/vKMtEbA/eekhhtDN7NFhQJ8yT5cyrWlEq4P3eRqSh2mAO77kSqHwfkhhgbppR5hCuCYYTHvx+C3Tw3D7wOAHZK5yVXtPsyOfwR02LCmt/F7MzjmE5UF/8VNZ8JiVD0t33LS3uLT6tPJtBWawJVKkrkG+P6vwn9zV+HBKeZd/Pd9Pamb4GFdz5Ywy6G7k5mtl7SdKXLCRGZpDIY8AsdtXtXvy+z6Z2CNXxro5Oc9wvhKmRfERugGlpPLA0k6xnKxmSk0NP52uOFleOyPKrKGVyKQkZOVbLgxErKq5iSbIhb+zOwE4UYE0jPT/MKLh5nfvajnWTFzo9YNzCm9wEKmWGMQsz4GMJy2cDdriEBaiolGvaWyU8dITEvxC098aSmiIsBYWIsrIjp7dhRT21Jsf5t+OjmHyPWpyhp4oupNjF2dKZNk5XFdxwqvsqVi+bzIHPTV7sKwZVuRoq2PJToZfRYXRmzbjpacmv9QJoDRh/bvP3K8BYAf9+/esetOJL1+LGTZ4TNjkjT8Q5deiFhWNPj3tGuEqyeZ2V7UZwo9sBVZRyuHKTO0jJ+YMo1rmTUArt+xZ9ee3RmcuWjf3j0HpwPofuTIkcMnegFrLaa/w9Uz8yKWFTwyoRGzwyHxqe0lESsazJvbW3AfrVi2dH0PJL1yOGhZD1QI+JY1FEIAxUSnz9/BvBBR9mC+qdG7lDwsbauR9UiSVOQQziL7XPeWLdtdPfRHA17XY0LCg4wwaV/swtU5IEl3FoClpD4AiDwioildisgxv4lDz3OkKbemuxnJ5Po8uMIzyaRrJTIRUwvjmXKNkcwMAF+QWptrbhMRHQUyckl9Dlge1fLPkeQYJHU7d1+QNHflKPdJIqKfr8gjtYIgsL28tLiwgIiOHBvMnJe2lHIQDsB5jE2e2kOcxC4cVOgFLp/sv0a99Pa4T570wfOmpJbDwyRLj6w2StVi0n8dwHxmCJBYokQlaZZnMrdZpF+Y6KI7Q1/73TViCjxL1vJLJerXe4YJamxkXgLwDlOfe4A5BrTfy7wELOQGKMY+cr2T+UGS9sVKQEIpqYVBYvtXEIiklNTU1HKifVv7KUk2EZFMNL9zWkxey0cdsNrXhJmsGEXTKHTMQIybM2VemOUuqBCA2EUuOwL4k7kWMC4oLicpDWxyu8VFdoShslntE4VeU6bQsyQtH2MF9EYyIeHQTyqyDoAnmAbcc5ZyHMj6hnkemMENUn4nj56X5HIv0MBinHt4lZLhhs8j2javu9KHVNtoNczhA/JeXuswvmoys10Rp/9FhSu88HWoq9OKKfFCnCAiO1RaUi4Z6gjUtpmSU4eP5ZVLsgMAZjDXACLfQVpBi7P8AHYTGy3MvWAz8go9sZ4jIrtk17vNfE7NGIpG1LAa7FqRBjP099GjR48cOVNG7H8A4B69F6MO4kXmWWAcNwRAuuSsspB02AogJUiqnX/sVJih1mgQ1ZOtvTHWES0WXpwjWvNdJ2UJE8TDtbhGMgYU8XHDWvqkkieUbQPozHoP0kqJ1hhObZliL/DzJz1rJghAVJ7PzAVGkNpbAIBIbT0KACYxHQBxngl+eEWiL+VFW6FGQIZUQjcFAFRepdDPeqgbcmKDK1tzLTj9O2NjJ+gN4VyuDSgjmYbc00540Ol57hYAb5Ma7usTInX4BWYTgFGkrkkXgDmW+RI1Iw7RXe/dcseH6d7cTUR0Y05WVnZ2dk5OTnZ2dk5OlapVqhYRLRvbUbnAnMFnmdw+iul73LU3GrZSZigretHxhf6UjPS09IxKmVnZOTlVqlStvoSIaKBThxhkGnD0X1BOAF8opXD5M9MJQJ4Sqgr2c2YgMIDUm8GmlSqnXeDGkB6RnORTWnnxYEUa7sWrBtQRTCPuhojTPcwzwONhjaPMA2Cr205LFTsJqihUTqJmGbckEzGcoOTt37lr166dO3bu2rVn74GDB/bt2mITLR7TSSlkjuAPLl3GJiiYXiO5sKks6k5H/jNk7rqdu3ft3L5t69Yde/bu3bszpIxwuoYp8UR7g3IO+FYJCxf/Zro4nQF/NXMPMFGxUjmsUspNF6i/OqpHtNkA0LbiJeq94YWclKbczTThGjLHNJ4D7i9nhgJGqSIzuOSIsh0QeUoB+D8U21fzHFMSQCw7SaJgGjzMJ1rwTDsljzmJudWZlyjG1Zn+I0wmysy4hg5NM+C6jyTa73PqxpTGapWSDzyo0NRsoTWR6QngvHLWoT7zL2C1EvI7fKOEE9zAaPnNiZDUoacAtPbi7tjIZL1fvCD6OxXAfUxzrgZzAsBDzIvA8GJmGGBGlLDpEFX2AEZQ+cvhPYVSslYx50VM0GfqlKbwMpdo7vDWylqmEN9fzSyNVWfmX318UgkzP7emAxM9wKBPX0iGcy+mzKO0rs998fv06b9+fFYpANoyZJ2a/Uhd0+EXpi+AC0qeQx3mCWCnEvQ5jFOsZFcA/NX7vLIkz3IICqANE+rd//a7Rt1776g7hw4dWlcnOWbfMkWD7rjrrrtGPPDGfqnQQgAPMy25bOYkgMeYl4HbipjbABFVSoXefsCMKueuvLJ166uvbj+DSU8eL5ULMfL8PNGswVcpXaQSwbARzOZYdWE+r59MaomhfNaC9v3khcu+TLknV22Lkn4hkHCWUWXR/LbMNOZ6AAVKvkNt5klgv1Lu9A6T4oUqEuo/X8ZQXaAtUwz3XGrMfmKOwtF4lrHTgEeZq7gMjceZ0cDNF2LmsxS3GYHHmUKjgplZVatXqVRCNOOWNoovqthm1tfM0lg1YZanV2NOCuXdZrR/QsAwDBGL3kzQi8EWuS0EUDPPiYjs6QLAbOYGQBQqBS4eBw4pQacxTLJXaiuLeQRoxxR5lqblJy+mM6ecYOQp1A14iGnNpWo8xbwE3JjP3O5U7uIA4Lc9MUcyRRWs8frnXxz9+PAo0Z+jOij4i6xwaVkDnGBei5GdpIijxjCpLIPyejPa8/60WXPmLVyT5V0vJuRBukWeIGl2VIPoRwBzmD4AXNRjHgMOKyGn95mkWGA18wvQkSn2LFMrkbET9P5k8jQwiXnfqS2XrPEs8wLQv4C5wynskMQcAgKepOFWprhiVZ0PNpdowXNdmQ2nDtlSfoHCBCXbjs1JqGmLcEISyeg3zNstae8XAuryTM+6MVHD3QRS7YOTv5jw9eclGoBv4Lxi6SAzgdlMV6dChwbMA05+h48rwHhmLtCDKXEnuJpa2UzU50WxzgfMLKf2XErUaTTzPDCIG+5kGVwicxRIkIzFSzWaiL5MSYWqMkdw54hWjO3FvBi1pJS54vdhChZq2Q9JeZ+l1YZ55rqEciKS1iPMuy1pz3sGYyyt5VVrxk5yl6+U1wS7QwuASG73QblCrwPzmC5ORQ6NmJHAESUScPiGSYzJWGY+0J0p9Yp6aN3ElBpelOpMYubF4BWn2y4yIwHDUmyTS2KOAAFbWWkYQjMA8QRVuForDfDnidZ92o9pZUWkJKtO3S1MpUINe0g3otYP2horhSJ2+oeGiMiOtGbeb0W7P+MgltX0qJ5UqIs7W5kDj9R6EWUxsJjp6XTRoTlzF7BPsZIdZirRQExmMr8BPZgyd0aYmaK1hjkB/dlMmc5h5nfgPqYLl2EpxwG8zLwI3FPK3Af4GBngkpmDgC+qHIJLMaNCJU9Y/li7TSYc84k2/9qfSQxZRCSX40AdBTX3S0YeaoUPiUbjxgucXJsEteOTmBYhIqs4kRl3Fe34ygHGysx/7fkh2V2Gzew2tISAkMp3DvuUiy7EX8p6YDlzrbtWzJ3AUoVqOxxWgqaeP1kvsZR5HOjDlLtL+Juxamvk2MyPLhYw5RqpFvMmcCdzC9dIKocBvMS8AjweZh4CzKhCtbg0S9kPiItKULg5wpkVQmwioiNX1W7QoF69BvXrNygh2rl8KIN1tiSSkdQuq4UCo//Kc0VnZncSMM4TXTDhH77sXEne3GF+qGJFWpU5tiRpLwEzpjXteb9Z/Xp1atWqXbd2ne1ENMmdyGdoXjZnJDcdffQDgFnKiVNKEQChYRQoa4CVTG+nIoc2Tq8wH3G1LOUM9CcGNz7ZNEkwIvV3YusB1zPBjNQU3UTAt5mh0rYGY1xVSGwHF0uYYMBnqoG6+4i9BujJrOZeJnUrgFeZN4BnLeZRwChg3uT6kHoQwBKFrtUxAKOYKa0YmTYRRf792ftj3x339Q9fj4sQHT50JzdA2kRSvio29WEAGKYBAK2IiPoBEL7kBAH+9tfx5GxbSmkN4Ma2o31jX3v9lZdf+q833hj/tUVEoYArfMhRdPekzz74dtGZsCQqEIgokUYCwqwzi9RSwNg5/84aiYYQRvIbpH4BrGH6OBU7tGOGA3UZ+XndlMTk9idJ/UbPvEhEMnhq6U8TJvy8sZzYMgMYwpBtWVE2EgmHS1KAh6IMydy533705Z/nJLFnfS5WMhQqKy0uKiwsk8RGk4A6DI3PTAhUejjK/BvA28zbwAs28zgg3mbsZ1JMX9qDEeYogLuY0GNpPtNMSGv22IqTBozyipRqEdEiaJ4mOp07ivOX2ZKI9hvV8ys58OK4ctKAfsqRpOSqn5RLaRWkcB93pZ3vGHDeT0SFPndVizh9OxE7FIoc33Hwgk1sEKhiE8lIUd7Z/BCpsimwzk2pQ3vmHkAUKkQyEopIUmUzvfqSvBwF4A7OpawMNHqScz0YLjdyrr8CEChnyA6HLOLbAPiIeRd4RTJPA6KarRBFy8st4k8BqBRRiKyy4rKITURWKowQU+arEPhByovNdM4Q5RbfzeEzOyKlJZdh9Aah9yCxD+uJVZ0ScidddzZ4+OTH4L7pQ9uf0GkblZHe8HB42APZAj2loh8WGERujwFYz/QDRIlS5tCVeRjAcMnoHkvUG0NebjIA3OVNXUDUWOzJTMOF2O3N3gAAvMvp7gaAb5kxwCfc8wDaT+S0/wKAqZxuE/jCnL9iiFptkqCbS1QYusOhSpn10WYi2V/M/1GrhcVFG2mNeRS/SSp4bkTvN3M4fDmAtt+hg/TmWfDSHFLiwWsQO7UshxVurCYANjA3Ab6QUu5wPfM4gJRf3UQGCr0tXmxOAoD7vWkJAMlrPNidBTcnPdmcAtW30c35NADGn8x44FduPABf4Ky7s0ryCVd3wx/hfBXDdS5RmXW7A8bvDxMRRWuYxz7WqF5OvAw31Pj4XdwvyZ7by/AlwPHjobRjqJbnRotVUi+6sdsVQNWF0iH80EcO+6ReUQsA2KrIG4H0qBIU3FDmUQCo+47Usl9Ohf6or8rdhJ43oT7rzTUKUr+23OxuDLfmeXfyzO0CvH++lvWbCQA9zjIfAq9xuwQAM/GExi/vK2cUkbzURemtCESZkksjjyhsD3MSK4mNZJpHvhIOzXp27NqjR/fOnXrcdLeDmPgGutvSugqAMITTbbTrjooAUaXj/BJLKtHCJbdXAlv5us3lUSt4+v0a6DP75x8+X+LDuCZPHwrajCwZmwQAYsEPf8z6/tNhQMOTk3/5YfKeZO62P+fM/eWbQYq46vOIhrUyBy5NM2P4yrPlllRk9Pz4TPBvTF+4Ye3iubNmzpg2bfrsBYuXzJv23TftGNR96JStI09cL1z5zv383kefffbZJx+MG//+Bx+8/Ui3LAFNY8hZycjz/5UJ9sn8iV99/dXU+4C+ZVuWrt+waVMVADCbbZOMNcF4dMPMSTN+VmBmvFTuZM1slpiEQOjE5B+/m7tYXBK5RJYOAicYKsk01m7wcV4mbrgf3Uu/HzLRhP+3nUdPPcuN7k977zErAmBWbT/45Z+Xz3m+dYqAcyC5arPG2T4AiQEAGT74k8zEWt3f2Hgud9tjOeDrQ80Cag4FgJo+rokAAEMBrlxfbkvFyhuXAg+FP7Vaq8Gv/ufP8YMbJ8H5angpfBwqv7SxMCoZu2R6Pbg3PkdsU+7cFJJk7xmcDMd+t0NNBCq9Au20909bkii650ZfTQAwGBgdZxXbigxNzAYAsSQRACrjkjwrScrbNNAyxFBZYzH6XA+veh3qjicLugImkC2JaCZ3R0c68EgFAWD4U7Mr+VEhjbS6DSoJeGgoXhs1h340Z82fY69LRwwNf8BERU5s/eyM7YcPr/xsQLaAlyJGMOo9PWvN1MGp0BSMKvQgqt3325LZT9aE60DrV/7YsG3xmPZ+sAKX8N+SSA7XwZOSIfmEqDJ9bgMPRMclL6f6Z5W2h0gB0ImIaE8AyB7sq9WQjo2uOP8dCvzzCsMQuIQFLn0h8M94WnlQy/heMkTHq6P+pzN7+vUCA1eMy0bzYvtFJKwvbVj5V0uhsk9anpMbU2vKE2OM/0H8L8yjNpFcoQVjpuTsHg9kIdDp29/uapwa8Jn+lIYDJ09q7Ue1Xg2jF4Wxl8i2yVkS0Zba1tEP4yILI0TSeqCdDsxvJDMNotETtQAzo9FNz0748vU7WtdMgOjwVjXgs7OoKcn9rz3Ltm8X8ZAeRUQkSZ5tpwHjySgRRVMAIK3/M6YfjuaAL+/IAICECyZuYUKfD+ry7Emm+KmbixdNQzxUXAgTKxekOQGdLxK9AMdEO1qUe+L4qcJoNBuO9X1IiRLR+lQAEN2CRHTy+Z/WfVE1LoI6F05KhWT0rSQnVFp/0nRKIWeZ7gTgUSLaaYKvFiGSfZc+3RVx0p4rfi9TiGTZbYYDMPCruoKrr0GNGUMAwvcXkV0LzvcS0RfVhyBumvXS+kJbIWnvau4Eo8/07gHlTp1+APy3bm6A+/Jyiei4oWHaRNaxfRlxE6D2lPyQQiSjP6c4AEaPn8e19uNDndfN1p/v+7qVwGZSV0A3TEQkG8ZRYPTcGpIKSVn6fIIDgEqDvxj7R5ktWats0tdPtUwFgEPMbqEhbIXaxVMA856zlkIk5am+hhMAIRKzG7fv1uOaZlUSBBz3SaXY1KhOqv16fAVIeb9EKkTS3t5Ix+O0Gp2Kiaihxkwiyn/xhXbxFqDynxGpEMnorMQYARhNRCcNhyaSiAYGrkUcVvT822ZI2sX3i1il20R0IkMR3SNEVGoiTusfXSQVImmf7md6Zd7SSCQYjSQRkb36uRFjTpK6F/Hb9H8HpUJS2ie6CS8S7l88MH3Aplql5NpuHL8BrtgWtSURkZTWgkaGG9FtV+6qCX/L1dccIyJLTz4Uz4Gv05ygTayMrm+sV+P3ctu2iEKPNKi8Ifpm5hshRV586xkZvs2I6wBGh9URKUmV4Q9TnSp9etEmdefAd1Y3TGkKoJMyNQno1RzxX7PPjqhUiGTRWwlKYHShLYmIZHBfyb5mYJtJInoQcWPf7Xm2VEjK3Oc6tnjqvC1JlbZ1rL8JPnPn6bxTjeNHQMLYEqkQSZZYKfOHGtAUQgjElyvNtRhtWXa3gXh3h8PSRfTzFMTBfU+V6ERnN0CcPH1imAsvbC4QP6+/ImjbZQtaIL4uKjVtWkngsv8v+/+y/y/7/7L/L/v//7cUVlA4IAQtAABQkgCdASr0AcgAPjEYikOiIaESa1yUIAMEpu4XdhEZkf5L8VfEy0H4/8qvx0+Taqv33+6fo/96P9jvk1UfqT+IHu+eZ/pv+Y/uX7Zf2z///W7/Mf8X2D/qX/o+4B+m3+K/s/7ef3b////T8F/4r9sPcr/Zv9H+vH+5+AX8u/rn+8/wn7x/Lx/tf2E9x39i/z3/S9wD+af3P/je0p/v/YM/v3+r9gT+df3r/yeuB/7P9x+//0Uf1j/Zf+X/P/v/9Bf9E/tX/S/Pz5AP+56gH/e9QD9/+4A/mf4gfsB41f1L8e/7H/xvWP8e+S/sP9a/ZD+3f+z/YfEvin6TP8byWfb/8h/aP3J/wX7r/G3+v8G/hX/ceoL+O/yr/E/mN/avTf+AHhF61/gP9R6jXrd85/zX9r/xf/E/xXo5/3Xob9Z/97+YH0AfyL+jf7X+1fvP8Jf5zwoPpn+R/X74Av4v/QP9P/fP3U/yH0s/wP++/xP7yf5/2s/mf9w/43+P/x37M/YL/GP5v/mf7b/j/+//if///7Pue9c/7Tew5+nf+1/OIc0MPbuVoYe3crQw9u5Whh7dytDD27laGHt3K0MPbuVoYe3crQw9u5Whh7dytDD27fZXO8SuJRzjxT9XpdbsoR/vnhSgeV9yyNE8uzdytDD27lX2LE+O1E387e/dbUkKaMb742VV1pizvZ91hup/Kq6mIu3w10HNCpDFRQw9u5Whh7dytDD2hIl/VqzxqJbFF698twamAlyn4bmF2O1BJXHm5Ff0metzWi5iDvHoHzGjR8Okxe+S/2sxhRfnoJytQUiI/7U4+TfdJApmbJZvWN1MpGrWoxZrw2/BzZQ023F8173ktYNpa3soEF5yS+VUsnIdTXCENS6lEBGzNaBOEhORYcsvKzdx9ssDSRWtQnH/8qDbvKmCtyq1hVUjM9v4loa8sY8em3oUc94dZVDuKanNn1XCiwCpSD+jZaG4ENMHeeZh+Y+Uo2xrDmZ9pAW1Jq7jYWloa5u2zoQRPP37cdolxA8yqBml/tLplqphqrQKkCoouOufZ+imAlyTiJCqrTb5+QL0RSZLLEV8+ntHOaz5EnKP70GcnDwlxQ9paBqyqRnzd3xBhEfyRDOlxqCbRrwC4Ksei5Hsu7plw4TZww1929AUCrnVEGFsReXv4tZcCMXCFJoPh6byMjMXci4KwNqTLxKp7Klo3xDdVZuIdBc9wWhMnufItAHGxLn37Ek3x9RDIxYgvc1KSp3qMkv9FXpD1oVXX2vZC0rjC3rAq/hSi9rODyvmy/1rBNZnnvjunTYOaV/DfQTvll9cKBKjpgDSVI7h8c8mhYRLz/0cignSv2c07nvU7WoaZpFesd//PvPI/0b3Ym4Hdm0xG9HrlIYp+cH+kUvu8yxACIoxH/0PyyieBffaLTbu659e/+ZTpLh1Gt/3nTOsZRGWGrAMwEUrhMa7tE8uzdytDD27laGHtTy/RS8uHW/W/v5T9cIeAjGHt3K0MPbuVoYe3crQw9u5Whh7dytDD27laGHt3K0MPbuVoYe3crQw9u5Whh7dytDD27laGHt27AAA/v/5pcAAAAAB6/CrKb3ANxcK72Xh7NLlnIcs+DsPLfSkeBjgMHsCtM6qxJktVtR6uW21UKtbt9Y4iWwpiTURlWZZvYH5UFfwiNI27/HKSRL9ukGuU4wPZd/80swkKccWFZMojob9hLUmdy9Sr7mnLvsCNhMCwdTu7vSHv5CZdP42IlbmzQVVqjb9t8uicCwsJ2qBEcEPOwO4P2m887lIH49W6SnR0Zo8v6NBy6xpgWGqJCpl2gC0s2g1gxxLQjiNhXMQyVpF9BNn/13ojelFsmeJya7Mlwa5y9Xtdsh4hm7BmAiRDMjHg3/vck7XaDo+cyOrWUPKFx4BnsyE4RLKDKvtrcEh6wu9xDzbCUfvhCgLaeDYPg3n7u2iEL7qIVO4Z2dcD4HVGF3o6pmP8ehnSe80ZF8zG6NsBnkQDmdM2bBLKsaHuHuqHfzlGHCyAuZuBhRSyZ+LqbhWiCIsp5+J2Yd5FM5D3kbLNdAszqie5JxqIE5uWododpTga3xA8nihQKohGPXCjAG+r75xid62r0Aemyc/NJ9FIceb5lBmeqOx8P5LL0U79yFRjqEb+fhDEupjfModZ/8jwNHlWmPzfLXhJk9Je5/+PQbVKSGhjR5AhrMtCtdt8A4C7/48wxb50fktLK7A5Rjzfu68DWQXLTQxipqD2roZ84Lj0pA+OHpSVd76KNdymRkevBjIWa5O7jVbEZrowxvCBvZuy/y4Eh3OddTNbniCmsRDn6HgJnnm9koLzY3e0k8pDFCwh3kKOhCSckmc6rI/ybq0VcQAnElnr84RK/03e9cZaYWGThO+yYFrGee2h92bOfrkJ/3hJveMF1+KAeQnWH2uY6oX4AT/ypx/jvZzy2PHomiv10y6DPj5Prk0cPZHwFjkanveFm2z6piCtkouNPJxPzTwuy25vdxnu9tq5YwdyV8zjmUXMQWeOkHC6j059Hy6ojz4C9S/2tD49CW+5LpiU/tQ33SsxFaLEf18xP4BNdg5trlG1g//S0PjJWRWMeonuqKbfVHyX4urSIf6NDaKPC4EiN6Iq1LDVclbtkYAq/g9OrLZtCoPkKLDtYMBbplZCWdc2AjqGcmMjZC1WeGjW+I/PbFJdQFIEqVTAwdlSa3VSOu+dK0zRADtlw9dbNt9An8Aq3uP0KLsXQb6GgXVpTtUAs9sKHNKYpbxLFDMfLquSM6Ix4QzzwVZG0v57rOl08V/rmTusZjYQxWZYmU3vOjWclAoIWDIrC+FiYR6FCcI3EerM4pWqEMRnjmxZ5ev2kccr58qXOCnqZFIhz9c6QBw/fg3yQjKMv7KZVyLK7ztAN7YSxPZTSej/2lhu6DkNyqr8EwNMlSTn4++HV8+8I9dIbMg3cDEz9YTPkzz8p5qEyjKQHwvDj69UVfca1cGoiPHHNU4Vo0CCFkPAWyXHAR8PrwDrqWGATfkIkBUplmHTgaC9Y7jhYNtsUeu+KStnMY+f9DRtABLcmjDMBCp3cpqFtepMQwJlIRoq3Jbyn+G5vcVbygR/vposrTGUM1sO6cWuCAVi4odyUsbdMt0gXYt4WM1CaZ6wVAXvVFqq6POyDDgc3p7ediSX+OOX8bJt8jM2pVhBOFXy9BrGqOWC5Z8Zzjpno5QhLpNla/NoCLLheuh/UNJLiA/KFRKrROGKDtFT3yOberBtitcjOsbCU6ByLpZ3tUmK2M0gqy16iGGdo45CEabepVHEIN1wlSlKGFLT5FucivFfeAyLlZG3hyhE5MkKWMfuRdQ97oQMDme6gBv2Z/tcxo78NXL2UDeAalxDDjOyRCnmFSvTSPcaKSWf0cnnhz4PA/WDYQskteE/+/qKZOQN9ldEiwcgTbNXLjvffOyjQt4q+bo1h40ojVawYSYAwH0MMOV9b2mVwG1Z8ucJmmismoeRMbzCS0WSKz67e6NnQyVH7YdUya94GgRYFZWT5k8l+kmcWoZ+S0C1saFJbS8q2PR2x+B5RAHiOS24TQaNtFgl48Tqb9zsg2k7eBuAT3GEzgzpcHX6Y5c6qcZ1hX3adAex3NTEgRpJgwJOi5ZwXRS9QdL8Ormnen7lJXPDA8f45N2ZFl/6z8q/aDDSKuTzrGUBYipFnaBI5+bp/H2oZS/dLDrEXpFSgWsGFWo3e9BrvjTcvzDIrTiYTPs/s8q98MvJ/f/Px26qIhDnpwLAftN0NHouYtyxllMV8mWAnbTUy1YoxIl9RRtBj7xov5mbRiBo8qbpJuRrQrP1cQmgUxAX1Poyr6RWUONmHuP6tXYIZy5y5VEP7+UFL/AuZhRWpSlxgWKcTaanfRTGKvObfXspjgod4mv+m6AuRj+rLeefGLIG+mT6SY6HlP5QBTd8Cq9SoxbEPV0cMfNF6Kj9vXjo6jiDpMXM6DQn/ffYnLZEPkkowb9R4MLEBfyJQNmIaBb/tdS5/coU20CAc/xsn3h5okJQGuDOIzJnBGL9MFXDwxHtUU4b9EZwlPjM/Z0H0O/kenSbY8bFdD0W5wcJMrOG/vl3/If93xCkTHWILYwGdOGYpc0J1Tufo40h29JxMkIjPt+Mk+5PyJ7VZj0IJcTLpttEkGqpbqOSLEdk2dnC1rOx61/0e2i00j+3JNBlu0+mHYgrrCkYipD42Gd0XPDoTO1X2OLPHBXp+XglU9s4fS/cx9nFVZ/o3WtDNt0oNvRVoFJZsHMsqLdArAnpxZ5z4MZvjZsyHW1iBWVimkwUYZ3HJccOx15Gqf4YYJ12Kb3j6/XiYsUxD5fkQvkqbvfCRPbAvvAxPb5s3zCL+KnxeqMbBcWs8gp4d9OzdMgQntgbQ7z4F3ngUEVksGkmkwjFSA/KwqLbhVFhU110yDo1ssiPribOxCtjPCCex+uM3c9lpbWbR+UQVUuphtblB0IKGDcaaim/WibXRxOc9Xs01oFiP9rYQN96swejmlC3GcjQU35yj0QWYKcBoLU8I5QkP6MhWpUXotN7Yvqvu4yGvDUhT4TUOlpJPB4AEsUgDxE0Dy9iKv8MMb4aJ1RkaHW9YB94o2Sjc2ZkZg9VSQ/vlEL/xy3BeYDuNPwoGZ8UY9QCBav7+gvMLwaPMQ7/Jecyu/cSJnXod6ZXC0FSuLwcp6YkwJD0g+Iby11I0cS9I5qtPxy5cMOpv3WZmS9IXeVc4iOzPwyoX+2DL4+2vuzQLHPEsKYuP6cqclFCkuESVDzq1p7wbKb4/5pEOSY+HL+JkVz4xJBdWMnHe4x5bxmXQJhigLkukhaMv0yPIOeLCRL1QyleEpmTk+//34+BHH5FrnVUf/C2wZt7fTmhEJsz/k4iyDcbZl1dWXvVWrhgmZdhzKGg7mOX5uJ7RAKj/sTZkks5U3Xhg+dWM9U3mLVdzdRwhHOLeISICbrKyR+Ddj/wFWY2sLgdqyR3ua/PhCFShM383oOtiLHfpiJPW2VLYzSK1/DtmIg9aes9RiH9BbB2W4FeXlOHceugKLb7vM095JnEDVQxsXCKLjaUut20ELQ/AKKS/SqNUwp4Q7WdEJXZ5D2NNlqJtPflJ7PUNnZLxyIrRqJKGR/TbCWpcprkBd3tQaT5MgN+EV8DafAyj21Jp13nwx6LwEeRkzuAEBMmyVRvdSXkLcK1HeQtP56Dz2bpTTNuso2aMXbDCZQ6p/iVyqCPjvz1GNrKW5GdFL5jdWeJKlp/CDyUlortPm980Vlo4se3WmLTty5rQA2XY92sCe7IBRjjN9tjAD6TC7eG1q2nPAkqWKJV8ujjU50LRoonresSmEl6OFELM1BvrGMfuEhzxgNcdWK1f+Uxt0bVO2wlLcxhgOc3mTOGPEER7AMukWlur5tkogh+oc6+8tgf1d+gdqKCf4rKlB2oGOFB+LVcit9XeQJp9Fc3G+JbrNF9L5Q/fB6pyYf6bmrdMMhMC+pLVdxkCye4SpHQti4owtzpj0QhuuH8ZHrcGrULViy0v/UJo0wfyx4o+M0HDbmTQigC4zXCVAIv1kHq9p76JGPhMA14wYd2rmr6YRg7wn06gbU4nvJwmlYQlTXp8w+CWZqA4mXCGRIXf67SxbdJ515xw7yfnkuZgmUIyOexqbE2EycWcpzwbHmVrs4s4qHMVBz7r9Ztq9TlEwkuG45mnUVuJmGBkMDAUMp7r/PTFrn+xHANpdOY/uxxIIs0FIRqZLa7/lUO4iWU46JpBTrh+AFfyCX575o2VkZEqkPyZ0bsiQYACyXkUNFg6u/uOaEQDhmFhj00X/cEretl1evjGSo0WRmTNFryMiVTykTvlmXQdrxwp1PDkoJ5kKwxmPK5qo6Aty59tbNqaXxlgub8/6Czc3lxIESl2ehzYzQHKlxa6wLEsNOTtWub1ldA9YxxZbueVFcmanzBvF2BlCS0DBAEPxB2IFKFXdjslJttXSk0WUA3e0KEG2qm1v7zEw+ngnNtQbm34mjTRGJ8m8By0hWO4KjgDFllZSF1/BGGPsUU2HdCtqWTfuh8qFqN2P+wVVLUu/8/Y+AhpBHKdn2Jd92pFTHumd08w0hHhyNt9/hi9aZa+diA/yU+YsTouSjPfToXeTWWObkIxy6Fvd++fJX/+sKPlDkJI/BvIi5fh/fFtihLuAb7DLYxAPZLRxO2LmyDKswEkm/OS7Z/CEM60/tMehPeNMWTr7fC2FXUwS8oCYc38Oh767PQ2zBG6/js+yXCKjiSlvB4JoO9GoFE6Cx6F5S+SvpnkSr5cU82bOhSqem0S3rrLdNHMoKE7jCY3vp8a1Cfko/eyjRl7A4Gk+wlu6EsDXJC1cXm9VWnnLW/LAbNDE/yEtY8nC0dizujozwv9YcNCnA4Z8vsaklCVID0JLQEWhKkatDcPDMMDNXSL5NxYIlSot2lopFbbmykZmiOO03KVgJ1gUq6MWhCLmo0V/JoLjKH0uyNXG/k/oRJYE5c1f0IyN/Nz2up1sHITemkG+s1Bq35pwNTwaQogM08WzRRGsVGRej4B5ifbG7FpggKRx8Zo/hOBW6FjWeyNQsg32/+yLIGpuQuwncoyeiFinjAg6W8MekuDwZoJfF+SqzlEZDlfmGYFgZYqQZtkM8CwJnR4MemqHSfSbsOY1W8NgUC1+LQ4jTQo+KprTnRCklkXSWuC+8gAQxDSVa3bNQKZcC0KcNJLAv0KlFqwaaq0hTR4JgmHQ94geI5NXAiD7VDLoPV2XjlHIc3wj3GAvwY84QY6alZplAoyY/E3fcJhK2rZsihnB3Zt9F/OJsij28WNkldHlGDCHMpc+49Obq0K/NN174mObNdR5iN0WsQ3QZ9nfOfUGcj5LW00YemHLmeBEVclZ/K5MwhIwFKjqNxQ7ue0IpfyCoy7+4Ig/xiTtuZ0FoL9O+bs1BZnwhU7cX2PrpBQDHK9YIOcZHuVa5Hm3aLVeQLWyKqvJkuLFiDdTMzTBDzuACF2RIRZbWC7cHoxS7I0wrsBBSRblrwg7kr2CcYVTgUQcQmgxTvZ53ekRQZhZEZrtCgHPWc7fe9sQVMAyX4S12WL7H1+ovEwSc5cZAL+Sm4p34pwSLe69HVkvbFRpQvqr4xnkLU3K27wAnMpMsuU8SBsmckNecldyflaS1Rkd98nljQRaLQ5xZlGjOBK6rfv1ILN1YxITw7uiyvRdUlfsoMycK2Rf/xqiAK6VEdGmQQB0XEXtGHYISicPIWLt68e45+NL64jcAI6sfA8VCqOy3QD9zQcsi9evQBQLjeDva7XBv3zUN9AvFMmLOfClaZRqk3qBhB+QkOH92SUefOd+hW54zrDmFcssgDpCyreZ6l6G7uFYVspnDkchLQuDvYL6WJI3PsRrhlU7VFmU3xsN73vLTM3Kl2AOd4MBUOPnJGhpoS/4qOyJar2iWVkeCsIzxQ4iUwMXgd2J9B1EFKKUDwoBxmCDRWp86SVYcdSbk3n2CFUs078Xdwtx066O+3T82UXN0L9Iuj0U16H6vuHCdqKrgjHGsdp4B5eP82+KKoxxh3hq4bWkLQQpLkOch+wvon93q8qwysOscmMvRRy3QZS0G4m1Jg2901PzoarwhHy4hEmDWAyypjv8NZgGQ1Y0Vp155G8Y9YA/jaoYxxp+muu9qkoTG0H+41atV++Ixt0p5seYppfCDhyfdp8HZpXW/kHQDARDAaf8Efr2nh6fu3Et7FggF2+8cACX6fjDy33vOsh41XresVV1u7lK5AdLzsUhcNnCkGqpfZi/+bf0Yox7vDmFEe9loVt1imAVl4EXT5mi1B2VsEcFCNPirlBHjDYFd7LICTjB9ePyvRepH/TNmLWYDIdp6JAPtKupdGKw3CCZhi/bXDHjA1ep8+e82sF39fEW+TKaEDFw16F2KyNVMcjqoNWrTy8fAnz1xup9VLMJ418r5uwLNaB7stMKDzMDGCuF6ZoF4tttbPXQ6txulloFgg+0pujph/kFh2OrgeXXFMOEotlezLFQBjhZK+oHcXxS5s4jtZC+3uLRmRcDWvddNKEPs/4YbIFxj8Jp0sDIKChC1mSmpadlLYiwj+oWA9lIySgO5uqtsdM80zf7i/6nifI56JtbwCzj2XF/n1LhpOfuWlY+l8oW1jArqnVsQVc/Bx176hTPGwlOJbVCbbI1LPj2g3hy/djKVtpnX/nJ1x0+2WyUVrzFdWz5QOpGBJDZoR7MJmzzo7+fjWAva+9i9+OoxdYxnR0LkYrNO8pe0cUPCBe0EAhYLJ/hqVxTk4Wb1037aKkJ9GoYl1aeN0qknqvGvqZOJMG3HlN1COxaSOCerbyEKTlpyeqve0fnwED2gLQXceih6Y9RPybsOIrbkWeIrRzji+dm1dnDdcF8VjJ0S3Sh6rWqXbhWndev24531IvP/WHbyR2pdnPTnLzmo4cRsIRNaSNeTOSH9yiCpKqBhLv8TGydwYhp49At+AjZY5b6Q5TdDVXafD2cnfywb3e4KB9T915IpW74KCR5ED/Kqg7lo8lD1SLRFq31PNmC/+VCvegJ4URibQQ/7O0sLLBkBJcTSoYO0tmIZzGORFAdfA7cQV5xkxKF7x78E2fbpgTZkxBRmiIBWXYatiITgBl4ZUeQiuXb+6iiMdL6HSEmNRdGIpFKkt6CB9TdOqi+0SJg+Jqmi+KLcBxaRylYJDOA/iQRcZ9mSlj6rom46wNaG++0bDpubRml1Tr0u4OmHH6ibN6rDxQuxrTtZduxkXZB6hLXFqpQq8+pNFe5ayHRYfgbC+FCDaSc9OAoo5x8jNy+HX8C/PFcyg8f65rxeSuStBfB5xlg3RLrjJD+RUxa1JnXpGTBn62duxd+jSD8jgk2FkfXdODy+Pns+yj5D3V85oOXcVSGHzUqlBWgaduows/rd06pOAso3wsRUrr+nLoOKfuQAv/HjSPICO+2nAD+eNPp+GjLaOkOv51LQ6gFssrAmKMqlw9HE2MBS/xWnFgLQ73f/p8J9dx2SSv+oxsGqejw0o3GSuwlRZurFWsQx6mwLfJnLEoaWgZUs93T8chX2StxAJfG3FjoCKkfaEasPGkqkM1maQAvqFmwY8hUWSegDQ5m1ETL362qEqo+lLfbvs4VacnZZiaP+fd8mAAkttpyxeYnkaaZ4xFXMfQmR7Gyj6x1IoRh9OCbagl5kmFcHzMz2KLX+meE+tqHBkUo+akpP2JCson39TrxX39fU+lla705vA4PhBL0iYTYn58WC/JNWCj4zInN1B96f5JoC9qg83cbksbqkaDMAZw0xSIEq16p2hO7fTi9iXvlIvPCtCH9s5Ei5youMSvbkFQdg8+qTBRLw/4BlXeR68RKv05TAYyQJUOg9p7eCT3A9jdhs3VxLNgHm3jpFVfjPnmG0fuOUgWL6d2znTZT6Dlvh0ei4neVWAnY3p5+pr11RXsu+v4HzenIdmzhsGlUOlBTNjCk5KLTgcj4UFb+DtgCv+3F+F1snZUNt1sibqwB5D0oyDB5VZv5Gq4xWzQJLEmVUd14CxOmY/uPKGUVVqxvlmgvdxAV6tujcEtVJ6sewdOMx4AFW5Be5nWtX+WrdzMAgL7pxsjO4unPgMvWCLjF1XOy6VsFXbH+mNwczC/fxYVQzVk4J0fl5+5vhG9vGcCib68sIQKaDrmZuXy8iSVLlfSWdXq4kpgEeR1+3W49FjEzqDAzKAObOn1NsvySzRiZeB6PxPYXRXln9AdMYFoDU0fUhTEXTVFZ+ud7bB5fmONJOM0392MnVBwwd+QG6HLgOQlbjZBDBUfNlU75aXO124NYhX46qMx6kvpydbXVWsO1ccvj+mBq2eRevWFQjWM95wWfEcNPIYfHb206KwOog52WwrF4WNKad1/z9K+ZZA54DQkWGikCaSRsTvJkdaN2GKYZfez8JI0kbbYrRf71Hol8WVQ6hehgKz7bUwVhO8Q/v0CpbHz22Gb6jZzNmgLdki84WLQtXS929gH/1yFy4Q9EwZ1WgEC/9FKJ4BdyZeNv13UGyCG3UPU2/cLpTXI2B2QANJzAAytePVQD20PEpd6WUwIQKYaFlfGO9x2zOGXXXeo5Tio36TmWBoHBwnPs6i4JzwXLL4/mUa13Am6fZ2SazR7G3GRl7ypIYkqDCVAclKYdAS+3hd4rnwWTz6NSJmFH1+uIMBxZWHH7bD/P125vSEASlNeIN796QDktWYzwbJo/DUpfiY2hr6NT8Kg8xIBBwlGi2aNtjcVEuvp+7CRo88IRVIJhLhUtfE+vw+cEX9NPN4IEvxfASvDWiliAclo4dKRdYwYRt2JASbzhxgAhTkuLExBEp7iqnz5DV/AD+J2FQalXD37Ys9kmdDgRwl8Nen+X58eJ8R4RLiqyYnzU3Hv1on1An1oHVRCUWBAnHwGv9Q0tXn+gu189C3nGLTxzcvpAqdp0vRZfmUkMTODFMNXpJJ7lbtnjD3lyPIaCLJlmQM2kCg49OFKW1Ii5P02CWIBtoSADHhpw4GFC5KK7jAq+zd5+SLGdQa0/62Lmhv8HRqlXaPCxFmHAbwHVlpdirS3n8h1sUf8hvMIp8J3a7blDmAlSiHdkmn8gs3vqXSQNWwpxDEMSOv8zU5ddTwCUjpnyZCy30cmUzwKRZ91nba0ZCZGr7Qef/fT2/rH+1vV+AVY+zy/hTSHND1i+TqPwd/N3DH71+9N871gw1FnsHWlRyGBD9pll7Ti6yPgPIl8KCUj6r5wcl1jNZ36NOe3oWS9U5HZtiGczGtoyXbBQUlCgLASENwgYwpfOpfiveKmu+qb+rIHIpBd5VcO+494rnqKp6as/+FP7PIeTLVJ1o2osL9pnHdemzRIAEa4JlSAWlin8RLttelyqvchQKzrZKFwIm/ko7kZH6jB3VPNhDjvjxF2OXbiaEvsb+gRiCIxel2+53BzH2VxbVXaFFIERZQ735dmgWx7uV2skTHUuasArAjNAbDu2CVmhdfyTB7/HV4xHscvmr5z2UiPp6wIa0lLCXb7dBEIzqVGE9tsflEIJUSW51TQ970A35aeZ88wST/sN68pd+vsP0LOlBzVI7Zy/hugL+FsHGN/mY4nvxJLnzvLm3iyjzP7ChuLITKX9fujXAPqQMp+fkd5VyWzqJqf17gN/BdPNNyl12LjXJ7eqxxMJdEDZvvwSdfsr7qfBbRwcboJzm3OaZR07PiSFWp8G+vDoLBgLViwEXKWPyTXzKjAAGMerqQs5W18PpUW40Y1jCPNBhU7W6SDIB/WD6ltfqFUF9dTcwWFiOdcpLnotSMb4uxggSOV5MyrS3HRfdTjX+p2mHbltraAIAU2eklYgZywBstj6wG1gKfQa003DON3HhxJ/m3/tr1TtcQBCWSPCXBPWnvreEfnnTLUZ2gkN/+KU/GDkYRg7vKxI/P/ktXrQj7FbGo+ytF2bEQH99w4Qkrll/QJKxLEQdc3FX+rs4E63FN5Ezn6Tw4hmM3T/FUn19cRlBBDA40je/MQcjfAfh2LrFG3q/gTqASFyygWh7Ox0Yzlf0GT/jIukfAZ+9ypDQ4praml/92oVatU6132shSMUy4M2ultcZfqf7YW+TRhuI8F03N6J4T7CSr85ULX8GDPkvk7KzUJJ2ZAL/myoKMHzwuRvDtw9knteZG4ABI14joUT1c1sqEN41zEjIHPqqyWFpTnaPbt/EDtS4dxknwvZV0WwFieGAqfTQrliUk+RJIF61roUakhQ0d3FjnRFKrLaFwi4/Tp5PWkrcXLI94BkAXenDwchK0DxPswRZKgxOOiBaqb5xCxcWsQR7RAayTlDAYQGw0d2+y9QDHFrzfHbCZ49nh3COPQewC/4o0+RyIBjuwGyY30AD26mKCT89Yl032wgBviCwMM3+PFFVWMUI99VeAVifZrsV8eOPhAGdLK1JnqHz2L87bF0HPMiCDK/tLOuoxNJ+qedfBV8jiA8nVISlFANP/M5i50YS+e36o8pKhQSKyUVvOqfdwT4jDi+z6rISfuHB6Df8smOB6Ee5HHP4SA8iGzpvW7ZOnom8tiw3WDCseo+25gbCNnLBmPBi802xuYZ8/X4YnSE58SKonIXeJSvg52LuvkoSm2CrJPjYngfEhkVOEM/qBba0lm85r9WNWk5reZWtXWzBmZYcux4/SWyIFotAynrrQlBlSqTiKpN59kk710TURZ2gU9UqZmUy74hknj/UB3LaUsrw6e6T6Uacb+fDljxPc9o7WiApuf5lazouikG26mYnLOx0/l8jr+FS5fBACQypz2qcLtxjPZxysLARJ1Oq2Rw1guMCwTHfr5NYNwuiizPjexpVfOZtdX1svNgaTHlx1ED6cML8ZRYmxX9MbeOwJllxm/kPblzLfmP53iIyd7ZPKpUp/ydH2PN6Hs2+DKQfmknldhkr0rYNCoeLh1nT4NrqxCQWOYg0K3rrfsDSqu8UQ7MYbejnq1Kl/xcHxXblzMxd1aZ1EpO9+QoYn/5RtrGehAqNDyWNPNyEyROrDa16T7cdpgJQUSDpVof1BCFfDKyJaYSeYjnF6s62qarIHmnO0xQfwYxi0jU/TdbmgKgRCuMk+rvQd9+jByxkxn9sZ/86BVcdQvrYjHleW3uMCoD85Y3cldwNiDhbsTOhkNzxksORJWC/D++zsnGTZCy/4dekrCGXfKhW8FUebsRWOEktHtUiCWG0gfsroE7XY73tBk2VTA23D2b3XkNMEr5pTEWZKPNKBSrsoGrDlL2E+R+I2b9Ffu2XhDiU9RMCdAiCEsalTZQs+43rQehjAR7jm1j4J4B61tCGFCcirO+zSWXdS8KD46HsJxXUcM+avVQAA60S/fyYl1jPVvOfxYpOkculxs0CX24t9BKLjcJ297gw1LJ+6cfy92otRkvGwHtR0/hdl90oM6Blk8g44//GL2tbdIZV9BIbUgxUgXHn17afy85l0C5FV7HdghFJFsIq9HTx3l/jUZA/pfl9C5fWHgIEEtB8id5vgTcvcnHIG7Ck2AiOmF0gKPIFkFsvML9B6qGwaT57qoUOVQ75u3Wf53DLkde8kjRKgsVzGSqgyzvx7VEpS8QGkATAsW+4fP8lHaKvun1pxTeN5zVP55RvsGMhu405eEbt2jaImkwfyI/3oehgdRF91NeRm6Jo7WUo8JgApjq8w80QZFQ+DeWwHvldsxd81xA1qanzkKh/iuPmuQf5Ad+tD+hW40Rib0a8XCvMFMMQrt4BMw4mFyE5mQBUUfOGFslf9BjJIKLqOxfAs/g5CcU/42meRJPQjFiPwNPe83q+/nAeRGjIHuO86J+KoyF54W4ppSmAQ8wIIvkDr+cAIw0YzRKWfkPGohKuuKdbwmBXmQxRiySPZ7/0S2Mjz1l/cwcVKqXD2fU42+qDFoBdWyWRMDfS8o2IF7EpLdtU/Wiyv/ZOE/Mt2VBc9/zHQtWV5chnbuZafJ0v4ePMfD/sp2jtaGkzF+pMWPga076cE25v+Sv2hIacAgTuLI0+VB4rECoxh0oCcU0DxgCpz2aktImDYPqe/4zn5uYxFUM8yUHljgYE8d3hheOTT6W5Gx2dAe6MrMP7C8KohcYqi0f5sXDZCc7O4Rrfo7ALMOkzGKYZwPDyUXbf9v7bZODy1xq8kl51ar7Lb5JHxTbnV7ED4sEJaOc1vqAuws850uR/HiROMxNSiYnlodQKI+vjEGAmsdfkGKf21gg/JtbXS8UoYRFyUGmYwjAG7BJtNIpyaj3B8jDvTDshaAVsG9DQUpO8qFCHhqDIgykYrcrOYyfzdJA05OdYiR1I/vTklaPVwM0Ti9YJUI93gsvcKZYnhFbPaYNo6aZjvRw5YAVm4YORoWAc92r1XEJMNBVA1NEVspWO2ohfLRi07wZGRHtG1IctCKvOGaPqmbdzkrXX1AXXX+w7F3N4a7KMUV7HebmOlweLBbmLTXy3HjXCnXpr1B3su+j23VMtSkxQYRmGXI3CNlujcwGvYkRJP1NGSbN5DnCm6GrROqB6HuvvAZ460Avf1YkMhNvCot+DjvC7ns3h9UGOKQfJhSLllJqg2slelzV9jTK1wwBW0210CL0xmqGRuptngN3z+ECg6KY1Pzv1lGDOcc8sVgEy1A98c7s1l6Z6StftsXrqspMnqX3iYFWnLCJ6gXLAn5DCPp4YbL2wyO5S1XV5VnzqXHbdlRUWTYgTt0GTYg/NUnFhmzapO6mUBRbzzPf3canE2XDuPHmaoDwaj/RytcCJSH070Tvk82GvfsNorrCI067Ie0bgUrBriVNeVa7HXm8MDXjT5rTZy5iHs2ddxKn/UE462wgpvEeX8dXcdctbuX6gpgJe39UpOWxxpsIcEHyAh4yCkBQuaXpvweL9I/a93ZBDgszMhhJ0nbuRABG8vFB2f1VCTLqCY75rxeR7kd9MCm2QlpUxvvodeVN+Ws1zXruDawSSVcD2MXwmWWFsa9GsN9/vXylz/46vk/Abf9s64S8SNAUYzUiXB0uf7PJBe1otSgmyJP9x98qWL0tFYoclL5QDV0hK1EV/FF0LYlFoTlX7AEWZ22vtC1min1TC2n1E0rZx4WXGRmwthBu3u4GTpQ3XjuFqr7PTkJ4224dITL2nOxkA808l7RUwmHdqVWr9pEsHZlB/bstp2q4xAMZkyzuYekBdnUs+vtG2uLqZIJ0wagAuTSfVmL/qc3CnJV3evqIbENLTw4+WMt197XBDH/kxkXyicCJiIe11UKrpdmeJLfR0R6Whc456fFTiS8sjTXk2Lo+OYJ37uTVPbRdNjvRxDIzDULa/G7YGx/iXrisMxYGdJxvy1fZzYairHqbh/Gr9wqC+lttCSyMRFD886+mMKuwzF+FLUAorWmGPBl3O8LAKTuT7u/sCSON8KWxGRCSvmYlaxvPO64JZ46HqUr+lc+z+lekT7SJxZEn7RtqgszZLI725skcROxFE5ANXdeGRUA3f7C1xA1/f6cuB4wZcc6lGcK4xuQmuZCw29uTBSRP6hv/IBMwSl92e5NkhazNfRqWaIKStBvFkMvF1YPSGvjt/0hXptYHNcr0D8A+vQZ2Dv18MjzYlNqBVAwlduFOs4SSxA2Dx65lHV7WIC7q1+iIyx3/dGRzlxISOc+0MwVDN9P7ZMnFAFIMyN4/YX4uHzsHTRy5Q2s+9nrOcczw93Hag2EC2Ik89iyKT6hTQ198Yf0FohR7oerLaB5hhifpqtu4ato8BZlYpfuwmlc/aFv1/UUFKl3rQ0x4X62VD8QqxOgMEpf8lghHeeOD6oQpVpijV92g/IEv4AAAAABjar9k6WKIJtQRvIG8v3h4XXgp39EIIIAlMxZ41G1Go80VNfee+HH0HX+vudJ5ppqMKVPIv5GmCvpKdBsmkHUAbTGaidgCyCinvDKAAAAAAAAAAAAAA") left center / contain no-repeat;
  filter: drop-shadow(0 6px 14px rgba(14, 197, 255, 0.18)) drop-shadow(0 2px 8px rgba(111, 91, 255, 0.16));
}
.logo-icon,
.logo-text,
.logo-sub {
  display: none !important;
}
html[data-theme="light"] .logo::before {
  filter: drop-shadow(0 10px 18px rgba(74, 108, 187, 0.16)) drop-shadow(0 2px 0 rgba(255,255,255,0.95));
}

/* Glassier sidebar navigation */
.nav-item {
  border: 1px solid transparent;
  background: linear-gradient(180deg, rgba(255,255,255,0.012), rgba(255,255,255,0.004));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.nav-item:hover {
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012));
  border-color: rgba(255,255,255,0.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 10px 20px rgba(0,0,0,0.14);
}
.nav-item.active {
  background:
    linear-gradient(90deg, rgba(52, 179, 255, 0.12), rgba(112, 91, 255, 0.16)),
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.01));
  border-color: rgba(112, 166, 255, 0.24);
  box-shadow:
    0 0 0 1px rgba(73, 162, 255, 0.14),
    0 14px 30px rgba(5, 11, 30, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.08),
    inset 0 -12px 24px rgba(9, 39, 74, 0.18);
}
.nav-item.active::before {
  width: 4px;
  left: 8px;
  top: 8px;
  bottom: 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--ui-primary-1), rgba(255,255,255,0.9));
  box-shadow: 0 0 16px rgba(73, 173, 255, 0.32);
}
.nav-item.active::after {
  opacity: 1;
  background: linear-gradient(115deg, rgba(255,255,255,.08), transparent 24%, transparent 72%, rgba(255,255,255,.04));
}
html[data-theme="onyx"] .nav-item {
  background: linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.002));
}
html[data-theme="onyx"] .nav-item.active {
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.012));
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.06), 0 14px 30px rgba(0,0,0,0.26), inset 0 1px 0 rgba(255,255,255,0.05);
}
html[data-theme="glass"] .nav-item,
html[data-theme="aqua"] .nav-item {
  background: linear-gradient(180deg, rgba(255,255,255,0.016), rgba(255,255,255,0.004));
}
html[data-theme="light"] .nav-item {
  background: linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.58));
  border-color: rgba(132, 151, 198, 0.04);
}
html[data-theme="light"] .nav-item:hover {
  border-color: rgba(132, 151, 198, 0.10);
  box-shadow: 0 8px 18px rgba(121, 140, 180, 0.10), inset 0 1px 0 rgba(255,255,255,0.95);
}
html[data-theme="light"] .nav-item.active {
  background:
    linear-gradient(90deg, rgba(48,168,255,.10), rgba(107,103,255,.10)),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.82));
  border-color: rgba(132, 151, 198, 0.14);
  box-shadow: 0 10px 20px rgba(121, 140, 180, 0.12), inset 0 1px 0 rgba(255,255,255,.96);
}

/* Theme switcher chips feel more glass */
.theme-sw,
.api-status {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.th-btn {
  background: linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0.005));
  border: 1px solid rgba(255,255,255,0.04);
}
.th-btn.active,
.th-btn:hover {
  background:
    linear-gradient(135deg, rgba(88, 168, 255, 0.16), rgba(116, 94, 255, 0.18)),
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
  border-color: var(--ui-border-strong);
}
html[data-theme="light"] .th-btn {
  background: linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0.72));
  border-color: rgba(132,151,198,0.08);
}

/* Auto-factory: stop Yandex card stretching, preserve layout on large monitors */
#view-auto-factory.active {
  display: grid !important;
  grid-template-columns: minmax(360px, 390px) minmax(420px, 560px) minmax(0, 1fr);
  align-items: start;
  gap: 16px !important;
  padding: 14px 16px 20px 16px !important;
}
#view-auto-factory > #af-main-col {
  grid-column: 1;
  align-self: start;
}
#view-auto-factory > .card.card-with-illus:nth-child(2) {
  grid-column: 2;
  width: 100%;
  max-width: 560px;
  justify-self: start;
  min-height: 126px;
}
#view-auto-factory > .card.card-with-illus:nth-child(3),
#view-auto-factory > .card.card-with-illus:nth-child(4) {
  grid-column: 2;
  width: 100%;
  max-width: 560px;
  justify-self: start;
}
#view-auto-factory > .promo-col {
  grid-column: 3;
  grid-row: 1 / span 4;
  align-self: start;
  min-width: 250px;
  max-width: 360px;
  margin-top: 0 !important;
  opacity: .95;
}
#view-auto-factory > .card.card-with-illus:nth-child(2)::after {
  right: -18px;
  bottom: -18px;
  width: 132px;
  height: 112px;
  opacity: .24;
}
#view-auto-factory #wm-accounts-list {
  min-height: 44px;
  display: flex;
  align-items: flex-start;
  padding-right: 0;
}
#view-auto-factory .card.card-with-illus {
  overflow: hidden;
}

/* Optional airy placeholder feel on huge screens */
@media (min-width: 1700px) {
  #view-auto-factory > .card.card-with-illus:nth-child(2) {
    max-width: 520px;
  }
}

/* Collapse promo column + keep fixed Yandex width on narrower desktops */
@media (max-width: 1580px) {
  #view-auto-factory.active {
    grid-template-columns: minmax(340px, 390px) minmax(420px, 560px) !important;
  }
  #view-auto-factory > .promo-col {
    display: none !important;
  }
}
@media (max-width: 1220px) {
  #view-auto-factory.active {
    grid-template-columns: 1fr !important;
    padding: 14px 10px 20px 10px !important;
  }
  #view-auto-factory > .card.card-with-illus:nth-child(2),
  #view-auto-factory > .card.card-with-illus:nth-child(3),
  #view-auto-factory > .card.card-with-illus:nth-child(4) {
    grid-column: 1;
    max-width: none;
    width: 100%;
  }
}

/* Monitor: selected controls should look like glass, not solid bars */
#view-monitor .btn[onclick^="setClickMode"],
#view-monitor .btn[onclick^="bulkClick"],
#view-monitor .btn[onclick^="filterPositions"],
#view-monitor .btn[onclick="openXmlstockModal()"],
#view-monitor .btn[onclick="checkSelectedProject()"] {
  position: relative;
  overflow: hidden;
  border-radius: 14px !important;
  border: 1px solid rgba(142, 171, 255, 0.16) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background:
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 24px rgba(5, 11, 30, .14),
    0 0 0 1px rgba(255,255,255,.02);
}
#view-monitor .btn[onclick^="setClickMode"]::before,
#view-monitor .btn[onclick^="bulkClick"]::before,
#view-monitor .btn[onclick^="filterPositions"]::before,
#view-monitor .btn[onclick="openXmlstockModal()"]::before,
#view-monitor .btn[onclick="checkSelectedProject()"]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(255,255,255,.08), transparent 26%, transparent 72%, rgba(255,255,255,.04));
  pointer-events: none;
}
#view-monitor .btn[onclick^="setClickMode"].btn-gold,
#view-monitor .btn[onclick^="bulkClick"].btn-gold,
#view-monitor .btn[onclick="checkSelectedProject()"].btn-gold {
  background:
    linear-gradient(135deg, rgba(88, 168, 255, 0.34), rgba(116, 94, 255, 0.30)),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)) !important;
  border-color: rgba(133, 176, 255, 0.24) !important;
  color: #f7fbff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -12px 28px rgba(36, 66, 120, 0.18),
    0 12px 28px rgba(41, 59, 120, .18),
    0 0 0 1px rgba(98, 141, 255, 0.16) !important;
}
#view-monitor .btn[onclick^="setClickMode"] {
  min-height: 40px;
  font-size: 12px;
  letter-spacing: -.01em;
}
#view-monitor .btn[onclick^="bulkClick"] {
  justify-content: flex-start;
  padding-left: 14px !important;
}
html[data-theme="light"] #view-monitor .btn[onclick^="setClickMode"],
html[data-theme="light"] #view-monitor .btn[onclick^="bulkClick"],
html[data-theme="light"] #view-monitor .btn[onclick^="filterPositions"],
html[data-theme="light"] #view-monitor .btn[onclick="openXmlstockModal()"],
html[data-theme="light"] #view-monitor .btn[onclick="checkSelectedProject()"] {
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.74)) !important;
  border-color: rgba(132,151,198,0.14) !important;
  box-shadow: 0 10px 20px rgba(121,140,180,.10), inset 0 1px 0 rgba(255,255,255,.95);
}
html[data-theme="light"] #view-monitor .btn[onclick^="setClickMode"].btn-gold,
html[data-theme="light"] #view-monitor .btn[onclick^="bulkClick"].btn-gold,
html[data-theme="light"] #view-monitor .btn[onclick="checkSelectedProject()"].btn-gold {
  background: linear-gradient(135deg, rgba(48,168,255,.84), rgba(107,103,255,.78)) !important;
  box-shadow: 0 12px 24px rgba(91,111,191,.16), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Light theme readability boost */
html[data-theme="light"] body,
html[data-theme="light"] .sec-title,
html[data-theme="light"] .topbar-title,
html[data-theme="light"] .card-title,
html[data-theme="light"] .card-desc,
html[data-theme="light"] th,
html[data-theme="light"] td,
html[data-theme="light"] label,
html[data-theme="light"] .muted,
html[data-theme="light"] .small,
html[data-theme="light"] .hint {
  text-shadow: 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .card,
html[data-theme="light"] .topbar,
html[data-theme="light"] .sidebar,
html[data-theme="light"] .api-status,
html[data-theme="light"] .theme-sw {
  box-shadow: 0 0 0 1px rgba(132, 151, 198, 0.12), 0 20px 42px rgba(121,140,180,.16), inset 0 1px 0 rgba(255,255,255,.96);
}


/* ===== v4 refinements ===== */

/* Manual extra themes for future toggle support */
html[data-theme="violet"] {
  --ui-page:
    radial-gradient(64rem 30rem at 82% 10%, rgba(171, 96, 255, 0.18), transparent 40%),
    radial-gradient(42rem 20rem at 70% 68%, rgba(76, 162, 255, 0.10), transparent 34%),
    linear-gradient(180deg, #090d20 0%, #0d1028 52%, #0b0f22 100%);
  --ui-sidebar-bg: rgba(10, 12, 26, 0.96);
  --ui-topbar-bg: rgba(10, 12, 26, 0.88);
  --ui-surface: linear-gradient(180deg, rgba(18, 17, 40, 0.98), rgba(14, 18, 44, 0.96));
  --ui-surface-2: rgba(24, 20, 52, 0.92);
  --ui-surface-3: rgba(21, 21, 46, 0.94);
  --ui-surface-soft: rgba(21, 21, 46, 0.82);
  --ui-border: rgba(168, 133, 255, 0.14);
  --ui-border-strong: rgba(168, 133, 255, 0.24);
  --ui-line: rgba(168, 133, 255, 0.08);
  --ui-text: #f5f1ff;
  --ui-text-2: #b0a8d9;
  --ui-text-3: #837dae;
  --ui-primary-1: #a966ff;
  --ui-primary-2: #6e6cff;
  --ui-primary-3: #57b4ff;
  --ui-success: #49d89a;
  --ui-danger: #ff6d90;
  --ui-warning: #ffcb6a;
  --ui-info: #7bc8ff;
  --ui-shadow-page: 0 18px 55px rgba(8, 7, 20, 0.46);
  --ui-shadow-soft: 0 10px 28px rgba(8, 7, 20, 0.30);
  --ui-shadow-card: 0 0 0 1px rgba(153, 110, 255, 0.18), 0 0 28px rgba(111, 108, 255, 0.12), 0 18px 48px rgba(8, 7, 20, 0.46);
  --ui-shadow-card-hover: 0 0 0 1px rgba(172, 118, 255, 0.22), 0 0 34px rgba(111, 108, 255, 0.16), 0 20px 52px rgba(8, 7, 20, 0.5);
  --ui-inner: inset 0 1px 0 rgba(255,255,255,0.05);
}

html[data-theme="obsidian"] {
  --ui-page:
    radial-gradient(56rem 20rem at 78% 14%, rgba(72, 160, 255, 0.07), transparent 34%),
    linear-gradient(180deg, #07080b 0%, #0b0d11 100%);
  --ui-sidebar-bg: rgba(7, 8, 11, 0.98);
  --ui-topbar-bg: rgba(7, 8, 11, 0.90);
  --ui-surface: linear-gradient(180deg, rgba(12, 14, 18, 0.99), rgba(11, 13, 17, 0.97));
  --ui-surface-2: rgba(16, 18, 22, 0.96);
  --ui-surface-3: rgba(14, 16, 20, 0.96);
  --ui-surface-soft: rgba(14, 16, 20, 0.86);
  --ui-border: rgba(255,255,255,0.06);
  --ui-border-strong: rgba(131, 175, 255, 0.14);
  --ui-line: rgba(255,255,255,0.05);
  --ui-text: #f1f4f8;
  --ui-text-2: #9aa3b2;
  --ui-text-3: #707888;
  --ui-primary-1: #67b4ff;
  --ui-primary-2: #5b73ff;
  --ui-primary-3: #89c7ff;
  --ui-success: #4dd79a;
  --ui-danger: #ff728f;
  --ui-warning: #f3c56a;
  --ui-info: #7bc8ff;
  --ui-shadow-page: 0 18px 55px rgba(0, 0, 0, 0.5);
  --ui-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.36);
  --ui-shadow-card: 0 0 0 1px rgba(255,255,255,0.05), 0 14px 38px rgba(0,0,0,0.46);
  --ui-shadow-card-hover: 0 0 0 1px rgba(131, 175, 255, 0.10), 0 18px 46px rgba(0,0,0,0.52);
}

/* Bigger logo, prefer /img/logo.webp with embedded fallback handled by browser if present */
.logo {
  min-height: 84px !important;
  padding: 14px 14px 12px !important;
}
.logo::before {
  width: min(220px, calc(100% - 4px)) !important;
  height: 54px !important;
  background-image: url("/img/logo.webp"), url("data:image/webp;base64,UklGRlJLAABXRUJQVlA4WAoAAAAwAAAA8wEAxwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADY=");
  background-position: left center, left center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: contain, contain !important;
  filter: drop-shadow(0 8px 18px rgba(14, 197, 255, 0.18)) drop-shadow(0 3px 10px rgba(111, 91, 255, 0.16));
}
html[data-theme="light"] .logo::before {
  filter: drop-shadow(0 12px 18px rgba(74, 108, 187, 0.14)) drop-shadow(0 1px 0 rgba(255,255,255,0.95));
}

/* Sidebar interaction: keep glass but reduce saturation on hover/active */
.nav-item {
  border-color: rgba(255,255,255,0.025) !important;
}
.nav-item:hover {
  background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.008)) !important;
  border-color: rgba(255,255,255,0.04) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 8px 18px rgba(0,0,0,0.12) !important;
}
.nav-item.active {
  background:
    linear-gradient(90deg, rgba(52, 179, 255, 0.08), rgba(112, 91, 255, 0.11)),
    linear-gradient(180deg, rgba(255,255,255,0.028), rgba(255,255,255,0.008)) !important;
  border-color: rgba(112, 166, 255, 0.16) !important;
  box-shadow:
    0 0 0 1px rgba(73, 162, 255, 0.08),
    0 10px 22px rgba(5, 11, 30, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
.nav-item.active::before {
  background: linear-gradient(180deg, rgba(103, 187, 255, 0.86), rgba(255,255,255,0.72)) !important;
  box-shadow: 0 0 10px rgba(73, 173, 255, 0.18) !important;
}
html[data-theme="light"] .nav-item.active {
  background:
    linear-gradient(90deg, rgba(48,168,255,.07), rgba(107,103,255,.06)),
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.80)) !important;
  box-shadow: 0 8px 16px rgba(121, 140, 180, 0.10), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

/* Theme chips slightly calmer */
.th-btn.active,
.th-btn:hover {
  background:
    linear-gradient(135deg, rgba(88, 168, 255, 0.10), rgba(116, 94, 255, 0.12)),
    linear-gradient(180deg, rgba(255,255,255,0.026), rgba(255,255,255,0.01)) !important;
  border-color: rgba(126, 153, 223, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 8px 16px rgba(5,11,30,0.12) !important;
}

/* Auto-factory final layout: fixed Yandex width + filler + visible search/run */
#view-auto-factory.active {
  display: grid !important;
  grid-template-columns: minmax(360px, 390px) minmax(420px, 560px) minmax(240px, 1fr) !important;
  grid-template-areas:
    "main yandex filler"
    "main search search"
    "main run run" !important;
  align-items: start;
  gap: 16px !important;
  padding: 14px 16px 20px 16px !important;
}
#view-auto-factory > #af-main-col {
  grid-area: main !important;
  grid-column: auto !important;
}
#view-auto-factory > .card.card-with-illus:nth-child(2) {
  grid-area: yandex !important;
  width: 100% !important;
  max-width: 560px !important;
  min-height: 126px !important;
  justify-self: start !important;
}
#view-auto-factory > .card.card-with-illus:nth-child(3) {
  grid-area: search !important;
  width: auto !important;
  max-width: none !important;
}
#view-auto-factory > .card.card-with-illus:nth-child(4) {
  grid-area: run !important;
  width: auto !important;
  max-width: none !important;
}
#view-auto-factory.active::after {
  content: "";
  grid-area: filler;
  min-height: 126px;
  border-radius: 22px;
  border: 1px solid var(--ui-border);
  background:
    linear-gradient(180deg, rgba(255,255,255,.016), rgba(255,255,255,.006)),
    var(--ui-surface);
  box-shadow: var(--ui-shadow-card), var(--ui-inner);
  opacity: .42;
  pointer-events: none;
}
#view-auto-factory > .card.card-with-illus:nth-child(2)::after,
#view-auto-factory.active::after {
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
#view-auto-factory #wm-accounts-list {
  max-width: 100%;
  padding-right: 0 !important;
}
@media (max-width: 1580px) {
  #view-auto-factory.active {
    grid-template-columns: minmax(340px, 390px) minmax(420px, 560px) !important;
    grid-template-areas:
      "main yandex"
      "main search"
      "main run" !important;
  }
  #view-auto-factory.active::after { display: none; }
}
@media (max-width: 1220px) {
  #view-auto-factory.active {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "main"
      "yandex"
      "search"
      "run" !important;
  }
}

/* Designs: larger visible preview + sticky right pane */
#view-designs > div[style*="grid-template-columns:1fr 1fr"] {
  grid-template-columns: minmax(0, 1fr) minmax(520px, 48%) !important;
  align-items: start !important;
}
#view-designs > div[style*="grid-template-columns:1fr 1fr"] > .card {
  position: sticky;
  top: 12px;
}
#design-preview-frame {
  height: calc(100vh - 180px) !important;
  min-height: 720px !important;
  max-height: none !important;
}
@media (max-width: 1480px) {
  #design-preview-frame {
    min-height: 620px !important;
    height: calc(100vh - 190px) !important;
  }
}
@media (max-width: 1220px) {
  #view-designs > div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  #view-designs > div[style*="grid-template-columns:1fr 1fr"] > .card {
    position: relative;
    top: auto;
  }
  #design-preview-frame {
    height: 74vh !important;
    min-height: 560px !important;
  }
}

/* Designs: restore broken Russian labels without touching HTML */
#view-designs > .sec-hdr > .sec-title {
  font-size: 0 !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
#view-designs > .sec-hdr > .sec-title::before {
  content: "Мои дизайны";
  font-size: 28px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--ui-text);
}
#view-designs > .sec-hdr > .sec-title #designs-count {
  font-size: 11px !important;
  color: #111 !important;
}
#view-designs > .sec-hdr button[onclick="openUploadCssModal()"],
#view-designs > .sec-hdr button[onclick="openAiDesignModal()"] {
  position: relative;
  font-size: 0 !important;
  overflow: hidden;
}
#view-designs > .sec-hdr button[onclick="openUploadCssModal()"]::after {
  content: "📥 Загрузить CSS";
  font-size: 13px;
  font-weight: 800;
}
#view-designs > .sec-hdr button[onclick="openAiDesignModal()"]::after {
  content: "➕ Загрузить";
  font-size: 13px;
  font-weight: 800;
}
#view-designs .card[card-with-illus] > div:first-child > div:first-child {
  font-size: 0 !important;
}
#view-designs .card[card-with-illus] > div:first-child > div:first-child::before {
  content: "Превью дизайна";
  font-size: 14px;
  font-weight: 700;
  color: var(--ui-text);
}
#preview-design-select option[value=""] {
  color: var(--ui-text-2);
}

/* Monitor segmented controls: keep compact glass feel from the good screenshot */
#view-monitor .btn[onclick^="setClickMode"],
#view-monitor .btn[onclick^="bulkClick"],
#view-monitor .btn[onclick^="filterPositions"] {
  min-width: auto !important;
  width: auto !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}
#view-monitor .btn[onclick^="bulkClick"] {
  justify-content: center !important;
}
#view-monitor .btn[onclick^="setClickMode"].btn-gold,
#view-monitor .btn[onclick^="bulkClick"].btn-gold,
#view-monitor .btn[onclick="checkSelectedProject()"].btn-gold {
  background:
    linear-gradient(135deg, rgba(88, 168, 255, 0.20), rgba(116, 94, 255, 0.22)),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 20px rgba(41, 59, 120, .12),
    0 0 0 1px rgba(98, 141, 255, 0.12) !important;
}

/* Light theme final readability */
html[data-theme="light"] {
  --ui-text-2: #60769f;
  --ui-text-3: #52698f;
}
html[data-theme="light"] .muted,
html[data-theme="light"] .hint,
html[data-theme="light"] .card-desc,
html[data-theme="light"] label,
html[data-theme="light"] th,
html[data-theme="light"] td,
html[data-theme="light"] .small,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  color: #4f6691 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.96);
}
html[data-theme="light"] .sec-title,
html[data-theme="light"] .topbar-title,
html[data-theme="light"] .card-title,
html[data-theme="light"] strong,
html[data-theme="light"] b {
  color: #203456 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.98);
}
html[data-theme="light"] .card,
html[data-theme="light"] .topbar,
html[data-theme="light"] .sidebar,
html[data-theme="light"] .api-status,
html[data-theme="light"] .theme-sw,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  box-shadow: 0 0 0 1px rgba(132, 151, 198, 0.12), 0 22px 46px rgba(121,140,180,.16), inset 0 1px 0 rgba(255,255,255,.98) !important;
}


/* === v5 final polish === */

/* Logo bigger and clearer */
.logo {
  min-height: 96px !important;
  padding: 14px 16px 12px !important;
}
.logo::before {
  width: 170px !important;
  height: 64px !important;
  max-width: calc(100% - 8px) !important;
  background-image: url("/img/logo.webp") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
}
html[data-theme="light"] .logo::before {
  filter:
    drop-shadow(0 10px 20px rgba(88, 120, 190, 0.16))
    drop-shadow(0 1px 0 rgba(255,255,255,0.96))
    saturate(1.02) !important;
}

/* Sidebar active state: calmer glass */
.nav-item:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.006)) !important;
  border-color: rgba(255,255,255,0.03) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.03),
    0 8px 18px rgba(0,0,0,0.10) !important;
}
.nav-item.active {
  background:
    linear-gradient(90deg, rgba(52,179,255,0.055), rgba(112,91,255,0.075)),
    linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.006)) !important;
  border-color: rgba(112,166,255,0.10) !important;
  box-shadow:
    0 0 0 1px rgba(73,162,255,0.05),
    0 10px 22px rgba(5, 11, 30, 0.14),
    inset 0 1px 0 rgba(255,255,255,0.045) !important;
}
.nav-item.active::before {
  opacity: .72 !important;
  box-shadow: 0 0 8px rgba(73,173,255,0.14) !important;
}
html[data-theme="light"] .nav-item.active {
  background:
    linear-gradient(90deg, rgba(48,168,255,.045), rgba(107,103,255,.04)),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.80)) !important;
  border-color: rgba(132, 151, 198, 0.12) !important;
  box-shadow:
    0 8px 14px rgba(121, 140, 180, 0.09),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

/* Theme chips: slightly deeper, less noisy */
.th-btn,
.theme-btn,
[data-theme-btn] {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.th-btn.active,
.th-btn:hover,
.theme-btn.active,
.theme-btn:hover,
[data-theme-btn].active,
[data-theme-btn]:hover {
  background:
    linear-gradient(135deg, rgba(88, 168, 255, 0.07), rgba(116, 94, 255, 0.09)),
    linear-gradient(180deg, rgba(255,255,255,0.022), rgba(255,255,255,0.008)) !important;
  border-color: rgba(126, 153, 223, 0.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.045),
    0 8px 14px rgba(5,11,30,0.10) !important;
}

/* Exact Auto Factory layout using real columns */
#view-auto-factory.active {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 14px 16px 20px 16px !important;
}
#af-main-col {
  flex: 0 0 380px !important;
  width: 380px !important;
  min-width: 380px !important;
  max-width: 380px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
#af-right-col {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
#af-right-col > * {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}
#af-right-col > .card,
#af-right-col > .card-with-illus {
  min-height: unset !important;
}
#af-right-col .card-with-illus::after {
  right: 22px !important;
  bottom: 0 !important;
  width: 170px !important;
  height: 128px !important;
  opacity: .78 !important;
}
#view-auto-factory #af-right-col > :is(.card, .card-with-illus):empty::before {
  content: "" !important;
  display: block;
  min-height: 120px !important;
}
#view-auto-factory #domains-found {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 10px !important;
}
#af-run-card,
#af-search-card,
#af-yandex-card {
  width: 100% !important;
}

/* Responsive fallback for auto factory */
@media (max-width: 1320px) {
  #view-auto-factory.active {
    flex-direction: column !important;
  }
  #af-main-col,
  #af-right-col {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important;
  }
}

/* Monitor segmented controls: keep premium glass */
#view-monitor .seg,
#view-monitor .seg-btn,
#view-monitor .chip-tab,
#view-monitor .filter-chip,
#view-monitor button[onclick*="Mode"],
#view-monitor button[onclick*="Group"],
#view-monitor button[onclick*="setKeywordType"],
#view-monitor button[onclick*="setMassMode"] {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.022), rgba(255,255,255,0.008)),
    linear-gradient(135deg, rgba(39,153,255,0.04), rgba(113,87,255,0.05)) !important;
  border: 1px solid rgba(132, 156, 215, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 10px 18px rgba(0,0,0,0.10) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
#view-monitor .seg.active,
#view-monitor .seg-btn.active,
#view-monitor .chip-tab.active,
#view-monitor .filter-chip.active,
#view-monitor button.active[onclick*="Mode"],
#view-monitor button.active[onclick*="Group"],
#view-monitor button.active[onclick*="setKeywordType"],
#view-monitor button.active[onclick*="setMassMode"] {
  background:
    linear-gradient(135deg, rgba(78, 130, 255, 0.28), rgba(116, 94, 255, 0.26)),
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.012)) !important;
  border-color: rgba(132, 156, 215, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 12px 20px rgba(15, 20, 45, 0.18) !important;
}

/* Designs preview: show more of iframe without extra scroll */
#design-preview-frame {
  height: calc(100vh - 150px) !important;
  min-height: 820px !important;
}
@media (max-width: 1480px) {
  #design-preview-frame {
    height: calc(100vh - 165px) !important;
    min-height: 720px !important;
  }
}

/* Light theme readability */
html[data-theme="light"] {
  --ui-text-2: #576d97;
  --ui-text-3: #7489b2;
}
html[data-theme="light"] body,
html[data-theme="light"] .card,
html[data-theme="light"] .sec-title,
html[data-theme="light"] .label,
html[data-theme="light"] .muted {
  text-shadow: 0 1px 0 rgba(255,255,255,0.60);
}
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .modal,
html[data-theme="light"] .input,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  box-shadow:
    0 16px 36px rgba(123, 142, 182, 0.12),
    inset 0 1px 0 rgba(255,255,255,0.94) !important;
}

/* New premium themes */
html[data-theme="violet"] {
  --ui-page:
    radial-gradient(70rem 34rem at 84% 8%, rgba(178, 93, 255, 0.20), transparent 40%),
    radial-gradient(44rem 22rem at 72% 64%, rgba(88, 160, 255, 0.10), transparent 34%),
    linear-gradient(180deg, #0a0d22 0%, #0f1230 52%, #0b1025 100%);
  --ui-sidebar-bg: rgba(9, 11, 30, 0.95);
  --ui-topbar-bg: rgba(10, 12, 28, 0.86);
  --ui-surface: linear-gradient(180deg, rgba(18, 20, 52, 0.97), rgba(13, 18, 44, 0.95));
  --ui-surface-2: rgba(21, 20, 54, 0.92);
  --ui-surface-3: rgba(20, 21, 48, 0.94);
  --ui-surface-soft: rgba(21, 21, 46, 0.82);
  --ui-border: rgba(175, 130, 255, 0.16);
  --ui-border-strong: rgba(175, 130, 255, 0.24);
  --ui-line: rgba(175, 130, 255, 0.08);
  --ui-text: #f7f1ff;
  --ui-text-2: #b8addd;
  --ui-text-3: #8d83b6;
  --ui-primary-1: #b05fff;
  --ui-primary-2: #7a64ff;
  --ui-primary-3: #57b9ff;
  --ui-success: #49db9f;
  --ui-danger: #ff7398;
  --ui-warning: #ffca67;
  --ui-info: #85ccff;
  --ui-shadow-page: 0 18px 55px rgba(8, 7, 20, 0.48);
  --ui-shadow-soft: 0 10px 28px rgba(8, 7, 20, 0.30);
  --ui-shadow-card: 0 0 0 1px rgba(176, 112, 255, 0.16), 0 0 30px rgba(122, 100, 255, 0.12), 0 18px 48px rgba(8, 7, 20, 0.48);
  --ui-shadow-card-hover: 0 0 0 1px rgba(176, 112, 255, 0.22), 0 0 34px rgba(122, 100, 255, 0.16), 0 20px 56px rgba(8, 7, 20, 0.52);
}
html[data-theme="obsidian"] {
  --ui-page:
    radial-gradient(56rem 20rem at 78% 14%, rgba(73, 173, 255, 0.06), transparent 34%),
    linear-gradient(180deg, #06070a 0%, #0a0c10 100%);
  --ui-sidebar-bg: rgba(6, 7, 10, 0.985);
  --ui-topbar-bg: rgba(8, 9, 12, 0.90);
  --ui-surface: linear-gradient(180deg, rgba(11, 13, 18, 0.995), rgba(10, 12, 16, 0.98));
  --ui-surface-2: rgba(14, 16, 21, 0.96);
  --ui-surface-3: rgba(12, 14, 19, 0.96);
  --ui-surface-soft: rgba(12, 14, 19, 0.86);
  --ui-border: rgba(255,255,255,0.055);
  --ui-border-strong: rgba(131, 175, 255, 0.12);
  --ui-line: rgba(255,255,255,0.045);
  --ui-text: #f2f5f8;
  --ui-text-2: #98a2b3;
  --ui-text-3: #6f7888;
  --ui-primary-1: #73baff;
  --ui-primary-2: #5d78ff;
  --ui-primary-3: #8fd0ff;
  --ui-success: #51d89c;
  --ui-danger: #ff7792;
  --ui-warning: #f3c86a;
  --ui-info: #8ad1ff;
  --ui-shadow-page: 0 18px 55px rgba(0, 0, 0, 0.56);
  --ui-shadow-soft: 0 10px 28px rgba(0, 0, 0, 0.40);
  --ui-shadow-card: 0 0 0 1px rgba(255,255,255,0.04), 0 16px 42px rgba(0,0,0,0.48);
  --ui-shadow-card-hover: 0 0 0 1px rgba(131, 175, 255, 0.08), 0 20px 48px rgba(0,0,0,0.54);
}

/* Optional future theme chips if buttons are added later */
.th-btn[data-theme="violet"],
.theme-btn[data-theme="violet"],
[data-theme-btn="violet"] {}
.th-btn[data-theme="obsidian"],
.theme-btn[data-theme="obsidian"],
[data-theme-btn="obsidian"] {}


/* === v6 final ultra polish === */

/* Remove violet from the visible switcher, keep obsidian */
#th-violet,
.theme-btn[data-theme="violet"],
.th-btn[data-theme="violet"],
[data-theme-btn="violet"] {
  display: none !important;
}
.theme-sw {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 10px 0 4px !important;
  align-items: stretch !important;
}
.theme-sw > * {
  min-width: 0 !important;
  width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Sidebar glass polish: calmer active color than v5 */
.nav-item:hover {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.014), rgba(255,255,255,0.004)) !important;
  border-color: rgba(255,255,255,0.022) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.024),
    0 8px 14px rgba(0,0,0,0.08) !important;
}
.nav-item.active {
  background:
    linear-gradient(90deg, rgba(52,179,255,0.035), rgba(112,91,255,0.05)),
    linear-gradient(180deg, rgba(255,255,255,0.014), rgba(255,255,255,0.004)) !important;
  border-color: rgba(112,166,255,0.07) !important;
  box-shadow:
    0 0 0 1px rgba(73,162,255,0.04),
    0 10px 18px rgba(5, 11, 30, 0.11),
    inset 0 1px 0 rgba(255,255,255,0.034) !important;
}
.nav-item.active::before {
  opacity: .58 !important;
  box-shadow: 0 0 7px rgba(73,173,255,0.10) !important;
}
html[data-theme="light"] .nav-item.active {
  background:
    linear-gradient(90deg, rgba(48,168,255,.035), rgba(107,103,255,.03)),
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.84)) !important;
  border-color: rgba(132, 151, 198, 0.10) !important;
  box-shadow:
    0 10px 16px rgba(121, 140, 180, 0.08),
    inset 0 1px 0 rgba(255,255,255,.98) !important;
}

/* Aqua: closer to premium reference with stronger large-card glow and more air */
html[data-theme="aqua"] {
  --ui-page:
    radial-gradient(82rem 34rem at 76% 6%, rgba(151, 94, 255, 0.18), transparent 40%),
    radial-gradient(56rem 24rem at 64% 66%, rgba(38, 190, 255, 0.10), transparent 36%),
    linear-gradient(180deg, #05101f 0%, #071224 46%, #071426 100%);
  --ui-shadow-card: 0 0 0 1px rgba(56, 196, 255, 0.20), 0 0 34px rgba(125, 86, 255, 0.12), 0 22px 58px rgba(2, 9, 26, 0.46);
  --ui-shadow-card-hover: 0 0 0 1px rgba(56, 196, 255, 0.24), 0 0 38px rgba(125, 86, 255, 0.16), 0 24px 64px rgba(2, 9, 26, 0.50);
}
html[data-theme="aqua"] #view-auto-factory :is(.card, .card-with-illus),
html[data-theme="aqua"] #view-monitor .card,
html[data-theme="aqua"] #view-dashboard .card,
html[data-theme="aqua"] #view-designs .card {
  box-shadow: var(--ui-shadow-card) !important;
}
html[data-theme="aqua"] #view-auto-factory :is(.card, .card-with-illus) {
  padding: 24px !important;
}
html[data-theme="aqua"] #view-auto-factory.active::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(32rem 12rem at 72% 8%, rgba(156, 99, 255, 0.10), transparent 46%),
    radial-gradient(28rem 10rem at 64% 72%, rgba(45, 182, 255, 0.05), transparent 44%);
}

/* Obsidian: make it a full premium theme rather than a stub */
html[data-theme="obsidian"] {
  --ui-page:
    radial-gradient(52rem 20rem at 78% 12%, rgba(86, 126, 255, 0.06), transparent 36%),
    linear-gradient(180deg, #06080c 0%, #090c12 100%);
  --ui-sidebar-bg: rgba(7, 9, 12, 0.985);
  --ui-topbar-bg: rgba(8, 10, 14, 0.92);
  --ui-surface: linear-gradient(180deg, rgba(12, 14, 19, 0.995), rgba(11, 13, 18, 0.98));
  --ui-surface-2: rgba(16, 18, 23, 0.96);
  --ui-surface-3: rgba(14, 16, 21, 0.96);
  --ui-surface-soft: rgba(14, 16, 21, 0.88);
  --ui-border: rgba(255,255,255,0.05);
  --ui-border-strong: rgba(111, 181, 255, 0.14);
  --ui-line: rgba(255,255,255,0.04);
  --ui-text: #f3f6fa;
  --ui-text-2: #99a6b9;
  --ui-text-3: #748091;
  --ui-primary-1: #5fc8ff;
  --ui-primary-2: #5b73ff;
  --ui-primary-3: #8acfff;
  --ui-success: #4ed79b;
  --ui-danger: #ff748e;
  --ui-warning: #f1c86a;
  --ui-info: #7ccfff;
  --ui-shadow-card: 0 0 0 1px rgba(255,255,255,0.045), 0 0 24px rgba(77, 120, 255, 0.04), 0 18px 46px rgba(0,0,0,0.52);
  --ui-shadow-card-hover: 0 0 0 1px rgba(111, 181, 255, 0.10), 0 0 28px rgba(77, 120, 255, 0.08), 0 22px 54px rgba(0,0,0,0.56);
}
html[data-theme="obsidian"] .card,
html[data-theme="obsidian"] .modal,
html[data-theme="obsidian"] .stat,
html[data-theme="obsidian"] .table-wrap,
html[data-theme="obsidian"] .topbar,
html[data-theme="obsidian"] .sidebar {
  box-shadow: var(--ui-shadow-card) !important;
}
html[data-theme="obsidian"] .nav-item.active {
  background:
    linear-gradient(90deg, rgba(79, 179, 255, 0.035), rgba(91,115,255,0.05)),
    linear-gradient(180deg, rgba(255,255,255,0.016), rgba(255,255,255,0.004)) !important;
  border-color: rgba(111,181,255,0.08) !important;
  box-shadow:
    0 0 0 1px rgba(111,181,255,0.05),
    0 12px 24px rgba(0,0,0,0.24),
    inset 0 1px 0 rgba(255,255,255,0.03) !important;
}
html[data-theme="obsidian"] .btn-gold,
html[data-theme="obsidian"] .btn-primary {
  background: linear-gradient(135deg, rgba(87, 175, 255, 0.92), rgba(87, 115, 255, 0.94)) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 24px rgba(48, 84, 180, 0.24) !important;
}

/* Auto factory: enforce real 2-column structure and make right column visible */
#view-auto-factory.active {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  overflow: auto !important;
  position: relative !important;
}
#af-main-col {
  flex: 0 0 380px !important;
  width: 380px !important;
  min-width: 380px !important;
  max-width: 380px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-self: flex-start !important;
}
#af-right-col {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-self: flex-start !important;
  overflow: visible !important;
}
#af-right-col > :is(.card, .card-with-illus, #af-yandex-card, #af-search-card, #af-run-card) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
}
#af-right-col > :nth-child(1) { order: 1 !important; }
#af-right-col > :nth-child(2) { order: 2 !important; }
#af-right-col > :nth-child(3) { order: 3 !important; }
#af-search-card,
#af-run-card,
#af-right-col > :nth-child(2),
#af-right-col > :nth-child(3) {
  min-height: 0 !important;
}
#af-right-col .card-with-illus::after {
  right: 22px !important;
  bottom: 0 !important;
  width: 170px !important;
  height: 128px !important;
  opacity: .78 !important;
}
#view-auto-factory #domains-found {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 10px !important;
}
#view-auto-factory .card,
#view-auto-factory .card-with-illus {
  overflow: visible !important;
}

/* Fallback for old DOM: if search/run are still siblings after the right column, keep them visible */
#view-auto-factory.active > #af-main-col + .card,
#view-auto-factory.active > #af-main-col + .card + .card,
#view-auto-factory.active > #af-main-col + .card + .card + .card,
#view-auto-factory.active > #af-main-col + .card-with-illus,
#view-auto-factory.active > #af-main-col + .card-with-illus + .card-with-illus,
#view-auto-factory.active > #af-main-col + .card-with-illus + .card-with-illus + .card-with-illus {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Designs: richer preview panel framing */
#view-designs > div[style*="grid-template-columns:1fr 1fr"] > .card {
  position: sticky !important;
  top: 12px !important;
  border: 1px solid transparent !important;
  background:
    linear-gradient(var(--ui-surface), var(--ui-surface)) padding-box,
    linear-gradient(135deg, rgba(51, 182, 255, 0.18), rgba(125, 86, 255, 0.18)) border-box !important;
  box-shadow:
    var(--ui-shadow-card),
    0 0 28px rgba(91, 104, 255, 0.08) !important;
  overflow: hidden !important;
}
#view-designs > div[style*="grid-template-columns:1fr 1fr"] > .card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(24rem 10rem at 78% 18%, rgba(93, 180, 255, 0.05), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,0.03), transparent 28%);
}
#design-preview-frame {
  border-radius: 16px !important;
  border: 1px solid rgba(120, 145, 220, 0.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 18px 36px rgba(4, 10, 30, 0.18) !important;
  height: calc(100vh - 138px) !important;
  min-height: 860px !important;
}
@media (max-width: 1480px) {
  #design-preview-frame {
    height: calc(100vh - 156px) !important;
    min-height: 740px !important;
  }
}

/* Light: a little more depth */
html[data-theme="light"] {
  --ui-shadow-card: 0 0 0 1px rgba(132, 151, 198, 0.10), 0 18px 44px rgba(114, 134, 176, 0.18);
  --ui-shadow-card-hover: 0 0 0 1px rgba(132, 151, 198, 0.14), 0 20px 48px rgba(114, 134, 176, 0.22);
}
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .modal,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  box-shadow:
    0 18px 42px rgba(117, 136, 176, 0.16),
    inset 0 1px 0 rgba(255,255,255,0.98) !important;
}

/* Keep glass readable when switcher wraps */
html[data-theme="glass"] .theme-sw,
html[data-theme="aqua"] .theme-sw,
html[data-theme="onyx"] .theme-sw,
html[data-theme="obsidian"] .theme-sw {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
}


/* === v7 emergency polish + auto-factory restore === */

/* Kill any leftover light backgrounds when switching to dark themes */
html[data-theme="aqua"],
html[data-theme="glass"],
html[data-theme="onyx"],
html[data-theme="obsidian"] {
  background: var(--ui-page) !important;
}
html[data-theme="aqua"] body,
html[data-theme="glass"] body,
html[data-theme="onyx"] body,
html[data-theme="obsidian"] body,
html[data-theme="aqua"] .app,
html[data-theme="glass"] .app,
html[data-theme="onyx"] .app,
html[data-theme="obsidian"] .app,
html[data-theme="aqua"] .main,
html[data-theme="glass"] .main,
html[data-theme="onyx"] .main,
html[data-theme="obsidian"] .main,
html[data-theme="aqua"] .content,
html[data-theme="glass"] .content,
html[data-theme="onyx"] .content,
html[data-theme="obsidian"] .content,
html[data-theme="aqua"] .view,
html[data-theme="glass"] .view,
html[data-theme="onyx"] .view,
html[data-theme="obsidian"] .view {
  background: transparent !important;
}

/* Make Aqua closer to Obsidian but with cyan-violet premium glow */
html[data-theme="aqua"] {
  --ui-page:
    radial-gradient(60rem 24rem at 78% 8%, rgba(110, 88, 255, 0.12), transparent 38%),
    radial-gradient(42rem 16rem at 68% 70%, rgba(40, 185, 255, 0.08), transparent 34%),
    linear-gradient(180deg, #060b12 0%, #08101a 44%, #07111c 100%);
  --ui-sidebar-bg: rgba(7, 11, 18, 0.96);
  --ui-topbar-bg: rgba(7, 12, 20, 0.90);
  --ui-surface: linear-gradient(180deg, rgba(11, 16, 26, 0.96), rgba(9, 14, 23, 0.98));
  --ui-surface-2: rgba(13, 18, 29, 0.88);
  --ui-surface-3: rgba(14, 20, 32, 0.92);
  --ui-surface-soft: rgba(13, 19, 31, 0.74);
  --ui-border: rgba(70, 173, 255, 0.11);
  --ui-border-strong: rgba(105, 120, 255, 0.18);
  --ui-line: rgba(108, 161, 255, 0.06);
  --ui-text: #eef5fb;
  --ui-text-2: #9aaac0;
  --ui-text-3: #74839a;
  --ui-primary-1: #4dbfff;
  --ui-primary-2: #6b7cff;
  --ui-primary-3: #86d4ff;
  --ui-shadow-card: 0 0 0 1px rgba(63, 179, 255, 0.11), 0 0 24px rgba(103, 102, 255, 0.06), 0 18px 46px rgba(0,0,0,0.46);
  --ui-shadow-card-hover: 0 0 0 1px rgba(63, 179, 255, 0.14), 0 0 28px rgba(103, 102, 255, 0.09), 0 22px 52px rgba(0,0,0,0.50);
}
html[data-theme="aqua"] .card,
html[data-theme="aqua"] .card-with-illus,
html[data-theme="aqua"] .stat-card,
html[data-theme="aqua"] .tbl-wrap,
html[data-theme="aqua"] .chat-panel,
html[data-theme="aqua"] .modal {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0.006)),
    var(--ui-surface) !important;
  border-color: var(--ui-border) !important;
  box-shadow: var(--ui-shadow-card), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

/* Make Glass premium matte/frosted instead of messy */
html[data-theme="glass"] {
  --ui-page:
    radial-gradient(58rem 26rem at 78% 10%, rgba(115, 100, 255, 0.16), transparent 40%),
    radial-gradient(38rem 16rem at 70% 76%, rgba(54, 173, 255, 0.08), transparent 34%),
    linear-gradient(180deg, #060a14 0%, #0a1020 46%, #07101a 100%);
  --ui-sidebar-bg: rgba(10, 14, 24, 0.74);
  --ui-topbar-bg: rgba(10, 14, 22, 0.72);
  --ui-surface: linear-gradient(180deg, rgba(14, 18, 30, 0.64), rgba(12, 16, 27, 0.58));
  --ui-surface-2: rgba(15, 20, 32, 0.54);
  --ui-surface-3: rgba(15, 20, 32, 0.62);
  --ui-surface-soft: rgba(15, 20, 32, 0.42);
  --ui-border: rgba(170, 188, 255, 0.10);
  --ui-border-strong: rgba(142, 157, 255, 0.18);
  --ui-line: rgba(255,255,255,0.06);
  --ui-text: #eef4fb;
  --ui-text-2: #a2afc6;
  --ui-text-3: #7c8ba3;
  --ui-primary-1: #67bfff;
  --ui-primary-2: #7b6dff;
  --ui-primary-3: #9fd4ff;
  --ui-shadow-card: 0 0 0 1px rgba(188, 198, 255, 0.10), 0 0 22px rgba(112, 100, 255, 0.07), 0 18px 46px rgba(0,0,0,0.40);
  --ui-shadow-card-hover: 0 0 0 1px rgba(188, 198, 255, 0.13), 0 0 28px rgba(112, 100, 255, 0.10), 0 22px 54px rgba(0,0,0,0.44);
}
html[data-theme="glass"] .sidebar,
html[data-theme="glass"] .topbar,
html[data-theme="glass"] .card,
html[data-theme="glass"] .card-with-illus,
html[data-theme="glass"] .stat-card,
html[data-theme="glass"] .tbl-wrap,
html[data-theme="glass"] .chat-panel,
html[data-theme="glass"] .modal {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.028), rgba(255,255,255,0.010)),
    var(--ui-surface) !important;
  border-color: var(--ui-border) !important;
  box-shadow: var(--ui-shadow-card), inset 0 1px 0 rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(18px) saturate(112%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(112%) !important;
}
html[data-theme="glass"] .nav-item.active,
html[data-theme="aqua"] .nav-item.active {
  background:
    linear-gradient(90deg, rgba(63, 179, 255, 0.06), rgba(108, 102, 255, 0.08)),
    linear-gradient(180deg, rgba(255,255,255,0.016), rgba(255,255,255,0.004)) !important;
  border-color: rgba(103, 153, 255, 0.08) !important;
  box-shadow: 0 0 0 1px rgba(103, 153, 255, 0.05), 0 12px 24px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

/* Obsidian: keep as reference-quality and ensure dark containers after light */
html[data-theme="obsidian"] {
  --ui-page:
    radial-gradient(46rem 18rem at 78% 12%, rgba(86, 126, 255, 0.05), transparent 34%),
    linear-gradient(180deg, #05070a 0%, #090c11 100%);
}
html[data-theme="obsidian"] .sidebar,
html[data-theme="obsidian"] .topbar,
html[data-theme="obsidian"] .card,
html[data-theme="obsidian"] .card-with-illus,
html[data-theme="obsidian"] .stat-card,
html[data-theme="obsidian"] .tbl-wrap,
html[data-theme="obsidian"] .chat-panel,
html[data-theme="obsidian"] .modal,
html[data-theme="obsidian"] .content,
html[data-theme="obsidian"] .main,
html[data-theme="obsidian"] .view {
  background-color: transparent !important;
}

/* Theme switcher: 2 columns, no disappearing glass chip */
.theme-sw,
#theme-switcher,
.theme-switcher {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}
.theme-sw > *,
#theme-switcher > *,
.theme-switcher > * {
  min-width: 0 !important;
  width: 100% !important;
}
#th-violet,
.theme-btn[data-theme="violet"],
.th-btn[data-theme="violet"],
[data-theme-btn="violet"] { display: none !important; }

/* Restore Auto Factory with the REAL two-column structure */
#view-auto-factory.active {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 16px 18px 26px !important;
  overflow: auto !important;
  position: relative !important;
}
#view-auto-factory.active::before,
#view-auto-factory.active::after { display: none !important; content: none !important; }
#view-auto-factory.active > * {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#af-main-col {
  flex: 0 0 380px !important;
  width: 380px !important;
  min-width: 380px !important;
  max-width: 380px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-self: flex-start !important;
}
#af-right-col {
  flex: 1 1 auto !important;
  min-width: 420px !important;
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-self: flex-start !important;
  overflow: visible !important;
}
#af-main-col > *,
#af-right-col > *,
#af-yandex-card,
#af-search-card,
#af-run-card {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}
#view-auto-factory .card,
#view-auto-factory .card-with-illus {
  overflow: visible !important;
}
#view-auto-factory #domains-found {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 10px !important;
}
#view-auto-factory [style*="display:none"],
#view-auto-factory [hidden] {
  display: block !important;
}
/* In case search/run cards ended up outside af-right-col in the live DOM */
#view-auto-factory.active > #af-yandex-card,
#view-auto-factory.active > #af-search-card,
#view-auto-factory.active > #af-run-card {
  margin-left: 0 !important;
}
/* Decorative right illustrations toned down and matte */
#af-right-col .card-with-illus::after,
#af-yandex-card::after,
#af-search-card::after {
  right: 18px !important;
  bottom: 2px !important;
  width: 156px !important;
  height: 118px !important;
  opacity: .48 !important;
  filter: saturate(.75) blur(.2px) !important;
}
@media (max-width: 1280px) {
  #view-auto-factory.active {
    flex-direction: column !important;
  }
  #af-main-col,
  #af-right-col {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important;
  }
}

/* Monitor panels: keep the good obsidian-like look for Aqua and Glass too */
html[data-theme="aqua"] #view-monitor .card,
html[data-theme="glass"] #view-monitor .card,
html[data-theme="obsidian"] #view-monitor .card {
  box-shadow: var(--ui-shadow-card) !important;
}

/* Light mode: slightly deeper shadows */
html[data-theme="light"] {
  --ui-shadow-card: 0 0 0 1px rgba(132, 151, 198, 0.10), 0 18px 44px rgba(114, 134, 176, 0.20);
  --ui-shadow-card-hover: 0 0 0 1px rgba(132, 151, 198, 0.14), 0 22px 52px rgba(114, 134, 176, 0.24);
}


/* === v8 AUTO-FACTORY ROLLBACK FROM WORKING V5 === */
/* User requested restoring Auto Factory from earlier working version. */
#view-auto-factory.active {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 14px 16px 20px 16px !important;
  overflow: auto !important;
  position: relative !important;
}
#view-auto-factory.active::before,
#view-auto-factory.active::after {
  display: none !important;
  content: none !important;
}
#view-auto-factory.active > * {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#af-main-col {
  flex: 0 0 380px !important;
  width: 380px !important;
  min-width: 380px !important;
  max-width: 380px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-self: flex-start !important;
}
#af-right-col {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  align-self: flex-start !important;
  overflow: visible !important;
}
#af-main-col > *,
#af-right-col > *,
#af-yandex-card,
#af-search-card,
#af-run-card {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}
#af-right-col > .card,
#af-right-col > .card-with-illus {
  min-height: unset !important;
}
#view-auto-factory .card,
#view-auto-factory .card-with-illus {
  overflow: visible !important;
}
#af-right-col .card-with-illus::after,
#af-yandex-card::after,
#af-search-card::after {
  right: 22px !important;
  bottom: 0 !important;
  width: 170px !important;
  height: 128px !important;
  opacity: .78 !important;
}
#view-auto-factory #af-right-col > :is(.card, .card-with-illus):empty::before {
  content: "" !important;
  display: block !important;
  min-height: 120px !important;
}
#view-auto-factory #domains-found {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  gap: 10px !important;
}
/* If some old inline style still hides cards, force them back only inside AF columns. */
#af-main-col [style*="display:none"],
#af-right-col [style*="display:none"],
#af-main-col [hidden],
#af-right-col [hidden] {
  display: block !important;
}
@media (max-width: 1320px) {
  #view-auto-factory.active {
    flex-direction: column !important;
  }
  #af-main-col,
  #af-right-col {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 1 1 auto !important;
  }
}