/* ==========================================
   Generic Modal
========================================== */

.delete-modal{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    display:none;

    justify-content:center;

    align-items:center;

    z-index:99999;

    backdrop-filter:blur(3px);

}

.delete-modal.show{

    display:flex;

}

.delete-card{

    width:470px;

    max-width:92%;

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(0,0,0,.25);

    animation:modalIn .18s ease;

}

@keyframes modalIn{

from{

    transform:translateY(-18px);

    opacity:0;

}

to{

    transform:none;

    opacity:1;

}

}

.delete-header{

    display:flex;

    align-items:center;

    gap:14px;

    padding:22px;

    border-bottom:1px solid #ececec;

}

.delete-header i{

    width:46px;

    height:46px;

    border-radius:50%;

    background:#fff3df;

    color:#f39c12;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.delete-header h2{

    margin:0;

    font-size:28px;

}

.delete-body{

    padding:24px;

}

.delete-body p{

    margin:0 0 14px;

}

.delete-info{

    background:#f7f9fc;

    border:1px solid #e8edf6;

    border-radius:12px;

    padding:15px 18px;

    margin:18px 0;

}

.delete-info div{

    margin:8px 0;

}

.delete-checkbox{

    display:flex;

    align-items:center;

    gap:10px;

    margin:20px 0;

    font-weight:600;

}

.delete-checkbox input{

    width:18px;

    height:18px;

}

.delete-root{

    background:#f8f8f8;

    border-radius:8px;

    padding:12px;

    font-family:monospace;

    font-size:13px;

    color:#666;

    margin-top:12px;

    word-break:break-all;

}

.delete-warning{

    margin-top:22px;

    background:#fff4e5;

    border:1px solid #ffc26b;

    color:#a85d00;

    border-radius:10px;

    padding:14px;

}

.delete-footer{

    display:flex;

    justify-content:flex-end;

    gap:10px;

    padding:18px 24px;

    border-top:1px solid #ececec;

}