/* ============================================================
   POSCAM GPS WOX2 (plataforma.poscam.cl) — Personalización parcial
   Cargado por Appearance::assetFileExists('css'). NO edita el core.
   SOLO: iconos de sensores a color + menús (header y 3-puntitos).
   NO incluye checkbox circular ni lista Navixy (a propósito).
   Fecha: 2026-07-15
   ============================================================ */

/* ============================================================
   1. ICONOS DE SENSORES CON COLORES (panel inferior + popup mapa)
   El tema los apaga con `#widgets .widget-sensors .table .icon
   {color:#ccc}` → igualamos especificidad con #.
   ============================================================ */
#widgets .widget-sensors .table .icon,
[data-device="sensors"] td .icon {
    display: inline-block;
    min-width: 24px;
    text-align: center;
    margin-right: 6px;
    vertical-align: middle;
    color: #54698d;
}
#widgets .widget-sensors .table .icon.battery,
#widgets .widget-sensors .table .icon[class*="battery-"],
[data-device="sensors"] .icon.battery,
[data-device="sensors"] .icon[class*="battery-"] { color: #2e9e5b !important; }
#widgets .widget-sensors .table .icon[class*="gsm"],
[data-device="sensors"] .icon[class*="gsm"] { color: #2f80c4 !important; }
#widgets .widget-sensors .table .icon.acc,
#widgets .widget-sensors .table .icon.ignition,
[data-device="sensors"] .icon.acc,
[data-device="sensors"] .icon.ignition { color: #e8912d !important; }
#widgets .widget-sensors .table .icon.satellites,
[data-device="sensors"] .icon.satellites { color: #7a5fc7 !important; }
#widgets .widget-sensors .table .icon.engine,
#widgets .widget-sensors .table .icon.detect_engine,
[data-device="sensors"] .icon.engine,
[data-device="sensors"] .icon.detect_engine { color: #d64541 !important; }
#widgets .widget-sensors .table .icon.engine_hours,
[data-device="sensors"] .icon.engine_hours { color: #d35400 !important; }
#widgets .widget-sensors .table .icon.odometer,
#widgets .widget-sensors .table .icon.counter,
#widgets .widget-sensors .table .icon.numerical,
[data-device="sensors"] .icon.odometer,
[data-device="sensors"] .icon.counter,
[data-device="sensors"] .icon.numerical { color: #1a9988 !important; }
#widgets .widget-sensors .table .icon.speed,
#widgets .widget-sensors .table .icon.speed_ecm,
#widgets .widget-sensors .table .icon.tachometer,
[data-device="sensors"] .icon.speed,
[data-device="sensors"] .icon.speed_ecm,
[data-device="sensors"] .icon.tachometer { color: #0a90b8 !important; }
#widgets .widget-sensors .table .icon.fuel,
#widgets .widget-sensors .table .icon.fuel_tank,
#widgets .widget-sensors .table .icon.fuel_consumption,
[data-device="sensors"] .icon.fuel,
[data-device="sensors"] .icon.fuel_tank,
[data-device="sensors"] .icon.fuel_consumption { color: #d68910 !important; }
#widgets .widget-sensors .table .icon.temperature,
[data-device="sensors"] .icon.temperature { color: #c2436b !important; }
#widgets .widget-sensors .table .icon.door,
#widgets .widget-sensors .table .icon.doors,
[data-device="sensors"] .icon.door,
[data-device="sensors"] .icon.doors { color: #8d6e63 !important; }
#widgets .widget-sensors .table .icon.plugged,
[data-device="sensors"] .icon.plugged { color: #43a047 !important; }
#widgets .widget-sensors .table .icon.seatbelt,
[data-device="sensors"] .icon.seatbelt { color: #5c6bc0 !important; }
#widgets .widget-sensors .table .icon.load,
[data-device="sensors"] .icon.load { color: #b7950b !important; }
#widgets .widget-sensors .table .icon.rfid,
#widgets .widget-sensors .table .icon.driver,
[data-device="sensors"] .icon.rfid,
[data-device="sensors"] .icon.driver { color: #4a69bd !important; }

/* iconos propios: VOLTAJE (rayo) y BLOQUEO (candado), los pone js.js */
#widgets .widget-sensors .table .icon.poscam-custom,
.icon.poscam-custom {
    display: inline-block;
    width: 20px; height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 15px;
    vertical-align: middle;
}
.icon.poscam-custom:before,
.icon.poscam-custom:after { content: none !important; }
.icon.poscam-ico-voltage {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e8a012'%3E%3Cpath d='M13.5 2 4.8 13.4h5.2L9.6 22l8.8-11.6h-5.3L13.5 2z'/%3E%3C/svg%3E");
}
.icon.poscam-ico-lock {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d64541'%3E%3Cpath d='M12 2a5 5 0 0 0-5 5v3H6.2A2.2 2.2 0 0 0 4 12.2v7.6A2.2 2.2 0 0 0 6.2 22h11.6a2.2 2.2 0 0 0 2.2-2.2v-7.6a2.2 2.2 0 0 0-2.2-2.2H17V7a5 5 0 0 0-5-5zm-3 8V7a3 3 0 0 1 6 0v3H9zm3 4.2a1.8 1.8 0 0 1 .9 3.36V19a.9.9 0 0 1-1.8 0v-1.44A1.8 1.8 0 0 1 12 14.2z'/%3E%3C/svg%3E");
}

/* ============================================================
   2. MENÚ DESPLEGABLE del header (arriba) — pulido + iconos a color
   ============================================================ */
#header .dropdown-menu {
    border-radius: 8px;
    border: 1px solid rgba(5, 71, 134, .12);
    box-shadow: 0 8px 24px rgba(16, 35, 61, .16);
    padding: 6px 0;
    overflow: hidden;
}
#header .dropdown-menu > li > a { padding: 8px 16px; transition: background-color .12s ease-in-out; }
#header .dropdown-menu > li > a:hover { background-color: #eef4fb; }
#header .dropdown-menu > li > a .icon {
    display: inline-block; width: 20px; text-align: center;
    margin-right: 8px; font-size: 14px; vertical-align: middle;
}
#header .dropdown-menu .icon.alerts:before        { color: #e8912d !important; }
#header .dropdown-menu .icon.geofences:before     { color: #2e9e5b !important; }
#header .dropdown-menu .icon.routes:before        { color: #7a5fc7 !important; }
#header .dropdown-menu .icon.reports:before       { color: #2f80c4 !important; }
#header .dropdown-menu .icon.ruler:before         { color: #1a9988 !important; }
#header .dropdown-menu .icon.poi:before           { color: #d64541 !important; }
#header .dropdown-menu .icon.point:before         { color: #e8912d !important; }
#header .dropdown-menu .icon.address:before       { color: #0a90b8 !important; }
#header .dropdown-menu .icon.send-command:before  { color: #2f80c4 !important; }
#header .dropdown-menu .icon.camera:before        { color: #8e44ad !important; }
#header .dropdown-menu .icon.task:before          { color: #d68910 !important; }
#header .dropdown-menu .icon.services:before      { color: #546e7a !important; }
#header .dropdown-menu .icon.money:before         { color: #2e9e5b !important; }
#header .dropdown-menu .icon.dashboard:before     { color: #0a90b8 !important; }
#header .dropdown-menu .icon.sharing:before       { color: #3498db !important; }
#header .dropdown-menu .icon.device:before,
#header .dropdown-menu .icon.devices:before       { color: #054786 !important; }
#header .dropdown-menu .icon.chat:before          { color: #2f80c4 !important; }
#header .dropdown-menu .icon.call_action:before   { color: #d64541 !important; }
#header .dropdown-menu .icon.forwards:before      { color: #7a5fc7 !important; }
#header .dropdown-menu .icon.account:before       { color: #054786 !important; }
#header .dropdown-menu .icon.membership:before    { color: #d68910 !important; }
#header .dropdown-menu .icon.password:before      { color: #546e7a !important; }
#header .dropdown-menu .icon.setup:before         { color: #546e7a !important; }
#header .dropdown-menu .icon.admin:before         { color: #054786 !important; }
#header .dropdown-menu .icon.logout:before        { color: #d64541 !important; }
#header .dropdown-menu .icon.external-link:before { color: #546e7a !important; }
#header .dropdown-menu .icon.tools:before         { color: #546e7a !important; }

/* ============================================================
   3. MENÚ CONTEXTUAL de cada vehículo (los 3 puntitos)
   ============================================================ */
#ajax-items .dropdown-menu {
    border-radius: 8px;
    border: 1px solid rgba(5, 71, 134, .12);
    box-shadow: 0 8px 24px rgba(16, 35, 61, .16);
}
#ajax-items .dropdown-menu > li > a:hover { background-color: #eef4fb; }
#ajax-items .dropdown-menu > li > a .icon {
    display: inline-block; width: 20px; text-align: center; margin-right: 6px;
}
#ajax-items .dropdown-menu .icon.last-hour:before,
#ajax-items .dropdown-menu .icon.today:before,
#ajax-items .dropdown-menu .icon.yesterday:before { color: #2f80c4 !important; }
#ajax-items .dropdown-menu .icon.follow:before        { color: #0a90b8 !important; }
#ajax-items .dropdown-menu .icon.send-command:before  { color: #2f80c4 !important; }
#ajax-items .dropdown-menu .icon.edit:before          { color: #e8912d !important; }
#ajax-items .dropdown-menu .icon.sharing:before       { color: #3498db !important; }
#ajax-items .dropdown-menu .icon.alerts:before        { color: #e8912d !important; }
#ajax-items .dropdown-menu .icon.route_type:before    { color: #7a5fc7 !important; }
#ajax-items .dropdown-menu .icon.camera:before        { color: #8e44ad !important; }
#ajax-items .dropdown-menu .icon.qrcode:before        { color: #546e7a !important; }
#ajax-items .dropdown-menu .icon.devices:before       { color: #054786 !important; }
#ajax-items .dropdown-menu .icon.unlock:before        { color: #d64541 !important; }

/* motor encendido/apagado en cada fila (icono detect_engine) */
#ajax-items [data-device="detect_engine"].on .icon.detect_engine  { color: #2e9e5b !important; }
#ajax-items [data-device="detect_engine"].off .icon.detect_engine { color: #b9c2cf !important; }