@layer osha-ui{.osha-modal-backdrop{position:fixed;inset:0;z-index:var(--osha-z-modal,310);display:flex;align-items:center;justify-content:center;background:var(--osha-modal-backdrop-bg,rgba(0,0,0,.5));padding:var(--osha-spacing-md,1rem);animation:osha-modal-fade-in .15s ease-out}@keyframes osha-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes osha-modal-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.osha-modal-dialog{--osha-modal-bg:var(--color-bg-card,var(--osha-color-surface,Canvas));--osha-modal-border:var(--osha-elevation-surface4-border,var(--color-border,var(--osha-color-border,ButtonBorder)));--osha-modal-title-color:var(--color-text,var(--osha-color-text,CanvasText));--osha-modal-body-color:var(--color-text-secondary,var(--osha-color-text-muted,CanvasText));--osha-modal-muted-color:var(--color-text-muted,var(--osha-color-text-muted,CanvasText));--osha-modal-close-color:var(--color-text-muted,var(--osha-color-text-muted,CanvasText));--osha-modal-close-hover-bg:var(--color-bg-elevated,var(--osha-color-surface-muted,color-mix(in srgb,CanvasText 8%,Canvas)));--osha-modal-close-hover-color:var(--color-text,var(--osha-color-text,CanvasText));--osha-modal-btn-secondary-color:var(--color-text,var(--osha-color-text,CanvasText));--osha-modal-btn-secondary-border:var(--color-border,var(--osha-color-border,ButtonBorder));--osha-modal-btn-secondary-hover-border:var(--color-text,var(--osha-color-text,CanvasText));background:var(--osha-modal-bg);color:var(--osha-modal-body-color);border:1px solid var(--osha-modal-border);border-radius:var(--osha-modal-radius,var(--osha-radius-lg,.75rem));box-shadow:var(--osha-modal-shadow,var(--osha-elevation-surface4-shadow,0 20px 40px rgba(0,0,0,.15)));width:100%;max-width:var(--osha-modal-max-width,32rem);max-height:calc(100dvh - 2 * var(--osha-spacing-md, 1rem));display:flex;flex-direction:column;animation:osha-modal-slide-up .2s ease-out}[data-theme=dark] .osha-modal-dialog{--osha-modal-bg:var(--color-bg-card,#111827);--osha-modal-border:var(--color-border,rgba(148,163,184,0.22));--osha-modal-title-color:var(--color-text,#f8fafc);--osha-modal-body-color:var(--color-text-secondary,#cbd5e1);--osha-modal-muted-color:var(--color-text-muted,#94a3b8);--osha-modal-close-color:var(--color-text-muted,#94a3b8);--osha-modal-close-hover-bg:var(--color-bg-elevated,rgba(148,163,184,0.12));--osha-modal-close-hover-color:var(--color-text,#f8fafc)}.osha-modal-dialog--narrow{max-width:var(--osha-modal-narrow-max-width,24rem)}.osha-modal-dialog--wide{max-width:var(--osha-modal-wide-max-width,48rem)}.osha-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--osha-overlay-header-pad,1.5rem);border-bottom:1px solid var(--osha-modal-border,var(--osha-color-border,#e5e7eb))}.osha-modal-title{margin:0;font-size:var(--osha-modal-title-size,var(--osha-font-size-lg,1.125rem));font-weight:var(--osha-modal-title-weight,600);color:var(--osha-modal-title-color);line-height:1.4}.osha-modal-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--osha-radius-sm,.25rem);background:transparent;color:var(--osha-modal-close-color);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.osha-modal-close:hover{background:var(--osha-modal-close-hover-bg);color:var(--osha-modal-close-hover-color)}.osha-modal-close:focus-visible{outline:2px solid var(--osha-color-focus,var(--osha-color-brand-500,#3b82f6));outline-offset:2px}.osha-modal-body{padding:var(--osha-overlay-pad-y,1.5rem) var(--osha-overlay-pad-x,1.5rem);overflow-y:auto;flex:1;color:var(--osha-modal-body-color)}.osha-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--osha-overlay-control-gap,var(--osha-spacing-sm,.5rem));padding:var(--osha-overlay-footer-pad,1.5rem);border-top:1px solid var(--osha-modal-border,var(--osha-color-border,#e5e7eb))}}