.hola-confirm-root{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--hola-z-modal);pointer-events:none;}

.hola-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--hola-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--hola-z-overlay);pointer-events:auto;}

.hola-confirm{background:var(--hola-bg-card);border-radius:var(--hola-radius);box-shadow:var(--hola-shadow-modal);padding:var(--hola-space-5);width:90%;max-width:460px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--hola-space-3);font-family:var(--hola-font-family-base);color:var(--hola-text-primary);animation:holaConfirmIn var(--hola-transition-fast);}

.hola-confirm__icon{font-size:32px;margin-bottom:6px;}

.hola-confirm--success .hola-confirm__icon{color:var(--hola-color-success);}
.hola-confirm--danger .hola-confirm__icon{color:var(--hola-color-danger);}
.hola-confirm--warning .hola-confirm__icon{color:var(--hola-color-warning);}
.hola-confirm--info .hola-confirm__icon{color:var(--hola-color-info);}

.hola-confirm__content{display:flex;flex-direction:column;gap:var(--hola-space-2);}

.hola-confirm__title{font-family:var(--hola-font-family-heading);font-size:var(--hola-font-size-h3);font-weight:var(--hola-font-weight-medium);color:var(--hola-text-heading);}

.hola-confirm__text{font-size:var(--hola-font-size-h5);color:var(--hola-text-secondary);}

.hola-confirm__footer{display:flex;gap:var(--hola-space-3);margin-top:var(--hola-space-3);}

.hola-confirm__cancel{background:var(--hola-color-neutral-bg);border:none;border-radius:var(--hola-radius);min-height:var(--hola-control-height);padding:0 var(--hola-space-3);font-size:var(--hola-font-size-base);color:var(--hola-text-primary);cursor:pointer;}

.hola-confirm__cancel:hover{background:var(--hola-border-light);}

.hola-confirm__confirm{border:none;border-radius:var(--hola-radius);min-height:var(--hola-control-height);padding:0 var(--hola-space-3);font-size:var(--hola-font-size-base);cursor:pointer;background:var(--hola-color-primary);color:var(--hola-color-on-primary);}

.hola-confirm--danger .hola-confirm__confirm{background:var(--hola-color-danger);color:var(--hola-color-on-danger);}

.hola-confirm__confirm:hover{filter:brightness(.92);}

.hola-confirm-out{animation:holaConfirmOut .16s ease forwards;}

.hola-confirm-overlay-out{animation:holaOverlayOut .16s ease forwards;}

@keyframes holaConfirmIn{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:scale(1);}}

@keyframes holaConfirmOut{from{opacity:1;transform:scale(1);}to{opacity:0;transform:scale(.96);}}

@keyframes holaOverlayOut{from{opacity:1;}to{opacity:0;}}