/* =========================================================
   ARK MODA – REEMPLAZO DE AZULES POR GRIS SUAVE
   ========================================================= */

/* Color base gris */
:root {
  --ark-gray: #d9d9d9;
  --ark-gray-hover: #cfcfcf;
  --ark-gray-active: #bfbfbf;
  --ark-gray-border: #c5c5c5;
}

/* BOTONES PRINCIPALES (Iniciar sesión, acciones) */
button,
.btn,
.button,
input[type="submit"] {
  background-color: var(--ark-gray) !important;
  border-color: var(--ark-gray-border) !important;
  color: #000 !important;
}

button:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover {
  background-color: var(--ark-gray-hover) !important;
}

button:active,
.btn:active,
.button:active {
  background-color: var(--ark-gray-active) !important;
}

/* INPUTS – foco (antes azul) */
input:focus,
textarea:focus,
select:focus {
  border-color: var(--ark-gray-border) !important;
  box-shadow: 0 0 0 2px rgba(180,180,180,0.35) !important;
}

/* SELECCIÓN DE MENSAJES */
.listing tr.selected,
.listing li.selected {
  background-color: #ededed !important;
}

/* HOVER EN LISTAS */
.listing tr:hover,
.listing li:hover {
  background-color: #f2f2f2 !important;
}

/* TOGGLES (switch azul → gris) */
input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
  background-color: var(--ark-gray) !important;
  border-color: var(--ark-gray-border) !important;
}

/* BADGES (contador azul) */
.badge,
.count {
  background-color: var(--ark-gray) !important;
  color: #000 !important;
}

/* LINKS ACTIVOS */
a.active,
a.selected {
  color: #000 !important;
}

/* SOMBRAS AZULES → NEUTRAS */
* {
  --focus-ring-color: rgba(180,180,180,0.4) !important;
}
html.host-lumara .watermark,
html.host-lumara .logo,
html.host-lumara .brand-logo {
    background-image: url('/skins/elastic/images/custom/logo-lumaracol.jpeg') !important;
}

html.host-arkmoda .watermark,
html.host-arkmoda .logo,
html.host-arkmoda .brand-logo {
    background-image: url('/skins/elastic/images/custom/logo-arkmoda.png') !important;
}
}
/* ===== LUMARA: sin watermark en panel derecho ===== */
html.host-lumara #layout-content,
html.host-lumara #layout-content > .content,
html.host-lumara #layout-content > .formcontent,
html.host-lumara #layout-content > .header {
  background-image: none !important;
  background: #fff !important;
}

html.host-lumara #layout-content::before,
html.host-lumara #layout-content::after,
html.host-lumara #layout-content > .content::before,
html.host-lumara #layout-content > .content::after,
html.host-lumara #layout-content > .formcontent::before,
html.host-lumara #layout-content > .formcontent::after,
html.host-lumara #layout-content > .header::before,
html.host-lumara #layout-content > .header::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}