:root{--bg:#f7f8fc;--card:#fff;--s-low:#f2f3ff;--s-mid:#eaedff;--s-high:#e2e7ff;--ink:#131b2e;--muted:#586172;--line:#e6e8f2;--outline:#bdc9c6;--primary:#005c55;--primary-c:#0f766e;--primary-soft:#e6f6f3;--primary-tint:#f0fdfa;--ok:#047857;--ok-bg:#e3f6ec;--ok-dot:#059669;--warn:#9a4d00;--warn-bg:#fdf0dc;--warn-dot:#f59e0b;--bad:#b23a0c;--bad-bg:#ffe9dc;--bad-dot:#c2410c;--info:#3a4ba0;--info-bg:#eaedff;--info-dot:#6371c7;--amber:#a45200;--amber-bg:#fef3c7;--amber-c:#d97706;--r-lg:16px;--r-md:12px;--r-sm:8px;--sh-1:0 4px 20px -2px #0f172a0d;--sh-2:0 8px 24px -4px #0f766e1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;font-feature-settings:"tnum" 0;margin:0;font:15px/1.55 Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body.has-bottom{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}a{color:var(--primary-c);text-underline-offset:2px}h1{letter-spacing:-.015em;margin:.25rem 0 1rem;font-size:1.5rem;line-height:1.25}h2{letter-spacing:-.005em;margin:0 0 .5rem;font-size:1.05rem;line-height:1.35}h3{margin:.8rem 0 .4rem;font-size:.98rem}p{margin:.35rem 0}code{background:var(--s-mid);border-radius:6px;padding:.05rem .35rem;font-size:.9em}.ik{vertical-align:middle;flex:none}.wrap{max-width:960px;margin:0 auto;padding:0 16px}main.wrap{padding-top:16px;padding-bottom:28px}main.lebar{max-width:1160px}main.sempit{max-width:640px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:20;-webkit-backdrop-filter:blur(16px);background:#f7f8fce0;position:sticky;top:0;box-shadow:0 1px 8px #0000000d}.top-in{justify-content:space-between;align-items:center;gap:8px;min-height:68px;display:flex}.id{min-width:0;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.id-av{background:var(--s-mid);width:42px;height:42px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:.95rem;font-weight:700;display:grid}.id-av.ic{border-radius:14px}.id-av.sm{width:32px;height:32px;font-size:.78rem}.id-av.lg{background:var(--primary-soft);width:56px;height:56px;font-size:1.1rem}.id-t{min-width:0;display:grid}.id-t b{white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;overflow:hidden}.eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:inline-flex}.switch{position:relative}.switch summary{cursor:pointer;min-height:44px;color:var(--ink);font-size:inherit;font-weight:inherit;align-items:center;gap:4px;min-width:0;list-style:none;display:flex}.switch{min-width:0}.id-t .eyebrow{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.switch summary::-webkit-details-marker{display:none}.top-r{flex:none;align-items:center;gap:6px;display:flex}.icon-btn{color:var(--ink);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.icon-btn:hover{background:var(--s-mid)}.dot{background:var(--bad-dot);color:#fff;border:2px solid var(--bg);border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.64rem;font-weight:700;display:grid;position:absolute;top:5px;right:4px}.me{position:relative}.me summary{cursor:pointer;list-style:none}.me summary::-webkit-details-marker{display:none}.avatar{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.menu{background:var(--card);color:var(--ink);border-radius:var(--r-lg);z-index:30;gap:2px;min-width:250px;padding:.6rem;display:grid;position:absolute;top:52px;right:0;box-shadow:0 16px 36px -8px #0f172a2e}.switch .menu{left:0;right:auto}.menu>strong{padding:.4rem .6rem 0}.menu>.muted{border-bottom:1px solid var(--line);margin-bottom:.2rem;padding:0 .6rem .4rem}.menu a,.menu button.link{color:var(--ink);border-radius:10px;align-items:center;gap:.6rem;width:100%;padding:.55rem .6rem;font-size:.92rem;text-decoration:none;display:flex}.menu a:hover,.menu button.link:hover{background:var(--s-low)}.menu a.on{background:var(--primary-tint)}.menu a.add{color:var(--primary-c);font-weight:600}.tabs{border-top:1px solid var(--line)}.tabs-in{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.tabs-in::-webkit-scrollbar{display:none}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:.7rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.tabs a:hover{color:var(--primary-c)}.tabs a.on{color:var(--primary);border-color:var(--primary-c);font-weight:600}.tabs-lebar{display:none}.bottom{bottom:0;z-index:20;-webkit-backdrop-filter:blur(16px);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#f7f8fcf0;justify-content:space-around;display:flex;position:fixed;inset-inline:0;box-shadow:0 -2px 12px #0000000d}.bottom a{max-width:120px;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:.72rem;font-weight:500;text-decoration:none;display:flex}.bottom a .ik{border-radius:99px;width:56px;height:30px;padding:4px 0;transition:background .15s}.bottom a.on{color:var(--primary);font-weight:700}.bottom a.on .ik{background:var(--primary-soft)}@media (width>=900px){body.has-bottom{padding-bottom:0}.bottom{display:none}.tabs-lebar{display:block}}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--sh-1);border:1px solid #0f172a08;margin:0 0 16px;padding:18px 16px}.card-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.card-h h2,.card-h h3{align-items:center;gap:.6rem;margin:0;display:flex}.card.sorot{background:#fffaf3;border-color:#f6dcb6}.card.info-box{background:var(--info-bg)}.card.bk{border-left:4px solid #6b4fa0}.card.narrow{max-width:520px}.card.center,.center{text-align:center}.card.center .ic-bulat{margin:0 auto .5rem}.grid2{gap:16px;margin-bottom:16px;display:grid}.grid2>.card{margin:0}@media (width>=760px){.grid2{grid-template-columns:1fr 1fr}}.ic-bulat{background:var(--card);width:40px;height:40px;color:var(--primary-c);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 1px 3px #0f172a0f}.ic-bulat.sm{width:32px;height:32px;box-shadow:none;background:var(--primary-soft)}.ic-bulat.teal{background:var(--primary-soft);color:var(--primary-c)}.ic-bulat.amber{background:var(--amber-bg);color:var(--amber-c)}.ic-bulat.warn{background:var(--warn-bg);color:var(--warn)}.ic-bulat.bad{background:var(--bad-bg);color:var(--bad)}.ic-bulat.info{color:var(--info);background:#fff}.ic-bulat.inv{color:#fff;box-shadow:none;background:#ffffff29}.banner{background:var(--s-low);border-radius:var(--r-lg);color:var(--ink);align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px;text-decoration:none;display:flex}.banner h2{margin:0 0 .2rem;font-size:1rem}.banner p{color:var(--muted);margin:0;font-size:.9rem}.link-card{align-items:center}.link-card:hover{background:var(--s-mid)}.link-card>.ik{color:var(--muted)}.hero-teal{color:#fff;box-shadow:var(--sh-2);background:linear-gradient(135deg,#0f766e 0%,#005c55 100%);border-radius:20px;margin-bottom:16px;padding:18px}.hero-teal h1{margin:.6rem 0 .2rem;font-size:1.55rem}.hero-teal p{color:#c9f2ec;margin:0;font-size:.92rem}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.hero h1{margin-bottom:.2rem}.sec-h{justify-content:space-between;align-items:center;gap:.5rem;margin:22px 2px 2px;display:flex}.sec-h h2{margin:0;font-size:1.12rem}.sec-sub{margin:0 2px 10px}.muted{color:var(--muted)}.small{font-size:.84rem}.block{display:block}.grow{flex:1;min-width:0}.plus{color:var(--amber-c)}.bad-t{color:var(--bad);font-weight:600}.pre{white-space:pre-line}.nowrap{white-space:nowrap}.kosong{color:var(--muted);margin:.4rem 0}.ic-line{color:var(--muted);align-items:center;gap:6px;margin:.2rem 0;display:flex}.ic-line b{color:var(--ink)}.badge,.pill{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:.2rem .6rem;font-size:.74rem;font-weight:600;line-height:1.35;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:7px;height:7px}.badge.ok,.pill.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn,.pill.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad,.pill.bad{background:var(--bad-bg);color:var(--bad)}.badge.info,.pill.info{background:var(--info-bg);color:var(--info)}.badge.muted,.pill.muted{color:var(--muted);background:#eef0f5}.pill.inv{color:#fff;background:#ffffff29}.list{margin:.2rem 0 0;padding:0;list-style:none}.list>li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 0;display:flex}.list>li:first-child{border-top:0}.list.rinci>li{display:block}.list.prestasi>li{background:var(--s-low);border-radius:var(--r-md);border:0;margin-bottom:8px;padding:.65rem .75rem}.row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.row.gap{gap:.55rem}.sp{flex:1}.today{background:var(--s-low);border-radius:var(--r-md);align-items:center;gap:14px;margin-bottom:14px;padding:14px;display:flex}.today b{font-size:1.12rem}.today .small{color:var(--muted)}.today-ic{width:52px;height:52px;color:var(--muted);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.today.ok .today-ic{background:var(--ok-dot);color:#fff}.today.ok b{color:var(--ok)}.today.warn .today-ic{background:var(--warn-dot);color:#fff}.today.info .today-ic{background:var(--info-dot);color:#fff}.today.bad .today-ic{background:var(--bad-dot);color:#fff}.today.bad b{color:var(--bad)}.stat-h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.stat-h b{font-size:.95rem}.chips{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.chip{border-radius:var(--r-md);text-align:center;background:var(--s-low);font-variant-numeric:tabular-nums;padding:.6rem .2rem}.chip b{font-size:1.35rem;line-height:1.2;display:block}.chip span{color:var(--muted);font-size:.74rem}.chip.warn b{color:var(--warn)}.chip.info b{color:var(--info)}.chip.bad b{color:var(--bad)}.mini-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini-grid>div{background:var(--s-low);border-radius:var(--r-md);padding:.65rem .75rem;display:grid}.pekan{margin-top:16px}.pekan-h{justify-content:space-between;margin:10px 2px 6px;font-size:.8rem;font-weight:600;display:flex}.pekan-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.hari{border-radius:var(--r-md);background:var(--s-low);color:var(--muted);justify-items:center;gap:4px;padding:.5rem 0;font-size:.74rem;display:grid}.hari small{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.78rem}.hari.kini{background:var(--s-high);outline:2px solid var(--primary-c);outline-offset:-2px}.hari.nanti{opacity:.55}.d{background:#d4d8e6;border-radius:50%;width:12px;height:12px;display:inline-block}.d.ok{background:var(--ok-dot)}.d.warn{background:var(--warn-dot)}.d.info{background:var(--info-dot)}.d.bad{background:var(--bad-dot)}.legenda{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:10px;font-size:.74rem;display:flex}.legenda span{align-items:center;gap:5px;display:inline-flex}.legenda .d{width:9px;height:9px}.timeline{gap:8px;margin:0;padding:0;list-style:none;display:grid}.timeline li{background:var(--s-low);border-radius:var(--r-md);align-items:flex-start;gap:10px;padding:.7rem .75rem;display:flex}.timeline .row{flex-wrap:nowrap}.tl-ic{width:30px;height:30px;color:var(--muted);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.timeline li.ok .tl-ic{color:var(--ok)}.timeline li.warn .tl-ic{color:var(--warn)}.timeline li.info .tl-ic{color:var(--info)}.timeline li.bad .tl-ic{color:var(--bad)}.angka{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;margin:0 0 .6rem;display:flex}.angka b{letter-spacing:-.02em;font-size:2.3rem;line-height:1}.angka span{color:var(--muted)}.meter{background:var(--s-high);border-radius:99px;height:10px;position:relative}.meter-fill{background:var(--primary-c);border-radius:99px;height:100%}.meter.warn .meter-fill{background:var(--warn-dot)}.meter.bad .meter-fill{background:var(--bad-dot)}.meter-mark{background:var(--amber-c);border-radius:2px;width:3px;height:18px;position:absolute;top:-4px;transform:translate(-1px)}.meter-leg{color:var(--muted);justify-content:space-between;align-items:center;margin:.4rem 0 .8rem;font-size:.74rem;display:flex}.meter-leg .ambang{color:var(--amber);align-items:center;gap:4px;font-weight:600;display:inline-flex}.note{background:var(--s-low);border-radius:var(--r-md);color:var(--muted);align-items:flex-start;gap:8px;margin:.6rem 0;padding:.7rem .8rem;font-size:.85rem;display:flex}.note .ik{color:var(--primary-c);margin-top:2px}.note.ok{background:var(--primary-tint);color:#145c55}.note-card{background:var(--s-low);border-radius:var(--r-lg);color:var(--muted);align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 16px;font-size:.86rem;display:flex}.note-card .ik{color:var(--primary-c);margin-top:2px}.poin-plus{color:var(--amber-c);font-size:1.15rem;font-weight:700}.poin-plus small{font-size:.74rem;font-weight:600}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip-amber{background:var(--amber-bg);color:var(--amber);border-radius:var(--r-sm);align-items:center;gap:6px;padding:.35rem .7rem;font-size:.84rem;font-weight:500;display:inline-flex}.kasus-card{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;margin-top:10px;padding:12px}.kasus-card:first-child{margin-top:0}.hak-jawab{border-left:3px solid var(--primary-c);border-radius:0 var(--r-sm) var(--r-sm) 0;background:#f8fafc;margin:.6rem 0;padding:.6rem .8rem}.hak-jawab p{margin:.25rem 0 0;font-style:italic}.hak-jawab .eyebrow{color:var(--primary-c)}.tindak{background:var(--s-low);border-radius:var(--r-sm);color:var(--muted);align-items:flex-start;gap:8px;padding:.55rem .7rem;font-size:.86rem;display:flex}.tindak.ok{background:var(--ok-bg);color:#155c3f}.tindak .ik{margin-top:2px}.kasus{border-top:1px solid var(--line);padding:.8rem 0}.card>.kasus:first-of-type,h2+.kasus,.card-h+.kasus{border-top:0;padding-top:.2rem}blockquote{border-left:3px solid var(--primary-c);background:#f8fafc;border-radius:0 8px 8px 0;margin:.45rem 0;padding:.5rem .8rem;font-size:.92rem}.vis{border-radius:8px;align-items:center;gap:.35rem;margin-top:.45rem;padding:.2rem .55rem;font-size:.76rem;font-weight:500;display:inline-flex}.vis.on{background:var(--warn-bg);color:var(--warn)}.vis.soon{background:var(--info-bg);color:var(--info)}.vis.off{color:#475569;background:#eef0f5}.tenggat{font-weight:600}details summary{cursor:pointer;color:var(--primary-c);font-size:.9rem;font-weight:500}details.more{margin-top:.5rem}.sum-card{color:var(--ink);align-items:center;gap:10px;list-style:none;display:flex}.sum-card::-webkit-details-marker{display:none}.sum-card+*{margin-top:12px}.wali{background:var(--s-low);border-radius:var(--r-md);align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.wali b{font-size:1.02rem}.wali .pill{margin-top:4px}.sesi{background:var(--s-low);border-radius:var(--r-md);gap:2px;margin:10px 0;padding:12px;display:grid}.sesi .pill{justify-self:start;margin-top:4px}.cta{color:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2);background:linear-gradient(135deg,#0f766e,#005c55);align-items:center;gap:12px;margin:8px 0 16px;padding:14px;text-decoration:none;display:flex}.cta .small{color:#c9f2ec}.cta-btn{color:var(--primary);background:#fff;border-radius:10px;padding:.55rem .9rem;font-size:.88rem;font-weight:700}.cta-card{color:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2);background:linear-gradient(160deg,#0f766e,#005c55);margin-bottom:16px;padding:16px}.cta-card h2{margin:.5rem 0 .2rem;font-size:1.2rem}.cta-card p{color:#c9f2ec;margin:0 0 .8rem;font-size:.9rem}.cta-inner{border-radius:var(--r-md);background:#ffffff1f;align-items:center;gap:10px;margin-bottom:.8rem;padding:.65rem .75rem;font-size:.9rem;display:flex}.cta-inner .small{color:#c9f2ec}.anak-pilih{gap:8px;margin-bottom:12px;display:flex;overflow-x:auto}.pratinjau{border:2px dashed #b9d4cd;border-radius:22px;margin-top:8px;padding:12px 10px 2px;position:relative}.pratinjau-label{background:var(--bg);color:var(--primary-c);align-items:center;gap:4px;padding:0 8px;font-size:.76rem;font-weight:600;display:inline-flex;position:absolute;top:-12px;left:16px}.list-card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--sh-1);color:var(--ink);align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;text-decoration:none;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--card);border-radius:var(--r-lg);color:var(--ink);box-shadow:var(--sh-1);border:1px solid #0000;padding:14px;text-decoration:none}.stat b{font-size:1.55rem;display:block}.stat span{color:var(--muted);font-size:.82rem}.stat.ok{border-color:#bfe2cf}.stat.warn{background:#fffaf3;border-color:#f6dcb6}.stat.bad{background:#fff7f2;border-color:#f5c3a8}.seg-nav{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.seg-nav a{background:var(--card);color:var(--ink);box-shadow:var(--sh-1);border-radius:99px;padding:.4rem .85rem;font-size:.88rem;text-decoration:none}.seg-nav a.on{background:var(--primary);color:#fff}.form{gap:12px;display:grid}label{gap:4px;font-size:.88rem;font-weight:600;display:grid}input,select,textarea{font:inherit;color:var(--ink);border-radius:var(--r-md);background:#fff;border:1px solid #cfd5e3;width:100%;min-height:46px;padding:.65rem .75rem;font-weight:400}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary-c);outline:3px solid #b8e4dc}input.kode,code.kode{letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,Consolas,monospace}.hint{color:var(--muted);font-size:.8rem;font-weight:400}label.cek{align-items:flex-start;gap:.6rem;font-weight:400;display:flex}label.cek input{width:20px;min-height:20px;accent-color:var(--primary-c);flex:none;margin-top:2px}label.kartu-cek{background:var(--s-low);border-radius:var(--r-md);padding:.8rem}.row label{flex:1;min-width:120px}.row input.sm{max-width:180px}.row input.xs{max-width:80px}.row .grow{flex:1;min-width:180px}.grid-form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end}fieldset.slots{border:0;gap:8px;margin:0;padding:0;display:grid}fieldset.slots legend{margin-bottom:4px;font-size:.88rem;font-weight:600}label.slot{background:var(--s-low);border-radius:var(--r-md);cursor:pointer;border:2px solid #0000;align-items:center;gap:.7rem;padding:.7rem .8rem;font-weight:400;display:flex}label.slot:has(input:checked){border-color:var(--primary-c);background:var(--primary-tint)}label.slot input{width:20px;min-height:20px;accent-color:var(--primary-c);flex:none}.btn{font:inherit;background:var(--primary);color:#fff;border-radius:var(--r-md);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.4rem;min-height:46px;padding:.6rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:#004a44}.btn.ghost{color:var(--primary-c);box-shadow:inset 0 0 0 1.5px var(--primary-c);background:0 0}.btn.ghost:hover{background:var(--primary-tint)}.btn.soft{background:var(--s-mid);color:var(--primary)}.btn.soft:hover{background:var(--s-high)}.btn.inv{color:var(--primary);background:#fff}.btn.small{min-height:36px;padding:.35rem .8rem;font-size:.86rem}.btn.full{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.card>.btn.full:last-child,.card>form:last-child .btn.full{margin-top:4px}button.link{color:var(--primary-c);font:inherit;cursor:pointer;text-underline-offset:2px;text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}.menu button.link{text-decoration:none}.absen-list{margin:0;padding:0;list-style:none}.absen-list li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:.55rem 0;display:flex}.absen-list .nm{flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:600;display:flex}.seg{background:var(--s-low);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.seg label{cursor:pointer;font-weight:700;display:block}.seg input{opacity:0;pointer-events:none;width:1px;min-height:0;position:absolute}.seg span{width:42px;height:40px;color:var(--muted);border-radius:9px;place-items:center;display:grid}.seg input:focus-visible+span{outline:3px solid #b8e4dc}.seg .s-H input:checked+span{background:var(--ok-dot);color:#fff}.seg .s-T input:checked+span{background:var(--warn-dot);color:#fff}.seg .s-I input:checked+span,.seg .s-S input:checked+span{background:var(--info-dot);color:#fff}.seg .s-A input:checked+span{background:var(--bad-dot);color:#fff}.seg input:disabled+span{opacity:.6;cursor:not-allowed}.legend{margin:.5rem 0}.sticky-act{background:var(--card);border-top:1px solid var(--line);flex-wrap:nowrap;padding:.6rem 0 .2rem;position:sticky;bottom:0}.sticky-act .btn{flex:1;padding:.45rem .5rem;font-size:.88rem;line-height:1.2}.sticky-act .btn.ghost{flex:0 0 34%}.tbl{margin:0 -4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .5rem}th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.72rem;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.flash{border-radius:var(--r-md);align-items:flex-start;gap:.6rem;margin-bottom:16px;padding:.75rem .9rem;font-size:.92rem;font-weight:500;display:flex}.flash .ik{margin-top:1px}.flash.ok{background:var(--ok-bg);color:#145c3a}.flash.error{background:var(--bad-bg);color:#8a2c06}.flash.info{background:var(--info-bg);color:#2d3c86}.flash.warn{background:var(--warn-bg);color:#7a4100}.auth{gap:16px;max-width:440px;margin:2vh auto 0;display:grid}.demo .list li{padding:.35rem 0}.kebijakan{background:var(--s-low);border-radius:var(--r-md);padding:.6rem .85rem;font-size:.86rem;font-weight:400}.kebijakan h2{font-size:.95rem}ol.rapat{margin:.3rem 0;padding-left:1.2rem}ol.rapat li{margin-bottom:.35rem}.prose{max-width:680px}.notif.baru{border-left:4px solid var(--amber-c)}.notif h3{margin:0}.foot{color:var(--muted);text-align:center;padding-bottom:28px;font-size:.78rem}@media print{.top,.bottom,.foot,.hero form,.flash{display:none!important}body{background:#fff;padding:0}.card{box-shadow:none;border:0}}.wrap.sempit{max-width:640px}.toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:50;width:min(560px,100% - 32px);margin:0;position:fixed;transform:translate(-50%);box-shadow:0 16px 36px -8px #0f172a40}@media (width>=900px){.toast{bottom:24px}}.toast span{flex:1}.toast-x{cursor:pointer;color:inherit;background:0 0;border:0;padding:0 2px;font-size:1.3rem;line-height:1}.skel>div{background:linear-gradient(90deg, var(--s-low), var(--s-high), var(--s-low));background-size:200% 100%;border-radius:8px;height:14px;margin:10px 0;animation:1.2s infinite kilau}.skel>div:first-child{width:45%;height:18px}.skel>div:last-child{width:70%}@keyframes kilau{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel>div{animation:none}}.auth-wrap{max-width:440px;margin:0 auto;padding:28px 16px 40px}.auth-brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.auth-brand b{font-size:1.1rem}.auth{margin:0}.menu-item{color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:.6rem;width:100%;padding:.55rem .6rem;font-size:.92rem;display:flex}.menu-item:hover{background:var(--s-low)}.menu-item.on{background:var(--primary-tint)}.today.muted-t .today-ic{color:var(--muted)}.card.narrow{margin-left:auto;margin-right:auto}.btn:disabled{opacity:.6;cursor:progress}.wali .pill{display:inline-flex}.meter-mark.panggil{background:var(--bad-dot)}.meter-leg .ambang.bad-t{color:var(--bad);font-weight:600}.tindak.bad{background:var(--bad-bg);color:var(--bad);margin:.5rem 0}.tabs-staf{display:block!important}.kotak-filter{flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:14px;display:flex}.kotak-filter label{flex:1;min-width:160px}.form-baris{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:10px;display:grid}.aksi-baris{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.kode-besar{letter-spacing:.08em;font-family:ui-monospace,Consolas,monospace;font-weight:700}td .btn.small,td .link{white-space:nowrap}.tbl td input,.tbl td select{min-height:38px;padding:.35rem .55rem}tr.nonaktif td{opacity:.5}.tag-peran{font-size:.72rem}
