/**
 * Master Exam Pro - Dashboard CSS.
 */

.mep-dash {
    max-width: 1200px;
    margin: 28px auto;
    padding: 0 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #1f2937;
}

/* Hero */
.mep-dash-hero {
    display:flex; align-items:center; gap:20px; flex-wrap:wrap;
    background: linear-gradient(135deg,#3b82f6,#8b5cf6);
    color:#fff;
    border-radius:14px;
    padding:24px 28px;
    margin-bottom:18px;
    box-shadow: 0 8px 24px rgba(59,130,246,.18);
}
.mep-dash-avatar {
    width:64px; height:64px; border-radius:50%;
    background:#fff; color:#3b82f6;
    display:flex; align-items:center; justify-content:center;
    font-size:28px; font-weight:700;
}
.mep-dash-hero-info { flex:1; min-width:200px; }
.mep-dash-hero-info h2 { margin:0 0 4px; color:#fff; font-size:22px; }
.mep-dash-hero-info p  { margin:0; color:rgba(255,255,255,.85); }
.mep-dash-hero-stats { display:flex; gap:18px; flex-wrap:wrap; }
.mep-stat { text-align:center; min-width:80px; }
.mep-stat-num { display:block; font-size:24px; font-weight:700; color:#fff; }
.mep-stat-label { display:block; font-size:12px; color:rgba(255,255,255,.85); }

/* Tabs */
.mep-dash-tabs {
    display:flex; gap:4px; flex-wrap:wrap;
    background:#fff;
    border:1px solid #e6e8eb;
    border-radius:10px;
    padding:6px;
    margin-bottom:18px;
}
.mep-dash-tab {
    padding:9px 16px;
    border-radius:7px;
    text-decoration:none;
    color:#4b5563;
    font-size:14px; font-weight:500;
    transition: all .15s ease;
}
.mep-dash-tab:hover { background:#f3f4f6; color:#111827; }
.mep-dash-tab.active { background:#3b82f6; color:#fff; }

/* Grid layout for overview */
.mep-dash-grid { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
@media (max-width:860px){ .mep-dash-grid { grid-template-columns: 1fr; } }

/* Tables */
.mep-table { width:100%; border-collapse:collapse; font-size:14px; }
.mep-table thead th {
    text-align:left;
    padding:10px 8px;
    font-size:12px; text-transform:uppercase;
    color:#6b7280; border-bottom:2px solid #e5e7eb;
    letter-spacing:.5px;
}
.mep-table tbody td { padding:11px 8px; border-bottom:1px solid #f3f4f6; vertical-align:middle; }
.mep-table tbody tr:hover { background:#f9fafb; }

/* Lists */
.mep-list { list-style:none; padding:0; margin:0; }
.mep-list li { padding:10px 0; border-bottom:1px solid #f3f4f6; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mep-list li:last-child { border-bottom:0; }

/* Exam grid */
.mep-exam-grid {
    display:grid; gap:16px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.mep-exam-card {
    border:1px solid #e6e8eb;
    border-radius:12px;
    padding:18px;
    background:#fff;
    transition: all .15s ease;
    display:flex; flex-direction:column;
}
.mep-exam-card:hover { border-color:#3b82f6; box-shadow:0 4px 12px rgba(59,130,246,.1); transform: translateY(-2px); }
.mep-exam-card-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.mep-exam-card h4 { margin:0 0 6px; font-size:16px; color:#111827; }
.mep-exam-meta { list-style:none; padding:0; margin:12px 0; font-size:13px; color:#4b5563; }
.mep-exam-meta li { padding:3px 0; }
.mep-exam-card .mep-btn { margin-top:auto; }
.mep-price { font-weight:700; color:#111827; font-size:16px; }

/* Result page */
.mep-result-page { padding-top: 12px; }
.mep-result-summary { text-align:center; padding:30px 24px; }
.mep-result-icon { font-size:54px; margin-bottom:6px; }
.mep-result-summary h1 { margin:6px 0 4px; }
.mep-result-stats {
    display:flex; gap:24px; justify-content:center;
    margin:24px 0 18px; flex-wrap:wrap;
}
.mep-stat-big { display:flex; flex-direction:column; align-items:center; }
.mep-stat-big .num { font-size:30px; font-weight:700; color:#111827; }
.mep-stat-big .label { font-size:12px; color:#6b7280; text-transform:uppercase; letter-spacing:.5px; }
.mep-stat-big .num.mep-pass { color:#16a34a; }
.mep-stat-big .num.mep-fail { color:#dc2626; }
.mep-result-counters { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }

/* Review */
.mep-review-q {
    border:1px solid #e6e8eb;
    border-radius:8px;
    padding:14px 18px;
    margin-bottom:14px;
    background:#fff;
}
.mep-review-q-head { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.mep-review-q-body { font-size:15px; line-height:1.6; margin-bottom:10px; }
.mep-review-options { list-style:none; padding:0; margin:0; }
.mep-review-options li {
    padding:8px 12px;
    border:1px solid #e5e7eb;
    border-radius:6px;
    margin-bottom:6px;
    background:#fafafa;
    font-size:14px;
}
.mep-review-options li.is-correct { background:#dcfce7; border-color:#86efac; }
.mep-review-options li.is-user-wrong { background:#fee2e2; border-color:#fca5a5; }
.mep-review-options li.is-user-right { font-weight:600; }
.mep-opt-key {
    display:inline-block; min-width:24px; height:24px; line-height:24px; text-align:center;
    background:#fff; border:1px solid #d1d5db; border-radius:50%;
    margin-right:8px; font-weight:600; font-size:12px;
}
.mep-tag {
    display:inline-block; padding:1px 8px; border-radius:6px;
    font-size:11px; font-weight:600; margin-left:8px;
}
.mep-tag-ok  { background:#16a34a; color:#fff; }
.mep-tag-bad { background:#dc2626; color:#fff; }
.mep-review-explanation {
    margin-top:10px; padding:10px 14px; background:#fef9c3;
    border-left:4px solid #eab308; border-radius:4px; font-size:14px;
}
.mep-review-correct  { border-left:4px solid #16a34a; }
.mep-review-wrong    { border-left:4px solid #dc2626; }
.mep-review-unattempted { border-left:4px solid #9ca3af; }

/* Simple exam */
.mep-simple-exam .mep-simple-header { text-align:center; }
.mep-simple-meta { display:flex; gap:14px; justify-content:center; align-items:center; margin:10px 0; flex-wrap:wrap; font-size:14px; color:#374151; }
.mep-simple-q-num { font-size:13px; color:#6b7280; margin-bottom:6px; font-weight:600; }
.mep-simple-q-text { font-size:16px; line-height:1.6; margin-bottom:14px; }
.mep-simple-options { display:flex; flex-direction:column; gap:8px; }
.mep-simple-option {
    display:flex; align-items:flex-start; gap:10px;
    padding:10px 14px; border:1px solid #e5e7eb; border-radius:7px;
    cursor:pointer; transition: all .12s ease;
    background:#fff;
}
.mep-simple-option:hover { border-color:#3b82f6; background:#eff6ff; }
.mep-simple-option.is-selected { border-color:#3b82f6; background:#eff6ff; }
.mep-simple-option input { margin-top:3px; }
.mep-simple-opt-key {
    display:inline-block; min-width:24px; height:24px; line-height:24px; text-align:center;
    background:#f3f4f6; border-radius:50%; font-weight:600; font-size:12px;
}
.mep-simple-text { width:100%; padding:10px; border:1px solid #d1d5db; border-radius:6px; }
#mep-simple-timer { font-weight:700; color:#3b82f6; }