/* === IMOBISOFT — accents dourados sobre o elastic dark === */
:root {
  --imo-gold: #C9A961;
  --imo-gold-light: #D4B87C;
  --imo-gold-dark: #A88B47;
  --imo-gold-bg-soft: rgba(201,169,97,0.15);
}

/* === BOTÕES PRIMARY === */
.btn-primary,
button.btn-primary,
input.btn-primary,
.btn.mainaction,
button.mainaction {
  background: linear-gradient(180deg, var(--imo-gold-light), var(--imo-gold)) !important;
  border-color: var(--imo-gold) !important;
  color: #1a1400 !important;
  font-weight: 600;
}
.btn-primary:hover,
.btn-primary:focus,
.btn.mainaction:hover,
button.mainaction:hover {
  background: var(--imo-gold-light) !important;
  border-color: var(--imo-gold-light) !important;
  color: #1a1400 !important;
  box-shadow: 0 0 0 .2rem rgba(201,169,97,.35) !important;
}
.btn-primary:active,
.btn-primary.active {
  background: var(--imo-gold-dark) !important;
  border-color: var(--imo-gold-dark) !important;
  color: #1a1400 !important;
}
.btn-primary:disabled,
.btn-primary.disabled {
  background: var(--imo-gold) !important;
  border-color: var(--imo-gold) !important;
  opacity: 0.5;
}

/* === LINKS === */
a:not(.btn):not(.button):not(.navlink):not(.listitem),
a:visited:not(.btn):not(.button):not(.navlink):not(.listitem) {
  color: var(--imo-gold);
}
a:not(.btn):not(.button):hover {
  color: var(--imo-gold-light);
}

/* === ITEM SELECIONADO em listas (mensagens, contatos, pastas) === */
html.dark-mode .listing tr.selected,
html.dark-mode .listing tr.selected td,
html.dark-mode .listing li.selected,
html.dark-mode table.listing tr.selected,
html.dark-mode table.listing tr.selected td {
  background-color: var(--imo-gold-bg-soft) !important;
  color: #fff !important;
}
html.dark-mode .listing tr.focused.selected,
html.dark-mode .listing tr.focused.selected td {
  background-color: rgba(201,169,97,0.28) !important;
}

/* sidebar de pastas selecionada */
html.dark-mode #folderlist li.selected > a,
html.dark-mode .treelist li.selected > a {
  background-color: var(--imo-gold-bg-soft) !important;
  color: var(--imo-gold-light) !important;
  border-left: 3px solid var(--imo-gold) !important;
}

/* === CHECKBOX / RADIO === */
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--imo-gold);
}

/* === BADGES === */
.badge.bg-primary,
.badge-primary,
.label-primary {
  background-color: var(--imo-gold) !important;
  color: #1a1400 !important;
}

/* === PROGRESS BAR === */
.progress-bar {
  background-color: var(--imo-gold) !important;
}

/* === FOCUS RING geral === */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--imo-gold) !important;
  box-shadow: 0 0 0 .2rem rgba(201,169,97,.18) !important;
}

/* === ABAS / nav-pills ativas === */
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
  background-color: var(--imo-gold-bg-soft) !important;
  border-color: var(--imo-gold) !important;
  color: var(--imo-gold-light) !important;
}

/* === toolbar buttons hover === */
html.dark-mode .toolbar a.button:not(.disabled):hover,
html.dark-mode .toolbar a.button:not(.disabled):focus {
  color: var(--imo-gold-light) !important;
}

/* === unread count badge === */
html.dark-mode .unreadcount {
  background-color: var(--imo-gold) !important;
  color: #1a1400 !important;
  font-weight: 700;
}

/* === text-primary === */
.text-primary {
  color: var(--imo-gold) !important;
}

/* === TASKMENU - botão Criar email (.compose) === */
html.dark-mode #taskmenu a.button.compose,
html.dark-mode .action-buttons a.button.compose,
#taskmenu a.button.compose {
  background-color: var(--imo-gold) !important;
  color: #1a1400 !important;
}
html.dark-mode #taskmenu a.button.compose:hover,
#taskmenu a.button.compose:hover {
  background-color: var(--imo-gold-light) !important;
  color: #1a1400 !important;
}
html.dark-mode #taskmenu a.button.compose .inner,
#taskmenu a.button.compose .inner {
  color: #1a1400 !important;
}
html.dark-mode #taskmenu a.button.compose::before,
#taskmenu a.button.compose::before {
  color: #1a1400 !important;
}

/* === TASKMENU - itens .selected (mail/contacts/settings ativo) === */
html.dark-mode #taskmenu a.button.selected,
#taskmenu a.button.selected {
  background-color: var(--imo-gold-bg-soft) !important;
  color: var(--imo-gold-light) !important;
  border-left: 3px solid var(--imo-gold) !important;
}
html.dark-mode #taskmenu a.button.selected .inner,
html.dark-mode #taskmenu a.button.selected::before,
#taskmenu a.button.selected .inner,
#taskmenu a.button.selected::before {
  color: var(--imo-gold-light) !important;
}

/* hover dos demais items do taskmenu */
html.dark-mode #taskmenu a.button:not(.selected):not(.compose):hover,
#taskmenu a.button:not(.selected):not(.compose):hover {
  color: var(--imo-gold-light) !important;
}