/* CRM에 삽입된 모니터링도 선택한 테마를 따른다. 독립 모니터링의 기본값은 기존 다크다. */
.qz-site[data-page="bbs-monitor"] .qz-mon-seat-led { flex-basis: 10.5px; width: 10.5px; height: 10.5px; }
html[data-bs-theme="light"] { color-scheme: light; }
html[data-bs-theme="light"] .qz-site[data-page="bbs-monitor"] {
    --qz-bg: #f4f6fa;
    --qz-bg-deep: #fff;
    --qz-bg-black: #edf0f6;
    --qz-line: #ccd3de;
    --qz-line-soft: #dfe4ec;
    --qz-text: #202a3b;
    --qz-dim: #465369;
    --qz-muted: #58677c;
    --qz-accent: #b65a00;
    --qz-blue: #225cc4;
    --qz-green: #387a0d;
    --qz-chip: #e9edf5;
    --qz-panel-2: #edf1f7;
}
html[data-bs-theme="light"] .qz-site :is(.qz-mon-title, .qz-mon-count b, .qz-mon-dual b, .qz-mon-screen-head b, .qz-mon-menu-head b) { color: var(--qz-text); }
html[data-bs-theme="light"] .qz-site .qz-mon-table :is(.qz-mon-dual small, .qz-mon-seat-ip, .qz-mon-net-rate, .qz-mon-net-label, .qz-mon-sub, .qz-mon-stat, .qz-mon-proc-name small) { color: var(--qz-dim); }
html[data-bs-theme="light"] .qz-site :is(.qz-mon-chip, .qz-mon-store select, .qz-mon-search input, .qz-mon-screen-box, .qz-mon-menu, .qz-mon-procpanel) { background: var(--qz-bg-deep); color: var(--qz-text); border-color: var(--qz-line); }
html[data-bs-theme="light"] .qz-site .qz-mon-chip.is-active { background: #e2ebfc; color: #225cc4; border-color: #9bb9eb; }
html[data-bs-theme="light"] .qz-site[data-page="bbs-monitor"] .qz-tabs button.is-active { background: #e2ebfc; color: #225cc4; }
html[data-bs-theme="light"] .qz-site[data-page="bbs-monitor"] .qz-tabs button.is-active b { color: #225cc4; }
html[data-bs-theme="light"] .qz-site[data-page="bbs-monitor"] .qz-tabs button b.is-on { color: #387a0d; }
html[data-bs-theme="light"] .qz-site[data-page="bbs-monitor"] .qz-tabs button b.is-bad { color: #b42323; }
html[data-bs-theme="light"] .qz-site .qz-mon-table tbody tr:hover td { background: #e9eef7; }
html[data-bs-theme="light"] .qz-site :is(.qz-mon-net-bar, .qz-mon-bar) { background: #dce3ed; }
html[data-bs-theme="light"] .qz-site .qz-mon-stats .qz-mon-temp { color: #374151; }
html[data-bs-theme="light"] .qz-site .qz-mon-stats .qz-mon-temp.is-cool { color: #166534; }
html[data-bs-theme="light"] .qz-site .qz-mon-stats .qz-mon-temp.is-mild { color: #795c00; }
html[data-bs-theme="light"] .qz-site .qz-mon-stats .qz-mon-temp.is-warn { color: #9a4100; }
html[data-bs-theme="light"] .qz-site .qz-mon-stats .qz-mon-temp.is-hot { color: #b42323; }
html[data-bs-theme="light"] .qz-site .qz-mon-seatbtn.is-on { color: #387a0d; }
html[data-bs-theme="light"] .qz-site :is(.qz-mon-seatbtn.is-off, .qz-mon-menu-item.is-danger, .qz-mon-proc-kill) { color: #b42323; }
html[data-bs-theme="light"] .qz-site .mc-nav { --mc-panel: #fff; --mc-line: #ccd3de; --mc-text: #202a3b; --mc-muted: #58677c; --mc-amber: #9a5200; --mc-alert: #b42323; --mc-alert-bg: #fcebec; }
html[data-bs-theme="light"] .qz-site .mc-company-context { background: #edf1f7; color: var(--qz-text); border-color: var(--qz-line); }
html[data-bs-theme="light"] .qz-site .mc-company-context strong { color: #9a5200; }
html[data-bs-theme="light"] .qz-site[data-page="bbs-monitor"] :is(#mcPcPanel,#mcUnmannedPanel,#mcNoticePanel,#mcBroadcastPanel,#mcGamesPanel,#mcSharingPanel,#mcTemperaturePanel,#mcBatteryPanel,#mcHardwarePanel,#mcNetworkPanel,#mcLogsPanel) { background: #fff; border-color: var(--qz-line); }
html[data-bs-theme="light"] .qz-site #mcPcPanel .qz-mon-table thead th { background: #fff; }
html[data-bs-theme="light"] .qz-site #mcPcPanel .qz-mon-table tr[data-qz-seat]:is(:hover,:focus-visible,.is-open) > td { background: #e9eef7; }
html[data-bs-theme="light"] .qz-site .qz-mon-seat-name { color: var(--qz-text); }
html[data-bs-theme="light"] .qz-site #mcPcPanel .qz-mon-toolbar :is([data-qz-filter-board],[data-qz-filter-gpu]) { color-scheme: light; background-color: #edf1f7; color: var(--qz-text); border-color: var(--qz-line); }
html[data-bs-theme="light"] .qz-site #mcPcPanel .qz-mon-toolbar :is([data-qz-filter-board],[data-qz-filter-gpu]) option { background-color: #fff; color: var(--qz-text); }
html[data-bs-theme="light"] .qz-site .qz-mon-table .is-on .qz-mon-seat-led { color: #387a0d; }
html[data-bs-theme="light"] .qz-site .qz-mon-table :is(.is-off,.is-error) .qz-mon-seat-led { color: #c23a3a; }
html[data-bs-theme="light"] .qz-site .qz-mon-search input::placeholder,
html[data-bs-theme="light"] .qz-site .qz-mon-seat-band { color: var(--qz-muted); }
/* 각 탭의 Shadow DOM은 호스트의 공통 팔레트를 물려받는다. */
html[data-bs-theme="light"] .qz-site :is(#mcHardwarePanel,#mcNetworkPanel,#mcTemperaturePanel,#mcBatteryPanel,#mcNoticePanel,#mcLogsPanel,#mcBroadcastPanel,.mg-host) {
    --bg: #f4f6fa; --bg-2: #edf1f7; --panel: #fff; --panel-2: #edf1f7; --panel-3: #e4eaf3; --inset: #e9edf5;
    --line: #ccd3de; --line-2: #bac4d3; --line-strong: #bac4d3; --line-soft: #dfe4ec;
    --tx: #202a3b; --tx2: #465369; --tx3: #58677c;
    --text: #202a3b; --text-2: #465369; --text-3: #58677c; --muted: #465369; --dim: #58677c;
    --amber: #9a5200; --amber-tint: #fff1db; --amber-line: #dfb56e; --accent: #9a5200; --accent-2: #a85d00;
    --green: #23783b; --green-tx: #23783b; --red: #b42323; --red-tx: #b42323; --blue: #225cc4; --blue-tx: #225cc4;
    --brand: #6551d1; --brand-2: #5040af; --free: #23783b; --warn: #9a5200;
    color-scheme: light;
}
html[data-bs-theme="light"] .qz-site :is(.ms,.ms-dialog) {
    --ms-bg: #f4f6fa; --ms-panel: #fff; --ms-panel-2: #edf1f7; --ms-inset: #e9edf5;
    --ms-line: #ccd3de; --ms-line-2: #bac4d3; --ms-line-soft: #dfe4ec;
    --ms-tx: #202a3b; --ms-tx2: #465369; --ms-tx3: #58677c;
    --ms-amber: #9a5200; --ms-green-tx: #23783b; --ms-red-tx: #b42323; --ms-blue-tx: #225cc4;
    color-scheme: light;
}
html[data-bs-theme="light"] .qz-site .um-x {
    --um-ink: #f4f6fa; --um-panel: #fff; --um-raise: #edf1f7; --um-line: #ccd3de; --um-line2: #bac4d3;
    --um-tx: #202a3b; --um-tx2: #465369; --um-tx3: #58677c; --um-amber: #9a5200; --um-amber2: #a85d00;
    color-scheme: light;
}
/* Menus and dialogs outside shadow roots, including the entrance console. */
html[data-bs-theme="light"] .qz-site .mc-tablist .mc-tab-count { background: #e9edf5; color: #58677c; }
html[data-bs-theme="light"] .qz-site .mc-tablist .tr-alert-count { background: #fcebec; color: #b42323; }
html[data-bs-theme="light"] .qz-site .qz-mon-table tr:is(.is-off,.is-error) .qz-mon-proc-thumb.is-blank { color: #b42323; }
html[data-bs-theme="light"] .qz-site .mg-head h1,
html[data-bs-theme="light"] .qz-site .mg-tools { color: #202a3b; }
html[data-bs-theme="light"] .qz-site :is(.mg-head p,.mg-feedback) { color: #465369; }
html[data-bs-theme="light"] .qz-site .mg-tools :is(select,button) { background: #fff; color: #202a3b; border-color: #ccd3de; color-scheme: light; }
html[data-bs-theme="light"] .qz-site .um-x { --um-live: #23783b; --um-alert: #b42323; --um-live-soft: #e7f4eb; --um-alert-soft: #fcebec; --um-amber-soft: #fff1db; }
html[data-bs-theme="light"] .qz-site .um-x :is(.um-hd,.um-win-h,.um-win-f,.um-big-h,.um-set-h,.um-set-f) { background: #fff; }
html[data-bs-theme="light"] .qz-site .um-x :is(.um-btn.is-ghost:hover,.um-stp button:hover) { background: #e4eaf3; }
html[data-bs-theme="light"] .qz-site .um-x :is(.um-store select,.um-sel) option { background: #fff; color: #202a3b; }
html[data-bs-theme="light"] .qz-site .um-x :is(.um-btn.is-amber,.um-pills button[aria-pressed="true"],.um-chips button[aria-pressed="true"],.um-dch button[aria-pressed="true"],.um-fnd .um-add) { background: #efbd62; color: #352300; }
html[data-bs-theme="light"] .qz-site .um-x .um-btn.is-green { background: #23783b; color: #fff; }
html[data-bs-theme="light"] .qz-site .um-x .um-btn.is-red { background: #b42323; color: #fff; }
html[data-bs-theme="light"] .qz-site .um-x :is(.entrance-panel,.entrance-settings,.entrance-sip-settings) { --card: #fff; --line: #ccd3de; --amber: #925000; color: #202a3b; background: #fff; border-color: #ccd3de; }
html[data-bs-theme="light"] .qz-site :is(.entrance-empty,.entrance-detail,.entrance-controls,.entrance-controls label,.entrance-settings label,.entrance-settings-hint,.entrance-revoke p) { color: #465369; }
html[data-bs-theme="light"] .qz-site :is(.entrance-head select,.entrance-device-tabs button) { background: #edf1f7; color: #202a3b; border-color: #bac4d3; }
html[data-bs-theme="light"] .qz-site .entrance-device-tabs button.selected { color: #925000; background: #fff1db; }
html[data-bs-theme="light"] .qz-site :is(.entrance-settings input,.entrance-settings select,.entrance-zoom>button,.entrance-remote-head button) { color: #202a3b; background: #edf1f7; border-color: #bac4d3; color-scheme: light; }
html[data-bs-theme="light"] .qz-site :is(.entrance-zoom,.entrance-remote-dialog) { color: #202a3b; background: #fff; border-color: #bac4d3; }
html[data-bs-theme="light"] .qz-site :is(dialog.um-sheet,dialog.um-drawer,.entrance-zoom,.entrance-remote-dialog,.ms-dialog)::backdrop { background: rgba(25,38,58,.35); }
html[data-bs-theme="light"] .qz-site .ms-sel select option { background: #fff; color: #202a3b; }
html[data-bs-theme="light"] .qz-site :is(.ms,.ms-dialog) { --ms-green-tint: #e7f4eb; --ms-red-tint: #fcebec; --ms-blue-tint: #e7effd; --ms-amber-tint: #fff1db; }
html[data-bs-theme="light"] .qz-site :is(.ms,.ms-dialog) :is(.ms-note.is-warn,.ms-warnline,.ms-preset[aria-pressed="true"] small,.ms-btn.is-primary:hover:not(:disabled)) { color: #925000; }
html[data-bs-theme="light"] .qz-site :is(.ms,.ms-dialog) .ms-btn.is-danger:hover:not(:disabled) { color: #b42323; }
html[data-bs-theme="light"] .qz-site :is(.ms,.ms-dialog) .ms-switch input { background: #bac4d3; }
html[data-bs-theme="light"] .qz-site :is(.ms,.ms-dialog) .ms-switch input::before { background: #fff; }
html[data-bs-theme="light"] .qz-site .qz-share-note { color: #225cc4; }
html[data-bs-theme="light"] .qz-site .qz-floating button { background: #e4eaf3; color: #202a3b; }
html[data-bs-theme="light"] .qz-site .entrance-screen:has(.entrance-empty) { background: #edf1f7; }
html[data-bs-theme="light"] .qz-site .um-x :is(input:not([type="checkbox"]):not([type="range"]),select) { color-scheme: light; color: #202a3b; background: #edf1f7; border-color: #bac4d3; }
html[data-bs-theme="light"] .qz-site .um-x .um-sw[aria-checked="true"] { background: #efbd62; }
html[data-bs-theme="light"] .qz-site .um-x .um-sw::after { background: #fff; }
html[data-bs-theme="light"] .qz-site .um-x .um-acct .um-lg { background: #e7effd; color: #225cc4; }
html[data-bs-theme="light"] .qz-site .um-x :is(.st-note,.st-receipt small) { color: #465369; }
html[data-bs-theme="light"] .qz-site .um-x :is(.st-error,.st-confirm) { color: #925000; background: #fff1db; border-color: #d3a253; }
html[data-bs-theme="light"] .qz-site .um-x :is(.st-step,.st-day) { background: #edf1f7; border-color: #ccd3de; }
html[data-bs-theme="light"] .qz-site .um-x .st-mode-status { color: #23783b; background: #e7f4eb; }
html[data-bs-theme="light"] .qz-site .um-x :is(.st-receipt,.st-fields input,.st-fields select) { border-color: #ccd3de; }
html[data-bs-theme="light"] .qz-site .um-x :is(.st-field,.st-step button) { color: #465369; }
html[data-bs-theme="light"] .qz-site .um-x :is(.st-tabs button,.st-sequence) { color: #202a3b; background: #edf1f7; border-color: #ccd3de; }
html[data-bs-theme="light"] .qz-site .um-x :is(.st-step>span,.st-sequence-preview) { color: #925000; }
html[data-bs-theme="light"] .qz-site .um-x .st-tabs .um-btn[aria-pressed="true"] { background: #efbd62; color: #352300; }
/* PC monitoring has separate message, approval, consent and settlement windows. */
html[data-bs-theme="light"] .qz-site .qz-mon-msg-box {
    --m-bg: #fff; --m-panel: #f4f6fa; --m-raise: #edf1f7; --m-raise2: #e4eaf3;
    --m-line: #ccd3de; --m-line-soft: #dfe4ec; --m-fg: #202a3b; --m-fg2: #465369; --m-fg3: #58677c;
    --m-amber: #925000; --m-teal: #e3f3ef; --m-teal-hi: #cee9e2; --m-teal-fg: #0d6654; --m-green: #23783b;
}
html[data-bs-theme="light"] .qz-site .qz-mon-msg-seat:is(.is-unread,[aria-selected="true"]) .qz-mon-msg-num { color: #202a3b; }
html[data-bs-theme="light"] .qz-site :is(.qz-mon-msg-tbtn.is-active,.qz-mon-msg-chip[aria-pressed="true"]) { color: #925000; background: #fff1db; border-color: #d3a253; }
html[data-bs-theme="light"] .qz-site .qz-mon-screen .qz-mon-settle-box {
    --st-bg: #fff; --st-chrome: #f4f6fa; --st-panel: #fff; --st-panel2: #edf1f7; --st-panel3: #e4eaf3;
    --st-line: #ccd3de; --st-line-soft: #dfe4ec; --st-txt: #202a3b; --st-dim: #465369; --st-faint: #58677c;
    --st-teal: #0d6654; --st-amber: #925000; --st-red: #b42323;
}
html[data-bs-theme="light"] .qz-site :is(.qz-mon-screen-status,.qz-mon-consent-text) { background: #edf1f7; color: #465369; }
html[data-bs-theme="light"] .qz-site :is(.qz-mon-screen.qz-mon-access,.qz-mon-screen.qz-mon-consent) { background: rgba(25,38,58,.35); }
html[data-bs-theme="light"] .qz-site .qz-mon-access-card { background: #fff; color: #202a3b; border-color: #ccd3de; box-shadow: 0 20px 60px #26375133; }
html[data-bs-theme="light"] .qz-site :is(.qz-mon-access-title p,.qz-mon-access-eyebrow,.qz-mon-access-lead,.qz-mon-access-ipbar span,.qz-mon-access-code-side small,.qz-mon-access-steps small,.qz-mon-access-choice small,.qz-mon-access-later,.qz-mon-access-x,.qz-mon-consent-lead) { color: #465369; }
html[data-bs-theme="light"] .qz-site :is(.qz-mon-access-ipbar,.qz-mon-access-choice) { background: #edf1f7; color: #202a3b; border-color: #ccd3de; }
html[data-bs-theme="light"] .qz-site :is(.qz-mon-access-choice.is-primary,.qz-mon-access-choice:hover,.qz-mon-access-later:hover,.qz-mon-access-x:hover) { background: #e7effd; color: #225cc4; border-color: #bac4d3; }
html[data-bs-theme="light"] .qz-site :is(.qz-mon-access-choice i,.qz-mon-access-choice.is-primary i,.qz-mon-access-code-label,.qz-mon-access-code-digits) { color: #225cc4; text-shadow: none; }
html[data-bs-theme="light"] .qz-site .qz-mon-access-ipbar code { color: #202a3b; }
html[data-bs-theme="light"] .qz-site :is(.qz-mon-access-state,.qz-mon-access-status,.qz-mon-consent-status) { color: #925000; }
html[data-bs-theme="light"] .qz-site .qz-mon-access-code { background: #e7effd; border-color: #bac4d3; }
html[data-bs-theme="light"] .qz-site .qz-mon-btn.is-primary { background: #225cc4; color: #fff; }
html[data-bs-theme="light"] .qz-site .um-x :is(.um-cctv-message.is-error,.um-cctv-remove:hover) { color: #b42323; }
html[data-bs-theme="light"] .qz-site .qz-mon-msg-brand { background: #e3f3ef; color: #0d6654; }
html[data-bs-theme="light"] .qz-site .qz-mon-access-dot { background: #edf1f7; color: #465369; border-color: #ccd3de; }
html[data-bs-theme="light"] .qz-site .qz-mon-access[data-qz-access-state="waiting"] :is(.qz-mon-access-state,.qz-mon-access-dot) { background: #e7effd; color: #225cc4; border-color: #bac4d3; }
html[data-bs-theme="light"] .qz-site .qz-mon-access[data-qz-access-state="granted"] .qz-mon-access-state { background: #e7f4eb; color: #23783b; border-color: #b6d3bc; }
html[data-bs-theme="light"] .qz-site .um-x .um-wall { background: #edf1f7; }
html[data-bs-theme="light"] .qz-site .um-x .um-cctv-tile:not(.is-live) { background: #e4eaf3; }
html[data-bs-theme="light"] .qz-site .um-x .um-cctv-tile:not(.is-live) :is(.um-cctv-state,.um-name,.um-tag) { color: #465369; text-shadow: none; }