/* Orión Suite · ventanas tipo formulario de Excel (mismas posiciones), con la paleta de la propuesta */
:root{
  --p-indigo:#5a5fd6; --p-indigo-osc:#3d3f8f; --p-teal:#2aa198; --p-teal-osc:#1f7f78;
  --p-lavanda:#efedfc; --p-menta:#e4f6f3; --p-cielo:#e7f1fb; --p-durazno:#fdf0e8; --p-durazno-txt:#7a4a26;
  --p-rosa:#fbecf2; --p-rosa-txt:#9b2c5a; --p-linea:#d6dcea; --p-suave:#5d6585;
}

/* capa que cubre la portada (la barra de botones queda visible, como en Excel) */
.capa-form{position:fixed;inset:0 0 0 var(--ancho-nav);z-index:20;display:grid;place-items:center;
  background:rgba(31,37,68,.16);backdrop-filter:blur(2px);overflow:hidden;}
.capa-form .escala{transform:scale(var(--escala,1));transform-origin:center;}

.ventana-form{position:relative;background:#f4fbfa;border-radius:16px;box-shadow:0 24px 60px rgba(20,40,70,.28),0 0 0 1px rgba(90,95,214,.12);
  font-family:"Visuelt Pro",system-ui,sans-serif;color:var(--tinta);overflow:hidden;}
.ventana-barra{height:22px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 12px;
  font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--p-suave);background:#fff;border-bottom:1px solid #e3ecef;}
.cerrar-x{border:0;background:none;font-size:17px;line-height:1;color:var(--p-suave);cursor:pointer;width:22px;height:20px;border-radius:5px;}
.cerrar-x:hover{background:var(--p-rosa);color:var(--p-rosa-txt);}
.ventana-cuerpo{position:relative;height:calc(100% - 22px);}
.ventana-cuerpo [data-c],.ventana-cuerpo [data-accion],.ventana-cuerpo .campo{position:absolute;box-sizing:border-box;margin:0;}

/* títulos */
.barra{display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;border-radius:8px;letter-spacing:.02em;
  font-size:15px;background:linear-gradient(90deg,var(--p-teal-osc),var(--p-teal));box-shadow:0 2px 6px rgba(31,127,120,.22);}
.barra.principal{font-size:19px;border-radius:10px;background:linear-gradient(90deg,var(--p-indigo) 0%,#4a7fe0 55%,#0F9ED5 100%);
  box-shadow:0 4px 12px rgba(90,95,214,.3);}
.barra[data-c^="lblSubTitulo"]{font-size:12px;font-weight:500;background:linear-gradient(90deg,#7b7fe0,#9a9df0);}

/* etiquetas (beige en Excel → durazno) */
.etiqueta{display:flex;align-items:center;padding:0 5px;font-size:9.6px;letter-spacing:-.01em;font-weight:500;color:var(--p-durazno-txt);
  background:var(--p-durazno);border:1px solid #f3dcc8;border-radius:6px;white-space:nowrap;overflow:hidden;}
.nota{font-size:10px;line-height:1.35;color:var(--p-suave);white-space:normal;}

/* campos */
.campo{font:inherit;font-size:11px;color:var(--tinta);background:#fff;border:1px solid var(--p-linea);border-radius:6px;padding:0 6px;outline:none;}
textarea.campo{padding:4px 6px;resize:none;line-height:1.3;}
select.campo{padding:0 4px;}
.campo:focus{border-color:var(--p-indigo);box-shadow:0 0 0 2px rgba(90,95,214,.18);}
.campo:disabled,.campo[readonly]{background:#f6f8fb;color:var(--tinta);opacity:1;-webkit-text-fill-color:var(--tinta);}
.campo[readonly]{background:#eef8f6;color:#1f7f78;-webkit-text-fill-color:#1f7f78;font-weight:500;}
select.campo:disabled{appearance:none;}
.ventana-form.editando .campo:not(:disabled):not([readonly]){background:#fff;border-color:#b9c3f2;}
input[type=date].campo{padding:0 4px;}
input[type=date].campo::-webkit-calendar-picker-indicator{opacity:.5;}
.casilla{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--p-durazno-txt);background:var(--p-durazno);
  border-radius:6px;padding:0 6px;white-space:nowrap;cursor:pointer;}
.casilla input{accent-color:var(--p-indigo);width:13px;height:13px;margin:0;}
.casilla.opcion{background:transparent;color:var(--tinta);font-size:11.5px;}
[data-c="ChkLunes"],[data-c="ChkMartes"],[data-c="ChkMiercoles"],[data-c="ChkJueves"],[data-c="ChkViernes"],[data-c="ChkSabado"],[data-c="ChkDomingo"],
[data-c="chkAlmuerzoFlotante"]{background:transparent;color:var(--tinta);}

/* botones */
.boton-form{font:inherit;font-size:11px;font-weight:500;color:#2d4a8a;background:var(--p-cielo);border:1px solid #cfe0f4;border-radius:7px;
  cursor:pointer;padding:0;transition:filter .15s,transform .1s;}
.boton-form:hover{filter:brightness(1.04);transform:translateY(-1px);}
.boton-form:active{transform:translateY(0);}
.boton-form:disabled{opacity:.45;cursor:not-allowed;transform:none;}
[data-accion="cmdGuardar"],[data-accion="cmdLimpiar"],[data-accion="cmdCerrar"].boton-form{font-size:13px;font-weight:700;color:#fff;border:0;
  background:linear-gradient(180deg,#6d72e6,var(--p-indigo));box-shadow:0 3px 8px rgba(90,95,214,.3);}
[data-accion="cmdEditar"]{font-size:13px;font-weight:700;color:#fff;border:0;background:linear-gradient(180deg,#3cb8ad,var(--p-teal));box-shadow:0 3px 8px rgba(42,161,152,.3);}
[data-accion="cmdEliminarRegistroEmpleado"]{font-size:12px;font-weight:700;color:#fff;border:0;background:linear-gradient(180deg,#f59a5e,#e9773a);box-shadow:0 3px 8px rgba(233,119,58,.3);}
[data-accion="cmdCargarFoto"]{font-size:13px;color:var(--p-indigo-osc);background:var(--p-lavanda);border-color:#dcd8fb;}
[data-accion="cmdRegistrarAumento"],[data-accion="cmdHistorialAumento"],[data-accion="cmdRegistroDeAusencias"]{color:var(--p-durazno-txt);background:#fbe3d0;border-color:#f3cfb2;font-size:10.5px;}
[data-accion^="cmdCalendario"],[data-accion^="cmdVisualizar"]{font-size:9px;}

/* páginas */
.multipagina{background:var(--p-cielo);border-radius:12px;border:1px solid #d5e4f4;}
.pestanas{position:absolute;left:8px;top:2px;right:8px;height:22px;display:flex;gap:3px;z-index:2;margin:0;}
.pestanas button{font:inherit;font-size:10px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#b25a1c;background:#fff6ee;
  border:1px solid #f1d9c5;border-bottom:0;border-radius:8px 8px 0 0;padding:0 14px;height:22px;box-sizing:border-box;margin:0;cursor:pointer;
  white-space:nowrap;flex:none;}
.pestanas button[aria-selected="true"]{color:var(--p-indigo-osc);background:#fff;border-color:#d5e4f4;box-shadow:inset 0 3px 0 var(--p-indigo);}
.paginas{position:absolute;left:0;right:0;bottom:0;}
.pagina{position:absolute;inset:0;}

/* marcos */
.marco{border:1px solid #dfe3f2;border-radius:10px;background:rgba(255,255,255,.55);}
.marco[data-c="fraDatosBasicos"],.marco[data-c="fraDatosPlanilla"]{background:#f6f5fe;border-color:#e2dffb;}
.marco[data-c="fraDependientes"],.marco[data-c="fraDatosConyuge"]{background:#f6f5fe;}
.marco[data-c="FraDispIncapEnf"]{background:var(--p-menta);}
.marco[data-c="frmDatosDeLaTransferencia"]{background:#f2f8fd;}
.marco-titulo{position:absolute;left:10px;top:-8px;font-size:10px;font-weight:700;color:var(--p-indigo-osc);background:#fff;
  border:1px solid #e2dffb;border-radius:999px;padding:1px 8px;white-space:nowrap;z-index:1;}
.marco-dentro{position:absolute;left:2px;top:2px;right:0;bottom:0;}
.marco.con-titulo>.marco-dentro{top:8px;}

/* foto, buscador, resultados, estatus */
.foto{display:grid;place-items:center;background:#fff;border:2px dashed #cfd8e6;border-radius:12px;overflow:hidden;}
.foto img{width:100%;height:100%;object-fit:cover;}
.sin-foto{font-size:11px;color:#9aa0ad;}
[data-c="txtBuscar"]{background:var(--p-menta);border-color:#bfe6df;font-size:12px;}
[data-c="LabelBuscar"]{background:transparent;border:0;color:var(--p-indigo-osc);font-weight:700;justify-content:center;font-size:11px;}
.resultados{background:#fff;border:1px solid var(--p-linea);border-radius:10px;overflow-y:auto;font-size:11px;padding:3px;}
.resultados button{display:block;width:100%;text-align:left;font:inherit;border:0;background:none;padding:4px 6px;border-radius:6px;cursor:pointer;color:var(--tinta);}
.resultados button:hover{background:var(--p-menta);}
.resultados button.sel{background:var(--p-lavanda);color:var(--p-indigo-osc);font-weight:500;}
.resultados small{color:var(--p-suave);}
.resultados .vacio{color:#9aa0ad;padding:6px;}
[data-c="txtEstatus"]{text-align:center;font-size:13px;font-weight:700;letter-spacing:.04em;}
[data-c="txtEstatus"].e-ACT{background:#e4f6ec;color:#1e7a46;-webkit-text-fill-color:#1e7a46;border-color:#bfe6cf;}
[data-c="txtEstatus"].e-CES{background:#fde7e7;color:#c0392b;-webkit-text-fill-color:#c0392b;border-color:#f5b9b4;}
[data-c="txtEstatus"].e-VAC{background:#fbf1d6;color:#9a7206;-webkit-text-fill-color:#9a7206;border-color:#ecd38c;}
[data-c="txtEstatus"].e-LIC,[data-c="txtEstatus"].e-INC{background:var(--p-lavanda);color:var(--p-indigo-osc);-webkit-text-fill-color:var(--p-indigo-osc);border-color:#d8d4fb;}
/* nombres y Nº de empleado: mayúsculas y negrita */
[data-c="txtApellido"],[data-c="txtNombre"],[data-c="txtNumeroEmpleado"]{text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.02em;}
.resultados button{text-transform:uppercase;}
.resultados button b{font-weight:700;}
/* fechas vacías: sin el "dd/mm/aaaa" de fondo (aparece solo al escribir) */
input[type=date].vacia:not(:focus)::-webkit-datetime-edit{color:transparent;}
input[type=date].vacia:not(:focus){color:transparent;}
.campo.sin-permiso{background:repeating-linear-gradient(45deg,#f3f4f8,#f3f4f8 4px,#eceef4 4px,#eceef4 8px);color:transparent;-webkit-text-fill-color:transparent;}

/* páginas que aún no están conectadas */
.aviso-pagina{position:absolute;right:16px;bottom:10px;font-size:11px;font-weight:500;color:var(--p-indigo-osc);background:var(--p-lavanda);
  border:1px solid #dcd8fb;border-radius:999px;padding:4px 12px;}
/* bitácora */
.fila-bitacora{display:grid;grid-template-columns:110px 170px 190px 1fr;gap:8px;padding:4px 6px;border-bottom:1px solid #f0f2f7;font-size:10.5px;align-items:baseline;}
.fila-bitacora b{font-weight:500;color:var(--tinta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fila-bitacora .acc{color:var(--p-indigo-osc);font-weight:500;}
.fila-bitacora .det{color:var(--p-suave);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
[data-accion="cmdCambiarContrasena"],[data-accion="cmdClaveEditar"],[data-accion="cmdClaveEliminar"]{font-size:12px;font-weight:700;color:#fff;border:0;
  background:linear-gradient(180deg,#6d72e6,var(--p-indigo));}
[data-accion="cmdClaveEliminar"]{background:linear-gradient(180deg,#f59a5e,#e9773a);}
[data-accion="cmdActualizar"]{font-size:13px;font-weight:700;color:#fff;border:0;background:linear-gradient(180deg,#6d72e6,var(--p-indigo));}
[data-accion="cmdCierreDeMes"],[data-accion="cmdCerrarPlanillaActiva"]{font-size:11px;font-weight:700;color:#fff;border:0;background:linear-gradient(180deg,#f59a5e,#e9773a);}

/* ---------- diálogos: clave y alertas (como frmClave y frmAlertaSospechosa) ---------- */
.dialogo-fondo{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgba(31,37,68,.28);}
.dialogo{width:min(92vw,360px);background:#f4fbfa;border-radius:16px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.3);
  font-family:"Visuelt Pro",system-ui,sans-serif;color:var(--tinta);animation:entra .18s ease-out;}
@keyframes entra{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}
.dialogo h3{margin:0 0 12px;padding:9px 12px;border-radius:10px;color:#fff;font-size:15px;text-align:center;
  background:linear-gradient(90deg,var(--p-teal-osc),var(--p-teal));}
.dialogo p{margin:0 0 12px;font-size:13px;color:var(--p-suave);text-align:center;}
.dialogo input[type=password],.dialogo input[type=text],.dialogo input[type=email],.dialogo input[type=date],.dialogo input[type=number],.dialogo select{
  width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--p-linea);border-radius:10px;background:#fff;margin-bottom:10px;}
.dialogo .acciones{display:flex;justify-content:space-between;gap:10px;margin-top:4px;}
.dialogo .acciones button{flex:1;font:inherit;font-size:13px;font-weight:700;border:0;border-radius:10px;padding:10px;cursor:pointer;color:#fff;}
.dialogo .no{background:#c0392b;} .dialogo .si{background:linear-gradient(180deg,#6d72e6,var(--p-indigo));}
.dialogo .error{color:var(--p-rosa-txt);background:var(--p-rosa);border-radius:8px;padding:6px 10px;font-size:12px;margin:-4px 0 10px;}
.dialogo.alerta{width:min(92vw,330px);text-align:center;}
.dialogo.alerta .mensaje{font-size:15px;font-weight:700;line-height:1.35;background:#fff9cd;border-radius:12px;padding:10px;margin-bottom:10px;white-space:pre-line;}
.dialogo.alerta img{width:100%;max-height:230px;object-fit:contain;border-radius:12px;background:#fff;}
.dialogo.alerta .acciones button{font-size:12px;}
.dialogo.ancho{width:min(94vw,620px);}
.dialogo table{width:100%;border-collapse:collapse;font-size:12px;background:#fff;border-radius:10px;overflow:hidden;}
.dialogo th{background:var(--p-lavanda);color:var(--p-indigo-osc);text-align:left;padding:6px 8px;font-weight:500;}
.dialogo td{padding:6px 8px;border-top:1px solid #eef1f6;}
.dialogo td.n,.dialogo th.n{text-align:right;}
.dialogo label.fila{display:block;font-size:12px;color:var(--p-suave);margin-bottom:4px;}

/* ---------- acceso (inicio de sesión) ---------- */
.acceso{position:fixed;inset:0;z-index:50;display:grid;place-items:center;
  background:#0b1640 url("identidades/orion/bienvenida.webp") center/cover no-repeat;}
.acceso::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,22,64,.25),rgba(11,22,64,.55));}
.tarjeta-acceso{position:relative;width:min(92vw,380px);background:rgba(255,255,255,.95);border-radius:20px;padding:26px 26px 22px;
  box-shadow:0 30px 70px rgba(0,0,0,.35);font-family:"Visuelt Pro",system-ui,sans-serif;color:var(--tinta);}
.tarjeta-acceso img{display:block;width:110px;margin:0 auto 10px;}
.tarjeta-acceso h2{margin:0 0 4px;text-align:center;font-size:19px;}
.tarjeta-acceso p{margin:0 0 16px;text-align:center;font-size:13px;color:var(--p-suave);}
.tarjeta-acceso label{display:block;font-size:12px;color:var(--p-suave);margin:0 0 4px;}
.tarjeta-acceso input{width:100%;box-sizing:border-box;font:inherit;font-size:15px;padding:10px 12px;border:1px solid var(--p-linea);border-radius:10px;margin-bottom:12px;}
.tarjeta-acceso button{width:100%;font:inherit;font-size:15px;font-weight:700;color:#fff;border:0;border-radius:12px;padding:11px;cursor:pointer;
  background:linear-gradient(90deg,var(--p-indigo),#0F9ED5);}
.tarjeta-acceso .error{color:var(--p-rosa-txt);background:var(--p-rosa);border-radius:8px;padding:7px 10px;font-size:13px;margin-bottom:12px;}

/* ojito para ver la clave */
.con-ojo{position:relative;display:block;}
.con-ojo input{padding-right:42px !important;}
.ojo{position:absolute;right:6px;top:6px;width:32px;height:30px;border:0;border-radius:8px;background:transparent;cursor:pointer;
  font-size:16px;line-height:1;opacity:.45;filter:grayscale(1);}
.ojo:hover{opacity:.8;background:var(--p-lavanda);}
.ojo.activo{opacity:1;filter:none;background:var(--p-lavanda);}
.tarjeta-acceso .con-ojo{margin-bottom:12px;} .tarjeta-acceso .con-ojo input{margin-bottom:0;}
.dialogo .con-ojo{margin-bottom:10px;} .dialogo .con-ojo input{margin-bottom:0;}
.tarjeta-acceso .ojo,.dialogo .acciones ~ .ojo,.dialogo .ojo{width:32px;height:30px;padding:0;margin:0;background:transparent;color:inherit;font-weight:400;flex:none;}
.tarjeta-acceso .ojo.activo,.dialogo .ojo.activo,.tarjeta-acceso .ojo:hover,.dialogo .ojo:hover{background:var(--p-lavanda);}

/* usuaria en la portada */
.usuaria{position:absolute;top:18px;right:18px;z-index:3;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--p-suave);
  background:rgba(255,255,255,.9);border-radius:999px;padding:5px 6px 5px 14px;box-shadow:0 2px 10px rgba(0,0,0,.08);}
.usuaria button{font:inherit;font-size:12px;border:0;border-radius:999px;padding:5px 12px;cursor:pointer;background:var(--p-lavanda);color:var(--p-indigo-osc);}