/* ═══ THEME DROPDOWN ═══ */
.theme-dropdown-wrap { position:relative; }

/* Кнопка темы и кабинета — единый стиль с topbar-item */
.theme-toggle-btn,
.topbar-profile-btn {
  display:flex; align-items:center; gap:6px;
  padding:6px 12px; border-radius:7px; border:none;
  background:transparent; color:var(--dim);
  font-size:12px; font-weight:500; cursor:pointer;
  transition:background .12s, color .12s;
  white-space:nowrap; text-decoration:none; font-family:inherit;
}
.theme-toggle-btn:hover,
.topbar-profile-btn:hover { background:var(--input); color:var(--text); }
.theme-toggle-btn.open    { background:rgba(108,142,191,.12); color:var(--text); }

/* Выпадающий список тем */
.theme-dropdown {
  position:fixed;           /* fixed чтобы не клиппировался overflow родителя */
  top:50px; right:12px;    /* будет переопределено через JS */
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px; width:260px; max-height:72vh;
  overflow-y:auto; z-index:99999;
  box-shadow:0 16px 48px rgba(0,0,0,.75);
  padding:6px; display:none;
  scrollbar-width:thin; scrollbar-color:var(--accent) transparent;
}
.theme-dropdown::-webkit-scrollbar { width:4px; }
.theme-dropdown::-webkit-scrollbar-track { background:transparent; }
.theme-dropdown::-webkit-scrollbar-thumb { background:var(--accent); border-radius:4px; }
.theme-dropdown.open { display:block; animation:td-in .12s ease; }
@keyframes td-in { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }

/* keep modal hidden (legacy) */
.theme-modal-overlay { display:none !important; }
.theme-opt {
  display:flex; align-items:center; gap:10px;
  padding:9px 12px; border-radius:8px; cursor:pointer;
  transition:0.1s; margin-bottom:3px;
}
.theme-opt:hover { background:var(--input); }
.theme-opt.active { background:var(--border); outline:1px solid var(--accent); }
.theme-opt-icon { font-size:20px; width:28px; text-align:center; flex-shrink:0; }
.theme-opt-name { font-size:13px; font-weight:500; color:var(--text); flex:1; }
.theme-opt-swatches { display:flex; gap:4px; }
.swatch { width:14px; height:14px; border-radius:3px; border:1px solid var(--border); }
.price-cell {
  display: inline-block;
  min-width: 120px;
  padding-right: 6px;
  font-family: 'JetBrains Mono', 'Consolas', 'Courier New', monospace;
  text-align: left;
  white-space: nowrap;
  color: var(--text);
  font-size: 11.5px;
}