:root{
  /* Paleta medio-clara (pastel) */
  --azure-bg:#eef2f7;           /* fondo app */
  --azure-card:#f9fbfd;         /* tarjetas ligeramente off-white */
  --azure-muted:#64748b;        /* texto secundario */
  --azure-accent:#0A84FF;       /* azul iOS */
  --azure-border:#d9e1ea;       /* borde suave */
  --azure-table-zebra:#f4f7fb;  /* zebra pastel */
  --azure-table-hover:#ecf3ff;  /* hover pastel */
  --azure-nav-bg:#223044;       /* encabezado ligeramente más oscuro */
  --azure-nav-border:#cfd8e3;   /* borde inferior del nav */
}

html,body{height:100%;}
body{
  background:linear-gradient(180deg,#f4f7fb 0%, var(--azure-bg) 100%);
  color:#0f172a;
}
.azure-nav{background:var(--azure-nav-bg);border-bottom:1px solid var(--azure-nav-border);position:sticky;top:0;z-index:1000;} 
.brand-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#34d399,#2563eb);} 
.text-muted-azure{color:var(--azure-muted)!important;}

.kpi-card{
  background:var(--azure-card); border:1px solid var(--azure-border);
  border-radius:12px; padding:14px 16px;
}
.kpi-title{font-size:.9rem;color:var(--azure-muted);} 
.kpi-value{font-size:1.6rem;font-weight:700;color:#0b1220;} 

.card{background:var(--azure-card);border-color:var(--azure-border);} 
.card-header{
  background:linear-gradient(180deg, rgba(10,132,255,0.05) 0%, rgba(10,132,255,0.015) 100%);
  border-bottom-color:var(--azure-border);
  backdrop-filter:saturate(140%) blur(4px);
}

/* Tabla clara, pasteles, estilo Apple */
.table-azure{--bs-table-bg:var(--azure-card);background:var(--azure-card);border:1px solid var(--azure-border);} 
.table-azure thead th{
  color:#0f172a;
  border-bottom-color:var(--azure-border);
  font-weight:600;
  background:linear-gradient(180deg, #ffffff 0%, #f3f7ff 100%);
  position:sticky; top:0; z-index:1;
}
.table-azure tbody td{color:#0f172a;border-top-color:var(--azure-border);} 
.table-azure tbody tr{background-color:var(--azure-card);} 
.table-azure tbody tr:nth-child(even){background-color:var(--azure-table-zebra);} 
.table-azure tbody tr:hover{background-color:var(--azure-table-hover);} 
.table-azure td, .table-azure th{white-space:nowrap;}
.table-azure .col-dia{color:#475569;width:64px;}
.table-azure .col-total{font-weight:700;color:#0f172a;background-color:#f2f8ff;} 

.form-control:disabled, .form-select:disabled{background:rgba(255,255,255,0.05);color:#cbd5e1;border-color:var(--azure-border);} 

.btn-outline-primary{--bs-btn-border-color:var(--azure-accent);--bs-btn-color:#dbeafe;--bs-btn-hover-bg:var(--azure-accent);--bs-btn-hover-border-color:var(--azure-accent);} 
.form-check-input:checked{background-color:var(--azure-accent);border-color:var(--azure-accent);} 
.btn, .form-select, .form-control{border-radius:10px;}

/* Mejora de contraste general */
.card, .kpi-card{box-shadow:0 6px 18px rgba(15,23,42,0.08);} 
.card .card-header{font-weight:600;color:#0f172a;} 
.kpi-value{letter-spacing:.2px;}

/* Responsive tabla */
@media (max-width: 991px){
  .table-azure{font-size:.9rem;}
}

footer{border-top:1px solid var(--azure-border);} 

canvas{max-width:100%;}