/* Menu profil siswa yang SAMA di halaman utama (68 halaman beranda/program/blog), portal Try Out, dan portal Belajar (13 Nov 2026).
   Gaya ditulis sendiri (bukan Tailwind) agar tampil identik walau tiap portal punya build CSS berbeda.
   Markup: scripts/templat/menu-profil-beranda.html (dipasang oleh scripts/sync-menu-profil.mjs), tryout/index.html, src/belajar/components/TopHeader.vue */
.nmp-wrap{display:flex;align-items:center;gap:8px;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
.nmp-coin{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 6px 0 11px;border-radius:999px;border:1px solid #e6e8ef;background:#fff;color:#0f172a;font:700 13px/1 "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}
.nmp-coin:hover{background:#fffbeb;border-color:#fcd34d}
.nmp-coin svg{width:18px;height:18px;color:#d97706;flex-shrink:0}
.nmp-coin-plus{width:22px;height:22px;border-radius:50%;background:#fde68a;color:#78350f;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;line-height:1}
.nmp-rel{position:relative}
.nmp-chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 4px;border-radius:999px;border:1px solid #e6e8ef;background:#fff;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}
.nmp-chip:hover,.nmp-chip[aria-expanded="true"]{background:#f8fafc;border-color:#cbd5e1}
.nmp-av{position:relative;flex-shrink:0;border-radius:50%;background:#e0e7ff;color:#3730a3;display:inline-flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;letter-spacing:.02em}
.nmp-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}
.nmp-av-sm{width:34px;height:34px;font-size:12px}
.nmp-av-lg{width:48px;height:48px;font-size:16px;box-shadow:0 0 0 3px #fff}
.nmp-chip-text{display:flex;flex-direction:column;text-align:left;line-height:1.2;min-width:0;max-width:160px}
.nmp-chip-name{font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmp-chip-sub{font-size:11px;font-weight:500;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmp-chev{width:14px;height:14px;color:#94a3b8;transition:transform .2s;flex-shrink:0}
.nmp-rot{transform:rotate(180deg)}
.nmp-panel{position:absolute;right:0;top:calc(100% + 8px);width:308px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #e6e8ef;border-radius:18px;box-shadow:0 20px 44px -14px rgba(15,23,42,.28);padding:8px;z-index:70;font-family:"Plus Jakarta Sans",system-ui,sans-serif;text-align:left;color:#0f172a}
.nmp-head{display:flex;gap:12px;align-items:center;padding:12px;border-radius:13px;background:#f8fafc}
.nmp-head-text{min-width:0;flex:1}
.nmp-name{font-size:14px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmp-school{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nmp-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.nmp-pill{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;background:#e0e7ff;color:#3730a3;line-height:1.5}
.nmp-pill-green{background:#dcfce7;color:#166534}
.nmp-wallet{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 2px;padding:10px 12px;border-radius:13px;background:#fffbeb;border:1px solid #fde68a}
.nmp-wallet-label{font-size:11px;font-weight:600;color:#92400e}
.nmp-wallet-val{font-size:17px;font-weight:800;color:#78350f;line-height:1.2}
.nmp-wallet-btn{font:700 12px "Plus Jakarta Sans",system-ui,sans-serif;padding:7px 13px;border-radius:10px;background:#f59e0b;color:#1c1917;border:0;cursor:pointer;white-space:nowrap}
.nmp-wallet-btn:hover{background:#d97706;color:#fff}
.nmp-sec{font-size:10.5px;font-weight:700;color:#94a3b8;letter-spacing:.07em;padding:8px 10px 3px}
.nmp-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:11px;text-decoration:none !important;color:#0f172a !important;cursor:pointer;width:100%;background:none;border:0;text-align:left;font-family:inherit}
.nmp-item:hover{background:#f1f5f9}
.nmp-item.nmp-on{background:#eef2ff}
.nmp-ic{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.nmp-ic svg{width:18px;height:18px}
.nmp-ic-tryout{background:#eef2ff;color:#4338ca}
.nmp-ic-belajar{background:#ecfdf5;color:#047857}
.nmp-ic-ruang{background:#f0f9ff;color:#0369a1}
.nmp-ic-web{background:#f1f5f9;color:#334155}
.nmp-tx{min-width:0;flex:1}
.nmp-t{display:block;font-size:13px;font-weight:700;line-height:1.25;color:#0f172a}
.nmp-s{display:block;font-size:11px;font-weight:500;color:#64748b;line-height:1.35}
.nmp-here{margin-left:auto;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;background:#c7d2fe;color:#312e81;white-space:nowrap}
.nmp-out{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;margin-top:6px;border:0;border-top:1px solid #f1f5f9;background:none;color:#be123c;font:700 13px "Plus Jakarta Sans",system-ui,sans-serif;cursor:pointer;border-radius:0 0 11px 11px;text-align:left}
.nmp-out:hover{background:#fff1f2}
.nmp-out svg{width:18px;height:18px}
@media (max-width:520px){.nmp-chip-text{display:none}.nmp-coin-label{display:none}.nmp-chip{padding-right:8px}}
/* Mode gelap (kelas .dark di <html>, dipakai semua portal NLS) */
.dark .nmp-coin,.dark .nmp-chip{background:#0f172a;border-color:#1e293b;color:#e2e8f0}
.dark .nmp-coin:hover{background:#1c1917;border-color:#92400e}
.dark .nmp-chip:hover,.dark .nmp-chip[aria-expanded="true"]{background:#1e293b;border-color:#334155}
.dark .nmp-chip-name,.dark .nmp-name,.dark .nmp-t{color:#f1f5f9}
.dark .nmp-chip-sub,.dark .nmp-school,.dark .nmp-s{color:#94a3b8}
.dark .nmp-av{background:#312e81;color:#e0e7ff}
.dark .nmp-av-lg{box-shadow:0 0 0 3px #0f172a}
.dark .nmp-panel{background:#0b1220;border-color:#1e293b;color:#e2e8f0;box-shadow:0 20px 44px -14px rgba(0,0,0,.6)}
.dark .nmp-head{background:#111a2e}
.dark .nmp-pill{background:#312e81;color:#e0e7ff}
.dark .nmp-pill-green{background:#14532d;color:#bbf7d0}
.dark .nmp-wallet{background:#1c1408;border-color:#78350f}
.dark .nmp-wallet-label{color:#fcd34d}
.dark .nmp-wallet-val{color:#fde68a}
.dark .nmp-item{color:#e2e8f0 !important}
.dark .nmp-item:hover{background:#111a2e}
.dark .nmp-item.nmp-on{background:#1e1b4b}
.dark .nmp-ic-tryout{background:#1e1b4b;color:#a5b4fc}
.dark .nmp-ic-belajar{background:#052e2b;color:#6ee7b7}
.dark .nmp-ic-ruang{background:#082f49;color:#7dd3fc}
.dark .nmp-ic-web{background:#1e293b;color:#cbd5e1}
.dark .nmp-here{background:#3730a3;color:#e0e7ff}
.dark .nmp-out{border-top-color:#1e293b;color:#fb7185}
.dark .nmp-out:hover{background:#2a0f17}
/* Versi kartu (menu HP halaman utama): isi sama dengan panel tarik-turun, tanpa melayang */
.nmp-card{background:#fff;border:1px solid #e6e8ef;border-radius:18px;padding:8px;font-family:"Plus Jakarta Sans",system-ui,sans-serif;text-align:left;color:#0f172a}
.dark .nmp-card{background:#0b1220;border-color:#1e293b;color:#e2e8f0}