/* SyncTV Help Guide header alignment and responsive action controls. */
body .topbar-inner{min-width:0}
body .top-actions{min-width:0;align-items:center;flex-wrap:nowrap}
body .top-actions>a,body .top-actions>#synctvThemeToggle{flex:0 0 auto;white-space:nowrap}
body .top-actions>#synctvThemeToggle{
  position:static!important;
  inset:auto!important;
  margin:0!important;
  z-index:auto!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border-radius:9px!important;
  box-shadow:none!important;
  background:var(--card)!important;
  color:var(--text)!important;
  border:1px solid var(--line)!important;
  backdrop-filter:none!important;
  font:800 12px Nunito,system-ui,sans-serif!important;
}
body .top-actions>#synctvThemeToggle:hover{transform:none!important;border-color:var(--accent)!important;color:var(--accent)!important}
body .top-actions>#synctvThemeToggle .synctv-theme-icon{font-size:14px!important}

@media(max-width:900px){
  body .topbar-inner{gap:12px}
  body .top-actions{gap:6px}
  body .top-actions>a,body .top-actions>#synctvThemeToggle{padding:8px 10px!important;font-size:11px!important}
}

@media(max-width:700px){
  body .topbar-inner{padding:10px 0;align-items:center;flex-wrap:wrap}
  body .brand{margin-right:auto}
  body .top-actions{order:2;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible}
  body .top-actions>a,body .top-actions>#synctvThemeToggle{width:100%;min-width:0!important;min-height:38px!important;padding:8px 6px!important;justify-content:center;text-align:center;font-size:10px!important}
}

@media(max-width:430px){
  body .top-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}