/* Innosmart — capa de marca sobre Elastic. Importa el compilado base y
   recolorea solo lo que da coherencia con el login (riel navy + botones azul). */
@import "/skins/elastic/styles/styles.min.css";

/* --- Riel de aplicaciones (taskmenu) -> navy como el login ---------------- */
#layout-menu,
#taskmenu .special-buttons,
#layout-menu .popover-header{
  background-color:#0a1a2f !important;
  background-image:linear-gradient(180deg,#0c2140 0%,#0a1a2f 100%) !important;
}
#taskmenu a{color:#cfe0f7;}
#taskmenu a.selected,#taskmenu a:hover{color:#fff;}
#taskmenu a.selected:before{color:#35c1ff;}

/* --- Botones primarios -> gradiente azul del login ------------------------ */
.btn-primary,
html.dark-mode .btn-primary,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary{
  background:linear-gradient(135deg,#1e8fe6 0%,#0a6fc2 100%) !important;
  border-color:#0a6fc2 !important;
  color:#fff !important;
  transition:filter .15s,box-shadow .18s;
}
.btn-primary:hover:not(:disabled),
.btn-primary:focus,
html.dark-mode .btn-primary:hover:not(:disabled){
  filter:brightness(1.07);
  background:linear-gradient(135deg,#1e8fe6 0%,#0a6fc2 100%) !important;
  border-color:#0a6fc2 !important;
}
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(30,143,230,.40) !important;}
.btn-primary:not(:disabled):not(.disabled):active{
  background:linear-gradient(135deg,#0a6fc2 0%,#095aa0 100%) !important;
}

/* --- Acento de foco en inputs alineado al azul de marca ------------------- */
.form-control:focus{
  border-color:#1e8fe6 !important;
  box-shadow:0 0 0 .2rem rgba(30,143,230,.20) !important;
}