/* Host-only visual guard. It preserves the original dark web canvas without touching Shared/MAUI styles. */
html[data-theme="dark"],
html[data-theme="dark"] body {
    min-height: 100%;
    margin: 0;
    background-color: #080d1c !important;
}

html[data-theme="dark"] {
    color-scheme: dark;
    background: #080d1c !important;
}

html[data-theme="dark"] body {
    min-height: 100vh;
    color: #f8fafc;
    background: radial-gradient(circle at 50% 35%, rgba(13, 110, 253, 0.14), transparent 40%), #080d1c !important;
    background-color: #080d1c !important;
    background-attachment: fixed;
}

html[data-theme="dark"] body > .page,
html[data-theme="dark"] body > .page > #wrapper,
html[data-theme="dark"] body > .page > #wrapper > #content,
html[data-theme="dark"] body > .page > main,
html[data-theme="dark"] body > .page > main > article.content {
    background: transparent !important;
    background-color: transparent !important;
}