.mad-modal__header {
    padding: 6px 20px !important;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f9fa;
    border-radius: 6px 6px 0 0;
}


.mad-modal__body {
    padding: 6px !important;
    flex: 1;
    overflow: auto;
    display: flex
;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}


.mad-modal__container {
    position: relative;
    background: white;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    max-width: 100vw !important;
    max-height: 100vh !important;
    display: flex
;
    flex-direction: column;
    transform: scale(0.9);
    transition: transform 0.3s 
ease;