/* =====================================================================
   BOOST-TOP — rang palitralari (Океан, Изумруд, Фиолет, Красный, Оранж)
   Har bir palitra kun (light) va tun (dark) rejimi uchun alohida.
   Tanlov localStorage 'boost_palette' da saqlanadi (bt-skin.js).
   ===================================================================== */

/* ---------- OCEAN (ko'k) — standart ---------- */
:root, :root[data-palette="ocean"] {
  --boost-accent: #2563eb; --boost-accent-dark: #1d4ed8; --boost-blue: #2563eb;
  --bt-accent-light: #60a5fa; --bt-accent-rgb: 37, 99, 235; --bt-accent-light-rgb: 96, 165, 250;
  --bt-accent-soft: #eff6ff; --bt-accent-soft-border: #bfdbfe;
}
:root[data-theme="dark"], :root[data-theme="dark"][data-palette="ocean"] {
  --boost-accent: #3b82f6; --boost-accent-dark: #2563eb; --boost-blue: #3b82f6;
  --bt-accent-light: #93c5fd; --bt-accent-rgb: 59, 130, 246; --bt-accent-light-rgb: 147, 197, 253;
  --bt-accent-soft: rgba(59, 130, 246, .14); --bt-accent-soft-border: rgba(59, 130, 246, .38);
}

/* ---------- EMERALD (yashil) ---------- */
:root[data-palette="emerald"] {
  --boost-accent: #059669; --boost-accent-dark: #047857; --boost-blue: #059669;
  --bt-accent-light: #34d399; --bt-accent-rgb: 5, 150, 105; --bt-accent-light-rgb: 52, 211, 153;
  --bt-accent-soft: #ecfdf5; --bt-accent-soft-border: #a7f3d0;
}
:root[data-theme="dark"][data-palette="emerald"] {
  --boost-accent: #10b981; --boost-accent-dark: #059669; --boost-blue: #10b981;
  --bt-accent-light: #6ee7b7; --bt-accent-rgb: 16, 185, 129; --bt-accent-light-rgb: 110, 231, 183;
  --bt-accent-soft: rgba(16, 185, 129, .14); --bt-accent-soft-border: rgba(16, 185, 129, .38);
}

/* ---------- VIOLET (binafsha) ---------- */
:root[data-palette="violet"] {
  --boost-accent: #7c3aed; --boost-accent-dark: #6d28d9; --boost-blue: #7c3aed;
  --bt-accent-light: #a78bfa; --bt-accent-rgb: 124, 58, 237; --bt-accent-light-rgb: 167, 139, 250;
  --bt-accent-soft: #f5f3ff; --bt-accent-soft-border: #ddd6fe;
}
:root[data-theme="dark"][data-palette="violet"] {
  --boost-accent: #8b5cf6; --boost-accent-dark: #7c3aed; --boost-blue: #8b5cf6;
  --bt-accent-light: #c4b5fd; --bt-accent-rgb: 139, 92, 246; --bt-accent-light-rgb: 196, 181, 253;
  --bt-accent-soft: rgba(139, 92, 246, .16); --bt-accent-soft-border: rgba(139, 92, 246, .40);
}

/* ---------- CRIMSON (qizil) ---------- */
:root[data-palette="crimson"] {
  --boost-accent: #dc2626; --boost-accent-dark: #b91c1c; --boost-blue: #dc2626;
  --bt-accent-light: #f87171; --bt-accent-rgb: 220, 38, 38; --bt-accent-light-rgb: 248, 113, 113;
  --bt-accent-soft: #fef2f2; --bt-accent-soft-border: #fecaca;
}
:root[data-theme="dark"][data-palette="crimson"] {
  --boost-accent: #ef4444; --boost-accent-dark: #dc2626; --boost-blue: #ef4444;
  --bt-accent-light: #fca5a5; --bt-accent-rgb: 239, 68, 68; --bt-accent-light-rgb: 252, 165, 165;
  --bt-accent-soft: rgba(239, 68, 68, .14); --bt-accent-soft-border: rgba(239, 68, 68, .38);
}

/* ---------- ORANGE (asl brend rangi) ---------- */
:root[data-palette="orange"] {
  --boost-accent: #ff6b00; --boost-accent-dark: #d95d00; --boost-blue: #ff6b00;
  --bt-accent-light: #ffb066; --bt-accent-rgb: 255, 107, 0; --bt-accent-light-rgb: 255, 138, 61;
  --bt-accent-soft: #fff7ed; --bt-accent-soft-border: #fed7aa;
}
:root[data-theme="dark"][data-palette="orange"] {
  --boost-accent: #ff8a3d; --boost-accent-dark: #ff7a1f; --boost-blue: #ff8a3d;
  --bt-accent-light: #ffb066; --bt-accent-rgb: 255, 138, 61; --bt-accent-light-rgb: 255, 176, 102;
  --bt-accent-soft: rgba(255, 138, 61, .14); --bt-accent-soft-border: rgba(255, 138, 61, .38);
}

/* ---------- Tun rejimi: yumshoqroq, "qop-qora" emas ---------- */
:root[data-theme="dark"] {
  --boost-bg: #0f1420; --boost-surface: #171d2b; --boost-surface-soft: #131a28;
  --boost-text: #f1f4f9; --boost-muted: #a3acbd; --boost-line: #2a3347;
}

/* ---------- Rang tanlagich (bt-skin.js qo'shadi) ---------- */
.bt-palette {
  display: inline-flex; align-items: center; gap: 2px; padding: 3px;
  border: 1px solid var(--boost-line); border-radius: 999px; background: var(--boost-surface);
  vertical-align: middle; flex: none;
}
.bt-palette button {
  width: 30px; height: 30px; padding: 0; border: 0; background: transparent; border-radius: 999px;
  display: inline-grid; place-items: center; cursor: pointer;
}
.bt-palette button span {
  width: 18px; height: 18px; border-radius: 999px; display: block;
  box-shadow: 0 0 0 2px var(--boost-surface), 0 0 0 3px transparent; transition: box-shadow .15s, transform .15s;
}
.bt-palette button:hover span { transform: scale(1.12); }
.bt-palette button[aria-pressed="true"] span { box-shadow: 0 0 0 2px var(--boost-surface), 0 0 0 4px var(--boost-text); }
.bt-palette button:focus-visible { outline: 2px solid var(--boost-accent); outline-offset: 1px; }
.tm-headerbar .bt-palette { margin-right: 8px; }
@media (max-width: 900px) {
  .bt-palette button { width: 28px; height: 28px; }
  .bt-palette button span { width: 16px; height: 16px; }
}
@media (max-width: 420px) {
  .tm-headerbar .bt-palette { margin-right: 4px; }
  .bt-palette button { width: 24px; height: 24px; }
  .bt-palette button span { width: 14px; height: 14px; }
}

/* ---------- Rang tanlagich: bitta tugma + ochiladigan menyu ---------- */
.bt-palette { position: relative; padding: 0 !important; border: 0 !important; background: transparent !important; }
.bt-palette .bt-pal-cur {
  width: auto !important; height: 40px !important; padding: 0 10px !important; display: inline-flex !important; align-items: center; gap: 6px;
  border: 1px solid var(--boost-line) !important; background: var(--boost-surface-soft) !important; color: var(--boost-muted); cursor: pointer;
}
.bt-palette .bt-pal-cur span { width: 18px !important; height: 18px !important; box-shadow: none !important; }
.bt-palette .bt-pal-menu {
  display: none; position: absolute; top: calc(100% + 6px); left: 0; z-index: 1000; min-width: 170px;
  padding: 6px; background: var(--boost-surface); border: 1px solid var(--boost-line); box-shadow: 0 12px 30px rgba(15,23,42,.18);
  flex-direction: column; gap: 2px;
}
.bt-palette.open .bt-pal-menu { display: flex; }
.bt-palette .bt-pal-menu button {
  width: 100% !important; height: 38px !important; display: flex !important; align-items: center; gap: 10px; padding: 0 10px !important;
  background: transparent !important; border: 0 !important; color: var(--boost-text); font: 600 14px/1 var(--bt-body, 'Segoe UI', sans-serif); text-align: left; cursor: pointer;
}
.bt-palette .bt-pal-menu button:hover { background: var(--boost-surface-soft) !important; }
.bt-palette .bt-pal-menu button em { font-style: normal; }
.bt-palette .bt-pal-menu button span { width: 18px !important; height: 18px !important; flex: none; }
.bt-palette .bt-pal-menu button[aria-pressed="true"] { background: var(--bt-accent-soft) !important; color: var(--boost-accent); }
.bt-palette .bt-pal-menu button[aria-pressed="true"] span { box-shadow: 0 0 0 2px var(--boost-surface), 0 0 0 3px currentColor !important; }
@media (max-width: 900px) { .bt-palette .bt-pal-menu { left: auto; right: 0; } .bt-palette .bt-pal-cur { height: 38px !important; padding: 0 8px !important; } }

/* Rang almashganda silliq o'tish */
html.bt-anim, html.bt-anim * { transition: background-color .25s ease, border-color .25s ease, color .25s ease !important; }