:root {
  --altoke-admin-blue: #45b8f2;
  --altoke-admin-blue-dark: #0f7fb8;
  --altoke-admin-blue-soft: rgba(69, 184, 242, 0.14);
  --altoke-admin-black: #050505;
  --altoke-admin-panel: #101010;
  --altoke-admin-line: rgba(69, 184, 242, 0.28);
}

body {
  background: #f3f7fa;
}

::selection {
  background: var(--altoke-admin-blue);
  color: #001018;
}

#adminSidebar {
  background:
    radial-gradient(circle at 0 0, rgba(69,184,242,.16), transparent 16rem),
    #030303 !important;
  border-right-color: var(--altoke-admin-line) !important;
}

#adminSidebar::-webkit-scrollbar-thumb {
  background-color: var(--altoke-admin-blue) !important;
}

#adminSidebar a:hover,
#adminSidebar button:hover {
  background-color: var(--altoke-admin-blue-soft) !important;
}

.nav-link-tuning:hover,
.active-module {
  border-left-color: var(--altoke-admin-blue) !important;
}

.text-red-50 { color: #eefaff !important; }
.text-red-100 { color: #d8f2ff !important; }
.text-red-200 { color: #bde9ff !important; }
.text-red-300 { color: #93dbff !important; }
.text-red-400 { color: #68caff !important; }
.text-red-500,
.text-red-600,
.text-red-700,
.text-red-800,
.text-red-900 { color: var(--altoke-admin-blue) !important; }

.bg-red-50 { background-color: #eefaff !important; }
.bg-red-100 { background-color: #dff5ff !important; }
.bg-red-200 { background-color: #bfeaff !important; }
.bg-red-500,
.bg-red-600,
.bg-red-700,
.bg-red-800,
.bg-red-900,
.bg-red-950 { background-color: var(--altoke-admin-blue) !important; color: #001018 !important; }

.bg-red-600\/10,
.bg-red-700\/10,
.bg-red-800\/10,
.bg-red-900\/10,
.bg-red-950\/40 { background-color: var(--altoke-admin-blue-soft) !important; }

.bg-red-600\/90 { background-color: rgba(69,184,242,.9) !important; color: #001018 !important; }

.border-red-50,
.border-red-100,
.border-red-200,
.border-red-500,
.border-red-600,
.border-red-700,
.border-red-800,
.border-red-900,
.border-red-900\/20,
.border-red-900\/30,
.border-red-600\/20 { border-color: var(--altoke-admin-line) !important; }

.shadow-red-200,
.shadow-red-600\/20 {
  --tw-shadow-color: rgba(69,184,242,.24) !important;
  box-shadow: 0 10px 25px rgba(69,184,242,.18) !important;
}

.hover\:bg-red-50:hover,
.hover\:bg-red-100:hover,
.hover\:bg-red-500:hover,
.hover\:bg-red-600:hover,
.hover\:bg-red-700:hover,
.hover\:bg-red-800:hover,
.hover\:bg-red-900:hover {
  background-color: var(--altoke-admin-blue) !important;
  color: #001018 !important;
}

.hover\:bg-red-600\/10:hover,
.hover\:bg-red-900\/20:hover {
  background-color: var(--altoke-admin-blue-soft) !important;
}

.hover\:text-red-500:hover,
.hover\:text-red-600:hover,
.hover\:text-red-700:hover,
.hover\:text-red-800:hover,
.hover\:text-red-900:hover {
  color: var(--altoke-admin-blue) !important;
}

.hover\:border-red-600:hover,
.hover\:border-red-700:hover,
.hover\:border-red-800:hover {
  border-color: var(--altoke-admin-blue) !important;
}

.focus\:border-red-600:focus,
.focus\:border-red-700:focus,
.focus\:ring-red-600:focus,
.focus\:ring-red-700:focus {
  border-color: var(--altoke-admin-blue) !important;
  --tw-ring-color: rgba(69,184,242,.45) !important;
}

input[type="checkbox"].text-red-600 {
  color: var(--altoke-admin-blue) !important;
}

.file\:bg-red-50::file-selector-button {
  background-color: #eaf8ff !important;
}

.file\:text-red-700::file-selector-button {
  color: var(--altoke-admin-blue-dark) !important;
}

.hover\:file\:bg-red-100:hover::file-selector-button {
  background-color: #d7f1ff !important;
}

.alerta-critica {
  background-color: var(--altoke-admin-blue) !important;
  color: #001018 !important;
}

@keyframes pulse-red {
  0% { box-shadow: 0 0 0 0 rgba(69,184,242,.7); }
  70% { box-shadow: 0 0 0 10px rgba(69,184,242,0); }
  100% { box-shadow: 0 0 0 0 rgba(69,184,242,0); }
}

.altoke-admin-logo {
  display: block;
  max-width: 150px;
  max-height: 74px;
  object-fit: contain;
}

.altoke-login-logo {
  max-width: 210px;
  max-height: 130px;
  object-fit: contain;
}

.altoke-admin-fallback {
  font-weight: 900;
  line-height: .85;
  letter-spacing: 0;
}