.mssf-container{max-width:800px;margin:auto;background:#fff;padding:40px;border-radius:10px}
.step-panel{display:none}
.step-panel.active{display:block}

.step-panel h2{
    margin-bottom: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 32px;
}

.step-panel label{
    font-size: 14px;
    color: #222;
}

.mssf-form-row{
    display:flex;gap:20px
}
.mssf-form-row .mssf-form-col{
    width: 100%;
}

@media (max-width: 570px) {
    .mssf-container {
        margin: 0px 15px;
        padding: 10px;
    }
    .step-panel h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .mssf-form-row {
        flex-direction: column;
    }
}

.mssf-status > .mssf-success{
    background: #d1fae5;
    color: #065f46;
    padding: 10px 5px;
    border-radius: 6px;
    margin-bottom: 30px;
    text-align: center;

}
.mssf-status > .mssf-error{
    background: #fee2e2;
    color: #991b1b;
    padding: 10px 5px;
    border-radius: 6px;
    margin-bottom: 30px;
    text-align: center;
}

.mssf-progress{display:flex;align-items:center;margin-bottom:30px}
.mssf-progress .step{width:35px;height:35px;border-radius:50%;background:#ddd;display:flex;align-items:center;justify-content:center}
.mssf-progress .step.active{background:#16a34a;color:#fff}
.mssf-progress .line{flex:1;height:3px;background:#ddd;margin:0 10px}

label{display:block;margin-top:15px;font-weight:600}
input,select{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;margin-top:5px}

button{background:#16a34a;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer}

.buttons{display:flex;justify-content:space-between;}

.step-panel button, .buttons button{
    margin-top: 30px !important;
}

.select2-container{
width:100% !important;
}

.select2-container--default .select2-selection--multiple{
    min-height:45px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #222 !important;
}