/* Azul de los encabezados y superficies suaves compartidas de AppInnova. */
html[data-app-theme]{--ai-command-gradient:linear-gradient(115deg,#203aa4,#187f9e)}
html[data-app-theme][data-bs-theme] body :is(.dv-hero,.gr-command,.fc-command,.cp-hero,.drv-hero,.gzp-hero,.gz-command,.notif-hero,.nt-hero,.dt-hero,.settings-command,.usr-hero,.usr-command,.usr-form-head,.conn-head,.rp-hero,.company-hero,.traccar-hero){background:var(--ai-command-gradient)!important;color:#fff!important;border-color:#3157aa!important}
html[data-app-theme][data-bs-theme] body :is(.dv-hero,.gr-command,.fc-command,.cp-hero,.drv-hero,.gzp-hero,.gz-command,.notif-hero,.nt-hero,.dt-hero,.settings-command,.usr-hero,.usr-command,.usr-form-head,.conn-head,.rp-hero,.company-hero,.traccar-hero) :is(h1,h2,h3,p){color:#fff!important}
/* El mapa conserva sus colores; el panel aporta jerarquía sin taparlo. */
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel.col-dispositivos,
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel :is(.panel-body,.vehicle-list){background:#edf2f9!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel .panel-header{background:var(--ai-command-gradient)!important;border-bottom:1px solid #244b9c!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel .panel-title-text{color:#fff!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel :is(.panel-subtitle,#gps-monitor-health){color:#e3effa!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel :is(.panel-logo,.panel-badge,.collapse-toggle){background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel .panel-logo i{color:#fff!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel .search-bar{background:#e4ecf8!important;border-bottom:1px solid #ccd9ec!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel :is(.owner-group-header,.group-header){background:#dfe8f6!important;border-color:#c8d6eb!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel .account-status-header{background:#d5e2f5!important;color:#233e67!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel .vehicle-item{background:#f9fbff!important;border-color:#d4dfef!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel .vehicle-item:hover{background:#eaf2ff!important;border-color:#8faee3!important}
html[data-app-theme="light"][data-bs-theme="light"] body #devicePanel .vehicle-item.selected{background:#e1ebff!important;border-color:#93ace1!important;box-shadow:inset 3px 0 #274acc!important}
html[data-app-theme="light"][data-bs-theme="light"] body #layout-wrapper #page-topbar.neo-topbar{background:linear-gradient(110deg,#f6f9ff,#eaf1fb)!important;border-bottom-color:#cbd9ec!important}
html[data-app-theme="light"][data-bs-theme="light"] body #neo-sidebar.neo-sidebar{background:#e7eef9!important;border-bottom-color:#c9d8ee!important}
html[data-app-theme="light"][data-bs-theme="light"] body #neo-sidebar .neo-menu-link:hover{background:#d7e4fa!important}
html[data-app-theme="light"][data-bs-theme="light"] body #neo-sidebar .neo-menu-item.active>.neo-menu-link{background:#d1def7!important;color:#203aa4!important}
/* La marca del taller mantiene el logo sobre una base clara. */
html[data-app-theme="light"][data-bs-theme="light"] body .taller-brand{background:#e6eefb!important;border-color:#c8d8ef!important}
/* Encabezados comunes: configuración, taller, recolección y reportes. */
html[data-app-theme][data-bs-theme] body :is(.ai-page-command,.tp-workspace .tp-heading,.taller-brand,.ssp-r-head,.reco-page-header,.reco-hero,.eco-hero,.planning-hero,.mapa-header,.hero-panel){background:var(--ai-command-gradient)!important;color:#fff!important;border:1px solid #3157aa!important;border-radius:18px;padding:22px 24px;box-shadow:0 8px 24px rgba(32,58,164,.13);margin-bottom:20px;gap:16px}
html[data-app-theme][data-bs-theme] body :is(.ai-page-command,.tp-workspace .tp-heading,.taller-brand,.ssp-r-head,.reco-page-header,.reco-hero,.eco-hero,.planning-hero,.mapa-header,.hero-panel) :is(h1,h2,h3,p,small,.text-muted,.tp-eyebrow,.ssp-r-title,.ssp-r-sub){color:#fff!important;background:transparent!important}
html[data-app-theme][data-bs-theme] body :is(.ai-page-command,.tp-workspace .tp-heading,.ssp-r-head) :is(.btn-outline-secondary,.tp-link){background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:9px;padding:8px 12px}
html[data-app-theme][data-bs-theme] body .taller-brand img{background:#fff;padding:6px;border-radius:10px}
html[data-app-theme][data-bs-theme] body .taller-brand .taller-nav a{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)}
html[data-app-theme][data-bs-theme] body .taller-brand .taller-nav a:hover{background:rgba(255,255,255,.25)!important}
.ai-management-page{padding:20px;max-width:1680px;margin:0 auto}
.ai-page-command h1{font-size:25px;font-weight:750;margin:0 0 6px}.ai-page-command p{margin:0;font-size:14px}.ai-page-eyebrow{display:block;font-size:10px;letter-spacing:.08em;font-weight:700;margin-bottom:8px;color:#dbeafe}
html[data-app-theme] body .ai-management-page> :is(.table-responsive,form){background:var(--ai-surface);border:1px solid var(--ai-line);border-radius:14px;padding:20px;margin:16px 0}
.ai-management-page>form{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.ai-management-page>form label{flex:1 1 220px}.ai-management-page>h2{font-size:20px;margin-top:28px}.ai-management-page .account-plan-card{background:var(--ai-surface);border-color:var(--ai-line);box-shadow:0 6px 20px rgba(25,42,70,.06)}
@media(max-width:600px){.ai-management-page{padding:12px}html[data-app-theme][data-bs-theme] body :is(.ai-page-command,.tp-workspace .tp-heading,.taller-brand,.ssp-r-head){padding:18px 16px;flex-wrap:wrap}.ai-page-command h1{font-size:21px}}