.elx-notification { position: fixed; z-index: 2147483646; top: 72px; right: 16px; display: flex; align-items: flex-start; gap: 12px; box-sizing: border-box; width: max-content; max-width: min(440px, calc(100vw - 32px)); padding: 12px 16px; border: 1px solid var(--erp-border, #cbd5e1); border-radius: 10px; background: var(--erp-surface, #fff); color: var(--erp-text, #17212b); box-shadow: 0 8px 28px #0003; font: 14px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }
.elx-notification-error { border-inline-start: 4px solid #b42318; }
.elx-notification-success { border-inline-start: 4px solid #087b55; }
.elx-notification button { flex-shrink: 0; border: 0; padding: 0 3px; background: transparent; color: inherit; font: 20px/1 Arial, sans-serif; cursor: pointer; }
.elx-confirmation { box-sizing: border-box; position: fixed; inset: 0; width: min(400px, calc(100vw - 32px)); height: fit-content; min-height: 0; max-height: calc(100dvh - 32px); margin: auto; padding: 20px; overflow: auto; border: 1px solid var(--erp-border, #cbd5e1); border-radius: 12px; background: var(--erp-surface, #fff); color: var(--erp-text, #17212b); box-shadow: 0 12px 40px #0004; font: 14px/1.5 Arial, sans-serif; }
.elx-confirmation::backdrop { background: #0007; }
.elx-confirmation h2 { margin: 0 0 8px; font-size: 16px; }
.elx-confirmation p { margin: 0 0 16px; overflow-wrap: anywhere; }
.elx-confirmation input { box-sizing: border-box; width: 100%; margin-bottom: 16px; padding: 10px; border: 1px solid var(--erp-border, #cbd5e1); border-radius: 6px; background: var(--erp-surface, #fff); color: inherit; font: inherit; }
.elx-confirmation > div { display: flex; justify-content: flex-end; gap: 8px; }
.elx-confirmation button { padding: 8px 14px; border: 1px solid var(--erp-border, #cbd5e1); border-radius: 6px; background: var(--erp-surface, #fff); color: inherit; font: inherit; cursor: pointer; }
.elx-confirmation .elx-confirmation-accept { border-color: #0f766e; background: #0f766e; color: #fff; }
.elx-confirmation :focus-visible, .elx-notification :focus-visible { outline: 2px solid #14b8a6; outline-offset: 2px; }
@media print { .elx-notification, .elx-confirmation { display: none !important; } }