/* Bereichs-Schalter neben dem Logo: Progetto Svizzera · Business · Grüezi-App.
   Eine Kopie liegt im Portal unter public/schalter.css. Farben fallen auf die Namen des Portals zurück (--ink, --accent, --display). */
.bs{position:relative;flex:none;margin-left:-6px}
.bs-btn{width:28px;height:28px;border:0;border-radius:8px;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}
.bs-btn:hover,.bs-btn[aria-expanded="true"]{background:var(--surface-2);color:var(--fg,var(--ink))}
.bs-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bs-menu{position:absolute;top:calc(100% + 10px);left:-8px;width:284px;padding:6px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:60;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top left;pointer-events:none;transition:opacity .18s,transform .18s}
.bs-menu.open{opacity:1;transform:none;pointer-events:auto}
.bs-menu a{display:flex;gap:12px;align-items:center;padding:9px 10px;border-radius:11px;text-decoration:none;color:var(--fg,var(--ink))}
.bs-menu a:hover{background:var(--surface-2)}
.bs-menu a[aria-current="page"]{background:var(--surface-2)}
.bs-i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}
.bs-i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bs-t{display:grid;gap:1px;min-width:0}
.bs-t b{font:600 15px/1.3 var(--f-display,var(--display));letter-spacing:-.01em}
.bs-t small{font-size:12.5px;color:var(--muted)}
.bs-ok{margin-left:auto;color:var(--red,var(--accent));font-size:15px}
.bs-rot{background:#fdecec;color:#a32d2d}
.bs-blau{background:#e6f1fb;color:#0c447c}
.bs-gruen{background:#e1f5ee;color:#085041}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bs-rot{background:#3a1515;color:#f7c1c1}:root:not([data-theme="light"]) .bs-blau{background:#0c2a4a;color:#b5d4f4}:root:not([data-theme="light"]) .bs-gruen{background:#0a3329;color:#9fe1cb}}
:root[data-theme="dark"] .bs-rot{background:#3a1515;color:#f7c1c1}
:root[data-theme="dark"] .bs-blau{background:#0c2a4a;color:#b5d4f4}
:root[data-theme="dark"] .bs-gruen{background:#0a3329;color:#9fe1cb}
@media (max-width:480px){.bs-menu{position:fixed;top:66px;left:12px;right:12px;width:auto}}
/* Auf einem Foto (Anmeldeseite der Grüezi-App): heller Knopf mit Glas-Effekt */
.bild-marke .bs{margin:0}
.bild-marke{grid-auto-flow:column;align-items:center}
.bild-marke .bs-btn{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.82);color:#1f3a5f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bild-marke .bs-btn:hover,.bild-marke .bs-btn[aria-expanded="true"]{background:#fff;color:#1f3a5f}
.bild-marke .bs-menu{left:auto;right:auto;text-align:left;filter:none}