/* --- tooltip "?" untuk header kolom berjargon --- */
.mm-q{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:5px;border-radius:50%;background:#1c2746;color:#9fb0d6;font-size:10px;font-weight:700;line-height:1;cursor:help;position:relative;vertical-align:middle;border:1px solid #2a3658;text-transform:none;letter-spacing:normal}
.mm-q:hover,.mm-q:focus,.mm-q.open{background:#C49A48;color:#0c1322;outline:none;border-color:#C49A48}
.mm-q::after{content:attr(data-tip);position:absolute;left:50%;top:150%;transform:translateX(-50%);min-width:170px;max-width:250px;background:#0c1322;color:#c8d0e8;border:1px solid #2a3658;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:500;line-height:1.45;text-align:left;white-space:normal;box-shadow:0 8px 24px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .12s;z-index:99999;pointer-events:none;text-transform:none;letter-spacing:normal}
.mm-q:hover::after,.mm-q:focus::after,.mm-q.open::after{opacity:1;visibility:visible}
/* --- help-bar per tab (collapsible) --- */
.mm-help-bar{margin:0 0 13px;background:#0c1322;border:1px solid #1c2746;border-left:3px solid #C49A48;border-radius:8px;overflow:hidden}
.mm-help-q{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;border:none;color:#9fb0d6;font-size:12.5px;font-weight:600;padding:9px 13px;cursor:pointer;font-family:inherit}
.mm-help-q .mm-ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#C49A48;color:#0c1322;font-size:11px;font-weight:800}
.mm-help-q .mm-chev{margin-left:auto;flex:0 0 auto;color:#6b7a9e;font-size:11px;transition:transform .16s}
.mm-help-bar.open .mm-chev{transform:rotate(180deg)}
.mm-help-txt{display:none;padding:0 13px 11px 39px;color:#c8d0e8;font-size:12.5px;line-height:1.55}
.mm-help-bar.open .mm-help-txt{display:block}
/* --- light theme --- */
html[data-theme="light"] .mm-q{background:#e7eefb;color:#5a6b88;border-color:#dde5f1}
html[data-theme="light"] .mm-q::after{background:#fff;color:#26324a;border-color:#dde5f1;box-shadow:0 8px 24px rgba(20,40,80,.16)}
html[data-theme="light"] .mm-help-bar{background:#f4f8ff;border-color:#dde5f1;border-left-color:#C49A48}
html[data-theme="light"] .mm-help-q{color:#5a6b88}
html[data-theme="light"] .mm-help-txt{color:#26324a}
@media(max-width:760px){.mm-q::after{min-width:150px;max-width:210px}}
/* --- penjelasan dalam-kartu: collapsible hide-by-default (seragam dgn help-bar) --- */
.mm-note-box{margin:2px 2px 12px;background:#0c1322;border:1px solid #1c2746;border-left:3px solid #46c2a0;border-radius:8px;overflow:hidden}
.mm-note-q{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:none;color:#9fb0d6;font-size:12px;font-weight:600;padding:7px 11px;cursor:pointer;font-family:inherit}
.mm-note-q .mm-ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#46c2a0;color:#06231b;font-size:11px;font-weight:800}
.mm-note-q .mm-chev{margin-left:auto;flex:0 0 auto;color:#6b7a9e;font-size:10px;transition:transform .16s}
.mm-note-box.open .mm-chev{transform:rotate(180deg)}
.mm-note-body{display:none;padding:0 12px 10px 35px;color:#aeb8d8;font-size:12.5px;line-height:1.55}
.mm-note-box.open .mm-note-body{display:block}
html[data-theme="light"] .mm-note-box{background:#f4f8ff;border-color:#dde5f1;border-left-color:#46c2a0}
html[data-theme="light"] .mm-note-q{color:#5a6b88}
html[data-theme="light"] .mm-note-body{color:#26324a}
/* --- Mode Bantuan (toggle header): default OFF → semua affordance bantuan disembunyikan, dashboard bersih --- */
html:not(.mm-help-on) .mm-help-bar,
html:not(.mm-help-on) .mm-note-box,
html:not(.mm-help-on) .mm-q{display:none !important}
#mm-help-tgl.on{background:#C49A48;color:#0c1322;border-color:#C49A48}
html[data-theme="light"] #mm-help-tgl.on{background:#C49A48;color:#0c1322;border-color:#C49A48}

/* --- (4) Header tidy: semua tombol aksi seragam tinggi/sejajar, tak sumpek --- */
.tb .ua{align-items:center}
.tb .ua > .bd,
.tb .ua > .bt-sm,
.tb .ua .nbell-btn,
.tb .ua .nhist-btn{
  height:32px;display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;line-height:1;vertical-align:middle}
.tb .ua .nbell-btn,
.tb .ua .nhist-btn{min-width:34px;padding:6px 9px}
@media(max-width:600px){
  .tb .ua{gap:7px 6px}
  .tb .ua > .bd,.tb .ua > .bt-sm,.tb .ua .nbell-btn,.tb .ua .nhist-btn{height:30px}
  /* di HP: tombol Bantuan cukup ikon biar baris tak penuh */
  #mm-help-tgl .mm-help-lbl{display:none}
  #mm-help-tgl{min-width:34px;padding:6px 9px}
}

/* --- (5) Loading state seragam: sel "Memuat…" jadi pulse halus, berhenti saat data masuk --- */
@keyframes mmLoadPulse{0%,100%{opacity:.42}50%{opacity:.85}}
.mm-loading{animation:mmLoadPulse 1.15s ease-in-out infinite;font-style:italic;letter-spacing:.2px}