/*
 * ERA Theme — sidebar switcher styles (Frappe v16 desk).
 * The colour palette itself lives in era_erp_v3.css.
 */

.era-theme-switcher {
  padding: 10px 14px;
  margin-bottom: 4px;
}

.era-theme-switcher-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.6;
  margin-bottom: 6px;
}

.era-theme-switcher-opts {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.era-theme-opt {
  width: 100%;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
  color: inherit;
  background: transparent;
  border: 1px solid rgba(127, 127, 127, 0.4);
  border-radius: 6px;
}

.era-theme-opt:hover {
  border-color: rgba(127, 127, 127, 0.75);
}

.era-theme-opt.active {
  background-color: #d4a04c;
  border-color: #d4a04c;
  color: #1b2a2a;
  font-weight: 600;
}