/* Ingesoft Empresas - admin.css (solo /admin) */

/* Ajustes de variables Bootstrap para modo admin (mejor contraste) */
body.admin-skin{
  --bs-body-bg: #0b1320;
  --bs-body-color: #eaf0ff;
  --bs-body-color-rgb: 234,240,255;
  --bs-secondary-color: rgba(234,240,255,.74);
  --bs-tertiary-color: rgba(234,240,255,.58);
  --bs-border-color: rgba(255,255,255,.14);
  --bs-card-bg: rgba(255,255,255,.06);
  --bs-card-color: var(--bs-body-color);
  --bs-table-color: var(--bs-body-color);
  --bs-table-border-color: rgba(255,255,255,.14);
  --bs-link-color: color-mix(in srgb, var(--brand-accent) 88%, #ffffff 12%);
  --bs-link-hover-color: color-mix(in srgb, var(--brand-accent) 95%, #ffffff 5%);
}

/* Fondo + overlays (oscuro, profesional) */
body.admin-skin .app-bg-layer{
  opacity: .40;
  filter: grayscale(25%) contrast(1.1) brightness(.85);
}

body.admin-skin.app-bg::before{
  opacity: .92;
  background:
    radial-gradient(1100px 600px at 15% 10%, color-mix(in srgb, var(--brand-accent) 22%, transparent) 0%, transparent 60%),
    radial-gradient(900px 500px at 90% 0%,  color-mix(in srgb, var(--brand-primary) 24%, transparent) 0%, transparent 65%),
    linear-gradient(180deg, #0b1320 0%, #060b12 100%);
}

/* Header del admin (evita texto claro sobre header blanco) */
body.admin-skin .app-header{
  background: rgba(6,11,18,.72);
  border-bottom: 1px solid rgba(255,255,255,.10);
}

body.admin-skin .app-subtitle{
  color: var(--bs-secondary-color);
}

/* Cards y texto */
body.admin-skin .app-card,
body.admin-skin .card{
  background: var(--bs-card-bg);
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 18px 38px rgba(0,0,0,.35);
  color: var(--bs-body-color);
}

body.admin-skin .text-muted{ color: var(--bs-secondary-color) !important; }
body.admin-skin .text-dark{ color: var(--bs-body-color) !important; } /* por si alguna clase viene de Bootstrap */

/* Títulos de admin */
body.admin-skin .admin-heading{
  color: color-mix(in srgb, var(--brand-accent) 86%, #ffffff 14%);
}

/* Formularios */
body.admin-skin .form-label,
body.admin-skin label,
body.admin-skin .col-form-label{
  color: rgba(234,240,255,.86);
}

body.admin-skin .form-text{
  color: rgba(234,240,255,.70);
}

body.admin-skin .form-control{
  background-color: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.16);
  color: rgba(234,240,255,.96);
}

body.admin-skin .form-control::placeholder{
  color: rgba(234,240,255,.55);
}

body.admin-skin .form-control:focus{
  background-color: rgba(255,255,255,.09);
  border-color: color-mix(in srgb, var(--brand-accent) 60%, #fff 40%);
  box-shadow: 0 0 0 .25rem rgba(0,160,228,.18);
  color: rgba(234,240,255,.98);
}

/* Tablas */
body.admin-skin .table{
  --bs-table-bg: transparent;
  --bs-table-color: var(--bs-body-color);
  --bs-table-border-color: rgba(255,255,255,.14);
}

body.admin-skin .table th{
  color: rgba(234,240,255,.88);
}

body.admin-skin .table-hover > tbody > tr:hover > *{
  background-color: rgba(255,255,255,.05);
}

/* Botones outline en fondo oscuro */
body.admin-skin .btn-outline-secondary{
  color: rgba(234,240,255,.88);
  border-color: rgba(255,255,255,.18);
}

body.admin-skin .btn-outline-secondary:hover{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.30);
  color: rgba(255,255,255,.95);
}

body.admin-skin .btn-outline-primary{
  color: color-mix(in srgb, var(--brand-accent) 90%, #fff 10%);
  border-color: color-mix(in srgb, var(--brand-accent) 70%, transparent);
}

body.admin-skin .btn-outline-primary:hover{
  background: rgba(0,160,228,.12);
  border-color: rgba(0,160,228,.55);
}