@import url("../tokens/bauwerk-tokens.css");

/* BauWERK Overlays 0.2 — visual reference: PrüfWERK, app-neutral behavior. */
.bw-core-modal { width:min(500px,calc(100vw - 32px)); padding:0; border:0; border-radius:var(--bw-radius-md); background:var(--bw-color-surface); color:var(--bw-color-text); box-shadow:0 12px 40px rgb(0 0 0 / 30%); }.bw-core-modal::backdrop { background:rgb(20 24 28 / 42%); }.bw-core-modal__header { display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding:11px 12px 9px 14px; border-bottom:1px solid var(--bw-color-line); }.bw-core-modal__title { margin:0; font:400 14px/1.35 var(--bw-font-ui); }.bw-core-modal__close { width:22px; height:22px; padding:0; border:0; border-radius:4px; background:transparent; color:var(--bw-color-text-faint); font:400 17px/1 var(--bw-font-ui); }.bw-core-modal__close:hover { background:var(--bw-color-surface-subtle); color:var(--bw-color-text); }.bw-core-modal__body { padding:14px; color:var(--bw-color-text-muted); font:400 var(--bw-type-meta)/1.45 var(--bw-font-ui); }.bw-core-modal__actions { display:flex; justify-content:flex-end; gap:6px; padding:10px 12px; border-top:1px solid var(--bw-color-line); }
.bw-core-drawer { position:relative; display:flex; flex-direction:column; width:286px; min-height:260px; border:1px solid var(--bw-color-line); background:var(--bw-color-surface); box-shadow:7px 0 26px rgb(0 0 0 / 10%); }.bw-core-drawer__header { display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding:11px 12px 9px 14px; border-bottom:1px solid var(--bw-color-line); }.bw-core-drawer__title { margin:0; font:400 12.5px/1.3 var(--bw-font-ui); }.bw-core-drawer__body { flex:1; padding:12px; overflow:auto; }.bw-core-drawer__close { width:22px; height:22px; padding:0; border:0; border-radius:4px; background:transparent; color:var(--bw-color-text-faint); font:400 17px/1 var(--bw-font-ui); }.bw-core-drawer__close:hover { background:var(--bw-color-surface-subtle); color:var(--bw-color-text); }
.bw-core-overlay-stage { position:relative; min-height:280px; overflow:hidden; border:1px solid var(--bw-color-line); border-radius:var(--bw-radius-md); background:var(--bw-color-canvas); }.bw-core-overlay-stage__work { height:100%; padding:20px; color:var(--bw-color-text-muted); font:400 var(--bw-type-meta)/1.45 var(--bw-font-ui); }.bw-core-overlay-stage__drawer { position:absolute; top:0; right:0; bottom:0; transform:translateX(102%); transition:transform 190ms cubic-bezier(.32,.72,.3,1); }.bw-core-overlay-stage__drawer.is-open { transform:translateX(0); }.bw-core-overlay-stage__backdrop { position:absolute; inset:0; background:rgb(20 24 28 / 12%); opacity:0; pointer-events:none; transition:opacity var(--bw-motion-normal); }.bw-core-overlay-stage__backdrop.is-open { opacity:1; pointer-events:auto; }