/* MASTER DATA UPLOAD PAGE */
/* Author: Updated Clean Bootstrap version */

.master-upload-container {
    padding: 40px 10px;
}

.page-title {
    font-size: 28px;
    font-weight: 700;
    color: #333;
}

.page-subtitle {
    font-size: 14px;
    color: #777;
    margin-top: 5px;
}

/* UPLOAD CARD */
.upload-card {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 25px 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.05);
    transition: 0.3s ease;
}

    .upload-card:hover {
        box-shadow: 0 6px 20px rgba(0,0,0,0.10);
    }

.upload-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #444;
}

/* BUTTON SPACING */
.upload-btn {
    margin-top: 15px;
}

/* RESULT BOX */
.result-box {
    margin-top: 15px;
    padding: 12px 15px;
    border-radius: 6px;
    min-height: 38px; /* ⭐ prevents collapsing */
    background: #f8f8f8;
    border-left: 5px solid #337ab7;
    color: #444;
    font-size: 14px;
    display: block;
}


    /* Success/Error States */
    .result-box.success {
        background: #e9f9ed;
        border-left-color: #28a745;
        color: #1f7a35;
    }

    .result-box.error {
        background: #fdeaea;
        border-left-color: #d9534f;
        color: #a94442;
    }


#messageArea {
    margin-bottom: 20px;
}
/* Success message style */
.alert-success {
    background-color: #e9f9ed !important;
    color: #1f7a35 !important;
    border-left: 5px solid #28a745 !important;
    padding: 10px 15px !important;
    border-radius: 6px !important;
}

/* Error message style */
.alert-danger {
    background-color: #fdeaea !important;
    color: #a94442 !important;
    border-left: 5px solid #d9534f !important;
    padding: 10px 15px !important;
    border-radius: 6px !important;
}
/* =============================== */
/* HEADER SECTION */
/* =============================== */
.master-header {
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 20px 10px;
}

.master-title {
    font-size: 32px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.master-subtitle {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 15px;
}

.master-divider {
    width: 120px;
    height: 3px;
    background: #3c8dbc; /* theme blue */
    margin: 0 auto;
    border-radius: 5px;
}