/* RadhinPAUD Dashboard Operator V1.8.0 — Full Component Unification */
:root{
  --ui-navy:#061a3b;--ui-navy-2:#0b2e63;--ui-navy-3:#173f7e;
  --ui-gold:#d89a21;--ui-gold-2:#f0b541;--ui-ink:#142a49;--ui-muted:#6d7b90;
  --ui-line:#e3e9f1;--ui-bg:#f8fafc;--ui-card:#fff;
  --ui-shadow:0 7px 20px rgba(13,39,78,.07);--ui-shadow-lg:0 18px 45px rgba(7,27,61,.13);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}a{text-decoration:none}button,input,select,textarea{font:inherit}
body.secondary-dashboard{margin:0!important;padding:0!important;min-height:100vh;overflow-x:hidden;color:var(--ui-ink)!important;background:var(--ui-bg)!important;font-family:Inter,Roboto,"Segoe UI",Arial,sans-serif!important;line-height:1.5;-webkit-font-smoothing:antialiased}
body.secondary-dashboard:before,body.secondary-dashboard:after{display:none!important}.page,.wrapper{max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
:focus-visible{outline:3px solid rgba(216,154,33,.4);outline-offset:3px}

/* Header mirrors index.php public dashboard */
.navbar{position:sticky!important;top:0!important;z-index:500!important;width:100%!important;min-height:78px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;color:#fff!important;background:#061a3b!important;border-bottom:1px solid rgba(255,255,255,.14)!important;box-shadow:0 8px 25px rgba(2,15,36,.18)!important}
.navbar-inner{width:100%;max-width:1540px;min-height:78px;margin:auto;padding:11px 30px;display:flex;align-items:center;gap:22px}
.navbar .brand{display:flex!important;align-items:center!important;gap:13px!important;min-width:0!important;color:#fff!important}
.brand-icon,.navbar .brand-icon,.navbar .icon{width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;background:#fff!important;border:2px solid rgba(255,255,255,.32)!important;box-shadow:0 8px 22px rgba(0,0,0,.2)!important}
.brand-icon img,.navbar .icon img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}.brand-text{min-width:0}.brand-text h2{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.15!important;font-weight:850!important}.brand-text span,.navbar small{display:block;color:#9fb2cf!important;font-size:11px!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-menu{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important}.nav-menu a,.nav-menu button{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:16px 14px!important;border:0!important;border-radius:8px!important;color:#edf4ff!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;font-weight:750!important;transition:.2s!important}.nav-menu a:hover,.nav-menu button:hover{background:rgba(255,255,255,.08)!important;transform:none!important}.nav-menu a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-11px;height:3px;border-radius:99px;background:var(--ui-gold)}
.navbar-user{display:flex;align-items:center;gap:10px;margin-left:12px;padding-left:18px;border-left:1px solid rgba(255,255,255,.15)}.operator-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f5f8fd;color:#0b315f}.operator-copy strong{display:block;color:#fff;font-size:12px;line-height:1.2}.operator-copy small{display:block;color:#aebdd2!important;font-size:10px!important}.operator-logout{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 10px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important;color:#fff!important;background:rgba(255,255,255,.07)!important;font-size:10px!important;font-weight:800!important}.operator-logout:hover{background:rgba(255,255,255,.13)!important}.mobile-nav-toggle{display:none;border:1px solid rgba(255,255,255,.16);border-radius:9px;width:39px;height:39px;place-items:center;color:#fff;background:rgba(255,255,255,.07)}

/* Dashboard hero */
.hero{position:relative!important;isolation:isolate!important;overflow:hidden!important;width:100%!important;max-width:none!important;min-height:315px!important;margin:0!important;padding:34px max(74px,calc((100vw - 1392px)/2)) 38px!important;display:flex!important;align-items:center!important;border:0!important;border-radius:0!important;color:#fff!important;box-shadow:none!important;background:#061b3d url('hero-radhin-paud.jpg') right center/min(59%,920px) 100% no-repeat!important}
.hero:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,#061a3b 0%,#071d43 49%,rgba(7,30,70,.68) 67%,rgba(7,30,70,.12) 100%)!important}.hero:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;opacity:1!important;background:radial-gradient(circle at 20% 20%,rgba(26,88,160,.22),transparent 32%),linear-gradient(150deg,transparent 0 58%,rgba(218,158,34,.9) 58.3% 58.8%,transparent 59.1%)!important;pointer-events:none!important}
.hero-main,.hero-card{position:relative!important;z-index:2!important;width:min(730px,56%)!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}.hero-main:before,.hero-card:before{display:none!important}.badge{position:static!important;display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0 0 14px!important;padding:7px 13px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:999px!important;background:rgba(2,16,39,.25)!important;color:#f5f7fb!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.hero h1,.hero-main h1,.hero-card h1{margin:0 0 9px!important;color:#fff!important;font-size:clamp(36px,4.3vw,58px)!important;line-height:1.05!important;letter-spacing:-1.4px!important;font-weight:900!important}.hero h1 span,.hero-main h1 span,.hero-card h1 span{color:#fff!important;background:none!important;-webkit-text-fill-color:initial!important}.hero p,.hero-main p,.hero-card p{max-width:620px!important;margin:0!important;color:#d8e1ef!important;font-size:15px!important;line-height:1.55!important;font-weight:500!important}.hero-actions{display:flex!important;gap:13px!important;flex-wrap:wrap!important;margin-top:22px!important}.hero-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:46px!important;padding:12px 22px!important;border-radius:11px!important;font-size:13px!important;font-weight:850!important;transition:.2s!important}.hero-btn.primary{color:#fff!important;background:linear-gradient(135deg,#e6aa2e,#d68f13)!important;border:1px solid #d69a22!important;box-shadow:0 9px 22px rgba(220,151,25,.25)!important}.hero-btn.secondary{color:#fff!important;background:rgba(7,27,61,.55)!important;border:1px solid #d69a22!important;box-shadow:none!important}.hero-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.05)}
.hero-stat,.stat-card{position:absolute!important;z-index:3!important;right:max(58px,calc((100vw - 1424px)/2))!important;bottom:30px!important;width:350px!important;padding:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.hero-stat .stat-box,.stat-card .stat-box{min-height:92px!important;padding:14px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:14px!important;display:grid!important;grid-template-columns:42px 1fr!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;color:#fff!important;background:rgba(7,28,64,.84)!important;box-shadow:0 9px 25px rgba(0,0,0,.17)!important;backdrop-filter:blur(7px)!important}.stat-icon{grid-row:1/3!important;width:42px!important;height:42px!important;margin:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;font-size:18px!important;background:linear-gradient(145deg,#e7aa35,#be7813)!important;box-shadow:none!important}.stat-number{align-self:end!important;color:#fff!important;font-size:20px!important;line-height:1.05!important;font-weight:900!important}.stat-label{align-self:start!important;color:#c8d4e4!important;font-size:9px!important;font-weight:650!important}

/* Service grid — exact dashboard language */
.sub-service-strip{position:relative!important;z-index:20!important;width:auto!important;max-width:1540px!important;margin:18px auto!important;padding:0 58px!important;display:grid!important;grid-template-columns:repeat(8,minmax(118px,1fr))!important;gap:14px!important;background:transparent!important}.sub-service-link{min-height:103px!important;padding:12px 8px!important;border:1px solid #e4e9f1!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#071f48!important;background:#fff!important;box-shadow:var(--ui-shadow)!important;font-size:12px!important;font-weight:800!important;text-align:center!important;transition:.22s!important}.sub-service-link .svc-icon{height:37px!important;display:grid!important;place-items:center!important;color:#0b315f!important;font-size:0!important}.sub-service-link:hover{transform:translateY(-3px)!important;box-shadow:0 13px 28px rgba(13,39,78,.12)!important}.sub-service-link.active{color:#fff!important;background:linear-gradient(145deg,#08234f,#0b356f)!important;border:2px solid #d79a20!important;box-shadow:0 10px 25px rgba(12,43,87,.25),0 0 0 3px rgba(224,163,39,.12)!important}.sub-service-link.active .svc-icon{color:#efb541!important}.sub-service-link.active:after{content:"Menu Aktif";padding:3px 8px;border-radius:999px;color:#f1bf5b;background:rgba(230,170,46,.22);font-size:9px;font-weight:700}

/* Main content shell */
.window,.toolbar,.grid-dokumen,.iframe-box,.attendance-frame,.embed-section{width:auto!important;max-width:1424px!important;margin-left:auto!important;margin-right:auto!important}.window{height:auto!important;margin-top:0!important;margin-bottom:34px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:var(--ui-shadow)!important}.window-top,.top{min-height:61px!important;padding:14px 18px!important;display:flex!important;align-items:center!important;gap:0!important;color:var(--ui-ink)!important;background:#fff!important;border-bottom:1px solid #edf0f5!important}.window-top:before{content:"";width:39px;height:39px;flex:0 0 39px;margin-right:11px;border-radius:10px;background:linear-gradient(145deg,#173f7e,#0b2e63);box-shadow:0 7px 17px rgba(8,40,86,.15)}.window-top:after{content:"";position:absolute}.window-top .dot{display:none!important}.path,.window-top .path,.top .title{color:#0b2954!important;font-size:14px!important;font-weight:850!important}.path:after{content:" • Pusat data terintegrasi";display:block;margin-top:2px;color:#7b8798;font-size:10px;font-weight:600}.main{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;min-height:560px!important}.sidebar{padding:18px!important;background:#f7f9fc!important;border-right:1px solid var(--ui-line)!important;border-bottom:0!important}.side-title{margin-bottom:11px!important;color:#0c2d5c!important;font-size:12px!important;font-weight:900!important}.side-menu{display:grid!important;gap:7px!important}.side-menu a{margin:0!important;padding:11px 12px!important;border:1px solid transparent!important;border-radius:9px!important;color:#41516a!important;background:transparent!important;font-size:11px!important;font-weight:750!important;box-shadow:none!important}.side-menu a:hover,.side-menu a.active{color:#fff!important;background:linear-gradient(90deg,#173f7e,#0e3570)!important;border-color:#0b356f!important;transform:none!important;box-shadow:0 7px 17px rgba(8,40,86,.14)!important}.side-note{margin-top:17px!important;padding:14px!important;border:1px solid #e0e6ee!important;border-radius:10px!important;color:#69778b!important;background:#fff!important;font-size:10px!important;line-height:1.55!important}.content{padding:22px!important;background:#fff!important}.content-head{margin-bottom:18px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:15px!important}.title{color:#0b2d5f!important;font-size:25px!important;line-height:1.1!important;font-weight:900!important}.subtitle{margin-top:5px;color:#748196!important;font-size:11px!important;font-weight:600!important}.search-wrap{position:relative!important}.search-wrap>span{position:absolute!important;left:13px!important;top:50%!important;z-index:2!important;display:grid!important;place-items:center!important;transform:translateY(-50%)!important;color:#76849a!important;font-size:0!important}.search-input,.search-bar,.search{min-width:270px!important;padding:11px 14px 11px 40px!important;border:1px solid #dbe2ec!important;border-radius:10px!important;color:#17304f!important;background:#fff!important;font-size:11px!important;font-weight:650!important;outline:none!important;box-shadow:none!important}.search-input:focus,.search-bar:focus,.search:focus{border-color:#164986!important;box-shadow:0 0 0 3px rgba(22,73,134,.08)!important}
.grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(235px,1fr))!important;gap:13px!important}.card{border:1px solid var(--ui-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 6px 17px rgba(13,39,78,.055)!important;overflow:hidden!important;transition:.22s!important}.card:before{display:none!important}.card:hover{transform:translateY(-3px)!important;border-color:#d9c07d!important;box-shadow:0 13px 28px rgba(13,39,78,.11)!important}.card-content{height:100%;padding:15px!important;display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;grid-template-rows:auto auto 1fr!important;column-gap:12px!important;align-items:center!important}.school-logo{grid-row:1/3;width:62px!important;height:62px!important;margin:0!important;padding:7px!important;border:1px solid #e3e8ef!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#f5f7fa!important}.school-logo img{width:100%!important;height:100%!important;object-fit:contain!important}.card-content h3,.card h3{margin:0!important;color:#0d3268!important;font-size:13px!important;line-height:1.28!important;font-weight:850!important}.card-content p,.info,.meta{margin-top:4px!important;color:#748096!important;font-size:10px!important}.card .btn{grid-column:1/-1;width:100%!important;margin-top:13px!important}.btn,.btn-unduh{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:9px!important;padding:10px 14px!important;border:1px solid transparent!important;color:#fff!important;background:linear-gradient(90deg,#0d3b78,#0b2e63)!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}.btn:hover,.btn-unduh:hover{transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(9,43,91,.18)!important}.btn-light{color:#0d366f!important;background:#f2f5f9!important;border-color:#dfe6ef!important}.empty{grid-column:1/-1!important;padding:38px 18px!important;border:1px dashed #d6deea!important;border-radius:13px!important;color:#66758b!important;background:#fafbfd!important;text-align:center!important}.empty h3{margin:0 0 5px!important;color:#0b2e63!important}.window>.footer{margin:0!important;padding:13px 18px!important;border-top:1px solid #edf0f5!important;color:#7a8799!important;background:#f8fafc!important;text-align:center!important;font-size:10px!important}

/* e-PAKON cards */
body.page-epakon>.page>.toolbar,body.page-epakon .toolbar{margin-top:0!important;margin-bottom:16px!important;padding:14px 16px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:13px!important;background:#fff!important;box-shadow:var(--ui-shadow)!important}.total-info{flex:0 0 auto;padding:10px 13px;border-radius:9px;color:#5f6e84!important;background:#f4f7fa!important;font-size:10px!important;font-weight:750!important}.grid-dokumen{padding:0 0 34px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.grid-dokumen .card-content{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:18px!important}.icon-badge{width:56px!important;height:56px!important;margin:0 0 15px!important;padding:9px!important;border:1px solid #e2e7ef!important;border-radius:13px!important;background:#f6f8fb!important}.icon-badge img{width:100%!important;height:100%!important;object-fit:contain!important}.grid-dokumen .card h3{min-height:38px!important;font-size:14px!important}.meta{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:12px 0 15px!important}.meta span{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 8px!important;border-radius:999px!important;color:#496079!important;background:#f3f6fa!important;font-size:9px!important;font-weight:750!important}.btn-group{margin-top:auto!important}.btn-group .btn{width:100%!important;margin:0!important}

/* InfoGTK / external embeds */
.content-head .toolbar{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;display:flex!important;align-items:center!important;gap:8px!important;background:transparent!important;box-shadow:none!important}.drive-card,.embed-card,.iframe-box,.attendance-frame{position:relative;border:1px solid var(--ui-line)!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:var(--ui-shadow)!important}.drive-top,.embed-toolbar{min-height:54px;padding:13px 16px!important;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fafc!important;border-bottom:1px solid #e3e8ef!important}.drive-title,.embed-title{display:flex;align-items:center;gap:8px;color:#0b3268!important;font-size:12px!important;font-weight:850!important}.drive-status,.embed-status{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;color:#2f7f3c!important;background:#e6f5e9!important;font-size:9px!important;font-weight:750!important}.status-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#36a849!important}.drive{height:66vh!important;min-height:520px!important}.drive iframe,.iframe-box iframe,.attendance-frame iframe,.embed-card iframe{width:100%!important;height:100%!important;border:0!important}.iframe-box,.attendance-frame,.embed-card{height:72vh!important;min-height:540px!important;margin-top:0!important;margin-bottom:34px!important}.embed-section{margin-top:0!important;margin-bottom:34px!important}.embed-section .embed-card{width:100%!important;max-width:none!important;margin:0!important}.embed-card.is-loading:after,.iframe-box.is-loading:after,.attendance-frame.is-loading:after,.drive-card.is-loading:after{content:"Memuat layanan…";position:absolute;inset:54px 0 0;z-index:2;display:grid;place-items:center;color:#69788e;background:linear-gradient(110deg,#f8fafc 20%,#eef3f8 40%,#f8fafc 60%);background-size:200% 100%;animation:uiShimmer 1.4s linear infinite;font-size:12px;font-weight:750}@keyframes uiShimmer{to{background-position:-200% 0}}
.embed-note{max-width:1424px;margin:0 auto 14px;padding:15px 17px;border:1px solid var(--ui-line);border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;box-shadow:var(--ui-shadow)}.embed-note h2{margin:0;color:#0b2d5f;font-size:17px}.embed-note p{margin:3px 0 0;color:#748196;font-size:10px}.embed-note-actions{display:flex;gap:8px;flex-wrap:wrap}

/* Login */
.overlay{position:fixed!important;inset:0!important;z-index:9999!important;padding:18px!important;display:flex;align-items:center!important;justify-content:center!important;background:linear-gradient(90deg,rgba(4,20,48,.97),rgba(7,34,76,.88)),url('hero-radhin-paud.jpg') center/cover!important;backdrop-filter:none!important}.login-box{position:relative;width:min(440px,100%)!important;padding:30px!important;border:1px solid rgba(219,167,52,.38)!important;border-radius:20px!important;color:var(--ui-ink)!important;background:#fff!important;box-shadow:0 28px 80px rgba(0,0,0,.35)!important;backdrop-filter:none!important}.login-box:after{content:"Pengembang : Hasan Basri | cvbcd.ID";display:block;margin-top:18px;padding-top:15px;border-top:1px solid #e7ebf1;color:#7c8899;font-size:9px;text-align:center}.login-logo{width:76px!important;height:76px!important;margin:0 auto 15px!important;padding:6px!important;border-radius:18px!important;background:#f5f7fa!important;border:1px solid #e0e6ee!important;box-shadow:none!important}.login-logo img{width:100%!important;height:100%!important;object-fit:contain!important}.login-title{color:#0a2d60!important;font-size:26px!important;line-height:1.15!important;font-weight:900!important}.login-title span{color:#d18c17!important;background:none!important;-webkit-text-fill-color:initial!important}.login-sub{color:#708097!important;font-size:11px!important;margin-bottom:20px!important}.input-wrap{position:relative!important}.input-wrap>span{position:absolute!important;left:14px!important;top:50%!important;z-index:2!important;display:grid!important;place-items:center!important;transform:translateY(-50%)!important;color:#607087!important;font-size:0!important}.login-box input{width:100%!important;padding:14px 48px 14px 46px!important;border:1px solid #dbe2eb!important;border-radius:10px!important;background:#f9fafc!important;font-size:13px!important;box-shadow:none!important}.login-box input:focus{border-color:#164986!important;box-shadow:0 0 0 3px rgba(22,73,134,.08)!important}.password-toggle{position:absolute;right:8px;top:50%;z-index:3;width:36px;height:36px;border:0;border-radius:8px;display:grid;place-items:center;transform:translateY(-50%);color:#64748b;background:transparent}.password-toggle:hover{background:#edf2f7}.login-btn{width:100%!important;margin-top:12px!important;padding:13px!important;border:0!important;border-radius:10px!important;color:#fff!important;background:linear-gradient(135deg,#e6aa2e,#d68f13)!important;box-shadow:0 10px 23px rgba(201,128,18,.20)!important;font-size:13px!important;font-weight:850!important}.error{margin-top:10px!important;font-size:11px!important}

/* Footer */
body.secondary-dashboard>.footer,body.secondary-dashboard>.page>.footer{margin:0!important;padding:24px!important;border:0!important;border-radius:0!important;color:#b8c6da!important;background:#071b3d!important;text-align:center!important;font-size:11px!important;font-weight:650!important}

@media(max-width:1250px){.hero{padding-left:42px!important;padding-right:42px!important}.hero-main,.hero-card{width:64%!important}.hero-stat,.stat-card{right:34px!important;width:320px!important}.sub-service-strip{grid-template-columns:repeat(4,1fr)!important;padding-left:34px!important;padding-right:34px!important}.window,.toolbar,.grid-dokumen,.iframe-box,.attendance-frame,.embed-section,.embed-note{margin-left:34px!important;margin-right:34px!important}.grid-dokumen{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.navbar-inner{padding:10px 16px}.mobile-nav-toggle{display:grid;margin-left:auto}.nav-menu{display:none!important;position:absolute!important;top:68px;left:14px;right:14px;margin:0!important;padding:9px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:12px!important;flex-direction:column!important;align-items:stretch!important;background:#08234f!important;box-shadow:0 18px 45px rgba(0,0,0,.25)!important}.nav-menu.open{display:flex!important}.nav-menu a{justify-content:flex-start!important;padding:11px 13px!important}.nav-menu a.active:after{left:0!important;top:8px!important;bottom:8px!important;width:3px!important;height:auto!important}.navbar-user{margin-left:0}.operator-copy{display:none}.operator-logout{padding:8px!important}.hero{min-height:390px!important;padding:25px 22px 175px!important;align-items:flex-start!important;background-position:68% bottom!important;background-size:auto 52%!important;background-repeat:no-repeat!important}.hero:before{background:linear-gradient(180deg,#061a3b 0%,#061a3b 57%,rgba(6,26,59,.48) 100%)!important}.hero-main,.hero-card{width:100%!important}.hero h1,.hero-main h1,.hero-card h1{font-size:36px!important}.hero p,.hero-main p,.hero-card p{font-size:14px!important;max-width:92%!important}.hero-stat,.stat-card{display:none!important}.sub-service-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:0 14px!important;gap:9px!important}.sub-service-link{min-height:87px!important;font-size:10px!important}.sub-service-link.active:after{font-size:8px}.window,.toolbar,.grid-dokumen,.iframe-box,.attendance-frame,.embed-section,.embed-note{margin-left:14px!important;margin-right:14px!important}.main{grid-template-columns:1fr!important}.sidebar{border-right:0!important;border-bottom:1px solid var(--ui-line)!important}.side-menu{grid-template-columns:repeat(4,1fr)!important}.side-note{display:none!important}.grid-dokumen{grid-template-columns:repeat(2,1fr)!important}.embed-note{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.navbar{min-height:68px!important}.navbar-inner{min-height:68px!important;padding:9px 13px!important;gap:9px!important}.brand-icon{width:44px!important;height:44px!important;flex-basis:44px!important}.brand-text h2{font-size:14px!important}.brand-text span{display:none!important}.navbar-user{padding-left:0!important;border:0!important;gap:6px}.operator-avatar{display:none!important}.operator-logout{width:36px;height:36px;padding:0!important;font-size:0!important}.operator-logout:after{content:"↗";font-size:14px}.hero{min-height:395px!important;padding:23px 17px 180px!important}.badge{font-size:10px!important}.hero h1,.hero-main h1,.hero-card h1{font-size:31px!important;margin-top:1px!important}.hero p,.hero-main p,.hero-card p{font-size:12px!important;max-width:100%!important}.hero-actions{gap:8px!important}.hero-btn{min-height:42px!important;padding:10px 14px!important;font-size:11px!important}.sub-service-strip{grid-template-columns:repeat(2,1fr)!important}.window-top:before{width:36px;height:36px;flex-basis:36px}.path{font-size:12px!important}.main{min-height:0!important}.content{padding:16px!important}.content-head{align-items:stretch!important;flex-direction:column!important}.search-wrap,.search-input,.search-bar,.search{width:100%!important;min-width:0!important}.side-menu{grid-template-columns:1fr 1fr!important}.grid{grid-template-columns:1fr!important}.grid-dokumen{grid-template-columns:1fr!important}.card-content{grid-template-columns:58px minmax(0,1fr)!important}.school-logo{width:58px!important;height:58px!important}.content-head .toolbar{align-items:stretch!important;flex-direction:column!important}.content-head .toolbar .btn{width:100%!important}.iframe-box,.attendance-frame,.embed-card{height:67vh!important;min-height:470px!important}.embed-note-actions,.embed-note-actions .btn{width:100%!important}.login-box{padding:25px 21px!important}.login-title{font-size:23px!important}}
@media(max-width:390px){.hero h1,.hero-main h1,.hero-card h1{font-size:28px!important}.side-menu{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.window-top{position:relative!important}.window-top:before{display:none!important}.window-mark{width:39px;height:39px;flex:0 0 39px;margin-right:11px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#173f7e,#0b2e63);box-shadow:0 7px 17px rgba(8,40,86,.15)}.side-menu a{display:flex!important;align-items:center!important;gap:8px!important}.meta i{display:inline-grid;place-items:center}.hero-btn span,.badge span,.btn span{display:inline-grid;place-items:center}
/* Compact data cards */
body.page-dapojar .grid .card,body.page-arkas .grid .card{min-height:188px!important;padding:0!important}
body.page-dapojar .grid .card-content,body.page-arkas .grid .card-content{min-height:188px!important}
body.page-dapojar .grid .card .btn,body.page-arkas .grid .card .btn{margin-top:auto!important}