/* Rubria · estilos del lote 5 · Gestión y servicio (PME, DA, ADM, SER). Solo clases con prefijo «gestion-»; lo común vive en ../sistema.css. */

/* Formularios en línea: campos apilados que se acomodan al ancho */
.gestion-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px 14px;align-items:end}
.gestion-campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.gestion-campo .campo{width:100%}
.gestion-campo textarea.campo{min-height:3.4rem}
.gestion-asist{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:6px 14px;margin:6px 0 10px}

/* Cifras en fila */
.gestion-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
.gestion-kpis>*{padding:14px 16px;border-radius:var(--r-md);background:var(--bandeja);min-width:0}
.gestion-kpis .kpi-m{font-size:1.6rem;overflow-wrap:anywhere}

/* Dos columnas parejas (dimensiones del PME) */
.gestion-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}

/* Fases del ciclo */
.gestion-fases{display:flex;flex-direction:column;gap:6px}
.gestion-fase{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r-md);background:var(--bandeja)}

/* Selección en listas y líneas anuladas */
.fl.gestion-sel{background:var(--violeta-piso)}
.fl>.t .medidor{margin-top:6px;height:6px}
.gestion-anulado td:not(:last-child){text-decoration:line-through;text-decoration-color:var(--tinta3);color:var(--tinta3)}

/* Tablas del lote: montos y fechas en una línea */
.gestion-tabla td.num{white-space:nowrap}
.gestion-alerta .cab{flex-direction:column;align-items:flex-start;gap:6px}

/* Horario semanal */
.gestion-horario td,.gestion-horario th{min-width:9.5rem}
.gestion-horario td:first-child,.gestion-horario th:first-child{min-width:6rem}
.gestion-celda{font-size:.8rem;line-height:1.35}
.gestion-celda>span{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.7rem;color:var(--tinta2)}
.gestion-celda.pasada{color:var(--tinta3);background:var(--bandeja)}
.gestion-celda .est{white-space:normal}

/* Plazos en paralelo (CON-02) */
.gestion-plazos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}
.gestion-plazos>div{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:var(--r-md);background:var(--bandeja);box-shadow:inset 3px 0 0 var(--err)}
.gestion-plazos b{font-size:1.4rem;font-weight:500}
.gestion-plazos span:last-child{font-size:.8rem;color:var(--tinta2)}

/* Pestañas largas de la instalación (ADM-11): se acomodan en varias líneas */
.gestion-pestanas{max-width:100%;min-width:0}
.gestion-pestanas .tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;border-radius:var(--r-md)}
.gestion-pestanas .tabs button{flex:none}
/* Lista de comprobación (instalación, expediente) */
.gestion-check{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:12px 0;border-bottom:1px solid var(--linea)}
.gestion-check:last-of-type{border-bottom:0}
.gestion-check>.t{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:.8rem;color:var(--tinta2)}
.gestion-check>.t>b{font-size:.9rem;font-weight:500;color:var(--tinta)}
.gestion-check>.der{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.gestion-obs{color:var(--err-tinta)}

/* Respaldo: 36 días en una tira */
.gestion-dias{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.1rem,1fr));gap:5px}
.gestion-dia{display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:9px;font:400 .7rem/1 var(--mono);cursor:pointer;background:var(--ok-piso);color:var(--ok-tinta);box-shadow:inset 0 0 0 1px var(--ok-vivo)}
.gestion-dia.fallido{background:var(--err-piso);color:var(--err-tinta);box-shadow:inset 0 0 0 1.5px var(--err)}
.gestion-dia.programado{background:var(--bandeja);color:var(--tinta2);box-shadow:none;outline:1.5px dashed var(--tinta3);outline-offset:-3px}
.gestion-dia.on{box-shadow:0 0 0 2px var(--violeta)}
.gestion-leyenda{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.74rem;color:var(--tinta2);align-items:center}
.gestion-leyenda span{display:inline-flex;align-items:center;gap:6px}
.gestion-leyenda i.gestion-dia{width:14px;height:14px;border-radius:4px;cursor:default}

/* Preferencias */
.gestion-pref{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--linea);font-size:.86rem}
.gestion-pref:last-of-type{border-bottom:0}

/* Ayuda paso a paso */
.gestion-paso{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:12px;align-items:start}
.gestion-paso>.num{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--violeta-piso);color:var(--violeta-tinta)}
.gestion-paso p{margin:2px 0 0;font-size:.86rem;color:var(--tinta2)}
.gestion-reloj .est{font-size:.8rem}

@media (max-width:1100px){.gestion-grid2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .gestion-check{grid-template-columns:minmax(0,1fr)}
  .gestion-check>.der{align-items:flex-start}
  .gestion-fase{grid-template-columns:1.6rem minmax(0,1fr)}
  .gestion-fase>.chip-ir{grid-column:2}
  .gestion-kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

/* En el teléfono los botones largos del aviso de choque bajan de línea en vez de salirse */
@media (max-width:760px){.gestion-alerta .btn{white-space:normal;height:auto;min-height:2.6rem;padding-top:8px;padding-bottom:8px;text-align:left;max-width:100%}}