/* Viewport dialogs are intentionally outside .panel-page. Extend the sheen
   without overriding positioning on topology nodes or absolute close buttons. */
.live-server-detail,.live-player-overlay { --ui-sheen-rgb:93,218,145; }
.audit-history-dialog { --ui-sheen-rgb:131,212,195; }
.account-edit-overlay { --ui-sheen-rgb:96,190,255; }
.bug-detail-overlay { --ui-sheen-rgb:242,184,72; }
.punishment-server-overlay { --ui-sheen-rgb:180,140,210; }
html.panel-document :is(.live-detail-grid,.live-player-info-grid)>*,
html.panel-document :is(.live-player-card,.live-console-button,.audit-dialog-content button,.population-refresh,.population-options button) { position:relative; isolation:isolate; }
html.panel-document :is(.live-server-detail,.live-player-overlay,.audit-history-dialog,.account-edit-overlay,.bug-detail-overlay,.punishment-server-overlay,.panel-sidebar-footer) :is(button,.copy-chip,summary)::after,
html.panel-document :is(.live-detail-grid,.live-player-info-grid)>*::after {
 content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:3;
 background:linear-gradient(112deg,transparent 27%,rgba(var(--ui-sheen-rgb,166,190,207),0) 39%,rgba(var(--ui-sheen-rgb,166,190,207),.16) 49%,#ffffff1f 52%,rgba(var(--ui-sheen-rgb,166,190,207),.08) 56%,transparent 69%);
 background-size:230% 100%; background-position:160% 0; opacity:0;
 transition:opacity .18s ease,background-position .72s cubic-bezier(.16,1,.3,1);
}
html.panel-document :is(.live-server-detail,.live-player-overlay,.audit-history-dialog,.account-edit-overlay,.bug-detail-overlay,.punishment-server-overlay,.panel-sidebar-footer) :is(button:not(:disabled),.copy-chip,summary):is(:hover,:focus-visible)::after,
html.panel-document :is(.live-detail-grid,.live-player-info-grid)>*:hover::after { opacity:1; background-position:-60% 0; }
/* Match the diagnostics palette even when global WebKit scrollbars are active. */
html.panel-document .audit-history-dialog .audit-dialog-content { scrollbar-width:thin; scrollbar-color:#56877f #101a21; }
html.panel-document .audit-history-dialog .audit-dialog-content::-webkit-scrollbar { width:8px; height:8px; }
html.panel-document .audit-history-dialog .audit-dialog-content::-webkit-scrollbar-track { background:#101a21; }
html.panel-document .audit-history-dialog .audit-dialog-content::-webkit-scrollbar-thumb { background:#56877f; border:2px solid #101a21; border-radius:99px; }
html.panel-document .audit-history-dialog .audit-dialog-content::-webkit-scrollbar-thumb:hover { background:#83d4c3; }
html.panel-document .audit-history-dialog .audit-dialog-content::-webkit-scrollbar-corner { background:#101a21; }
@media(prefers-reduced-motion:reduce) { html.panel-document :is(.live-server-detail,.live-player-overlay,.audit-history-dialog,.account-edit-overlay,.bug-detail-overlay,.punishment-server-overlay,.panel-sidebar-footer) *::after { transition:none; } }

/* Low specificity supplies a containing block only when the component has not
   defined its own positioning (e.g. absolute dialog close controls). */
:where(html.panel-document :is(.live-server-detail,.live-player-overlay,.audit-history-dialog,.account-edit-overlay,.bug-detail-overlay,.punishment-server-overlay,.panel-sidebar-footer) :is(button,summary,.copy-chip)) { position:relative; isolation:isolate; }