dialog#dv-modal {
    border: 0;
    padding: 0;
    border-radius: 14px;
    max-width: 560px;
    width: 92vw
}

#dv-modal::backdrop {
    background: rgba(0, 0, 0, .45);
    backdrop-filter: blur(2px)
}

.dv-box {
    background: #fff;
    padding: 18px 20px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2)
}

.dv-row {
    margin-bottom: 20px
}

.dv-row label {
    display: block;
    font-weight: 600;
}

.dv-row label[for="dv-consent"] {
    font-weight: 300;
    font-size:0.8em;
}


.dv-row input,
.dv-row textarea {
    width: 100%!important;
    border: 1px solid #ddd!important;
    border-radius: 5px!important;
    padding: 5px 10px!important;
}
.dv-row input[type="checkbox"] {
    width:auto!important;
}

.dv-actions {
    display: flex;
    gap: 8px;
    margin-top: 50px;
    justify-content: center;
}

.dv-btn {
    appearance: none;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px 14px;
    background: #f6f6f6;
    cursor: pointer
}

.dv-btn--primary {
    background: #1f7ae0;
    color: #fff;
    border-color: #1f7ae0
}

.dv-feedback {
    margin-top: 8px;
    font-size: 0.95rem;
    font-style: italic;
}

.ok {
    color: #107c10
}

.err {
    color: #b00020
}

.dv-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px
}

.dv-close {
    background: transparent;
    border: 0;
    font-size: 22px;
    line-height: 1;
    cursor: pointer
}