/* =========================================
   PLMS / NEOOVERSE PREMIUM UI
   FULL FINAL STYLESHEET
   ========================================= */

:root {
    --plms-bg: #07111f;
    --plms-bg-deep: #040b16;

    --plms-surface: rgba(16, 27, 45, 0.78);
    --plms-surface-soft: rgba(18, 32, 52, 0.72);
    --plms-surface-strong: rgba(23, 39, 62, 0.9);
    --plms-surface-solid: #0f1b2d;
    --plms-surface-solid-2: #13233a;
    --plms-surface-solid-3: #182943;

    --plms-border: rgba(255, 255, 255, 0.08);
    --plms-border-strong: rgba(96, 165, 250, 0.34);

    --plms-text: #edf4ff;
    --plms-text-soft: #bfd0e6;
    --plms-text-muted: #8ea4c1;

    --plms-primary: #2f80ff;
    --plms-primary-2: #58a6ff;
    --plms-primary-dark: #1c5fd6;
    --plms-primary-soft: rgba(47, 128, 255, 0.16);

    --plms-success: #22c55e;
    --plms-success-soft: rgba(34, 197, 94, 0.14);

    --plms-warning: #f59e0b;
    --plms-warning-soft: rgba(245, 158, 11, 0.14);

    --plms-danger: #ef4444;
    --plms-danger-soft: rgba(239, 68, 68, 0.14);

    --plms-shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.22);
    --plms-shadow-md: 0 18px 40px rgba(0, 0, 0, 0.3);
    --plms-shadow-lg: 0 30px 70px rgba(0, 0, 0, 0.4);

    --plms-radius-sm: 12px;
    --plms-radius-md: 18px;
    --plms-radius-lg: 24px;

    --plms-blur: blur(14px);
}

/* =========================================
   GLOBAL
   ========================================= */

html,
body {
    min-height: 100%;
}

body {
    background:
        radial-gradient(circle at 10% 15%, rgba(47, 128, 255, 0.18), transparent 24%),
        radial-gradient(circle at 85% 10%, rgba(88, 166, 255, 0.12), transparent 22%),
        radial-gradient(circle at 70% 80%, rgba(47, 128, 255, 0.10), transparent 22%),
        linear-gradient(180deg, var(--plms-bg) 0%, var(--plms-bg-deep) 100%);
    color: var(--plms-text);
}

/* Full-width LMS layout */
.site-content,
.content-area,
.site-main,
.entry-content,
.container,
.content-inside {
    width: 100% !important;
    max-width: 100% !important;
}

.entry-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.plms-course-catalog-wrap,
.plms-dashboard-wrap,
.plms-certificates-list-wrap,
.plms-certificate-verify-wrap,
.plms-course-player,
.plms-lesson-player,
.plms-assignment-wrap,
.plms-quiz-wrap,
.plms-certificate-wrap {
    width: 100%;
    max-width: 100%;
    margin: 34px 0;
    padding: 0 32px;
    color: var(--plms-text);
    box-sizing: border-box;
}

.plms-course-catalog-wrap h2,
.plms-dashboard-wrap h2,
.plms-certificates-list-wrap h2,
.plms-certificate-verify-wrap h2,
.plms-course-player h2,
.plms-lesson-player h2,
.plms-assignment-wrap h2,
.plms-assignment-wrap h3,
.plms-quiz-wrap h2,
.plms-quiz-wrap h3,
.plms-certificate-wrap h2 {
    margin: 0 0 16px;
    color: var(--plms-text);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.plms-dashboard-wrap > p,
.plms-course-catalog-wrap > p {
    color: var(--plms-text-soft);
    font-size: 15px;
    line-height: 1.7;
}

.plms-course-card p,
.plms-dashboard-course-card p,
.plms-course-player p,
.plms-lesson-player p,
.plms-assignment-wrap p,
.plms-quiz-wrap p,
.plms-course-card li,
.plms-dashboard-course-card li,
.plms-certificates-list-wrap p,
.plms-certificate-wrap p {
    color: var(--plms-text-soft);
    line-height: 1.7;
}

.plms-course-card strong,
.plms-dashboard-course-card strong,
.plms-course-player strong,
.plms-lesson-player strong,
.plms-assignment-wrap strong,
.plms-quiz-wrap strong,
.plms-certificates-list-wrap strong,
.plms-certificate-wrap strong {
    color: var(--plms-text);
}

a {
    color: #89c4ff;
    transition: color 0.2s ease, opacity 0.2s ease;
}

a:hover {
    color: #c6e3ff;
}

/* =========================================
   GLASS CARD SYSTEM
   ========================================= */

.plms-course-card,
.plms-dashboard-course-card,
.plms-course-player,
.plms-lesson-player,
.plms-assignment-wrap,
.plms-quiz-wrap,
.plms-certificates-list-wrap .plms-certificate-card,
.plms-dashboard-assessments > div,
.plms-dashboard-assessments .plms-course-card {
    position: relative;
    border: 1px solid var(--plms-border);
    background: linear-gradient(180deg, rgba(20, 34, 56, 0.92) 0%, rgba(12, 21, 37, 0.9) 100%) !important;
    backdrop-filter: var(--plms-blur);
    -webkit-backdrop-filter: var(--plms-blur);
    border-radius: var(--plms-radius-md);
    padding: 24px;
    box-shadow: var(--plms-shadow-sm);
    overflow: hidden;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.plms-course-card::before,
.plms-dashboard-course-card::before,
.plms-course-player::before,
.plms-lesson-player::before,
.plms-assignment-wrap::before,
.plms-quiz-wrap::before,
.plms-certificates-list-wrap .plms-certificate-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(88, 166, 255, 0.08), transparent 35%, transparent 65%, rgba(47, 128, 255, 0.06));
    pointer-events: none;
}

.plms-course-card:hover,
.plms-dashboard-course-card:hover,
.plms-certificates-list-wrap .plms-certificate-card:hover {
    transform: translateY(-4px);
    border-color: var(--plms-border-strong);
    box-shadow: var(--plms-shadow-md);
}

.plms-course-card h3,
.plms-dashboard-course-card h3,
.plms-course-card h4,
.plms-course-player h3,
.plms-course-player h4,
.plms-lesson-player h3,
.plms-lesson-player h4,
.plms-assignment-wrap h4,
.plms-quiz-wrap h4,
.plms-certificates-list-wrap h3 {
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--plms-text);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.plms-course-catalog-grid,
.plms-cert-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
    gap: 22px;
    width: 100%;
}

/* =========================================
   FORCE NESTED CARDS DARK
   ========================================= */

.plms-course-card .plms-course-card,
.plms-dashboard-course-card .plms-course-card,
.plms-course-player .plms-course-card,
.plms-lesson-player .plms-course-card,
.plms-dashboard-assessments .plms-course-card,
.plms-dashboard-assessments > div,
.plms-course-section,
.plms-lock-message,
.plms-quiz-locked,
.plms-existing-grade,
.plms-assignment-result > div,
.plms-quiz-result-box {
    background: linear-gradient(180deg, rgba(17, 30, 50, 0.94) 0%, rgba(11, 21, 37, 0.92) 100%) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: var(--plms-text) !important;
}

/* =========================================
   CONTENT BLOCKS
   ========================================= */

.plms-course-description,
.plms-lesson-content,
.plms-assignment-content,
.plms-quiz-result,
.plms-assignment-result {
    margin-top: 14px;
    line-height: 1.8;
    color: var(--plms-text-soft);
    font-size: 15px;
}

.plms-course-description a,
.plms-lesson-content a,
.plms-assignment-content a {
    color: #9ed0ff;
    text-decoration: none;
    border-bottom: 1px solid rgba(158, 208, 255, 0.35);
}

.plms-course-description a:hover,
.plms-lesson-content a:hover,
.plms-assignment-content a:hover {
    color: #d2e9ff;
    border-bottom-color: rgba(210, 233, 255, 0.65);
}

.plms-course-section {
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.plms-course-section h3,
.plms-course-section h4 {
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--plms-text);
    font-size: 18px;
}

.plms-course-section ul {
    margin: 0;
    padding-left: 20px;
}

.plms-course-section li {
    margin-bottom: 10px;
    color: var(--plms-text-soft);
}

/* =========================================
   PROGRESS BAR
   ========================================= */

.plms-progress-wrapper {
    margin: 18px 0;
}

.plms-progress-bar {
    width: 100%;
    height: 12px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
}

.plms-progress-bar__fill {
    height: 100%;
    background: linear-gradient(90deg, var(--plms-primary) 0%, var(--plms-primary-2) 50%, #8bc7ff 100%);
    border-radius: 999px;
    transition: width 0.35s ease;
    box-shadow:
        0 0 18px rgba(47, 128, 255, 0.65),
        0 0 28px rgba(47, 128, 255, 0.25);
}

/* =========================================
   BUTTONS
   ========================================= */

.plms-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.plms-action-row .button,
.plms-course-card .button,
.plms-dashboard-course-card .button,
.plms-course-player .button,
.plms-lesson-player .button,
.plms-assignment-wrap .button,
.plms-quiz-wrap .button,
button,
input[type="submit"],
input[type="button"] {
    appearance: none;
    border-radius: 999px;
    padding: 11px 16px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.12);
    color: var(--plms-text);
    background: rgba(255,255,255,0.05);
    box-shadow: 0 10px 20px rgba(0,0,0,0.12);
    transition: all 0.22s ease;
}

.plms-action-row .button:hover,
.plms-course-card .button:hover,
.plms-dashboard-course-card .button:hover,
.plms-course-player .button:hover,
.plms-lesson-player .button:hover,
.plms-assignment-wrap .button:hover,
.plms-quiz-wrap .button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    transform: translateY(-1px);
    border-color: rgba(127, 193, 255, 0.45);
    color: #ffffff;
    box-shadow: 0 14px 26px rgba(0,0,0,0.22);
}

.plms-action-row .button.button-primary,
.plms-course-card .button.button-primary,
.plms-dashboard-course-card .button.button-primary,
.plms-course-player .button.button-primary,
.plms-lesson-player .button.button-primary,
.plms-assignment-wrap .button.button-primary,
.plms-quiz-wrap .button.button-primary,
.button-primary {
    background: linear-gradient(135deg, var(--plms-primary-dark) 0%, var(--plms-primary) 45%, var(--plms-primary-2) 100%);
    color: #ffffff;
    border: none;
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.05),
        0 14px 26px rgba(25, 88, 209, 0.35),
        0 0 24px rgba(47, 128, 255, 0.35);
}

.plms-action-row .button.button-primary:hover,
.plms-course-card .button.button-primary:hover,
.plms-dashboard-course-card .button.button-primary:hover,
.plms-course-player .button.button-primary:hover,
.plms-lesson-player .button.button-primary:hover,
.plms-assignment-wrap .button.button-primary:hover,
.plms-quiz-wrap .button.button-primary:hover,
.button-primary:hover {
    filter: brightness(1.04);
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.08),
        0 20px 34px rgba(25, 88, 209, 0.4),
        0 0 34px rgba(47, 128, 255, 0.5);
}

/* =========================================
   NAV
   ========================================= */

.plms-portal-nav-wrap {
    width: 100%;
    max-width: 100%;
    margin: 20px 0 12px;
    padding: 0 32px;
    box-sizing: border-box;
}

.plms-portal-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px;
    background: rgba(16, 27, 45, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 20px;
    box-shadow: var(--plms-shadow-sm);
    width: 100%;
    box-sizing: border-box;
}

.plms-portal-nav__link {
    text-decoration: none;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.045);
    border: 1px solid transparent;
    color: var(--plms-text);
    font-weight: 700;
    font-size: 14px;
    transition: all 0.2s ease;
}

.plms-portal-nav__link:hover {
    background: rgba(47, 128, 255, 0.16);
    border-color: rgba(127, 193, 255, 0.3);
    color: #ffffff;
    transform: translateY(-1px);
}

/* =========================================
   STATUS / ALERTS
   ========================================= */

.plms-pill-success {
    display: inline-block;
    padding: 9px 14px;
    border-radius: 999px;
    background: var(--plms-success-soft);
    border: 1px solid rgba(34, 197, 94, 0.26);
    color: #9ef0b8;
    font-size: 14px;
    font-weight: 700;
}

.plms-pill-warning {
    display: inline-block;
    padding: 9px 14px;
    border-radius: 999px;
    background: var(--plms-warning-soft);
    border: 1px solid rgba(245, 158, 11, 0.26);
    color: #ffd08a;
    font-size: 14px;
    font-weight: 700;
}

.plms-lock-message,
.plms-quiz-locked,
.plms-existing-grade,
.plms-assignment-result > div,
.plms-quiz-result-box {
    border-radius: 16px;
    padding: 16px 18px;
    box-shadow: var(--plms-shadow-sm);
}

.plms-lock-message,
.plms-quiz-locked {
    background: rgba(245, 158, 11, 0.08) !important;
    border-color: rgba(245, 158, 11, 0.22) !important;
}

/* =========================================
   DASHBOARD SPLIT AREAS
   ========================================= */

.plms-dashboard-assessments {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 20px;
    margin-top: 18px;
    width: 100%;
}

/* Teacher dashboard / student cards grid */
.plms-dashboard-wrap .plms-dashboard-grid,
.plms-dashboard-wrap .plms-dashboard-cards,
.plms-dashboard-wrap .plms-course-catalog-grid,
.plms-dashboard-wrap .plms-dashboard-assessments {
    width: 100%;
}

.plms-dashboard-assessments h4 {
    margin-bottom: 12px;
    color: var(--plms-text);
}

.plms-dashboard-assessments ul {
    margin: 0;
    padding-left: 18px;
}

.plms-dashboard-assessments li {
    margin-bottom: 10px;
}

/* =========================================
   FORMS / CONTRAST FIX
   ========================================= */

.plms-course-card form,
.plms-dashboard-course-card form,
.plms-assignment-wrap form,
.plms-quiz-wrap form,
.plms-question-item,
.plms-quiz-question {
    color: #eaf2ff;
}

.plms-course-card label,
.plms-dashboard-course-card label,
.plms-assignment-wrap label,
.plms-quiz-wrap label,
.plms-question-item label,
.plms-quiz-question label,
.plms-course-card strong,
.plms-dashboard-course-card strong,
.plms-assignment-wrap strong,
.plms-quiz-wrap strong {
    color: #dbeafe !important;
}

.plms-course-card input[type="text"],
.plms-course-card input[type="url"],
.plms-course-card input[type="number"],
.plms-course-card input[type="file"],
.plms-course-card select,
.plms-course-card textarea,
.plms-dashboard-course-card input[type="text"],
.plms-dashboard-course-card input[type="url"],
.plms-dashboard-course-card input[type="number"],
.plms-dashboard-course-card select,
.plms-dashboard-course-card textarea,
.plms-assignment-wrap input[type="text"],
.plms-assignment-wrap input[type="url"],
.plms-assignment-wrap input[type="number"],
.plms-assignment-wrap input[type="file"],
.plms-assignment-wrap select,
.plms-assignment-wrap textarea,
.plms-quiz-wrap input[type="text"],
.plms-quiz-wrap input[type="url"],
.plms-quiz-wrap input[type="number"],
.plms-quiz-wrap input[type="file"],
.plms-quiz-wrap select,
.plms-quiz-wrap textarea,
.plms-question-item input[type="text"],
.plms-question-item input[type="url"],
.plms-question-item input[type="number"],
.plms-question-item select,
.plms-question-item textarea,
input[type="text"],
input[type="url"],
input[type="number"],
textarea,
select {
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(96, 165, 250, 0.22) !important;
    border-radius: 14px;
    padding: 12px 14px;
    background: var(--plms-surface-solid) !important;
    color: #f8fbff !important;
    font-size: 14px;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.02);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.plms-course-card input::placeholder,
.plms-course-card textarea::placeholder,
.plms-dashboard-course-card input::placeholder,
.plms-dashboard-course-card textarea::placeholder,
.plms-assignment-wrap input::placeholder,
.plms-assignment-wrap textarea::placeholder,
.plms-quiz-wrap input::placeholder,
.plms-quiz-wrap textarea::placeholder,
.plms-question-item input::placeholder,
.plms-question-item textarea::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--plms-text-muted) !important;
    opacity: 1;
}

.plms-course-card input:focus,
.plms-course-card select:focus,
.plms-course-card textarea:focus,
.plms-dashboard-course-card input:focus,
.plms-dashboard-course-card select:focus,
.plms-dashboard-course-card textarea:focus,
.plms-assignment-wrap input:focus,
.plms-assignment-wrap select:focus,
.plms-assignment-wrap textarea:focus,
.plms-quiz-wrap input:focus,
.plms-quiz-wrap select:focus,
.plms-quiz-wrap textarea:focus,
.plms-question-item input:focus,
.plms-question-item select:focus,
.plms-question-item textarea:focus,
input:focus,
textarea:focus,
select:focus {
    background: var(--plms-surface-solid-2) !important;
    color: #ffffff !important;
    border-color: rgba(96, 165, 250, 0.6) !important;
    box-shadow: 0 0 0 4px rgba(47, 128, 255, 0.14);
    outline: none;
}

.plms-course-card select option,
.plms-dashboard-course-card select option,
.plms-assignment-wrap select option,
.plms-quiz-wrap select option,
.plms-question-item select option,
select option {
    background: var(--plms-surface-solid) !important;
    color: #f8fbff !important;
}

input[type="file"] {
    color: #dbeafe !important;
}

/* =========================================
   QUIZ BUILDER / QUESTIONS
   ========================================= */

.plms-question-item,
.plms-quiz-question,
.plms-quiz-wrap .question-item,
.plms-quiz-wrap .quiz-question-item,
.plms-quiz-wrap .question-card,
.plms-quiz-wrap .quiz-builder-question {
    border: 1px solid rgba(255,255,255,0.08) !important;
    padding: 18px;
    margin-bottom: 16px;
    border-radius: 16px;
    background: linear-gradient(180deg, #182943 0%, #13233a 100%) !important;
    box-shadow: var(--plms-shadow-sm);
    color: #eaf2ff !important;
}

.plms-question-item p,
.plms-quiz-question p,
.plms-question-item span,
.plms-quiz-question span,
.plms-question-item div,
.plms-quiz-question div,
.plms-quiz-wrap .question-item p,
.plms-quiz-wrap .question-item div,
.plms-quiz-wrap .question-item span {
    color: #cfe0f5 !important;
}

.plms-quiz-question label,
.plms-question-item label,
.plms-quiz-wrap .question-item label {
    display: block;
    padding: 8px 10px;
    border-radius: 12px;
    color: #dbeafe !important;
    transition: background 0.18s ease, color 0.18s ease;
    background: transparent !important;
}

.plms-quiz-question label:hover,
.plms-question-item label:hover,
.plms-quiz-wrap .question-item label:hover {
    background: rgba(47, 128, 255, 0.08) !important;
    color: #ffffff !important;
}

/* =========================================
   LESSON MEDIA
   ========================================= */

.plms-lesson-video,
.plms-lesson-audio {
    margin-top: 20px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(17, 30, 50, 0.88) !important;
    border-radius: 18px;
    padding: 18px;
    box-shadow: var(--plms-shadow-sm);
}

.plms-lesson-video iframe,
.plms-lesson-video video,
.plms-lesson-audio audio {
    width: 100%;
    max-width: 100%;
    border-radius: 14px;
    overflow: hidden;
}

/* =========================================
   CERTIFICATES
   ========================================= */

.plms-certificates-list-wrap .plms-cert-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.plms-certificates-list-wrap .plms-certificate-card,
.plms-cert-grid .plms-certificate-card,
.plms-certificate-card {
    background: linear-gradient(180deg, rgba(20, 34, 56, 0.95) 0%, rgba(12, 21, 37, 0.93) 100%) !important;
    color: var(--plms-text) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

.plms-certificates-list-wrap .plms-certificate-card h3,
.plms-cert-grid .plms-certificate-card h3,
.plms-certificate-card h3 {
    color: var(--plms-text) !important;
}

.plms-certificates-list-wrap .plms-certificate-card p,
.plms-cert-grid .plms-certificate-card p,
.plms-certificate-card p,
.plms-certificates-list-wrap .plms-certificate-card span,
.plms-cert-grid .plms-certificate-card span,
.plms-certificate-card span {
    color: var(--plms-text-soft) !important;
}

.plms-certificates-list-wrap .plms-certificate-card a,
.plms-cert-grid .plms-certificate-card a,
.plms-certificate-card a {
    color: #9ed0ff !important;
}

.plms-certificate-wrap {
    max-width: 100%;
    margin: 36px 0;
    border: 1px solid rgba(127, 193, 255, 0.3);
    border-radius: 26px;
    padding: 52px 36px;
    background:
        radial-gradient(circle at top left, rgba(47, 128, 255, 0.12), transparent 22%),
        radial-gradient(circle at bottom right, rgba(88, 166, 255, 0.08), transparent 25%),
        linear-gradient(180deg, rgba(20, 34, 56, 0.9) 0%, rgba(12, 21, 37, 0.88) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    text-align: center;
    box-shadow: var(--plms-shadow-lg);
    color: var(--plms-text);
    box-sizing: border-box;
}

.plms-certificate-wrap p {
    color: var(--plms-text-soft);
    line-height: 1.8;
}

/* =========================================
   DELETE / DANGER LINKS
   ========================================= */

.button-link-delete,
a[style*="color:#b91c1c"] {
    color: #ff9b9b !important;
    font-weight: 700;
    text-decoration: none;
}

.button-link-delete:hover,
a[style*="color:#b91c1c"]:hover {
    color: #ffd0d0 !important;
    text-decoration: underline;
}

/* =========================================
   HERO UNDERLINE
   ========================================= */

.plms-dashboard-wrap > h2:first-child,
.plms-course-catalog-wrap > h2:first-child,
.plms-course-player > h2:first-child,
.plms-lesson-player > h2:first-child,
.plms-certificates-list-wrap > h2:first-child {
    position: relative;
    padding-bottom: 10px;
}

.plms-dashboard-wrap > h2:first-child::after,
.plms-course-catalog-wrap > h2:first-child::after,
.plms-course-player > h2:first-child::after,
.plms-lesson-player > h2:first-child::after,
.plms-certificates-list-wrap > h2:first-child::after {
    content: "";
    display: block;
    width: 72px;
    height: 3px;
    margin-top: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--plms-primary), var(--plms-primary-2));
    box-shadow: 0 0 14px rgba(47, 128, 255, 0.5);
}

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 900px) {
    .plms-dashboard-assessments,
    .plms-course-catalog-grid,
    .plms-cert-grid {
        grid-template-columns: 1fr;
    }

    .plms-course-catalog-wrap,
    .plms-dashboard-wrap,
    .plms-certificates-list-wrap,
    .plms-certificate-verify-wrap,
    .plms-course-player,
    .plms-lesson-player,
    .plms-assignment-wrap,
    .plms-quiz-wrap,
    .plms-portal-nav-wrap,
    .plms-certificate-wrap {
        padding-left: 18px;
        padding-right: 18px;
    }
}

@media (max-width: 768px) {
    .plms-course-card,
    .plms-dashboard-course-card,
    .plms-course-player,
    .plms-lesson-player,
    .plms-assignment-wrap,
    .plms-quiz-wrap,
    .plms-certificates-list-wrap .plms-certificate-card,
    .plms-certificate-wrap {
        padding: 18px;
        border-radius: 16px;
    }

    .plms-portal-nav {
        gap: 8px;
        padding: 12px;
    }

    .plms-portal-nav__link {
        padding: 9px 12px;
        font-size: 13px;
    }

    .plms-action-row {
        gap: 8px;
    }

    .plms-action-row .button,
    .plms-course-card .button,
    .plms-dashboard-course-card .button,
    .plms-course-player .button,
    .plms-lesson-player .button,
    .plms-assignment-wrap .button,
    .plms-quiz-wrap .button,
    button,
    input[type="submit"],
    input[type="button"] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .plms-certificate-wrap {
        padding: 36px 20px;
    }
}

/* =========================================
   FINAL CERTIFICATE PAGE FIX
   ========================================= */

.plms-cert-card,
.plms-cert-item,
.plms-certificate-item,
.plms-certificate-list-item,
.plms-my-certificate-card,
.plms-certificates-list-wrap .plms-cert-card,
.plms-certificates-list-wrap .plms-cert-item,
.plms-certificates-list-wrap .plms-certificate-item,
.plms-certificates-list-wrap .plms-certificate-list-item,
.plms-certificates-list-wrap > div > div {
    background: linear-gradient(180deg, rgba(20, 34, 56, 0.96) 0%, rgba(12, 21, 37, 0.94) 100%) !important;
    color: var(--plms-text) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 18px !important;
    box-shadow: var(--plms-shadow-sm) !important;
}

.plms-cert-card h3,
.plms-cert-item h3,
.plms-certificate-item h3,
.plms-certificate-list-item h3,
.plms-my-certificate-card h3,
.plms-certificates-list-wrap .plms-cert-card h3,
.plms-certificates-list-wrap .plms-cert-item h3,
.plms-certificates-list-wrap .plms-certificate-item h3,
.plms-certificates-list-wrap .plms-certificate-list-item h3,
.plms-certificates-list-wrap > div > div h3 {
    color: var(--plms-text) !important;
}

.plms-cert-card p,
.plms-cert-item p,
.plms-certificate-item p,
.plms-certificate-list-item p,
.plms-my-certificate-card p,
.plms-cert-card span,
.plms-cert-item span,
.plms-certificate-item span,
.plms-certificate-list-item span,
.plms-my-certificate-card span,
.plms-certificates-list-wrap .plms-cert-card p,
.plms-certificates-list-wrap .plms-cert-item p,
.plms-certificates-list-wrap .plms-certificate-item p,
.plms-certificates-list-wrap .plms-certificate-list-item p,
.plms-certificates-list-wrap > div > div p,
.plms-certificates-list-wrap > div > div span {
    color: var(--plms-text-soft) !important;
}

.plms-cert-card a,
.plms-cert-item a,
.plms-certificate-item a,
.plms-certificate-list-item a,
.plms-my-certificate-card a,
.plms-certificates-list-wrap .plms-cert-card a,
.plms-certificates-list-wrap .plms-cert-item a,
.plms-certificates-list-wrap .plms-certificate-item a,
.plms-certificates-list-wrap .plms-certificate-list-item a,
.plms-certificates-list-wrap > div > div a {
    color: #9ed0ff !important;
}

.plms-cert-card a:hover,
.plms-cert-item a:hover,
.plms-certificate-item a:hover,
.plms-certificate-list-item a:hover,
.plms-my-certificate-card a:hover,
.plms-certificates-list-wrap .plms-cert-card a:hover,
.plms-certificates-list-wrap .plms-cert-item a:hover,
.plms-certificates-list-wrap .plms-certificate-item a:hover,
.plms-certificates-list-wrap .plms-certificate-list-item a:hover,
.plms-certificates-list-wrap > div > div a:hover {
    color: #d2e9ff !important;
}

/* =========================================
   CERTIFICATE VIEW CONTRAST FIX
   ========================================= */

.plms-certificate-wrap,
.plms-certificate-wrap * {
    box-sizing: border-box;
}

.plms-certificate-wrap {
    max-width: 100%;
    margin: 36px 0;
    padding: 52px 36px;
    border: 4px solid #d4af37 !important;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28) !important;
    text-align: center;
    color: #0f172a !important;
}

.plms-certificate-wrap h1,
.plms-certificate-wrap h2,
.plms-certificate-wrap h3,
.plms-certificate-wrap h4,
.plms-certificate-wrap h5,
.plms-certificate-wrap h6 {
    color: #0f172a !important;
}

.plms-certificate-wrap p,
.plms-certificate-wrap span,
.plms-certificate-wrap div,
.plms-certificate-wrap li {
    color: #334155 !important;
}

.plms-certificate-wrap strong,
.plms-certificate-wrap b {
    color: #0f172a !important;
}

.plms-certificate-wrap .plms-certificate-title,
.plms-certificate-wrap .certificate-title {
    color: #0f172a !important;
    font-size: 44px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    margin-bottom: 18px;
}

.plms-certificate-wrap .plms-certificate-student,
.plms-certificate-wrap .certificate-student,
.plms-certificate-wrap .student-name {
    color: #1d4ed8 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
}

.plms-certificate-wrap .plms-certificate-course,
.plms-certificate-wrap .certificate-course,
.plms-certificate-wrap .course-name {
    color: #0f172a !important;
    font-size: 28px !important;
    font-weight: 600 !important;
}

.plms-certificate-wrap .plms-certificate-code,
.plms-certificate-wrap .certificate-code {
    color: #475569 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.plms-certificate-wrap .plms-certificate-issued,
.plms-certificate-wrap .certificate-issued {
    color: #64748b !important;
    font-size: 18px !important;
}

.plms-certificate-wrap a {
    color: #2563eb !important;
}

.plms-certificate-wrap a:hover {
    color: #1d4ed8 !important;
}

.plms-certificate-wrap .button,
.plms-certificate-wrap .button-primary,
.plms-certificate-wrap button,
.plms-certificate-wrap input[type="submit"],
.plms-certificate-wrap input[type="button"] {
    background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 12px 18px !important;
    font-weight: 700 !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.25) !important;
}

.plms-certificate-wrap .button:hover,
.plms-certificate-wrap .button-primary:hover,
.plms-certificate-wrap button:hover,
.plms-certificate-wrap input[type="submit"]:hover,
.plms-certificate-wrap input[type="button"]:hover {
    filter: brightness(1.03);
}

@media (max-width: 768px) {
    .plms-certificate-wrap {
        padding: 32px 18px !important;
    }

    .plms-certificate-wrap .plms-certificate-title,
    .plms-certificate-wrap .certificate-title {
        font-size: 30px !important;
    }

    .plms-certificate-wrap .plms-certificate-student,
    .plms-certificate-wrap .certificate-student,
    .plms-certificate-wrap .student-name {
        font-size: 24px !important;
    }

    .plms-certificate-wrap .plms-certificate-course,
    .plms-certificate-wrap .certificate-course,
    .plms-certificate-wrap .course-name {
        font-size: 22px !important;
    }
}

/* =========================================
   LIVE SITE LIGHT-BACKGROUND FIX
   ========================================= */

.plms-dashboard-wrap,
.plms-course-catalog-wrap,
.plms-course-player,
.plms-lesson-player,
.plms-assignment-wrap,
.plms-quiz-wrap,
.plms-certificates-list-wrap,
.plms-certificate-verify-wrap {
    color: #0f172a !important;
}

.plms-course-catalog-wrap > h2,
.plms-dashboard-wrap > h2,
.plms-certificates-list-wrap > h2,
.plms-certificate-verify-wrap > h2,
.plms-course-player > h2,
.plms-lesson-player > h2,
.plms-assignment-wrap > h2,
.plms-assignment-wrap > h3,
.plms-quiz-wrap > h2,
.plms-quiz-wrap > h3,
.plms-certificate-wrap > h2 {
    color: #0f172a !important;
}

.plms-dashboard-wrap > p,
.plms-course-catalog-wrap > p,
.plms-course-player > p,
.plms-lesson-player > p,
.plms-assignment-wrap > p,
.plms-quiz-wrap > p {
    color: #475569 !important;
}

.plms-course-card,
.plms-dashboard-course-card,
.plms-course-card h3,
.plms-dashboard-course-card h3,
.plms-course-card h4,
.plms-dashboard-course-card h4,
.plms-course-card p,
.plms-dashboard-course-card p,
.plms-course-card li,
.plms-dashboard-course-card li,
.plms-course-card span,
.plms-dashboard-course-card span,
.plms-course-card strong,
.plms-dashboard-course-card strong,
.plms-dashboard-assessments > div,
.plms-dashboard-assessments > div h4,
.plms-dashboard-assessments > div p,
.plms-dashboard-assessments > div li {
    color: #edf4ff !important;
}

.plms-course-card .button,
.plms-dashboard-course-card .button,
.plms-dashboard-assessments .button,
.plms-action-row .button {
    color: #ffffff !important;
}

.plms-course-card .button:not(.button-primary),
.plms-dashboard-course-card .button:not(.button-primary),
.plms-dashboard-assessments .button:not(.button-primary) {
    color: #edf4ff !important;
}

.plms-dashboard-wrap > p:first-of-type {
    color: #64748b !important;
}