/* Shared contextual hints for keyboard and mouse users. */
/* Bootstrap disables pointer events on inactive buttons. Let the pointer reach
   the native disabled control so its explanation is available on hover. Nested
   icons cannot become a separate click target and bubble through the control. */
button:disabled,
input[type='button']:disabled,
input[type='submit']:disabled,
input[type='reset']:disabled { pointer-events:auto !important; }
button:disabled * { pointer-events:none !important; }

.site-tooltip,
.site-tooltip[popover] {
    position:fixed;
    inset:auto;
    z-index:2147483000;
    width:max-content;
    max-width:min(280px, calc(100vw - 20px));
    margin:0;
    padding:8px 11px;
    overflow-wrap:anywhere;
    border:1px solid #aab6e375;
    border-radius:11px;
    background:#17223b;
    color:#f5f3ff;
    box-shadow:0 8px 24px #060b1f66, inset 0 1px #ffffff19;
    font:500 12px/1.4 'Segoe UI',system-ui,sans-serif;
    letter-spacing:normal;
    text-align:left;
    white-space:normal;
    pointer-events:none;
}
html[data-theme='light'] .site-tooltip,
html[data-theme='light'] .site-tooltip[popover] {
    background:#fffafd;
    color:#283552;
    border-color:#ab9ac7;
    box-shadow:0 8px 24px #5749732e, inset 0 1px #fff;
}
@media (forced-colors:active) {
    .site-tooltip,.site-tooltip[popover] { background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none; }
}