/* RadhinPAUD Dashboard Operator V1.8.0 — Unified Component & Production Polish */
:root{
  --ui-container:1440px;
  --ui-header-h:78px;
  --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:#e2e8f0;
  --ui-bg:#f7f9fc;
  --ui-card:#fff;
  --ui-success:#067647;
  --ui-danger:#b42318;
  --ui-warning:#b05f00;
  --ui-radius:16px;
  --ui-shadow:0 8px 24px rgba(13,39,78,.07);
  --ui-shadow-lg:0 22px 58px rgba(7,27,61,.15);
}
html{scroll-padding-top:calc(var(--ui-header-h) + 18px)}
body{min-width:0}
.app-container{width:100%;max-width:var(--ui-container);margin-inline:auto}
.skip-link{position:fixed;z-index:9999;left:16px;top:-80px;padding:10px 14px;border-radius:10px;background:#fff;color:var(--ui-navy);font-weight:800;box-shadow:var(--ui-shadow-lg);transition:top .18s}
.skip-link:focus{top:12px}

/* Shared production header */
.app-navbar,.public-topbar{isolation:isolate}
.app-navbar .navbar-inner,.public-topbar .topbar-inner{max-width:var(--ui-container)!important}
.app-navbar .nav-menu a,.public-nav a{white-space:nowrap}
.app-navbar .nav-menu a [data-ui-icon],.public-nav a svg{display:grid;place-items:center;flex:0 0 auto}
.mobile-nav-toggle,.public-mobile-toggle{cursor:pointer}

/* Breadcrumb */
.ui-breadcrumb{display:flex;align-items:center;gap:8px;padding:15px 30px 0;color:var(--ui-muted);font-size:12px;font-weight:650}
.ui-breadcrumb a{color:var(--ui-navy-2)}
.ui-breadcrumb strong{color:var(--ui-ink)}

/* Unified service strip */
.sub-service-shell{position:relative;z-index:20;width:100%;background:linear-gradient(180deg,#f8fafc,#f5f8fc);border-bottom:1px solid rgba(226,232,240,.7)}
.sub-service-strip{max-width:var(--ui-container)!important;margin:0 auto!important;padding:18px 30px!important}
.sub-service-link{position:relative;isolation:isolate;overflow:hidden}
.sub-service-link:before{content:"";position:absolute;inset:auto 12px 0;height:3px;border-radius:999px;background:transparent;transition:.2s}
.sub-service-link:hover:before,.sub-service-link.active:before{background:var(--ui-gold)}
.sub-service-link.active{border-color:rgba(216,154,33,.68)!important;box-shadow:0 10px 28px rgba(13,39,78,.11)!important}
.sub-service-link .service-external{position:absolute;right:8px;top:6px;font-size:10px;color:#8a99ad}

/* Shared footer */
.unified-footer{margin-top:36px!important;padding:0!important;background:var(--ui-navy)!important;border:0!important;color:#b9c6d8!important}
.unified-footer .footer-inner{min-height:92px;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid rgba(255,255,255,.25)}
.footer-brand strong{display:block;color:#fff!important;font-size:13px}.footer-brand span{display:block;margin-top:2px;font-size:11px;color:#9fb0c7}
.footer-meta{display:flex;align-items:flex-end;flex-direction:column;gap:3px;text-align:right;font-size:11px}.footer-meta strong{color:#fff!important}

/* Dashboard shell refinements */
body.public-dashboard{background:var(--ui-bg)!important}
body.public-dashboard .dashboard-content{max-width:var(--ui-container)!important;padding-left:30px!important;padding-right:30px!important}
body.public-dashboard .service-strip{max-width:var(--ui-container)!important;margin-inline:auto!important;padding-inline:0!important}
body.public-dashboard .public-topbar{background:var(--ui-navy)!important;box-shadow:0 8px 24px rgba(2,15,36,.16)!important}
body.public-dashboard .public-topbar .topbar-inner{min-height:var(--ui-header-h);padding:10px 30px!important}
body.public-dashboard .brand-logo{width:52px!important;height:52px!important;flex:0 0 52px!important}
body.public-dashboard .dashboard-hero{min-height:340px!important}
body.public-dashboard .hero-inner{max-width:var(--ui-container)!important;margin:auto!important;padding-left:30px!important;padding-right:30px!important}
body.public-dashboard .service-strip{margin-top:18px!important}
body.public-dashboard .service-tile{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.public-dashboard .service-tile:hover{transform:translateY(-3px);border-color:rgba(216,154,33,.55);box-shadow:0 12px 28px rgba(13,39,78,.1)}
.dashboard-command-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 14px;padding:14px 16px;border:1px solid var(--ui-line);border-radius:14px;background:#fff;box-shadow:var(--ui-shadow)}
.dashboard-command-copy{display:flex;align-items:center;gap:12px;min-width:0}.dashboard-command-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--ui-navy-3),var(--ui-navy))}.dashboard-command-copy strong{display:block;color:var(--ui-navy);font-size:13px}.dashboard-command-copy span{display:block;color:var(--ui-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.command-trigger{display:inline-flex;align-items:center;gap:9px;min-width:230px;justify-content:space-between;padding:10px 12px;border:1px solid #d9e2ed;border-radius:11px;background:#f9fbfd;color:#64748b;font-size:12px}.command-trigger kbd{padding:3px 6px;border:1px solid #d7dee8;border-bottom-width:2px;border-radius:6px;background:#fff;color:#53657d;font:700 10px/1 Inter,sans-serif}
.dashboard-guide-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:20px}.dashboard-guide-grid .dashboard-guide{margin-top:0!important;height:100%}.system-health{padding:18px 20px;border:1px solid var(--ui-line);border-radius:14px;background:#fff;box-shadow:var(--ui-shadow)}.system-health h3{margin:0 0 12px;color:var(--ui-navy)}.health-list{display:grid;gap:9px}.health-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:10px;background:#f8fafc;color:#506079;font-size:11px}.health-row strong{color:var(--ui-ink)}.health-dot{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.12)}

/* Command palette */
.command-palette{position:fixed;inset:0;z-index:1200;display:none;align-items:flex-start;justify-content:center;padding:9vh 18px 20px;background:rgba(2,12,28,.72);backdrop-filter:blur(8px)}.command-palette.show{display:flex}.command-panel{width:min(680px,100%);max-height:78vh;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#fff;box-shadow:0 34px 90px rgba(0,0,0,.34)}.command-search{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--ui-line)}.command-search input{width:100%;border:0;outline:0;font-size:15px;color:var(--ui-ink)}.command-close{border:0;border-radius:8px;padding:6px 9px;background:#eef2f6;color:#506079;font-weight:800}.command-results{max-height:60vh;overflow:auto;padding:10px}.command-group-title{padding:7px 10px;color:#8a98aa;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}.command-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:transparent;text-align:left;color:var(--ui-ink)}.command-item:hover,.command-item.active{background:#f0f5fb}.command-item-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--ui-navy);background:#eaf0f7}.command-item-copy{min-width:0;flex:1}.command-item-copy strong{display:block;font-size:12px}.command-item-copy span{display:block;color:var(--ui-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-empty{padding:32px 16px;text-align:center;color:var(--ui-muted);font-size:12px}

/* Secondary page polish */
body.secondary-dashboard .hero{min-height:330px!important}
body.secondary-dashboard .window,body.secondary-dashboard .toolbar,body.secondary-dashboard .grid-dokumen,body.secondary-dashboard .embed-section,body.secondary-dashboard .iframe-box,body.secondary-dashboard .attendance-frame{max-width:var(--ui-container)!important}
body.secondary-dashboard .window,body.secondary-dashboard .toolbar,body.secondary-dashboard .grid-dokumen,body.secondary-dashboard .embed-section{margin-left:auto!important;margin-right:auto!important}
body.secondary-dashboard .window{box-shadow:var(--ui-shadow-lg)!important}
body.secondary-dashboard .content-head{position:sticky;top:calc(var(--ui-header-h) + 8px);z-index:8;padding:14px 16px;margin:-4px -4px 16px;border:1px solid rgba(226,232,240,.85);border-radius:13px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
body.secondary-dashboard .grid .card,body.secondary-dashboard .grid-dokumen .doc-card{transition:transform .18s,border-color .18s,box-shadow .18s}
body.secondary-dashboard .grid .card:hover,body.secondary-dashboard .grid-dokumen .doc-card:hover{transform:translateY(-3px);border-color:rgba(216,154,33,.48)!important;box-shadow:0 14px 32px rgba(13,39,78,.1)!important}
body.secondary-dashboard .embed-card iframe{background:#f2f5f9}
body.secondary-dashboard .embed-card.is-loading:after,body.secondary-dashboard .iframe-box.is-loading:after,body.secondary-dashboard .attendance-frame.is-loading:after{content:"Memuat layanan…";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 12px;border-radius:10px;background:#fff;color:var(--ui-navy);font-size:11px;font-weight:800;box-shadow:var(--ui-shadow)}

/* Admin and login consistency */
body.is-admin .topbar-inner{max-width:var(--ui-container)!important}
body.is-admin .admin-wrap{max-width:var(--ui-container)!important;margin-inline:auto!important}
body.is-admin .sidebar{position:sticky;top:var(--ui-header-h);align-self:start;max-height:calc(100vh - var(--ui-header-h));overflow:auto}
body.is-admin .admin-title{padding-bottom:8px;border-bottom:1px solid rgba(226,232,240,.8)}
body.is-admin .panel,body.is-admin .table-wrap,body.is-admin .app-card{border-radius:16px!important}
body.is-admin .table tbody tr:hover{background:#f8fafc}
body.is-admin .field input:focus,body.is-admin .field select:focus,body.is-admin .field textarea:focus{border-color:var(--ui-gold)!important;box-shadow:0 0 0 4px rgba(216,154,33,.13)!important}
body.is-admin .admin-mobile-toggle{display:none}
.login-page:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(110deg,rgba(6,26,59,.96),rgba(8,39,83,.9)),url('hero-radhin-paud.jpg') center/cover no-repeat}.login-card{border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 28px 70px rgba(0,0,0,.3)!important}

/* Utility UI */
.ui-toast-stack{position:fixed;z-index:1500;right:18px;bottom:18px;display:grid;gap:9px}.ui-toast{display:flex;align-items:flex-start;gap:10px;max-width:360px;padding:12px 14px;border:1px solid var(--ui-line);border-radius:12px;background:#fff;color:var(--ui-ink);box-shadow:var(--ui-shadow-lg);animation:uiToastIn .22s ease}.ui-toast.success{border-left:4px solid var(--ui-success)}.ui-toast.error{border-left:4px solid var(--ui-danger)}@keyframes uiToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.back-to-top{position:fixed;z-index:300;right:18px;bottom:18px;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--ui-navy);box-shadow:0 12px 28px rgba(6,26,59,.24);opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}
body.has-toast .back-to-top{bottom:82px}

@media(max-width:1180px){
  .dashboard-guide-grid{grid-template-columns:1fr}
  body.public-dashboard .dashboard-content{padding-left:22px!important;padding-right:22px!important}
  .sub-service-strip{padding-left:22px!important;padding-right:22px!important}
}
@media(max-width:900px){
  :root{--ui-header-h:68px}
  .ui-breadcrumb{padding-left:16px;padding-right:16px}
  .unified-footer .footer-inner{padding-left:18px;padding-right:18px}
  .dashboard-command-bar{align-items:flex-start;flex-direction:column}.command-trigger{width:100%;min-width:0}
  body.public-dashboard .dashboard-content{padding-left:14px!important;padding-right:14px!important}
  body.public-dashboard .hero-inner{padding-left:20px!important;padding-right:20px!important}
  body.is-admin .admin-mobile-toggle{display:inline-flex}
}
@media(max-width:720px){
  .unified-footer .footer-inner{align-items:flex-start;flex-direction:column}.footer-meta{align-items:flex-start;text-align:left}
  .ui-breadcrumb{overflow:auto;white-space:nowrap}
  .command-palette{padding-top:5vh}.command-panel{max-height:86vh}
  body.secondary-dashboard .content-head{position:static;padding:0;margin:0 0 15px;border:0;background:transparent;backdrop-filter:none}
}
@media(max-width:520px){
  .dashboard-command-copy span{white-space:normal}
  .sub-service-strip{padding:14px!important}
  .footer-brand img{width:38px;height:38px}
  .command-search{padding:13px}.command-results{padding:7px}
}
@media(prefers-reduced-motion:reduce){.ui-toast,.back-to-top,.service-tile,.sub-service-link{animation:none!important;transition:none!important}}

/* Public mobile navigation and search action */
.public-search-trigger{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06);color:#fff;font-size:11px;font-weight:800}.public-search-trigger:hover{background:rgba(255,255,255,.11)}
.public-mobile-toggle{display:none;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:10px;place-items:center;color:#fff;background:rgba(255,255,255,.07)}
@media(max-width:900px){
  .public-mobile-toggle{display:grid}.public-search-trigger span,.public-search-trigger kbd{display:none}.public-search-trigger{width:38px;height:38px;padding:0;justify-content:center}
  .public-topbar .public-nav{display:none!important;position:absolute;left:14px;right:14px;top:calc(100% + 8px);z-index:100;padding:9px;border:1px solid rgba(255,255,255,.13);border-radius:14px;flex-direction:column;align-items:stretch;background:#08234f;box-shadow:0 20px 46px rgba(0,0,0,.28)}
  .public-topbar .public-nav.open{display:flex!important}.public-topbar .public-nav a{justify-content:flex-start;padding:11px 13px!important}.public-topbar .topbar-inner{position:relative}
  body.is-admin .sidebar{position:fixed!important;z-index:900;left:12px;top:calc(var(--ui-header-h) + 10px);width:min(290px,calc(100vw - 24px));max-height:calc(100vh - var(--ui-header-h) - 22px);padding:12px;border:1px solid var(--ui-line);border-radius:16px;background:#fff;box-shadow:var(--ui-shadow-lg);transform:translateX(calc(-100% - 32px));transition:transform .2s ease}
  body.is-admin .sidebar.mobile-open{transform:none}
}
.content-anchor{scroll-margin-top:calc(var(--ui-header-h) + 14px)}

/* V1.8.0 Database Manager */
.db-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.db-summary-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.db-stat{display:flex;align-items:center;gap:13px;min-width:0;padding:16px 17px;border:1px solid var(--ui-line);border-radius:16px;background:#fff;box-shadow:var(--ui-shadow)}.db-stat-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;color:var(--ui-navy);background:#eaf0f7}.db-stat.success .db-stat-icon{color:#067647;background:#dcfae6}.db-stat.warning .db-stat-icon{color:#9a6700;background:#fff2cc}.db-stat.info .db-stat-icon{color:#026aa2;background:#e0f2fe}.db-stat span:last-child{min-width:0}.db-stat small,.db-stat em{display:block;font-style:normal;color:var(--ui-muted)}.db-stat small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.db-stat strong{display:block;margin:2px 0;color:var(--ui-navy);font-size:26px;line-height:1}.db-stat em{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.db-toolbar-panel{display:grid;gap:12px;margin-bottom:15px!important;padding:14px!important}.db-filter-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.db-filter-form select,.db-filter-form>input,.db-institution-picker select,.db-bulk-form select,.db-import-form select{min-height:40px;padding:9px 11px;border:1px solid var(--ui-line);border-radius:11px;background:#fff;color:var(--ui-ink);font-size:11px;outline:0}.db-filter-form select:focus,.db-filter-form>input:focus,.db-search:focus-within,.db-institution-picker select:focus,.db-bulk-form select:focus,.db-import-form select:focus{border-color:var(--ui-gold);box-shadow:0 0 0 4px rgba(216,154,33,.12)}.db-search{display:flex;align-items:center;gap:8px;min-width:280px;flex:1;padding:0 11px;border:1px solid var(--ui-line);border-radius:11px;background:#fff;color:#718096}.db-search input{width:100%;min-height:38px;border:0!important;background:transparent!important;box-shadow:none!important;outline:0;font-size:11px}.db-bulk-form{display:flex;align-items:center;gap:9px;padding-top:11px;border-top:1px solid var(--ui-line);font-size:11px;color:var(--ui-muted)}.db-bulk-form span{margin-right:auto}.db-bulk-form strong{color:var(--ui-navy)}
.db-table-wrap{border-radius:16px!important}.db-table{min-width:1120px!important}.db-table th:first-child,.db-table td:first-child{width:38px;text-align:center}.db-table tbody tr{transition:background .16s}.db-focus-row{background:#fff8e6!important;animation:dbFocus 1.6s ease}@keyframes dbFocus{0%{box-shadow:inset 4px 0 #d89a21}100%{box-shadow:inset 0 0 transparent}}.db-school-cell{display:grid;gap:3px;min-width:220px}.db-school-cell strong{color:var(--ui-navy)}.db-school-cell span,.db-school-cell small{color:var(--ui-muted);font-size:10px}.db-meter{display:grid;gap:5px;min-width:125px}.db-meter>span{height:7px;overflow:hidden;border-radius:999px;background:#e8edf3}.db-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0ea5e9,#22c55e)}.db-meter small{color:var(--ui-muted);font-size:9px}.db-account-state{display:flex;gap:5px;flex-wrap:wrap}.db-account-state span{padding:5px 7px;border-radius:999px;font-size:9px;font-weight:800}.db-account-state .ready{color:#067647;background:#dcfae6}.db-account-state .empty{color:#9a3412;background:#ffedd5}.db-count-link{display:inline-grid;place-items:center;min-width:32px;height:28px;padding:0 8px;border-radius:9px;color:var(--ui-navy);background:#eaf0f7;font-weight:900}.db-date{white-space:nowrap;color:var(--ui-muted);font-size:10px}.db-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 3px 20px;color:var(--ui-muted);font-size:10px}.db-pager{display:flex;align-items:center;gap:5px}.db-page{min-width:32px;height:32px;padding:0 8px;display:grid;place-items:center;border:1px solid var(--ui-line);border-radius:9px;background:#fff;color:var(--ui-navy);font-size:11px;font-weight:800}.db-page.active{border-color:var(--ui-navy);color:#fff;background:var(--ui-navy)}.db-page.disabled{opacity:.35;pointer-events:none}.db-pager>span{padding:0 2px}
.db-import-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:22px;align-items:center;margin:0 0 18px!important}.db-import-panel.compact{grid-template-columns:minmax(0,1fr) auto}.db-import-panel h2{margin:8px 0 5px;color:var(--ui-navy)}.db-import-panel p{margin:0;color:var(--ui-muted);font-size:11px;line-height:1.6}.db-import-form{display:grid;gap:9px}.db-import-form input[type=file],.inline-import input[type=file]{min-height:40px;padding:7px;border:1px dashed #bdc9d8;border-radius:11px;background:#f8fafc;font-size:10px}.db-form-panel{margin-top:18px!important}.db-form-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.db-form-heading h2{margin:8px 0 4px;color:var(--ui-navy)}.db-form-heading p{margin:0;color:var(--ui-muted);font-size:11px}.password-field{position:relative}.password-field input{padding-right:58px!important}.password-field button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;border-radius:8px;padding:6px 8px;background:#edf2f7;color:var(--ui-navy);font-size:9px;font-weight:900}.db-school-banner{display:flex;align-items:center;gap:13px;margin:0 0 15px;padding:14px 16px;border:1px solid var(--ui-line);border-radius:16px;background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:var(--ui-shadow)}.db-school-avatar{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--ui-navy-3),var(--ui-navy))}.db-school-banner div{min-width:0;flex:1}.db-school-banner strong,.db-school-banner span{display:block}.db-school-banner strong{color:var(--ui-navy)}.db-school-banner span{margin-top:3px;color:var(--ui-muted);font-size:10px}.db-school-banner>a{color:var(--ui-navy);font-size:10px;font-weight:850}.db-institution-picker select{min-width:260px}.db-audit-details{display:block;max-width:360px;white-space:normal;color:var(--ui-muted);font-size:10px}.db-footnote{margin:8px 0 0;color:var(--ui-muted);font-size:10px}
@media(max-width:1180px){.db-summary-grid,.db-summary-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.db-import-panel,.db-import-panel.compact{grid-template-columns:1fr}.db-import-form{grid-template-columns:1fr 1fr}.db-import-form input[type=file]{grid-column:1/-1}}
@media(max-width:760px){.db-summary-grid,.db-summary-grid.compact{grid-template-columns:1fr}.db-filter-form{align-items:stretch;flex-direction:column}.db-filter-form>*{width:100%!important}.db-search{min-width:0}.db-bulk-form{align-items:stretch;flex-direction:column}.db-bulk-form span{margin-right:0}.db-bulk-form select,.db-bulk-form button{width:100%}.db-table-footer{align-items:flex-start;flex-direction:column}.db-pager{max-width:100%;overflow:auto}.db-import-form{grid-template-columns:1fr}.db-form-heading,.db-school-banner{align-items:flex-start;flex-direction:column}.db-school-banner>a{margin-left:59px}.db-institution-picker,.db-institution-picker select{width:100%;min-width:0}}

/* V1.8.1 Student Print Form & Official Print Layout */
.student-print-config{max-width:1120px!important}.print-config-heading{align-items:center!important}.print-config-card{padding:0!important;overflow:hidden}.print-config-intro{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--ui-line);background:linear-gradient(135deg,#f8fbff,#fffdf7)}.print-config-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--ui-navy-3),var(--ui-navy))}.print-config-intro strong{display:block;color:var(--ui-navy);font-size:14px}.print-config-intro p{margin:3px 0 0;color:var(--ui-muted);font-size:11px}.print-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.print-form-grid .field.full{grid-column:1/-1}.print-option-section{padding:18px 20px;border-top:1px solid var(--ui-line)}.print-option-section h3{margin:0 0 12px;color:var(--ui-navy);font-size:13px}.print-option-section .print-form-grid{padding:0}.print-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.print-check{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid var(--ui-line);border-radius:11px;background:#f8fafc;color:#3f5068;font-size:11px;font-weight:750}.print-check:hover{border-color:#c8a14e;background:#fffdf7}.print-check input{width:17px;height:17px;accent-color:var(--ui-navy)}.print-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:17px 20px;border-top:1px solid var(--ui-line);background:#f8fafc}

body.is-student-print-page{background:#e9edf2;color:#111}.print-preview-toolbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px;background:#061a3b;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18)}.print-preview-toolbar>div:first-child{min-width:0}.print-preview-toolbar strong,.print-preview-toolbar span{display:block}.print-preview-toolbar strong{font-size:13px}.print-preview-toolbar span{margin-top:2px;color:#b9c7da;font-size:10px}.print-preview-toolbar .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.student-print-stage{padding:24px;overflow:auto}.student-print-sheet{position:relative;margin:0 auto;padding:10mm;background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;box-shadow:0 18px 48px rgba(15,23,42,.2)}.student-print-sheet.orientation-landscape{width:297mm;min-height:210mm}.student-print-sheet.orientation-portrait{width:210mm;min-height:297mm}.student-print-letterhead{display:grid;grid-template-columns:24mm 1fr 24mm;align-items:center;gap:5mm;text-align:center}.student-print-letterhead:after{content:"";display:block;width:24mm}.student-print-letterhead img{width:21mm;height:21mm;object-fit:contain;justify-self:center}.student-print-letterhead span{display:block;margin-bottom:1mm;font-size:9pt;font-weight:700;letter-spacing:1.4px}.student-print-letterhead h1{margin:0;font-size:16pt;line-height:1.15;text-transform:uppercase}.student-print-letterhead p{margin:1mm 0 0;font-size:9pt;line-height:1.25}.student-print-rule{height:2.3mm;margin:3mm 0 4mm;border-top:1.3mm solid #111;border-bottom:.35mm solid #111}.student-print-rule i{display:none}.student-print-title{text-align:center;margin-bottom:4mm}.student-print-title h2{margin:0;font-size:13pt;text-decoration:underline;text-underline-offset:2mm}.student-print-title p{margin:2mm 0 0;font-size:9pt}.student-print-meta{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr .7fr;gap:2mm;margin-bottom:3mm}.student-print-meta div{display:grid;grid-template-columns:auto 1fr;gap:2mm;padding:2mm 2.5mm;border:.3mm solid #888;font-size:8.5pt}.student-print-meta span{color:#555}.student-print-meta strong{font-weight:700}.student-print-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:8.8pt}.student-print-table th,.student-print-table td{border:.3mm solid #111;padding:1.7mm 2mm;vertical-align:middle}.student-print-table th{background:#f1f1f1;text-align:center;font-weight:700}.student-print-table td.col-number,.student-print-table td.col-gender,.student-print-table td.col-class,.student-print-table td.col-status,.student-print-table td.col-nisn{text-align:center}.student-print-table .col-number{width:12mm}.student-print-table .col-nisn{width:31mm}.student-print-table .col-gender{width:16mm}.student-print-table .col-class{width:32mm}.student-print-table .col-status{width:25mm}.student-print-table .student-name{font-weight:600}.student-print-table tr{break-inside:avoid;page-break-inside:avoid}.student-print-table thead{display:table-header-group}.print-empty{padding:12mm!important;text-align:center!important;color:#555}.student-print-summary{display:flex;justify-content:flex-end;gap:8mm;margin-top:3mm;font-size:8.5pt}.student-print-notes{margin:4mm 0 0;padding:2.5mm;border:.3mm solid #aaa;font-size:8.5pt;line-height:1.45}.student-print-signature{display:grid;grid-template-columns:1fr 72mm;gap:10mm;margin-top:7mm;break-inside:avoid;page-break-inside:avoid;font-size:9.5pt}.student-print-signature p{margin:0 0 1.5mm}.student-print-signature .signature-space{display:block;height:20mm}.student-print-signature strong,.student-print-signature small{display:block}.student-print-signature strong{text-decoration:underline}.student-print-signature small{margin-top:1mm}.student-print-footer{display:flex;justify-content:space-between;gap:10mm;margin-top:8mm;padding-top:2mm;border-top:.2mm solid #aaa;color:#666;font-size:7.5pt}

@media(max-width:760px){.print-form-grid,.print-check-grid{grid-template-columns:1fr}.print-form-grid .field.full{grid-column:auto}.print-form-actions{align-items:stretch;flex-direction:column}.print-form-actions .btn{width:100%}.print-preview-toolbar{align-items:flex-start;flex-direction:column;padding:12px}.print-preview-toolbar .actions{width:100%}.print-preview-toolbar .btn{flex:1;justify-content:center}.student-print-stage{padding:10px}}

@media print{
  body.is-student-print-page{margin:0!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.is-student-print-page:before,body.is-student-print-page:after,.print-preview-toolbar{display:none!important}
  .student-print-stage{display:block!important;padding:0!important;overflow:visible!important}
  .student-print-sheet,.student-print-sheet.orientation-landscape,.student-print-sheet.orientation-portrait{width:auto!important;min-height:0!important;margin:0!important;padding:0!important;box-shadow:none!important}
  .student-print-table th{background:#f1f1f1!important}
  .student-print-footer{position:relative}
}
.student-print-sheet.orientation-portrait .student-print-meta{grid-template-columns:1fr 1fr}.student-print-sheet.orientation-portrait .student-print-table{font-size:8.2pt}.student-print-sheet.orientation-portrait .student-print-table th,.student-print-sheet.orientation-portrait .student-print-table td{padding:1.5mm}
body.is-student-print-page:before,body.is-student-print-page:after{display:none!important}
/* V1.8.2 — Excel/CSV import controls */
.db-template-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.db-template-actions .btn{width:100%;justify-content:center}
.db-import-form input[type=file]{min-height:42px}
.db-import-panel strong{color:var(--ui-navy)}
@media(max-width:760px){.db-template-actions{grid-template-columns:1fr}}
/* V1.8.4 - Zona bahaya database lembaga */
.db-danger-zone{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:22px;align-items:center;margin:0 0 18px!important;border-color:#fecaca!important;background:linear-gradient(135deg,#fff 0%,#fff8f8 100%)!important}.db-danger-copy h2{margin:8px 0 5px;color:#991b1b}.db-danger-copy p{margin:0;color:var(--ui-muted);font-size:11px;line-height:1.65}.db-danger-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.db-danger-actions form{display:grid;gap:8px;padding:12px;border:1px solid #fecaca;border-radius:14px;background:#fff}.db-danger-actions label{font-size:10px;color:#7f1d1d}.db-danger-actions input{width:100%;min-height:40px;padding:9px 11px;border:1px solid #fca5a5;border-radius:10px;outline:0;font-size:11px}.db-danger-actions input:focus{border-color:#dc2626;box-shadow:0 0 0 4px rgba(220,38,38,.1)}.db-danger-actions .btn{width:100%;justify-content:center}
@media(max-width:980px){.db-danger-zone{grid-template-columns:1fr}.db-danger-actions{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.db-danger-actions{grid-template-columns:1fr}.admin-title .actions .btn-danger{width:100%}}
.db-write-status{display:inline-flex;align-items:center;margin-top:10px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:850}.db-write-status.ok{color:#067647;background:#dcfae6}.db-write-status.error{color:#b42318;background:#fee4e2}