/* SIJALU — adaptasi gaya E-Kreasi Smart Library V1.0: login dua panel, premium blue,
   kartu, tabel, form compact, dashboard executive. Tidak mengubah perilaku modul. */
:root{--si-navy:#082657;--si-blue:#205ee4;--si-line:#dce5f2;--si-bg:#f2f6fc;--si-ink:#172743}
body{background:var(--si-bg);color:var(--si-ink)}
.sidebar{background:linear-gradient(180deg,#081d44,#0b2d68 68%,#071b3e);box-shadow:7px 0 26px rgba(4,25,64,.09)}
.brand{padding:21px 18px 16px;gap:11px}.si-sidebar-logo{width:45px;height:45px;object-fit:contain;border:1px solid rgba(255,255,255,.21);border-radius:12px;padding:5px;background:rgba(255,255,255,.92)}
.brand b{font-size:21px;letter-spacing:.03em}.brand small{line-height:1.45;max-width:155px}
.school-block{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:12px}
.nav-group summary{font-size:10.5px}.nav-item{transition:background .16s}.nav-item:hover{background:rgba(255,255,255,.1)}.nav-item.active{background:#145ece;box-shadow:inset 3px 0 0 #36d4ea}
.topbar{height:70px;position:sticky;top:0;z-index:3;border-bottom:1px solid #e3e9f3;box-shadow:0 3px 15px rgba(30,60,100,.025)}
.content{max-width:1550px;padding-top:24px}.page-heading h1{font-size:25px;letter-spacing:-.7px}
.panel,.stat{border:1px solid #dfe7f3;border-radius:15px;box-shadow:0 6px 23px rgba(18,52,98,.06);background:#fff}
.stat{background:linear-gradient(150deg,#fff 45%,#f3f8ff 100%)}.stat strong{color:#0c4484}
.btn{border-radius:9px;min-height:39px}.btn.primary{background:linear-gradient(135deg,#1768e8,#0755c6);border-color:#1463d8}.btn.primary:hover{background:#0d4fb6}
.field input,.field select,.field textarea{border:1px solid #d2ddec;border-radius:9px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6795f6;box-shadow:0 0 0 3px #1b64ef18}
.table-scroll{border:1px solid #e2e8f2;border-radius:11px}thead th{background:#f4f7fc;color:#49627e}.panel-title{color:#153663}
@media(max-width:850px){.topbar{height:62px}.content{padding:17px 12px 65px}.panel{padding:15px}}
/* Login 1:1 philosophy from library: large school-photo hero and compact white login area */
body.sijalu-login{background:#eef3fa}
body.sijalu-login .si-login-screen{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#f3f7fd,#e8eff9)}
.si-login-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(370px,1fr);width:min(1160px,100%);min-height:650px;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 25px 75px rgba(17,42,82,.15)}
.si-login-hero{background-color:#1d4f94;background-size:cover;background-position:center;position:relative;color:#fff;display:flex;align-items:flex-end;padding:48px}
.si-login-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,30,72,.12),rgba(4,29,72,.25) 42%,rgba(2,22,58,.93))}
.si-login-hero-content{position:relative;z-index:1;max-width:550px}.si-login-hero h1{color:white;font-size:clamp(32px,3.6vw,50px);line-height:1.08;letter-spacing:-.03em;margin:0 0 15px}.si-login-hero p{color:#e8f3ff;line-height:1.7;font-size:15px}
.si-login-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:#aee7ff;margin-bottom:12px}
.si-login-form-column{display:flex;align-items:center;justify-content:center;padding:50px 43px}.si-login-form-inner{width:min(380px,100%)}
.si-login-identity{display:flex;gap:13px;align-items:center;margin-bottom:34px}.si-login-identity img{width:49px;height:49px;object-fit:contain;border-radius:12px;border:1px solid #dbe5f5;padding:6px;background:#f6faff}.si-login-identity b{display:block;color:#152e52;font-size:17px}.si-login-identity small{color:#7a8ca4}
.si-login-form-inner>h2{font-size:32px;letter-spacing:-.03em;margin:0 0 8px;color:#152845}.si-login-form-inner>.hint{margin:0 0 30px;font-size:13px;line-height:1.65}
.si-login-form-inner .panel.login-card{box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}.si-login-form-inner .login-card .brand{display:none}
.si-login-form-inner .login-card p.hint{display:none}.si-login-form-inner .login-card .field span{font-size:12px;color:#35435b}
.si-login-form-inner .login-card .field input{height:49px;min-height:49px;font-size:14px;border-radius:11px;padding:0 14px}
.si-login-form-inner .login-card .actions{margin-top:25px}.si-login-form-inner .login-card .btn{width:100%;height:49px;font-size:14px}
.si-login-foot{margin-top:25px;font-size:11px;color:#8290a4;line-height:1.6}
@media(max-width:940px){.si-login-shell{grid-template-columns:minmax(0,1fr) minmax(325px,.9fr);min-height:580px}.si-login-hero{padding:35px}.si-login-form-column{padding:32px}}
@media(max-width:680px){body.sijalu-login .si-login-screen{padding:0}.si-login-shell{border-radius:0;display:flex;flex-direction:column;min-height:100vh}.si-login-hero{min-height:230px;padding:25px}.si-login-hero h1{font-size:28px}.si-login-hero p{font-size:12px}.si-login-form-column{flex:1;padding:30px 24px}.si-login-form-inner>h2{font-size:27px}}
@media print{.si-login-screen{display:none!important}}