/* SpectreTAK: unified dark canvas and original logo compositing. */
html[data-mantine-color-scheme="dark"] {
  --mantine-color-body: #242424;
  background: #242424;
}
html[data-mantine-color-scheme="dark"] body,
html[data-mantine-color-scheme="dark"] #root,
html[data-mantine-color-scheme="dark"] .mantine-AppShell-header,
html[data-mantine-color-scheme="dark"] .mantine-AppShell-main {
  background-color: #242424;
}
html[data-mantine-color-scheme="dark"] img[src*="ots-logo-"] {
  mix-blend-mode: lighten;
}
img[src*="ots-logo-"] { max-width: calc(100vw - 32px); object-fit: contain; }

.mantine-Container img[src*="ots-logo-"] { height: auto !important; width: min(950px, calc(100vw - 32px)) !important; flex-shrink: 0; }

html[data-mantine-color-scheme="dark"] #root div[style*="--mantine-color-dark-9"]:has(img[src*="ots-logo-"]) { background: #242424 !important; min-height: 100dvh; height: auto !important; }