/* Release 172 · Kopfzeile für Werkstatt und Tuner (Handy, installierte App, Desktop).
   Handy: zwei ruhige Reihen mit je drei gleich großen Feldern.
     Reihe 1: Logo · Sprache · Abmelden
     Reihe 2: Nachrichten · Credits · Bereiche
   Desktop: alle Schaltflächen in einer Reihe, gleiche Höhe und Schrift.
   Die Selektoren nennen #portal doppelt, um ältere !important-Regeln zu übersteuern.
   Der obere Abstand für Notch und Dynamic Island bleibt in app-safe-area-v1.css. */
html:root body #portal#portal .top{
 background:linear-gradient(180deg,#140e0a 0%,#0c0907 100%)!important;
 border-bottom:1px solid rgba(205,152,104,.26)!important;
 box-shadow:0 8px 24px rgba(0,0,0,.35)!important
}
html:root body #portal#portal .topactions{align-items:center;gap:8px}
html:root body #portal#portal .topactions>.btn{
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 height:40px;min-height:40px;padding:0 14px!important;margin:0;
 border:1px solid rgba(214,162,112,.30)!important;border-radius:12px!important;
 background:rgba(255,240,225,.04)!important;color:#f4e7da!important;-webkit-text-fill-color:#f4e7da;
 font:600 13px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 letter-spacing:.01em!important;text-transform:none!important;text-decoration:none!important;
 white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;box-shadow:none!important;
 transition:background .15s,border-color .15s
}
html:root body #portal#portal .topactions>.btn:hover{background:rgba(255,240,225,.09)!important;border-color:rgba(226,176,128,.55)!important}
html:root body #portal#portal .topactions>.btn:focus-visible{outline:2px solid #e6b27f;outline-offset:2px}
html:root body #portal#portal .topactions>#scCreditHeader{
 border-color:transparent!important;
 background:linear-gradient(180deg,#ebc298 0%,#c39063 100%)!important;
 color:#1b110a!important;-webkit-text-fill-color:#1b110a;font-weight:700!important
}
html:root body #portal#portal .topactions>#logoutPortal{
 background:transparent!important;border-color:rgba(222,120,108,.38)!important;
 color:#efaaa0!important;-webkit-text-fill-color:#efaaa0
}
html:root body #portal#portal .topactions>#logoutPortal:hover{background:rgba(222,120,108,.10)!important}

@media(max-width:820px){
 html:root body #portal#portal .top{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-areas:"brand lang out" "msg cred area";
  align-items:center;gap:8px!important;min-height:0!important;
  padding-bottom:12px!important
 }
 html:root body #portal#portal .topactions{display:contents!important}
 html:root body #portal#portal .top .brand{grid-area:brand;justify-self:start;display:flex!important;align-items:center;min-width:0;width:100%;height:44px}
 html:root body #portal#portal .top .brand img{width:auto!important;max-width:100%!important;height:40px!important;object-fit:contain;border-radius:6px}
 html:root body #portal#portal .topactions>.btn{width:100%!important;max-width:none!important;height:44px;min-height:44px;padding:0 8px!important;white-space:normal!important;text-align:center;line-height:1.15!important}
 /* Längere Beschriftungen wie „Community / Bereiche“ brechen sauber in zwei Zeilen um. */
 html:root body #portal#portal .topactions>a.btn{font-size:12px!important}
 html:root body #portal#portal .topactions>[data-message-inbox]{grid-area:msg}
 html:root body #portal#portal .topactions>#scCreditHeader{grid-area:cred}
 html:root body #portal#portal .topactions>a.btn{grid-area:area}
 html:root body #portal#portal .topactions>#logoutPortal{grid-area:out}
 html:root body #portal#portal .topactions>.sc-language-control{
  grid-area:lang;position:relative!important;display:block!important;
  flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important
 }
 html:root body #portal#portal .topactions>.sc-language-control select.sc-language-select{
  width:100%!important;min-width:0!important;max-width:none!important;
  height:44px!important;min-height:44px!important;padding:0 26px 0 12px!important;
  font:600 16px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  border:1px solid rgba(214,162,112,.30)!important;border-radius:12px!important;
  background-color:rgba(255,240,225,.04)!important;
  background-position:calc(100% - 15px) 19px,calc(100% - 10px) 19px!important;
  text-overflow:ellipsis
 }
}
@media(max-width:360px){
 html:root body #portal#portal .top{gap:6px!important}
 html:root body #portal#portal .topactions>.btn{font-size:12px!important;padding:0 4px!important}
 html:root body #portal#portal .topactions>.sc-language-control select.sc-language-select{padding:0 22px 0 8px!important}
}