/* chart-tools.css — Chart Tools Menu
 * MunkClaw 🦀 | 2026-07-05
 */

/* ── Dropdown-wrapper (klonar chart-settings-dropdown) ── */
.chart-tools-dropdown {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}

/* ── Tools-menyns panel ── */
#chartToolsMenu {
  min-width: 180px;
}

/* ── Verktygs-knapp ── */
.tool-btn {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  padding: 7px 10px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  color: var(--text-secondary, #666);
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  margin-bottom: 3px;
}

.tool-btn:last-child {
  margin-bottom: 0;
}

.tool-btn:hover {
  background: rgba(33, 150, 243, 0.1);
  color: var(--primary-color, #2196f3);
  border-color: rgba(33, 150, 243, 0.25);
}

[data-theme="dark"] .tool-btn {
  color: #b3b3b3;
}

[data-theme="dark"] .tool-btn:hover {
  background: rgba(33, 150, 243, 0.15);
  color: #64b5f6;
  border-color: rgba(33, 150, 243, 0.3);
}

/* ── Aktivt verktyg ── */
.tool-btn--active {
  background: rgba(33, 150, 243, 0.15) !important;
  color: var(--primary-color, #2196f3) !important;
  border-color: rgba(33, 150, 243, 0.4) !important;
  font-weight: 600;
}

[data-theme="dark"] .tool-btn--active {
  background: rgba(33, 150, 243, 0.2) !important;
  color: #64b5f6 !important;
  border-color: rgba(100, 181, 246, 0.4) !important;
}

/* ── Radera-knapp ── */
.tool-btn-danger {
  color: #ef5350 !important;
}

.tool-btn-danger:hover {
  background: rgba(239, 83, 80, 0.1) !important;
  color: #ef5350 !important;
  border-color: rgba(239, 83, 80, 0.25) !important;
}

[data-theme="dark"] .tool-btn-danger {
  color: #ef9a9a !important;
}

/* ── Aktivt tools-knapp i header ── */
#chartToolsBtn.tool-active {
  background: rgba(33, 150, 243, 0.15);
  color: var(--primary-color, #2196f3);
  border-color: rgba(33, 150, 243, 0.4);
}

[data-theme="dark"] #chartToolsBtn.tool-active {
  background: rgba(33, 150, 243, 0.2);
  color: #64b5f6;
}

/* ── Separator i menyn ── */
.tool-separator {
  height: 1px;
  background: var(--border-color, #eee);
  margin: 6px 0;
}

[data-theme="dark"] .tool-separator {
  background: rgba(255,255,255,0.08);
}