.ent-mcq-app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f4f7fb;min-height:700px}
.ent-mcq-shell{max-width:1050px;margin:30px auto;padding:0 18px}
.ent-mcq-header{background:linear-gradient(135deg,#0f4c81,#167d9a);color:#fff;border-radius:20px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 35px rgba(15,76,129,.18)}
.ent-mcq-header h1{margin:3px 0 5px;font-size:32px;color:#fff}.ent-mcq-header p{margin:0;opacity:.9}
.ent-mcq-kicker,.ent-kicker{font-size:12px;letter-spacing:1.5px;font-weight:800;opacity:.8}.ent-mcq-badge{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);padding:10px 15px;border-radius:999px;font-weight:700}
.ent-card{background:#fff;border-radius:18px;padding:28px;margin-top:20px;box-shadow:0 8px 30px rgba(25,45,75,.08)}
.ent-intro h2{margin-top:0}.ent-intro label{display:block;font-weight:700;margin:18px 0 7px}.ent-intro input{width:100%;box-sizing:border-box;padding:13px;border:1px solid #d7dee8;border-radius:10px;font-size:16px}
.ent-muted{color:#697586}.ent-chapter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}
.ent-chapter{padding:18px 12px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:.2s}
.ent-chapter:hover{transform:translateY(-2px);border-color:#167d9a;box-shadow:0 7px 20px rgba(0,0,0,.07)}
.ent-chapter strong{display:block;color:#0f4c81}.ent-chapter span{font-size:13px;color:#697586}
.ent-hidden{display:none!important}
.ent-exam-top{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;margin-top:20px;font-weight:700}.ent-exam-top #ent-chapter-title{text-align:center}
.ent-progress{height:8px;background:#dfe7ef;border-radius:10px;margin:13px 0}.ent-progress>div{height:100%;width:0;background:#167d9a;border-radius:10px;transition:.2s}
.ent-question-meta{display:flex;justify-content:space-between;color:#687789;font-weight:700;font-size:14px}.ent-question-card h2{font-size:22px;line-height:1.45;margin:22px 0}
.ent-options{display:grid;gap:12px}.ent-option{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #d9e2ec;border-radius:12px;cursor:pointer;background:#fff}.ent-option:hover{border-color:#167d9a}.ent-option input{margin-top:4px}
.ent-option.ent-selected{border-color:#167d9a;background:#eef8fa}.ent-nav{display:flex;gap:10px;margin-top:25px}.ent-btn{border:0;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer}.ent-btn-primary{background:#0f4c81;color:#fff}.ent-btn-submit{background:#15803d;color:#fff;margin-left:auto}.ent-btn-light{background:#edf2f7;color:#26364a}.ent-result{text-align:center}.ent-result-icon{width:65px;height:65px;border-radius:50%;background:#e8f7ee;color:#15803d;display:grid;place-items:center;margin:0 auto 12px;font-size:34px;font-weight:800}.ent-result h2{margin:5px 0}.ent-score{font-size:48px;font-weight:900;color:#0f4c81;margin:10px 0 20px}.ent-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ent-result-grid div{background:#f4f7fb;border-radius:12px;padding:16px}.ent-result-grid strong{display:block;font-size:25px}.ent-result-grid span{color:#697586;font-size:13px}.ent-review{text-align:left;margin-top:24px}.ent-review-item{padding:13px 0;border-top:1px solid #e5eaf0}.ent-review-item b{color:#b42318}.ent-result-actions{display:flex;justify-content:center;gap:10px;margin-top:25px}
.ent-mcq-app footer{text-align:center;color:#78879a;padding:25px;font-size:13px}
@media(max-width:700px){.ent-chapter-grid{grid-template-columns:1fr 1fr}.ent-mcq-header{padding:22px;}.ent-mcq-header h1{font-size:25px}.ent-mcq-badge{display:none}.ent-exam-top{grid-template-columns:1fr 1fr}.ent-exam-top #ent-chapter-title{grid-column:1/-1;grid-row:1;text-align:left}.ent-result-grid{grid-template-columns:1fr}.ent-nav{flex-wrap:wrap}}
/* =========================================
   OSCE QUESTION + IMAGE LAYOUT
   ========================================= */

.ent-osce-question-row {
    display: flex;
    align-items: center;
    gap: 35px;
    width: 100%;
    margin: 20px 0;
}

.ent-osce-question-row .ent-osce-station-image {
    flex: 0 0 auto;
}

.ent-osce-question-row .ent-osce-station-image img {
    width: 8cm !important;
    height: 6cm !important;
    object-fit: cover;
    border-radius: 8px;
}

.ent-osce-question-row .ent-osce-question {
    flex: 1;
    min-width: 0;
    font-size: 18px;
    line-height: 1.6;
}

/* Mobile / small screens */
@media (max-width: 768px) {

    .ent-osce-question-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .ent-osce-question-row .ent-osce-station-image img {
        width: 100% !important;
        height: auto !important;
        max-width: 8cm;
    }

    .ent-osce-question-row .ent-osce-question {
        width: 100%;
    }
}
/* =========================================
   PROFESSIONAL OSCE SLIDESHOW
   ========================================= */

.ent-osce-slideshow {
    max-width: 850px;
    margin: 20px auto;
}

.ent-osce-slide {
    background: #ffffff;
    border: 1px solid #e2e6ea;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 3px 14px rgba(0,0,0,0.08);
}

/* Picture + Question */

.ent-osce-question-row {
    display: flex;
    align-items: center;
    gap: 35px;
    width: 100%;
}

.ent-osce-station-image {
    flex: 0 0 auto;
}

.ent-osce-station-image img {
    width: 8cm !important;
    height: 6cm !important;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

.ent-osce-question {
    flex: 1;
    font-size: 18px;
    line-height: 1.6;
}

/* Show Answer + Next */

.ent-osce-action-row {
    display: flex;
    gap: 20px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}

.ent-osce-action-row button {
    flex: 1;
    padding: 14px 22px;
    font-size: 17px;
    border-radius: 7px;
    cursor: pointer;
}

.ent-osce-answer-btn {
    background: #ffffff;
    border: 1px solid #9ba4ae;
    color: #222222;
}

.ent-osce-next-inline {
    background: #1769e0;
    border: 1px solid #1769e0;
    color: #ffffff;
    font-weight: 600;
}

/* Previous + Back to Chapters */

.ent-osce-slide-controls {
    max-width: 850px;
    margin: 20px auto;
    padding: 18px;
    display: flex;
    justify-content: center;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #e2e6ea;
    border-radius: 10px;
}

.ent-osce-slide-controls button,
.ent-osce-back-btn {
    min-width: 180px;
    padding: 12px 22px;
    border: 1px solid #b5bdc6;
    border-radius: 6px;
    background: #ffffff;
    color: #1769e0;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

/* Mobile */

@media (max-width: 768px) {

    .ent-osce-question-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .ent-osce-station-image img {
        width: 100% !important;
        height: auto !important;
    }

    .ent-osce-action-row,
    .ent-osce-slide-controls {
        flex-direction: column;
    }
}
.ent-osce-prev-inline {
    background: #ffffff;
    border: 1px solid #9ba4ae;
    color: #1769e0;
    font-weight: 600;
}
/* =========================================
   ENT ADMIN PORTAL - PROFESSIONAL STYLE
   ========================================= */

.ent-admin-portal {
    background: #f4f8fb;
    border: 1px solid #dbe6ee;
    border-radius: 16px;
    padding: 28px;
    margin: 20px 0;
}

.ent-admin-portal h1,
.ent-admin-portal h2 {
    color: #0f4c81;
}

.ent-admin-portal h3 {
    color: #167d9a;
}

/* Admin links / menu items */

.ent-admin-portal a {
    color: #0f4c81;
    font-weight: 600;
    text-decoration: none;
}

.ent-admin-portal a:hover {
    color: #167d9a;
}

/* General admin buttons */

.ent-admin-portal button {
    background: #0f4c81;
    color: #ffffff;
    border: none;
    border-radius: 7px;
    padding: 9px 16px;
    font-weight: 600;
    cursor: pointer;
}

.ent-admin-portal button:hover {
    opacity: 0.88;
}
/* =========================================
   ADMIN STUDENT ACTION BUTTONS
   ========================================= */

.ent-admin-student-management button {
    border: none;
    border-radius: 7px;
    padding: 8px 14px;
    font-weight: 600;
    cursor: pointer;
}

/* Approve */
.ent-admin-student-management button[name="ent_approve_student"] {
    background: #198754;
    color: #ffffff;
}

/* Reject */
.ent-admin-student-management button[name="ent_reject_student"] {
    background: #f0ad4e;
    color: #ffffff;
}

/* Delete */
.ent-admin-student-management button[name="ent_delete_student"] {
    background: #dc3545;
    color: #ffffff;
}

/* Hover */
.ent-admin-student-management button:hover {
    opacity: 0.88;
}
/* =========================================
   ADMIN OSCE MANAGEMENT CARDS
   ========================================= */

.ent-osce-add-chapter-form,
.ent-osce-add-station-form,
.ent-osce-edit-station {
    background: #ffffff;
    border: 1px solid #dce6ee;
    border-radius: 14px;
    padding: 25px;
    margin: 20px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}

.ent-osce-add-chapter-form h2,
.ent-osce-add-station-form h2,
.ent-osce-edit-station h2 {
    color: #0f4c81;
    margin-top: 0;
}

.ent-osce-add-chapter-form h3,
.ent-osce-add-station-form h3,
.ent-osce-edit-station h3 {
    color: #167d9a;
}

/* Input fields */

.ent-osce-add-chapter-form input,
.ent-osce-add-station-form input,
.ent-osce-add-station-form select,
.ent-osce-edit-station input,
.ent-osce-edit-station select,
.ent-osce-edit-station textarea {
    border: 1px solid #ccd8e2;
    border-radius: 7px;
    padding: 10px;
}

/* Normal admin buttons */

.ent-osce-add-chapter-form button,
.ent-osce-add-station-form button,
.ent-osce-edit-station button {
    background: #0f4c81;
    color: #ffffff;
    border: none;
    border-radius: 7px;
    padding: 9px 16px;
    font-weight: 600;
    cursor: pointer;
}

/* DELETE buttons */

.ent-osce-add-chapter-form button[name="ent_osce_delete_chapter"],
.ent-osce-add-station-form button[name="ent_osce_delete_station"] {
    background: #dc3545;
    color: #ffffff;
}

/* Hover */

.ent-osce-add-chapter-form button:hover,
.ent-osce-add-station-form button:hover,
.ent-osce-edit-station button:hover {
    opacity: 0.88;
}
/* =========================================
   ADMIN STUDENT MANAGEMENT TABLE
   ========================================= */

.ent-admin-student-management {
    background: #ffffff;
    border: 1px solid #dce6ee;
    border-radius: 14px;
    padding: 25px;
    margin: 20px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}

.ent-admin-student-management h2 {
    color: #0f4c81;
    margin-top: 0;
}

.ent-admin-student-management h3 {
    color: #167d9a;
}

/* Student table */

.ent-student-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 18px;
    background: #ffffff;
}

.ent-student-table th {
    background: #0f4c81;
    color: #ffffff;
    padding: 13px;
    text-align: left;
}

.ent-student-table td {
    padding: 13px;
    border-bottom: 1px solid #e4e9ee;
}

.ent-student-table tbody tr:hover {
    background: #f4f8fb;
}

/* Rounded table corners */

.ent-student-table th:first-child {
    border-radius: 8px 0 0 0;
}

.ent-student-table th:last-child {
    border-radius: 0 8px 0 0;
}
/* =========================================
   ENT ADMIN PORTAL DASHBOARD
   ========================================= */

.ent-admin-portal {
    max-width: 1000px;
    margin: 25px auto;
    padding: 30px;
    background: #f5f8fc;
    border: 1px solid #dce6ee;
    border-radius: 16px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
}

/* Main heading */

.ent-admin-portal h1,
.ent-admin-portal h2 {
    color: #0f4c81;
    margin-top: 0;
}

/* Dashboard menu */

.ent-admin-portal ul {
    list-style: none;
    padding: 0;
    margin: 25px 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

/* Dashboard cards */

.ent-admin-portal ul li {
    background: #ffffff;
    border: 1px solid #dce6ee;
    border-radius: 12px;
    transition: 0.2s ease;
    overflow: hidden;
}

.ent-admin-portal ul li:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 18px rgba(15,76,129,0.10);
    border-color: #167d9a;
}

/* Make entire link area clickable */

.ent-admin-portal ul li a {
    display: block;
    padding: 20px;
    color: #0f4c81;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
}

.ent-admin-portal ul li a:hover {
    color: #167d9a;
}

/* Mobile */

@media (max-width: 700px) {

    .ent-admin-portal {
        padding: 20px;
    }

    .ent-admin-portal ul {
        grid-template-columns: 1fr;
    }
}
/* =========================================
   ADMIN SUCCESS & ERROR MESSAGES
   ========================================= */

/* Success message */

.ent-success,
.ent-portal-success {
    background: #eaf7ef;
    color: #176b3a;
    border: 1px solid #b8dfc7;
    border-left: 5px solid #198754;
    border-radius: 8px;
    padding: 13px 16px;
    margin: 15px 0;
    font-weight: 600;
}

/* Error / warning message */

.ent-error {
    background: #fff0f1;
    color: #a52834;
    border: 1px solid #f0c2c7;
    border-left: 5px solid #dc3545;
    border-radius: 8px;
    padding: 13px 16px;
    margin: 15px 0;
    font-weight: 600;
}

/* General portal message */

.ent-portal-message {
    background: #eef6fb;
    color: #24445c;
    border: 1px solid #c9dfea;
    border-left: 5px solid #167d9a;
    border-radius: 8px;
    padding: 16px 18px;
    margin: 15px 0;
}

.ent-portal-message h2,
.ent-portal-message h3 {
    color: #0f4c81;
    margin-top: 0;
}
/* =========================================
   ADMIN SECTION HEADINGS
   ========================================= */

.ent-admin-student-management h2,
.ent-osce-add-chapter-form h2,
.ent-osce-add-station-form h2,
.ent-osce-edit-station h2 {
    background: linear-gradient(135deg, #0f4c81, #167d9a);
    color: #ffffff;
    padding: 14px 18px;
    border-radius: 10px;
    margin: -25px -25px 22px -25px;
}

.ent-admin-student-management h3,
.ent-osce-add-chapter-form h3,
.ent-osce-add-station-form h3,
.ent-osce-edit-station h3 {
    color: #0f4c81;
    border-bottom: 2px solid #d9e7ef;
    padding-bottom: 8px;
    margin-top: 24px;
}
/* =========================================
   ADMIN FORM FIELDS
   ========================================= */

.ent-osce-add-chapter-form label,
.ent-osce-add-station-form label,
.ent-osce-edit-station label {
    display: block;
    color: #243b53;
    font-weight: 700;
    margin-bottom: 6px;
}

.ent-osce-add-chapter-form input[type="text"],
.ent-osce-add-station-form input[type="text"],
.ent-osce-add-station-form select,
.ent-osce-edit-station select,
.ent-osce-edit-station textarea {
    width: 100%;
    box-sizing: border-box;
    background: #f9fbfd;
    border: 1px solid #cbd8e3;
    border-radius: 8px;
    padding: 11px 13px;
    font-size: 15px;
    transition: 0.2s ease;
}

/* Blue highlight when field is selected */

.ent-osce-add-chapter-form input:focus,
.ent-osce-add-station-form input:focus,
.ent-osce-add-station-form select:focus,
.ent-osce-edit-station select:focus,
.ent-osce-edit-station textarea:focus {
    outline: none;
    border-color: #167d9a;
    box-shadow: 0 0 0 3px rgba(22,125,154,0.12);
    background: #ffffff;
}

/* Image upload */

.ent-osce-edit-station input[type="file"] {
    background: #f4f8fb;
    border: 1px dashed #9db4c5;
    border-radius: 8px;
    padding: 12px;
    width: 100%;
    box-sizing: border-box;
}
/* =========================================
   ADMIN CHAPTER & STATION LISTS
   ========================================= */

.ent-osce-add-chapter-form h3 + div,
.ent-osce-add-station-form h3 + div {
    margin-top: 12px;
}

/* Existing item rows */

.ent-osce-add-chapter-form hr,
.ent-osce-add-station-form hr {
    border: 0;
    border-top: 1px solid #dce6ee;
    margin: 28px 0 22px;
}

/* Chapter / station names */

.ent-osce-add-chapter-form strong,
.ent-osce-add-station-form strong {
    color: #243b53;
    font-size: 15px;
}

/* Delete buttons */

.ent-osce-add-chapter-form button[name="ent_osce_delete_chapter"],
.ent-osce-add-station-form button[name="ent_osce_delete_station"] {
    background: #dc3545;
    color: #ffffff;
    border: 0;
    border-radius: 7px;
    padding: 7px 14px;
    font-size: 14px;
    font-weight: 600;
}

/* Delete hover */

.ent-osce-add-chapter-form button[name="ent_osce_delete_chapter"]:hover,
.ent-osce-add-station-form button[name="ent_osce_delete_station"]:hover {
    background: #b92d3a;
    transform: translateY(-1px);
}
/* =========================================
   ADMIN PORTAL WELCOME HEADER
   ========================================= */

.ent-admin-portal > h2:first-child {
    background: linear-gradient(135deg, #0f4c81, #167d9a);
    color: #ffffff;
    padding: 22px 25px;
    border-radius: 12px;
    margin-bottom: 8px;
    font-size: 27px;
}

.ent-admin-portal > p {
    color: #5d6d7e;
    font-size: 16px;
    line-height: 1.6;
}

/* Small accent line */

.ent-admin-portal > h3 {
    color: #0f4c81;
    font-size: 20px;
    margin-top: 25px;
    padding-bottom: 9px;
    border-bottom: 2px solid #d9e7ef;
}

/* Smooth appearance */

.ent-admin-portal,
.ent-admin-student-management,
.ent-osce-add-chapter-form,
.ent-osce-add-station-form,
.ent-osce-edit-station {
    transition: box-shadow 0.2s ease;
}

.ent-admin-portal:hover {
    box-shadow: 0 8px 25px rgba(15,76,129,0.10);
}
/* =========================================
   ADMIN PRIMARY ACTION BUTTONS
   ========================================= */

.ent-osce-add-chapter-form button[name="ent_osce_add_chapter_submit"],
.ent-osce-add-station-form button[name="ent_osce_add_station_submit"],
.ent-osce-edit-station button[name="ent_osce_save_station_content"] {
    background: linear-gradient(135deg, #0f4c81, #167d9a);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 11px 20px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(15, 76, 129, 0.18);
    transition: all 0.2s ease;
}

.ent-osce-add-chapter-form button[name="ent_osce_add_chapter_submit"]:hover,
.ent-osce-add-station-form button[name="ent_osce_add_station_submit"]:hover,
.ent-osce-edit-station button[name="ent_osce_save_station_content"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(15, 76, 129, 0.25);
}
/* =========================================
   STUDENT STATUS DISPLAY
   ========================================= */

/* Status column */
.ent-student-table td:nth-child(4) {
    font-weight: 700;
}

/* Approved */
.ent-student-table td:nth-child(4) {
    color: #198754;
}

/* Action column */
.ent-student-table td:last-child {
    white-space: nowrap;
}

/* Better spacing between action buttons */
.ent-student-table td:last-child form {
    display: inline-block;
    margin: 3px 5px 3px 0;
}

/* Approved label in Action column */
.ent-student-table td:last-child strong {
    display: inline-block;
    background: #e8f6ee;
    color: #198754;
    border: 1px solid #b9dfc8;
    border-radius: 20px;
    padding: 6px 12px;
    font-size: 13px;
}

/* Keep delete button clearly separate */
.ent-student-table button[name="ent_delete_student"] {
    background: #dc3545;
    color: #ffffff;
}

/* Mobile table scrolling */
.ent-admin-student-management {
    overflow-x: auto;
}
/* =========================================
   ADMIN PORTAL FINAL POLISH
   ========================================= */

/* More breathing room between sections */

.ent-admin-portal,
.ent-admin-student-management,
.ent-osce-add-chapter-form,
.ent-osce-add-station-form,
.ent-osce-edit-station {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Clean separator lines */

.ent-admin-portal hr,
.ent-admin-student-management hr,
.ent-osce-edit-station hr {
    border: 0;
    border-top: 1px solid #dce6ee;
    margin: 25px 0;
}

/* Improve table text */

.ent-student-table td,
.ent-student-table th {
    vertical-align: middle;
}

/* Subtle alternating student rows */

.ent-student-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

/* Better links */

.ent-admin-portal a,
.ent-admin-student-management a {
    transition: color 0.2s ease;
}

/* Mobile padding */

@media (max-width: 700px) {

    .ent-admin-student-management,
    .ent-osce-add-chapter-form,
    .ent-osce-add-station-form,
    .ent-osce-edit-station {
        padding: 18px;
        border-radius: 10px;
    }

    .ent-student-table {
        min-width: 700px;
    }
}
/* =========================================
   ADMIN PORTAL PAGE BACKGROUND
   ========================================= */

body.page-template-default .ent-admin-portal,
body.page-template-default .ent-admin-student-management,
body.page-template-default .ent-osce-add-chapter-form,
body.page-template-default .ent-osce-add-station-form,
body.page-template-default .ent-osce-edit-station {
    position: relative;
    z-index: 1;
}

body.page-template-default:has(.ent-admin-portal) {
    background: linear-gradient(
        180deg,
        #eef5f9 0%,
        #f8fbfd 45%,
        #ffffff 100%
    );
}

/* Slightly softer page content area */

body.page-template-default:has(.ent-admin-portal) .site-content,
body.page-template-default:has(.ent-admin-portal) main {
    background: transparent;
}
/* =========================================
   MODERN ENT ADMIN DASHBOARD
   ========================================= */

.ent-modern-admin {
    display: grid;
    grid-template-columns: 240px 1fr;
    min-height: 100vh;
    background: #f4f7fb;
    border-radius: 18px;
    overflow: hidden;
}

/* Sidebar */

.ent-admin-sidebar {
    background: linear-gradient(180deg, #eef6fb 0%, #e5f1f8 100%);
    border-right: 1px solid #d7e4ec;
    padding: 28px 18px;
}

.ent-admin-brand {
    margin-bottom: 30px;
}

.ent-admin-brand strong {
    display: block;
    color: #0f4c81;
    font-size: 24px;
}

.ent-admin-brand span {
    display: block;
    margin-top: 4px;
    color: #6b7f91;
    font-size: 13px;
}

.ent-admin-sidebar a {
    display: block;
    padding: 11px 13px;
    margin-bottom: 7px;
    border-radius: 9px;
    color: #30495d;
    text-decoration: none;
    font-weight: 600;
    transition: 0.2s ease;
}

.ent-admin-sidebar a:hover {
    background: #d9edf7;
    color: #0f4c81;
}

.ent-sidebar-label {
    margin: 24px 10px 10px;
    color: #8a9cac;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

/* Main area */

.ent-admin-main {
    padding: 30px;
    min-width: 0;
}

/* Hero */

.ent-admin-hero {
    background: linear-gradient(135deg, #1f6fe5, #4b63d3);
    color: #ffffff;
    border-radius: 18px;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 10px 30px rgba(31,111,229,0.18);
}

.ent-admin-hero h1 {
    color: #ffffff;
    margin: 3px 0 5px;
    font-size: 34px;
}

.ent-admin-hero h2 {
    color: #e8efff;
    margin: 0 0 12px;
    font-size: 20px;
    font-weight: 600;
}

.ent-admin-hero p {
    margin: 0;
    max-width: 600px;
    color: #eef3ff;
}

.ent-admin-kicker {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    opacity: 0.9;
}

.ent-admin-hero-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgba(255,255,255,0.14);
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 24px;
    border: 1px solid rgba(255,255,255,0.25);
}

/* Stat cards */

.ent-admin-stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    margin: 22px 0;
}

.ent-stat-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 4px 15px rgba(20,45,70,0.06);
    border: 1px solid #e3eaf0;
}

.ent-stat-card > span {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 20px;
}

.ent-stat-card strong {
    display: block;
    font-size: 25px;
    color: #213547;
}

.ent-stat-card p {
    margin: 2px 0 0;
    color: #748494;
    font-size: 13px;
}

.ent-stat-blue > span {
    background: #e8f1ff;
}

.ent-stat-green > span {
    background: #e9f8ef;
}

.ent-stat-orange > span {
    background: #fff2df;
}

.ent-stat-purple > span {
    background: #f1eaff;
}

.ent-stat-teal > span {
    background: #e5f8f5;
}

/* Two-column management area */

.ent-admin-two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    align-items: start;
}

/* Make existing admin blocks blend into dashboard */

.ent-modern-admin .ent-admin-student-management,
.ent-modern-admin .ent-osce-add-chapter-form,
.ent-modern-admin .ent-osce-add-station-form,
.ent-modern-admin .ent-osce-edit-station {
    margin: 22px 0;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #e2e9ef;
    box-shadow: 0 4px 16px rgba(20,45,70,0.06);
}

/* Footer */

.ent-admin-footer {
    margin-top: 30px;
    padding: 20px 0 8px;
    text-align: center;
    color: #7d8b98;
    font-size: 13px;
}

/* Responsive */

@media (max-width: 1100px) {

    .ent-admin-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .ent-admin-two-column {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {

    .ent-modern-admin {
        grid-template-columns: 1fr;
    }

    .ent-admin-sidebar {
        border-right: 0;
        border-bottom: 1px solid #d7e4ec;
    }

    .ent-admin-main {
        padding: 18px;
    }

    .ent-admin-hero {
        align-items: flex-start;
    }

    .ent-admin-hero-icon {
        display: none;
    }
}

@media (max-width: 600px) {

    .ent-admin-stats {
        grid-template-columns: 1fr;
    }
}
/* =========================================
   FULL WIDTH ADMIN DASHBOARD
   ========================================= */

/* Break dashboard out of WordPress narrow content container */
.ent-modern-admin {
    width: calc(100vw - 40px) !important;
    max-width: none !important;

    position: relative;
    left: 50%;
    transform: translateX(-50%);

    grid-template-columns: 260px minmax(0, 1fr);

    min-height: calc(100vh - 80px);
}

/* Give main dashboard enough working space */
.ent-admin-main {
    width: 100%;
    max-width: none !important;
    box-sizing: border-box;
}

/* Hero uses available width */
.ent-admin-hero {
    width: 100%;
    box-sizing: border-box;
}

/* Statistics use full available width */
.ent-admin-stats {
    width: 100%;
}

/* Mobile */
@media (max-width: 800px) {

    .ent-modern-admin {
        width: 100% !important;
        left: auto;
        transform: none;
        grid-template-columns: 1fr;
    }
}
/* =========================================
   MODERN ENT MCQ EXAMINATION
   ========================================= */

.ent-mcq-app {
    width: calc(100vw - 40px);
    max-width: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background: #f4f8fc;
    min-height: calc(100vh - 100px);
    padding: 25px 0 40px;
    box-sizing: border-box;
}

.ent-mcq-shell {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 25px;
}

/* Header */

.ent-mcq-header {
    background: linear-gradient(135deg, #0f6edb, #18a5b8);
    color: #ffffff;
    border-radius: 18px;
    padding: 30px 34px;
    box-shadow: 0 10px 30px rgba(15,110,219,0.18);
}

.ent-mcq-header h1 {
    color: #ffffff;
    font-size: 36px;
    margin: 4px 0 7px;
}

.ent-mcq-header p {
    color: #eaf5ff;
    font-size: 16px;
}

.ent-mcq-kicker {
    color: #d9eeff;
    font-size: 12px;
    letter-spacing: 1.4px;
}

.ent-mcq-badge {
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.35);
    padding: 12px 18px;
    border-radius: 999px;
    font-size: 15px;
}

/* Main cards */

.ent-mcq-app .ent-card {
    background: #ffffff;
    border: 1px solid #e1e8ef;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 5px 18px rgba(20,45,70,0.06);
}

/* Chapter selection */

.ent-chapter-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.ent-chapter {
    background: #ffffff;
    border: 1px solid #dfe7ef;
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 3px 12px rgba(20,45,70,0.05);
}

.ent-chapter:hover {
    border-color: #148ca5;
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(20,45,70,0.10);
}

/* Exam top bar */

.ent-exam-top {
    background: #ffffff;
    border: 1px solid #e0e7ee;
    border-radius: 12px;
    padding: 14px 18px;
    margin-top: 22px;
}

/* Question card */

.ent-question-card {
    margin-top: 18px;
}

.ent-question-card h2 {
    color: #17324d;
    font-size: 24px;
    line-height: 1.5;
}

/* Options */

.ent-options {
    gap: 14px;
}

.ent-option {
    border: 1px solid #dbe4ec;
    border-radius: 11px;
    padding: 16px;
    transition: 0.18s ease;
}

.ent-option:hover {
    background: #f2f9fb;
    border-color: #1593aa;
}

.ent-option.ent-selected {
    background: #e8f7fa;
    border-color: #1593aa;
}

/* Navigation buttons */

.ent-btn {
    border-radius: 9px;
    padding: 12px 20px;
    font-size: 15px;
}

.ent-btn-primary {
    background: #1769e0;
    color: #ffffff;
}

.ent-btn-light {
    background: #edf3f8;
    color: #29455c;
}

.ent-btn-submit {
    background: #198754;
    color: #ffffff;
}

/* Result screen */

.ent-result {
    max-width: 900px;
    margin: 0 auto;
}

.ent-result-icon {
    background: #e9f8ef;
    color: #198754;
}

.ent-score {
    color: #1769e0;
}

.ent-result-grid div {
    background: #f4f8fb;
    border: 1px solid #e1e8ef;
}

/* Progress */

.ent-progress {
    background: #dfe8ef;
}

.ent-progress > div {
    background: linear-gradient(90deg, #1769e0, #18a5b8);
}

/* Footer */

.ent-mcq-app footer {
    margin-top: 30px;
    color: #7d8c99;
}

/* Responsive */

@media (max-width: 900px) {

    .ent-chapter-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ent-mcq-app {
        width: 100%;
        left: auto;
        transform: none;
    }
}

@media (max-width: 600px) {

    .ent-chapter-grid {
        grid-template-columns: 1fr;
    }

    .ent-mcq-shell {
        padding: 0 15px;
    }

    .ent-mcq-header {
        padding: 22px;
    }

    .ent-mcq-header h1 {
        font-size: 28px;
    }
}
/* =========================================
   MCQ RESULT EXPLANATION
   ========================================= */

.ent-review-item {
    background: #ffffff;
    border: 1px solid #e1e8ef;
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 14px;
}

.ent-review-item strong {
    display: block;
    color: #17324d;
    margin-bottom: 8px;
}

.ent-review-item span {
    display: block;
    color: #6b7b88;
    margin-bottom: 6px;
}

.ent-review-item b {
    display: block;
    color: #198754;
    margin-top: 6px;
}

/* Explanation */

.ent-review-item small {
    display: block;
    margin-top: 12px;
    padding: 12px 14px;
    background: #eef6ff;
    border-left: 4px solid #1769e0;
    border-radius: 7px;
    color: #29455c;
    font-size: 14px;
    line-height: 1.6;
}
/* =========================================
   MCQ QUESTION NAVIGATOR
   ========================================= */

.ent-question-navigator {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px 0;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #e1e8ef;
    border-radius: 12px;
}

.ent-question-nav-btn {
    width: 38px;
    height: 38px;
    border: 1px solid #cfd9e2;
    border-radius: 8px;
    background: #f7f9fb;
    color: #34495e;
    font-weight: 700;
    cursor: pointer;
}

/* Answered question */
.ent-question-nav-answered {
    background: #e8f7ee;
    border-color: #9ed3b2;
    color: #198754;
}

/* Current question */
.ent-question-nav-current {
    background: #1769e0 !important;
    border-color: #1769e0 !important;
    color: #ffffff !important;
}

/* Hover */
.ent-question-nav-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}
/* =========================================
   MCQ NAVIGATOR LEGEND
   ========================================= */

.ent-question-nav-legend {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin: 10px 0 18px;
    font-size: 14px;
    color: #5d6d7e;
}

.ent-question-nav-legend span {
    display: flex;
    align-items: center;
    gap: 7px;
}

.ent-nav-dot {
    width: 14px;
    height: 14px;
    border-radius: 4px;
    display: inline-block;
}

.ent-nav-dot-current {
    background: #1769e0;
}

.ent-nav-dot-answered {
    background: #e8f7ee;
    border: 1px solid #9ed3b2;
}

.ent-nav-dot-unanswered {
    background: #f7f9fb;
    border: 1px solid #cfd9e2;
}
/* =========================================
   MODERN MCQ ADMIN MANAGEMENT
   ========================================= */

/* MCQ management area */
#ent-mcq-chapters,
#ent-mcq-questions {
    background: #ffffff;
    border: 1px solid #dce6f0;
    border-radius: 16px;
    box-shadow: 0 5px 18px rgba(31, 70, 110, 0.07);
    overflow: hidden;
}

/* Remove unnecessary inner box appearance */
#ent-mcq-chapters .ent-mcq-admin-card,
#ent-mcq-questions .ent-mcq-admin-card {
    background: transparent;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 25px;
}

/* Main headings */
#ent-mcq-chapters h2,
#ent-mcq-questions h2 {
    background: linear-gradient(90deg, #e9f3ff, #f4f8ff);
    color: #123d72;
    font-size: 25px;
    font-weight: 700;
    margin: -25px -25px 25px;
    padding: 18px 24px;
    border-bottom: 1px solid #d9e6f4;
}

/* Smaller headings */
#ent-mcq-chapters h3,
#ent-mcq-questions h3 {
    color: #173f70;
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
}

/* Labels */
#ent-mcq-chapters label,
#ent-mcq-questions label {
    color: #213b5b;
    font-size: 14px;
    font-weight: 700;
}

/* Inputs, textarea and dropdowns */
#ent-mcq-chapters input[type="text"],
#ent-mcq-questions input[type="text"],
#ent-mcq-questions textarea,
#ent-mcq-questions select {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cbd8e6;
    background: #ffffff;
    border-radius: 8px;
    padding: 11px 13px;
    font-size: 15px;
    transition: 0.2s ease;
}

/* Focus effect */
#ent-mcq-chapters input[type="text"]:focus,
#ent-mcq-questions input[type="text"]:focus,
#ent-mcq-questions textarea:focus,
#ent-mcq-questions select:focus {
    outline: none;
    border-color: #2878e3;
    box-shadow: 0 0 0 3px rgba(40, 120, 227, 0.10);
}

/* Add buttons */
#ent-mcq-chapters button[name="ent_mcq_add_chapter_submit"],
#ent-mcq-questions button[name="ent_mcq_add_question_submit"],
#ent-mcq-questions button[name="ent_mcq_update_question_submit"] {
    background: linear-gradient(135deg, #1769e0, #3488f4);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 11px 20px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(23, 105, 224, 0.18);
}

/* Add button hover */
#ent-mcq-chapters button[name="ent_mcq_add_chapter_submit"]:hover,
#ent-mcq-questions button[name="ent_mcq_add_question_submit"]:hover,
#ent-mcq-questions button[name="ent_mcq_update_question_submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(23, 105, 224, 0.25);
}

/* Delete buttons */
#ent-mcq-chapters button[name="ent_mcq_delete_chapter"],
#ent-mcq-questions button[name="ent_mcq_delete_question"] {
    background: #fff0f1;
    color: #dc3545;
    border: 1px solid #ffc8ce;
    border-radius: 7px;
    padding: 7px 13px;
    font-weight: 700;
    cursor: pointer;
}

/* Delete hover */
#ent-mcq-chapters button[name="ent_mcq_delete_chapter"]:hover,
#ent-mcq-questions button[name="ent_mcq_delete_question"]:hover {
    background: #dc3545;
    color: #ffffff;
}

/* Separator */
#ent-mcq-chapters hr,
#ent-mcq-questions hr {
    border: none;
    border-top: 1px solid #e1e8ef;
    margin: 25px 0;
}

/* Success message */
#ent-mcq-questions .ent-success,
#ent-mcq-chapters .ent-success {
    background: #eaf8f0;
    border: 1px solid #b7e3c8;
    border-left: 4px solid #198754;
    color: #146c43;
    padding: 13px 15px;
    border-radius: 8px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Error message */
#ent-mcq-questions .ent-error,
#ent-mcq-chapters .ent-error {
    background: #fff0f1;
    border: 1px solid #ffc8ce;
    border-left: 4px solid #dc3545;
    color: #b02a37;
    padding: 13px 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* Better spacing */
#ent-mcq-questions p,
#ent-mcq-chapters p {
    margin-top: 8px;
    margin-bottom: 12px;
}

/* Mobile */
@media (max-width: 800px) {

    #ent-mcq-chapters,
    #ent-mcq-questions {
        border-radius: 12px;
    }

    #ent-mcq-chapters .ent-mcq-admin-card,
    #ent-mcq-questions .ent-mcq-admin-card {
        padding: 18px;
    }

    #ent-mcq-chapters h2,
    #ent-mcq-questions h2 {
        margin: -18px -18px 20px;
        font-size: 21px;
    }
}
/* =========================================
   MODERN ENT STUDENT PORTAL
   ========================================= */

.ent-student-modern {
    width: 100%;
    min-height: 100vh;
    display: flex;
    background: #f4f7fb;
    font-family: inherit;
    color: #162033;
    box-sizing: border-box;
}

.ent-student-modern * {
    box-sizing: border-box;
}

/* SIDEBAR */

.ent-student-sidebar {
    width: 270px;
    min-height: 100vh;
    background: linear-gradient(180deg, #0f376e 0%, #0b2f61 100%);
    color: #ffffff;
    padding: 28px 20px;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    align-self: flex-start;
}

.ent-student-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.ent-student-logo {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #ffffff;
    color: #0f376e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 1px;
}

.ent-student-brand strong {
    display: block;
    font-size: 15px;
    line-height: 1.3;
}

.ent-student-brand span {
    display: block;
    margin-top: 4px;
    color: rgba(255,255,255,0.72);
    font-size: 11px;
}

.ent-student-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 28px;
}

.ent-student-nav a {
    display: block;
    padding: 13px 15px;
    border-radius: 10px;
    color: rgba(255,255,255,0.86);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.2s ease;
}

.ent-student-nav a:hover,
.ent-student-nav a.active {
    background: rgba(255,255,255,0.13);
    color: #ffffff;
    transform: translateX(2px);
}

.ent-student-support {
    margin-top: auto;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 14px;
    padding: 16px;
}

.ent-student-support strong {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.ent-student-support p {
    margin: 0;
    color: rgba(255,255,255,0.72);
    font-size: 12px;
    line-height: 1.6;
}

/* MAIN AREA */

.ent-student-main {
    flex: 1;
    min-width: 0;
    padding: 32px;
}

/* WELCOME HERO */

.ent-student-welcome {
    background: linear-gradient(135deg, #155ec8 0%, #1749a7 100%);
    border-radius: 20px;
    padding: 30px 34px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    box-shadow: 0 12px 30px rgba(22, 73, 158, 0.18);
}

.ent-welcome-small {
    display: block;
    font-size: 14px;
    opacity: 0.85;
    margin-bottom: 5px;
}

.ent-student-welcome h1 {
    margin: 0;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.2;
}

.ent-student-welcome p {
    margin: 10px 0 0;
    max-width: 670px;
    color: rgba(255,255,255,0.86);
    font-size: 14px;
    line-height: 1.6;
}

.ent-developed-by {
    min-width: 220px;
    text-align: right;
    padding-left: 20px;
    border-left: 1px solid rgba(255,255,255,0.22);
}

.ent-developed-by span,
.ent-developed-by small {
    display: block;
    color: rgba(255,255,255,0.72);
    font-size: 11px;
}

.ent-developed-by strong {
    display: block;
    color: #ffffff;
    margin: 4px 0;
    font-size: 15px;
}

/* STATS */

.ent-student-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}

.ent-student-stat {
    background: #ffffff;
    border: 1px solid #e6ebf3;
    border-radius: 16px;
    padding: 19px;
    display: flex;
    gap: 14px;
    align-items: center;
    box-shadow: 0 6px 18px rgba(15, 45, 90, 0.05);
}

.ent-stat-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    font-size: 20px;
    font-weight: 800;
}

.ent-stat-icon.green {
    background: #e9f9ef;
    color: #1e9a50;
}

.ent-stat-icon.blue {
    background: #eaf3ff;
    color: #1768d7;
}

.ent-stat-icon.purple {
    background: #f1ecff;
    color: #7655d8;
}

.ent-stat-icon.orange {
    background: #fff2e5;
    color: #e58228;
}

.ent-student-stat span,
.ent-student-stat small {
    display: block;
}

.ent-student-stat span {
    color: #6b7588;
    font-size: 12px;
    margin-bottom: 3px;
}

.ent-student-stat strong {
    display: block;
    color: #172238;
    font-size: 18px;
    margin-bottom: 3px;
}

.ent-student-stat small {
    color: #98a0ae;
    font-size: 11px;
}

.ent-student-stat strong.approved,
.ent-profile-row strong.approved,
.ent-progress-row strong.approved {
    color: #1b9b52;
}

/* LARGE LEARNING CARDS */

.ent-student-learning-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 22px;
}

.ent-learning-card {
    min-height: 220px;
    border-radius: 18px;
    padding: 26px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(20, 50, 90, 0.07);
}

.mcq-card {
    background: linear-gradient(135deg, #edf5ff 0%, #ffffff 100%);
    border: 1px solid #dcecff;
}

.osce-card {
    background: linear-gradient(135deg, #edfaf4 0%, #ffffff 100%);
    border: 1px solid #d9f1e5;
}

.ent-learning-icon {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    border-radius: 18px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 8px 18px rgba(20, 50, 90, 0.08);
}

.ent-learning-card h2 {
    margin: 3px 0 8px;
    color: #162238;
    font-size: 22px;
}

.ent-learning-card p {
    margin: 0 0 20px;
    color: #667085;
    font-size: 14px;
    line-height: 1.65;
    max-width: 500px;
}

.ent-student-primary-btn,
.ent-student-green-btn {
    display: inline-block;
    padding: 11px 18px;
    border-radius: 9px;
    text-decoration: none;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 13px;
    transition: 0.2s ease;
}

.ent-student-primary-btn {
    background: #1768d7;
}

.ent-student-green-btn {
    background: #1c9d63;
}

.ent-student-primary-btn:hover,
.ent-student-green-btn:hover {
    transform: translateY(-1px);
    filter: brightness(0.95);
}

/* BOTTOM CARDS */

.ent-student-bottom-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 22px;
}

.ent-student-panel {
    background: #ffffff;
    border: 1px solid #e6ebf3;
    border-radius: 16px;
    padding: 22px;
    box-shadow: 0 6px 18px rgba(15, 45, 90, 0.05);
}

.ent-student-panel h2 {
    margin: 0 0 18px;
    color: #182236;
    font-size: 17px;
}

.ent-progress-row,
.ent-profile-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 11px 0;
    border-bottom: 1px solid #edf0f5;
    font-size: 13px;
}

.ent-progress-row:last-child,
.ent-profile-row:last-child {
    border-bottom: 0;
}

.ent-progress-row span,
.ent-profile-row span {
    color: #6d7687;
}

.ent-progress-row strong,
.ent-profile-row strong {
    color: #1d2739;
    text-align: right;
}

.ent-empty-panel {
    color: #7c8596;
    font-size: 13px;
    line-height: 1.7;
}

/* FOOTER */

.ent-student-footer {
    margin-top: 25px;
    padding: 18px 5px 6px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: #8b94a3;
    font-size: 11px;
}

/* FULL WIDTH WORDPRESS OVERRIDES */

body .entry-content,
body .site-main,
body .content-area,
body .wp-site-blocks {
    max-width: none;
}

.ent-student-modern {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
}

/* TABLET */

@media (max-width: 1100px) {

    .ent-student-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ent-student-bottom-grid {
        grid-template-columns: 1fr 1fr;
    }

    .ent-student-bottom-grid .ent-student-panel:last-child {
        grid-column: 1 / -1;
    }
}

/* MOBILE */

@media (max-width: 800px) {

    .ent-student-modern {
        display: block;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .ent-student-sidebar {
        position: relative;
        width: 100%;
        min-height: auto;
        padding: 18px;
    }

    .ent-student-nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 18px;
    }

    .ent-student-support {
        margin-top: 20px;
    }

    .ent-student-main {
        padding: 18px;
    }

    .ent-student-welcome {
        display: block;
        padding: 24px;
    }

    .ent-developed-by {
        text-align: left;
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,0.20);
        padding: 16px 0 0;
        margin-top: 20px;
    }

    .ent-student-stats,
    .ent-student-learning-grid,
    .ent-student-bottom-grid {
        grid-template-columns: 1fr;
    }

    .ent-student-bottom-grid .ent-student-panel:last-child {
        grid-column: auto;
    }

    .ent-student-footer {
        display: block;
    }

    .ent-student-footer span {
        display: block;
        margin-bottom: 5px;
    }
}

/* SMALL MOBILE */

@media (max-width: 500px) {

    .ent-student-nav {
        grid-template-columns: 1fr;
    }

    .ent-student-welcome h1 {
        font-size: 24px;
    }

    .ent-learning-card {
        display: block;
    }

    .ent-learning-icon {
        margin-bottom: 16px;
    }
}
/* =========================================
   STUDENT PORTAL TRUE FULL SCREEN FIX
   ========================================= */

/* Remove WordPress page width restrictions ONLY
   on the page containing the student dashboard */

body:has(.ent-student-modern) {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

body:has(.ent-student-modern) .wp-site-blocks,
body:has(.ent-student-modern) .site,
body:has(.ent-student-modern) .site-content,
body:has(.ent-student-modern) .content-area,
body:has(.ent-student-modern) .site-main,
body:has(.ent-student-modern) main,
body:has(.ent-student-modern) article,
body:has(.ent-student-modern) .entry-content,
body:has(.ent-student-modern) .wp-block-post-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove Gutenberg constrained layout */

body:has(.ent-student-modern) .is-layout-constrained,
body:has(.ent-student-modern) .is-layout-flow {
    max-width: none !important;
    width: 100% !important;
}

/* Hide default WordPress page heading
   "ENT Student Portal" */

body:has(.ent-student-modern) .entry-title,
body:has(.ent-student-modern) .wp-block-post-title {
    display: none !important;
}

/* Actual dashboard */

.ent-student-modern {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;

    min-height: calc(100vh - 32px) !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
}

/* Sidebar */

.ent-student-sidebar {
    width: 270px !important;
    min-width: 270px !important;
    min-height: calc(100vh - 32px) !important;
}

/* Main dashboard must use all remaining space */

.ent-student-main {
    width: calc(100vw - 270px) !important;
    max-width: none !important;
    flex: 1 1 auto !important;

    padding: 30px !important;
}

/* Prevent internal cards being squeezed */

.ent-student-welcome,
.ent-student-stats,
.ent-student-learning-grid,
.ent-student-bottom-grid,
.ent-student-footer {
    width: 100% !important;
    max-width: none !important;
}
/* =========================================
   PUBLIC ENT ACADEMIC HOME PAGE
   ========================================= */

.ent-public-home {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #f5f8fc;
    color: #162033;
    font-family: inherit;
}

.ent-public-home * {
    box-sizing: border-box;
}

/* HERO */

.ent-public-hero {
    background:
        radial-gradient(circle at top right, rgba(65,129,255,0.25), transparent 34%),
        linear-gradient(135deg, #0c2f61 0%, #164f9f 58%, #1b69d6 100%);
    color: #fff;
    padding: 0 6vw 70px;
}

.ent-public-topbar {
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    border-bottom: 1px solid rgba(255,255,255,0.14);
}

.ent-public-brand {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ent-public-logo {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #fff;
    color: #0e3e7c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    letter-spacing: 1px;
}

.ent-public-brand strong {
    display: block;
    font-size: 17px;
}

.ent-public-brand span {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    opacity: 0.74;
}

.ent-public-top-actions {
    display: flex;
    gap: 10px;
}

.ent-public-login-btn,
.ent-public-register-btn {
    text-decoration: none;
    padding: 10px 16px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 700;
}

.ent-public-login-btn {
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.35);
}

.ent-public-register-btn {
    background: #fff;
    color: #11468f !important;
}

/* HERO CONTENT */

.ent-public-hero-content {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.65fr);
    gap: 60px;
    align-items: center;
    padding-top: 70px;
}

.ent-public-eyebrow,
.ent-public-section-heading > span,
.ent-public-cta > div > span {
    display: inline-block;
    letter-spacing: 1.6px;
    font-size: 11px;
    font-weight: 800;
}

.ent-public-eyebrow {
    color: #b8d5ff;
}

.ent-public-hero h1 {
    margin: 14px 0 20px;
    max-width: 760px;
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.02;
    color: #fff;
}

.ent-public-hero h1 span {
    color: #a9d2ff;
}

.ent-public-lead {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,0.82);
    font-size: 16px;
    line-height: 1.8;
}

.ent-public-audience {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
}

.ent-public-audience span {
    padding: 8px 12px;
    border-radius: 30px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.17);
    font-size: 12px;
}

.ent-public-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.ent-public-main-btn,
.ent-public-secondary-btn,
.ent-public-white-btn {
    display: inline-block;
    text-decoration: none;
    padding: 12px 19px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 800;
    transition: 0.2s ease;
}

.ent-public-main-btn {
    background: #fff;
    color: #11468f !important;
}

.ent-public-secondary-btn {
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.32);
}

.ent-public-main-btn:hover,
.ent-public-secondary-btn:hover,
.ent-public-white-btn:hover {
    transform: translateY(-1px);
}

/* DEVELOPER CARD */

.ent-public-developer-card {
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    backdrop-filter: blur(10px);
    border-radius: 22px;
    padding: 30px;
    text-align: center;
}

.ent-developed-label {
    display: block;
    color: #bad7ff;
    font-size: 10px;
    letter-spacing: 1.4px;
    font-weight: 800;
}

.ent-doctor-icon {
    width: 74px;
    height: 74px;
    margin: 22px auto 16px;
    border-radius: 22px;
    background: #fff;
    color: #0e3e7c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 22px;
}

.ent-public-developer-card p {
    margin: 0;
    color: rgba(255,255,255,0.65);
    font-size: 12px;
}

.ent-public-developer-card h3 {
    margin: 5px 0 4px;
    color: #fff;
    font-size: 21px;
}

.ent-public-developer-card strong,
.ent-public-developer-card span,
.ent-public-developer-card small {
    display: block;
}

.ent-public-developer-card strong {
    font-size: 13px;
}

.ent-public-developer-card span {
    margin-top: 3px;
    color: #cae0ff;
    font-size: 12px;
}

.ent-developer-line {
    height: 1px;
    background: rgba(255,255,255,0.16);
    margin: 20px 0;
}

.ent-public-developer-card small {
    color: rgba(255,255,255,0.72);
    line-height: 1.6;
}

/* GENERIC SECTIONS */

.ent-public-section {
    padding: 75px 6vw;
}

.ent-public-section:nth-of-type(even) {
    background: #fff;
}

.ent-public-section-heading {
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center;
}

.ent-public-section-heading > span {
    color: #1768d7;
}

.ent-public-section-heading h2 {
    margin: 10px 0 12px;
    color: #152238;
    font-size: clamp(28px, 3vw, 40px);
}

.ent-public-section-heading p {
    color: #6c7585;
    line-height: 1.7;
}

/* PATHWAYS */

.ent-public-three-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.ent-pathway-card {
    background: #fff;
    border: 1px solid #e5eaf2;
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 8px 24px rgba(16,48,90,0.05);
}

.ent-pathway-icon {
    width: 55px;
    height: 55px;
    border-radius: 15px;
    background: #edf4ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 16px;
}

.ent-pathway-card h3 {
    margin: 0 0 10px;
    font-size: 19px;
}

.ent-pathway-card p {
    color: #687286;
    line-height: 1.7;
    font-size: 13px;
}

.ent-pathway-card > span {
    display: block;
    margin-top: 18px;
    color: #1768d7;
    font-size: 11px;
    font-weight: 700;
}

/* EXAM SECTION */

.ent-public-exam-section {
    background: #eef4fb !important;
}

.ent-public-two-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.ent-public-feature-card {
    display: flex;
    gap: 20px;
    border-radius: 20px;
    padding: 28px;
    background: #fff;
    border: 1px solid #e0e7f0;
}

.ent-feature-mcq {
    border-top: 4px solid #1768d7;
}

.ent-feature-osce {
    border-top: 4px solid #1c9c63;
}

.ent-feature-icon {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    border-radius: 18px;
    background: #f1f5fb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.ent-public-feature-card h3 {
    margin: 2px 0 9px;
    font-size: 21px;
}

.ent-public-feature-card p,
.ent-public-feature-card li {
    color: #677286;
    line-height: 1.7;
    font-size: 13px;
}

/* SUBJECT AREAS */

.ent-subject-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.ent-subject-card {
    background: #fff;
    border: 1px solid #e4e9f1;
    border-radius: 16px;
    padding: 23px;
}

.ent-subject-card > span {
    font-size: 28px;
}

.ent-subject-card h3 {
    margin: 12px 0 8px;
    font-size: 17px;
}

.ent-subject-card p {
    margin: 0;
    color: #6d7687;
    font-size: 13px;
    line-height: 1.6;
}

/* WHY */

.ent-public-why {
    background: #0e356d !important;
    color: #fff;
}

.ent-public-why .ent-public-section-heading > span {
    color: #a9cbff;
}

.ent-public-why .ent-public-section-heading h2 {
    color: #fff;
}

.ent-public-four-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.ent-public-four-grid > div {
    padding: 23px;
    border-radius: 16px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
}

.ent-public-four-grid strong {
    font-size: 27px;
    color: #9fc7ff;
}

.ent-public-four-grid h3 {
    margin: 10px 0 8px;
    color: #fff;
}

.ent-public-four-grid p {
    color: rgba(255,255,255,0.72);
    font-size: 13px;
    line-height: 1.6;
}

/* CTA */

.ent-public-cta {
    margin: 0;
    padding: 50px 6vw;
    background: linear-gradient(135deg, #1768d7, #0e3e7c);
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

.ent-public-cta h2 {
    margin: 8px 0;
    color: #fff;
    font-size: 30px;
}

.ent-public-cta p {
    margin: 0;
    color: rgba(255,255,255,0.78);
}

.ent-public-cta-buttons {
    display: flex;
    gap: 10px;
}

.ent-public-white-btn {
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.32);
}

/* FOOTER */

.ent-public-footer {
    background: #081e3e;
    color: rgba(255,255,255,0.70);
    padding: 24px 6vw;
    display: flex;
    justify-content: space-between;
    gap: 25px;
    font-size: 11px;
}

.ent-public-footer strong {
    color: #fff;
}

.ent-public-footer span {
    display: block;
    margin-top: 3px;
}

/* FULL WIDTH WORDPRESS FIX */

body:has(.ent-public-home) .entry-content,
body:has(.ent-public-home) .site-main,
body:has(.ent-public-home) .content-area,
body:has(.ent-public-home) article,
body:has(.ent-public-home) .wp-block-post-content,
body:has(.ent-public-home) .is-layout-constrained {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ent-public-home) .entry-title,
body:has(.ent-public-home) .wp-block-post-title {
    display: none !important;
}

/* RESPONSIVE */

@media (max-width: 1000px) {

    .ent-public-hero-content {
        grid-template-columns: 1fr;
    }

    .ent-public-developer-card {
        max-width: 480px;
    }

    .ent-public-three-grid,
    .ent-subject-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ent-public-four-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {

    .ent-public-topbar,
    .ent-public-cta,
    .ent-public-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .ent-public-topbar {
        padding: 18px 0;
    }

    .ent-public-hero-content {
        padding-top: 40px;
    }

    .ent-public-three-grid,
    .ent-public-two-grid,
    .ent-subject-grid,
    .ent-public-four-grid {
        grid-template-columns: 1fr;
    }

    .ent-public-feature-card {
        display: block;
    }

    .ent-feature-icon {
        margin-bottom: 15px;
    }
}
/* =========================================
   PUBLIC HOME - TRUE FULL SCREEN
   ========================================= */

/* Hide WordPress theme header on public ENT homepage */
body:has(.ent-public-home) header.site-header,
body:has(.ent-public-home) .site-header,
body:has(.ent-public-home) .wp-block-template-part:first-child {
    display: none !important;
}

/* Remove theme spacing */
body:has(.ent-public-home) {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

body:has(.ent-public-home) .site,
body:has(.ent-public-home) .site-content,
body:has(.ent-public-home) .content-area,
body:has(.ent-public-home) .site-main,
body:has(.ent-public-home) main,
body:has(.ent-public-home) article,
body:has(.ent-public-home) .entry-content,
body:has(.ent-public-home) .wp-block-post-content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove default page title */
body:has(.ent-public-home) .entry-title,
body:has(.ent-public-home) .wp-block-post-title {
    display: none !important;
}

/* Ensure our homepage occupies full viewport */
.ent-public-home {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* =========================================
   MCQ BOOK + CHAPTER SAME DESIGN
   ========================================= */

.ent-mcq-style-reference {
    background: #ffffff !important;
    border: 1px solid #d4e1ef !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.ent-mcq-style-reference .ent-mcq-admin-card {
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 24px 24px !important;
    margin: 0 !important;
}

.ent-mcq-style-reference .ent-mcq-admin-card > h2 {
    background: #eaf3ff !important;
    color: #0b4f8a !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    margin: 0 -24px 24px !important;
    padding: 20px 24px !important;
    border-bottom: 1px solid #d4e1ef !important;
}

.ent-mcq-style-reference label {
    color: #15395b !important;
    font-weight: 600 !important;
}

.ent-mcq-style-reference input[type="text"],
.ent-mcq-style-reference select {
    width: 100% !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    border: 1px solid #ccd8e5 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

.ent-mcq-style-reference button[type="submit"] {
    background: #0b5cab !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}
/* =========================================
   MANAGE MCQ BUTTON
   ========================================= */

.ent-manage-mcq-box {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #dce4ed;
}

.ent-manage-mcq-button {
    display: inline-block;
    background: #198754;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 16px;
    transition: 0.2s ease;
}

.ent-manage-mcq-button:hover {
    background: #157347;
    color: #ffffff !important;
}
/* =========================================
   COMPLETE MANAGE MCQs PAGE
   ========================================= */

.ent-manage-mcqs-page {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    box-sizing: border-box;
}

.ent-manage-header {
    margin-bottom: 25px;
}

.ent-manage-header h2 {
    margin: 0 0 8px;
    font-size: 30px;
    color: #15395b;
}

.ent-manage-header p {
    margin: 0;
    color: #60758a;
}


/* Breadcrumb */

.ent-manage-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 25px;
    font-size: 15px;
}

.ent-manage-breadcrumb a {
    color: #0b5cab;
    text-decoration: none;
    font-weight: 600;
}

.ent-manage-breadcrumb strong {
    color: #15395b;
}


/* Book + chapter cards */

.ent-manage-grid {
    display: grid;
    grid-template-columns:
        repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
}

.ent-manage-card {
    display: block;
    background: #ffffff;
    border: 1px solid #d7e2ec;
    border-radius: 14px;
    padding: 24px;
    text-decoration: none !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.05);
    transition: 0.2s ease;
}

.ent-manage-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 18px rgba(0,0,0,0.09);
    border-color: #0b5cab;
}

.ent-manage-card-icon {
    font-size: 30px;
    margin-bottom: 12px;
}

.ent-manage-card h3 {
    margin: 0 0 15px;
    color: #15395b;
    font-size: 20px;
}

.ent-manage-card-stats {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ent-manage-card-stats span {
    background: #eef5fb;
    color: #315a7d;
    padding: 6px 10px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}


/* Search */

.ent-manage-search {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 20px 0 25px;
}

.ent-manage-search input[type="text"] {
    flex: 1;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid #cad7e2;
    border-radius: 8px;
    box-sizing: border-box;
}

.ent-manage-search button {
    min-height: 44px;
    background: #0b5cab;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0 22px;
    font-weight: 700;
    cursor: pointer;
}

.ent-manage-search a {
    text-decoration: none;
    font-weight: 600;
}


/* MCQ list */

.ent-manage-mcq-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ent-manage-mcq-item {
    display: grid;
    grid-template-columns: 45px 1fr auto;
    gap: 15px;
    align-items: center;
    background: #ffffff;
    border: 1px solid #dce5ed;
    border-radius: 12px;
    padding: 16px;
}

.ent-manage-mcq-number {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eef5fb;
    color: #0b5cab;
    font-weight: 700;
}

.ent-manage-question {
    color: #173a59;
    font-weight: 600;
    line-height: 1.5;
}

.ent-manage-correct {
    margin-top: 6px;
    color: #667b8f;
    font-size: 14px;
}

.ent-manage-correct strong {
    color: #198754;
}


/* Edit / Delete */

.ent-manage-mcq-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.ent-manage-mcq-actions form {
    margin: 0;
}

.ent-manage-edit,
.ent-manage-delete {
    display: inline-block;
    border: none;
    border-radius: 7px;
    padding: 8px 14px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.ent-manage-edit {
    background: #0b5cab;
    color: #ffffff !important;
}

.ent-manage-delete {
    background: #dc3545;
    color: #ffffff !important;
}


/* Edit page */

.ent-manage-edit-card {
    background: #ffffff;
    border: 1px solid #d7e2ec;
    border-radius: 14px;
    padding: 25px;
}

.ent-manage-edit-card label {
    display: block;
    margin-bottom: 7px;
    color: #15395b;
    font-weight: 700;
}

.ent-manage-edit-card textarea,
.ent-manage-edit-card select {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #cad7e2;
    border-radius: 8px;
}

.ent-manage-options-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.ent-manage-save {
    background: #198754;
    color: #ffffff;
    border: none;
    padding: 11px 20px;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
}

.ent-manage-cancel {
    display: inline-block;
    margin-left: 10px;
    padding: 10px 18px;
    border-radius: 8px;
    background: #e9ecef;
    color: #333333 !important;
    text-decoration: none !important;
    font-weight: 600;
}


/* Messages */

.ent-manage-success {
    background: #dff4e7;
    border: 1px solid #a9dfbc;
    color: #176b3a;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.ent-manage-error {
    background: #fde7e9;
    border: 1px solid #f3b4ba;
    color: #9e2330;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.ent-manage-empty {
    background: #f7f9fb;
    border: 1px dashed #cbd8e4;
    padding: 25px;
    border-radius: 10px;
    text-align: center;
    color: #60758a;
}


/* Pagination */

.ent-manage-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 25px;
}

.ent-manage-pagination a {
    min-width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccd9e5;
    border-radius: 7px;
    text-decoration: none !important;
    color: #15395b;
    background: #ffffff;
}

.ent-manage-pagination a.active {
    background: #0b5cab;
    color: #ffffff;
    border-color: #0b5cab;
}


/* Mobile */

@media (max-width: 700px) {

    .ent-manage-mcq-item {
        grid-template-columns: 40px 1fr;
    }

    .ent-manage-mcq-actions {
        grid-column: 1 / -1;
        padding-left: 55px;
    }

    .ent-manage-options-grid {
        grid-template-columns: 1fr;
    }

    .ent-manage-search {
        flex-wrap: wrap;
    }
}
/* =========================================
   MANAGE MCQs - COLORFUL ENHANCEMENT
   ========================================= */

.ent-manage-mcqs-page {
    background: linear-gradient(
        180deg,
        #f7fbff 0%,
        #f4fbf7 100%
    );
    border-radius: 18px;
    padding: 28px;
}

/* Main section headings */

.ent-manage-header h2 {
    color: #0b4f8a;
    font-weight: 800;
}

.ent-manage-header p {
    color: #5d7388;
}


/* Breadcrumb */

.ent-manage-breadcrumb {
    background: #ffffff;
    border: 1px solid #dce8f2;
    border-radius: 10px;
    padding: 10px 14px;
}

.ent-manage-breadcrumb a {
    color: #0b5cab;
}

.ent-manage-breadcrumb span {
    color: #8ca1b5;
}


/* Book + Chapter Cards */

.ent-manage-card {
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        145deg,
        #ffffff,
        #f3f9ff
    );
    border: 1px solid #cfe0ef;
}

.ent-manage-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(
        90deg,
        #0b5cab,
        #19a66f
    );
}

.ent-manage-card:hover {
    border-color: #19a66f;
    box-shadow: 0 10px 24px rgba(11, 92, 171, 0.12);
}

.ent-manage-card-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(
        135deg,
        #e7f2ff,
        #e4f8ef
    );
    border-radius: 14px;
    font-size: 28px;
}

.ent-manage-card h3 {
    color: #123f66;
}


/* Counts */

.ent-manage-card-stats span:nth-child(1) {
    background: #e7f2ff;
    color: #0b5cab;
}

.ent-manage-card-stats span:nth-child(2) {
    background: #e4f8ef;
    color: #198754;
}


/* Search area */

.ent-manage-search {
    background: #ffffff;
    border: 1px solid #dce8f2;
    border-radius: 12px;
    padding: 14px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.03);
}

.ent-manage-search input[type="text"] {
    background: #f9fcff;
}

.ent-manage-search input[type="text"]:focus {
    border-color: #0b5cab;
    outline: none;
    box-shadow: 0 0 0 3px rgba(11,92,171,0.08);
}


/* MCQ rows */

.ent-manage-mcq-item {
    border-left: 5px solid #0b5cab;
    background: linear-gradient(
        90deg,
        #ffffff,
        #fbfdff
    );
    transition: 0.2s ease;
}

.ent-manage-mcq-item:hover {
    transform: translateX(3px);
    border-left-color: #198754;
    box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}


/* Question number */

.ent-manage-mcq-number {
    background: linear-gradient(
        135deg,
        #0b5cab,
        #198754
    );
    color: #ffffff;
    box-shadow: 0 3px 8px rgba(11,92,171,0.18);
}


/* Correct answer */

.ent-manage-correct {
    display: inline-block;
    background: #e8f7ee;
    color: #35694d;
    padding: 5px 9px;
    border-radius: 7px;
    margin-top: 8px;
}

.ent-manage-correct strong {
    color: #137a43;
}


/* Edit */

.ent-manage-edit {
    background: #0b5cab;
    box-shadow: 0 3px 8px rgba(11,92,171,0.16);
}

.ent-manage-edit:hover {
    background: #094c8e;
}


/* Delete */

.ent-manage-delete {
    background: #dc3545;
    box-shadow: 0 3px 8px rgba(220,53,69,0.14);
}

.ent-manage-delete:hover {
    background: #bd2635;
}


/* Edit MCQ card */

.ent-manage-edit-card {
    border-top: 5px solid #198754;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.ent-manage-edit-card textarea:focus,
.ent-manage-edit-card select:focus {
    border-color: #198754;
    outline: none;
    box-shadow: 0 0 0 3px rgba(25,135,84,0.08);
}


/* Save button */

.ent-manage-save {
    background: linear-gradient(
        135deg,
        #198754,
        #22a869
    );
}

.ent-manage-save:hover {
    background: #157347;
}


/* Pagination */

.ent-manage-pagination a {
    transition: 0.2s ease;
}

.ent-manage-pagination a:hover {
    background: #e7f2ff;
    border-color: #0b5cab;
}

.ent-manage-pagination a.active {
    background: linear-gradient(
        135deg,
        #0b5cab,
        #198754
    );
    border-color: transparent;
}


/* Empty message */

.ent-manage-empty {
    background: linear-gradient(
        135deg,
        #f3f9ff,
        #f1fbf6
    );
    border-color: #bcd4e8;
}
/* =========================================
   MANAGE MCQs - ATTRACTIVE PAGE BACKGROUND
   ========================================= */

body:has(.ent-manage-mcqs-page) {
    background:
        linear-gradient(
            135deg,
            #eaf4ff 0%,
            #eefbf5 45%,
            #f4efff 100%
        ) !important;
}

body:has(.ent-manage-mcqs-page) main,
body:has(.ent-manage-mcqs-page) .wp-site-blocks {
    background: transparent !important;
}

.ent-manage-mcqs-page {
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.88),
            rgba(245,250,255,0.92)
        ) !important;

    border: 1px solid #d7e4ef;
    box-shadow: 0 12px 35px rgba(40, 80, 120, 0.08);
}
/* =========================================
   ATTRACTIVE MANAGE MCQs PAGE TITLE
   ========================================= */

body:has(.ent-manage-mcqs-page) main > h1,
body:has(.ent-manage-mcqs-page) .wp-block-post-title {

    font-size: 44px !important;
    font-weight: 800 !important;
    letter-spacing: -1px;

    background: linear-gradient(
        90deg,
        #075aa8,
        #0b78a5,
        #15966d
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px !important;
}

/* Decorative line below heading */

body:has(.ent-manage-mcqs-page) main > h1::after,
body:has(.ent-manage-mcqs-page) .wp-block-post-title::after {

    content: "";

    display: block;

    width: 85px;
    height: 5px;

    margin-top: 10px;

    border-radius: 20px;

    background: linear-gradient(
        90deg,
        #0b5cab,
        #18a66f
    );
}
/* =========================================
   PROFESSIONAL TOP NAVIGATION
   MANAGE MCQs PAGE
   ========================================= */

/* Main website header */
body:has(.ent-manage-mcqs-page) header {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid #d9e5ef;
    box-shadow: 0 4px 18px rgba(30, 70, 110, 0.07);
}

/* Navigation row */
body:has(.ent-manage-mcqs-page) .wp-block-navigation {
    gap: 8px !important;
}

/* All navigation links */
body:has(.ent-manage-mcqs-page)
.wp-block-navigation-item__content {

    display: inline-flex !important;
    align-items: center;

    padding: 9px 13px !important;

    border-radius: 8px;

    color: #284a68 !important;

    font-size: 15px;
    font-weight: 600;

    text-decoration: none !important;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

/* Hover */
body:has(.ent-manage-mcqs-page)
.wp-block-navigation-item__content:hover {

    background: #eaf4ff;

    color: #0b5cab !important;

    transform: translateY(-1px);
}

/* Manage MCQs current page */
body:has(.ent-manage-mcqs-page)
.wp-block-navigation-item:last-child
.wp-block-navigation-item__content {

    background: linear-gradient(
        135deg,
        #0b5cab,
        #15966d
    );

    color: #ffffff !important;

    padding-left: 16px !important;
    padding-right: 16px !important;

    box-shadow: 0 4px 10px rgba(11, 92, 171, 0.18);
}

/* ENT Book logo/title */
body:has(.ent-manage-mcqs-page)
.wp-block-site-title a {

    color: #103f65 !important;

    font-weight: 800 !important;

    text-decoration: none !important;
}

/* Slightly cleaner spacing */
body:has(.ent-manage-mcqs-page)
header .wp-block-group {

    min-height: 70px;
}
/* =========================================
   GLOBAL PROFESSIONAL TOP NAVIGATION
   ALL PAGES
   ========================================= */

/* Main website header */
header {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid #d9e5ef;
    box-shadow: 0 4px 18px rgba(30, 70, 110, 0.07);
}

/* Navigation row */
.wp-block-navigation {
    gap: 8px !important;
}

/* Navigation links */
.wp-block-navigation-item__content {
    display: inline-flex !important;
    align-items: center;
    padding: 9px 13px !important;
    border-radius: 8px;
    color: #284a68 !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none !important;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

/* Hover effect */
.wp-block-navigation-item__content:hover {
    background: #eaf4ff;
    color: #0b5cab !important;
    transform: translateY(-1px);
}

/* Current active page */
.wp-block-navigation-item.current-menu-item
.wp-block-navigation-item__content,
.wp-block-navigation-item.current-menu-ancestor
.wp-block-navigation-item__content {
    background: linear-gradient(
        135deg,
        #0b5cab,
        #15966d
    ) !important;

    color: #ffffff !important;

    box-shadow: 0 4px 10px rgba(11, 92, 171, 0.18);
}

/* ENT Book site title */
.wp-block-site-title a {
    color: #103f65 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* Header spacing */
header .wp-block-group {
    min-height: 70px;
}

/* Mobile navigation button */
.wp-block-navigation__responsive-container-open {
    border-radius: 8px;
    padding: 7px !important;
    background: #eaf4ff !important;
    color: #0b5cab !important;
}

/* Mobile menu */
.wp-block-navigation__responsive-container.is-menu-open {
    background: #f7fbff !important;
}

/* Mobile links */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content {
    width: 100%;
    padding: 12px 15px !important;
}
/* =========================================
   PREMIUM STUDENT LOGIN + REGISTRATION
   ========================================= */

/* Page background */

body:has(.ent-student-login),
body:has(.ent-registration-card) {

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(45, 132, 235, 0.14),
            transparent 32%
        ),
        radial-gradient(
            circle at 90% 15%,
            rgba(20, 184, 130, 0.13),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #edf6ff 0%,
            #f3fbf8 48%,
            #f6f2ff 100%
        ) !important;
}


/* Make page content background transparent */

body:has(.ent-student-login) main,
body:has(.ent-registration-card) main,
body:has(.ent-student-login) .wp-site-blocks,
body:has(.ent-registration-card) .wp-site-blocks {

    background: transparent !important;
}


/* =========================================
   WORDPRESS PAGE TITLE
   ========================================= */

body:has(.ent-student-login)
.wp-block-post-title,

body:has(.ent-registration-card)
.wp-block-post-title {

    font-size: 42px !important;
    font-weight: 800 !important;

    letter-spacing: -1px;

    background: linear-gradient(
        90deg,
        #075cab,
        #087fa6,
        #15966d
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;

    margin-bottom: 30px !important;
}


/* Small underline */

body:has(.ent-student-login)
.wp-block-post-title::after,

body:has(.ent-registration-card)
.wp-block-post-title::after {

    content: "";

    display: block;

    width: 80px;
    height: 5px;

    margin-top: 11px;

    border-radius: 20px;

    background: linear-gradient(
        90deg,
        #0b5cab,
        #16a36f
    );
}


/* =========================================
   LOGIN / REGISTRATION CARD
   ========================================= */

.ent-student-login,
.ent-registration-card {

    position: relative;

    width: 100%;
    max-width: 620px;

    margin: 20px auto 50px;

    padding: 38px 42px;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.97),
            rgba(247, 252, 255, 0.96)
        );

    border: 1px solid #d3e2ef;

    border-radius: 22px;

    box-shadow:
        0 20px 50px rgba(30, 70, 110, 0.10),
        0 5px 15px rgba(30, 70, 110, 0.05);

    box-sizing: border-box;

    overflow: hidden;
}


/* Colored top line */

.ent-student-login::before,
.ent-registration-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background: linear-gradient(
        90deg,
        #0866b3,
        #0b87a8,
        #18a570
    );
}


/* =========================================
   CARD HEADING
   ========================================= */

.ent-student-login h2,
.ent-registration-card h2 {

    margin: 5px 0 10px;

    color: #0d4f83;

    font-size: 30px;

    font-weight: 800;

    letter-spacing: -0.4px;
}


/* Introductory text */

.ent-student-login > p,
.ent-registration-card > p {

    color: #61778a;

    font-size: 16px;

    line-height: 1.65;

    margin-bottom: 26px;
}


/* =========================================
   FORM LABELS
   ========================================= */

.ent-student-login label,
.ent-registration-card label {

    display: block;

    margin-bottom: 7px;

    color: #234865;

    font-size: 14px;

    font-weight: 700;
}


/* Reduce unnecessary paragraph gaps */

.ent-student-login form p,
.ent-registration-card form p {

    margin-top: 0;
    margin-bottom: 15px;
}


/* =========================================
   INPUT FIELDS
   ========================================= */

.ent-student-login input[type="text"],
.ent-student-login input[type="password"],

.ent-registration-card input[type="text"],
.ent-registration-card input[type="email"],
.ent-registration-card input[type="password"] {

    width: 100% !important;

    min-height: 50px;

    padding: 11px 15px;

    background: #f9fcff;

    border: 1px solid #cad9e6;

    border-radius: 10px;

    box-sizing: border-box;

    color: #183b56;

    font-size: 15px;

    transition:
        border 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}


/* Input focus */

.ent-student-login input:focus,
.ent-registration-card input:focus {

    background: #ffffff;

    border-color: #1180ad;

    outline: none;

    box-shadow:
        0 0 0 4px rgba(17, 128, 173, 0.09);
}


/* =========================================
   PRIMARY BUTTON
   ========================================= */

.ent-student-login button[type="submit"],
.ent-registration-card button[type="submit"] {

    width: 100%;

    min-height: 52px;

    margin-top: 8px;

    border: none;

    border-radius: 11px;

    background: linear-gradient(
        135deg,
        #075dab,
        #0a82a5,
        #15976e
    );

    color: #ffffff;

    font-size: 16px;

    font-weight: 800;

    letter-spacing: 0.2px;

    cursor: pointer;

    box-shadow:
        0 8px 20px rgba(8, 107, 160, 0.20);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        filter 0.2s ease;
}


/* Button hover */

.ent-student-login button[type="submit"]:hover,
.ent-registration-card button[type="submit"]:hover {

    transform: translateY(-2px);

    box-shadow:
        0 12px 25px rgba(8, 107, 160, 0.26);

    filter: brightness(1.04);
}


/* =========================================
   SUCCESS MESSAGE
   ========================================= */

.ent-student-login .ent-success,
.ent-registration-card .ent-success {

    background: #e8f8ef;

    border: 1px solid #b7e4c8;

    border-left: 5px solid #198754;

    color: #17663d;

    padding: 14px 16px;

    border-radius: 10px;

    margin-bottom: 20px;
}


/* =========================================
   ERROR MESSAGE
   ========================================= */

.ent-student-login .ent-error,
.ent-registration-card .ent-error {

    background: #fff0f1;

    border: 1px solid #f3c3c8;

    border-left: 5px solid #dc3545;

    color: #a12c37;

    padding: 14px 16px;

    border-radius: 10px;

    margin-bottom: 20px;
}


/* =========================================
   SMALL STUDENT BADGE ABOVE FORM
   ========================================= */

.ent-student-login::after,
.ent-registration-card::after {

    content: "ENT ACADEMIC PORTAL";

    position: absolute;

    top: 25px;
    right: 28px;

    padding: 6px 11px;

    background: #e8f4ff;

    color: #0b5cab;

    border-radius: 20px;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 0.8px;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 700px) {

    .ent-student-login,
    .ent-registration-card {

        margin: 15px auto 30px;

        padding: 32px 22px;

        border-radius: 16px;
    }

    .ent-student-login h2,
    .ent-registration-card h2 {

        font-size: 25px;
        padding-right: 0;
    }

    .ent-student-login::after,
    .ent-registration-card::after {

        position: static;

        display: inline-block;

        margin-bottom: 17px;
    }

    body:has(.ent-student-login)
    .wp-block-post-title,

    body:has(.ent-registration-card)
    .wp-block-post-title {

        font-size: 34px !important;
    }
}



/* Login - green/teal accent */

.ent-login-column .ent-student-login::before {
    background: linear-gradient(
        90deg,
        #0c8c87,
        #18a66f
    );
}


/* Registration heading */

.ent-register-column h2 {
    color: #075da8 !important;
}


/* Login heading */

.ent-login-column h2 {
    color: #087b70 !important;
}


/* Registration button */

.ent-register-column button[type="submit"] {
    background: linear-gradient(
        135deg,
        #075dab,
        #1189bd
    ) !important;
}


/* Login button */

.ent-login-column button[type="submit"] {
    background: linear-gradient(
        135deg,
        #087f82,
        #18a66f
    ) !important;
}


/* Login form slightly more spacious */

.ent-login-column .ent-student-login {
    padding-top: 45px;
}


/* Form inputs */

.ent-student-access-layout input[type="text"],
.ent-student-access-layout input[type="email"],
.ent-student-access-layout input[type="password"] {
    width: 100% !important;
    min-height: 50px;

    background: #f8fbfe;

    border: 1px solid #cad9e5;
    border-radius: 10px;

    padding: 10px 14px;

    box-sizing: border-box;
}


/* Labels */

.ent-student-access-layout label {
    color: #284c69;
    font-weight: 700;
}


/* =========================================
   MOBILE / TABLET
   ========================================= */

@media (max-width: 850px) {

    .ent-student-access-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .ent-student-access-layout .ent-registration-card,
    .ent-student-access-layout .ent-student-login {
        padding: 28px 22px;
    }
}
/* =========================================
   ENT STUDENT ACCESS PAGE - FULL SCREEN
   ========================================= */

/* Make the WordPress page full width */
body:has(.ent-registration-card):has(.ent-student-login) main,
body:has(.ent-registration-card):has(.ent-student-login) .wp-block-post-content,
body:has(.ent-registration-card):has(.ent-student-login) .entry-content {
    width: 100% !important;
    max-width: none !important;
}

/* Remove WordPress constrained layout */
body:has(.ent-registration-card):has(.ent-student-login)
.wp-block-post-content > * {
    max-width: none !important;
}

/* Main two-column WordPress block */
body:has(.ent-registration-card):has(.ent-student-login)
.wp-block-columns {
    width: 92vw !important;
    max-width: 1250px !important;

    margin-left: 50% !important;
    transform: translateX(-50%);

    display: grid !important;
    grid-template-columns: 1fr 1fr !important;

    gap: 35px !important;
    align-items: stretch !important;
}

/* Both WordPress columns */
body:has(.ent-registration-card):has(.ent-student-login)
.wp-block-column {
    width: 100% !important;
    min-width: 0 !important;
}

/* Registration and Login cards */
body:has(.ent-registration-card):has(.ent-student-login)
.ent-registration-card,

body:has(.ent-registration-card):has(.ent-student-login)
.ent-student-login {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding: 40px 45px !important;

    border-radius: 22px;

    box-sizing: border-box;

    min-height: 620px;
}

/* Make both cards begin at same height */
body:has(.ent-registration-card):has(.ent-student-login)
.wp-block-column {
    display: flex;
}

body:has(.ent-registration-card):has(.ent-student-login)
.wp-block-column > * {
    width: 100%;
}

/* Page title full width */
body:has(.ent-registration-card):has(.ent-student-login)
.wp-block-post-title {

    width: 92vw !important;
    max-width: 1250px !important;

    margin-left: 50% !important;
    transform: translateX(-50%);

    font-size: 44px !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 950px) {

    body:has(.ent-registration-card):has(.ent-student-login)
    .wp-block-columns {

        width: 90vw !important;

        grid-template-columns: 1fr !important;
    }

    body:has(.ent-registration-card):has(.ent-student-login)
    .ent-registration-card,

    body:has(.ent-registration-card):has(.ent-student-login)
    .ent-student-login {

        min-height: auto;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 600px) {

    body:has(.ent-registration-card):has(.ent-student-login)
    .wp-block-columns {

        width: 94vw !important;
        gap: 20px !important;
    }

    body:has(.ent-registration-card):has(.ent-student-login)
    .ent-registration-card,

    body:has(.ent-registration-card):has(.ent-student-login)
    .ent-student-login {

        padding: 28px 22px !important;
    }

    body:has(.ent-registration-card):has(.ent-student-login)
    .wp-block-post-title {

        width: 94vw !important;
        font-size: 34px !important;
    }
}
/* =========================================
   LOGGED-IN ENT STUDENT PORTAL
   FULL WIDTH DASHBOARD
   ========================================= */

/* Remove WordPress page width restriction */
body:has(.ent-student-portal) main,
body:has(.ent-student-portal) .wp-block-post-content,
body:has(.ent-student-portal) .entry-content {
    width: 100% !important;
    max-width: none !important;
}

/* Remove constrained WordPress content width */
body:has(.ent-student-portal)
.wp-block-post-content > * {
    max-width: none !important;
}

/* Main Student Portal */
.ent-student-portal {
    width: 94vw !important;
    max-width: 1500px !important;

    margin: 40px auto 60px !important;

    box-sizing: border-box;
}

/* Dashboard / portal wrapper */
.ent-student-portal-wrapper,
.ent-student-dashboard,
.ent-portal-dashboard {
    width: 100% !important;
    max-width: none !important;
}

/* Sidebar */
.ent-student-sidebar,
.ent-portal-sidebar {
    flex: 0 0 270px !important;
    width: 270px !important;
}

/* Main dashboard content */
.ent-student-main,
.ent-student-content,
.ent-portal-main,
.ent-portal-content {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1000px) {

    .ent-student-portal {
        width: 94vw !important;
        margin-top: 25px !important;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 700px) {

    .ent-student-portal {
        width: 94vw !important;
        margin: 20px auto 40px !important;
    }

}
/* =========================================
   LOGGED-IN STUDENT DASHBOARD
   TRUE FULL-WIDTH FIX
   ========================================= */

/* Remove WordPress width limits */
body:has(.ent-student-modern) main,
body:has(.ent-student-modern) .wp-block-post-content,
body:has(.ent-student-modern) .entry-content,
body:has(.ent-student-modern) .wp-block-group,
body:has(.ent-student-modern) .is-layout-constrained {
    max-width: none !important;
}

/* Allow shortcode container to use full width */
body:has(.ent-student-modern)
.wp-block-post-content > * {
    max-width: none !important;
}

/* Main dashboard container */
.ent-student-modern {
    width: 94vw !important;
    max-width: 1500px !important;

    margin: 35px auto 60px !important;

    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;

    align-items: stretch !important;

    box-sizing: border-box !important;

    overflow: hidden;

    border-radius: 20px;

    box-shadow:
        0 15px 40px rgba(22, 60, 100, 0.10);
}

/* LEFT SIDEBAR */
.ent-student-modern .ent-student-sidebar {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;

    box-sizing: border-box;
}

/* RIGHT MAIN AREA */
.ent-student-modern .ent-student-main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    box-sizing: border-box;
}

/* Welcome section full available width */
.ent-student-modern .ent-student-welcome {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

/* Statistics area */
.ent-student-modern .ent-student-stats {
    width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 18px !important;
}

/* Learning cards */
.ent-student-modern .ent-student-learning-grid {
    width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 20px !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1050px) {

    .ent-student-modern {
        width: 96vw !important;

        grid-template-columns:
            230px minmax(0, 1fr) !important;
    }

    .ent-student-modern .ent-student-sidebar {
        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;
    }

    .ent-student-modern .ent-student-stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 750px) {

    .ent-student-modern {
        width: 94vw !important;

        display: block !important;

        margin: 20px auto 40px !important;
    }

    .ent-student-modern .ent-student-sidebar {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .ent-student-modern .ent-student-stats,
    .ent-student-modern .ent-student-learning-grid {
        grid-template-columns: 1fr !important;
    }
}
/* =========================================================
   ENT STUDENT PORTAL
   FULL-SCREEN PROFESSIONAL DASHBOARD
   ========================================================= */


/* ---------------------------------------------------------
   1. REMOVE WORDPRESS CONTENT WIDTH RESTRICTIONS
   --------------------------------------------------------- */

body:has(.ent-student-modern) main,
body:has(.ent-student-modern) .wp-block-post-content,
body:has(.ent-student-modern) .entry-content,
body:has(.ent-student-modern) .is-layout-constrained {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:has(.ent-student-modern)
.wp-block-post-content > * {
    max-width: none !important;
}


/* ---------------------------------------------------------
   2. FULL SCREEN PORTAL
   --------------------------------------------------------- */

.ent-student-modern {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;

    align-items: stretch !important;

    background: #f5f9fd;

    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;

    min-height: calc(100vh - 120px);

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   3. LEFT SIDEBAR
   --------------------------------------------------------- */

.ent-student-modern .ent-student-sidebar {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;

    padding: 28px 20px !important;

    background:
        linear-gradient(
            180deg,
            #123f7c 0%,
            #07376f 55%,
            #042c5e 100%
        ) !important;

    box-sizing: border-box;

    border-radius: 0 !important;

    min-height: calc(100vh - 120px);
}


/* Sidebar branding */

.ent-student-brand {
    padding-bottom: 25px !important;
    margin-bottom: 20px !important;

    border-bottom:
        1px solid rgba(255,255,255,.16) !important;
}


/* Sidebar navigation */

.ent-student-nav a {
    border-radius: 10px !important;

    padding: 13px 14px !important;
    margin-bottom: 7px !important;

    transition:
        background .2s ease,
        transform .2s ease !important;
}

.ent-student-nav a:hover {
    background: rgba(255,255,255,.12) !important;
    transform: translateX(3px);
}

.ent-student-nav a.active {
    background: rgba(255,255,255,.16) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.05);
}


/* ---------------------------------------------------------
   4. RIGHT MAIN DASHBOARD
   --------------------------------------------------------- */

.ent-student-modern .ent-student-main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    padding: 24px !important;

    background:
        linear-gradient(
            180deg,
            #f7faff 0%,
            #f5f9fc 100%
        );

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   5. COMPLETE TOP BLUE WELCOME BANNER
   --------------------------------------------------------- */

.ent-student-modern .ent-student-welcome {
    width: 100% !important;
    max-width: none !important;

    min-height: 190px;

    padding: 34px 40px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background:
        linear-gradient(
            120deg,
            #1268d4 0%,
            #0757bb 52%,
            #06479e 100%
        ) !important;

    border-radius: 18px !important;

    box-shadow:
        0 10px 28px rgba(5,75,160,.18);

    box-sizing: border-box;
}


/* Welcome text */

.ent-student-welcome .ent-welcome-small {
    color: rgba(255,255,255,.85) !important;
}

.ent-student-welcome h1 {
    color: #ffffff !important;

    font-size: 34px !important;
    font-weight: 800 !important;

    margin: 5px 0 10px !important;
}

.ent-student-welcome p {
    color: rgba(255,255,255,.92) !important;

    max-width: 500px;

    line-height: 1.6;
}


/* Developer area */

.ent-developed-by {
    min-width: 300px;

    padding-left: 38px !important;

    border-left:
        1px solid rgba(255,255,255,.30) !important;

    text-align: right !important;

    color: #ffffff !important;
}

.ent-developed-by span,
.ent-developed-by strong,
.ent-developed-by small {
    color: #ffffff !important;
}

.ent-developed-by strong {
    display: block;

    margin: 5px 0;

    font-size: 17px;
}


/* ---------------------------------------------------------
   6. STATUS CARDS - FOUR ACROSS
   --------------------------------------------------------- */

.ent-student-modern .ent-student-stats {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0,1fr)) !important;

    gap: 18px !important;

    margin-top: 22px !important;
}

.ent-student-stat {
    min-width: 0 !important;

    background: #ffffff !important;

    border: 1px solid #e0e9f2 !important;

    border-radius: 16px !important;

    padding: 22px 18px !important;

    box-shadow:
        0 5px 16px rgba(30,70,110,.05) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}

.ent-student-stat:hover {
    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(30,70,110,.10) !important;
}


/* ---------------------------------------------------------
   7. MCQ + OSCE CARDS
   --------------------------------------------------------- */

.ent-student-modern .ent-student-learning-grid {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap: 20px !important;

    margin-top: 22px !important;
}

.ent-learning-card {
    min-width: 0 !important;

    border-radius: 17px !important;

    padding: 28px !important;

    box-shadow:
        0 5px 18px rgba(30,70,110,.05) !important;
}


/* MCQ */

.ent-learning-card.mcq-card {
    background:
        linear-gradient(
            135deg,
            #f4f9ff,
            #edf6ff
        ) !important;

    border:
        1px solid #d2e6fa !important;
}


/* OSCE */

.ent-learning-card.osce-card {
    background:
        linear-gradient(
            135deg,
            #f3fbf7,
            #edf9f4
        ) !important;

    border:
        1px solid #cfe9dc !important;
}


/* ---------------------------------------------------------
   8. GREEN LOGGED-IN MESSAGE
   --------------------------------------------------------- */

/*
   Your WordPress page also contains the login shortcode.
   When already logged in it produces the
   "You are already logged in" box.
*/

body:has(.ent-student-modern)
.ent-student-login {
    position: fixed !important;

    top: 130px !important;
    right: 25px !important;

    width: auto !important;
    max-width: 360px !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 12px 20px !important;

    z-index: 999;

    background:
        linear-gradient(
            135deg,
            #159447,
            #0ba766
        ) !important;

    border:
        1px solid rgba(255,255,255,.25) !important;

    border-radius: 10px !important;

    box-shadow:
        0 7px 20px rgba(10,130,70,.22) !important;

    color: #ffffff !important;
}


/* Remove old blue top stripe */

body:has(.ent-student-modern)
.ent-student-login::before {
    display: none !important;
}


/* Remove Academic Portal badge */

body:has(.ent-student-modern)
.ent-student-login::after {
    display: none !important;
}


/* Logged in heading */

body:has(.ent-student-modern)
.ent-student-login h2 {
    display: inline !important;

    margin: 0 !important;

    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
}


/* Add check mark */

body:has(.ent-student-modern)
.ent-student-login h2::before {
    content: "✓";

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 19px;
    height: 19px;

    margin-right: 8px;

    border-radius: 50%;

    background: rgba(255,255,255,.18);

    color: #ffffff;

    font-size: 12px;
}


/* Logged-in paragraph */

body:has(.ent-student-modern)
.ent-student-login p {
    display: inline !important;

    margin: 0 0 0 5px !important;

    color: #ffffff !important;

    font-size: 14px !important;
}


/* ---------------------------------------------------------
   9. TABLET
   --------------------------------------------------------- */

@media (max-width: 1100px) {

    .ent-student-modern {
        grid-template-columns:
            230px minmax(0,1fr) !important;
    }

    .ent-student-modern .ent-student-sidebar {
        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;
    }

    .ent-student-modern .ent-student-stats {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .ent-developed-by {
        min-width: 240px;
    }
}


/* ---------------------------------------------------------
   10. MOBILE
   --------------------------------------------------------- */

@media (max-width: 750px) {

    .ent-student-modern {
        display: block !important;
    }

    .ent-student-modern .ent-student-sidebar {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        min-height: auto;
    }

    .ent-student-modern .ent-student-main {
        padding: 15px !important;
    }

    .ent-student-modern .ent-student-welcome {
        display: block !important;

        padding: 27px 22px !important;
    }

    .ent-developed-by {
        min-width: 0;

        margin-top: 25px;
        padding:
            20px 0 0 0 !important;

        border-left: 0 !important;

        border-top:
            1px solid rgba(255,255,255,.25) !important;

        text-align: left !important;
    }

    .ent-student-modern .ent-student-stats,
    .ent-student-modern .ent-student-learning-grid {
        grid-template-columns:
            1fr !important;
    }

    body:has(.ent-student-modern)
    .ent-student-login {
        position: static !important;

        width: calc(100% - 30px) !important;
        max-width: none !important;

        margin: 15px auto !important;
    }
}
/* =========================================================
   ENT OSCE EXAMINATION - PROFESSIONAL DESIGN
   ========================================================= */


/* ---------------------------------------------------------
   PAGE BACKGROUND + FULL WIDTH
   --------------------------------------------------------- */

body:has(.ent-osce-book) {
    background:
        radial-gradient(circle at 10% 20%, rgba(31,112,210,.10), transparent 30%),
        radial-gradient(circle at 90% 15%, rgba(26,166,115,.10), transparent 28%),
        linear-gradient(
            135deg,
            #eef6ff 0%,
            #f5fbf8 48%,
            #f7f5ff 100%
        ) !important;
}

body:has(.ent-osce-book) main,
body:has(.ent-osce-book) .wp-block-post-content,
body:has(.ent-osce-book) .entry-content,
body:has(.ent-osce-book) .is-layout-constrained {
    width: 100% !important;
    max-width: none !important;
}

body:has(.ent-osce-book)
.wp-block-post-content > * {
    max-width: none !important;
}


/* ---------------------------------------------------------
   WORDPRESS PAGE TITLE
   ENT OSCE EXAMINATION
   --------------------------------------------------------- */

body:has(.ent-osce-book)
.wp-block-post-title {

    width: 92% !important;
    max-width: 1250px !important;

    margin: 45px auto 25px !important;

    font-size: 44px !important;
    font-weight: 800 !important;

    letter-spacing: -1px;

    background:
        linear-gradient(
            90deg,
            #075dab,
            #0b7da6,
            #15966d
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* underline */

body:has(.ent-osce-book)
.wp-block-post-title::after {

    content: "";

    display: block;

    width: 90px;
    height: 5px;

    margin-top: 12px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #075dab,
            #18a66f
        );
}


/* ---------------------------------------------------------
   MAIN OSCE BOOK CONTAINER
   --------------------------------------------------------- */

.ent-osce-book {

    width: 92% !important;
    max-width: 1250px !important;

    margin: 0 auto 60px !important;

    padding: 38px 40px 45px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.97),
            rgba(247,252,255,.96)
        );

    border: 1px solid #d7e4ef;

    border-radius: 22px;

    box-shadow:
        0 15px 40px rgba(35,75,115,.09);

    box-sizing: border-box;

    position: relative;

    overflow: hidden;
}


/* top decorative bar */

.ent-osce-book::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background:
        linear-gradient(
            90deg,
            #075dab,
            #0c82a9,
            #18a66f
        );
}


/* ---------------------------------------------------------
   OSCE BOOK HEADING
   --------------------------------------------------------- */

.ent-osce-book > h1 {

    margin: 5px 0 10px !important;

    font-size: 36px !important;
    font-weight: 800 !important;

    letter-spacing: -.5px;

    color: #123f68 !important;
}


/* subtitle automatically added */

.ent-osce-book > h1::after {

    content:
        "Select an ENT section to begin your clinical OSCE practice.";

    display: block;

    margin-top: 10px;

    font-size: 16px;
    font-weight: 400;

    color: #687f92;

    letter-spacing: 0;
}


/* ---------------------------------------------------------
   CHAPTER GRID
   --------------------------------------------------------- */

.ent-osce-chapters {

    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 22px !important;

    margin-top: 32px !important;
}


/* ---------------------------------------------------------
   INDIVIDUAL CHAPTER CARD
   --------------------------------------------------------- */

.ent-osce-chapter {

    position: relative;

    min-height: 150px;

    border-radius: 17px;

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f5faff
        );

    border: 1px solid #d6e5f2;

    box-shadow:
        0 6px 18px rgba(30,70,110,.06);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;

    overflow: hidden;
}


/* colored top edge */

.ent-osce-chapter::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background:
        linear-gradient(
            90deg,
            #0b64b5,
            #15966d
        );
}


/* Card hover */

.ent-osce-chapter:hover {

    transform: translateY(-5px);

    border-color: #99c7e9;

    box-shadow:
        0 14px 30px rgba(20,80,130,.12);
}


/* ---------------------------------------------------------
   CLICKABLE CARD LINK
   --------------------------------------------------------- */

.ent-osce-chapter a {

    display: flex !important;

    align-items: center !important;

    width: 100%;
    min-height: 150px;

    padding: 30px 30px 30px 92px !important;

    box-sizing: border-box;

    text-decoration: none !important;

    position: relative;
}


/* OSCE icon */

.ent-osce-chapter a::before {

    content: "🩺";

    position: absolute;

    left: 27px;

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #e7f3ff,
            #e8f8f0
        );

    font-size: 25px;
}


/* arrow */

.ent-osce-chapter a::after {

    content: "→";

    position: absolute;

    right: 28px;

    color: #0a73a6;

    font-size: 25px;
    font-weight: 700;

    transition: transform .2s ease;
}

.ent-osce-chapter:hover a::after {

    transform: translateX(5px);
}


/* Chapter names */

.ent-osce-chapter h2 {

    margin: 0 !important;

    padding-right: 35px;

    color: #153f63 !important;

    font-size: 23px !important;
    font-weight: 750 !important;

    line-height: 1.35;
}


/* ---------------------------------------------------------
   DIFFERENT COLOR FOR SECOND CARD
   --------------------------------------------------------- */

.ent-osce-chapter:nth-child(2) {

    background:
        linear-gradient(
            135deg,
            #ffffff,
            #f3fbf7
        );

    border-color: #d1e9dc;
}

.ent-osce-chapter:nth-child(2)::before {

    background:
        linear-gradient(
            90deg,
            #15966d,
            #0d8ca1
        );
}


/* ---------------------------------------------------------
   ADMIN ADD CHAPTER BUTTON
   --------------------------------------------------------- */

.ent-osce-add-chapter {

    margin-top: 28px !important;

    padding-top: 25px;

    border-top: 1px solid #dce7ef;
}

.ent-osce-add-chapter button {

    border: 0 !important;

    padding: 11px 20px !important;

    border-radius: 9px !important;

    background:
        linear-gradient(
            135deg,
            #198754,
            #20a56a
        ) !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    cursor: pointer;

    box-shadow:
        0 5px 14px rgba(25,135,84,.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.ent-osce-add-chapter button:hover {

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(25,135,84,.25);
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 800px) {

    body:has(.ent-osce-book)
    .wp-block-post-title {

        width: 92% !important;

        font-size: 34px !important;

        margin-top: 30px !important;
    }

    .ent-osce-book {

        width: 92% !important;

        padding: 30px 22px !important;
    }

    .ent-osce-book > h1 {

        font-size: 29px !important;
    }

    .ent-osce-chapters {

        grid-template-columns:
            1fr !important;
    }

    .ent-osce-chapter a {

        padding:
            25px 55px 25px 80px !important;
    }

}
/* =========================================================
   OSCE CHAPTER / STATION PAGE
   PROFESSIONAL CLINICAL DESIGN
   ========================================================= */


/* ---------------------------------------------------------
   PAGE BACKGROUND
   --------------------------------------------------------- */

body:has(.ent-osce-slideshow) {
    background:
        radial-gradient(circle at 8% 18%, rgba(20,103,190,.10), transparent 30%),
        radial-gradient(circle at 90% 15%, rgba(24,162,113,.10), transparent 28%),
        linear-gradient(
            135deg,
            #edf6ff 0%,
            #f7fbfd 48%,
            #f2faf6 100%
        ) !important;
}


/* Remove WordPress width restriction */

body:has(.ent-osce-slideshow) main,
body:has(.ent-osce-slideshow) .wp-block-post-content,
body:has(.ent-osce-slideshow) .entry-content,
body:has(.ent-osce-slideshow) .is-layout-constrained {
    width: 100% !important;
    max-width: none !important;
}


/* ---------------------------------------------------------
   MAIN OSCE CONTENT
   --------------------------------------------------------- */

.ent-osce-slideshow {
    width: 92% !important;
    max-width: 1250px !important;

    margin: 30px auto 60px !important;

    padding: 0 !important;
}


/* ---------------------------------------------------------
   CHAPTER TITLE
   --------------------------------------------------------- */

.ent-osce-slideshow > h1,
.ent-osce-book > h1 {

    font-size: 40px !important;
    font-weight: 800 !important;

    letter-spacing: -.7px;

    color: #103f68 !important;

    margin-bottom: 6px !important;
}


/* Make subtitle softer */

.ent-osce-slideshow > h1 + p,
.ent-osce-book > h1::after {

    color: #667e91 !important;

    font-size: 16px !important;
}


/* ---------------------------------------------------------
   EACH OSCE STATION SLIDE
   --------------------------------------------------------- */

.ent-osce-slide {

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbfdff
        ) !important;

    border: 1px solid #d9e5ef !important;

    border-radius: 20px !important;

    padding: 26px 28px 24px !important;

    margin-bottom: 28px !important;

    box-shadow:
        0 12px 32px rgba(30,70,110,.08) !important;

    position: relative;

    overflow: hidden;
}


/* Blue-green top accent */

.ent-osce-slide::before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 6px;

    background:
        linear-gradient(
            90deg,
            #0864b5,
            #0c8ca3,
            #19a36f
        );
}


/* ---------------------------------------------------------
   STATION NUMBER
   --------------------------------------------------------- */

.ent-osce-slide > h2,
.ent-osce-slide > h3 {

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 8px 0 24px !important;

    border-radius: 13px;

    background:
        linear-gradient(
            135deg,
            #0b63b6,
            #148f84
        );

    color: #ffffff !important;

    font-size: 21px !important;
    font-weight: 800 !important;

    box-shadow:
        0 6px 14px rgba(20,95,160,.20);
}


/* ---------------------------------------------------------
   IMAGE + QUESTION AREA
   --------------------------------------------------------- */

.ent-osce-slide img {

    max-width: 100% !important;

    border-radius: 14px !important;

    border: 1px solid #d3e0eb;

    box-shadow:
        0 7px 20px rgba(25,60,95,.10);

    object-fit: cover;
}


/* Improve question heading */

.ent-osce-slide h4,
.ent-osce-slide strong {

    color: #123f63 !important;

    font-weight: 750 !important;
}


/* Question text */

.ent-osce-slide p {

    color: #344f66;

    font-size: 17px;

    line-height: 1.65;
}


/* ---------------------------------------------------------
   SHOW ANSWER BUTTON
   --------------------------------------------------------- */

.ent-osce-slide button {

    width: 100% !important;

    min-height: 52px;

    margin-top: 18px !important;

    border: 0 !important;

    border-radius: 11px !important;

    background:
        linear-gradient(
            135deg,
            #075dab,
            #087eaa,
            #15966d
        ) !important;

    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 800 !important;

    cursor: pointer;

    box-shadow:
        0 7px 18px rgba(8,100,155,.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease;
}


.ent-osce-slide button:hover {

    transform: translateY(-2px);

    box-shadow:
        0 11px 24px rgba(8,100,155,.25);

    filter: brightness(1.04);
}


/* ---------------------------------------------------------
   ANSWER AREA
   --------------------------------------------------------- */

.ent-osce-answer {

    margin-top: 18px !important;

    padding: 20px 22px !important;

    border-radius: 12px !important;

    background:
        linear-gradient(
            135deg,
            #eefaf4,
            #f5fcf8
        ) !important;

    border:
        1px solid #cce7d8 !important;

    border-left:
        5px solid #16915d !important;

    color: #235a40 !important;

    box-shadow:
        0 4px 12px rgba(20,120,75,.06);
}


/* ---------------------------------------------------------
   PREVIOUS / NEXT BUTTONS
   --------------------------------------------------------- */

#ent-osce-prev-slide,
#ent-osce-next-slide {

    width: auto !important;

    min-width: 150px;

    padding: 12px 22px !important;

    border-radius: 10px !important;

    font-weight: 750 !important;
}


/* Previous */

#ent-osce-prev-slide {

    background: #ffffff !important;

    color: #0b5cab !important;

    border: 1px solid #b9d3e8 !important;
}


/* Next */

#ent-osce-next-slide {

    background:
        linear-gradient(
            135deg,
            #0b5cab,
            #14916f
        ) !important;

    color: #ffffff !important;
}


/* ---------------------------------------------------------
   IMAGE + QUESTION SIDE-BY-SIDE POLISH
   --------------------------------------------------------- */

/*
   This improves the existing row structure without
   changing your PHP.
*/

.ent-osce-slide > div {

    gap: 28px !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 800px) {

    .ent-osce-slideshow {

        width: 94% !important;

        margin-top: 20px !important;
    }

    .ent-osce-slide {

        padding:
            24px 18px 20px !important;

        border-radius: 16px !important;
    }

    .ent-osce-slideshow > h1,
    .ent-osce-book > h1 {

        font-size: 32px !important;
    }

    .ent-osce-slide img {

        width: 100% !important;
        height: auto !important;
    }

}
/* =========================================
   OSCE QUESTION + ANSWER COLORS
   ========================================= */

/* Question heading */
.ent-osce-slide h4 {
    color: #198754 !important;
    font-weight: 800 !important;
}

/* Answer heading */
.ent-osce-answer h4,
.ent-osce-answer strong {
    color: #dc3545 !important;
    font-weight: 800 !important;
}
/* =========================================
   OSCE CHAPTER STATION COUNT
   ========================================= */

.ent-osce-chapter-info {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ent-osce-chapter-info h2 {
    margin: 0 !important;
}

.ent-osce-station-count {
    display: inline-flex;

    width: fit-content;

    padding: 5px 11px;

    border-radius: 20px;

    background: #e8f5ee;

    color: #168451;

    font-size: 13px;

    font-weight: 700;

    line-height: 1;
}

.ent-osce-chapter:hover
.ent-osce-station-count {
    background: #dff3e8;
    color: #0d7141;
}
/* =========================================================
   ENT MCQ ACADEMIC ASSESSMENT
   PREMIUM HERO DESIGN
   ========================================================= */

#ent-mcq-book-app .ent-mcq-hero-premium {
    position: relative !important;

    min-height: 410px;

    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(380px, .75fr) !important;

    align-items: center !important;

    gap: 30px;

    padding: 48px 55px !important;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 75% 35%,
            rgba(52,225,192,.20),
            transparent 26%
        ),
        linear-gradient(
            120deg,
            #052d72 0%,
            #07589c 45%,
            #078b99 72%,
            #119a70 100%
        ) !important;

    border-radius: 22px !important;

    color: #ffffff;

    box-shadow:
        0 20px 50px rgba(13,68,120,.20) !important;
}


/* decorative medical pattern */

#ent-mcq-book-app .ent-mcq-hero-premium::after {
    content: "";

    position: absolute;

    right: -80px;
    top: -110px;

    width: 520px;
    height: 520px;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.10);

    box-shadow:
        0 0 0 55px rgba(255,255,255,.025),
        0 0 0 110px rgba(255,255,255,.018);

    pointer-events: none;
}


/* =========================================================
   LEFT HERO CONTENT
   ========================================================= */

#ent-mcq-book-app .ent-mcq-hero-copy {
    position: relative;

    z-index: 5;

    max-width: 720px;
}


#ent-mcq-book-app .ent-mcq-kicker {
    display: inline-flex !important;

    align-items: center;

    padding: 7px 14px !important;

    margin-bottom: 15px;

    border-radius: 30px;

    background: rgba(255,255,255,.11);

    border: 1px solid rgba(255,255,255,.18);

    color: #9ce8ff !important;

    font-size: 12px !important;

    font-weight: 800 !important;

    letter-spacing: 1.6px !important;
}


/* MAIN TITLE */

#ent-mcq-book-app .ent-mcq-hero-premium h1 {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 48px !important;

    line-height: 1.08 !important;

    font-weight: 850 !important;

    letter-spacing: -1.2px;
}


/* Assessment Platform colored second line */

#ent-mcq-book-app .ent-mcq-hero-premium h1::after {
    content: "Academic Assessment Platform";

    display: block;

    margin-top: 7px;

    background:
        linear-gradient(
            90deg,
            #79d8ff,
            #63efbd
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;

    font-size: 34px;

    font-weight: 850;

    letter-spacing: -.5px;
}


/* Description */

#ent-mcq-book-app .ent-mcq-hero-lead {
    max-width: 610px !important;

    margin: 20px 0 24px !important;

    color: rgba(255,255,255,.90) !important;

    font-size: 16px !important;

    line-height: 1.65 !important;
}


/* =========================================================
   FEATURE ROW
   ========================================================= */

#ent-mcq-book-app .ent-mcq-feature-row {
    display: flex;

    flex-wrap: wrap;

    gap: 13px;

    margin-top: 20px;
}


#ent-mcq-book-app .ent-mcq-feature {
    display: flex;

    align-items: center;

    gap: 10px;

    min-width: 155px;

    padding: 10px 13px;

    border-radius: 12px;

    background: rgba(255,255,255,.09);

    border: 1px solid rgba(255,255,255,.14);

    backdrop-filter: blur(5px);
}


#ent-mcq-book-app .ent-mcq-feature-icon {
    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex: 0 0 34px;

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            rgba(93,210,255,.25),
            rgba(70,232,169,.25)
        );

    color: #ffffff;

    font-size: 18px;

    font-weight: 900;
}


#ent-mcq-book-app .ent-mcq-feature strong {
    display: block;

    color: #ffffff;

    font-size: 13px;

    font-weight: 800;
}


#ent-mcq-book-app .ent-mcq-feature small {
    display: block;

    margin-top: 2px;

    color: rgba(255,255,255,.70);

    font-size: 11px;
}


/* =========================================================
   STATISTICS
   ========================================================= */

#ent-mcq-book-app .ent-mcq-hero-premium
.ent-mcq-hero-stats {
    display: flex !important;

    min-width: 0 !important;

    gap: 10px;

    margin-top: 23px;
}


#ent-mcq-book-app .ent-mcq-hero-premium
.ent-mcq-hero-stats div {
    min-width: 92px;

    padding: 10px 15px !important;

    border-radius: 11px !important;

    background: rgba(255,255,255,.10) !important;

    border: 1px solid rgba(255,255,255,.16) !important;

    text-align: left !important;

    backdrop-filter: blur(5px);
}


#ent-mcq-book-app .ent-mcq-hero-premium
.ent-mcq-hero-stats strong {
    display: block;

    color: #ffffff !important;

    font-size: 21px !important;

    font-weight: 850 !important;
}


#ent-mcq-book-app .ent-mcq-hero-premium
.ent-mcq-hero-stats span {
    margin-top: 2px;

    color: rgba(255,255,255,.72) !important;

    font-size: 11px !important;

    font-weight: 600;
}


/* =========================================================
   RIGHT ENT ANATOMY DISPLAY
   ========================================================= */

#ent-mcq-book-app .ent-mcq-anatomy {
    position: relative;

    z-index: 4;

    width: 420px;
    height: 330px;

    justify-self: end;
}


/* Common circles */

#ent-mcq-book-app .ent-mcq-anatomy-ring {
    position: absolute;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(255,255,255,.18),
            rgba(11,77,135,.42)
        );

    border:
        1px solid rgba(120,238,220,.45);

    box-shadow:
        inset 0 0 30px rgba(255,255,255,.07),
        0 10px 35px rgba(0,30,75,.20);

    backdrop-filter: blur(4px);
}


#ent-mcq-book-app .ent-mcq-anatomy-ring svg {
    width: 70%;
    height: 70%;
}


/* MAIN HEAD */

#ent-mcq-book-app .ent-mcq-anatomy-main {
    width: 270px;
    height: 270px;

    right: 35px;
    top: 30px;

    border-width: 2px;

    box-shadow:
        0 0 0 12px rgba(83,225,207,.06),
        0 15px 40px rgba(0,35,80,.25);
}


#ent-mcq-book-app .ent-mcq-anatomy-main svg {
    width: 86%;
    height: 86%;
}


/* EAR */

#ent-mcq-book-app .ent-mcq-anatomy-ear {
    width: 105px;
    height: 105px;

    left: 0;
    bottom: 25px;
}


/* NOSE */

#ent-mcq-book-app .ent-mcq-anatomy-nose {
    width: 100px;
    height: 100px;

    left: 25px;
    top: 5px;
}


/* THROAT */

#ent-mcq-book-app .ent-mcq-anatomy-throat {
    width: 100px;
    height: 100px;

    right: 0;
    top: 0;
}


/* =========================================================
   ANATOMY HOVER
   ========================================================= */

#ent-mcq-book-app .ent-mcq-anatomy-ring {
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


#ent-mcq-book-app .ent-mcq-anatomy-ring:hover {
    transform: translateY(-4px) scale(1.03);

    box-shadow:
        0 15px 35px rgba(0,35,80,.28);
}


/* =========================================================
   MAIN AREA UNDER HERO
   ========================================================= */

#ent-mcq-book-app .ent-mcq-main {
    padding: 30px !important;

    background:
        linear-gradient(
            180deg,
            #f7fbff,
            #f3faf7
        );
}


/* Selection card */

#ent-mcq-book-app .ent-mcq-selection-card {
    padding: 32px !important;

    border-radius: 18px !important;

    background:
        rgba(255,255,255,.98) !important;

    border:
        1px solid #d8e5ef !important;

    box-shadow:
        0 10px 28px rgba(25,70,110,.07) !important;
}


/* Step badge */

#ent-mcq-book-app .ent-mcq-step-badge {
    background:
        linear-gradient(
            135deg,
            #0868c8,
            #15996e
        ) !important;

    color: #ffffff !important;

    border: 0 !important;

    box-shadow:
        0 5px 12px rgba(8,105,170,.18);
}


/* =========================================================
   BOOK / CHAPTER CARDS
   ========================================================= */

#ent-mcq-book-app .ent-chapter-grid > * {
    position: relative;

    overflow: hidden;

    border-radius: 15px !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f6faff
        ) !important;

    border:
        1px solid #d7e5ef !important;

    box-shadow:
        0 5px 15px rgba(25,70,110,.05) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}


#ent-mcq-book-app .ent-chapter-grid > *::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background:
        linear-gradient(
            90deg,
            #0765c5,
            #098ca6,
            #18a765
        );
}


#ent-mcq-book-app .ent-chapter-grid > *:hover {
    transform: translateY(-4px);

    box-shadow:
        0 12px 25px rgba(25,70,110,.11) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    #ent-mcq-book-app .ent-mcq-hero-premium {
        grid-template-columns:
            minmax(0,1fr)
            330px !important;

        padding:
            40px 35px !important;
    }

    #ent-mcq-book-app .ent-mcq-anatomy {
        width: 330px;
        transform: scale(.88);
        transform-origin: right center;
    }

    #ent-mcq-book-app .ent-mcq-hero-premium h1 {
        font-size: 40px !important;
    }

    #ent-mcq-book-app .ent-mcq-hero-premium h1::after {
        font-size: 29px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

    #ent-mcq-book-app .ent-mcq-hero-premium {
        display: block !important;

        min-height: auto;

        padding:
            32px 23px !important;
    }

    #ent-mcq-book-app .ent-mcq-hero-premium h1 {
        font-size: 35px !important;
    }

    #ent-mcq-book-app .ent-mcq-hero-premium h1::after {
        font-size: 25px;
    }

    #ent-mcq-book-app .ent-mcq-feature-row {
        display: grid;

        grid-template-columns:
            1fr !important;
    }

    #ent-mcq-book-app .ent-mcq-feature {
        width: 100%;

        box-sizing: border-box;
    }

    #ent-mcq-book-app .ent-mcq-anatomy {
        width: 310px;
        height: 260px;

        margin: 25px auto 0;

        transform: scale(.82);

        transform-origin: center center;
    }

    #ent-mcq-book-app .ent-mcq-hero-premium
    .ent-mcq-hero-stats {
        flex-wrap: wrap;
    }

    #ent-mcq-book-app .ent-mcq-main {
        padding: 16px !important;
    }

}
/* =====================================================
   MCQ EXAM — KEEP BOTTOM BUTTONS FULLY VISIBLE
   ===================================================== */

/* Give the question area enough room for buttons */
#ent-mcq-book-app.is-exam-mode .ent-question-card {
    padding-bottom: 12px !important;
    overflow: visible !important;
}

/* Keep action buttons clearly inside the card */
#ent-mcq-book-app.is-exam-mode .ent-question-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 10px !important;

    position: relative !important;
    bottom: auto !important;

    margin: 4px 0 0 !important;
    padding: 0 !important;

    min-height: 42px !important;
    overflow: visible !important;
}

/* All navigation buttons */
#ent-mcq-book-app.is-exam-mode .ent-question-actions button,
#ent-mcq-book-app.is-exam-mode .ent-question-actions .ent-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 8px 15px !important;

    border-radius: 9px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;

    box-sizing: border-box !important;
}

/* Previous */
#ent-mcq-book-app.is-exam-mode #ent-prev {
    background: #ffffff !important;
    color: #0863b5 !important;
    border: 1px solid #b9d2e5 !important;
}

/* Next */
#ent-mcq-book-app.is-exam-mode #ent-next {
    background: linear-gradient(
        135deg,
        #0872c9,
        #078eac
    ) !important;

    color: #ffffff !important;
    border: 0 !important;
}

/* Submit Examination */
#ent-mcq-book-app.is-exam-mode #ent-submit {
    background: linear-gradient(
        135deg,
        #11965f,
        #13ad71
    ) !important;

    color: #ffffff !important;
    border: 0 !important;

    box-shadow: 0 4px 10px rgba(17,150,95,.18) !important;
}

/* Give whole exam screen a little bottom breathing room */
#ent-mcq-book-app.is-exam-mode #ent-screen-exam {
    padding-bottom: 18px !important;
    overflow: visible !important;
}

/* Prevent parent containers from clipping buttons */
#ent-mcq-book-app.is-exam-mode .ent-mcq-main,
#ent-mcq-book-app.is-exam-mode .ent-question-area {
    overflow: visible !important;
}
/* =========================================
   MANAGE OSCE STATIONS BUTTON
   ========================================= */

.ent-manage-osce-box {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #e1e8ee;
}

.ent-manage-osce-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 10px 22px;

    background: linear-gradient(
        135deg,
        #118b58,
        #12a86c
    );

    color: #ffffff !important;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;

    border-radius: 9px;

    box-shadow:
        0 5px 14px rgba(17, 139, 88, .18);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.ent-manage-osce-button:hover {
    background: linear-gradient(
        135deg,
        #0d7b4d,
        #0e975f
    );

    color: #ffffff !important;

    transform: translateY(-1px);

    box-shadow:
        0 7px 17px rgba(17, 139, 88, .24);
}
/* =========================================================
   ENT STUDENT PORTAL — FORCE TRUE FULL SCREEN WIDTH
   ========================================================= */

/* Remove WordPress page width restrictions */
body:has(.ent-student-dashboard-v2) .wp-site-blocks,
body:has(.ent-student-dashboard-v2) main,
body:has(.ent-student-dashboard-v2) main.wp-block-group,
body:has(.ent-student-dashboard-v2) .wp-block-post-content,
body:has(.ent-student-dashboard-v2) .entry-content,
body:has(.ent-student-dashboard-v2) .site-content,
body:has(.ent-student-dashboard-v2) .content-area,
body:has(.ent-student-dashboard-v2) .is-layout-constrained,
body:has(.ent-student-dashboard-v2) .is-layout-flow {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Critical WordPress constrained-layout fix */
body:has(.ent-student-dashboard-v2)
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: none !important;
    width: 100% !important;
}

/* Remove inherited content-size restriction */
body:has(.ent-student-dashboard-v2) {
    --wp--style--global--content-size: 100% !important;
    --wp--style--global--wide-size: 100% !important;
}

/* Remove spacing around shortcode */
body:has(.ent-student-dashboard-v2) .wp-block-post-content,
body:has(.ent-student-dashboard-v2) .entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Direct shortcode/block wrapper */
body:has(.ent-student-dashboard-v2) .wp-block-post-content > *,
body:has(.ent-student-dashboard-v2) .entry-content > * {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* =========================================================
   THE ACTUAL DASHBOARD
   ========================================================= */

.ent-student-modern.ent-student-dashboard-v2 {
    display: grid !important;

    grid-template-columns:
        270px
        calc(100vw - 270px) !important;

    width: 100vw !important;
    max-width: 100vw !important;

    min-width: 100vw !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    background: #f4f8fc !important;
}

/* Left sidebar */
.ent-student-dashboard-v2 .ent-student-sidebar {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;

    box-sizing: border-box !important;
}

/* Right dashboard area */
.ent-student-dashboard-v2 .ent-student-main {
    width: calc(100vw - 270px) !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding: 24px 28px 40px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}

/* Force every major section to fill available right side */
.ent-student-dashboard-v2 .ent-dashboard-hero,
.ent-student-dashboard-v2 .ent-dashboard-kpis,
.ent-student-dashboard-v2 .ent-dashboard-main-grid,
.ent-student-dashboard-v2 .ent-dashboard-graphs,
.ent-student-dashboard-v2 .ent-dashboard-learning,
.ent-student-dashboard-v2 .ent-dashboard-lower-grid,
.ent-student-dashboard-v2 .ent-dashboard-footer {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Hero uses the new available width */
.ent-student-dashboard-v2 .ent-dashboard-hero {
    grid-template-columns:
        minmax(0, 1.5fr)
        minmax(320px, 0.7fr) !important;
}

/* Four dashboard statistic cards */
.ent-student-dashboard-v2 .ent-dashboard-kpis {
    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;
}

/* Performance + recent progress */
.ent-student-dashboard-v2 .ent-dashboard-main-grid {
    grid-template-columns:
        minmax(0, 1.4fr)
        minmax(340px, 0.6fr) !important;
}

/* Main graphs */
.ent-student-dashboard-v2 .ent-dashboard-graphs {
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(380px, 0.65fr) !important;
}

/* MCQ + OSCE cards */
.ent-student-dashboard-v2 .ent-dashboard-learning {
    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;
}

/* Results + right profile column */
.ent-student-dashboard-v2 .ent-dashboard-lower-grid {
    grid-template-columns:
        minmax(0, 1.6fr)
        minmax(330px, 0.4fr) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .ent-student-modern.ent-student-dashboard-v2 {
        grid-template-columns: 230px calc(100vw - 230px) !important;
    }

    .ent-student-dashboard-v2 .ent-student-sidebar {
        width: 230px !important;
        min-width: 230px !important;
        max-width: 230px !important;
    }

    .ent-student-dashboard-v2 .ent-student-main {
        width: calc(100vw - 230px) !important;
    }

    .ent-student-dashboard-v2 .ent-dashboard-main-grid,
    .ent-student-dashboard-v2 .ent-dashboard-graphs,
    .ent-student-dashboard-v2 .ent-dashboard-lower-grid {
        grid-template-columns: 1fr !important;
    }

    .ent-student-dashboard-v2 .ent-dashboard-kpis {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

    .ent-student-modern.ent-student-dashboard-v2 {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .ent-student-dashboard-v2 .ent-student-sidebar {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .ent-student-dashboard-v2 .ent-student-main {
        width: 100% !important;
        max-width: none !important;

        padding: 16px !important;
    }

    .ent-student-dashboard-v2 .ent-dashboard-hero,
    .ent-student-dashboard-v2 .ent-dashboard-kpis,
    .ent-student-dashboard-v2 .ent-dashboard-main-grid,
    .ent-student-dashboard-v2 .ent-dashboard-graphs,
    .ent-student-dashboard-v2 .ent-dashboard-learning,
    .ent-student-dashboard-v2 .ent-dashboard-lower-grid {
        grid-template-columns: 1fr !important;
    }
}
.ent-dashboard-brand-line{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.ent-dashboard-developer{
    color:rgba(255,255,255,.90);
    font-size:12px;
    font-weight:500;
}

.ent-dashboard-developer strong{
    color:#fff;
    font-weight:700;
}
/* =========================================================
   ADMIN DASHBOARD - DIFFERENT COLORED CARDS
   ========================================================= */

/* ---------- STATISTIC CARDS ---------- */

/* 1 - Total Students - Blue */
.ent-admin-stat-card:nth-child(1){
    background: linear-gradient(135deg,#2563eb,#3b82f6) !important;
}

/* 2 - Approved - Green */
.ent-admin-stat-card:nth-child(2){
    background: linear-gradient(135deg,#059669,#10b981) !important;
}

/* 3 - Needs Review - Orange */
.ent-admin-stat-card:nth-child(3){
    background: linear-gradient(135deg,#d97706,#f59e0b) !important;
}

/* 4 - MCQ Books - Purple */
.ent-admin-stat-card:nth-child(4){
    background: linear-gradient(135deg,#7c3aed,#8b5cf6) !important;
}

/* 5 - Total MCQs - Red */
.ent-admin-stat-card:nth-child(5){
    background: linear-gradient(135deg,#dc2626,#ef4444) !important;
}

/* 6 - OSCE Chapters - Indigo */
.ent-admin-stat-card:nth-child(6){
    background: linear-gradient(135deg,#4338ca,#6366f1) !important;
}

/* 7 - OSCE Stations - Teal */
.ent-admin-stat-card:nth-child(7){
    background: linear-gradient(135deg,#0f766e,#14b8a6) !important;
}

/* 8 - MCQ Chapters - Dark Green */
.ent-admin-stat-card:nth-child(8){
    background: linear-gradient(135deg,#15803d,#22c55e) !important;
}


/* Make statistic card text white */
.ent-admin-stat-card,
.ent-admin-stat-card strong,
.ent-admin-stat-card span,
.ent-admin-stat-card p,
.ent-admin-stat-card div{
    color:#ffffff !important;
}


/* ---------- QUICK ACTION CARDS ---------- */

/* Manage Students */
.ent-admin-quick-card:nth-child(1){
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
}

/* Manage MCQs */
.ent-admin-quick-card:nth-child(2){
    background:linear-gradient(135deg,#dc2626,#ef4444) !important;
}

/* Manage OSCE Stations */
.ent-admin-quick-card:nth-child(3){
    background:linear-gradient(135deg,#059669,#10b981) !important;
}

/* Add New MCQ */
.ent-admin-quick-card:nth-child(4){
    background:linear-gradient(135deg,#7c3aed,#8b5cf6) !important;
}


/* Quick action text */
.ent-admin-quick-card,
.ent-admin-quick-card h3,
.ent-admin-quick-card p,
.ent-admin-quick-card a{
    color:#ffffff !important;
}


/* ---------- COMMON CARD APPEARANCE ---------- */

.ent-admin-stat-card,
.ent-admin-quick-card{
    border:none !important;
    box-shadow:0 8px 20px rgba(15,23,42,.12) !important;
    transition:
        transform .20s ease,
        box-shadow .20s ease !important;
}


/* Hover effect */
.ent-admin-stat-card:hover,
.ent-admin-quick-card:hover{
    transform:translateY(-4px);
    box-shadow:0 13px 28px rgba(15,23,42,.20) !important;
}
/* =========================================================
   ENT ADMIN DASHBOARD — COLORFUL CARDS + READABLE TEXT
   ========================================================= */


/* =========================================================
   1. TOP STATISTIC CARDS
   ========================================================= */

/* Total Students — Blue */
.ent-admin-stats > *:nth-child(1){
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
}

/* Approved — Green */
.ent-admin-stats > *:nth-child(2){
    background:linear-gradient(135deg,#059669,#10b981) !important;
}

/* Needs Review — Orange */
.ent-admin-stats > *:nth-child(3){
    background:linear-gradient(135deg,#d97706,#f59e0b) !important;
}

/* MCQ Books — Purple */
.ent-admin-stats > *:nth-child(4){
    background:linear-gradient(135deg,#7c3aed,#8b5cf6) !important;
}

/* Total MCQs — Red */
.ent-admin-stats > *:nth-child(5){
    background:linear-gradient(135deg,#dc2626,#ef4444) !important;
}

/* OSCE Chapters — Indigo */
.ent-admin-stats > *:nth-child(6){
    background:linear-gradient(135deg,#4f46e5,#6366f1) !important;
}

/* OSCE Stations — Teal */
.ent-admin-stats > *:nth-child(7){
    background:linear-gradient(135deg,#0f766e,#14b8a6) !important;
}

/* MCQ Chapters — Emerald */
.ent-admin-stats > *:nth-child(8){
    background:linear-gradient(135deg,#15803d,#22c55e) !important;
}


/* TOP CARD TEXT — FORCE WHITE */

.ent-admin-stats > * strong,
.ent-admin-stats > * h2,
.ent-admin-stats > * h3,
.ent-admin-stats > * p,
.ent-admin-stats > * span,
.ent-admin-stats > * div{
    color:#ffffff !important;
}

/* Main numbers */
.ent-admin-stats > * strong{
    font-weight:800 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.15);
}

/* Small labels */
.ent-admin-stats > * span,
.ent-admin-stats > * p{
    color:rgba(255,255,255,.90) !important;
}


/* =========================================================
   2. QUICK ACTION CARDS
   ========================================================= */

/* Manage Students */
.ent-admin-quick-card:nth-child(1){
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
}

/* Manage MCQs */
.ent-admin-quick-card:nth-child(2){
    background:linear-gradient(135deg,#dc2626,#ef4444) !important;
}

/* Manage OSCE */
.ent-admin-quick-card:nth-child(3){
    background:linear-gradient(135deg,#059669,#10b981) !important;
}

/* Add New MCQ */
.ent-admin-quick-card:nth-child(4){
    background:linear-gradient(135deg,#7c3aed,#8b5cf6) !important;
}


/* =========================================================
   3. FIX QUICK ACTION TEXT VISIBILITY
   ========================================================= */

.ent-admin-quick-card,
.ent-admin-quick-card a,
.ent-admin-quick-card h2,
.ent-admin-quick-card h3,
.ent-admin-quick-card h4{
    color:#ffffff !important;
}

/* Description */
.ent-admin-quick-card p,
.ent-admin-quick-card span{
    color:rgba(255,255,255,.88) !important;
}

/* Make title stronger */
.ent-admin-quick-card h3,
.ent-admin-quick-card h4,
.ent-admin-quick-card a{
    font-weight:700 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.12);
}


/* =========================================================
   4. ICON BOXES
   ========================================================= */

.ent-admin-stat-card .icon,
.ent-admin-quick-card .icon,
.ent-admin-quick-card > span:first-child{
    background:rgba(255,255,255,.92) !important;
    color:#075a9c !important;
}


/* =========================================================
   5. PREMIUM CARD EFFECT
   ========================================================= */

.ent-admin-stats > *,
.ent-admin-quick-card{
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:
        0 8px 20px rgba(15,23,42,.12),
        inset 0 1px 0 rgba(255,255,255,.12) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease !important;
}

.ent-admin-stats > *:hover,
.ent-admin-quick-card:hover{
    transform:translateY(-4px) !important;

    box-shadow:
        0 14px 28px rgba(15,23,42,.20),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
}
/* =========================================================
   STUDENT DASHBOARD — COLORFUL + READABLE
   ========================================================= */


/* =========================================================
   1. TOP 4 KPI BOXES
   ========================================================= */

.ent-dashboard-kpis .ent-dashboard-kpi:nth-child(1){
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
}

.ent-dashboard-kpis .ent-dashboard-kpi:nth-child(2){
    background:linear-gradient(135deg,#059669,#10b981) !important;
}

.ent-dashboard-kpis .ent-dashboard-kpi:nth-child(3){
    background:linear-gradient(135deg,#d97706,#f59e0b) !important;
}

.ent-dashboard-kpis .ent-dashboard-kpi:nth-child(4){
    background:linear-gradient(135deg,#7c3aed,#8b5cf6) !important;
}


/* Remove old green-blue left border */
.ent-dashboard-kpi:before{
    background:rgba(255,255,255,.45) !important;
}


/* KPI text */
.ent-dashboard-kpi span{
    color:rgba(255,255,255,.92) !important;
    font-weight:700 !important;
}

.ent-dashboard-kpi strong{
    color:#ffffff !important;
    font-weight:800 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.14);
}

.ent-dashboard-kpi small{
    color:rgba(255,255,255,.82) !important;
}


/* KPI icons */
.ent-dashboard-kpi .icon{
    display:grid !important;
    place-items:center !important;
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.92) !important;
    font-size:21px !important;
}


/* =========================================================
   2. PERFORMANCE OVERVIEW BOX
   ========================================================= */

.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(1){
    background:linear-gradient(135deg,#075985,#0e7490) !important;
    border:none !important;
}


/* Header */
.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(1)
.ent-dashboard-card-head h2{
    color:#ffffff !important;
}

.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(1)
.ent-dashboard-card-head p{
    color:rgba(255,255,255,.82) !important;
}


/* Performance rows */
.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(1)
.ent-dashboard-performance-row{
    border-bottom:1px solid rgba(255,255,255,.20) !important;
}

.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(1)
.ent-dashboard-performance-row span{
    color:rgba(255,255,255,.90) !important;
}

.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(1)
.ent-dashboard-performance-row strong{
    color:#ffffff !important;
    font-weight:800 !important;
}


/* =========================================================
   3. CIRCULAR SCORE GRAPH
   ========================================================= */

.ent-dashboard-ring{
    background:
        conic-gradient(
            #facc15 calc(var(--score) * 1%),
            rgba(255,255,255,.22) 0
        ) !important;

    box-shadow:0 8px 22px rgba(0,0,0,.16);
}

.ent-dashboard-ring:after{
    background:#ffffff !important;
}

.ent-dashboard-ring-content strong{
    color:#075985 !important;
    font-weight:800 !important;
}

.ent-dashboard-ring-content span{
    color:#60798d !important;
    font-weight:700 !important;
}


/* =========================================================
   4. RECENT SCORE TREND BOX
   ========================================================= */

.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(2){
    background:linear-gradient(135deg,#7c3aed,#9333ea) !important;
    border:none !important;
}

.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(2)
.ent-dashboard-card-head h2{
    color:#ffffff !important;
}

.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(2)
.ent-dashboard-card-head p{
    color:rgba(255,255,255,.82) !important;
}


/* Trend value */
.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(2)
.ent-dashboard-trend-value{
    color:#ffffff !important;
    font-weight:800 !important;
}


/* Trend graph track */
.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(2)
.ent-dashboard-trend-track{
    background:rgba(255,255,255,.22) !important;
}


/* Trend graph bar */
.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(2)
.ent-dashboard-trend-track span{
    background:linear-gradient(180deg,#fde047,#f59e0b) !important;
}


/* Chapter text below graph */
.ent-dashboard-main-grid > .ent-dashboard-card:nth-child(2)
.ent-dashboard-trend-item small{
    color:rgba(255,255,255,.85) !important;
}


/* =========================================================
   5. LOWER GRAPH CARDS
   ========================================================= */

.ent-dashboard-graphs .ent-dashboard-chart-card:nth-child(1){
    background:linear-gradient(135deg,#1d4ed8,#2563eb) !important;
}

.ent-dashboard-graphs .ent-dashboard-chart-card:nth-child(2){
    background:linear-gradient(135deg,#047857,#10b981) !important;
}

.ent-dashboard-graphs .ent-dashboard-chart-card{
    border:none !important;
}


/* Graph headings */
.ent-dashboard-graphs .ent-dashboard-card-head h2,
.ent-dashboard-graphs .ent-dashboard-card-head p{
    color:#ffffff !important;
}

.ent-dashboard-graphs .ent-dashboard-card-head p{
    color:rgba(255,255,255,.82) !important;
}


/* =========================================================
   6. GRAPH LABELS / BARS
   ========================================================= */

.ent-dashboard-band span,
.ent-dashboard-band strong,
.ent-dashboard-chapter-row span,
.ent-dashboard-chapter-row strong,
.ent-dashboard-chapter-row small{
    color:#ffffff !important;
}

.ent-dashboard-band-track,
.ent-dashboard-chapter-track{
    background:rgba(255,255,255,.22) !important;
}

.ent-dashboard-band-track i{
    background:linear-gradient(90deg,#fde047,#fb923c) !important;
}

.ent-dashboard-chapter-track i{
    background:linear-gradient(90deg,#facc15,#fb923c) !important;
}


/* =========================================================
   7. COMMON CARD SHADOW + HOVER
   ========================================================= */

.ent-dashboard-kpi,
.ent-dashboard-card,
.ent-dashboard-chart-card{
    box-shadow:0 10px 24px rgba(15,23,42,.14) !important;
    transition:
        transform .20s ease,
        box-shadow .20s ease !important;
}

.ent-dashboard-kpi:hover,
.ent-dashboard-card:hover,
.ent-dashboard-chart-card:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 30px rgba(15,23,42,.20) !important;
}
/* =========================================================
   STUDENT DASHBOARD — LOWER SECTION COLORFUL DESIGN
   ========================================================= */


/* =========================================================
   1. CHAPTER PERFORMANCE CARD
   ========================================================= */

.ent-dashboard-chart-card[style*="margin-bottom"]{
    background:linear-gradient(135deg,#ea580c,#f97316) !important;
    border:none !important;
}

.ent-dashboard-chart-card[style*="margin-bottom"]
.ent-dashboard-card-head h2{
    color:#ffffff !important;
}

.ent-dashboard-chart-card[style*="margin-bottom"]
.ent-dashboard-card-head p{
    color:rgba(255,255,255,.86) !important;
}

/* Chapter labels */
.ent-dashboard-chart-card[style*="margin-bottom"]
.ent-dashboard-chapter-row span,
.ent-dashboard-chart-card[style*="margin-bottom"]
.ent-dashboard-chapter-row strong,
.ent-dashboard-chart-card[style*="margin-bottom"]
.ent-dashboard-chapter-row small{
    color:#ffffff !important;
}

/* Chapter progress track */
.ent-dashboard-chart-card[style*="margin-bottom"]
.ent-dashboard-chapter-track{
    background:rgba(255,255,255,.25) !important;
}

/* Chapter progress bar */
.ent-dashboard-chart-card[style*="margin-bottom"]
.ent-dashboard-chapter-track i{
    background:linear-gradient(90deg,#fde047,#ffffff) !important;
}


/* =========================================================
   2. MCQ LEARNING CARD
   ========================================================= */

.ent-dashboard-learning-card:not(.osce){
    background:linear-gradient(135deg,#1d4ed8,#3b82f6) !important;
    border:none !important;
}

.ent-dashboard-learning-card:not(.osce) h2,
.ent-dashboard-learning-card:not(.osce) h3,
.ent-dashboard-learning-card:not(.osce) p{
    color:#ffffff !important;
}

.ent-dashboard-learning-card:not(.osce) p{
    color:rgba(255,255,255,.86) !important;
}

.ent-dashboard-learning-card:not(.osce) a{
    color:#ffffff !important;
    font-weight:800 !important;
    text-decoration:none !important;
}


/* MCQ icon */
.ent-dashboard-learning-card:not(.osce)
.ent-dashboard-learning-icon{
    background:rgba(255,255,255,.94) !important;
}


/* =========================================================
   3. OSCE / TOACS LEARNING CARD
   ========================================================= */

.ent-dashboard-learning-card.osce{
    background:linear-gradient(135deg,#047857,#10b981) !important;
    border:none !important;
}

.ent-dashboard-learning-card.osce h2,
.ent-dashboard-learning-card.osce h3{
    color:#ffffff !important;
}

.ent-dashboard-learning-card.osce p{
    color:rgba(255,255,255,.86) !important;
}

.ent-dashboard-learning-card.osce a{
    color:#ffffff !important;
    font-weight:800 !important;
    text-decoration:none !important;
}

.ent-dashboard-learning-card.osce
.ent-dashboard-learning-icon{
    background:rgba(255,255,255,.94) !important;
}


/* =========================================================
   4. RESULTS HISTORY CARD
   ========================================================= */

#student-results.ent-dashboard-card{
    background:linear-gradient(135deg,#6d28d9,#8b5cf6) !important;
    border:none !important;
}

#student-results .ent-dashboard-card-head h2{
    color:#ffffff !important;
}

#student-results .ent-dashboard-card-head p{
    color:rgba(255,255,255,.86) !important;
}

/* Attempts count */
#student-results .ent-dashboard-card-head strong,
#student-results .ent-dashboard-card-head span{
    color:#ffffff !important;
}


/* Results table */
#student-results .ent-results-table{
    background:#ffffff !important;
    border-radius:12px !important;
    overflow:hidden !important;
}

#student-results .ent-results-table th{
    background:#4c1d95 !important;
    color:#ffffff !important;
    font-weight:800 !important;
}

#student-results .ent-results-table td{
    background:#ffffff !important;
    color:#1f3f59 !important;
}

#student-results .ent-results-table tr:nth-child(even) td{
    background:#f7f3ff !important;
}

#student-results .ent-results-table td strong{
    color:#173f5f !important;
}

#student-results .ent-results-table td small{
    color:#7a8fa0 !important;
}


/* Score badge */
#student-results .ent-result-score-pill{
    background:#dcfce7 !important;
    color:#047857 !important;
    font-weight:800 !important;
}


/* =========================================================
   5. STUDENT PROFILE CARD
   ========================================================= */

#student-profile.ent-dashboard-card{
    background:linear-gradient(135deg,#0369a1,#0891b2) !important;
    border:none !important;
}

#student-profile .ent-dashboard-card-head h2{
    color:#ffffff !important;
}

#student-profile .ent-dashboard-card-head p{
    color:rgba(255,255,255,.86) !important;
}


/* Profile rows */
#student-profile .ent-dashboard-profile-row{
    border-bottom:1px solid rgba(255,255,255,.20) !important;
}

#student-profile .ent-dashboard-profile-row span{
    color:rgba(255,255,255,.82) !important;
}

#student-profile .ent-dashboard-profile-row strong{
    color:#ffffff !important;
    font-weight:800 !important;
}


/* Approved badge */
#student-profile .ent-dashboard-status{
    display:inline-flex !important;
    align-items:center !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#059669 !important;
}


/* =========================================================
   6. PERFORMANCE SNAPSHOT CARD
   ========================================================= */

.ent-dashboard-right-rail
.ent-dashboard-card:not(#student-profile){
    background:linear-gradient(135deg,#be123c,#e11d48) !important;
    border:none !important;
}

.ent-dashboard-right-rail
.ent-dashboard-card:not(#student-profile)
.ent-dashboard-card-head h2{
    color:#ffffff !important;
}

.ent-dashboard-right-rail
.ent-dashboard-card:not(#student-profile)
.ent-dashboard-card-head p{
    color:rgba(255,255,255,.86) !important;
}


/* Snapshot labels */
.ent-dashboard-right-rail
.ent-dashboard-card:not(#student-profile)
.ent-dashboard-mini-row span{
    color:#ffffff !important;
}

.ent-dashboard-right-rail
.ent-dashboard-card:not(#student-profile)
.ent-dashboard-mini-row strong{
    color:#ffffff !important;
}


/* Snapshot tracks */
.ent-dashboard-right-rail
.ent-dashboard-card:not(#student-profile)
.ent-dashboard-mini-track{
    background:rgba(255,255,255,.25) !important;
}


/* Snapshot bars */
.ent-dashboard-right-rail
.ent-dashboard-card:not(#student-profile)
.ent-dashboard-mini-track i{
    background:linear-gradient(90deg,#fde047,#ffffff) !important;
}


/* =========================================================
   7. COMMON LOWER CARD EFFECT
   ========================================================= */

.ent-dashboard-learning-card,
#student-results.ent-dashboard-card,
#student-profile.ent-dashboard-card,
.ent-dashboard-right-rail .ent-dashboard-card,
.ent-dashboard-chart-card[style*="margin-bottom"]{
    box-shadow:0 10px 25px rgba(15,23,42,.15) !important;

    transition:
        transform .20s ease,
        box-shadow .20s ease !important;
}

.ent-dashboard-learning-card:hover,
#student-results.ent-dashboard-card:hover,
#student-profile.ent-dashboard-card:hover,
.ent-dashboard-right-rail .ent-dashboard-card:hover,
.ent-dashboard-chart-card[style*="margin-bottom"]:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 16px 32px rgba(15,23,42,.22) !important;
}
#student-profile .ent-dashboard-status{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:6px 12px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#059669 !important;
    font-weight:800 !important;
    font-size:13px !important;
}
/* FIX ACCOUNT ACTIVE BADGE TEXT */

#student-profile .ent-dashboard-profile-row .ent-dashboard-status{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#ffffff !important;
    color:#111827 !important;

    padding:6px 14px !important;
    border-radius:999px !important;

    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.2 !important;

    min-width:75px !important;
}

/* Force text inside badge to black */
#student-profile .ent-dashboard-status,
#student-profile .ent-dashboard-status *{
    color:#111827 !important;
}
/* =========================================================
   ENT MCQ EXAMINATION — FULL COLORFUL DESIGN
   ========================================================= */


/* =========================================================
   1. MAIN MCQ WORKSPACE
   ========================================================= */

#ent-mcq-book-app .ent-mcq-shell{
    background:
        linear-gradient(135deg,#edf6ff 0%,#f4fbff 45%,#effaf4 100%) !important;
}

#ent-mcq-book-app .ent-mcq-main{
    background:
        linear-gradient(135deg,#eef6ff,#f7fbff,#eefaf4) !important;
}


/* =========================================================
   2. SELECT BOOK / SELECT CHAPTER MAIN BOX
   ========================================================= */

#ent-mcq-book-app .ent-mcq-selection-card{
    background:linear-gradient(135deg,#0f4c81,#087f8c) !important;
    border:none !important;
    box-shadow:0 12px 30px rgba(15,76,129,.18) !important;
}

#ent-mcq-book-app .ent-mcq-section-heading h2{
    color:#ffffff !important;
}

#ent-mcq-book-app .ent-mcq-section-heading .ent-muted{
    color:rgba(255,255,255,.84) !important;
}

#ent-mcq-book-app .ent-mcq-step-badge{
    background:#ffffff !important;
    color:#075a9c !important;
}


/* =========================================================
   3. BOOK CARDS — DIFFERENT COLORS
   ========================================================= */

#ent-mcq-book-app .ent-mcq-book-card{
    border:none !important;
    color:#ffffff !important;
    box-shadow:0 8px 20px rgba(15,23,42,.14) !important;
}

#ent-mcq-book-app .ent-mcq-book-card:nth-child(4n+1){
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
}

#ent-mcq-book-app .ent-mcq-book-card:nth-child(4n+2){
    background:linear-gradient(135deg,#059669,#10b981) !important;
}

#ent-mcq-book-app .ent-mcq-book-card:nth-child(4n+3){
    background:linear-gradient(135deg,#7c3aed,#8b5cf6) !important;
}

#ent-mcq-book-app .ent-mcq-book-card:nth-child(4n+4){
    background:linear-gradient(135deg,#ea580c,#f97316) !important;
}

#ent-mcq-book-app .ent-mcq-book-card strong{
    color:#ffffff !important;
    font-weight:800 !important;
}

#ent-mcq-book-app .ent-mcq-book-card span{
    display:inline-flex !important;
    width:max-content !important;
    margin-top:9px !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.94) !important;
    color:#064e3b !important;
    font-weight:800 !important;
}


/* =========================================================
   4. CHAPTER CARDS — COLORFUL
   ========================================================= */

#ent-mcq-book-app .ent-mcq-chapter-card{
    border:none !important;
    color:#ffffff !important;
    box-shadow:0 8px 20px rgba(15,23,42,.14) !important;
}

#ent-mcq-book-app .ent-mcq-chapter-card:nth-child(4n+1){
    background:linear-gradient(135deg,#0369a1,#0284c7) !important;
}

#ent-mcq-book-app .ent-mcq-chapter-card:nth-child(4n+2){
    background:linear-gradient(135deg,#047857,#10b981) !important;
}

#ent-mcq-book-app .ent-mcq-chapter-card:nth-child(4n+3){
    background:linear-gradient(135deg,#be123c,#e11d48) !important;
}

#ent-mcq-book-app .ent-mcq-chapter-card:nth-child(4n+4){
    background:linear-gradient(135deg,#6d28d9,#8b5cf6) !important;
}

#ent-mcq-book-app .ent-mcq-chapter-card strong{
    color:#ffffff !important;
}

#ent-mcq-book-app .ent-mcq-chapter-card span{
    display:inline-flex !important;
    width:max-content !important;
    margin-top:9px !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#064e3b !important;
    font-weight:800 !important;
}


/* =========================================================
   5. ATTEMPT / QUESTION CARD
   ========================================================= */

#ent-mcq-book-app .ent-mcq-question-card{
    background:linear-gradient(135deg,#1e3a8a,#1d4ed8) !important;
    border:none !important;
    box-shadow:0 12px 30px rgba(30,58,138,.20) !important;
}

#ent-mcq-book-app .ent-question-meta{
    color:rgba(255,255,255,.84) !important;
}

#ent-mcq-book-app #ent-question{
    color:#ffffff !important;
    font-weight:750 !important;
}


/* =========================================================
   6. MCQ OPTIONS
   ========================================================= */

#ent-mcq-book-app .ent-option{
    background:#ffffff !important;
    border:2px solid rgba(255,255,255,.80) !important;
    color:#173f5f !important;
    box-shadow:0 4px 12px rgba(15,23,42,.08) !important;
}

#ent-mcq-book-app .ent-option span{
    color:#173f5f !important;
    font-weight:650 !important;
}

#ent-mcq-book-app .ent-option:hover{
    background:#eaf5ff !important;
    border-color:#60a5fa !important;
    transform:translateX(4px) !important;
}

#ent-mcq-book-app .ent-option.ent-selected{
    background:#dcfce7 !important;
    border-color:#16a34a !important;
    box-shadow:0 0 0 3px rgba(22,163,74,.15) !important;
}

#ent-mcq-book-app .ent-option.ent-selected span{
    color:#065f46 !important;
    font-weight:800 !important;
}


/* =========================================================
   7. QUESTION NAVIGATION / PROGRESS
   ========================================================= */

#ent-mcq-book-app .ent-question-nav-btn{
    background:#ffffff !important;
    color:#075a9c !important;
    border:1px solid #bfdbfe !important;
}

#ent-mcq-book-app .ent-question-nav-btn.is-current{
    background:linear-gradient(135deg,#f59e0b,#f97316) !important;
    color:#ffffff !important;
}

#ent-mcq-book-app .ent-question-nav-btn.is-answered:not(.is-current){
    background:linear-gradient(135deg,#059669,#10b981) !important;
    color:#ffffff !important;
    border:none !important;
}

#ent-mcq-book-app .ent-progress{
    background:#dbeafe !important;
}

#ent-mcq-book-app #ent-progress-bar{
    background:linear-gradient(90deg,#2563eb,#10b981,#f59e0b) !important;
}


/* =========================================================
   8. QUESTION ACTION BUTTON AREA
   ========================================================= */

#ent-mcq-book-app .ent-mcq-question-actions{
    background:rgba(255,255,255,.96) !important;
    border-radius:12px !important;
    padding:12px !important;
    border-top:none !important;
}

#ent-mcq-book-app #ent-prev{
    background:#e2e8f0 !important;
    color:#1e3a5f !important;
}

#ent-mcq-book-app #ent-next{
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
    color:#ffffff !important;
}

#ent-mcq-book-app #ent-submit{
    background:linear-gradient(135deg,#059669,#10b981) !important;
    color:#ffffff !important;
}


/* =========================================================
   9. RESULT MAIN CARD
   ========================================================= */

#ent-mcq-book-app .ent-mcq-result-card{
    background:linear-gradient(135deg,#4c1d95,#7c3aed) !important;
    border:none !important;
    color:#ffffff !important;
    box-shadow:0 14px 34px rgba(76,29,149,.22) !important;
}

#ent-mcq-book-app .ent-mcq-result-card h2,
#ent-mcq-book-app .ent-mcq-result-card .ent-kicker,
#ent-mcq-book-app .ent-mcq-result-message{
    color:#ffffff !important;
}

#ent-mcq-book-app .ent-score{
    color:#fde047 !important;
    text-shadow:0 2px 4px rgba(0,0,0,.15);
}

#ent-mcq-book-app .ent-result-icon{
    background:#ffffff !important;
    color:#059669 !important;
}


/* =========================================================
   10. RESULT SUMMARY BOXES
   ========================================================= */

#ent-mcq-book-app .ent-result-grid > div{
    border:none !important;
    box-shadow:0 6px 16px rgba(15,23,42,.12) !important;
}

#ent-mcq-book-app .ent-result-grid > div:nth-child(1){
    background:linear-gradient(135deg,#059669,#10b981) !important;
}

#ent-mcq-book-app .ent-result-grid > div:nth-child(2){
    background:linear-gradient(135deg,#dc2626,#ef4444) !important;
}

#ent-mcq-book-app .ent-result-grid > div:nth-child(3){
    background:linear-gradient(135deg,#d97706,#f59e0b) !important;
}

#ent-mcq-book-app .ent-result-grid > div:nth-child(4){
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
}

#ent-mcq-book-app .ent-result-grid strong,
#ent-mcq-book-app .ent-result-grid span{
    color:#ffffff !important;
}

#ent-mcq-book-app .ent-result-grid strong{
    font-weight:900 !important;
}


/* =========================================================
   11. ANSWER REVIEW
   ========================================================= */

#ent-mcq-book-app .ent-mcq-review-heading{
    border-top:1px solid rgba(255,255,255,.24) !important;
}

#ent-mcq-book-app .ent-mcq-review-heading h3{
    color:#ffffff !important;
}

#ent-mcq-book-app .ent-mcq-review-heading p{
    color:rgba(255,255,255,.82) !important;
}

#ent-mcq-book-app .ent-review-item{
    background:#ffffff !important;
    color:#1f3f59 !important;
    border:none !important;
    border-left:5px solid #ef4444 !important;
}

#ent-mcq-book-app .ent-review-item *{
    color:#1f3f59 !important;
}


/* =========================================================
   12. HOVER EFFECT FOR BOOKS / CHAPTERS
   ========================================================= */

#ent-mcq-book-app .ent-mcq-book-card,
#ent-mcq-book-app .ent-mcq-chapter-card{
    transition:
        transform .20s ease,
        box-shadow .20s ease !important;
}

#ent-mcq-book-app .ent-mcq-book-card:hover,
#ent-mcq-book-app .ent-mcq-chapter-card:hover{
    transform:translateY(-4px) !important;
    box-shadow:0 14px 28px rgba(15,23,42,.22) !important;
}
/* =========================================================
   ENT OSCE / TOACS — FULL COLORFUL DESIGN
   ========================================================= */


/* =========================================================
   1. MAIN OSCE WORKSPACE
   ========================================================= */

#ent-osce-exam-app .ent-osce-book{
    background:linear-gradient(135deg,#eef6ff,#f4fbff,#eefaf5) !important;
    border:1px solid #d7e5ef !important;
    border-radius:22px !important;
    padding:28px !important;
    box-shadow:0 12px 30px rgba(15,60,100,.10) !important;
}


/* =========================================================
   2. CHAPTER CARDS — DIFFERENT COLORS
   ========================================================= */

#ent-osce-exam-app .ent-osce-chapter{
    border:none !important;
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 8px 20px rgba(15,23,42,.14) !important;
    transition:transform .2s ease,box-shadow .2s ease !important;
}

#ent-osce-exam-app .ent-osce-chapter:nth-child(4n+1){
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
}

#ent-osce-exam-app .ent-osce-chapter:nth-child(4n+2){
    background:linear-gradient(135deg,#059669,#10b981) !important;
}

#ent-osce-exam-app .ent-osce-chapter:nth-child(4n+3){
    background:linear-gradient(135deg,#7c3aed,#8b5cf6) !important;
}

#ent-osce-exam-app .ent-osce-chapter:nth-child(4n+4){
    background:linear-gradient(135deg,#ea580c,#f97316) !important;
}

#ent-osce-exam-app .ent-osce-chapter:hover{
    transform:translateY(-4px) !important;
    box-shadow:0 14px 28px rgba(15,23,42,.22) !important;
}


/* Chapter link */
#ent-osce-exam-app .ent-osce-chapter a{
    color:#ffffff !important;
    text-decoration:none !important;
}

/* Chapter title */
#ent-osce-exam-app .ent-osce-chapter h2{
    color:#ffffff !important;
    font-weight:800 !important;
}

/* All chapter text */
#ent-osce-exam-app .ent-osce-chapter span,
#ent-osce-exam-app .ent-osce-chapter p,
#ent-osce-exam-app .ent-osce-chapter strong{
    color:#ffffff !important;
}


/* Station count badge */
#ent-osce-exam-app .ent-osce-chapter-info span{
    display:inline-flex !important;
    width:max-content !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    color:#065f46 !important;
    font-weight:800 !important;
}


/* =========================================================
   3. CHAPTER ICON AREA
   ========================================================= */

#ent-osce-exam-app .ent-osce-chapter-info > div:first-child,
#ent-osce-exam-app .ent-osce-chapter-icon{
    background:rgba(255,255,255,.94) !important;
    border-radius:12px !important;
}


/* =========================================================
   4. STATION / SLIDESHOW CARD
   ========================================================= */

#ent-osce-exam-app .ent-osce-slide{
    background:linear-gradient(135deg,#0f4c81,#087f8c) !important;
    border:none !important;
    border-radius:20px !important;
    padding:28px !important;
    color:#ffffff !important;
    box-shadow:0 12px 30px rgba(15,76,129,.18) !important;
}


/* Station title */
#ent-osce-exam-app .ent-osce-slide > h2{
    color:#ffffff !important;
    font-weight:800 !important;
    margin-bottom:20px !important;
}


/* =========================================================
   5. QUESTION AREA
   ========================================================= */

#ent-osce-exam-app .ent-osce-question{
    background:#ffffff !important;
    color:#173f5f !important;
    border-radius:16px !important;
    padding:20px !important;
    box-shadow:0 6px 18px rgba(15,23,42,.10) !important;
}

#ent-osce-exam-app .ent-osce-question h3{
    color:#075985 !important;
    font-weight:800 !important;
    margin-top:0 !important;
}

#ent-osce-exam-app .ent-osce-question p,
#ent-osce-exam-app .ent-osce-question li,
#ent-osce-exam-app .ent-osce-question strong,
#ent-osce-exam-app .ent-osce-question span{
    color:#173f5f !important;
}


/* =========================================================
   6. STATION IMAGE
   ========================================================= */

#ent-osce-exam-app .ent-osce-station-image{
    background:#ffffff !important;
    padding:10px !important;
    border-radius:16px !important;
    box-shadow:0 6px 18px rgba(15,23,42,.12) !important;
}

#ent-osce-exam-app .ent-osce-station-image img{
    border-radius:12px !important;
    max-width:100% !important;
}


/* =========================================================
   7. SHOW ANSWER BUTTON
   ========================================================= */

#ent-osce-exam-app .ent-osce-answer-btn{
    background:linear-gradient(135deg,#f59e0b,#f97316) !important;
    color:#ffffff !important;
    border:none !important;
    border-radius:10px !important;
    padding:11px 18px !important;
    font-weight:800 !important;
    cursor:pointer !important;
    box-shadow:0 5px 14px rgba(249,115,22,.24) !important;
}

#ent-osce-exam-app .ent-osce-answer-btn:hover{
    transform:translateY(-2px) !important;
}


/* =========================================================
   8. ANSWER BOX
   ========================================================= */

#ent-osce-exam-app .ent-osce-answer{
    margin-top:18px !important;
    padding:22px !important;
    background:linear-gradient(135deg,#047857,#10b981) !important;
    border:none !important;
    border-radius:16px !important;
    color:#ffffff !important;
    box-shadow:0 8px 20px rgba(4,120,87,.18) !important;
}

#ent-osce-exam-app .ent-osce-answer h3{
    color:#ffffff !important;
    font-weight:800 !important;
}

#ent-osce-exam-app .ent-osce-answer p,
#ent-osce-exam-app .ent-osce-answer li,
#ent-osce-exam-app .ent-osce-answer span,
#ent-osce-exam-app .ent-osce-answer strong{
    color:#ffffff !important;
}


/* =========================================================
   9. PREVIOUS / NEXT BUTTONS
   ========================================================= */

#ent-osce-exam-app .ent-osce-prev-inline,
#ent-osce-exam-app #ent-osce-prev-slide{
    background:#e2e8f0 !important;
    color:#173f5f !important;
    border:none !important;
    border-radius:10px !important;
    padding:10px 16px !important;
    font-weight:800 !important;
}

#ent-osce-exam-app .ent-osce-next-inline,
#ent-osce-exam-app #ent-osce-next-slide{
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
    color:#ffffff !important;
    border:none !important;
    border-radius:10px !important;
    padding:10px 16px !important;
    font-weight:800 !important;
}


/* =========================================================
   10. SLIDE CONTROL BAR
   ========================================================= */

#ent-osce-exam-app .ent-osce-slide-controls{
    margin-top:18px !important;
    padding:14px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 5px 16px rgba(15,23,42,.08) !important;
}


/* =========================================================
   11. BACK LINKS
   ========================================================= */

#ent-osce-exam-app .ent-osce-book > p > a{
    display:inline-flex !important;
    align-items:center !important;
    padding:8px 14px !important;
    border-radius:9px !important;
    background:#ffffff !important;
    color:#075a9c !important;
    font-weight:800 !important;
    text-decoration:none !important;
    box-shadow:0 4px 12px rgba(15,23,42,.08) !important;
}


/* =========================================================
   12. SINGLE STATION VIEW
   ========================================================= */

#ent-osce-exam-app .ent-osce-book > h1{
    color:#0f4c81 !important;
    font-weight:800 !important;
}


/* =========================================================
   13. MOBILE
   ========================================================= */

@media(max-width:760px){

    #ent-osce-exam-app .ent-osce-slide{
        padding:18px !important;
    }

    #ent-osce-exam-app .ent-osce-question-row{
        flex-direction:column !important;
        align-items:stretch !important;
    }

    #ent-osce-exam-app .ent-osce-station-image img{
        width:100% !important;
        height:auto !important;
    }
}
/* =========================================================
   OSCE STATION VIEW — MULTI-COLOR BACKGROUND + READABLE UI
   ========================================================= */

/* Full page background */
body:has(.ent-osce-slide),
body:has(.ent-osce-book){
    background:
        radial-gradient(circle at 10% 15%, rgba(37,99,235,.18), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(16,185,129,.18), transparent 26%),
        radial-gradient(circle at 82% 85%, rgba(124,58,237,.14), transparent 28%),
        linear-gradient(
            135deg,
            #dbeafe 0%,
            #eef2ff 28%,
            #ecfdf5 55%,
            #fff7ed 78%,
            #f5f3ff 100%
        ) !important;
}


/* Remove plain white wrapper look */
body:has(.ent-osce-slide) main,
body:has(.ent-osce-slide) .wp-block-post-content,
body:has(.ent-osce-slide) .entry-content,
body:has(.ent-osce-book) main,
body:has(.ent-osce-book) .wp-block-post-content,
body:has(.ent-osce-book) .entry-content{
    background:transparent !important;
}


/* =========================================================
   MAIN STATION CARD
   ========================================================= */

.ent-osce-slide{
    background:
        linear-gradient(
            135deg,
            rgba(30,64,175,.96),
            rgba(8,145,178,.95),
            rgba(5,150,105,.94)
        ) !important;

    border:none !important;
    border-radius:22px !important;
    padding:28px !important;

    box-shadow:
        0 16px 35px rgba(15,23,42,.18),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
}


/* Station title */
.ent-osce-slide > h2{
    color:#ffffff !important;
    font-weight:800 !important;
}


/* =========================================================
   QUESTION / IMAGE INNER AREA
   ========================================================= */

.ent-osce-question-row{
    padding:22px !important;
    border-radius:18px !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.96),
            rgba(239,246,255,.96),
            rgba(236,253,245,.96)
        ) !important;

    box-shadow:0 8px 22px rgba(15,23,42,.12) !important;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.ent-osce-station-image{
    background:linear-gradient(135deg,#dbeafe,#dcfce7) !important;
    padding:10px !important;
    border-radius:16px !important;
    box-shadow:0 8px 18px rgba(15,23,42,.12) !important;
}

.ent-osce-station-image img{
    border-radius:12px !important;
    border:3px solid rgba(255,255,255,.9) !important;
}


/* =========================================================
   QUESTION BOX
   ========================================================= */

.ent-osce-question{
    background:
        linear-gradient(135deg,#ffffff,#eff6ff) !important;

    border-left:5px solid #2563eb !important;
    border-radius:14px !important;
    padding:20px !important;

    box-shadow:0 6px 16px rgba(15,23,42,.08) !important;
}

.ent-osce-question h3{
    color:#1d4ed8 !important;
    font-weight:800 !important;
}

.ent-osce-question p,
.ent-osce-question li,
.ent-osce-question span,
.ent-osce-question strong{
    color:#1e293b !important;
}


/* =========================================================
   STATION NUMBER BADGE
   ========================================================= */

.ent-osce-slide > div:first-child,
.ent-osce-station-number{
    color:#ffffff !important;
}


/* =========================================================
   SHOW ANSWER BUTTON
   ========================================================= */

.ent-osce-answer-btn{
    background:
        linear-gradient(135deg,#f59e0b,#f97316) !important;

    color:#ffffff !important;
    border:none !important;
    border-radius:12px !important;

    font-weight:800 !important;

    box-shadow:0 7px 18px rgba(249,115,22,.24) !important;
}


/* =========================================================
   NEXT / PREVIOUS BUTTONS
   ========================================================= */

.ent-osce-next-inline,
#ent-osce-next-slide{
    background:
        linear-gradient(135deg,#7c3aed,#8b5cf6) !important;

    color:#ffffff !important;
    border:none !important;
}

.ent-osce-prev-inline,
#ent-osce-prev-slide{
    background:
        linear-gradient(135deg,#0369a1,#0284c7) !important;

    color:#ffffff !important;
    border:none !important;
}


/* Button hover */
.ent-osce-answer-btn:hover,
.ent-osce-next-inline:hover,
.ent-osce-prev-inline:hover,
#ent-osce-next-slide:hover,
#ent-osce-prev-slide:hover{
    transform:translateY(-2px) !important;
    filter:brightness(1.05);
}


/* =========================================================
   ANSWER AREA AFTER CLICKING SHOW ANSWER
   ========================================================= */

.ent-osce-answer{
    background:
        linear-gradient(
            135deg,
            #047857,
            #059669,
            #10b981
        ) !important;

    border:none !important;
    border-radius:16px !important;

    padding:22px !important;

    box-shadow:0 8px 22px rgba(5,150,105,.20) !important;
}


/* Answer text */
.ent-osce-answer h3,
.ent-osce-answer p,
.ent-osce-answer li,
.ent-osce-answer span,
.ent-osce-answer strong{
    color:#ffffff !important;
}


/* =========================================================
   SLIDE CONTROL AREA
   ========================================================= */

.ent-osce-slide-controls,
.ent-osce-action-row{
    background:rgba(255,255,255,.14) !important;
    border-radius:14px !important;
    padding:12px !important;
}


/* =========================================================
   BACK TO CHAPTERS / STATIONS
   ========================================================= */

.ent-osce-book > p > a{
    background:linear-gradient(135deg,#ffffff,#e0f2fe) !important;
    color:#075985 !important;
    border-radius:10px !important;
    padding:8px 14px !important;
    font-weight:800 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

    .ent-osce-slide{
        padding:18px !important;
    }

    .ent-osce-question-row{
        flex-direction:column !important;
        gap:18px !important;
    }

    .ent-osce-station-image img{
        width:100% !important;
        height:auto !important;
    }
}
/* =========================================================
   OSCE STATION — KEEP BUTTONS ALWAYS ON SAME SCREEN
   Long questions scroll inside the card
   ========================================================= */

#ent-osce-exam-app .ent-osce-slide{
    display:flex !important;
    flex-direction:column !important;

    height:calc(100vh - 245px) !important;
    min-height:500px !important;
    max-height:720px !important;

    overflow:hidden !important;
    padding:22px 28px !important;
}


/* Station title / number stays at top */
#ent-osce-exam-app .ent-osce-slide > h2{
    flex:0 0 auto !important;
}


/* =========================================================
   IMAGE + QUESTION AREA
   ========================================================= */

#ent-osce-exam-app .ent-osce-question-row{
    flex:1 1 auto !important;
    min-height:0 !important;

    overflow-y:auto !important;
    overflow-x:hidden !important;

    align-items:flex-start !important;

    margin-bottom:12px !important;
    padding:18px !important;

    scrollbar-width:thin;
}


/* Question itself can scroll if very long */
#ent-osce-exam-app .ent-osce-question{
    min-height:0 !important;
}


/* Keep image from becoming too tall */
#ent-osce-exam-app .ent-osce-station-image{
    flex:0 0 auto !important;
}

#ent-osce-exam-app .ent-osce-station-image img{
    max-height:290px !important;
    width:auto !important;
    object-fit:contain !important;
}


/* =========================================================
   ANSWER
   Answer scrolls instead of increasing whole page height
   ========================================================= */

#ent-osce-exam-app .ent-osce-answer{
    order:2 !important;

    flex:0 1 auto !important;
    max-height:170px !important;

    overflow-y:auto !important;

    margin:8px 0 10px !important;
    padding:16px 18px !important;
}


/* =========================================================
   BUTTON AREA — ALWAYS VISIBLE AT BOTTOM
   ========================================================= */

#ent-osce-exam-app .ent-osce-action-row{
    order:3 !important;

    flex:0 0 auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;

    width:100% !important;

    margin-top:auto !important;
    padding:12px !important;

    position:relative !important;
    bottom:auto !important;

    background:rgba(255,255,255,.18) !important;
    border-radius:14px !important;
}


/* Give buttons equal width */
#ent-osce-exam-app .ent-osce-action-row > *{
    flex:1 1 0 !important;
    text-align:center !important;
}


/* Show Answer */
#ent-osce-exam-app .ent-osce-answer-btn{
    min-height:52px !important;
}


/* Previous / Next */
#ent-osce-exam-app .ent-osce-prev-inline,
#ent-osce-exam-app .ent-osce-next-inline,
#ent-osce-exam-app #ent-osce-prev-slide,
#ent-osce-exam-app #ent-osce-next-slide{
    min-height:52px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

    #ent-osce-exam-app .ent-osce-slide{
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
    }

    #ent-osce-exam-app .ent-osce-question-row{
        max-height:55vh !important;
    }

    #ent-osce-exam-app .ent-osce-action-row{
        flex-direction:column !important;
    }

    #ent-osce-exam-app .ent-osce-action-row > *{
        width:100% !important;
    }
}
/* =========================================================
   OSCE VIEWPORT POSITION
   ========================================================= */

#ent-osce-exam-app .ent-osce-slide{
    scroll-margin-top:120px !important;
}

#ent-osce-exam-app .ent-osce-action-row{
    position:sticky !important;
    bottom:0 !important;
    z-index:20 !important;
}
/* =========================================================
   OSCE CHAPTER HEADING — COMPACT
   Gives maximum screen space to station
   ========================================================= */

/* Main Ear OSCE / chapter heading */
#ent-osce-exam-app .ent-osce-book > h1{
    font-size:20px !important;
    line-height:1.15 !important;
    margin:4px 0 2px !important;
    padding:0 !important;
    font-weight:800 !important;
}

/* Subtitle below Ear OSCE */
#ent-osce-exam-app .ent-osce-book > h1 + p{
    font-size:12px !important;
    line-height:1.3 !important;
    margin:0 0 8px !important;
    padding:0 !important;
}

/* Reduce empty space above station */
#ent-osce-exam-app .ent-osce-slideshow{
    margin-top:6px !important;
}

/* Reduce surrounding chapter container spacing */
#ent-osce-exam-app .ent-osce-book{
    padding-top:8px !important;
    margin-top:4px !important;
}

/* Move station closer to heading */
#ent-osce-exam-app .ent-osce-slide{
    margin-top:5px !important;
}
/* REMOVE OSCE CHAPTER HEADING + SUBTITLE */

#ent-osce-exam-app .ent-osce-book > h1,
#ent-osce-exam-app .ent-osce-book > h1 + p{
    display:none !important;
}

/* Remove leftover space */
#ent-osce-exam-app .ent-osce-book{
    padding-top:0 !important;
}

#ent-osce-exam-app .ent-osce-slideshow,
#ent-osce-exam-app .ent-osce-slide{
    margin-top:0 !important;
}
/* =========================================================
   FORCE HIDE OSCE CHAPTER TITLE AREA
   ========================================================= */

body:has(#ent-osce-exam-app) #ent-osce-exam-app h1,
body:has(#ent-osce-exam-app) #ent-osce-exam-app h1 + p {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Pull OSCE station upward */
body:has(#ent-osce-exam-app) #ent-osce-exam-app .ent-osce-book,
body:has(#ent-osce-exam-app) #ent-osce-exam-app .ent-osce-slideshow {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* =========================================================
   FINAL OSCE STATION PAGE OVERRIDE
   Hide chapter title/subtitle and maximize station workspace.
   This intentionally does NOT depend on #ent-osce-exam-app.
   ========================================================= */

/* Hide chapter heading (e.g. "Ear Osce") and its subtitle */
.ent-osce-book > h1,
.ent-osce-book > h1 + p,
.ent-osce-slideshow > h1,
.ent-osce-slideshow > h1 + p {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Remove the space previously occupied by the heading */
.ent-osce-book {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.ent-osce-slideshow {
    margin-top: 8px !important;
    padding-top: 0 !important;
}

/* Keep the station itself high on the screen */
.ent-osce-slide {
    margin-top: 0 !important;
    scroll-margin-top: 125px !important;
}

/* Desktop: fit station and controls into the visible browser area */
@media (min-width: 761px) {
    .ent-osce-slide {
        display: flex !important;
        flex-direction: column !important;
        height: calc(100vh - 145px) !important;
        min-height: 520px !important;
        max-height: 760px !important;
        overflow: hidden !important;
        padding: 22px 28px !important;
    }

    .ent-osce-question-row {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        margin: 10px 0 12px !important;
    }

    .ent-osce-action-row {
        flex: 0 0 auto !important;
        margin-top: auto !important;
        position: relative !important;
        bottom: auto !important;
        z-index: 5 !important;
    }
}

/* Mobile: natural document flow */
@media (max-width: 760px) {
    .ent-osce-slide {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .ent-osce-question-row {
        overflow: visible !important;
        max-height: none !important;
    }

    .ent-osce-action-row {
        position: static !important;
    }
}
/* =========================================================
   OSCE COMPACT VIEW
   IMAGE + QUESTION + BUTTONS ON SAME SCREEN
   ========================================================= */

/* Main station card */
.ent-osce-slide{
    height:calc(100vh - 175px) !important;
    min-height:0 !important;
    max-height:610px !important;

    display:flex !important;
    flex-direction:column !important;

    padding:18px 28px 16px !important;
    overflow:hidden !important;
}


/* Station number/title area */
.ent-osce-slide > h2{
    flex:0 0 auto !important;
    margin:0 0 10px !important;
    min-height:42px !important;
}


/* IMAGE + QUESTION ROW */
.ent-osce-question-row{
    flex:1 1 auto !important;
    min-height:0 !important;

    padding:14px 20px !important;
    margin:0 0 10px !important;

    overflow:hidden !important;

    display:flex !important;
    align-items:center !important;
    gap:28px !important;
}


/* Reduce image size */
.ent-osce-station-image{
    flex:0 0 330px !important;
    padding:8px !important;
}

.ent-osce-station-image img{
    width:100% !important;
    height:230px !important;
    max-height:230px !important;

    object-fit:contain !important;
}


/* Question area */
.ent-osce-question{
    flex:1 1 auto !important;
    min-width:0 !important;

    max-height:230px !important;
    overflow-y:auto !important;

    padding:18px 20px !important;
}


/* =========================================================
   BUTTON ROW — ALWAYS VISIBLE
   ========================================================= */

.ent-osce-action-row{
    flex:0 0 64px !important;

    display:flex !important;
    align-items:center !important;
    gap:16px !important;

    width:100% !important;

    margin:0 !important;
    padding:8px 12px !important;

    position:relative !important;
    bottom:auto !important;

    overflow:visible !important;
}


/* Equal-size buttons */
.ent-osce-action-row button{
    flex:1 1 0 !important;

    height:48px !important;
    min-height:48px !important;

    margin:0 !important;
    padding:8px 16px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:16px !important;
    font-weight:800 !important;
}


/* =========================================================
   ANSWER — SCROLL INSIDE INSTEAD OF PUSHING BUTTONS DOWN
   ========================================================= */

.ent-osce-answer{
    flex:0 0 auto !important;

    max-height:150px !important;
    overflow-y:auto !important;

    margin:8px 0 !important;
    padding:14px 18px !important;
}


/* =========================================================
   REDUCE SPACE ABOVE STATION
   ========================================================= */

.ent-osce-book{
    padding-top:8px !important;
}

.ent-osce-book > p{
    margin:0 0 8px !important;
}

.ent-osce-slideshow{
    margin-top:0 !important;
}


/* =========================================================
   SMALLER LAPTOP SCREENS
   ========================================================= */

@media (max-height:800px) and (min-width:761px){

    .ent-osce-slide{
        height:570px !important;
        max-height:calc(100vh - 150px) !important;
        padding-top:14px !important;
    }

    .ent-osce-station-image img{
        height:210px !important;
        max-height:210px !important;
    }

    .ent-osce-question{
        max-height:210px !important;
    }

    .ent-osce-action-row{
        flex-basis:60px !important;
    }
}
/* =========================================================
   OSCE FULL-SCREEN SLIDESHOW — FINAL COMPACT VERSION
   ========================================================= */

/* Full-width WordPress content */
body:has(.ent-osce-slideshow) main,
body:has(.ent-osce-slideshow) .wp-site-blocks,
body:has(.ent-osce-slideshow) .wp-block-post-content,
body:has(.ent-osce-slideshow) .entry-content,
body:has(.ent-osce-slideshow) .is-layout-constrained {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* Main OSCE page */
.ent-osce-book {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:8px 24px 12px !important;
    box-sizing:border-box !important;
    border:0 !important;
    border-radius:0 !important;
}

/* Remove chapter title */
.ent-osce-book > h1 {
    display:none !important;
}

/* Back button */
.ent-osce-book > p:first-child {
    margin:0 0 8px !important;
    padding:0 !important;
}

/* Slideshow */
.ent-osce-slideshow {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   ONE ACTIVE STATION
   ========================================================= */

.ent-osce-slide {
    width:100% !important;

    /* Critical: fit station into current browser screen */
    height:calc(100vh - 175px) !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:14px 28px 12px !important;

    box-sizing:border-box !important;

    flex-direction:column !important;

    overflow:hidden !important;

    border-radius:22px !important;
}

/* IMPORTANT:
   PHP/JS controls display:none/flex.
   Do not force every slide to display here. */

.ent-osce-slide[style*="display: block"] {
    display:flex !important;
}


/* =========================================================
   STATION NUMBER / TITLE
   ========================================================= */

.ent-osce-slide > h2 {
    flex:0 0 48px !important;

    display:flex !important;
    align-items:center !important;

    margin:0 0 8px !important;
    padding:0 !important;

    font-size:22px !important;
    line-height:1 !important;
}


/* =========================================================
   IMAGE + QUESTION ROW
   ========================================================= */

.ent-osce-question-row {
    flex:1 1 auto !important;
    min-height:0 !important;

    width:100% !important;

    display:flex !important;
    align-items:stretch !important;

    gap:26px !important;

    margin:0 0 10px !important;
    padding:12px 18px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;
}


/* =========================================================
   IMAGE BOX
   ========================================================= */

.ent-osce-station-image {
    flex:0 0 42% !important;

    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:stretch !important;
    justify-content:stretch !important;

    overflow:hidden !important;

    border-radius:16px !important;
}


/* IMAGE FILLS THE COMPLETE BOX */
.ent-osce-station-image img {
    width:100% !important;
    height:100% !important;

    min-width:100% !important;
    min-height:100% !important;

    max-width:none !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    display:block !important;

    object-fit:contain !important;
    object-position:center !important;

    border-radius:14px !important;
}


/* =========================================================
   QUESTION BOX
   ========================================================= */

.ent-osce-question {
    flex:1 1 58% !important;

    min-width:0 !important;
    min-height:0 !important;

    height:100% !important;

    margin:0 !important;
    padding:18px 26px !important;

    box-sizing:border-box !important;

    overflow-y:auto !important;

    display:block !important;
}

.ent-osce-question h3 {
    margin:0 0 14px !important;
}


/* =========================================================
   ANSWER
   ========================================================= */

.ent-osce-answer {
    flex:0 0 auto !important;

    width:100% !important;

    max-height:120px !important;
    overflow-y:auto !important;

    margin:0 0 8px !important;
    padding:12px 18px !important;

    box-sizing:border-box !important;
}


/* =========================================================
   BUTTON ROW — ALWAYS VISIBLE
   ========================================================= */

.ent-osce-action-row {
    flex:0 0 58px !important;

    width:100% !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:14px !important;

    margin:0 !important;
    padding:4px 8px !important;

    box-sizing:border-box !important;

    position:relative !important;
    bottom:auto !important;

    overflow:visible !important;
}


/* All slideshow buttons */
.ent-osce-action-row button,
.ent-osce-action-row a {
    flex:1 1 0 !important;

    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;

    margin:0 !important;
    padding:8px 18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    box-sizing:border-box !important;

    font-size:16px !important;
    font-weight:800 !important;

    text-align:center !important;

    border-radius:12px !important;
}


/* =========================================================
   SHORT LAPTOP SCREENS
   ========================================================= */

@media (max-height:800px) and (min-width:761px) {

    .ent-osce-book {
        padding-top:5px !important;
    }

    .ent-osce-book > p:first-child {
        margin-bottom:5px !important;
    }

    .ent-osce-slide {
        height:calc(100vh - 155px) !important;
        padding:10px 22px !important;
    }

    .ent-osce-slide > h2 {
        flex-basis:42px !important;
        margin-bottom:5px !important;
    }

    .ent-osce-question-row {
        padding:10px 15px !important;
        margin-bottom:6px !important;
    }

    .ent-osce-action-row {
        flex-basis:54px !important;
    }

    .ent-osce-action-row button,
    .ent-osce-action-row a {
        height:46px !important;
        min-height:46px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:760px) {

    .ent-osce-book {
        padding:8px 10px !important;
    }

    .ent-osce-slide {
        height:auto !important;
        min-height:calc(100vh - 100px) !important;
        overflow:visible !important;
    }

    .ent-osce-question-row {
        flex-direction:column !important;
        overflow-y:auto !important;
    }

    .ent-osce-station-image {
        flex:none !important;
        width:100% !important;
        height:260px !important;
    }

    .ent-osce-question {
        flex:none !important;
        width:100% !important;
        height:auto !important;
    }

    .ent-osce-action-row {
        flex-wrap:wrap !important;
        height:auto !important;
        flex-basis:auto !important;
    }
}
/* =========================================================
   MCQ EXAM — FINAL TWO COLUMN LAYOUT
   LEFT = QUESTION
   RIGHT = OPTIONS
   DESKTOP
   ========================================================= */

@media (min-width: 900px) {

    /* Main MCQ card */
    #ent-mcq-book-app.is-exam-mode .ent-mcq-question-card {

        display: grid !important;

        grid-template-columns:
            minmax(0, 44%)
            minmax(0, 56%) !important;

        grid-template-rows:
            42px
            minmax(0, 1fr)
            42px
            54px !important;

        grid-template-areas:
            "meta options"
            "question options"
            "note note"
            "actions actions" !important;

        column-gap: 18px !important;
        row-gap: 8px !important;

        height: 100% !important;
        min-height: 0 !important;

        padding: 14px 18px !important;

        overflow: hidden !important;
    }


    /* =====================================================
       QUESTION NUMBER / HINT — LEFT TOP
       ===================================================== */

    #ent-mcq-book-app.is-exam-mode .ent-question-meta {

        grid-area: meta !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* Question number badge */
    #ent-mcq-book-app.is-exam-mode #ent-question-number {

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 34px !important;

        padding: 6px 12px !important;

        border-radius: 9px !important;

        background: linear-gradient(
            135deg,
            #0b75c9,
            #12a06d
        ) !important;

        color: #ffffff !important;

        font-size: 12px !important;
        font-weight: 800 !important;
    }


    /* Hint */
    #ent-mcq-book-app.is-exam-mode .ent-mcq-question-hint {

        color: rgba(255,255,255,.75) !important;

        font-size: 11px !important;
        font-weight: 600 !important;
    }


    /* =====================================================
       QUESTION STATEMENT — LEFT SIDE
       ===================================================== */

    #ent-mcq-book-app.is-exam-mode #ent-question {

        grid-area: question !important;

        width: 100% !important;
        height: 100% !important;

        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 24px 26px !important;

        box-sizing: border-box !important;

        background:
            linear-gradient(
                135deg,
                #ffffff,
                #f7fbff
            ) !important;

        color: #172554 !important;

        border-left: 5px solid #2563eb !important;
        border-radius: 14px !important;

        box-shadow:
            0 6px 16px rgba(15,23,42,.08) !important;

        font-size: clamp(18px,1.35vw,23px) !important;
        font-weight: 700 !important;
        line-height: 1.45 !important;

        overflow-y: auto !important;

        display: block !important;
    }


    /* =====================================================
       OPTIONS — RIGHT SIDE
       ===================================================== */

    #ent-mcq-book-app.is-exam-mode #ent-options {

        grid-area: options !important;

        width: 100% !important;
        height: 100% !important;

        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        display: grid !important;

        grid-template-columns: 1fr !important;

        grid-template-rows:
            repeat(5, minmax(0, 1fr)) !important;

        gap: 8px !important;

        overflow: hidden !important;
    }


    /* Individual option */
    #ent-mcq-book-app.is-exam-mode
    #ent-options .ent-option {

        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;

        margin: 0 !important;
        padding: 12px 18px !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;

        background: #ffffff !important;

        border: 1px solid #d9e5ef !important;

        border-radius: 11px !important;

        color: #123f68 !important;

        box-shadow:
            0 3px 10px rgba(15,23,42,.04) !important;

        overflow: hidden !important;

        transition:
            background .18s ease,
            border-color .18s ease,
            transform .18s ease,
            box-shadow .18s ease !important;
    }


    /* Option hover */
    #ent-mcq-book-app.is-exam-mode
    #ent-options .ent-option:hover {

        border-color: #2563eb !important;

        background: #eff6ff !important;

        transform: translateY(-1px) !important;

        box-shadow:
            0 5px 12px rgba(37,99,235,.10) !important;
    }


    /* Selected option */
    #ent-mcq-book-app.is-exam-mode
    #ent-options .ent-option.ent-selected {

        background:
            linear-gradient(
                135deg,
                #dcfce7,
                #ecfdf5
            ) !important;

        border-color: #16a34a !important;

        box-shadow:
            inset 5px 0 0 #16a34a,
            0 4px 12px rgba(22,163,74,.10) !important;
    }


    /* Radio */
    #ent-mcq-book-app.is-exam-mode
    #ent-options .ent-option input {

        flex: 0 0 auto !important;

        margin:
            0
            14px
            0
            0 !important;
    }


    /* Option text */
    #ent-mcq-book-app.is-exam-mode
    #ent-options .ent-option span {

        font-size: 14px !important;

        line-height: 1.3 !important;

        font-weight: 600 !important;

        color: #17436a !important;

        overflow-wrap: anywhere !important;
    }


    /* =====================================================
       INFORMATION NOTE
       ===================================================== */

    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-submit-note {

        grid-area: note !important;

        width: 100% !important;

        min-height: 38px !important;

        margin: 0 !important;
        padding: 6px 10px !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;

        background: #f0f8f4 !important;

        border: 1px solid #d3eadc !important;

        border-radius: 9px !important;

        color: #35634c !important;

        font-size: 11px !important;
    }


    /* =====================================================
       PREVIOUS / NEXT / SUBMIT
       ===================================================== */

    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-actions {

        grid-area: actions !important;

        width: 100% !important;

        display: grid !important;

        grid-template-columns:
            1fr
            1fr
            1.15fr !important;

        gap: 10px !important;

        margin: 0 !important;

        padding:
            4px
            0
            0 !important;

        position: static !important;

        bottom: auto !important;

        border: 0 !important;

        background: transparent !important;
    }


    /* Buttons */
    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-actions .ent-btn {

        width: 100% !important;

        height: 46px !important;
        min-height: 46px !important;

        margin: 0 !important;

        padding: 8px 15px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;

        font-size: 14px !important;
        font-weight: 800 !important;

        border-radius: 10px !important;
    }


    /* Previous */
    #ent-mcq-book-app.is-exam-mode
    #ent-prev {

        background: #ffffff !important;

        color: #0b5cab !important;

        border: 1px solid #c9dceb !important;
    }


    /* Next */
    #ent-mcq-book-app.is-exam-mode
    #ent-next {

        background:
            linear-gradient(
                135deg,
                #1769e0,
                #1689d5
            ) !important;

        color: #ffffff !important;
    }


    /* Submit */
    #ent-mcq-book-app.is-exam-mode
    #ent-submit {

        background:
            linear-gradient(
                135deg,
                #12864e,
                #17ad69
            ) !important;

        color: #ffffff !important;
    }


    /* =====================================================
       PREVENT OLD AUTO-FIT CSS FROM BREAKING LAYOUT
       ===================================================== */

    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-card.ent-fit-compact,

    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-card.ent-fit-tight,

    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-card.ent-fit-ultra {

        display: grid !important;

        grid-template-columns:
            minmax(0,44%)
            minmax(0,56%) !important;

        grid-template-rows:
            42px
            minmax(0,1fr)
            42px
            54px !important;

        grid-template-areas:
            "meta options"
            "question options"
            "note note"
            "actions actions" !important;

        column-gap: 18px !important;
        row-gap: 8px !important;
    }


    /* Stop old compact rules changing question size */
    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-card.ent-fit-compact #ent-question,

    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-card.ent-fit-tight #ent-question,

    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-card.ent-fit-ultra #ent-question {

        margin: 0 !important;

        padding: 24px 26px !important;

        font-size: clamp(18px,1.35vw,23px) !important;

        line-height: 1.45 !important;
    }


    /* Stop old compact rules shrinking options */
    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-card.ent-fit-compact
    #ent-options .ent-option,

    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-card.ent-fit-tight
    #ent-options .ent-option,

    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-card.ent-fit-ultra
    #ent-options .ent-option {

        padding: 12px 18px !important;

        font-size: 14px !important;
    }
}


/* =========================================================
   TABLET / MOBILE
   NORMAL VERTICAL MCQ LAYOUT
   ========================================================= */

@media (max-width: 899px) {

    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-card {

        display: flex !important;

        flex-direction: column !important;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        overflow: visible !important;

        padding: 16px !important;
    }


    /* Question metadata */
    #ent-mcq-book-app.is-exam-mode
    .ent-question-meta {

        order: 1 !important;

        margin-bottom: 8px !important;
    }


    /* Question */
    #ent-mcq-book-app.is-exam-mode
    #ent-question {

        order: 2 !important;

        width: 100% !important;

        height: auto !important;

        margin: 0 0 12px !important;

        padding: 18px !important;

        background: #ffffff !important;

        color: #172554 !important;

        border-left: 4px solid #2563eb !important;

        border-radius: 12px !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    /* Options */
    #ent-mcq-book-app.is-exam-mode
    #ent-options {

        order: 3 !important;

        width: 100% !important;

        height: auto !important;

        display: grid !important;

        grid-template-columns: 1fr !important;

        grid-template-rows: none !important;

        gap: 8px !important;

        overflow: visible !important;
    }


    #ent-mcq-book-app.is-exam-mode
    #ent-options .ent-option {

        min-height: 48px !important;

        height: auto !important;
    }


    /* Instruction */
    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-submit-note {

        order: 4 !important;

        margin-top: 10px !important;
    }


    /* Buttons */
    #ent-mcq-book-app.is-exam-mode
    .ent-mcq-question-actions {

        order: 5 !important;

        display: grid !important;

        grid-template-columns:
            1fr
            1fr !important;

        gap: 8px !important;

        margin-top: 10px !important;
    }


    #ent-mcq-book-app.is-exam-mode
    #ent-submit {

        grid-column:
            1 / -1 !important;
    }
}
/* =========================================================
   MCQ COLORS
   QUESTION = BLUE
   OPTIONS = GREEN
   ========================================================= */

/* QUESTION BOX — BLUE */
#ent-mcq-book-app.is-exam-mode #ent-question {
    background: linear-gradient(
        135deg,
        #1d4ed8 0%,
        #2563eb 55%,
        #0284c7 100%
    ) !important;

    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,.25) !important;
    border-left: 6px solid #60a5fa !important;

    box-shadow:
        0 8px 20px rgba(29,78,216,.22) !important;
}


/* Make everything inside question white */
#ent-mcq-book-app.is-exam-mode #ent-question,
#ent-mcq-book-app.is-exam-mode #ent-question * {
    color: #ffffff !important;
}


/* =========================================================
   ALL OPTION BOXES — GREEN
   ========================================================= */

#ent-mcq-book-app.is-exam-mode
#ent-options .ent-option {

    background: linear-gradient(
        135deg,
        #ecfdf5 0%,
        #d1fae5 100%
    ) !important;

    color: #065f46 !important;

    border: 2px solid #34d399 !important;

    box-shadow:
        0 4px 10px rgba(16,185,129,.10) !important;
}


/* OPTION TEXT */
#ent-mcq-book-app.is-exam-mode
#ent-options .ent-option span {

    color: #065f46 !important;
    font-weight: 700 !important;
}


/* RADIO BUTTON */
#ent-mcq-book-app.is-exam-mode
#ent-options .ent-option input[type="radio"] {

    accent-color: #059669 !important;
}


/* =========================================================
   OPTION HOVER
   ========================================================= */

#ent-mcq-book-app.is-exam-mode
#ent-options .ent-option:hover {

    background: linear-gradient(
        135deg,
        #d1fae5,
        #a7f3d0
    ) !important;

    border-color: #059669 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 6px 15px rgba(5,150,105,.18) !important;
}


/* =========================================================
   SELECTED OPTION — STRONG GREEN
   ========================================================= */

#ent-mcq-book-app.is-exam-mode
#ent-options .ent-option.ent-selected {

    background: linear-gradient(
        135deg,
        #059669,
        #10b981
    ) !important;

    border-color: #047857 !important;

    box-shadow:
        0 6px 16px rgba(5,150,105,.28) !important;

    transform: translateY(-1px) !important;
}


/* Selected option text becomes white */
#ent-mcq-book-app.is-exam-mode
#ent-options .ent-option.ent-selected span {

    color: #ffffff !important;
}


/* Selected radio */
#ent-mcq-book-app.is-exam-mode
#ent-options .ent-option.ent-selected input[type="radio"] {

    accent-color: #ffffff !important;
}
/* =========================================
   SCORE PROGRESS GRAPH — PROFESSIONAL COLORS
   ========================================= */

/* Main card */
.ent-dashboard-graphs .ent-dashboard-chart-card:first-child {
    background: linear-gradient(135deg, #eef6ff 0%, #e8f7f5 100%) !important;
    border: 1px solid #c8dfea !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(20, 75, 110, .10) !important;
}

/* Heading */
.ent-dashboard-graphs .ent-dashboard-chart-card:first-child
.ent-dashboard-card-head h2 {
    color: #0b4f78 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
}

/* Subtitle */
.ent-dashboard-graphs .ent-dashboard-chart-card:first-child
.ent-dashboard-card-head p {
    color: #527489 !important;
    font-weight: 500 !important;
}

/* Inner graph area */
.ent-dashboard-graphs .ent-dashboard-chart-card:first-child
.ent-dashboard-line-chart {
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.78),
        rgba(224,243,247,.88)
    ) !important;

    border: 1px solid #bed9e5 !important;
    border-radius: 14px !important;
    padding: 14px 12px 10px !important;
}

/* Horizontal grid lines */
.ent-dashboard-graphs .ent-dashboard-chart-card:first-child
.ent-dashboard-line-chart .grid {
    stroke: #9bbdce !important;
    stroke-width: 1.3 !important;
}

/* Score line */
.ent-dashboard-graphs .ent-dashboard-chart-card:first-child
.ent-dashboard-line-chart .line {
    stroke: #087fa6 !important;
    stroke-width: 5 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Soft area underneath graph */
.ent-dashboard-graphs .ent-dashboard-chart-card:first-child
.ent-dashboard-line-chart .area {
    fill: rgba(8, 127, 166, .10) !important;
}

/* Graph points */
.ent-dashboard-graphs .ent-dashboard-chart-card:first-child
.ent-dashboard-line-chart .point {
    fill: #ffffff !important;
    stroke: #15966d !important;
    stroke-width: 4 !important;
}

/* Chapter labels */
.ent-dashboard-graphs .ent-dashboard-chart-card:first-child
.ent-dashboard-line-chart-labels {
    margin-top: 8px !important;
    color: #244f69 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.ent-dashboard-graphs .ent-dashboard-chart-card:first-child
.ent-dashboard-line-chart-labels span {
    color: #244f69 !important;
    opacity: 1 !important;
}