/* KAME client theme: Laser Imaging palette
   Only color overrides, no layout changes. */

:root {
  --kame-primary-dark: #0d47a1; /* deep blue */
  --kame-primary: #1565c0;      /* brand blue */
  --kame-primary-light: #1e88e5;/* light blue */
  --kame-accent: #00a859;       /* brand green */
  --kame-accent-dark: #008c47;  /* darker green */
}

/* Nav bar to brand blue */
nav {
  background: linear-gradient(90deg, var(--kame-primary-dark), var(--kame-primary)) !important;
}

/* Active menu item */
li.active {
  background-color: var(--kame-primary) !important;
}

/* Side nav background shading slightly bluish instead of near-black */
.sidenav {
  background: #10243a !important; /* dark desaturated blue for better contrast */
}

/* Generic confirm/primary button used across the app */
.btn-green,
.btn.btn-green,
button.btn-green {
  background-color: var(--kame-accent) !important;
}


/* Badges: map to palette where reasonable */
.badge-proceso { background-color: var(--kame-primary) !important; color: #fff; }
.badge-completado { background-color: var(--kame-accent) !important; color: #fff; }

/* Login button (class shared on index): switch to green accent */
.btn-login {
  background: linear-gradient(90deg, var(--kame-accent), #00bf63) !important;
}

/* Form focus accents to primary blue (Materialize states) */
.input-field input[type=text]:focus + label,
.input-field input[type=password]:focus + label,
.input-field .prefix.active {
  color: var(--kame-primary) !important;
}

.input-field input[type=text]:focus,
.input-field input[type=password]:focus {
  border-bottom: 1px solid var(--kame-primary) !important;
  box-shadow: 0 1px 0 0 var(--kame-primary) !important;
}