/* Shared visible appearance control and driver brand layout. */
.vr-theme-toggle { display:inline-flex; align-items:center; flex:0 0 auto; gap:2px; padding:3px; border:1px solid var(--vr-border,#cbd6e5); border-radius:12px; background:var(--vr-surface,#fff); color:var(--vr-text,#10213a); }
.vr-theme-toggle button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:44px; min-height:44px; padding:6px 10px; border:0; border-radius:8px; background:transparent; color:inherit; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.vr-theme-toggle button[aria-pressed="true"] { color:#fff; background:#185ec8; }
.vr-theme-toggle svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.vr-theme-toggle button:focus-visible { outline:3px solid var(--vr-focus-color,#185ec8); outline-offset:2px; }
.topbar-actions,.top-actions { flex-wrap:wrap; }
.driver-heading { display:grid; justify-items:center; gap:3px; min-width:0; }
.driver-heading img { display:block; width:76px; height:30px; object-fit:contain; background:#faf8f4; border-radius:5px; }
.mobile-header .header-side.end { gap:6px; }
@media (max-width:720px) {
  .vr-theme-toggle button { padding:6px; }
  .vr-theme-toggle button span { display:none; }
  .topbar .topbar-actions,.topbar .top-actions { gap:6px; }
  .mobile-header h1 { font-size:18px; }
}


@media print { .vr-theme-toggle { display:none; } }
/* The approved SVG contains its own artwork and light background. */
img[src="/assets/brand/vitaride-logo-20261019.svg"] { filter:none; }