@import url('./base/reset.css');
@import url('./base/variables.css');
@import url('./base/global.css');

@import url('./layout/container.css');
@import url('./layout/topbar.css');

@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./components/badge.css');

@import url('./pages/login.css');
@import url('./pages/home.css');
@import url('./pages/internal-pages.css');
@import url('./pages/mapa.css');
@import url('./pages/inconformidades.css');
@import url('./pages/monitoramento.css');
@import url('./pages/users.css');

/* Akad Seguros visual layer */
.topbar-brand-icon,
.feature-icon,
.reports-category-kicker,
.inconformidades-title-icon,
.monitoramento-tab.is-active,
.inconformidades-tab.is-active,
.mapa-risk-filter button,
.mapa-ignition-filter button.is-active,
.users-primary-action,
.users-page-button-active,
.monitoramento-risk-filter button,
.inconformidades-risk-filter button {
    background: var(--brand-navy);
    border-color: var(--brand-navy);
    color: #fff;
}

.login-button,
.monitoramento-map-button:hover,
.monitoramento-stops-button:hover,
.monitoramento-stops-modal-close:hover,
.inconformidades-map-button:hover {
    background: var(--brand-accent);
    border-color: var(--brand-accent);
    color: #fff;
}

.monitoramento-tab:hover,
.inconformidades-tab:hover,
.users-secondary-action:hover,
.users-link-button:hover,
.users-page-button:hover,
.role-application-option:hover,
.monitoramento-map-back:hover {
    border-color: var(--brand-link);
}

.monitoramento-stops-modal-kicker,
.monitoramento-map-streetview-link,
.mapa-search-filter input:focus,
.reports-subitem::before {
    color: var(--brand-navy-2);
}

.monitoramento-search:focus-within,
.inconformidades-search:focus-within,
.mapa-search-filter input:focus,
.monitoramento-risk-filter select:focus,
.inconformidades-risk-filter select:focus,
.users-filter-group input:focus,
.users-filter-group select:focus,
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: var(--brand-link);
    box-shadow: 0 0 0 3px rgba(70, 188, 236, 0.18);
    outline: none;
}

.monitoramento-query-panel,
.monitoramento-request-card,
.monitoramento-empty-state,
.monitoramento-map-panel,
.monitoramento-map-canvas,
.inconformidades-filter-panel,
.inconformidades-table-card,
.mapa-floating-panel,
.mapa-empty-state,
.users-table-card,
.users-form-card {
    border-color: var(--border-soft);
    box-shadow: var(--shadow-card);
}

.monitoramento-badge-info,
.inconformidades-badge-blue,
.status-badge-info {
    background: rgba(70, 188, 236, 0.14);
    border-color: rgba(70, 188, 236, 0.36);
    color: var(--brand-navy-2);
}

.monitoramento-badge-soft,
.role-application-chip {
    background: rgba(232, 38, 107, 0.1);
    color: var(--brand-accent);
}

.mapa-vehicle-marker-body,
.mapa-vehicle-marker-status-dot,
.mapa-vehicle-cluster.is-on,
.monitoramento-map-vehicle-marker-shell,
.monitoramento-map-pin-trail {
    background: var(--brand-accent);
}

.mapa-vehicle-cluster.is-mixed {
    background: linear-gradient(135deg, var(--brand-accent) 0 50%, var(--brand-slate) 50% 100%);
}

.mapa-vehicle-marker-label.is-on small {
    color: var(--brand-accent);
}

.monitoramento-map-marker-origin,
.monitoramento-map-pin-origin,
.monitoramento-map-pin-origem,
.mapa-nonconformity-marker-blue {
    background: var(--brand-link);
}

.monitoramento-map-marker-destination,
.monitoramento-map-pin-destination,
.monitoramento-map-pin-destino,
.mapa-vehicle-cluster {
    background: var(--brand-navy);
}