/* Squan branding (brand.js adds these to page headers) */
:root { --sq-navy: #11155e; --sq-blue: #0055a5; --sq-orange: #f26b35; }
.sq-logo { height: 26px; width: auto; display: inline-block; vertical-align: middle; flex: none; }
.sq-beta { display: inline-block; vertical-align: middle; margin-left: 8px; padding: 1px 7px; border-radius: 9px;
  font: 700 10.5px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .6px; color: #fff; background: var(--sq-orange); }
/* Collapsible Vehicle Status legend (dashboard) */
.sq-legend-toggle { cursor: pointer; user-select: none; display: flex; align-items: center; gap: 8px; }
.sq-legend-toggle::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(45deg); margin: -3px 0 0 auto; opacity: .6; transition: transform .15s; }
.sq-legend-collapsed .sq-legend-toggle::after { transform: rotate(-45deg); margin-top: 0; }
.sq-legend-collapsed .sq-legend-body { display: none !important; }
.sq-legend-collapsed .sq-legend-toggle { margin-bottom: 0 !important; }