/* Komponen publik, memakai prefix sitasi agar aman dipakai dashboard, upload, dan kamus. */
.sitasi-menu-trigger{position:fixed;z-index:30;left:16px;top:16px;width:44px;height:44px;background:#fff;border:1px solid #dbe5d6;border-radius:13px;color:#174d3c;box-shadow:0 4px 20px #193c2012;font:23px system-ui;cursor:pointer}
.sitasi-menu-trigger:focus-visible,.sitasi-menu a:focus-visible,.sitasi-menu button:focus-visible{outline:3px solid #91b57e;outline-offset:3px}
.sitasi-menu{position:fixed;inset:0 auto 0 0;margin:0;padding:25px 20px;border:0;border-right:1px solid #dbe5d6;border-radius:0;background:#fbfdf8;color:#203f2e;width:300px;max-width:88vw;height:100dvh;max-height:100dvh;box-sizing:border-box;font:14px system-ui;overflow-y:auto;box-shadow:15px 0 60px #15362020}
.sitasi-menu::backdrop{background:#173b2b66;backdrop-filter:blur(3px)}
.sitasi-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #e1e9db}
.sitasi-menu-heading strong{font-size:18px;letter-spacing:-.03em}.sitasi-menu-heading button{border:0;background:#ecf3e6;color:#46633a;border-radius:9px;font-size:24px;width:36px;height:36px;cursor:pointer}
.sitasi-menu nav{display:block}.sitasi-menu nav p{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#829276;margin:28px 12px 10px}.sitasi-menu nav a{display:block;padding:12px;border-radius:9px;text-decoration:none;font-size:13px;color:#46613b;margin:3px 0}.sitasi-menu nav a:hover{background:#edf4e5}.sitasi-menu nav a[aria-current=page]{background:#174d3c;color:#fff}
/* Sisakan tempat untuk kontrol yang mengambang di bagian atas semua halaman. */
body>.site-header,body>.topbar{margin-top:66px}
.sitasi-controls{position:fixed;z-index:29;top:19px;left:70px;display:flex;gap:9px;align-items:center}
.sitasi-radio{display:flex;gap:2px;margin:0;padding:3px;border:1px solid #dbe5d6;border-radius:999px;background:#fff;box-shadow:0 4px 20px #193c2010;min-width:0}
.sitasi-radio legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sitasi-radio label{position:relative;cursor:pointer;display:flex}.sitasi-radio input{position:absolute;opacity:0;width:1px;height:1px}.sitasi-radio span{display:block;border-radius:999px;padding:8px 13px;font:600 11px system-ui;color:#7a8c70;white-space:nowrap}.sitasi-radio input:checked+span{background:#174d3c;color:#fff}.sitasi-radio input:focus-visible+span{outline:3px solid #91b57e;outline-offset:2px}
@media(max-width:400px){.sitasi-menu-trigger{left:10px}.sitasi-controls{left:62px;gap:6px}.sitasi-radio span{padding:8px 10px;font-size:10px}}
/* Switch dua label, thumb bergeser seperti PERPETUGAS dengan warna SITASI. */
.sitasi-switch{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2px;min-height:38px;width:156px;padding:3px;border:1px solid #dbe5d6;border-radius:999px;background:#fff;box-shadow:0 4px 20px #193c2010;cursor:pointer;color:#75876a}
.sitasi-switch::before{content:"";position:absolute;z-index:-1;inset:3px auto 3px 3px;width:calc((100% - 8px)/2);border-radius:999px;background:#174d3c;transition:transform .18s ease}
.sitasi-switch[aria-checked=true]::before{transform:translateX(calc(100% + 2px))}
.sitasi-switch span{position:relative;text-align:center;font:600 11px system-ui;white-space:nowrap}
.sitasi-switch[aria-checked=false] span:first-child,.sitasi-switch[aria-checked=true] span:last-child{color:#fff}
.sitasi-switch:focus-visible{outline:3px solid #91b57e;outline-offset:3px}
/* opacity/inert menyembunyikan kontrol tanpa mengubah posisi tabel. */
.sitasi-menu-trigger,.sitasi-controls{transition:opacity .2s ease,transform .2s ease}
.sitasi-control-hidden{opacity:0;transform:translateY(-12px);pointer-events:none}
@media(max-width:400px){.sitasi-switch{width:144px;min-height:36px}.sitasi-switch span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sitasi-switch::before,.sitasi-menu-trigger,.sitasi-controls{transition:none}}