/* «Codigos de falla» (DTC), 19-oct-2026.
   Solo variables y piezas del panel (ESTILO-PANEL.md): letra de fabrica, 13/400 el texto,
   13/600 el titulo de seccion, 11/400 el dato pequeno de tarjeta, gris = var(--text-muted),
   huecos 4/9/12/16. Los colores de urgencia son los .label de fabrica (danger/warning/default).
   ⏪ VUELTA ATRAS: quitar las dos lineas que cargan este fichero y dtc.js en loged.blade.php. */

.dtc-ventana .dtc-intro { margin: 0 0 12px; color: var(--text-muted, #6B7280); font-size: 13px; }
.dtc-ventana .dtc-gris { color: var(--text-muted, #6B7280); }
.dtc-ventana .dtc-placa { display: block; margin-top: 4px; font-size: 12px; color: var(--text-muted, #6B7280); }
.dtc-ventana .dtc-codigos .dtc-codigo + .dtc-codigo { margin-left: 6px; }
.dtc-ventana .dtc-cuenta { margin-right: 4px; color: var(--text-muted, #6B7280); }
.dtc-ventana .dtc-titulo { margin: 16px 0 9px; font-size: 13px; font-weight: 600; }
.dtc-ventana .dtc-titulo:first-child { margin-top: 0; }
.dtc-ventana .dtc-pie { margin: 9px 0 0; font-size: 12px; }
.dtc-ventana .dtc-ayuda { margin: 12px 0 0; }
.dtc-ventana .dtc-vacio p:last-child { margin-bottom: 0; }
.dtc-ventana .dtc-tabla td { vertical-align: middle; white-space: normal; }
.dtc-ventana .label { display: inline-block; white-space: nowrap; }
/* El tema da min-height:200px a .table-responsive (sitio para menus desplegables dentro de la tabla);
   aqui no hay desplegables y con 2 filas dejaba un hueco vacio de ~90 px. */
.dtc-ventana .table-responsive { min-height: 0; }
/* Explicacion sencilla y «que hacer» de los codigos del diccionario curado (ficha del vehiculo). */
.dtc-ventana .dtc-explica { display: block; margin-top: 4px; font-size: 12px; color: var(--text-muted, #6B7280); }

/* La tarjeta en los paneles de informacion: la tabla es la de fabrica (la misma que Sensores, con
   sus alturas y su «...»); aqui solo el pie con el boton, separado de la tabla flotada. */
#widgets .widget-dtc .dtc-w-pie { clear: both; padding-top: 9px; }
/* Paneles abajo en celular: la tarjeta no puede ser mas ancha que el carril (medido: 334 px en un
   carril de 298, y se cortaba por la izquierda sin forma de llegar). Que mida como mucho el carril. */
@media (max-width: 767px) {
    body.widgets-bottom #widgets #widget-dtc { width: min(300px, calc(100vw - 110px)) !important; box-sizing: border-box; }
    body.widgets-bottom #widgets #widget-dtc .table { width: 100% !important; float: none !important; }
}
/* El nombre del codigo se lee ENTERO (en los paneles el tema corta todo a un renglon de 30 px con
   «...»; en la tarjeta de fallas el nombre es el dato). Acotado a esta tarjeta. */
body #widgets .widget-dtc .widget-body .table > tbody > tr { height: auto !important; }
body #widgets .widget-dtc .widget-body .table > tbody > tr > td:first-child {
    white-space: normal !important; overflow: visible !important; text-overflow: clip !important; height: auto !important;
}

/* Celular: las tablas de la ventana pasan a una ficha por renglon (sin barra horizontal; antes los
   codigos y el boton «Ver» quedaban fuera de la pantalla). */
/* Tema oscuro: el tema de fabrica pinta la fila bajo el raton en casi blanco (rgb 249) y deja la
   letra clara: no se lee (pasa igual en Alertas, medido 19-oct). En nuestras tablas, el fondo de
   «al pasar el raton» de ESTILO-PANEL.md (apartado 2-bis, oscuro: marca al 16 %). */
html[data-theme="dark"] .dtc-ventana .table > tbody > tr:hover,
html[data-theme="dark"] .dtc-ventana .table > tbody > tr:hover > td { background-color: rgba(var(--brand-rgb, 37,99,235), .16) !important; }
.dtc-ventana .dtc-solo-cel { display: none; }
@media (max-width: 767px) {
    .dtc-ventana .dtc-solo-cel { display: inline; }
    .dtc-ventana .dtc-tabla thead { display: none; }
    .dtc-ventana .dtc-tabla, .dtc-ventana .dtc-tabla tbody, .dtc-ventana .dtc-tabla tr, .dtc-ventana .dtc-tabla td { display: block; width: 100%; }
    .dtc-ventana .dtc-tabla tr { padding: 9px 0; border-bottom: 1px solid var(--border, #E5E7EB); }
    .dtc-ventana .dtc-tabla td { padding: 2px 9px !important; border: 0 !important; white-space: normal !important; }
    .dtc-ventana .dtc-tabla td.actions { padding-top: 9px !important; }
    .dtc-ventana .table-responsive { border: 0; }
}

/* El icono del menu: el MISMO glifo «engine» de la tipografia de iconos del panel (icomoon,
   U+E913, el que ya sale en Sensores), pasado a mascara de 20 px como los demas iconos del
   menu (menu-superior.css). Con el glifo tal cual salia mas pequeno y aplastado. */
#nav-rail .nr-icon.engine,
.ap-rail-pop .nr-icon.engine,
#widgets #widget-dtc .widget-title > .icon.engine,
.dtc-ventana .modal-title .icon.engine,
.dtc-ventana .modal-header .icon.engine {
    background-color: currentColor !important;
    background-image: none !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%2740%2011%20970%20970%27%3E%3Cpath%20fill%3D%27black%27%20transform%3D%27translate%280%2C960%29%20scale%281%2C-1%29%27%20d%3D%27M82.080%20249.126c-14.141%200-25.6%2011.455-25.6%2025.6v340.337c0%2014.138%2011.459%2025.6%2025.6%2025.6s25.6-11.462%2025.6-25.6v-340.337c0-14.138-11.462-25.6-25.6-25.6zM766.444%20135.68h-280.477c-24.791%200-57.777%2012.056-76.728%2028.044l-82.285%2069.431c-9.735%208.209-30.976%2015.974-43.711%2015.974h-53.583c-32.935%200-59.733%2026.801-59.733%2059.733v272.073c0%2032.935%2026.798%2059.733%2059.733%2059.733h45.182c4.192%200%207.366%200.7%209.434%201.393%204.816%2021.245%2028.505%2036.424%2058.832%2036.424h309.893c32.932%200%2059.733-26.798%2059.733-59.733v-7.366c0-4.625%203.908-8.533%208.533-8.533h45.175c32.935%200%2059.733-26.798%2059.733-59.733v-45.179c0-4.625%203.912-8.533%208.533-8.533h7.363c4.625%200%208.533%203.908%208.533%208.533v7.366c0%2032.935%2026.798%2059.733%2059.733%2059.733h7.366c32.932%200%2059.733-26.798%2059.733-59.733v-234.26c0-32.935-26.801-59.733-59.733-59.733h-7.366c-32.935%200-59.733%2026.798-59.733%2059.733v7.366c0%204.622-3.908%208.533-8.533%208.533h-7.363c-4.622%200-8.533-3.912-8.533-8.533v-82.999c0-32.932-26.798-59.733-59.733-59.733zM229.659%20589.469c-4.625%200-8.533-3.908-8.533-8.533v-272.073c0-4.622%203.908-8.533%208.533-8.533h53.583c24.791%200%2057.777-12.052%2076.728-28.041l82.285-69.427c9.735-8.212%2030.976-15.981%2043.711-15.981h280.477c4.622%200%208.533%203.908%208.533%208.533v82.992c0%2032.935%2026.798%2059.733%2059.733%2059.733h7.363c32.932%200%2059.733-26.798%2059.733-59.733v-7.363c0-4.625%203.908-8.533%208.533-8.533h7.366c4.622%200%208.533%203.908%208.533%208.533v234.26c0%204.625-3.912%208.533-8.533%208.533h-7.366c-4.625%200-8.533-3.908-8.533-8.533v-7.366c0-32.935-26.801-59.733-59.733-59.733h-7.363c-32.935%200-59.733%2026.798-59.733%2059.733v45.179c0%204.625-3.912%208.533-8.533%208.533h-45.175c-32.935%200-59.733%2026.798-59.733%2059.733v7.366c0%204.625-3.912%208.533-8.533%208.533h-309.893c-4.192%200-7.366-0.7-9.434-1.393-4.816-21.245-28.505-36.424-58.832-36.424l-45.182%200.003zM687.135%20740.731h-340.34c-14.141%200-25.6%2011.462-25.6%2025.6s11.459%2025.6%2025.6%2025.6h340.34c14.141%200%2025.6-11.462%2025.6-25.6s-11.465-25.6-25.6-25.6zM498.053%20627.282c-14.141%200-25.6%2011.462-25.6%2025.6v113.449c0%2014.138%2011.459%2025.6%2025.6%2025.6s25.6-11.462%2025.6-25.6v-113.446c0-14.141-11.459-25.603-25.6-25.603zM195.526%20400.391h-113.446c-14.141%200-25.6%2011.459-25.6%2025.6%200%2014.145%2011.459%2025.6%2025.6%2025.6h113.446c14.141%200%2025.6-11.455%2025.6-25.6%200-14.141-11.459-25.6-25.6-25.6z%27%2F%3E%3C%2Fsvg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%2740%2011%20970%20970%27%3E%3Cpath%20fill%3D%27black%27%20transform%3D%27translate%280%2C960%29%20scale%281%2C-1%29%27%20d%3D%27M82.080%20249.126c-14.141%200-25.6%2011.455-25.6%2025.6v340.337c0%2014.138%2011.459%2025.6%2025.6%2025.6s25.6-11.462%2025.6-25.6v-340.337c0-14.138-11.462-25.6-25.6-25.6zM766.444%20135.68h-280.477c-24.791%200-57.777%2012.056-76.728%2028.044l-82.285%2069.431c-9.735%208.209-30.976%2015.974-43.711%2015.974h-53.583c-32.935%200-59.733%2026.801-59.733%2059.733v272.073c0%2032.935%2026.798%2059.733%2059.733%2059.733h45.182c4.192%200%207.366%200.7%209.434%201.393%204.816%2021.245%2028.505%2036.424%2058.832%2036.424h309.893c32.932%200%2059.733-26.798%2059.733-59.733v-7.366c0-4.625%203.908-8.533%208.533-8.533h45.175c32.935%200%2059.733-26.798%2059.733-59.733v-45.179c0-4.625%203.912-8.533%208.533-8.533h7.363c4.625%200%208.533%203.908%208.533%208.533v7.366c0%2032.935%2026.798%2059.733%2059.733%2059.733h7.366c32.932%200%2059.733-26.798%2059.733-59.733v-234.26c0-32.935-26.801-59.733-59.733-59.733h-7.366c-32.935%200-59.733%2026.798-59.733%2059.733v7.366c0%204.622-3.908%208.533-8.533%208.533h-7.363c-4.622%200-8.533-3.912-8.533-8.533v-82.999c0-32.932-26.798-59.733-59.733-59.733zM229.659%20589.469c-4.625%200-8.533-3.908-8.533-8.533v-272.073c0-4.622%203.908-8.533%208.533-8.533h53.583c24.791%200%2057.777-12.052%2076.728-28.041l82.285-69.427c9.735-8.212%2030.976-15.981%2043.711-15.981h280.477c4.622%200%208.533%203.908%208.533%208.533v82.992c0%2032.935%2026.798%2059.733%2059.733%2059.733h7.363c32.932%200%2059.733-26.798%2059.733-59.733v-7.363c0-4.625%203.908-8.533%208.533-8.533h7.366c4.622%200%208.533%203.908%208.533%208.533v234.26c0%204.625-3.912%208.533-8.533%208.533h-7.366c-4.625%200-8.533-3.908-8.533-8.533v-7.366c0-32.935-26.801-59.733-59.733-59.733h-7.363c-32.935%200-59.733%2026.798-59.733%2059.733v45.179c0%204.625-3.912%208.533-8.533%208.533h-45.175c-32.935%200-59.733%2026.798-59.733%2059.733v7.366c0%204.625-3.912%208.533-8.533%208.533h-309.893c-4.192%200-7.366-0.7-9.434-1.393-4.816-21.245-28.505-36.424-58.832-36.424l-45.182%200.003zM687.135%20740.731h-340.34c-14.141%200-25.6%2011.462-25.6%2025.6s11.459%2025.6%2025.6%2025.6h340.34c14.141%200%2025.6-11.462%2025.6-25.6s-11.465-25.6-25.6-25.6zM498.053%20627.282c-14.141%200-25.6%2011.462-25.6%2025.6v113.449c0%2014.138%2011.459%2025.6%2025.6%2025.6s25.6-11.462%2025.6-25.6v-113.446c0-14.141-11.459-25.603-25.6-25.603zM195.526%20400.391h-113.446c-14.141%200-25.6%2011.459-25.6%2025.6%200%2014.145%2011.459%2025.6%2025.6%2025.6h113.446c14.141%200%2025.6-11.455%2025.6-25.6%200-14.141-11.459-25.6-25.6-25.6z%27%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-repeat: no-repeat;   mask-repeat: no-repeat;
    -webkit-mask-position: center;    mask-position: center;
    font-size: 0 !important;
}
#nav-rail .nr-icon.engine::before,
.ap-rail-pop .nr-icon.engine::before,
#widgets #widget-dtc .widget-title > .icon.engine::before,
.dtc-ventana .modal-title .icon.engine::before,
.dtc-ventana .modal-header .icon.engine::before { content: none !important; }
/* En el menu: 20 px, como los demas iconos del menu (menu-superior.css). */
#nav-rail .nr-icon.engine,
.ap-rail-pop .nr-icon.engine {
    -webkit-mask-size: 20px 20px;     mask-size: 20px 20px;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex: 0 0 20px !important;
}
/* En el titulo de la tarjeta: como el chip de Sensores (24 px, mascara + color de la marca). */
#widgets #widget-dtc .widget-title > .icon.engine {
    -webkit-mask-size: contain;       mask-size: contain;
}
/* En el titulo de la ventana: 16 px, el icono junto a un texto (ESTILO-PANEL.md, apartado 2). En px y
   no en em porque la regla comun de arriba pone font-size:0 (para esconder el glifo viejo). */
.dtc-ventana .modal-title .icon.engine,
.dtc-ventana .modal-header .icon.engine {
    display: inline-block; width: 16px !important; height: 16px !important; vertical-align: -3px;
    -webkit-mask-size: contain;       mask-size: contain;
}

/* 20-oct-2026 · «Codigos de falla» en el menu de acciones de CADA vehiculo («⋯» de la lista).
   Mismo juego que los iconos de ese menu (public/assets/custom/css.css, «Pasar a anual»): mascara
   de 18 px, trazo 1,5, color del texto. Con el glifo de la tipografia salia de 12 px y el texto
   empezaba 6 px antes que el de las demas filas (medido). */
#ajax-items li[data-device-id] .details .dropdown-menu .icon.engine {
    display: inline-block !important;
    background-color: currentColor !important;
    background-image: none !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%271.5%201%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8.5%204.5h6M11.5%204.5v3.5%27%2F%3E%3Cpath%20d%3D%27M5.5%208h8.5l2%202h2v-1.5h2.5v8H18V15h-2l-2.5%202.5H8.5L6.5%2016h-1z%27%2F%3E%3Cpath%20d%3D%27M5.5%2010.5H3M3%209v5%27%2F%3E%3C%2Fsvg%3E") center / 18px 18px no-repeat !important;
            mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%271.5%201%2020%2020%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M8.5%204.5h6M11.5%204.5v3.5%27%2F%3E%3Cpath%20d%3D%27M5.5%208h8.5l2%202h2v-1.5h2.5v8H18V15h-2l-2.5%202.5H8.5L6.5%2016h-1z%27%2F%3E%3Cpath%20d%3D%27M5.5%2010.5H3M3%209v5%27%2F%3E%3C%2Fsvg%3E") center / 18px 18px no-repeat !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    font-size: 0 !important;
    transform: none !important;
    vertical-align: middle !important;
}
#ajax-items li[data-device-id] .details .dropdown-menu .icon.engine::before {
    content: none !important;
}