/* Local-only status messages; the visual system lives in panel.css. */
#lab-notice { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:2147483647; max-width:460px; width:calc(100% - 32px); padding:13px 18px; border:1px solid #334155; border-radius:9px; background:#202c39; color:#fff; box-shadow:0 8px 28px #14203020; font:500 12px/1.5 "Segoe UI",sans-serif; pointer-events:none; }
#lab-notice[hidden] { display:none; }
/* Modern toolbar. Legacy mode uses its existing header and native server details. */
.fx-server-address { display:flex; align-items:center; gap:10px; white-space:nowrap; color:#78828f; font:12px/1.4 "Segoe UI",sans-serif; }
.fx-server-address code { font:12px/1.4 Consolas,monospace; color:var(--fx-text,#253242); background:var(--fx-hover,#f1f3f6); border:1px solid var(--fx-line,#e5e8ee); border-radius:6px; padding:5px 9px; }
.fx-design-switch { margin:0 0 0 auto; width:auto; min-height:32px; border:1px solid var(--fx-line,#e2e6ec); border-radius:7px; padding:6px 11px; background:var(--fx-surface,#fff); color:var(--fx-muted,#687482); font:12px/1.4 "Segoe UI",sans-serif; cursor:pointer; text-transform:none; box-shadow:none; }
.fx-design-switch:hover { border-color:#9ba6b4; color:var(--fx-text,#253242); }
.fx-design-switch:focus-visible { outline:2px solid #bb5a38; outline-offset:3px; }