/* Ubah berkas ini untuk merancang identitas visual sekolah. */
:root { --school-green:#15543d; --school-gold:#dfbf63; --green:var(--school-green); }
html { min-height:100%; background:#dce8dd; }
body { min-height:100vh; background:transparent!important; isolation:isolate; }
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(rgba(236,245,237,.62),rgba(232,242,233,.75)),url('../assets/gerbang-sekolah.png') center 47% / cover no-repeat; }
.school-logo { display:block; width:48px; height:48px; object-fit:contain; background:#fff; border-radius:10px; padding:4px; box-shadow:0 3px 12px #123c2320; flex-shrink:0; }
.loginpage,.digital-app,.app,.digital-main,.main,.digital-loading { background:transparent!important; }
.loginvisual { background:linear-gradient(160deg,rgba(11,53,36,.62),rgba(9,56,40,.86)),url('../assets/gerbang-sekolah.png') center / cover!important; }
.loginvisual .dbrand { gap:12px; }
.loginvisual .school-logo { width:68px; height:68px; padding:5px; border-radius:14px; }
.loginform { background:rgba(255,255,255,.93)!important; backdrop-filter:blur(8px); }
.digital-header { background:rgba(255,255,255,.95)!important; backdrop-filter:blur(12px); }
.digital-header .dbrand { gap:10px; }
.digital-hero { background:linear-gradient(100deg,rgba(9,57,38,.88),rgba(14,61,39,.32)),url('../assets/gerbang-sekolah.png') center 47% / cover!important; }
.digital-hero h1,.digital-hero p,.digital-hero .herotag,.digital-hero .hero-meta,.digital-hero .lake-caption { color:#fff!important; }
.digital-title,.utilitynav,.digital-main>.toolbar,.digital-main>.advancedfilters,.quicknote { background:rgba(255,255,255,.90); border-radius:14px; padding:16px; }
.digital-main .panel,.ebook,.ebook-card,.mastergroup,.settings,.statcard,.sidebar { background:rgba(255,255,255,.96)!important; }
.digital-main .empty,.masterempty { background:rgba(255,255,255,.9); border-radius:12px; padding:26px; }
.panel,.dialog { box-shadow:0 6px 24px #123c230c; }
@media(max-width:700px) { .loginvisual { min-height:320px!important; } .loginvisual .school-logo { width:52px;height:52px; } .digital-header .school-logo{width:38px;height:38px;} body::before{background-position:center;} .digital-title,.utilitynav{padding:12px;} }
@media print { body::before { display:none; } body,.panel,.dialog { background:white!important; } }