/* IUPWATCH admin · tab Arsip (arsip-admin.js) */
.ar-atas{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.ar-sub{display:flex;gap:6px;flex-wrap:wrap}
.ar-sub button{background:#0a1a29;border:1px solid var(--line);color:var(--mut);border-radius:9px;padding:7px 12px;font:700 12px system-ui;cursor:pointer}
.ar-sub button.on{color:var(--cy);border-color:var(--cy);background:#0e2a40}
.ar-aksi{display:flex;gap:6px}
.ar-saring{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin:6px 0 10px}
.ar-saring label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--mut);min-width:0}
.ar-saring input,.ar-saring select{min-width:120px;padding:7px 9px;font-size:12px}
.ar-saring input[type=search]{min-width:200px}
.ar-ringkas{font-size:12px;color:#9fc6dd;margin:0 0 8px}
.ar-tabel{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.ar-tabel table{min-width:900px}
.ar-tabel th{cursor:pointer;user-select:none;white-space:nowrap;position:sticky;top:0;background:var(--panel)}
.ar-tabel th.on{color:var(--cy)}
.ar-tabel tr.bisa{cursor:pointer}.ar-tabel tr.bisa:hover td{background:#0d1f30}
.ar-ket{display:block;max-width:420px;white-space:normal;line-height:1.4}
.ar-id{font-size:10px;color:var(--mut)}
.ar-tunggu{color:var(--mut);text-align:center;padding:18px}
.ar-kaki{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:11.5px;color:var(--mut)}
.ar-kd{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10.5px;font-weight:700;border:1px solid;white-space:nowrap}
.ar-kd.mr{color:#ff7b7b;border-color:#ff7b7b55}.ar-kd.kn{color:#ffd97a;border-color:#ffd97a55}.ar-kd.if{color:#8fc9e8;border-color:#8fc9e855}
.ar-kd.hj{color:#6ff0a8;border-color:#6ff0a855}.ar-kd.ab{color:#8aa4b8;border-color:#8aa4b855}.ar-kd.bi{color:#7fe3ff;border-color:#7fe3ff55}
.ar-link{color:#7fe3ff;text-decoration:none;white-space:nowrap}
.ar-detail{position:fixed;inset:0;z-index:60;background:#020810d8;display:flex;align-items:center;justify-content:center;padding:18px}
.ar-detail[hidden]{display:none}
.ar-detail-kartu{width:min(860px,100%);max-height:calc(100dvh - 36px);display:flex;flex-direction:column;background:#0b1622;border:1px solid var(--line2);border-radius:14px;overflow:hidden;box-shadow:0 24px 80px #000c}
.ar-detail-kartu header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.ar-detail-kartu header b{color:#fff;font-size:14px}
.ar-detail-kartu header button{background:#0e2a40;border:1px solid var(--line2);color:#bfeaff;border-radius:9px;padding:6px 11px;font:800 12px system-ui;cursor:pointer}
.ar-detail-isi{overflow-y:auto;padding:14px 16px}
.ar-grid{display:grid;grid-template-columns:150px 1fr;gap:5px 12px;font-size:12.5px}
.ar-grid span{color:var(--mut)}.ar-grid b{color:#e6f1f8;font-weight:600;min-width:0;overflow-wrap:anywhere}
.ar-ket-besar{margin:12px 0;padding:10px 12px;background:#081422;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.5}
.ar-blok{margin-top:14px}.ar-blok h5{margin:0 0 6px;font:800 10.5px var(--mono);letter-spacing:1.5px;color:var(--cy);text-transform:uppercase}
.ar-riwayat{margin:0;padding-left:18px;font-size:12px;line-height:1.6}
.ar-bukti{padding:8px 0;border-bottom:1px solid #10263a}.ar-bukti:last-child{border-bottom:0}
.ar-bukti h5{margin:0 0 6px;font:800 10.5px var(--mono);letter-spacing:1.4px;color:#9fd8ef;text-transform:uppercase}
.ar-gg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.ar-g{margin:0}.ar-g img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#071019;image-rendering:pixelated}
.ar-g figcaption{font-size:11px;color:#9fb6c8;margin-top:3px}
.ar-json{font:11px var(--mono);white-space:pre-wrap;word-break:break-word;background:#081422;border:1px solid var(--line);border-radius:8px;padding:10px;margin:0}
.ket{font-size:12px;color:var(--mut);margin:6px 0 0}
@media (max-width:640px){.ar-detail{padding:0}.ar-detail-kartu{max-height:100dvh;border-radius:0;border:0}.ar-grid{grid-template-columns:1fr}}