/* Blue / Night tokens from the supplied NOS original-styles.css. Geometry is shared. */
:root[data-theme="blue"][data-mode="night"] {
    --bg: #08111f;
    --surface: #0f1a2c;
    --surface2: #13213a;
    --glass: rgba(20, 34, 58, .72);
    --text: #e6edf7;
    --muted: #bdcbe0;
    --line: rgba(255, 255, 255, .07);
    --acc: #6fa9ea;
    --acc2: #8dbdf2;
    --soft: #16243b;
    --track: #1c2c47;
    --acc-soft: #1b3150;
    --btn-t: #08111f;
    --me: #1e3a60;
    --good-s: rgba(111, 208, 138, .14);
    --good-t: #7fdb98;
    --warn-s: rgba(242, 192, 100, .14);
    --warn-t: #f2c064;
    --bad-s: rgba(240, 138, 138, .15);
    --bad-t: #f59b9b;
    --shadow: 0 18px 40px -22px rgba(0, 0, 0, .8);
    color-scheme: dark;
}

.site-header--compact .header-actions {
    margin-left: auto;
}

.theme-toggle {
    flex-shrink: 0;
}

/* 초기 테마 적용 전에도 버튼 자리를 유지해 다른 헤더 아이콘이 이동하지 않게 한다. */
.site-header .theme-toggle[hidden] {
    display: grid !important;
    visibility: hidden;
}

.theme-toggle svg {
    display: block;
}

.theme-toggle .theme-sun {
    display: none;
}

[data-mode="night"] .theme-toggle .theme-moon {
    display: none;
}

[data-mode="night"] .theme-toggle .theme-sun {
    display: block;
}

.sample-theme-image--night {
    display: none !important;
}

[data-mode="night"] .sample-theme-image--day {
    display: none !important;
}

[data-mode="night"] .sample-theme-image--night {
    display: block !important;
}

/* Limit overrides to screen: reports continue to print on white paper. */
@media screen {
    [data-mode="night"] body:before {
        background: radial-gradient(1200px 460px at 50% 0%, #17365f 0%, #0f2443 45%, rgba(8, 17, 31, 0) 100%);
    }

    [data-mode="night"] .panel {
        border-color: rgba(140, 180, 230, .08);
    }

    [data-mode="night"] .nav-item--active {
        box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    }

    [data-mode="night"] .primary-nav img,
    [data-mode="night"] .icon-button img,
    [data-mode="night"] .drawer-close img,
    [data-mode="night"] .order-mark img,
    [data-mode="night"] .sample-heading>img,
    [data-mode="night"] .sample-sparkle img {
        filter: brightness(0) invert(.9);
    }

    [data-mode="night"] .field select {
        background-image: url('../icons/chevron-down-night.svg');
    }

    [data-mode="night"] .field textarea::placeholder {
        color: var(--muted);
        opacity: 1;
    }

    [data-mode="night"] .avatar,
    [data-mode="night"] .notification-count,
    [data-mode="night"] .unread-pill {
        color: var(--btn-t);
    }

    [data-mode="night"] .radio-choice:has(input:checked),
    [data-mode="night"] .message {
        background: var(--acc-soft);
    }

    [data-mode="night"] .message {
        color: var(--acc2);
    }

    [data-mode="night"] .message--error {
        color: var(--bad-t);
        background: var(--bad-s);
    }

    [data-mode="night"] .conversation-scrim {
        background: rgba(0, 0, 0, .55);
    }

    [data-mode="night"] .message-content,
    [data-mode="night"] .notification-row {
        background: var(--soft);
    }

    [data-mode="night"] .message-bubble--mine .message-content {
        background: var(--me);
    }

    [data-mode="night"] .message-bubble blockquote {
        background: var(--surface);
    }

    [data-mode="night"] .message-bubble blockquote span,
    [data-mode="night"] .message-reply {
        color: var(--acc2);
    }

    [data-mode="night"] .samples-workspace .sample-note {
        color: #97a8bf;
    }

    [data-mode="night"] .sample-filters .button,
    [data-mode="night"] .sample-state,
    [data-mode="night"] .sample-dialogue article {
        background: var(--soft);
    }

    [data-mode="night"] .sample-filters .button--primary {
        background: var(--text);
        color: var(--btn-t);
    }

    [data-mode="night"] .sample-state--Low {
        color: var(--bad-t);
        background: var(--bad-s);
    }

    [data-mode="night"] .sample-state--Watch {
        color: var(--warn-t);
        background: var(--warn-s);
    }

    [data-mode="night"] .sample-state--Healthy {
        color: var(--good-t);
        background: var(--good-s);
    }

    [data-mode="night"] .sample-tags>span:not(.sample-state) {
        background: var(--surface);
    }

    [data-mode="night"] .sample-dialogue .sample-dialogue--mine {
        background: var(--me);
    }

    [data-mode="night"] .sample-sparkle {
        background: var(--acc-soft);
    }

    [data-mode="night"] .sample-person progress {
        background: var(--track);
    }

    [data-mode="night"] .sample-person progress::-webkit-progress-bar {
        background: var(--track);
    }
}

@media print {
    :root[data-theme="blue"][data-mode="night"] {
        --bg: #f3f5f8;
        --surface: #fff;
        --surface2: #f6f8fb;
        --glass: rgba(255, 255, 255, .62);
        --text: #1f2633;
        --muted: #667387;
        --line: #ccd5df;
        --acc: #3f6e9e;
        --acc2: #5e9bdc;
        color-scheme: light;
    }

    .theme-toggle,
    body:before {
        display: none !important;
    }

    [data-mode="night"] .sample-theme-image--night {
        display: none !important;
    }

    [data-mode="night"] .sample-theme-image--day {
        display: block !important;
    }
}