/* /monitor navigation: option A, underline tabs joined to the active content card. */
.mc-nav{--mc-panel:#141416;--mc-line:#2a2b30;--mc-text:#e9e9ec;--mc-muted:#9a9aa3;--mc-amber:#f0a12a;display:flex;align-items:stretch;gap:2px;padding:0 8px;margin:18px 0 0;border:1px solid var(--mc-line);border-bottom:0;border-radius:10px 10px 0 0;background:var(--mc-panel);box-shadow:inset 0 -1px 0 var(--mc-line)}
.mc-tablist{display:flex;align-items:stretch;gap:2px;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.mc-tablist::-webkit-scrollbar{display:none}
.qz-site .mc-tablist [role="tab"]{display:flex;align-items:center;justify-content:center;flex:none;gap:8px;padding:14px 14px 13px;margin:0 0 -1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--mc-muted);font-family:inherit;font-size:14px;font-weight:400;line-height:1.6;white-space:nowrap;cursor:pointer;box-shadow:none;transition:color .15s,border-color .15s}
.qz-site .mc-tablist [role="tab"]:hover{background:transparent;color:var(--mc-text)}
.qz-site .mc-tablist [role="tab"][aria-selected="true"]{background:transparent;color:var(--mc-text);font-weight:500;border-bottom-color:var(--mc-amber);box-shadow:none}
.mc-icon{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mc-tablist [aria-selected="true"] .mc-icon{color:var(--mc-amber)}
.qz-site .mc-tablist .mc-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin:0;padding:0 7px;border:0;border-radius:999px;background:#0b0b0d;color:#6d6d76;font-size:11.5px;font-weight:400;line-height:18px;font-variant-numeric:tabular-nums}
.qz-site .mc-tablist [aria-selected="true"] .mc-tab-count{color:var(--mc-amber);background:rgba(240,161,42,.13)}
.mc-nav [hidden]{display:none!important}
.mc-nav-actions{display:flex;align-items:center;flex:none;margin-left:auto;padding:8px 4px 8px 12px}
.qz-site .mc-manage{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;border:1px solid var(--mc-line);border-radius:8px;background:transparent;color:var(--mc-muted);font-family:inherit;font-size:13px;font-weight:400;line-height:1.6;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}
.qz-site .mc-manage:hover{border-color:#3a3b41;color:var(--mc-text);background:transparent}
.qz-site .mc-nav button:focus-visible{outline:2px solid var(--mc-amber);outline-offset:-4px}
.qz-site[data-page="bbs-monitor"] :is(#mcPcPanel,#mcUnmannedPanel,#mcNoticePanel,#mcBroadcastPanel,#mcGamesPanel,#mcSharingPanel,#mcTemperaturePanel,#mcBatteryPanel,#mcHardwarePanel,#mcNetworkPanel,#mcLogsPanel){margin-top:0;border-top:0;border-top-left-radius:0;border-top-right-radius:0;border-left-color:#2a2b30;border-right-color:#2a2b30;border-bottom-color:#2a2b30}
#mcBroadcastPanel[hidden]{display:none!important}
.qz-site[data-page="bbs-monitor"] #mcPcPanel{background:#141416}
/* Scroll only the PC rows, retaining the action toolbar and column headings. */
.qz-site #mcPcPanel .qz-mon-table-wrap {
    max-height: var(--qz-mon-list-height, 60dvh);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
.qz-site #mcPcPanel .qz-mon-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #141416;
    box-shadow: 0 1px 0 var(--qz-line);
}
@media(max-width:700px){.mc-nav{margin-top:10px;padding:0 6px}.qz-site .mc-tablist [role="tab"]{padding:13px 10px 12px;gap:7px;font-size:13px}.mc-nav-actions{padding:7px 0 7px 7px}.qz-site .mc-manage{padding:8px}.mc-manage span{display:none}
.qz-site #mcPcPanel .qz-panel-head{flex-wrap:wrap}
.qz-site #mcPcPanel .qz-pager{flex-basis:100%;max-width:100%;flex-wrap:wrap;justify-content:flex-start;white-space:normal;margin-left:0}
.qz-site #mcPcPanel .qz-mon-modes,.qz-site #mcPcPanel .qz-mon-group{flex-wrap:wrap;max-width:100%;min-width:0}}

/* PC names are plain text; the whole data row opens its control menu. */
.qz-site #mcPcPanel .qz-mon-table tr[data-qz-seat] { cursor: pointer; }
.qz-site #mcPcPanel .qz-mon-table tr[data-qz-seat] .qz-mon-col-check { cursor: default; }
.qz-site #mcPcPanel .qz-mon-table tr[data-qz-seat]:is(:hover,:focus-visible,.is-open) > td { background: #242933; }
.qz-site #mcPcPanel .qz-mon-table tr[data-qz-seat]:focus-visible { outline: 2px solid #f0a12a; outline-offset: -2px; }
.qz-mon-seat-name { display: inline-flex; align-items: center; gap: 7px; min-height: 28px; color: #f3f4f6; font-size: 13px; font-weight: 700; }
/* 다대역 통합 매장: 좌석이 어느 대역(모니터링 서버)에서 왔는지 */
.qz-mon-seat-band { display: inline-block; margin-left: 6px; padding: 1px 6px; border: 1px solid #3b4454; border-radius: 999px; color: #9fb1c8; font-size: 11px; font-weight: 600; white-space: nowrap; vertical-align: middle; }
.qz-pccheck-band { margin: 14px 0 6px; font-size: 14px; font-weight: 700; }
.qz-mon-table .is-on .qz-mon-seat-led { color: #a8dd4f; }
.qz-mon-table .is-warn .qz-mon-seat-led { color: #f0a12a; }
.qz-mon-table :is(.is-off,.is-error) .qz-mon-seat-led { color: #ff9f92; }
#qzSeatMenu { max-width: calc(100vw - 16px); max-height: calc(100vh - 16px); overflow-y: auto; }
#qzSeatMenu > * { flex-shrink: 0; }
#qzSeatMenu .qz-mon-menu-head { flex-wrap: wrap; }
#qzSeatMenu .qz-mon-menu-head b { min-width: 0; overflow-wrap: anywhere; }
#qzSeatMenu .qz-mon-menu-head small { flex-basis: 100%; margin-left: 14px; }
.qz-site #qzSeatMenu [role="menuitem"]:focus-visible { outline: 2px solid #f0a12a; outline-offset: -2px; background: #242933; }

/* Hardware filters need opaque colors on both the control and the native option popup. */
.qz-site #mcPcPanel .qz-mon-toolbar :is([data-qz-filter-board],[data-qz-filter-gpu]) {
    color-scheme: dark;
    background-color: #25262c;
    color: #f3f4f6;
    border: 1px solid #596173;
    background-image: linear-gradient(45deg, transparent 50%, #c6cbd4 50%), linear-gradient(135deg, #c6cbd4 50%, transparent 50%);
}
.qz-site #mcPcPanel .qz-mon-toolbar :is([data-qz-filter-board],[data-qz-filter-gpu]) option {
    background-color: #25262c;
    color: #f3f4f6;
}
.qz-site #mcPcPanel .qz-mon-toolbar :is([data-qz-filter-board],[data-qz-filter-gpu]) option:checked {
    background-color: #375a87;
    color: #fff;
}
.qz-site #mcPcPanel .qz-mon-toolbar :is([data-qz-filter-board],[data-qz-filter-gpu]):focus-visible {
    border-color: #f0a12a;
    outline: 2px solid #f0a12a;
    outline-offset: 2px;
}

/* Keep inactive tabs hidden even when a shadow component defines :host display. */
:is(#mcPcPanel,#mcUnmannedPanel,#mcNoticePanel,#mcGamesPanel,#mcPerformancePanel,#mcSharingPanel,#mcTemperaturePanel,#mcBatteryPanel,#mcHardwarePanel,#mcNetworkPanel,#mcLogsPanel)[hidden] { display:none!important; }
.qz-site[data-monitor-view="unmanned"] .qz-floating { display:none; }
.qz-site[data-monitor-view]:not([data-monitor-view="pc"]) main > [data-qz-notice] { display:none; }
/* 무인관제 콘솔 스타일은 central-monitor-unmanned.css 에 있다. 이미지공지 탭은 central-monitor-notice.css(shadow DOM 안). */

/* Authenticated store game library. */
#mcGamesPanel[hidden],.mg [hidden]{display:none!important}
.mg{margin-bottom:28px;overflow:clip;border:1px solid #39414d;border-radius:16px;background:#0d111c;color:#edf0f8}
.mg-head{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #293344}
.mg-head h1{font-size:21px;margin:0 0 6px}.mg-head p{font-size:13px;color:#a9afbf;margin:0}
.mg-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mg-tools label{font-size:13px;display:flex;align-items:center;gap:8px}
.mg-tools select,.mg-tools button,.mg-feedback a{background:#222b3a;border:1px solid #43516a;border-radius:8px;color:#eef0f5;padding:9px 12px;font:inherit;max-width:100%}
.mg-tools select{max-width:360px}.mg-tools button{cursor:pointer}.mg-tools button:hover{background:#344253}
.mg-feedback{padding:28px;text-align:center;color:#bbc7d9;line-height:1.8}.mg-feedback a{display:inline-block;margin-left:12px;text-decoration:none}
.mg-host{display:block;min-width:0}
@media(max-width:768px){.mg-head{padding:18px;align-items:stretch;flex-direction:column;gap:16px}.mg-tools{width:100%}.mg-tools label{flex:1;min-width:0}.mg-tools select{width:100%;min-width:0}.mg-feedback{padding:20px}}

#mcBatteryPanel,#mcTemperaturePanel,#mcHardwarePanel,#mcNetworkPanel,#mcNoticePanel{border:1px solid #2a2b30;border-radius:0 0 10px 10px;background:#0e0e10;min-width:0} .mc-nav .tr-alert-count{color:var(--mc-alert,#ff8b8f)!important;background:var(--mc-alert-bg,rgba(229,72,77,.14))!important}

.mc-company-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-top:12px;border:1px solid #34363d;border-radius:8px;background:#1c1d22;color:#e9e9ec;font-size:13px}.mc-company-context strong{color:#f0a12a}.mc-company-context span{min-width:0;overflow-wrap:anywhere}