/* ERW Branding — ewg-winterthur.ch Style */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Roboto+Slab:wght@400;700&display=swap');

/* Login-Seite */
.login-page .login-content-box {
  font-family: 'Open Sans', Arial, sans-serif !important;
}

.login-page .css-1qw72e8 {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
}

/* Buttons */
.css-14g7ilz, button[type="submit"],
.btn-primary, [class*="Button"][class*="primary"] {
  background-color: #2EA3F2 !important;
  border-color: #2EA3F2 !important;
}

.css-14g7ilz:hover, button[type="submit"]:hover,
.btn-primary:hover {
  background-color: #1a8fd8 !important;
  border-color: #1a8fd8 !important;
}

/* Top navigation bar */
.css-vxia23, .css-1g6gooi,
nav[class*="NavBar"], header[class*="TopNav"],
[class*="navbar"], [class*="top-bar"] {
  background: #1a1a2e !important;
}

/* Sidebar */
[class*="sidemenu"], [class*="SideMenu"],
nav[class*="nav-tree"], [class*="navTree"],
[class*="mega-menu"], [class*="DockMenu"] {
  background: #1a1a2e !important;
}

/* Links */
a { color: #2EA3F2; }
a:hover { color: #1a8fd8; }

/* Login title override */
.login-page h1, .login-page [class*="LoginTitle"] {
  font-family: 'Roboto Slab', serif !important;
}

/* Panel headers */
[class*="panel-title"], [class*="PanelTitle"] {
  font-family: 'Open Sans', Arial, sans-serif !important;
}

/* Active/selected states */
[class*="active"], [class*="Active"],
[aria-selected="true"] {
  border-color: #2EA3F2 !important;
}

/* Azure AD / Microsoft login button */
.login-page a[href*="azuread"] {
  background: #2EA3F2 !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
}

/* === AUSBLENDEN: News Feed, Help, Getting Started === */

/* "Latest from the blog" / News Feed */
[class*="NewsWrapper"], [class*="news-feed"],
[class*="SectionNav"] ~ div:has([href*="grafana.com/blog"]),
[aria-label*="News"], [data-testid*="news"],
div:has(> a[href*="grafana.com/blog"]) {
  display: none !important;
}

/* "Need help?" Section */
[class*="HelpWizard"], [class*="help-wizard"],
[aria-label*="Help"], [data-testid*="help"],
div:has(> [class*="help"]) {
  display: none !important;
}

/* Getting Started panel */
[class*="WelcomeBanner"], [class*="welcome-banner"],
[aria-label*="Getting started"], [data-testid*="getting-started"] {
  display: none !important;
}

/* Grafana community links */
[class*="footer"], [class*="Footer"] {
  display: none !important;
}

/* "Starred dashboards" wenn leer */
[class*="DashboardsSection"]:empty {
  display: none !important;
}

/* ===== ERW Topbar Push-Down (64px) ===== */
/* Top-Navigation 64px nach unten verschieben */
.css-vxia23, .css-1g6gooi,
nav[class*="NavBar"], header[class*="TopNav"],
[class*="navbar"], [class*="top-bar"],
[class*="page-toolbar"], [data-testid*="Toolbar"] {
  top: 64px !important;
}

/* React-Root: 64px Margin damit fixed-Elemente Platz haben */
#reactRoot, [id="reactRoot"] { padding-top: 64px !important; box-sizing: border-box; }

/* Aside-Navigation (DockMenu) ebenfalls runter */
aside[class*="DockMenu"], [class*="sidemenu"][class*="fixed"],
nav[aria-label*="navigation"][class*="fixed"] { top: 64px !important; }

/* Grafana 12 Left Dock Menu (Home/Dashboards/Alerting) */
[data-testid="data-testid Dock menu"],
[data-testid*="Dock menu"],
nav[role="navigation"],
aside[class*="DockMenu"],
ul[data-testid*="Mega menu"] {
  top: 64px !important;
  height: calc(100vh - 64px) !important;
}

/* Sidebar-Toggle-Button (das ☰-Icon) ebenfalls etwas runter, damit klickbar */
button[data-testid="data-testid Toggle dock menu"],
button[aria-label*="Toggle"][aria-label*="menu"] {
  margin-top: 64px !important;
}