.ce-hint:empty{display:none}
.ce-hint{margin-top:.35rem}
.ce-typo{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8rem;line-height:1.4;color:#92400e;
    background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:.4rem .6rem;margin-top:.3rem}
.ce-typo b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;word-break:break-all}
.ce-ganti{font:inherit;font-weight:700;font-size:.78rem;color:#fff;background:#d97706;border:0;border-radius:6px;
    padding:.25rem .7rem;cursor:pointer;min-height:28px}
.ce-ganti:hover{background:#b45309}
.ce-ganti:focus-visible,.ce-ok:focus-visible,.ce-edit:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}

body.ce-kunci{overflow:hidden}
.ce-ovl{position:fixed;inset:0;z-index:10050;background:rgba(15,23,42,.62);display:flex;align-items:center;
    justify-content:center;padding:16px;animation:ce-muncul .15s ease-out}
.ce-card{background:#fff;color:#0f172a;width:100%;max-width:480px;max-height:90vh;overflow:auto;border-radius:14px;
    box-shadow:0 20px 50px rgba(15,23,42,.35);padding:1.25rem 1.25rem 1rem;font-family:inherit}
.ce-card h3{margin:0 0 .35rem;font-size:1.08rem;font-weight:800;color:#0f172a}
.ce-ket{margin:0 0 .9rem;font-size:.85rem;line-height:1.5;color:#475569}
.ce-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.55rem}
.ce-item{border:1px solid #e2e8f0;border-radius:10px;padding:.6rem .75rem;background:#f8fafc}
.ce-item.ce-warn{border-color:#fcd34d;background:#fffbeb}
.ce-lbl{display:block;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#64748b;margin-bottom:.15rem}
.ce-addr{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.02rem;line-height:1.45;
    color:#0f172a;word-break:break-all}
.ce-addr b{color:#1d4ed8;font-weight:800}
.ce-warn .ce-addr b{color:#b45309}
.ce-foot{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}
.ce-edit,.ce-ok{font:inherit;font-weight:700;font-size:.88rem;border-radius:9px;padding:.6rem 1rem;cursor:pointer;min-height:44px}
.ce-edit{background:#fff;color:#334155;border:1px solid #cbd5e1}
.ce-edit:hover{background:#f1f5f9}
.ce-ok{background:#16a34a;color:#fff;border:1px solid #16a34a}
.ce-ok:hover{background:#15803d}
.ce-ok:disabled{background:#94a3b8;border-color:#94a3b8;cursor:not-allowed}
@media (max-width:420px){.ce-foot{flex-direction:column-reverse}.ce-edit,.ce-ok{width:100%}}
@keyframes ce-muncul{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.ce-ovl{animation:none}}
.ce-typo.ce-bad{color:#991b1b;background:#fef2f2;border-color:#fca5a5}
.ce-bad .ce-ganti{background:#dc2626}
.ce-bad .ce-ganti:hover{background:#b91c1c}
.ce-item.ce-err{border-color:#fca5a5;background:#fef2f2}
.ce-err .ce-addr b{color:#b91c1c}
.ce-kepala{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.15rem}
.ce-kepala .ce-lbl{margin-bottom:0}
.ce-st{font-size:.72rem;font-weight:700;color:#64748b;white-space:nowrap}
.ce-st-ok{color:#15803d}
.ce-st-ok::before{content:"\2713  "}