/* KEMBANGLAMPIR EDUKASI V1.1 | MASTER VISUAL 023-025
   Additive visual skin. Intentional: no changes to auth, scoring, routes or server logic.
   Reference-target approximation; original low resolution assets required for exact pixel parity. */
:root{
 --keM-black:#070e14;--keM-base:#0c151c;--keM-sidebar:#111c25;--keM-panel:#19252e;--keM-panel-hover:#21303b;
 --keM-stroke:#293842;--keM-green:#1cd879;--keM-emerald:#0a9958;--keM-muted:#b5c0c7;--keM-white:#f6f9f8;
 --keM-glow:0 0 0 1px rgba(153,255,198,.065) inset,0 12px 28px rgba(0,0,0,.43),0 25px 65px rgba(0,0,0,.33);
 --keM-tile:linear-gradient(152deg,#22313b 0%,#1a2832 45%,#131e28 100%);
 --keM-panel-grad:linear-gradient(143deg,#1d2b35 0%,#19252e 43%,#131e27 100%);
 --keM-green-grad:linear-gradient(100deg,#0f995c 0%,#0d8351 55%,#087344 100%);
}
body.kl-v11-admin,body.kl-v11-guru,body.kl-v11-student,body.kl-v11-portal{background:radial-gradient(ellipse at 68% -15%,#1a3230 0%,#0c151c 42%,#080e13 100%)!important;color:var(--keM-white)!important;color-scheme:dark}
/* Semantic vector icons — stable stroke, color and 20px nav reference proportion */
.ke-v11-icon{display:inline-block;width:19px;height:19px;flex:0 0 19px;vertical-align:-4px;color:inherit;stroke:currentColor;overflow:visible}
.kl-v11-student .tabs .tab .ke-v11-icon{width:18px;height:18px;flex-basis:18px}
.kl-v11-student .tabs .tab,.kl-v11-guru #ke-remake-nav button,.kl-v11-admin .nav-item{display:flex!important;align-items:center!important;gap:12px!important}
.kl-v11-student #dashboardView .tabs,.kl-v11-guru #ke-remake-nav,.kl-v11-admin .sidebar{
 background:linear-gradient(155deg,#18242d 0%,#0d161e 100%)!important;box-shadow:5px 6px 24px rgba(0,0,0,.32)!important;border-color:#263640!important}
.kl-v11-student #dashboardView .tabs .tab,.kl-v11-guru #ke-remake-nav button:not([aria-current="page"]),.kl-v11-admin .nav-item:not(.active){
 color:#c9d1d7!important;background:var(--keM-tile)!important;border:1px solid #283b45!important;border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 5px 12px rgba(0,0,0,.32)!important;
 transition:background .2s ease,box-shadow .2s ease,transform .2s ease}
.kl-v11-student #dashboardView .tabs .tab.active,.kl-v11-guru #ke-remake-nav button[aria-current="page"],.kl-v11-admin .nav-item.active{
 background:linear-gradient(108deg,#28eb8d 0%,#13bd6a 66%,#0aa35e 100%)!important;color:#082d1f!important;border:1px solid #1dde83!important;
 box-shadow:0 8px 18px #0007,0 0 18px rgba(17,200,104,.14),inset 0 1px 0 #a2ffd13b!important}
.kl-v11-student #dashboardView .tabs .tab.active .ke-v11-icon,.kl-v11-guru #ke-remake-nav button[aria-current="page"] .ke-v11-icon,.kl-v11-admin .nav-item.active .ke-v11-icon{color:#073823!important}
.kl-v11-admin .nav-icon,.kl-v11-guru .ke-nav-icon{display:inline-grid!important;place-items:center!important;min-width:21px!important;font-size:0!important}
.kl-v11-admin .nav-icon .ke-v11-icon,.kl-v11-guru .ke-nav-icon .ke-v11-icon{width:18px;height:18px}
/* Deep-shadow gradients on compact content cards */
.kl-v11-admin .module-card,.kl-v11-admin .card,.kl-v11-admin .stat,.kl-v11-admin .result-card,.kl-v11-admin .table-card,
.kl-v11-guru .dashboard-card,.kl-v11-guru .ke-advanced,.kl-v11-guru .ken-q,.kl-v11-guru .ken-record,.kl-v11-guru .ken-manage,
.kl-v11-student .panel,.kl-v11-student .card,.kl-v11-student .stat,.kl-v11-student .item,
.kl-v11-portal .entry{background:var(--keM-panel-grad)!important;color:var(--keM-white)!important;border:1px solid #32444c!important;
 box-shadow:var(--keM-glow)!important;border-radius:15px!important}
.kl-v11-admin .module-card:hover,.kl-v11-guru .dashboard-card:hover,.kl-v11-portal .entry:hover{
 background:linear-gradient(130deg,#253742,#1c2c36 60%,#192731)!important;box-shadow:0 15px 40px #000b,0 0 0 1px rgba(39,235,137,.3) inset!important}
.kl-v11-admin .module-card h3,.kl-v11-guru .dashboard-card h3{display:flex;align-items:center;gap:10px}
.kl-v11-admin .module-card h3 .ke-v11-icon,.kl-v11-guru .dashboard-card h3 .ke-v11-icon{color:#69c9fa}
.kl-v11-student #dashboardView .hero,.kl-v11-guru .dashboard-hero{background:linear-gradient(104deg,#08653f 0%,#118d56 53%,#1ba66b 100%)!important;box-shadow:0 20px 38px #0008,inset 0 1px 0 #a2ffd13d!important}
.kl-v11-admin .main-content,.kl-v11-admin .layout,.kl-v11-guru .wrap,.kl-v11-guru .wrap.dashboard-mode{background:var(--keM-base)!important}
.kl-v11-guru .ken-v11-left,.kl-v11-guru .ken-v11-right,
.kl-v11-guru #ke-page-nilai .ken-v11-left,.kl-v11-guru #ke-page-nilai .ken-v11-right{
 background:var(--keM-panel-grad)!important;border-color:#32454b!important;box-shadow:0 18px 35px #0008,inset 0 1px 0 #ffffff0b!important}
.kl-v11-admin .ke-modal,.kl-v11-admin .ke-card,.kl-v11-admin .ke-form,.kl-v11-admin .ke-note{background:linear-gradient(160deg,#1d302f 0%,#16272a 65%,#112024 100%)!important;box-shadow:0 17px 42px #0009!important}
.kl-v11-admin .sidebar .brand{background:#15252e}
/* Student exam cards — green header + dark detail, same width, no navigation jump on expand */
.kl-v11-student #ke-native-ujian .kn-card.kn-v11-card{display:block!important;overflow:hidden!important;background:var(--keM-panel-grad)!important;
 border:1px solid #2d4147!important;box-shadow:0 18px 30px #0008,0 4px 15px #0008,inset 0 1px 0 rgba(255,255,255,.06)!important;border-radius:15px!important;
 margin-bottom:13px!important;scroll-margin-top:14px}
.kl-v11-student .kn-v11-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px!important;background:var(--keM-green-grad)!important;
 padding:11px 15px!important;min-height:54px;box-shadow:inset 0 -1px 0 #ffffff1e}
.kl-v11-student .kn-v11-head-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px 16px}
.kl-v11-student .kn-v11-head-title strong{font-size:15px;color:#f8fff9!important;font-weight:900;letter-spacing:.005em}
.kl-v11-student .kn-v11-student-name{padding:7px 12px!important;background:linear-gradient(130deg,#7ffc97,#42d77c 60%,#23bd6d)!important;border-radius:11px!important;
 color:#052d19!important;font-weight:950;font-size:11px;box-shadow:inset 0 1px 0 #edfff3aa,0 3px 8px #0005}
.kl-v11-student .kn-v11-see-all{display:inline-flex;gap:7px;align-items:center;justify-content:center;margin:0!important;background:linear-gradient(135deg,#115637,#0a3a2b)!important;
 border:1px solid #1de489!important;color:#f6fff9!important;border-radius:13px!important;padding:10px 13px!important;box-shadow:0 4px 10px #0008!important;font-size:12px;font-weight:800}
.kl-v11-student .kn-v11-see-all .ke-v11-icon{width:15px;height:15px;flex:0 0 15px;color:#dbfff0}
.kl-v11-student .kn-v11-expanded .kn-v11-see-all{background:#235b42!important}
.kl-v11-student .kn-v11-expand{display:grid!important;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .34s cubic-bezier(.22,.8,.18,1),opacity .23s ease}
.kl-v11-student .kn-v11-expand-inner{min-height:0;overflow:hidden}
.kl-v11-student .kn-v11-expanded .kn-v11-expand{grid-template-rows:1fr;opacity:1}
.kl-v11-student .kn-v11-main{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(130px,.4fr);padding:16px 18px 14px!important;gap:16px}
.kl-v11-student .kn-v11-info,.kl-v11-student .kn-v11-result{gap:7px!important}
.kl-v11-student .kn-v11-info strong{color:#f9fffb!important;font-size:14px!important}
.kl-v11-student .kn-v11-info small,.kl-v11-student .kn-v11-result small{color:#bfcbd3!important;font-size:12px!important}
.kl-v11-student .kn-v11-info small,.kl-v11-student .kn-v11-info strong{display:flex;align-items:center;gap:8px;line-height:1.4}
.kl-v11-student .kn-v11-info strong.ke-v11-subject .ke-v11-icon{color:#ffae35!important;width:22px;height:22px;flex:0 0 22px;margin-right:2px}
.kl-v11-student .kn-v11-info small .ke-ico-calendar,.kl-v11-student .kn-v11-info small .ke-ico-clock{color:#c2c9d0!important;width:16px;height:16px;flex:0 0 16px}
.kl-v11-student .kn-v11-info small .ke-ico-check{color:#46f18a!important;width:17px;height:17px;flex:0 0 17px}
.kl-v11-student .kn-v11-info small:has(.ke-ico-check){color:#48ed88!important;font-weight:800}
.kl-v11-student .kn-v11-result{border-left:1px solid #334751!important;padding-left:24px!important}
.kl-v11-student .kn-v11-score{font-size:29px!important;color:#34ed82!important;text-shadow:0 2px 10px #0007}
.kl-v11-student .kn-v11-detail-action{padding:1px 18px 14px;display:flex;justify-content:end}
.kl-v11-student .kn-v11-detail-action button{background:linear-gradient(100deg,#193d30,#114936)!important;color:#eafff1!important;border:1px solid #429e6e!important}
/* Inputs stay high contrast; do not recolor error-danger status as green */
.kl-v11-admin input,.kl-v11-guru input,.kl-v11-student input,
.kl-v11-admin textarea,.kl-v11-guru textarea,.kl-v11-student textarea,
.kl-v11-admin select,.kl-v11-guru select,.kl-v11-student select{color:#f4fff8!important}
.kl-v11-portal .entry .icon{background:linear-gradient(138deg,#143d2d,#0d3028)!important;box-shadow:inset 0 1px 0 #86fcac22,0 9px 17px #0009!important}
.kl-v11-portal .entry .icon .ke-v11-icon{width:30px;height:30px;color:#31e088}
.kl-v11-portal .mark{box-shadow:0 18px 35px #000a;background:linear-gradient(140deg,#209965,#064d35)}
@media(max-width:800px){.kl-v11-student #dashboardView .tabs{box-shadow:0 7px 19px #0006!important}.kl-v11-student .kn-v11-main{grid-template-columns:minmax(0,1fr)!important}.kl-v11-student .kn-v11-result{border-left:0!important;border-top:1px solid #3c555c;padding:12px 0 0!important}}
@media(max-width:520px){.kl-v11-student .kn-v11-head{grid-template-columns:1fr!important}.kl-v11-student .kn-v11-see-all{justify-self:start}}
@media(prefers-reduced-motion:reduce){.kl-v11-student .kn-v11-expand,.kl-v11-student #dashboardView .tabs .tab,.kl-v11-admin .nav-item,.kl-v11-portal .entry{transition:none!important}}

/* Consistent semantics for calendar, clock, and utility button glyphs */
.kl-v11-admin label:has(.ke-v11-icon),.kl-v11-guru label:has(.ke-v11-icon),.kl-v11-student label:has(.ke-v11-icon){display:inline-flex;align-items:center;gap:7px}
.kl-v11-admin label .ke-v11-icon,.kl-v11-guru label .ke-v11-icon,.kl-v11-student label .ke-v11-icon{width:15px;height:15px;flex:0 0 15px;color:#b8cdd6}
.kl-v11-admin button:has(>.ke-v11-icon),.kl-v11-guru button:has(>.ke-v11-icon),.kl-v11-student button:has(>.ke-v11-icon){display:inline-flex;gap:7px;align-items:center;justify-content:center}
.kl-v11-admin button>.ke-v11-icon,.kl-v11-guru button>.ke-v11-icon,.kl-v11-student button>.ke-v11-icon{width:15px;height:15px;flex:0 0 15px}
.kl-v11-student .kn-v11-feedback .ke-v11-icon{color:#eac271;width:15px;height:15px;flex:0 0 15px}

/* Tahap 125: draf native mudah dipilih langsung dari tab penjadwalan. */
#ke-native-panel .ken-v11-draft-picker-label{display:grid;gap:7px;margin:12px 0 16px;color:#e8f3f0;font-weight:700}
#ke-native-panel #ken-schedule-draft-select{width:100%;min-height:43px;background:#111f29!important;color:#eff9f5!important;border:1px solid #375950!important;border-radius:10px;padding:9px 12px}
#ke-native-panel #ken-schedule-draft-select option{background:#111f29;color:#f1faf5}