/* ==========================================================================
   GutLab · Ventanas modales (acceso, registro, detalle de examen, orden, documento).
   ========================================================================== */

/* MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:500;
  display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;
  overflow-y:auto;backdrop-filter:blur(5px);}
.modal-box{background:#fff;border-radius:20px;width:460px;max-width:100%;
  box-shadow:0 20px 60px rgba(0,0,0,.2);}
.modal-head{padding:24px 28px;border-radius:20px 20px 0 0;color:#fff;position:relative;}
.modal-head h3{font-size:18px;font-weight:700;color:#fff;}
.modal-head p{font-size:13px;opacity:.7;margin-top:4px;}
.modal-close{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:8px;
  background:rgba(255,255,255,.18);color:#fff;font-size:16px;display:flex;align-items:center;
  justify-content:center;cursor:pointer;border:none;}
.modal-close:hover{background:rgba(255,255,255,.28);}
.modal-body{padding:28px;}
.form-group{margin-bottom:16px;}
.form-group label{display:block;font-size:12px;font-weight:700;color:var(--muted);
  margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em;}
.modal-foot{padding:0 28px 24px;display:flex;flex-direction:column;gap:10px;}