/* KEMBANGLAMPIR EDUKASI 1.1 — local candidate visual layer.
   UI ONLY: no credentials, network calls or data transformations. */
:root{--v11-bg:#101b23;--v11-panel:#1b2933;--v11-panel2:#22323c;--v11-line:#38544d;--v11-green:#26ce75;--v11-deep:#0e7749;--v11-text:#f1f8f3;--v11-muted:#b7c9c0;--v11-red:#fb9da4;--v11-focus:#9cf9bf;}
/* Shared focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--v11-focus)!important;outline-offset:2px}
/* PORTAL / guest entry */
body.kl-v11-portal{background:radial-gradient(circle at 15% 15%,#124b34,#101b23 55%,#0a151b)!important;color:var(--v11-text)!important;color-scheme:dark}
.kl-v11-portal .entry{background:#1c2a34;border-color:#355247;color:#f3fdf5;box-shadow:0 12px 28px #0003}
.kl-v11-portal .entry:hover{border-color:#24ca75;box-shadow:0 18px 38px #0006}
.kl-v11-portal .entry .icon{background:#123b2b}
.kl-v11-portal .entry small,.kl-v11-portal .tagline,.kl-v11-portal .info,.kl-v11-portal footer{color:#b9cfc0}
.kl-v11-portal .school{color:#7df0b1}
.kl-v11-portal .go{background:#147b4b}
/* Student entry, profile, navigation, contents */
body.kl-v11-student{background:#101b23!important;color:var(--v11-text)!important;color-scheme:dark}
.kl-v11-student .top{background:linear-gradient(95deg,#0e3829,#105f3b)!important;border-color:#33674d}
.kl-v11-student .main{max-width:1560px;margin:0 auto;padding:24px 22px;box-sizing:border-box}
.kl-v11-student #dashboardView:not(.hidden){display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr);gap:16px 24px;align-items:start;grid-template-areas:"menu heading" "menu hero" "menu student-content" "menu exam"}
.kl-v11-student #dashboardView .heading{grid-area:heading;margin:0;min-width:0}
.kl-v11-student #dashboardView .hero{grid-area:hero;margin:0;background:linear-gradient(105deg,#0a6d43,#25965f)!important}
.kl-v11-student #dashboardView .tabs{grid-area:menu;display:flex;flex-direction:column;gap:9px;overflow:visible;position:sticky;top:18px;padding:18px 12px;background:#17252e;border:1px solid #345047;border-radius:18px;align-self:start}
.kl-v11-student #dashboardView .tabs:before{content:'🎓  MENU SISWA';font-size:13px;font-weight:850;letter-spacing:.07em;color:#dff8e8;margin:0 0 10px 8px}
.kl-v11-student #dashboardView .tabs .tab{border:1px solid #365147!important;border-radius:11px!important;background:#25343d!important;color:#ebf5ec!important;text-align:left!important;width:100%;padding:12px 13px!important;white-space:normal}
.kl-v11-student #dashboardView .tabs .tab.active{background:linear-gradient(100deg,#19a568,#0b8551)!important;color:white!important;border-color:#25bf72!important}
.kl-v11-student #dashboardView #content{grid-area:student-content;min-width:0}
.kl-v11-student #dashboardView #ke-native-ujian{grid-area:exam;min-width:0;max-width:none;margin:0!important;padding:0}
.kl-v11-student .eyebrow,.kl-v11-student .heading h1,.kl-v11-student .panel h2,.kl-v11-student .card h1,.kl-v11-student .panel h3{color:var(--v11-text)!important}
.kl-v11-student .muted,.kl-v11-student .sub,.kl-v11-student .stat small,.kl-v11-student .item p,.kl-v11-student #classLabel,.kl-v11-student .footer{color:var(--v11-muted)!important}
.kl-v11-student .panel,.kl-v11-student .stat,.kl-v11-student .card,.kl-v11-student .item,.kl-v11-student .empty,.kl-v11-student .kn-question{background:var(--v11-panel)!important;border-color:var(--v11-line)!important;color:var(--v11-text)!important}
.kl-v11-student .tag{background:#194c32!important;color:#b0f2c8!important}
.kl-v11-student .btn.primary,.kl-v11-student .kn-card .btn{background:#167d4f!important;color:#fff!important;border-color:#28b873!important}
.kl-v11-student .btn.outline,.kl-v11-student .btn.light{background:#2a3b41!important;color:var(--v11-text)!important;border:1px solid #4c6f61!important}
.kl-v11-student input,.kl-v11-student select,.kl-v11-student textarea{background:#18262e!important;color:#f5fff7!important;border-color:#4a695c!important}
.kl-v11-student input::placeholder{color:#b1c6b9!important}
.kl-v11-student #dashboardView .stats .stat strong{color:#7af6ab}
.kl-v11-student .kl-profile-panel,.kl-v11-student .kl-menu{background:#1c2c34!important;color:var(--v11-text)!important;border:1px solid var(--v11-line)!important}
.kl-v11-student .kl-line{border-color:var(--v11-line)!important}
.kl-v11-student .kl-line span{color:var(--v11-muted)!important}
.kl-v11-student .kl-menu .kl-exit,.kl-v11-student .kl-menu button{background:#263b41!important;color:#fff!important}
/* Native exams: 1 exam card per row, one authenticated student name */
.kl-v11-student #ke-native-ujian .kn-card.kn-v11-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:0!important;padding:0!important;overflow:hidden;background:var(--v11-panel)!important;color:var(--v11-text)!important;border:1px solid var(--v11-line)!important;border-radius:17px!important}
.kl-v11-student .kn-v11-head{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px 20px;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(105deg,#0b7449,#139058);min-height:58px}
.kl-v11-student .kn-v11-head strong{font-size:15px;color:#fff;line-height:1.3;overflow-wrap:anywhere}
.kl-v11-student .kn-v11-student-name{background:#60e994;border-radius:12px;color:#07351e;font-size:12px;letter-spacing:.01em;font-weight:900;padding:7px 12px;line-height:1.3;text-transform:uppercase}
.kl-v11-student .kn-v11-main{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.36fr);gap:16px;padding:16px 18px 9px}
.kl-v11-student .kn-v11-info,.kl-v11-student .kn-v11-result{min-width:0;display:flex;flex-direction:column;gap:7px}
.kl-v11-student .kn-v11-info strong{font-size:14px;color:#f6fff8}
.kl-v11-student .kn-v11-info small,.kl-v11-student .kn-v11-result small{font-size:12px;color:#c2d4cb!important;line-height:1.4}
.kl-v11-student .kn-v11-result{border-left:1px solid #3a554b;padding-left:18px}
.kl-v11-student .kn-v11-score{font-size:25px;color:#62efa0;font-weight:900}
.kl-v11-student .kn-v11-actions{grid-column:1/-1;text-align:right;padding:3px 16px 12px}
.kl-v11-student .kn-v11-actions button{margin:0!important;border-radius:10px!important}
.kl-v11-student #kn-message,.kl-v11-student .kn-muted,.kl-v11-student .kn-status{color:var(--v11-muted)!important}
.kl-v11-student #ke-native-ujian .kn-timer{background:#0d7146!important;color:#fff!important}
.kl-v11-student .kn-option{border-color:#345549!important;background:#24343d!important;color:#f8fff9!important}
.kl-v11-student .kn-grade{color:#6cf9a5!important}
@media(max-width:800px){.kl-v11-student #dashboardView:not(.hidden){grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "menu" "hero" "student-content" "exam"}.kl-v11-student #dashboardView .tabs{position:static;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;padding:10px;gap:6px}.kl-v11-student #dashboardView .tabs:before{display:none}.kl-v11-student #dashboardView .tabs .tab{flex:0 0 auto;width:auto;white-space:nowrap;padding:10px!important}.kl-v11-student .kn-v11-main{grid-template-columns:1fr}.kl-v11-student .kn-v11-result{border-left:0;padding-left:0;border-top:1px solid var(--v11-line);padding-top:11px}}
/* Teacher theme: retain existing IDs, only colors and layout */
body.kl-v11-guru{background:radial-gradient(circle at top,#183a30,#101b23 65%)!important;color:var(--v11-text)!important;color-scheme:dark}
.kl-v11-guru .wrap,.kl-v11-guru .wrap.dashboard-mode{background:#15232c!important;color:var(--v11-text)!important;border-color:#37594b!important;box-shadow:0 18px 45px #0006}
.kl-v11-guru .ke-topbar,.kl-v11-guru .dashboard-hero{background:linear-gradient(105deg,#0b3e2b,#12784b)!important}
.kl-v11-guru .ke-page,.kl-v11-guru #ke-remake-app,.kl-v11-guru #ke-remake-pages{background:transparent!important;color:var(--v11-text)!important}
.kl-v11-guru #ke-remake-nav{background:#15232c!important;border-color:#325245!important}
.kl-v11-guru #ke-remake-nav button:not([aria-current="page"]){background:#263741!important;color:#f3f9f5!important;border-color:#36584b!important}
.kl-v11-guru #ke-remake-nav button[aria-current="page"]{background:linear-gradient(100deg,#159259,#0f7749)!important;color:#fff!important}
.kl-v11-guru .dashboard-card,.kl-v11-guru #ke-page-latihan #ke-native-panel,.kl-v11-guru #ke-page-nilai #ke-native-panel,.kl-v11-guru .ke-advanced,.kl-v11-guru .ken-q,.kl-v11-guru #ke-native-panel .ken-q,.kl-v11-guru .ken-sched-row,.kl-v11-guru #ke-native-panel .ken-sched-row,.kl-v11-guru .ken-manage,.kl-v11-guru #ke-native-panel .ken-record,.kl-v11-guru .schedule-row,.kl-v11-guru .mapel-table li,.kl-v11-guru .assign-info,.kl-v11-guru .class-option,.kl-v11-guru .note,.kl-v11-guru .placeholder{background:#1c2d35!important;border-color:#355c4c!important;color:#f0fbf4!important}
.kl-v11-guru .ke-page h2,.kl-v11-guru .dashboard-card h3,.kl-v11-guru #ke-native-panel h3,.kl-v11-guru #ke-native-panel h4,.kl-v11-guru .ke-subtitle,.kl-v11-guru .dashboard-card p,.kl-v11-guru label,.kl-v11-guru .class-note,.kl-v11-guru .ken-muted,.kl-v11-guru #ke-native-panel small{color:#d1e8da!important}
.kl-v11-guru #ke-native-panel input:not([type="checkbox"]),.kl-v11-guru input,.kl-v11-guru select,.kl-v11-guru textarea,.kl-v11-guru #ke-native-panel select,.kl-v11-guru #ke-native-panel textarea{background:#182a32!important;border-color:#426654!important;color:#effff5!important}
.kl-v11-guru input::placeholder,.kl-v11-guru textarea::placeholder{color:#a4c3ae!important}
.kl-v11-guru .ke-mode,.kl-v11-guru #ke-page-latihan .ke-mode{background:#22333b!important;color:#effff6!important;border-color:#3f7955!important}
.kl-v11-guru .ke-mode[aria-pressed="true"],.kl-v11-guru #ke-page-latihan .ke-mode:hover{background:#164c36!important;color:#fff!important}
.kl-v11-guru .ken-tabs button.ken-selected,.kl-v11-guru button:not(.secondary):not(.ken-danger):not(.ken-review-close){background:#137c4d!important;color:#fff!important;border-color:#18965c!important}
.kl-v11-guru #ken-review{margin-top:14px;border:1px solid #417658;background:#182b32;border-radius:14px;padding:13px}
.kl-v11-guru #ken-review[hidden]{display:none!important}
.kl-v11-guru #ken-review .ken-review-close{background:#35444c!important;color:#effff5!important;border:1px solid #51715d!important}
.kl-v11-guru #ken-schedule-classes .ken-sched-row.ken-optional-class{opacity:.9}
.kl-v11-guru .ken-v11-hint{padding:11px 13px;background:#123f2d;border-left:4px solid #35cb79;border-radius:10px;font-size:12px;color:#e2f9e8}
/* 012 — Two columns only for monitoring, not for exam question editor */
.kl-v11-guru #ke-page-nilai{min-width:0}
.kl-v11-guru #ke-page-nilai .ken-v11-workspace{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:18px;align-items:start}
.kl-v11-guru #ke-page-nilai .ken-v11-left,.kl-v11-guru #ke-page-nilai .ken-v11-right{min-width:0;padding:12px 14px;border:1px solid #3d5f4e;border-radius:15px;background:#1a2931}
.kl-v11-guru #ke-page-nilai #ken-monitor-result{min-height:180px}
.kl-v11-guru #ke-page-nilai #ken-monitor-result .ken-record{gap:8px}
.kl-v11-guru #ke-page-nilai #ken-monitor-select{min-width:0;flex:1}
.kl-v11-guru #ke-page-nilai #ken-atur-jadwal .ken-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.kl-v11-guru #ke-page-nilai .ken-v11-workspace{grid-template-columns:1fr}}
@media(max-width:550px){.kl-v11-guru #ke-page-nilai #ken-atur-jadwal .ken-grid{grid-template-columns:1fr}}
/* 004-005 class picker, accessible native dialog and compact chips */
.kl-v11-guru #ke-v11-open-classes{display:flex!important;justify-content:space-between!important;align-items:center;gap:8px;flex-wrap:wrap;width:100%;min-height:53px;border:1px solid #426b55!important;background:#1d3540!important;color:#fff!important;text-align:left}
.kl-v11-guru #ke-v11-selected-classes{display:inline-flex;align-items:center;gap:5px;flex:1;min-width:0;flex-wrap:wrap}
.kl-v11-guru .ke-v11-class-tag{display:inline-block;padding:5px 8px;border-radius:9px;background:#166d47;color:#ecfff4;font-weight:800;font-size:12px}
.kl-v11-guru #ke-v11-class-dialog{width:min(560px,calc(100vw - 30px));max-height:80vh;overflow:auto;padding:22px;background:#1a2a33;color:var(--v11-text);border:1px solid #53836a;border-radius:17px;box-shadow:0 22px 55px #0008}
.kl-v11-guru #ke-v11-class-dialog::backdrop{background:#030f14b9}
.kl-v11-guru #ke-v11-class-dialog .ke-v11-dialog-classes{display:grid;gap:7px;max-height:49vh;overflow:auto;margin:17px 0}
.kl-v11-guru #ke-v11-class-dialog label{display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid #3a594d;border-radius:10px;background:#253741;color:#e7fbee!important}
.kl-v11-guru #ke-v11-class-dialog input[type="checkbox"]{width:18px;height:18px;accent-color:#25ce79}
.kl-v11-guru .ke-v11-dialog-buttons{display:flex;gap:12px;justify-content:end;margin-top:17px}
/* ADMIN global visual refresh, preserve functional data center/modal */
body.kl-v11-admin{--navy:#0e3025;--navy2:#152f2b;--purple:#14a869;--purpleLight:#194331;--ink:#ecfff3;--muted:#b4cbbd;--line:#34584b;--bg:#111e26;--white:#1d2c36;background:#101b23!important;color:#f1fff5!important;color-scheme:dark}
.kl-v11-admin .sidebar{background:linear-gradient(175deg,#102128,#0b3a2a)!important}
.kl-v11-admin .layout,.kl-v11-admin .main-content{background:#111e26!important}
.kl-v11-admin .topbar{background:#1b2c34!important;border-color:#34574a!important;color:#fff!important}
.kl-v11-admin .card,.kl-v11-admin .module-card,.kl-v11-admin .stat,.kl-v11-admin .result-card,.kl-v11-admin .table-card,.kl-v11-admin .glass,.kl-v11-admin .module,.kl-v11-admin .weekly-editor,.kl-v11-admin .weekly-workspace>*,.kl-v11-admin .weekly-banner{background:#1d3038!important;border-color:#365f4c!important;color:#f2fff5!important}
.kl-v11-admin input,.kl-v11-admin select,.kl-v11-admin textarea{background:#182c35!important;border-color:#476d57!important;color:#effff6!important}
.kl-v11-admin .page-title,.kl-v11-admin h1,.kl-v11-admin h2,.kl-v11-admin h3,.kl-v11-admin h4,.kl-v11-admin .stat strong{color:#f4fff7!important}
.kl-v11-admin .muted,.kl-v11-admin .subtitle,.kl-v11-admin .page-desc{color:#c3d7c8!important}
.kl-v11-admin .nav-item.active,.kl-v11-admin .btn.primary{background:#128652!important;color:#fff!important}
/* Data center is already green; only harmonize old blue in interior, keep warnings legible */
.kl-v11-admin .ke-modal,.kl-v11-admin .ke-card,.kl-v11-admin .ke-note,.kl-v11-admin .ke-form,.kl-v11-admin #ke-online-center .ke-note{background:#1d363a!important;color:#f4fff7!important;border-color:#46836a!important}
.kl-v11-admin .ke-modal .ke-help,.kl-v11-admin .ke-note .ke-help{color:#d0eadd!important}
.kl-v11-admin .ke-tab-active{background:#148b56!important}
.kl-v11-admin .ke-note input,.kl-v11-admin .ke-note select{background:#173036!important;color:#fff!important}
/* Informational prompts/errors always stay prominent */
.kl-v11-admin [role="alert"],.kl-v11-guru [role="alert"],.kl-v11-student [role="alert"]{font-weight:700}

.kl-v11-guru #ke-v11-open-classes{flex-wrap:nowrap!important}.kl-v11-guru #ke-v11-selected-classes{flex-wrap:nowrap!important;overflow:hidden;white-space:nowrap}
.kl-v11-student .login-area .note{background:#254037!important;color:#effff5!important;border-color:#456c53!important}
.kl-v11-student .login-area .card .eyebrow{color:#a0f7c0!important}
.kl-v11-student .top .logo{background:#12784d!important}
.kl-v11-student #ke-native-ujian .kn-muted{color:#c8dbc9!important}

.kl-v11-student .kn-v11-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px}
.kl-v11-student .kn-v11-head-title{min-width:0;display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center}
.kl-v11-student .kn-v11-head-title strong{font-weight:900}
.kl-v11-student .kn-v11-see-all{margin:0!important;white-space:nowrap;border-radius:10px!important;border:1px solid #7deaa7!important;background:#134b34!important;color:#eafff3!important;padding:10px 12px!important}
.kl-v11-student .kn-v11-see-all:disabled{background:#2a5641!important;color:#c2d8c9!important;opacity:.85!important}
@media(max-width:520px){.kl-v11-student .kn-v11-head{grid-template-columns:1fr}.kl-v11-student .kn-v11-see-all{justify-self:start}}