/* Remove Chainlit marks from login, sidebar, header, and footer areas. */
a[href*="chainlit"],
a[href*="Chainlit"],
a[href*="github.com/Chainlit"],
img[src*="logo_dark.svg"],
img[src*="logo_light.svg"],
img[src*="/logo"],
img[src*="favicon.svg"],
img[src*="cdwh-logo.svg"],
img[src*="blank.svg"],
img[alt*="Chainlit" i],
img[title*="Chainlit" i],
svg[aria-label*="Chainlit" i],
[aria-label*="Chainlit" i],
[title*="Chainlit" i],
[data-testid*="chainlit" i],
[data-testid*="watermark" i],
[aria-label*="readme" i],
[title*="readme" i],
a[href*="readme" i],
button[value*="readme" i],
[class*="watermark" i],
[class*="powered" i],
[class*="chainlit" i] {
  display: none !important;
  visibility: hidden !important;
}

/* Chainlit's login mark is an inline graphic in some builds. */
form img[src*="logo_dark.svg"],
form img[src*="logo_light.svg"],
form img[alt*="Chainlit" i],
form svg[aria-label*="Chainlit" i],
main svg[viewBox="0 0 928 928"],
main svg[viewBox*="928"] {
  display: none !important;
  visibility: hidden !important;
}

/* Keep decorative login art from exposing bundled or fallback logo graphics. */
body:has(form) aside svg,
body:has(form) aside img,
body:has(form) aside,
body:has(form) [style*="background-image"],
body:has(form) div:has(> img[src*="/favicon"]),
body:has(form) div:has(> img[src*="/logo"]),
body:has(form) div:has(> img[src*="cdwh-logo.svg"]),
body:has(form) [class*="logo" i],
body:has(form) [class*="brand" i] {
  display: none !important;
  visibility: hidden !important;
}

body:has(form) main {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}

body.cdwh-login-page #root {
  min-height: 100vh !important;
  width: 100vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.cdwh-login-page form {
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
}

body:has(form) main > div,
body:has(form) form {
  width: 100% !important;
  max-width: 420px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:has(form) img[src*="/favicon"],
body:has(form) img[src*="/logo"],
body:has(form) img[src*="cdwh-logo.svg"] {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  object-fit: contain !important;
}

/* Remove app logo/avatar from the chat shell. */
header img[src*="/logo"],
header img[src*="cdwh-logo.svg"],
header img[src*="blank.svg"],
nav img[src*="/logo"],
nav img[src*="cdwh-logo.svg"],
nav img[src*="blank.svg"],
button img[src*="/logo"],
button img[src*="cdwh-logo.svg"],
button img[src*="blank.svg"],
[class*="avatar" i] img[src*="cdwh-logo.svg"],
[class*="avatar" i] img[src*="blank.svg"],
[class*="logo" i],
[data-testid*="logo" i] {
  display: none !important;
  visibility: hidden !important;
}

/* Keep the branded app name as the first visual anchor. */
body::before {
  content: "";
}