/* Belajar Peradilan - layar autentikasi & panel admin (memakai variabel tema aplikasi) */
body.locked>.top,body.locked>.shell,body.locked>.tabs{display:none}
.au{position:fixed;inset:0;z-index:100;overflow:auto;background:var(--bg);display:grid;place-items:center;padding:24px 16px}
.au[hidden]{display:none}
.au-box{width:100%;max-width:420px;display:flex;flex-direction:column;gap:18px}
.au-brand{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
.au-logo{width:52px;height:52px;border-radius:14px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font:700 1.6rem/1 var(--f-display)}
.au-brand b{font:700 1.7rem/1.1 var(--f-display)}
.au-brand span{color:var(--muted);font-size:.9rem}
.au-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}
.au-card h2{font-size:1.3rem}
.au-card p.sub{color:var(--muted);font-size:.9rem}
.au-f{display:flex;flex-direction:column;gap:6px}
.au-f label{font-weight:600;font-size:.88rem}
.au-in{width:100%;padding:11px 13px;min-height:46px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.au-in:focus{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.au-pw{position:relative}
.au-pw .au-in{padding-right:74px}
.au-pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--accent);font-weight:600;font-size:.82rem;padding:8px;min-height:36px}
.au-msg{border-radius:10px;padding:10px 12px;font-size:.9rem}
.au-msg.err{background:var(--bad-soft);color:var(--bad)}
.au-msg.ok{background:var(--ok-soft);color:var(--ok)}
.au-msg:empty{display:none}
.au-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.9rem}
.au-links a{color:var(--accent);font-weight:600;text-decoration:none;cursor:pointer}
.au-links a:hover{text-decoration:underline}
.au-foot{text-align:center;color:var(--muted);font-size:.8rem}
.dlg{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.45);display:grid;place-items:center;padding:16px;overflow:auto}
.dlg[hidden]{display:none}
.dlg-box{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:22px;width:100%;max-width:760px;max-height:92vh;overflow:auto;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}
.dlg-box.sm{max-width:420px}
.ad-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.ad-row:last-child{border-bottom:0}
.ad-row .nm{font-weight:600;overflow-wrap:anywhere}
.ad-row .em{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}
.ad-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ad-act .btn{min-height:36px;padding:6px 10px;font-size:.8rem}
.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,transparent)}
@media (max-width:560px){.ad-row{grid-template-columns:minmax(0,1fr)}.ad-act{justify-content:flex-start}.top-in .iconbtn.hide-s{display:none}}