/* Identificacao dos veiculos: controle independente das camadas do mapa. */
.client-vehicle-identification-control { position: relative; background: transparent; border: 0; box-shadow: none; }
.client-vehicle-identification-toggle {
    display: block; box-sizing: border-box; width: 40px; height: 38px; padding: 0; border: 0;
    border-radius: 4px; background: var(--partner-primary-color, #1940a3); color: #fff; font-size: 17px;
    line-height: 38px; text-align: center; cursor: pointer; box-shadow: 0 1px 5px rgba(0, 0, 0, .35);
}
.client-vehicle-identification-toggle:hover { background: #123482; }
.client-vehicle-identification-toggle.is-active { background: #2cab58; color: #fff; }
.client-vehicle-identification-toggle:focus-visible,
.client-vehicle-identification-option input:focus-visible { outline: 3px solid #7ba3fa; outline-offset: 2px; }
.client-vehicle-identification-panel {
    position: absolute; top: 0; right: 46px; width: 236px; max-width: calc(100vw - 78px);
    box-sizing: border-box; padding: 14px; border: 1px solid #dbe2ea; border-radius: 8px;
    background: #fff; color: #243247; box-shadow: 0 4px 18px rgba(15, 23, 42, .18);
    font: 13px/1.45 Arial, sans-serif; cursor: default;
}
.client-vehicle-identification-panel[hidden] { display: none; }
.client-vehicle-identification-heading { display: block; font-size: 14px; line-height: 1.4; }
.client-vehicle-identification-hint { margin: 5px 0 10px; color: #64748b; font-size: 12px; }
.client-vehicle-identification-option {
    display: flex; align-items: center; min-height: 36px; margin: 0; padding: 4px 0;
    font-weight: normal; cursor: pointer;
}
.client-vehicle-identification-option input {
    flex: 0 0 auto; width: 17px; height: 17px; margin: 0 10px 0 0; accent-color: #1940a3;
}
.client-vehicle-identification-anchor { pointer-events: none !important; background: transparent; border: 0; }
.client-vehicle-identification-label {
    position: absolute; left: 0; top: -41px; transform: translate(-50%, -100%);
    width: max-content; min-width: 54px; max-width: 205px; padding: 5px 8px;
    box-sizing: border-box; border: 1px solid rgba(148, 163, 184, .7); border-radius: 5px;
    background: rgba(255, 255, 255, .97); color: #263449;
    box-shadow: 0 2px 5px rgba(15, 23, 42, .18); text-align: center;
    font: 12px/1.35 Arial, sans-serif; pointer-events: none !important;
}
.client-vehicle-identification-label::after {
    content: ''; position: absolute; bottom: -5px; left: 50%; margin-left: -4px;
    width: 7px; height: 7px; border-right: 1px solid rgba(148, 163, 184, .7);
    border-bottom: 1px solid rgba(148, 163, 184, .7); background: #fff; transform: rotate(45deg);
}
.client-vehicle-identification-row { overflow-wrap: break-word; word-wrap: break-word; }
.identification-plate { font-weight: bold; font-size: 13px; letter-spacing: .3px; }
.identification-driver { color: #475569; }
.identification-ignition { margin-top: 1px; font-weight: bold; }
.ignition-on { color: #18794e; }
.ignition-off { color: #b42318; }
.ignition-unknown { color: #64748b; font-weight: normal; }
@media (max-width: 480px) {
    .client-vehicle-identification-option { min-height: 40px; }
    .client-vehicle-identification-label { max-width: 165px; font-size: 11px; }
    .identification-plate { font-size: 12px; }
}