/* KEMBANGLAMPIR V1.1 VISUAL & ACCESSIBILITY PATCH 20 Oct 2026
   Additive: no backend credentials, no destructive calls or data migrations. */
:root{
 --kl-deep:#070d13;--kl-panel:#17242e;--kl-panel-2:#1e2d37;--kl-edge:#2e444b;
 --kl-accent:#21d978;--kl-fg:#f5fff8;--kl-text:#dae5e5;
 --kl-card:linear-gradient(145deg,#253542 0%,#1c2c36 47%,#111e27 100%);
 --kl-inner:0 1px 0 #ffffff0a inset,0 12px 25px #0009,0 22px 50px #0005;
}
body:is(.kl-v11-admin,.kl-v11-guru,.kl-v11-student,.kl-v11-portal){background:radial-gradient(ellipse at 60% -40%,#15332c 0%,#0a141b 53%,#060c11 100%)!important;color:#edf8f3!important}
/* Distinct brand identity: semantic academic logo replaces the old generic glyph.
   Teacher Home button is intentionally kept separate as a Home icon. */
.kl-v11-admin .brand-mark,.kl-v11-student .top .logo,.kl-v11-guru .ke-v11-brand-logo{
 display:inline-grid!important;place-items:center!important;width:43px!important;height:43px!important;min-width:43px!important;
 border-radius:13px!important;background:linear-gradient(138deg,#1de487 0%,#12764a 65%,#074d36 100%)!important;
 border:1px solid #69ffad55!important;color:#ecfff3!important;box-shadow:0 9px 22px #000b,inset 0 1px 0 #ffffff46!important;
 font-size:0!important;line-height:0!important}
.kl-v11-admin .brand-mark svg,.kl-v11-student .top .logo svg,.kl-v11-guru .ke-v11-brand-logo svg{width:29px!important;height:29px!important;color:#eefff5!important}
.kl-v11-guru .ke-topbar-brand{gap:10px!important}
/* Matching reference: monochrome-dark surfaces, colored icons according to role/function. */
body.kl-v11-admin .layout,body.kl-v11-admin .main-content,body.kl-v11-guru .wrap.dashboard-mode{background:#0a131b!important}
.kl-v11-admin :is(.panel,.form-card,.split>.panel,.stat,.module-card,.lesson-row,.summary-mini,.resource-card,.result-card,.book-card,.grade-card,.lesson-form,.lesson-list,.schedule-card,.schedule-panel),
.kl-v11-guru :is(.teacher-profile>div,.teaching-list li,.class-picker,.mapel-table li,.schedule-row,.exercise-row,.exercise-card,.exercise-item,.exercise-list li,.material-row,.weekly-row,.dashboard-card,.ke-advanced,.ke-mode,.ken-manage,.ken-q,.ken-record,.ke-modal),
.kl-v11-student :is(.card,.panel,.item,.kn-card){background:var(--kl-card)!important;color:var(--kl-fg)!important;border:1px solid var(--kl-edge)!important;box-shadow:var(--kl-inner)!important;border-radius:15px!important}
/* Fix legacy white forms in Admin and all contextual controls. */
.kl-v11-admin :is(.weekly-workspace>*,.weekly-editor,.weekly-banner,.reader-modal,.reader-content,.quiz-card,.filters,.status-table,.tip,.side-note,.glass,.inline-quote,.weekly-notice),
.kl-v11-guru :is(.exercise-builder,.exercise-draft,.exercise-item,.ke-adv-row,.ke-lesson-panel,.mapel-summary,.student-row,.material-card,.lesson-plan,.placeholder){background:linear-gradient(155deg,#1b2b34,#121f29)!important;color:#ecf8f3!important;border-color:#344b51!important}
.kl-v11-admin :is(input,select,textarea,.field,select.field,textarea.field),.kl-v11-guru :is(input,select,textarea),.kl-v11-student :is(input,select,textarea){background:#15252d!important;color:#f6fff8!important;border:1px solid #426359!important;box-shadow:inset 0 2px 5px #0007!important}
.kl-v11-admin :is(input,textarea)::placeholder,.kl-v11-guru :is(input,textarea)::placeholder{color:#9fc4b7!important}
/* Purple/blue leftover copy in Teacher: neutral semantic colors, warnings/errors keep their own styling */
.kl-v11-guru :is(.teacher-profile strong,.teacher-profile span,.dashboard-card p,.dashboard-card h3,.dashboard-card h4,.meta,.small-heading,.class-note,.schedule-row,.exercise-row,.material-row,.teaching-list,.teaching-list li,.assign-info,.ke-advanced,.ke-page .note,.ke-page label,.ke-page strong,.ke-page small,.ke-page .muted,.ke-page .placeholder){color:#e7f6ee!important}
.kl-v11-guru :is(.teacher-profile span,.class-note,.schedule-row small,.exercise-row small,.material-row small,.ke-page .muted){color:#b6cfc5!important}
.kl-v11-guru .teacher-profile div{padding:10px 14px!important;margin:0 0 7px!important;border-radius:11px!important;border:1px solid #30484e!important;background:linear-gradient(145deg,#1d3039,#14222a)!important}
.kl-v11-guru .teacher-profile{gap:5px!important}
.kl-v11-guru :is(.exercise-row,.teaching-list li,.material-row,.schedule-row){padding:12px 14px!important}
/* Colors for functional SVG symbols on all roles. */
.ke-v11-icon.ke-ico-calendar,.ke-v11-icon.ke-ico-clock{color:#d4dce1}
.ke-v11-icon.ke-ico-users{color:#ffb13c}
.ke-v11-icon.ke-ico-monitor{color:#49a5ff}
.ke-v11-icon.ke-ico-calculator,.ke-v11-icon.ke-ico-chart{color:#52e7aa}
.ke-v11-icon.ke-ico-book{color:#bb98f6}
.ke-v11-icon.ke-ico-check{color:#40f58e}
.ke-v11-icon.ke-ico-file{color:#c5ced2}
.ke-v11-icon.ke-ico-user{color:#d2dce1}
.kl-v11-admin .nav-item.active .ke-v11-icon,.kl-v11-student .tabs .tab.active .ke-v11-icon,.kl-v11-guru #ke-remake-nav button[aria-current='page'] .ke-v11-icon{color:#083e2a!important}
/* Strong legibility inside data tables & schedule form, including admin classes. */
.kl-v11-admin :is(.section-head,.section-head small,.form-label,.reader-content,.lesson-row strong,.lesson-row small,.lesson-time,.status-table th,.status-table td,.summary-mini,.tip,.tip b,.inline-quote,.quiz-question,.quiz-index){color:#e3f1eb!important}
.kl-v11-admin :is(.reader-modal,.lesson-row,.weekly-banner,.weekly-workspace >*,.reader-content){border-color:#304950!important}
.kl-v11-admin .module-symbol{background:linear-gradient(145deg,#263e4b,#1a2e3b)!important;box-shadow:inset 0 1px 0 #ffffff18,0 5px 15px #0009!important}
.kl-v11-admin :is(.hero,.dashboard-hero){box-shadow:0 18px 45px #000b!important}
.kl-v11-admin #ke-online-center .ke-form,.kl-v11-admin #ke-online-center .ke-info,.kl-v11-admin #ke-online-center .ke-tablewrap{background:linear-gradient(150deg,#17332d,#0e2225)!important;color:#e7f8f0!important}
.kl-v11-admin #ke-online-center :is(th,td,label){color:#eafbf3!important}
.kl-v11-admin #ke-online-center select,.kl-v11-admin #ke-online-center input{background:#13252b!important;color:#f5fff9!important}
.kl-v11-admin #ke-online-center .ke-v11-state-btn{color:#fef3d6!important;border:1px solid #9b7b44!important;background:#3c3426!important}
.kl-v11-admin #ke-online-center .ke-v11-access-note{border-left:3px solid #ffcd77!important}
.kl-v11-student .kn-v11-result .kn-v11-feedback{color:#d7e8e0!important;line-height:1.55!important;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:640px){.kl-v11-admin .main-content{padding:20px 12px 45px!important}.kl-v11-guru .ke-page{min-width:0}.kl-v11-guru .teacher-profile div{padding:10px!important}}