/* I&M Bank Rwanda Academy — scoped visual system. Preserve pre-existing Bootstrap/vendor behaviour. */
:root{--im-navy:#062e5b;--im-blue:#064b89;--im-teal:#00a5a9;--im-teal-dark:#078b92;--im-ink:#18304b;--im-muted:#60748a;--im-line:#e1eaf1;--im-canvas:#f4f8fb;--im-white:#fff;--im-radius:15px;--im-shadow:0 12px 34px rgba(5,42,84,.075)}
html{scroll-behavior:smooth}body{font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--im-ink);background-color:var(--im-canvas)}
body a{transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}body a:hover{color:var(--im-teal-dark)}
body h1,body h2,body h3,body h4{font-family:Inter,'Segoe UI',Arial,sans-serif;letter-spacing:-.023em;color:var(--im-navy)}
body img{max-width:100%}body .container{max-width:1250px}
body .btn-primary,body .rw-btn-primary,body .btn.btn-info,body .btn-success{background:var(--im-blue);border-color:var(--im-blue);color:#fff}
body .btn-primary:hover,body .rw-btn-primary:hover,body .btn.btn-info:hover{background:var(--im-navy);border-color:var(--im-navy);color:#fff}
body .btn,body .rw-btn{border-radius:9px;font-weight:650;box-shadow:none;transition:all .2s ease}
body .btn-outline-primary{border-color:var(--im-blue);color:var(--im-blue)}body .btn-outline-primary:hover{background:var(--im-blue);color:#fff}
body .badge-info,body .badge-primary{background-color:var(--im-teal)!important}
body .form-control,body input[type=text],body input[type=email],body input[type=password],body select,body textarea{border-radius:9px;min-height:42px;border-color:var(--im-line)}
body .form-control:focus,body input:focus,body select:focus,body textarea:focus{border-color:var(--im-teal);box-shadow:0 0 0 3px rgba(0,165,169,.12);outline:none}
body .card,body .rw-card,body .panel{border-radius:var(--im-radius);border-color:var(--im-line);box-shadow:var(--im-shadow);background-color:#fff}
body .table{color:var(--im-ink)}body .table thead th{background:#f0f6fa;color:var(--im-navy);font-size:.8rem;letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid var(--im-line)}
body .table td{vertical-align:middle;border-color:#edf1f6}body .table tbody tr:hover{background-color:#f8fbfd}
body .pagination .active .page-link,body .page-item.active .page-link{background:var(--im-blue);border-color:var(--im-blue)}
body .progress{background:#e4f0f3;border-radius:99px}body .progress-bar{background:linear-gradient(90deg,var(--im-blue),var(--im-teal));border-radius:99px}
/* Public interface: retain original DOM and JS hooks; modernize blocks without globally positioning elements. */
body[data-iandm-area=public]{background:#fff}body[data-iandm-area=public] .rw-public-hero{background:linear-gradient(115deg,#062e5b 0%,#07588b 58%,#00999f 100%);padding:84px 0 95px;position:relative;overflow:hidden}
body[data-iandm-area=public] .rw-public-hero::after{content:'';position:absolute;right:-80px;top:-140px;width:530px;height:530px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 150px rgba(255,255,255,.025);pointer-events:none}
body[data-iandm-area=public] .rw-public-hero h1{color:white;font-size:clamp(2.4rem,5vw,4.25rem);line-height:1.08;max-width:820px;font-weight:800}
body[data-iandm-area=public] .rw-public-hero p{color:#d9f2f6;font-size:1.15rem;max-width:700px;line-height:1.7}
body[data-iandm-area=public] .rw-kicker{color:#95e9e4;letter-spacing:.1em;font-weight:700;text-transform:uppercase}
body[data-iandm-area=public] .rw-btn-primary{background:var(--im-teal);border-color:var(--im-teal);color:#fff}
body[data-iandm-area=public] .rw-btn-outline{border-color:rgba(255,255,255,.7);color:inherit}
body[data-iandm-area=public] .rw-category-grid,body[data-iandm-area=public] .rw-values-grid{gap:20px}
body[data-iandm-area=public] .rw-section{padding-top:70px;padding-bottom:70px}
body[data-iandm-area=public] .rw-card{border:1px solid var(--im-line);transition:box-shadow .2s ease,transform .2s ease}
body[data-iandm-area=public] .rw-card:hover{box-shadow:0 16px 38px rgba(6,46,91,.12)}
body[data-iandm-area=public] .rw-pill{color:var(--im-teal-dark);background:#e8f8f7;border-radius:99px}
body[data-iandm-area=public] .course-box,body[data-iandm-area=public] .course-card,body[data-iandm-area=public] .course-card-wrap{border-radius:14px;overflow:hidden}
/* Learner dashboard */
body[data-iandm-area=public] .rw-learner-dashboard{background:#f5f9fc;min-height:78vh;padding:34px 0 80px}
body[data-iandm-area=public] .rw-learner-hero{background:linear-gradient(110deg,#06305c,#0a608f 65%,#009f9e);color:#fff;border-radius:20px;padding:40px 42px;box-shadow:0 16px 42px rgba(5,49,94,.15)}
body[data-iandm-area=public] .rw-learner-hero h1,body[data-iandm-area=public] .rw-hero-mark strong,body[data-iandm-area=public] .rw-hero-mark span{color:#fff}
body[data-iandm-area=public] .rw-learner-hero p{color:#ddf4fa}body[data-iandm-area=public] .rw-btn-yellow{background:#fff;color:var(--im-blue)}
body[data-iandm-area=public] .rw-stat-card{background:#fff;border:1px solid var(--im-line);border-radius:15px;box-shadow:var(--im-shadow)}
body[data-iandm-area=public] .rw-stat-icon{background:#e2f5f6;color:var(--im-teal-dark);border-radius:12px}
body[data-iandm-area=public] .rw-dashboard-container{max-width:1260px;margin:auto;padding-left:20px;padding-right:20px}
/* Admin / institution shared */
body[data-iandm-area=backend],body[data-iandm-area=instructor]{background:#f4f8fb}
body[data-iandm-area=backend] .content-page,body[data-iandm-area=instructor] .content-page{background:#f4f8fb}
body[data-iandm-area=backend] .left-side-menu,body[data-iandm-area=backend] .leftbar-user,body[data-iandm-area=backend] .side-nav,body[data-iandm-area=instructor] .left-side-menu{background-color:var(--im-navy)}
body[data-iandm-area=backend] .side-nav-link,body[data-iandm-area=backend] .left-side-menu a{color:#e3f0f8}
body[data-iandm-area=backend] .side-nav-link:hover,body[data-iandm-area=backend] .side-nav-item.active>a{background:#0b4778;color:#fff}
body[data-iandm-area=backend] .navbar-custom,body[data-iandm-area=instructor] .navbar-custom{background:#fff;box-shadow:0 1px 16px rgba(6,46,91,.05)}
body[data-iandm-area=backend] .rw-admin-hero,body[data-iandm-area=instructor] .rw-admin-hero{padding:34px 36px;background:linear-gradient(115deg,#07315e,#086490 65%,#05979d);border-radius:18px;margin-bottom:26px}
body[data-iandm-area=backend] .rw-admin-hero h1,body[data-iandm-area=backend] .rw-admin-hero p{color:#fff}
body[data-iandm-area=backend] .rw-kpi,body[data-iandm-area=backend] .rw-panel{border:1px solid var(--im-line);border-radius:16px;background:#fff}
body[data-iandm-area=backend] .rw-kpi strong{color:var(--im-navy)}body[data-iandm-area=backend] .rw-kpi i{color:var(--im-teal)}
body[data-iandm-area=backend] .card-header,body[data-iandm-area=instructor] .card-header{background:#fff;border-bottom:1px solid var(--im-line)}
/* Lesson layout: never hide/relocate media controls or lesson navigation */
body[data-iandm-area=learner]{background:#f6f9fc}body[data-iandm-area=learner] .course_header_col{background:var(--im-navy)!important}
body[data-iandm-area=learner] .course_container{background:#fff!important}
body[data-iandm-area=learner] .course_card{background:#f2f8fa!important}
/* Lightweight public brand in text + local assets */
.im-brand-lockup{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--im-navy)}
.im-brand-lockup img{width:36px;height:36px}.im-brand-lockup span{line-height:1.05}
@media(max-width:991px){body .container{width:100%}body[data-iandm-area=public] .rw-public-hero{padding:65px 0}body[data-iandm-area=public] .rw-learner-hero{padding:30px}body[data-iandm-area=backend] .rw-admin-hero{padding:26px}}
@media(max-width:767px){body[data-iandm-area=public] .rw-public-hero{padding:48px 0 56px}body[data-iandm-area=public] .rw-public-hero h1{font-size:2.35rem}body[data-iandm-area=public] .rw-section{padding-top:42px;padding-bottom:42px}body[data-iandm-area=public] .rw-learner-hero{padding:25px 20px}body[data-iandm-area=backend] .rw-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-iandm-area=backend] .rw-admin-grid{grid-template-columns:1fr}body .table-responsive{overflow-x:auto}}
@media(max-width:480px){body[data-iandm-area=backend] .rw-kpi-grid{grid-template-columns:1fr}body[data-iandm-area=public] .rw-hero-actions{display:flex;flex-wrap:wrap;gap:10px}body[data-iandm-area=public] .rw-public-hero h1{font-size:2rem}}