/* SOLWED Branding */

/* Logo menú lateral: siempre blanco (fondo siempre antracita) */
#layout-menu #logo {
  content: url('../images/logo-dark.png') !important;
}
/* Logo login dark mode */
html.dark-mode #logo {
  content: url('../images/logo-dark.png');
}

/* Ocultar botón OAuth: no se usa en la instalación SOLWED */
.oauthlogin { display: none !important; }

/* ===== Login footer: "Powered by SOLWED" ===== */
#login-footer {
  font-size: 0 !important;
  color: transparent !important;
}
#login-footer::after {
  content: "Powered by SOLWED";
  font-size: 12px !important;
  color: #aaaaaa !important;
  letter-spacing: 0.05em;
}
html.dark-mode #login-footer::after {
  color: #666666 !important;
}

/* ===== Botones principales - amarillo SOLWED ===== */
#rcmloginsubmit,
.button.mainaction {
  background-color: #F1E802 !important;
  border-color: #F1E802 !important;
  color: #2E3536 !important;
}
#rcmloginsubmit:hover,
.button.mainaction:hover {
  background-color: #d9d102 !important;
  border-color: #d9d102 !important;
  color: #2E3536 !important;
}
#rcmloginsubmit:focus,
#rcmloginsubmit:active,
.button.mainaction:focus,
.button.mainaction:active {
  background-color: #d9d102 !important;
  border-color: #d9d102 !important;
  color: #2E3536 !important;
  outline: 2px solid #d9d102 !important;
  outline-offset: 2px !important;
}
#rcmloginsubmit:disabled,
.button.mainaction:disabled,
.button.mainaction[disabled] {
  background-color: #F1E802 !important;
  border-color: #F1E802 !important;
  color: #2E3536 !important;
  opacity: 0.5 !important;
}

/* Dark mode: mantener amarillo explícitamente */
html.dark-mode #rcmloginsubmit,
html.dark-mode .button.mainaction {
  background-color: #F1E802 !important;
  border-color: #F1E802 !important;
  color: #2E3536 !important;
}
html.dark-mode #rcmloginsubmit:hover,
html.dark-mode #rcmloginsubmit:focus,
html.dark-mode #rcmloginsubmit:active,
html.dark-mode .button.mainaction:hover,
html.dark-mode .button.mainaction:focus,
html.dark-mode .button.mainaction:active {
  background-color: #d9d102 !important;
  border-color: #d9d102 !important;
  color: #2E3536 !important;
}

/* Unread count badge */
.unreadcount.skip-content {
  background-color: #2E3536 !important;
  color: #F1E802 !important;
}
html.dark-mode .unreadcount.skip-content {
  background-color: #F1E802 !important;
  color: #2E3536 !important;
}

/* ===== LAYOUT MENU COMPLETO - Antracita ===== */
#layout-menu,
#layout-menu .popover-header,
#taskmenu,
#taskmenu .action-buttons,
#taskmenu .special-buttons {
  background-color: #2E3536 !important;
}
#layout-menu .popover-header {
  border-bottom-color: #3d4849 !important;
}

/* Dark mode: mismos colores (el skin base elastic puede overridear en dark) */
html.dark-mode #layout-menu,
html.dark-mode #layout-menu .popover-header,
html.dark-mode #layout-menu .special-buttons,
html.dark-mode #taskmenu,
html.dark-mode #taskmenu .action-buttons,
html.dark-mode #taskmenu .special-buttons {
  background: #2E3536 !important;
  border-right-color: #3d4849 !important;
}
html.dark-mode #layout-menu .popover-header {
  border-bottom-color: #3d4849 !important;
}
html.dark-mode #taskmenu a {
  border-bottom-color: #3d4849 !important;
}
html.dark-mode #layout-menu .special-buttons a,
html.dark-mode #layout-menu .special-buttons a:not(:focus) {
  background: transparent !important;
}

/* ===== TODOS los links/iconos/texto - BLANCO ===== */
/* El selector #taskmenu a cubre todos los sublinks (mail, contacts, plugins, etc.) */
#taskmenu a,
#taskmenu a:before,
#taskmenu a .inner,
#taskmenu a .button-inner {
  color: #ffffff !important;
}

/* Dark mode: también blanco (el skin elastic lo puede sobreescribir) */
html.dark-mode #taskmenu a,
html.dark-mode #taskmenu a:before,
html.dark-mode #taskmenu a .inner,
html.dark-mode .menu.toolbar a,
html.dark-mode .menu.toolbar a .inner {
  color: #ffffff !important;
}

/* ===== HOVER / FOCUS / ACTIVE - Amarillo ===== */
#taskmenu a:hover,
#taskmenu a:focus,
#taskmenu a:active {
  background-color: #3d4849 !important;
  color: #F1E802 !important;
}
#taskmenu a:hover:before,
#taskmenu a:focus:before,
#taskmenu a:active:before {
  color: #F1E802 !important;
}
#taskmenu a:hover .inner,
#taskmenu a:hover .button-inner,
#taskmenu a:focus .inner,
#taskmenu a:active .inner {
  color: #F1E802 !important;
}

/* ===== SELECCIONADO ===== */
#taskmenu a.selected,
#taskmenu a.selected:before,
#taskmenu a.selected .inner,
#taskmenu a.selected:hover,
#taskmenu a.selected:hover:before,
#taskmenu a.selected:hover .inner,
#taskmenu a.selected:focus,
#taskmenu a.selected:focus:before,
#taskmenu a.selected:focus .inner,
html.dark-mode #taskmenu a.selected,
html.dark-mode #taskmenu a.selected .inner {
  background-color: #3d4849 !important;
  color: #F1E802 !important;
}

/* ===== Botón Redactar - amarillo destacado ===== */
#taskmenu a.compose,
#taskmenu a.compose:before,
#taskmenu a.compose .inner,
#taskmenu .action-buttons a.compose,
#taskmenu .action-buttons a.compose:before {
  background-color: #F1E802 !important;
  color: #2E3536 !important;
}
#taskmenu a.compose:hover,
#taskmenu a.compose:hover:before,
#taskmenu a.compose:hover .inner,
#taskmenu a.compose:focus,
#taskmenu a.compose:focus:before,
#taskmenu a.compose:focus .inner,
#taskmenu a.compose:active,
#taskmenu a.compose:active .inner {
  background-color: #d9d102 !important;
  color: #2E3536 !important;
}

/* Dark mode: Redactar mantiene amarillo */
html.dark-mode #taskmenu a.compose,
html.dark-mode #taskmenu a.compose:before,
html.dark-mode #taskmenu a.compose .inner {
  background-color: #F1E802 !important;
  color: #2E3536 !important;
}
html.dark-mode #taskmenu a.compose:hover,
html.dark-mode #taskmenu a.compose:focus,
html.dark-mode #taskmenu a.compose:active {
  background-color: #d9d102 !important;
  color: #2E3536 !important;
}

/* Border entre items del menu */
#taskmenu a {
  border-bottom-color: #3d4849 !important;
}

/* ===== Radio buttons nativos - accent-color antracita (no azul del browser) ===== */
input[type="radio"] {
  accent-color: #2E3536 !important;
}

/* ===== Fondo elemento seleccionado en listas - amarillo puro (no ámbar de #f4c200) ===== */
.listing li.selected,
.listing tr.selected td,
ul.treelist li.selected > div > a,
ul.treelist li.selected > a,
.table-widget table.options-table tr.selected td {
  background-color: #fdfcd9 !important;
}
.image-selector .attachmentslist li:hover,
.image-selector .attachmentslist li:focus {
  background: #fdfcd9 !important;
}

/* ===== Indicador foco en lista (borde izquierdo) - amarillo exacto ===== */
html:not(.touch) .listing li > a:focus,
html:not(.touch) .listing.focus tbody tr.focused > td:first-child,
html:not(.touch) .listing.focus:not(.withselection) tbody tr.selected > td:first-child {
  border-left-color: #F1E802 !important;
}

/* ===== Toggle switch desactivado/disabled ===== */
.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::before {
  border-color: #f5f060 !important;
  background-color: #f5f060 !important;
}

/* ===== Slider (rango) y Datepicker (hover día) ===== */
.ui-slider .ui-slider-range {
  background: #F1E802 !important;
}
.ui-datepicker .ui-datepicker-days-cell-over a,
.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,
.ui-datepicker.ui-widget-content .ui-datepicker-days-cell-over .ui-state-default {
  background: #fdfcd9 !important;
  color: #2E3536 !important;
}

/* ===== Dark mode: blockquote border/color - amarillo claro ===== */
html.dark-mode .message-part blockquote {
  border-color: #F1E802 !important;
  color: #F1E802 !important;
}

/* ===== Watermark: oscuro en modo claro, blanco en modo oscuro ===== */
.watermark {
  background-image: url('../images/watermark-light.svg') !important;
  background-size: 220px auto !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-blend-mode: normal !important;
  opacity: 0.12 !important;
}
html:not(.dark-mode) .watermark:before {
  background: transparent !important;
}
html.dark-mode .watermark {
  background-image: url('../images/watermark-dark.svg') !important;
  background-blend-mode: normal !important;
  opacity: 0.08 !important;
}