/* Halaman Auto Update. Memakai ulang kelas bersama (.p, .dcf, .kv, .sw2, .prf, .pill2, .atnote, .atn). Awalan au- agar tidak bentrok. */
.aumeth{display:flex;flex-direction:column;gap:2px;margin:22px 0 10px;padding-top:18px;border-top:1px solid var(--line)}
.aumeth b{font-size:13.5px;font-weight:600;letter-spacing:.1px}.aumeth .m{font-size:12.5px;line-height:1.5}
.dcf .in.ta{height:auto;padding:10px 12px;resize:vertical;font-family:inherit;line-height:1.55;min-height:84px}
.dcf .in.ta.atmono{font:13px/1.55 ui-monospace,Consolas,monospace}
.dcf input[type=date].in{color-scheme:dark}
.dcf .prf .in{margin-bottom:6px}.dcf .prf{gap:0 14px;margin-bottom:2px}
@media(max-width:700px){.dcf .prf{grid-template-columns:1fr}}

/* Pratinjau popup: kartu gelap, aksen emas tipis, tipografi rapat */
.aupv{position:relative;overflow:hidden;margin-top:14px;padding:22px 22px 20px;border-radius:20px;background:linear-gradient(180deg,rgba(28,22,46,.96),rgba(13,10,24,.98));border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 50px -24px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06)}
.aupv:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--vio) 70%,transparent);opacity:.8}
.aupv-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.aupv-chip{font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--gold);background:rgba(246,185,59,.1);border:1px solid rgba(246,185,59,.28);border-radius:999px;padding:3px 10px}
.aupv-date{font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}
.aupv-ver{display:flex;align-items:center;gap:10px;margin:16px 0 6px;font-variant-numeric:tabular-nums}
.aupv-cur{color:var(--mute);font-size:13px}.aupv-ver b{font-size:13px;font-weight:700;color:#fff;background:rgba(167,139,250,.16);border:1px solid rgba(167,139,250,.35);border-radius:8px;padding:2px 9px}
.aupv-ar{width:16px;height:16px;fill:none;stroke:var(--mute);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aupv h3{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.25;overflow-wrap:anywhere;margin:6px 0 0}
.aupv-d{font-size:13px;line-height:1.55;color:#cfc9e4;margin-top:8px;overflow-wrap:anywhere}.aupv-d.mute{color:var(--mute)}
.aupv-l{list-style:none;display:grid;gap:7px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--line);max-height:170px;overflow:auto}
.aupv-l li{position:relative;padding-left:16px;font-size:12.8px;line-height:1.5;color:#e2ddf3;overflow-wrap:anywhere}
.aupv-l li:before{content:"";position:absolute;left:2px;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--vio)}
.aupv-l li.more{color:var(--mute)}.aupv-l li.more:before{display:none}.aupv-l li.more{padding-left:0}
.aupv-b{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:18px}
.aupv-bt{height:36px;padding:0 15px;border-radius:12px;display:inline-flex;align-items:center;font-size:12.8px;font-weight:600;border:1px solid rgba(255,255,255,.16);color:#f4f2fa}
.aupv-bt.pri{border:0;color:#17110a;background:linear-gradient(180deg,#ffc94a,#eea62a);box-shadow:0 6px 18px rgba(240,170,40,.22)}
.aupv-bt.txt{border-color:transparent;color:var(--mute)}.aupv-bt.off{opacity:.38;filter:grayscale(.6)}
.aupv-f{margin-top:12px;font-size:12px;color:var(--gold)}