/* Shared visual language from the lecturer dashboard. */
:root {
    --student-ink: #142c42;
    --student-muted: #63798d;
    --student-border: #e5edf3;
    --student-teal: #087f76;
    --student-hero: radial-gradient(circle at 74% -45%, rgba(63,204,187,.37), transparent 48%), linear-gradient(120deg,#103751 0%,#104d61 53%,#087f76 100%);
}
body.skin-blue .content-wrapper,
body.skin-blue .right-side,
body.skin-blue .content { background: #f5f8fb !important; color: var(--student-ink); }
body.skin-blue .content-header { background: #f5f8fb !important; padding: 20px 20px 8px; }
body.skin-blue .content-header h1 { color: var(--student-ink); font-size: 21px; font-weight: 700; letter-spacing: -.035em; }
body.skin-blue .content-header h1 small { color: var(--student-muted); font-size: 12px; font-weight: 500; }
body.skin-blue .content-wrapper .box,
body.skin-blue .content-wrapper .panel {
    border: 1px solid var(--student-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 28px rgba(34,65,89,.055);
}
body.skin-blue .content-wrapper .box-header { padding: 18px 20px; border-bottom: 1px solid var(--student-border); }
body.skin-blue .content-wrapper .box-title { color: var(--student-ink); font-weight: 700; }
body.skin-blue .content-wrapper .box-body { padding: 18px 20px 20px; }
body.skin-blue .content-wrapper .box-footer { border-color: var(--student-border); border-radius: 0 0 16px 16px; }
body.skin-blue .main-footer { border-color: var(--student-border); color: var(--student-muted); }
body.skin-blue .main-footer a { color: var(--student-teal); }
.content-wrapper .btn,
.modal .btn { border-radius: 9px; font-weight: 700; }
.content-wrapper .btn-primary,
.content-wrapper .btn-info,
.auth-card .btn-primary,
.forgot-card .btn-primary { color: #fff; background: #087f76; border-color: #087f76; }
.content-wrapper .btn-primary:hover,
.content-wrapper .btn-primary:focus,
.content-wrapper .btn-info:hover,
.content-wrapper .btn-info:focus { color: #fff; background: #06685f; border-color: #06685f; }
.content-wrapper .form-control,
.modal .form-control { border-color: #dce6ed; border-radius: 9px; box-shadow: none; }
.content-wrapper .form-control:focus,
.modal .form-control:focus { border-color: #087f76; box-shadow: 0 0 0 3px rgba(8,127,118,.1); }
.content-wrapper .input-group .form-control { border-radius: 0; }
.content-wrapper .input-group .form-control:first-child { border-radius: 9px 0 0 9px; }
.content-wrapper .input-group .form-control:last-child { border-radius: 0 9px 9px 0; }
.content-wrapper .table > thead > tr > th { background: #f5f8fb; color: var(--student-muted); border-color: var(--student-border); }
.content-wrapper .table > tbody > tr > td { border-color: var(--student-border); }
.content-wrapper .pagination > .active > a,
.content-wrapper .pagination > .active > span { background: #087f76; border-color: #087f76; }
.content-wrapper .nav-tabs > li.active > a { border-top-color: #087f76; }
body.skin-blue .content-wrapper .student-hero,
body.skin-blue .content-wrapper .profile-hero,
body.skin-blue .content-wrapper .reg-hero,
body.skin-blue .content-wrapper .payment-hero,
body.skin-blue .content-wrapper .payment-view-hero,
body.skin-blue .content-wrapper .bri-hero,
body.skin-blue .content-wrapper .krs-hero,
body.skin-blue .content-wrapper .sp-hero,
body.skin-blue .content-wrapper .ta-hero,
body.skin-blue .content-wrapper .edom-hero,
body.skin-blue .content-wrapper .edom-form-hero,
body.skin-blue .content-wrapper .kue-hero,
body.skin-blue .content-wrapper .kuf-hero,
body.skin-blue .content-wrapper .ktm-hero,
body.skin-blue .content-wrapper .lay-hero,
body.skin-blue .content-wrapper .lms-hero,
body.skin-blue .content-wrapper .krs-notice-banner,
.tv-intro, .tf-top {
    color: #fff !important;
    background: var(--student-hero) !important;
    border-radius: 20px;
    box-shadow: 0 17px 38px rgba(19,61,83,.17) !important;
}
.tf-top { border-radius: 0; }
.intro-panel { background: var(--student-hero) !important; }
.auth-card, .reset-card { border-color: var(--student-border); border-radius: 20px; }
.auth-card .btn-login, .reset-card .btn-reset { background: var(--student-hero); border-color: #087f76; }
.auth-card .form-control:focus, .reset-card .form-control:focus { border-color: #087f76; }
.auth-card .auth-badge, .reset-card .title-wrap i { color: #087f76; }
/* Keep physical student-card preview typography aligned with its print layout. */
.ktm-card,
.ktm-card *:not(.fa):not(.glyphicon):not(.ion) { font-family: Arial, Helvetica, sans-serif !important; }
@media (max-width: 767px) {
    body.skin-blue .content-header { padding: 16px 15px 8px; }
    body.skin-blue .content-wrapper .box-header,
    body.skin-blue .content-wrapper .box-body { padding: 15px; }
}
@media print {
    body.skin-blue .content-wrapper .box,
    body.skin-blue .content-wrapper .panel { box-shadow: none; }
}