.swal2-popup{
    width:700px !important;
    border-radius:18px !important;
    padding:24px !important;
    font-size:14px !important;
    box-shadow:
        0 10px 40px rgba(15,23,42,0.12) !important;
}

.small-swal {
    width:400px !important;
    border-radius:18px !important;
    padding:24px !important;
    font-size:14px !important;
    box-shadow:
        0 10px 40px rgba(15,23,42,0.12) !important;
}

/* =========================
   TITLE
========================= */
.swal2-title{
    font-size:22px !important;
    font-weight:700 !important;
    margin-bottom:20px !important;
    padding:0 !important;
}

/* =========================
   HTML CONTAINER
========================= */
.swal2-html-container{
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
}

.small-swal .swal2-html-container {
    margin-bottom: 10px !important;
}

/* =========================
   FORM
========================= */
.mail-form{
    width:100%;
    text-align:left;
}

/* =========================
   ROWS
========================= */
.mail-row{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:14px;
}

.mail-row label{
    width:100px;
    flex-shrink:0;
    text-align:left;
    font-size:14px;
    font-weight:600;
    color:#334155;
}

/* =========================
   INPUTS
========================= */
.swal2-input{
    flex:1 !important;
    width:100% !important;
    margin:0 !important;
    height:44px !important;
    border-radius:10px !important;
    border:1px solid #cbd5e1 !important;
    padding:0 14px !important;
    font-size:14px !important;
    box-sizing:border-box !important;
    margin-bottom: 10px !important;
}

.swal-status-row{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom: 20px;
}

.swal-status-row span{
    margin:0;
    line-height:1;
    white-space:nowrap;
}

.swal2-custom-select{
    display:block !important;
    width:140px !important;
    min-width:140px !important;
    max-width:140px !important;    
    margin:0 !important;
    font-size:14px !important;
}
.wide300 {
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;    
}


.swal2-custom-textarea{
    width:100% !important;
    min-height:200px !important;
    margin:18px 0 0 0 !important;
    resize:vertical !important;
    border-radius:14px !important;
    border:1px solid #cbd5e1 !important;
    padding:14px !important;
    font-size:14px !important;
    box-sizing:border-box !important;
}

/* =========================
   TEXTAREA
========================= */
.swal2-textarea{
    width:100% !important;
    min-height:240px !important;
    margin:18px 0 0 0 !important;
    resize:vertical !important;
    border-radius:14px !important;
    border:1px solid #cbd5e1 !important;
    padding:14px !important;
    font-size:14px !important;
    box-sizing:border-box !important;
}

/* =========================
   FILE AREA
========================= */

.file-upload-wrapper{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    margin-top:18px;
    width:100%;
}

/* =========================
   FILE BUTTON
========================= */

.custom-file-upload{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#2563eb;
    color:white;
    padding:10px 16px;
    border-radius:10px;
    cursor:pointer;
    font-size:13px;
    font-weight:600;
    transition:0.2s;
}

.custom-file-upload:hover{
    background:#1d4ed8;
}

.custom-file-upload input{
    display:none;
}

/* =========================
   FILE TEXT
========================= */
#selected-file{
    font-size:13px;
    color:#64748b;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* =========================
   BUTTONS
========================= */
.swal2-actions{
    margin-top:0px !important;
}

.swal2-confirm,
.swal2-cancel{
    border-radius:10px !important;
    padding:10px 18px !important;
    font-size:13px !important;
    font-weight:600 !important;
}

.swal2-confirm{
    background:#2563eb !important;
}

.swal2-cancel{
    background:#e2e8f0 !important;
    color:#334155 !important;
}
.input-error{
    border:1px solid #ef4444 !important;
}