.an-nnf-shell{--nnf-green:#087c69;--nnf-green2:#0b9b79;--nnf-gold:#c9a347;--nnf-text:#16312d;--nnf-muted:#6b7f7b;--nnf-line:#dce8e5;background:#fff;border:1px solid #d8e8e4;border-radius:18px;padding:20px;margin:22px 0;box-shadow:0 8px 28px rgba(13,85,71,.08);color:var(--nnf-text)}
.an-nnf-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.an-nnf-head h2{margin:4px 0 6px;font-size:24px}.an-nnf-head p{margin:0;color:var(--nnf-muted);max-width:760px}.an-nnf-eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--nnf-green)}
.an-nnf-tools{display:flex;gap:8px;white-space:nowrap}.an-nnf-tools button{border:1px solid var(--nnf-line);background:#fff;color:var(--nnf-green);font-weight:800;border-radius:10px;padding:9px 12px;cursor:pointer}.an-nnf-tools button:disabled{opacity:.35;cursor:not-allowed}
.an-nnf-breadcrumb{margin-top:16px;font-size:13px;color:#60746f;white-space:nowrap;overflow:auto}.an-nnf-breadcrumb span{color:var(--nnf-green);font-weight:800}.an-nnf-summary{margin:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3faf8;border-radius:12px;padding:12px 14px}.an-nnf-summary strong{font-size:16px}.an-nnf-summary span{font-size:12px;font-weight:800;color:var(--nnf-green)}
.an-nnf-desktop{overflow:auto;border:1px solid var(--nnf-line);border-radius:14px}.an-nnf-table{width:100%;border-collapse:collapse;min-width:720px}.an-nnf-table th,.an-nnf-table td{padding:13px 14px;border-bottom:1px solid var(--nnf-line);text-align:left;vertical-align:middle}.an-nnf-table th{background:#f7fbfa;font-size:12px;letter-spacing:.03em;color:#49645e}.an-nnf-table tbody tr:last-child td{border-bottom:0}.an-nnf-code{font-weight:900;color:#123d35}.an-nnf-name{font-weight:800}.an-nnf-status{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e6f7ef;color:#08724f;font-size:12px;font-weight:900}.an-nnf-count-btn{border:0;background:#eef8f5;color:var(--nnf-green);padding:7px 10px;border-radius:9px;font-weight:900;cursor:pointer}.an-nnf-count-btn[disabled]{color:#879a96;background:#f3f5f5;cursor:default}.an-nnf-wa{display:inline-flex;align-items:center;gap:7px;text-decoration:none!important;color:#fff!important;background:#18a967;padding:8px 11px;border-radius:10px;font-weight:900}.an-nnf-wa svg{width:17px;height:17px}.an-nnf-no-wa{color:#9aa8a5;font-size:12px}
.an-nnf-mobile{display:none}.an-nnf-card{border:1px solid #d6e5e1;border-radius:15px;padding:14px;margin:10px 0;background:#fff;box-shadow:0 4px 14px rgba(14,74,62,.05)}.an-nnf-card-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.an-nnf-card-id{font-size:12px;font-weight:900;color:var(--nnf-green)}.an-nnf-card-name{font-size:18px;font-weight:900;margin:2px 0}.an-nnf-card-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#71827f;font-size:13px}.an-nnf-card-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.an-nnf-open{flex:1;border:1px solid #cfe1dc;background:#f3faf8;color:var(--nnf-green);font-weight:900;border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left}.an-nnf-open[disabled]{opacity:.55;cursor:default}.an-nnf-wa-icon{width:44px;height:44px;border:0;border-radius:12px;background:#eaf9f1;color:#10a864;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important}.an-nnf-wa-icon svg{width:25px;height:25px}.an-nnf-empty{padding:28px;text-align:center;color:#7a8a87;border:1px dashed #cbdad6;border-radius:13px}.an-nnf-source{display:block;margin-top:11px;color:#98a6a3}
@media(max-width:700px){.an-nnf-shell{padding:14px;border-radius:14px;margin:16px 0}.an-nnf-head{display:block}.an-nnf-head h2{font-size:20px}.an-nnf-tools{margin-top:12px}.an-nnf-tools button{flex:1}.an-nnf-desktop{display:none}.an-nnf-mobile{display:block}.an-nnf-summary{align-items:flex-start;flex-direction:column;gap:3px}.an-nnf-breadcrumb{font-size:12px}.an-nnf-card-actions .an-nnf-open{min-height:44px}.an-nnf-source{font-size:10px}}


/* v0.1.7: kunci mode responsive agar tidak ditimpa CSS theme */
@media (min-width:701px){
  .an-nnf-shell .an-nnf-desktop{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;}
  .an-nnf-shell .an-nnf-mobile{display:none!important;}
  .an-nnf-shell .an-nnf-table{display:table!important;visibility:visible!important;opacity:1!important;width:100%!important;}
}
@media (max-width:700px){
  .an-nnf-shell .an-nnf-desktop{display:none!important;}
  .an-nnf-shell .an-nnf-mobile{display:block!important;visibility:visible!important;opacity:1!important;}
}