/* Geo4Water — DSR Frontend Override
   Injected via nginx sub_filter to rebrand the Data Space Ready UI.
   In tenant gateways: also loads dsr-shell.js which injects shared navbar.
   Palette: navy #1B3A5C, teal #14B8A6, sky #0EA5E9, dark #0F172A */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ─── HIDE DSR CHROME (navbar, sidebar, settings) ─── */

/* DSR top navbar — hidden, replaced by shared navbar via dsr-shell.js */
.navBar,
header.MuiAppBar-root {
  display: none !important;
}

/* DSR left sidebar */
.vertical-menu {
  display: none !important;
}

/* Settings gear button */
button[aria-label="Open settings"] {
  display: none !important;
}

/* Dashboard, Administration, Manage Data Space, Your Scopes nav items */
a[href="/dashboard"],
a[href="/administration"],
a[href="/manage-data-space"],
a[href="/your-scopes"] {
  display: none !important;
}

/* ─── HIDE COOKIES ─── */

.cookies-preferences-container,
.cookie-button-container,
.cookies-modal,
[class*="cookie"],
[class*="Cookie"] {
  display: none !important;
}

/* ─── HIDE LDT / IRIS360 BRANDING ─── */

img[src*="ldt-logo"],
img[src*="iris360"],
img[src*="data-platform.svg"],
[class*="footer"] a[href*="ldttoolbox"],
[class*="footer"] a[href*="iris360"] {
  display: none !important;
}

/* ─── SUBHEADER ─── */

.subheader-title {
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}

.subheader-title h1 {
  font-size: 0 !important;
  color: transparent !important;
}
.subheader-title h1::after {
  content: 'My Connector';
  font-size: 1.1rem;
  font-weight: 600;
  color: #1B3A5C;
  font-family: 'Inter', sans-serif;
}

.subheader-title img[aria-hidden] {
  display: none !important;
}

/* ─── DSR CONTENT — adjust for hidden sidebar ─── */

/* Expand content to full width (no sidebar) */
.main-content,
[class*="mainContent"],
.MuiContainer-root {
  margin-left: 0 !important;
  max-width: 100% !important;
}

/* ─── NAVIGATION ACCENTS ─── */

.MuiButtonBase-root.Mui-selected,
button[aria-current="true"] {
  color: #1B3A5C !important;
}

a.MuiLink-root,
.MuiTypography-root a {
  color: #14B8A6 !important;
}

/* Create button — teal accent */
.MuiButton-containedPrimary {
  background-color: #14B8A6 !important;
}
.MuiButton-containedPrimary:hover {
  background-color: #0D9488 !important;
}

/* ─── DSR SUB-NAVBAR (connector section tabs) ─── */

.gs-subnav {
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  z-index: 9998;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  height: 36px;
  display: flex;
  align-items: center;
}

.gs-subnav-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  gap: 4px;
  align-items: center;
  width: 100%;
}

.gs-subnav-link {
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.15s;
}

.gs-subnav-link:hover {
  color: #0F172A;
  background: #e2e8f0;
}

.gs-subnav-link.active {
  color: var(--nav-accent, #0EA5E9);
  font-weight: 600;
  background: var(--nav-accent-bg, #e0f2fe);
}

/* ─── TYPOGRAPHY ─── */

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ─── SCROLLBAR REFINEMENT ─── */

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}