/* Data Space — DSR Frontend Override
   Injected via nginx sub_filter to rebrand the Data Space Ready UI.
   Each project branch overrides this file with its own branding.
   Base uses neutral navy/teal palette. */

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

/* Hide iris360/HOPU logo image */
header .logo,
img[data-testid="logo"] {
  display: none !important;
}

/* Show Data Space branding in place of logo */
header .MuiToolbar-root::before {
  content: 'Data Space';
  font-size: 18px;
  font-weight: 600;
  color: #1e3a5f;
  font-family: 'Inter', sans-serif;
  white-space: nowrap;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3a5f' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cellipse cx='12' cy='12' rx='4.5' ry='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M3.5 7h17M3.5 17h17'/%3E%3C/svg%3E");
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
}

/* Navbar — white background */
header.MuiAppBar-root {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

/* Subheader — subtle background */
.subheader-title {
  background: #f4f7fa;
}

/* Replace "Data Space Ready" subheader title */
.subheader-title h1 {
  font-size: 0 !important;
  color: transparent !important;
}
.subheader-title h1::after {
  content: 'My Connector';
  font-size: 1.25rem;
  font-weight: 600;
  color: #1e3a5f;
  font-family: 'Inter', sans-serif;
}

/* Hide the data-platform.svg icon next to subheader title */
.subheader-title img[aria-hidden] {
  display: none !important;
}

/* Active navigation — navy accent */
.MuiButtonBase-root.Mui-selected,
button[aria-current="true"] {
  color: #1e3a5f !important;
}

/* Links — teal accent */
a.MuiLink-root,
.MuiTypography-root a {
  color: #2a9d8f !important;
}