@layer osha-ui{.osha-modal-backdrop{z-index:var(--osha-z-modal,1000);background:var(--osha-modal-backdrop-bg,#00000080);padding:var(--osha-spacing-md,1rem);justify-content:center;align-items:center;animation:.15s ease-out osha-modal-fade-in;display:flex;position:fixed;inset:0}@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(--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-shadow-xl,0 20px 40px #00000026));width:100%;max-width:var(--osha-modal-max-width,32rem);max-height:calc(100dvh - 2 * var(--osha-spacing-md,1rem));flex-direction:column;animation:.2s ease-out osha-modal-slide-up;display:flex}[data-theme=dark] .osha-modal-dialog{--osha-modal-bg:var(--color-bg-card,#111827);--osha-modal-border:var(--color-border,#94a3b838);--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,#94a3b81f);--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{padding:var(--osha-modal-header-padding,var(--osha-spacing-md,1rem) var(--osha-spacing-lg,1.5rem));border-bottom:1px solid var(--osha-modal-border,var(--osha-color-border,#e5e7eb));justify-content:space-between;align-items:center;display:flex}.osha-modal-title{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);margin:0;line-height:1.4}.osha-modal-close{border-radius:var(--osha-radius-sm,.25rem);width:2rem;height:2rem;color:var(--osha-modal-close-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.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-modal-body-padding,var(--osha-spacing-lg,1.5rem));color:var(--osha-modal-body-color);flex:1;overflow-y:auto}.osha-modal-footer{justify-content:flex-end;align-items:center;gap:var(--osha-spacing-sm,.5rem);padding:var(--osha-modal-footer-padding,var(--osha-spacing-md,1rem) var(--osha-spacing-lg,1.5rem));border-top:1px solid var(--osha-modal-border,var(--osha-color-border,#e5e7eb));display:flex}}