/* TransportPremium v1.16.0 — HAKOM Fleet / groupes véhicules */
.tp13-traffic .tp16-group-toolbar{
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;
 padding:10px 12px 4px;align-items:end;min-width:0;
}
.tp16-group-select-label{grid-column:1/-1;color:#63738d;font-size:10px;font-weight:900;letter-spacing:.12em}
.tp13-traffic .tp16-group-toolbar select{
 appearance:none;background:#f8faff;box-shadow:inset 0 0 0 1px #dfe6f4;
 color:#1a2b4e;min-width:0;width:100%;height:40px;border:1px solid transparent;
 border-radius:12px;padding:0 28px 0 13px;font-size:12px;font-weight:800;
 background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"%3E%3Cpath d="M1 1l5 5 5-5" fill="none" stroke="%23556c97" stroke-width="1.8" stroke-linecap="round"/%3E%3C/svg%3E');
 background-repeat:no-repeat;background-position:right 11px center;
}
.tp13-traffic .tp16-group-toolbar select:focus-visible,.tp16-group-view-btn:focus-visible,.tp16-group-chip:focus-visible{outline:3px solid #87a9ff;outline-offset:2px}
.tp16-group-view-btn{height:40px;padding:0 12px;border:1px solid #dce5f5;background:white;border-radius:12px;color:#263e65;font-size:11px;font-weight:800;white-space:nowrap;transition:background .15s,transform .15s}
.tp16-group-view-btn:hover{transform:translateY(-1px);background:#eef4ff}.tp16-group-view-btn.active{background:#1d396e;color:#fff;border-color:#1d396e;box-shadow:0 5px 14px #2c5bc735}
.tp13-traffic .tp16-group-summary{display:flex;gap:6px;align-items:center;max-width:100%;padding:7px 12px 11px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d6dfee transparent;min-height:45px}
.tp16-group-chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:29px;border:1px solid #dce4f1;background:linear-gradient(180deg,#fff,#f5f8fe);padding:5px 8px 5px 10px;border-radius:999px;color:#415574;font-size:10px;font-weight:800;max-width:180px;transition:background .15s}
.tp16-group-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.tp16-group-chip span{color:#2452b2;background:#e6eeff;padding:3px 6px;border-radius:100px;font-weight:900}
.tp16-group-chip:hover{background:#eaf0ff}.tp16-group-chip.active{border-color:#2258c5;background:#e2edff;color:#1b418b}
.tp16-group-summary small{flex:0 0 auto;font-weight:700;color:#76859d;font-size:9px}
.tp13-traffic .fleet-drawer>.tp16-group-toolbar,.tp13-traffic .fleet-drawer>.tp16-group-summary{flex-shrink:0}
.tp16-group-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;background:linear-gradient(100deg,#ecf3ff,#fff4fa);border:1px solid #e1eaf6;border-radius:11px;padding:10px 12px;color:#2f4870;margin:12px 0 6px;font-size:11px;font-weight:900;line-height:1.3}
.tp16-group-heading:first-child{margin-top:0}.tp16-group-heading span{min-width:0;overflow-wrap:anywhere}.tp16-group-heading b{color:#fff;background:#315dce;border-radius:100px;padding:3px 9px;min-width:30px;text-align:center;font-size:10px}
.tp13-traffic .fleet-list-item.tp16-fleet-row{grid-template-columns:38px minmax(0,1fr) 22px;min-height:64px;gap:9px;border-color:#e0e9f4;box-shadow:0 3px 12px #223c7008}
.tp13-traffic .fleet-list-item.tp16-fleet-row.moving{border-left:3px solid #315dce}
.tp13-traffic .fleet-list-item.tp16-fleet-row.stopped{border-left:3px solid #e72d91}
.tp16-vehicle-avatar{width:33px;height:33px;border-radius:11px;display:grid;place-items:center!important;font-style:normal!important;letter-spacing:0;font:900 22px/1 system-ui!important;position:relative;box-shadow:inset 0 0 0 1px #ffffff55}
.tp16-vehicle-avatar.moving{color:#2353bc;background:linear-gradient(145deg,#e0ebff,#cbdcff)}
.tp16-vehicle-avatar.stopped{color:#cf267e;background:linear-gradient(145deg,#ffeafa,#ffcce9)}
.tp16-vehicle-avatar.tablet{border-radius:50%;font-size:17px!important}
.tp16-online-dot{width:9px;height:9px!important;border-radius:50%;justify-self:center;background:#16ba94;box-shadow:0 0 0 3px #d9f9f0}
.tp16-fleet-row.stopped .tp16-online-dot{background:#df599d;box-shadow:0 0 0 3px #fde1f1}
.tp13-traffic .fleet-list-item.tp16-fleet-row b{font-size:12px;color:#1a2d50}
.tp13-traffic .fleet-list-item.tp16-fleet-row small{font-size:10px;color:#61738e}
@media(max-width:970px){.tp13-traffic .tp16-group-toolbar{grid-template-columns:minmax(0,1fr) auto}.tp13-traffic .tp16-group-summary{max-height:none}}
@media(max-width:430px){.tp13-traffic .tp16-group-toolbar{padding:7px 9px 3px;gap:5px}.tp16-group-view-btn{padding:0 9px;font-size:10px}.tp13-traffic .tp16-group-summary{padding:4px 9px 8px}.tp16-group-chip{max-width:136px}}
@media(prefers-reduced-motion:reduce){.tp16-group-view-btn,.tp16-group-chip{transition:none}}

/* HAKOM LIGHT 1.16.1 : aligner les mini-véhicules dans le panneau */
.tp16-vehicle-avatar svg{display:block;max-width:27px;max-height:20px}.tp16-vehicle-avatar.moving{background:#eef4ff;color:#315dce}.tp16-vehicle-avatar.stopped{background:#fff0f8;color:#d9368c}
