/* ============================================================
   Custom Dialogs
============================================================ */
.pp-dialog-overlay{
    position:fixed;inset:0;background:rgba(0,0,0,.36);
    backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
    z-index:99999;display:none;align-items:center;justify-content:center;
    padding:20px;animation:fadeIn .14s ease;
}
.pp-dialog-overlay.show{display:flex}

.pp-dialog{
    background:var(--white);border-radius:var(--r-lg);
    box-shadow:var(--sh-lg);border:1px solid var(--border);
    padding:24px 24px 20px;min-width:340px;max-width:460px;width:100%;
    display:flex;flex-direction:column;gap:14px;
    animation:popIn .18s cubic-bezier(.34,1.56,.64,1);
}
.pp-dialog-alert{max-width:400px}

.pp-dialog-icon{
    width:42px;height:42px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;align-self:flex-start;background:var(--blue-lt);
}
.pp-dialog-icon[style*="#f59e0b"]{background:#fffbeb}
.pp-dialog-icon[style*="#e11d48"]{background:#fff0f0}
.pp-dialog-icon[style*="#22c55e"]{background:#f0fdf4}

.pp-dialog-body{display:flex;flex-direction:column;gap:5px;flex:1}
.pp-dialog-title{font-size:15px;font-weight:800;color:var(--text);line-height:1.3}
.pp-dialog-message{font-size:13px;color:var(--text2);line-height:1.55}
.pp-dialog-actions{display:flex;gap:7px;justify-content:flex-end}

.pp-btn{
    padding:7px 16px;border-radius:var(--r);font-size:12.5px;font-weight:700;
    cursor:pointer;transition:all .13s;display:inline-flex;align-items:center;gap:5px;
    border:none;font-family:var(--font);
}
.pp-btn-primary{background:var(--blue);color:var(--white);box-shadow:0 2px 8px rgba(0,0,255,.2)}
.pp-btn-primary:hover{background:var(--blue-dk)}
.pp-btn-danger{background:#cc0000;color:var(--white)}
.pp-btn-danger:hover{background:#aa0000}
.pp-btn-secondary{background:var(--white);color:var(--text2);border:1.5px solid var(--border2)!important}
.pp-btn-secondary:hover{background:var(--s3)}

.pp-dialog-input{
    width:100%;padding:8px 11px;border:1.5px solid var(--border2);
    border-radius:var(--r);font-size:13px;font-family:var(--font);
    color:var(--text);background:var(--white);transition:border-color .13s;
}
.pp-dialog-input:focus{border-color:var(--blue);outline:none;box-shadow:var(--sh-blu)}