/* Central do Monitoramento — ícones coloridos na lista de dispositivos Traccar */
.cm-device-list-enhanced .MuiListItemButton-root.cm-has-vehicle-badge .cm-list-icon-replaced {
    min-width: 48px;
    margin-right: 4px;
}

.cm-device-list-enhanced .cm-list-avatar-replaced {
    position: relative;
    background: transparent !important;
    background-color: transparent !important;
    width: 42px !important;
    height: 42px !important;
    overflow: visible !important;
}

.cm-device-list-enhanced .cm-list-avatar-replaced > img,
.cm-device-list-enhanced .cm-list-avatar-replaced > svg,
.cm-device-list-enhanced .cm-list-avatar-replaced .MuiAvatar-img {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

.cm-list-vehicle-badge {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--cm-vehicle-color, #9ca3af);
    border: 2px solid rgba(255, 255, 255, 0.92);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
}

.cm-list-vehicle-badge.cm-vehicle-light {
    border-color: #d1d5db;
}

.cm-list-vehicle-emoji {
    font-size: 1.5rem;
    line-height: 1;
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.18));
}

.cm-list-vehicle-badge.cm-list-blocked {
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.55);
}

.cm-list-block-lock {
    position: absolute;
    right: -4px;
    bottom: -4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(220, 38, 38, 0.92);
    box-shadow: 0 0 0 1.5px #fff;
    font-size: 0.62rem;
    line-height: 1;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", emoji, sans-serif;
    z-index: 2;
}

.cm-device-list-enhanced .MuiListItemButton-root.cm-list-item-blocked .MuiListItemText-secondary {
    color: #dc2626 !important;
    font-weight: 600;
}

.cm-device-list-enhanced .MuiListItemButton-root.cm-has-vehicle-badge.Mui-selected .cm-list-vehicle-badge {
    box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.5);
}

.cm-device-list-enhanced .MuiListItemButton-root.cm-has-vehicle-badge.Mui-selected .cm-list-vehicle-badge.cm-list-blocked {
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.65);
}