/* Shared Fluent surfaces. Mica tint is simulated from the selected theme. */
:root {
  --fluent-base:#f3f5f8; --fluent-layer:#fff; --fluent-subtle:#e9edf3;
  --fluent-text:#202124; --fluent-muted:#58616d; --fluent-line:#00000018;
  --fluent-accent:#0067c0; --fluent-on-accent:#fff; --fluent-radius:8px;
  --fluent-shadow:0 16px 40px #0003,0 2px 8px #0002;
  --fluent-font:'Segoe UI Variable','Segoe UI',system-ui,sans-serif;
}
body[data-enigmal-theme="night"] {
  --fluent-base:#202126; --fluent-layer:#2b2d33; --fluent-subtle:#34363d;
  --fluent-text:#f4f5f7; --fluent-muted:#b5bdc9; --fluent-line:#ffffff1c;
  --fluent-accent:#75baff; --fluent-on-accent:#09213c;
}
.fluent-save-dialog { max-width:min(590px,calc(100vw - 32px)); padding:28px; border:1px solid var(--fluent-line); border-radius:var(--fluent-radius); color:var(--fluent-text); background:var(--fluent-base); box-shadow:var(--fluent-shadow); font-family:var(--fluent-font); }
.fluent-save-dialog::backdrop { background:#0006; }
.fluent-save-dialog h2 { font-size:22px; font-weight:600; margin:0 0 16px; }
.fluent-save-dialog p { line-height:1.5; color:var(--fluent-muted); }
.fluent-save-versions { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.fluent-save-versions article { background:var(--fluent-layer); border:1px solid var(--fluent-line); border-radius:6px; padding:12px; }
.fluent-save-versions h3 { margin:0; font-size:14px; }
.fluent-save-dialog footer { display:flex; gap:8px; flex-wrap:wrap; margin-top:24px; }
.fluent-save-dialog button { border:1px solid var(--fluent-line); border-radius:4px; padding:9px 14px; background:var(--fluent-layer); color:var(--fluent-text); cursor:pointer; font:inherit; }
.fluent-save-dialog button.fluent-primary { background:var(--fluent-accent); color:var(--fluent-on-accent); }
body .win11-managed-window .win11-window-chrome { font-family:var(--fluent-font); }
body .win11-managed-window:not(.is-active) .win11-window-chrome { opacity:.82; }
.fluent-save-dialog button:focus-visible { outline:2px solid var(--fluent-accent); outline-offset:2px; }
@media(max-width:600px) { .fluent-save-versions {grid-template-columns:1fr;} }
.fluent-save-conflict-launcher{position:fixed;right:16px;bottom:62px;z-index:9990;padding:10px 14px;border-radius:6px;border:1px solid var(--fluent-line);background:var(--fluent-layer);color:var(--fluent-text);box-shadow:var(--fluent-shadow);font:14px var(--fluent-font);cursor:pointer}
.fluent-save-conflict-launcher:focus-visible{outline:2px solid var(--fluent-accent);outline-offset:2px}
.evidence-node:focus-visible{outline:2px solid var(--fluent-accent);outline-offset:3px}
.evidence-canvas-wrap{display:flex;flex-direction:column;min-height:0}
.evidence-canvas-wrap [data-board-surface-host]{position:relative;flex:1;min-height:0;overflow:hidden}
.evidence-canvas-wrap [data-board-surface]{position:absolute;inset:0;width:100%;height:100%}