/* Ficha de Unidad. Complementa flt_dashboard.css; no redefine nada de etradie.css. */
.flt-unit-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 16px}
.flt-unit-counters button{border:1px solid #dfe6f0;background:#fff;border-radius:9px;padding:8px 12px;display:flex;flex-direction:column;gap:2px;text-align:left;color:#2a3b6e;font-size:var(--et-fs-xs);cursor:pointer}
.flt-unit-counters button[aria-pressed="true"]{border-color:#4e73df;box-shadow:0 0 0 2px #4e73df22}
.flt-unit-counters strong{font-size:17px;line-height:1.2}
.flt-unit-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.flt-unit-head img{width:132px;height:88px;object-fit:cover;border-radius:9px;border:1px solid #e1e7f0;background:#eef2f7}
.flt-unit-head>div:first-of-type{flex:1;min-width:220px}
.flt-unit-head h2{font-size:19px;color:#2a3b6e;margin:0 0 4px;font-weight:700;text-transform:none}
.flt-unit-head p{font-size:var(--et-fs-sm);color:#6b7991;margin:0}
.flt-unit-head #marks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.flt-unit-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.flt-unit-tabs button{border:1px solid #dfe6f0;background:#fff;color:#2a3b6e;border-radius:20px;padding:7px 14px;font-size:var(--et-fs-sm);cursor:pointer}
.flt-unit-tabs button[aria-current="page"]{background:#2a3b6e;border-color:#2a3b6e;color:#fff}
.flt-unit-tabs button span{display:inline-block;margin-left:6px;background:#eef2f7;color:#52657d;border-radius:10px;padding:1px 7px;font-size:var(--et-fs-label)}
.flt-unit-tabs button[aria-current="page"] span{background:#ffffff28;color:#fff}
.flt-light{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;border-radius:var(--et-radius-pill,20px);padding:2px 8px;border:1px solid;background:transparent}
.flt-light::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.flt-light.rojo{background:#ffe8ed;color:#aa2842}
.flt-light.ambar{background:#fff0d8;color:#936013}
.flt-light.verde{background:#e2f6ee;color:#157152}
.flt-light.sin_dato{background:#eef2f7;color:#52657d}
.flt-badge.en_ot{background:#e6edff;color:#28459c}
.flt-badge.en_viaje,.flt-badge.en_ruta{background:#e6f1fb;color:#1d5d87}
.flt-badge.reservada{background:#fff0d8;color:#936013}
.flt-badge.prestada{background:#f2ecff;color:#5a3ea8}
.flt-badge.fuera_servicio,.flt-badge.baja,.flt-badge.sin_validar{background:#eef2f7;color:#52657d}
.flt-unit-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 6px}
.flt-unit-facts dt{font-size:var(--et-fs-xs);color:#7b8899;margin-bottom:4px}
.flt-unit-facts dd{font-size:var(--et-fs-xs);margin:0;overflow-wrap:anywhere}
.flt-unit-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.flt-unit-gallery figure{margin:0;border:1px solid #e1e7f0;border-radius:10px;overflow:hidden;background:#fff}
.flt-unit-gallery img{width:100%;height:140px;object-fit:cover;display:block;background:#eef2f7}
.flt-unit-gallery figcaption{font-size:var(--et-fs-xs);color:#6b7991;padding:8px 10px}
@media(max-width:850px){.flt-unit-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.flt-unit-facts{grid-template-columns:1fr}.flt-unit-head img{width:100%;height:150px}}
/* La fila completa abre la ficha; ya no hay columna "Abrir ficha". */
.flt-unit-row{cursor:pointer}
.flt-unit-row:hover td{background:#f3f7fd}
.flt-unit-row:focus-visible{outline:2px solid var(--et-primary);outline-offset:-2px}
/* Formulario de identidad: tres columnas que colapsan en pantallas chicas. */
.flt-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:6px}
#identity-fields h3:first-child{margin-top:0}
.flt-form label.flt-check{display:flex;align-items:center;gap:8px;align-self:end;min-height:38px}
.flt-check input{width:auto;margin:0}
.flt-check input{width:auto}
@media(max-width:850px){.flt-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.flt-grid3{grid-template-columns:1fr}}
/* Galería: alta y acciones por fotografía. Las heredadas sólo se consultan. */
.flt-gallery-add{margin-bottom:14px}
.flt-gallery-add label{display:grid;gap:6px;max-width:520px}
.flt-gallery-acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.flt-gallery-acciones .flt-link{font-size:var(--et-fs-label)}
.flt-gallery-legacy{display:block;margin-top:6px;font-size:var(--et-fs-label);color:#7b8899}
/* Un punto oculto se distingue sin desaparecer: el historico lo sigue usando. */
.flt-punto-oculto td{opacity:.55}
#puntos-dialog .flt-link{margin-right:10px}
/* Inspeccion: un renglon por punto del catalogo. */
.flt-insp{display:grid;gap:8px;margin-bottom:14px}
.flt-insp-fila{display:grid;grid-template-columns:minmax(160px,1fr) 190px minmax(160px,1.2fr);gap:10px;align-items:center}
.flt-insp-nombre{font-size:var(--et-fs-xs)}
@media(max-width:850px){.flt-insp-fila{grid-template-columns:1fr}}

/* Compartir informacion: sugerencias de cliente y cliente elegido. */
.flt-body #share-dialog{width:min(900px,calc(100vw - 32px))}
.flt-share-suggest{display:flex;flex-direction:column;border:1px solid #dfe6f0;border-radius:9px;max-height:220px;overflow:auto;background:#fff}
.flt-share-suggest .flt-link{padding:8px 12px;border-bottom:1px solid var(--et-line,#edf0f6);font-size:var(--et-fs-xs)}
.flt-share-suggest .flt-link:last-child{border-bottom:0}
.flt-share-suggest .flt-link:hover{background:#f3f7fd;text-decoration:none}
.flt-share-suggest .flt-link span{color:#7b8899;margin-left:6px}
.flt-share-chosen{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dfe6f0;border-radius:9px;padding:10px 12px;background:#f7f9fd;font-size:var(--et-fs-xs)}
#share-dialog h3{font-size:var(--et-fs-label);font-weight:700;text-transform:uppercase;color:#2a3b6e;margin:0 0 8px}
#share-dialog section{display:grid;gap:6px}
/* Contador de Incidencias: el numero es el total, como en las demas pestanas.
   Se pinta en rojo cuando quedan abiertas, para no perder la urgencia. La
   segunda regla evita que el estilo de pestana activa lo tape. */
.flt-unit-tabs button span.flt-tab-alerta,
.flt-unit-tabs button[aria-current="page"] span.flt-tab-alerta{background:#ffe1e7;color:#a5203a;font-weight:700}

/* Visor de documentos. El alto es fijo para que el PDF no colapse: un
   iframe sin altura declarada mide cero y se ve vacio. */
.flt-body #visor-dialog{width:min(1100px,calc(100vw - 32px))}
#visor-body{min-height:min(520px,66vh);display:flex;align-items:center;justify-content:center;background:#f5f7fb;border:1px solid var(--et-line,#edf0f6);border-radius:9px;overflow:auto;margin:6px 0}
#visor-body img{max-width:100%;max-height:66vh;display:block;border-radius:6px}
#visor-body iframe{width:100%;height:66vh;border:0;border-radius:6px;background:#fff}
.flt-body #visor-dialog footer{gap:10px;flex-wrap:wrap}
.flt-body #visor-dialog footer .flt-footnote{flex:1;min-width:220px}
/* La miniatura es un boton: se ve igual, pero se puede abrir y enfocar. */
.flt-unit-gallery button.flt-foto{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.flt-unit-gallery button.flt-foto:focus-visible{outline:2px solid var(--et-primary);outline-offset:-2px}
/* Las acciones de renglon iban pegadas una contra otra. */
.flt-body td .flt-link + .flt-link{margin-left:14px}