/* MDU College Result - Frontend Styles - Matches Screenshot Design */

/* Search page - light sky blue with subtle texture, full page */
.mdu-result-search-wrap {
    background-color: #b5d9ec;
    background-image: repeating-linear-gradient(
        180deg,
        transparent 0,
        transparent 18px,
        rgba(180, 200, 220, 0.3) 18px,
        rgba(180, 200, 220, 0.3) 19px
    );
    min-height: 100vh;
    width: 100%;
    max-width: 100%;
    padding: 25px;
    box-sizing: border-box;
    font-family: Georgia, 'Times New Roman', serif;
    display: flex;
    flex-direction: column;
}

/* Result page - clean white background */
.mdu-result-display-wrap {
    background: #fff;
    min-height: 100vh;
    padding: 20px;
    font-family: Georgia, 'Times New Roman', serif;
}

/* Page title */
.mdu-result-title {
    text-align: center;
    color: #1a4d7a;
    font-size: 28px;
    margin-bottom: 25px;
    font-weight: bold;
}

/* Search layout - two columns, full width and height */
.mdu-result-search-layout {
    display: flex;
    flex: 1;
    gap: 25px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    align-items: stretch;
    min-height: calc(100vh - 100px);
}

/* Left panel - Result Declared, stretches to fill height */
.mdu-result-declared-panel {
    flex: 0 0 35%;
    max-width: 400px;
    min-width: 280px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 400px;
}

.mdu-declared-table {
    width: 100%;
    border-collapse: collapse;
}

.mdu-declared-table thead {
    background: #e8e8e8;
}

.mdu-declared-table th {
    padding: 10px 12px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}

.mdu-declared-table td {
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
}

.mdu-result-declared-panel {
    overflow-y: auto;
}


.mdu-declared-table th:first-child,
.mdu-declared-table td:first-child {
    width: 50px;
}

/* Right panel - Search form, stretches to fill remaining space */
.mdu-search-form-panel {
    flex: 1;
    min-width: 300px;
    display: flex;
    flex-direction: column;
}

.mdu-search-inputs {
    background: #fff9e6;
    background: linear-gradient(to bottom, #fff4cc, #ffe8a3);
    padding: 20px 25px;
    border: 1px solid #e0c870;
    border-radius: 2px;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.mdu-search-inputs label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
}

.mdu-search-inputs input[type="text"] {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 140px;
    font-size: 14px;
}

.mdu-proceed-btn {
    background: linear-gradient(to bottom, #e8a838, #d4922a);
    color: #000;
    border: 1px solid #b87920;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    font-family: inherit;
}

.mdu-proceed-btn:hover {
    background: linear-gradient(to bottom, #f0b848, #e0a030);
}

.mdu-disclaimer {
    margin-top: 15px;
    font-size: 13px;
    color: #c00;
    font-weight: bold;
}

.mdu-instructions {
    margin-top: 15px;
    font-size: 14px;
    color: #333;
}

.mdu-instructions strong {
    display: block;
    margin-bottom: 5px;
}

/* Result display page */
.mdu-result-display-wrap {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    border: 2px double #000;
    padding: 35px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.mdu-result-display-wrap .mdu-result-header {
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}

.mdu-college-logo img {
    max-width: 90px;
    max-height: 90px;
    margin-bottom: 10px;
}

.mdu-college-name {
    font-size: 18px;
    font-weight: bold;
    margin: 8px 0;
    color: #000;
}

.mdu-college-desc,
.mdu-college-accreditation {
    font-size: 11px;
    margin: 3px 0;
    color: #444;
}

.mdu-student-info-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;
}

.mdu-student-details,
.mdu-exam-details {
    font-size: 14px;
}

.mdu-exam-details {
    text-align: center;
}

.mdu-student-details p,
.mdu-exam-details p {
    margin: 5px 0;
}

.mdu-student-photo {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
}

.mdu-student-photo img {
    width: 80px;
    height: 100px;
    object-fit: cover;
    border: 1px solid #ccc;
}

.mdu-result-notification {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 20px 0;
}

.mdu-marks-table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.mdu-marks-table th,
.mdu-marks-table td {
    border: 1px solid #000;
    padding: 8px 10px;
    font-size: 13px;
}

.mdu-marks-table th {
    background: #f5f5f5;
    font-weight: bold;
}

/* Center all cells - ensures 746 and other values in Total row are centered */
.mdu-marks-table td {
    text-align: center;
}
/* Left-align Paper Nomenclature only in subject rows (not Total/Grand Total) */
.mdu-marks-table tbody tr:not(.mdu-total-row):not(.mdu-grand-total-row) td:nth-child(2) {
    text-align: left;
}

.mdu-total-row td,
.mdu-grand-total-row td {
    font-weight: bold;
}

/* Force center alignment for Obtained/Pass/Full Marks in Total rows - 746 under 401 */
.mdu-marks-table .mdu-total-row td:nth-child(2),
.mdu-marks-table .mdu-total-row td:nth-child(3),
.mdu-marks-table .mdu-total-row td:nth-child(4),
.mdu-marks-table .mdu-grand-total-row td:nth-child(2),
.mdu-marks-table .mdu-grand-total-row td:nth-child(3),
.mdu-marks-table .mdu-grand-total-row td:nth-child(4) {
    text-align: center !important;
}

.mdu-grand-total-row {
    background: #f9f9f9;
}

.mdu-result-footer {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 13px;
}

.mdu-controller {
    text-align: right;
}

.mdu-download-pdf {
    margin-top: 30px;
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.mdu-pdf-btn {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(to bottom, #e8a838, #d4922a);
    color: #000;
    text-decoration: none;
    font-weight: bold;
    border-radius: 2px;
    border: 1px solid #b87920;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.mdu-pdf-btn:hover {
    background: linear-gradient(to bottom, #f0b848, #e0a030);
}

.mdu-error {
    color: #c00;
    padding: 15px;
    background: #fff5f5;
    border: 1px solid #fcc;
}

/* Responsive */
@media (max-width: 768px) {
    .mdu-result-search-layout {
        flex-direction: column;
    }
    .mdu-result-declared-panel {
        max-width: 100%;
    }
    .mdu-search-inputs {
        flex-direction: column;
        align-items: stretch;
    }
    .mdu-search-inputs input[type="text"] {
        width: 100%;
    }
}