/* Tokens: assets/tokens.css (Quelle: design-system/tokens.css im Projektordner) */
/* Giny Topbar (eigenständig einbindbar, z. B. im Vollbild-Dashboard) */
/* Topbar */
.topbar{position:sticky;top:0;z-index:10;background:transparent;}
.topbar-inner{max-width:none;width:100%;margin:0;display:flex;align-items:center;gap:14px;padding:9px 16px;flex-wrap:wrap;}
.brand{font-family:"Trebuchet MS","Trebuchet",Verdana,sans-serif;font-weight:700;font-size:17px;letter-spacing:0.04em;text-transform:uppercase;color:#FFFFFF;text-shadow:0 1px 2px rgba(0,0,0,.35);text-decoration:none;cursor:pointer;}
.brand:hover{text-decoration:none;opacity:.75;}
.tabs{display:flex;gap:5px;flex:1;}
.tabs a{padding:5px 12px;border-radius:999px;color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.35);font-size:12.5px;border:1px solid transparent;}
.tabs a:hover{color:#fff;text-decoration:none;background:rgba(255,255,255,.18);}
.tabs a.active{color:#fff;background:var(--accent);border-color:var(--accent);font-weight:600;text-shadow:none;}
.switcher{display:flex;gap:7px;}
.switcher select{
  font:inherit;font-size:12.5px;color:#FFFFFF;text-shadow:0 1px 2px rgba(0,0,0,.35);
  background:transparent;border:none;border-radius:999px;padding:5px 4px;
  -webkit-appearance:none;appearance:none;cursor:pointer;}
.switcher select:focus{outline:none;}
.switcher select option{color:#1a1a1a;text-shadow:none;}
.logout{font-size:12.5px;color:rgba(255,255,255,.85);text-shadow:0 1px 2px rgba(0,0,0,.35);}
.logout:hover{color:#fff;}