.confirm-dialog{z-index:var(--z-modal,300);padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog__backdrop{background:color-mix(in srgb, var(--color-bg-sunken) 72%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.confirm-dialog__panel{width:min(420px,95vw);padding:var(--space-6);z-index:1;transform-origin:50%;position:relative}.confirm-dialog__header{gap:var(--space-4);margin-bottom:var(--space-5);align-items:flex-start;display:flex}.confirm-dialog__header--danger{margin-bottom:var(--space-4)}.confirm-dialog__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-danger) 14%, transparent);width:44px;height:44px;color:var(--color-danger);box-shadow:var(--neo-raised-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.confirm-dialog__header-text{flex:1;min-width:0}.confirm-dialog__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2)}.confirm-dialog__message{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);margin:0}.confirm-dialog__input-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-5);flex-direction:column;gap:6px;display:flex}.confirm-dialog__input{font:inherit;border:1px solid var(--color-border-soft,#ffffff1f);background:var(--color-surface-2,transparent);color:var(--color-text);border-radius:8px;padding:8px 10px}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=480px){.confirm-dialog{padding:var(--space-3);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom,0px));place-items:end center}.confirm-dialog__panel{width:100%;max-width:none;padding:var(--space-5);max-height:min(88vh, calc(100vh - var(--space-6)));transform-origin:bottom;border-bottom-right-radius:0;border-bottom-left-radius:0;overflow-y:auto}.confirm-dialog__header{gap:var(--space-3)}.confirm-dialog__icon{width:40px;height:40px}.confirm-dialog__actions{flex-direction:column-reverse;align-items:stretch}.confirm-dialog__actions .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.confirm-dialog__backdrop.anim-fade-in,.confirm-dialog__panel.anim-scale-in{animation:.18s forwards fadeIn}.confirm-dialog__panel.anim-scale-in{transform:none}}
