.dadoo-modal{

    position:fixed;

    inset:0;

    display:none;

    z-index:9999;

}

.dadoo-modal--open{

    display:block;

}

.dadoo-modal__backdrop{

    position:absolute;

    inset:0;

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

}

.dadoo-modal__dialog{

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    width:700px;

    max-width:90vw;

    max-height:90vh;

    overflow:auto;

    background:#fff;

    border-radius:12px;

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

}

.dadoo-modal__header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:20px 24px;

    border-bottom:1px solid var(--color-border);

}

.dadoo-modal__body{

    padding:24px;

}

.dadoo-modal__close{

    border:none;

    background:none;

    cursor:pointer;

    font-size:22px;

}

.dadoo-modal__footer{

    display:flex;

    justify-content:flex-end;

    gap:12px;

    margin-top:32px;

}