:root{
  --mpv-azul:#0b4f8a;
  --mpv-azul-oscuro:#083a66;
  --mpv-celeste:#e8f1f9;
  --mpv-acento:#17a2b8;
}
body{
  background:#f3f6fa;
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#2b3a4a;
}

/* ---------- pantalla de acceso ---------- */
.mpv-login{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:linear-gradient(180deg,#7dd3f5 0%,#3fa9de 35%,#1b78b8 68%,#0a4f8a 100%);
  position:relative;
  overflow:hidden;
}
#lluvia{
  position:absolute;
  top:0;left:0;
  width:100%;height:100%;
  pointer-events:none;
}
.mpv-login-card{position:relative;z-index:1;}
.mpv-login-card{
  width:100%;
  max-width:400px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 20px 45px rgba(0,0,0,.25);
  overflow:hidden;
}
.mpv-login-head{
  background:var(--mpv-celeste);
  text-align:center;
  padding:26px 20px 18px;
  border-bottom:1px solid #d6e4f0;
}
.mpv-login-head .icono{
  width:62px;height:62px;border-radius:50%;
  background:var(--mpv-azul);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:26px;margin-bottom:10px;
}
.mpv-login-head h1{font-size:1.3rem;font-weight:700;color:var(--mpv-azul-oscuro);margin:0;}
.mpv-login-head p{margin:4px 0 0;font-size:.85rem;color:#5b6f82;}
.mpv-login-body{padding:24px 26px 26px;}
.mpv-nota{font-size:.78rem;color:#6c7d8d;text-align:center;margin-top:16px;}

/* ---------- pantalla principal ---------- */
.mpv-nav{background:var(--mpv-azul);}
.mpv-nav .navbar-brand{font-weight:700;}
.mpv-nav .usuario{color:#dbe9f6;font-size:.9rem;}
.mpv-card{border:0;border-radius:12px;box-shadow:0 2px 12px rgba(20,50,80,.08);}
.mpv-card .card-header{
  background:#fff;border-bottom:1px solid #e3ebf3;
  border-radius:12px 12px 0 0 !important;
}
.mpv-tabla th{background:var(--mpv-celeste);color:var(--mpv-azul-oscuro);font-size:.82rem;white-space:nowrap;}
.mpv-tabla td{font-size:.88rem;vertical-align:middle;}
.mpv-estado{display:inline-block;padding:3px 9px;border-radius:12px;font-size:.75rem;font-weight:600;}
.mpv-estado.derivado{background:#fff3cd;color:#8a6d00;}
.mpv-estado.recibido{background:#d4edda;color:#1d6a34;}
.mpv-estado.archivado{background:#e2e3e5;color:#495057;}
.mpv-estado.proceso{background:#cfe2ff;color:#0a4a9e;}
.mpv-tabla tbody tr.fila-expediente{cursor:pointer;}
.mpv-tabla tbody tr.fila-expediente.seleccionada td{background:#e8f1f9;}
.mpv-adjunto{display:inline-block;margin:1px 0;font-size:.82rem;}