/* MRBTBS eKhairat — console & portal shell. Brand: deep green + gold, corporate and calm. */
.mbrpe-shell{--green-900:#0b2f27;--green-800:#0f3d33;--green-700:#17564a;--green-600:#1f7a5f;--gold-500:#b8934a;--gold-300:#e0c47f;--ink:#1c3a31;--muted:#667a71;--line:#e1e9e4;--surface:#fff;--bg:#f3f6f4;--ok:#1d7a4d;--ok-bg:#e8f6ee;--warn:#946200;--warn-bg:#fff4d6;--bad:#b3261e;--bad-bg:#fde9e7;--radius:12px;--shadow:0 1px 2px rgba(15,61,51,.04),0 6px 20px rgba(15,61,51,.05);display:flex;min-height:100vh;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
.mbrpe-shell *{box-sizing:border-box}
.mbrpe-shell a{color:var(--green-600);text-decoration:none}
.mbrpe-shell a:hover{text-decoration:underline}
.mbrpe-shell h1,.mbrpe-shell h2,.mbrpe-shell h3{margin:0;color:var(--green-800)}

/* Sidebar */
.mbrpe-sidebar{width:252px;flex-shrink:0;background:linear-gradient(170deg,var(--green-900),var(--green-700));color:#fff;display:flex;flex-direction:column;padding:24px 14px;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50}
.mbrpe-sidebar a{color:#d6e5de}
.mbrpe-sidebar a:hover{text-decoration:none}
.mbrpe-brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:700;padding:0 10px 22px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff!important}
.mbrpe-mark{color:var(--gold-300);font-size:36px;line-height:1}
.mbrpe-brand small{display:block;font-size:9px;letter-spacing:1.6px;color:var(--gold-300);margin-top:4px;font-weight:600}
.mbrpe-nav-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#8fb2a3;margin:24px 12px 10px}
.mbrpe-sidebar nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;margin-bottom:3px;border-radius:9px;font-size:13px;font-weight:500;transition:background .15s}
.mbrpe-sidebar nav a:hover{background:rgba(255,255,255,.08)}
.mbrpe-sidebar nav a[aria-current]{background:rgba(255,255,255,.14);color:var(--gold-300);box-shadow:inset 3px 0 0 var(--gold-300)}
.mbrpe-sidebar .dashicons{font-size:18px;width:18px;height:18px;opacity:.9}
.mbrpe-side-bottom{margin-top:auto;display:grid;gap:12px;padding:24px 12px 0;font-size:12px}
.mbrpe-side-bottom small{font-size:10px;color:#86a89a}

/* Top bar */
.mbrpe-main{flex:1;min-width:0;display:flex;flex-direction:column}
.mbrpe-top{position:sticky;top:0;z-index:40;height:68px;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 32px}
.mbrpe-top-org{min-width:0;flex:1}
.mbrpe-top-org small{display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#8a6d2f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbrpe-top-org span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbrpe-user{display:flex;align-items:center;gap:10px;background:#f0f5f2;padding:6px 8px 6px 12px;border-radius:30px;font-size:12px;max-width:50%}
.mbrpe-user b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbrpe-role-chip{background:var(--green-800);color:#fff;font-size:10px;font-weight:700;letter-spacing:.6px;padding:4px 9px;border-radius:20px;order:2}
.mbrpe-burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0}
.mbrpe-burger span,.mbrpe-burger span:before,.mbrpe-burger span:after{display:block;width:18px;height:2px;background:var(--green-800);border-radius:2px;position:relative;content:""}
.mbrpe-burger span:before{position:absolute;top:-6px}.mbrpe-burger span:after{position:absolute;top:6px}
.mbrpe-scrim{display:none}

/* Content */
.mbrpe-content{padding:30px 32px 20px;width:100%;max-width:1480px;margin:0 auto;flex:1}
.mbrpe-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:16px}
.mbrpe-heading p{font-size:10px;font-weight:700;letter-spacing:2px;color:#9a7b38;margin:0 0 6px}
.mbrpe-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.2;font-weight:600;margin:0 0 6px}
.mbrpe-heading>div>span{font-size:12px;color:var(--muted)}
.mbrpe-footer{margin-top:34px;padding:18px 0;text-align:center;font-size:11px;color:#8a9a92;border-top:1px solid var(--line)}

/* Buttons */
.mbrpe-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--gold-500)!important;color:#fff!important;padding:10px 18px;border-radius:9px;border:1px solid transparent;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.2px;line-height:1.3;text-decoration:none!important;transition:filter .15s,transform .05s}
.mbrpe-button:hover{filter:brightness(.94)}
.mbrpe-button:active{transform:translateY(1px)}
.mbrpe-button-ghost{background:#fff!important;color:var(--green-700)!important;border-color:#cfdcd5!important}
.mbrpe-link{background:none;border:0;padding:4px 0;color:var(--green-600);cursor:pointer;font:600 12px inherit;text-align:left}
.mbrpe-link:hover{text-decoration:underline}
.mbrpe-danger{color:var(--bad)}
.mbrpe-shell :focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}

/* Welcome banner */
.mbrpe-welcome{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,var(--green-800),#237659);border-radius:var(--radius);padding:26px 30px;color:#fff;margin-bottom:20px;overflow:hidden;position:relative}
.mbrpe-welcome small{letter-spacing:2px;font-size:10px;font-weight:600;color:var(--gold-300)}
.mbrpe-welcome h2{color:#fff;font-size:24px;font-family:Georgia,serif;margin:10px 0 6px}
.mbrpe-welcome p{color:#c4dbd0;margin:0;font-size:13px}
.mbrpe-seal{font-size:96px;line-height:1;color:rgba(224,196,127,.35);padding:0 14px}

/* Stat cards */
.mbrpe-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}
.mbrpe-stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mbrpe-stat{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow);border-top:3px solid var(--gold-500);color:inherit!important;transition:transform .15s,box-shadow .15s}
a.mbrpe-stat:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,61,51,.1);text-decoration:none}
.mbrpe-stat:nth-child(even){border-top-color:var(--green-600)}
.mbrpe-stat span{display:block;font-size:11px;font-weight:600;color:var(--muted)}
.mbrpe-stat strong{display:block;font-family:Georgia,serif;font-size:25px;line-height:1.3;margin:4px 0 2px;color:var(--green-800);word-break:break-word}
.mbrpe-stat small{display:block;font-size:11px;color:#8a9a92}
.mbrpe-meter{display:block;height:6px;background:#e6eee9;border-radius:6px;overflow:hidden;margin-top:8px}
.mbrpe-meter b{display:block;height:100%;background:linear-gradient(90deg,var(--green-600),var(--gold-500));border-radius:6px}

/* Panels */
.mbrpe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;align-items:start}
.mbrpe-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);margin-bottom:20px;min-width:0}
.mbrpe-grid .mbrpe-panel{margin-bottom:0}
.mbrpe-panel h2{font-size:17px;font-family:Georgia,serif;font-weight:600;margin-bottom:14px}
.mbrpe-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.mbrpe-panel-head h2{margin:0}
.mbrpe-panel-head>span:not(.mbrpe-badge){font-size:12px;color:var(--muted)}
.mbrpe-panel-head>a{font-size:12px;font-weight:600}
.mbrpe-muted{font-size:12px;color:var(--muted);margin:8px 0 14px}
.mbrpe-empty{color:var(--muted);text-align:center;padding:26px 10px!important;font-size:13px}
.mbrpe-note{background:#faf6ea;border:1px solid #efe3bf;border-radius:10px;padding:14px 16px;font-size:12px;color:#6d5718;margin:14px 0}
.mbrpe-note p{margin:4px 0 0}
.mbrpe-console-notice{padding:13px 18px;border:1px solid #f0d9a0;background:var(--warn-bg);color:#6d5000;border-radius:10px;margin-bottom:18px;font-size:13px}
.mbrpe-success{padding:13px 18px;border:1px solid #bfe2cd;background:var(--ok-bg);color:#1c5a3a;border-radius:10px;margin-bottom:18px;font-size:13px}

/* Charts */
.mbrpe-chart{display:flex;align-items:flex-end;gap:8px;height:196px;padding-top:6px}
.mbrpe-chart>div{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;height:100%}
.mbrpe-chart span{font-size:9px;color:var(--muted);white-space:nowrap}
.mbrpe-chart i{display:block;width:100%;max-width:34px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--green-600),var(--green-800))}
.mbrpe-chart>div:last-child i{background:linear-gradient(180deg,var(--gold-300),var(--gold-500))}
.mbrpe-chart small{font-size:10px;color:#8a9a92}

/* Lists */
.mbrpe-todo,.mbrpe-feed{list-style:none;margin:0;padding:0}
.mbrpe-todo li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.mbrpe-todo li:last-child,.mbrpe-feed li:last-child{border-bottom:0}
.mbrpe-todo b,.mbrpe-feed b{display:block;font-size:13px;color:var(--ink)}
.mbrpe-todo small,.mbrpe-feed small{display:block;font-size:11px;color:var(--muted)}
.mbrpe-todo a{font-size:12px;font-weight:700;white-space:nowrap}
.mbrpe-feed li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.mbrpe-feed i{flex:0 0 9px;height:9px;border-radius:50%;background:var(--gold-500);margin-top:6px}
.mbrpe-system-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
.mbrpe-system-row:last-of-type{border-bottom:0}
.mbrpe-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.mbrpe-quick a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:600;background:#fafcfb}
.mbrpe-quick a:hover{border-color:var(--gold-500);text-decoration:none;background:#fff}

/* Tables */
.mbrpe-table-wrap{overflow-x:auto;margin:0 -4px}
.mbrpe-table{width:100%;border-collapse:collapse;font-size:13px}
.mbrpe-table th{font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.mbrpe-table td{padding:13px 12px;border-bottom:1px solid #eef3f0;vertical-align:top}
.mbrpe-table tbody tr:hover{background:#fafcfb}
.mbrpe-table td small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.mbrpe-actions{white-space:nowrap}
.mbrpe-actions form{display:block;margin:0 0 4px}
.mbrpe-pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px;font-size:12px}
.mbrpe-pagination a,.mbrpe-pagination span{padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.mbrpe-pagination .current{background:var(--green-800);border-color:var(--green-800);color:#fff}
.mbrpe-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.4px;padding:3px 9px;border-radius:20px;background:#edf2ef;color:#41584d;white-space:nowrap}
.mbrpe-badge-ok{background:var(--ok-bg);color:var(--ok)}
.mbrpe-badge-warn{background:var(--warn-bg);color:var(--warn)}
.mbrpe-badge-bad{background:var(--bad-bg);color:var(--bad)}

/* Filter bars */
.mbrpe-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mbrpe-filter input,.mbrpe-filter select{padding:9px 12px;border:1px solid #d5e0d9;border-radius:9px;background:#fff;color:var(--ink);font:13px inherit;min-width:0}
.mbrpe-filter input[name=s]{min-width:230px}
.mbrpe-filter-wide{margin-bottom:16px}

/* Member header */
.mbrpe-member-head{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.mbrpe-avatar img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px var(--gold-300)}
.mbrpe-member-meta h2{margin:0 0 2px}
.mbrpe-member-meta p{margin:0 0 8px;color:var(--muted);font-size:13px}
.mbrpe-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.mbrpe-facts{display:flex;gap:28px;flex-wrap:wrap;margin:0}
.mbrpe-facts dt{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.mbrpe-facts dd{margin:2px 0 0;font-size:13px;word-break:break-word}
.mbrpe-member-head .mbrpe-quick{grid-template-columns:1fr;margin:0;min-width:190px}
.mbrpe-checks{display:flex;flex-direction:column;gap:10px}

/* Responsive */
@media(max-width:1200px){.mbrpe-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mbrpe-stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){
 .mbrpe-sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-102%);transition:transform .22s ease;box-shadow:12px 0 40px rgba(0,0,0,.25);width:280px}
 body.mbrpe-nav-open .mbrpe-sidebar{transform:none}
 .mbrpe-scrim{display:block;position:fixed;inset:0;background:rgba(8,28,23,.5);opacity:0;pointer-events:none;transition:opacity .2s;z-index:45}
 body.mbrpe-nav-open .mbrpe-scrim{opacity:1;pointer-events:auto}
 .mbrpe-burger{display:inline-flex}
 .mbrpe-top{padding:0 16px;gap:12px}
 .mbrpe-content{padding:22px 16px 10px}
 .mbrpe-grid{grid-template-columns:1fr}
 .mbrpe-member-head{grid-template-columns:auto 1fr}.mbrpe-member-head .mbrpe-quick{grid-column:1/-1;grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .mbrpe-heading h1{font-size:24px}
 .mbrpe-stats,.mbrpe-stats-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .mbrpe-stat{padding:14px}.mbrpe-stat strong{font-size:20px}
 .mbrpe-panel{padding:18px 16px}
 .mbrpe-welcome{padding:20px}.mbrpe-seal{display:none}
 .mbrpe-user b{display:none}.mbrpe-user{padding:6px}
 .mbrpe-quick{grid-template-columns:1fr}
 .mbrpe-filter{width:100%}.mbrpe-filter input[name=s]{min-width:0;flex:1 1 100%}
 .mbrpe-table thead{display:none}
 .mbrpe-table,.mbrpe-table tbody,.mbrpe-table tr,.mbrpe-table td{display:block;width:100%}
 .mbrpe-table tr{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin-bottom:10px;background:#fff}
 .mbrpe-table td{border:0;padding:6px 0;display:flex;justify-content:space-between;gap:14px;text-align:right}
 .mbrpe-table td[data-label]:before{content:attr(data-label);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);text-align:left;flex-shrink:0;padding-top:2px}
 .mbrpe-table td small{text-align:right}
 .mbrpe-table td.mbrpe-empty{display:block;text-align:center}
 .mbrpe-member-head{grid-template-columns:1fr;text-align:left}
}
@media(prefers-reduced-motion:reduce){.mbrpe-shell *{transition:none!important}}

/* Logo, footer, fieldsets */
.mbrpe-logo{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;background:#fff;border-radius:11px;padding:4px}
.mbrpe-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.mbrpe-logo-lg{width:110px;height:110px;border-radius:16px;padding:10px}
.mbrpe-brand{font-size:21px}
.mbrpe-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mbrpe-footer a{color:#6b7f75;font-weight:600}
.mbrpe-footer a:hover{color:var(--green-600)}
.mbrpe-fieldset{border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:0;display:grid;gap:16px}
.mbrpe-fieldset legend{padding:0 8px;font-size:12px;font-weight:700;color:var(--green-700);letter-spacing:.5px}
.mbrpe-logo-field{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.mbrpe-logo-field .mbrpe-logo{border:1px solid var(--line)}
.mbrpe-table td .mbrpe-badge+small{margin-top:4px}

/* Live presence */
.mbrpe-online{display:inline-flex;align-items:center;gap:8px;margin-right:12px;padding:7px 13px;border-radius:999px;background:#e7f6ee;color:#14663f;font-size:12.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.mbrpe-online i,.mbrpe-live{display:inline-block;width:9px;height:9px;border-radius:50%;background:#1fb26b;box-shadow:0 0 0 0 rgba(31,178,107,.55);animation:mbrpe-pulse 2s infinite}
.mbrpe-live{margin-right:9px}
@keyframes mbrpe-pulse{70%{box-shadow:0 0 0 8px rgba(31,178,107,0)}100%{box-shadow:0 0 0 0 rgba(31,178,107,0)}}
.mbrpe-online-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.mbrpe-online-list li{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e1e9e4;border-radius:11px;background:#fcfdfc}
.mbrpe-online-list em{font-style:normal;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:#eef3f0;color:#3e5a4e}
.mbrpe-online-list small{margin-left:auto;color:#7a8b82}
.mbrpe-online-list .mbrpe-live{margin:0;flex:none}
@media(max-width:700px){.mbrpe-online{margin-right:6px;padding:6px 10px}.mbrpe-online{font-size:0}.mbrpe-online b{font-size:12.5px}}

/* Urus Ahli: profile card + membership card side by side */
.mbrpe-member-top{display:grid;grid-template-columns:minmax(300px,2fr) minmax(0,3fr);gap:22px;align-items:stretch;margin-bottom:22px}
.mbrpe-member-top>.mbrpe-panel{margin:0}
.mbrpe-profile-card{display:flex;flex-direction:column;gap:20px}
.mbrpe-pc-id{display:flex;gap:18px;align-items:center}
.mbrpe-pc-id h2{margin:0 0 3px;font-size:21px;line-height:1.25}
.mbrpe-pc-id p{margin:0 0 10px;color:var(--muted);font-size:13px;letter-spacing:.04em;font-weight:600}
.mbrpe-pc-id .mbrpe-avatar img{width:96px;height:96px}
.mbrpe-pc-id .mbrpe-chips{margin:0}
.mbrpe-pc-facts{margin:0;border-top:1px solid #e8eeea}
.mbrpe-pc-facts>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e8eeea}
.mbrpe-pc-facts dt{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);flex:none}
.mbrpe-pc-facts dd{margin:0;font-size:13.5px;font-weight:500;text-align:right;word-break:break-word}
.mbrpe-pc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.mbrpe-pc-actions .mbrpe-button{text-decoration:none}
.mbrpe-card-view .mph-idcard2-wrap{max-width:560px;margin:0 auto}
.mbrpe-card-view .mph-idcard2{box-shadow:0 14px 34px rgba(10,42,35,.22)}
.mbrpe-card-view .mph-idcard2-actions{margin-top:18px}
.mbrpe-card-view .mph-idcard2-download{background:linear-gradient(135deg,#0f3d33,#17564a);border-radius:10px;padding:12px 26px;font-size:12px;box-shadow:0 8px 20px rgba(15,61,51,.25)}
@media(max-width:1100px){.mbrpe-member-top{grid-template-columns:1fr}}
@media(max-width:520px){.mbrpe-pc-id{flex-direction:column;align-items:flex-start}}

.mbrpe-sep{border:0;border-top:1px solid #e1e9e4;margin:24px 0 20px}
.mbrpe-panel h3{margin:0 0 6px;font-family:Georgia,serif;font-size:17px;color:#17564a}
.mbrpe-passrow{display:flex;gap:10px;align-items:stretch}
.mbrpe-passrow input{flex:1}
.mbrpe-passrow .mbrpe-button{flex:none;padding:0 18px}

/* Tetapan Modul: editor + live preview */
.mbrpe-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.mbrpe-preview{position:sticky;top:20px;background:linear-gradient(180deg,#fcfdfc,#f6f9f7)}
.mbrpe-hints{margin:0;padding:0 0 0 18px;color:#667a71;font-size:12.5px;line-height:1.7}
.mbrpe-pv{border:1px solid #dfe8e1;border-radius:14px;background:#fff;padding:20px 22px}
.mbrpe-pv-title{margin:0 0 14px;font:700 16px Georgia,serif;color:#17564a}
.mbrpe-pv-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mbrpe-pv label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#3e5a4e}
.mbrpe-pv input,.mbrpe-pv select{padding:10px 12px;border:1px solid #d5e0d9;border-radius:9px;background:#fff;font:13px inherit;width:100%;box-sizing:border-box}
.mbrpe-pv input:disabled{background:#f3f6f4;color:#8a9b92}
.mbrpe-pv-sub{margin:18px 0 8px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#7a8b82}
.mbrpe-pv-sub.over b{color:#b42318}
.mbrpe-pv-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.mbrpe-pv-list li{padding:6px 13px;border-radius:999px;background:#eef3f0;color:#1c3a31;font-size:13px;border:1px solid #dfe8e1}
@media(max-width:1100px){.mbrpe-split{grid-template-columns:1fr}.mbrpe-preview{position:static}}
@media(max-width:520px){.mbrpe-pv-row{grid-template-columns:1fr}}

/* ===== MBRP: bayaran manual & tanggungan ===== */
.mbrpe-nav-count{margin-left:auto;font-style:normal;background:var(--gold-500);color:#fff;font-size:10px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
.mbrpe-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.mbrpe-tabs a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line);border-radius:30px;background:#fff;font-size:12px;font-weight:600;color:var(--green-700)}
.mbrpe-tabs a:hover{text-decoration:none;border-color:var(--gold-500)}
.mbrpe-tabs a[aria-current]{background:var(--green-800);border-color:var(--green-800);color:#fff}
.mbrpe-tabs a[aria-current] .mbrpe-badge{background:rgba(255,255,255,.18);color:#fff}
.mbrpe-right{text-align:right;min-width:0;word-break:break-word}
.mbrpe-accno{display:inline-flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.5px}
.mbrpe-qr{margin:16px 0 0;text-align:center}
.mbrpe-qr img{max-width:220px;width:100%;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}
.mbrpe-qr figcaption{font-size:11px;color:var(--muted);margin-top:6px}
.mbrpe-qr-thumb{max-width:140px;border:1px solid var(--line);border-radius:10px;padding:6px;background:#fff}
.mbrpe-receipt-img{display:block;width:100%;max-height:720px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#f6f9f7}
.mbrpe-file-preview{border:1px dashed #cfdcd5;border-radius:10px;padding:10px;background:#fafcfb}
.mbrpe-file-preview img{display:block;max-width:100%;max-height:260px;margin:0 auto;border-radius:8px}
.mbrpe-file-preview p{margin:0;font-size:13px}
.mbrpe-form input[type=file]{padding:9px;background:#fafcfb}
.mbrpe-steps{margin:0;padding-left:20px;display:grid;gap:10px;font-size:13px;line-height:1.6}
.mbrpe-sep{border:0;border-top:1px solid var(--line);margin:22px 0 16px}
.mbrpe-panel h3{font-size:15px;margin:0 0 10px;color:var(--green-800)}
.mbrpe-age-hint{font-weight:600;color:var(--green-600)}
.mbrpe-age-hint.mbrpe-danger{color:var(--bad)}
.mbrpe-dep-age:empty{display:none}
@media(max-width:782px){.mbrpe-system-row{flex-wrap:wrap;gap:4px 16px}.mbrpe-right{text-align:left}}

/* ===== Kad Ahli dalam konsol & portal: kedudukan teks/gambar ikut templat sebenar =====
   Snippet KAD AHLI membesarkan latar (translateY(3.5%) scale(1.07)) tetapi teks tidak ikut,
   jadi semuanya lari ke atas. Di sini latar dipaparkan penuh tanpa transform dan setiap
   nilai diletakkan di tengah baris label templat. Templat aktif (KAD AHLI KARIAH) dan
   tidak aktif (BUKAN AHLI) mempunyai susun atur berbeza. */
.mbrpe-shell .mkd-idcard2-wrap{width:100%;max-width:760px}
.mbrpe-shell .mkd-idcard2{container-type:inline-size;width:100%!important}
.mbrpe-shell .mkd-idcard2 .mkd-idcard2__bg{inset:0!important;width:100%!important;height:100%!important;transform:none!important;object-fit:fill!important}
.mbrpe-shell .mkd-idcard2 .mkd-idcard2__value{display:flex!important;align-items:center;height:8%!important;line-height:1.15!important;font-size:1.75cqw!important;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}
.mbrpe-shell .mkd-idcard2 .mkd-idcard2__name{white-space:normal!important;height:9.5%!important;font-size:1.6cqw!important;line-height:1.12!important}
/* Aktif: KAD AHLI KARIAH */
.mbrpe-shell .mkd-card-is-active .mkd-idcard2__avatar{left:9.7%!important;top:31.8%!important;width:27.4%!important}
.mbrpe-shell .mkd-card-is-active .mkd-idcard2__name{left:54%!important;top:49.05%!important;width:38%!important}
.mbrpe-shell .mkd-card-is-active .mkd-idcard2__member{left:63.5%!important;top:59.2%!important;width:29%!important}
.mbrpe-shell .mkd-card-is-active .mkd-idcard2__status{left:63.5%!important;top:67.6%!important;width:29%!important}
.mbrpe-shell .mkd-card-is-active .mkd-idcard2__expiry{left:69.5%!important;top:76.4%!important;width:23%!important;display:flex!important}
.mbrpe-shell .mkd-card-is-active .mkd-idcard2__badge{display:none!important}
/* Tidak aktif: BUKAN AHLI (tiada baris Sah Sehingga; status ditulis pada jalur putih bawah) */
.mbrpe-shell .mkd-card-is-inactive .mkd-idcard2__avatar{left:11.5%!important;top:30.7%!important;width:26.9%!important}
.mbrpe-shell .mkd-card-is-inactive .mkd-idcard2__name{left:60.5%!important;top:51.15%!important;width:32.5%!important}
.mbrpe-shell .mkd-card-is-inactive .mkd-idcard2__member{left:61.5%!important;top:62.2%!important;width:31.5%!important}
.mbrpe-shell .mkd-card-is-inactive .mkd-idcard2__status{left:61%!important;top:72.6%!important;width:32%!important}
.mbrpe-shell .mkd-card-is-inactive .mkd-idcard2__expiry{display:none!important}
.mbrpe-shell .mkd-card-is-inactive .mkd-idcard2__badge{display:flex!important;align-items:center;justify-content:center;position:absolute;left:14%;top:78.5%;width:22%;height:7%;z-index:6;color:#a3161a;font-weight:800;font-size:1.7cqw;letter-spacing:.06em;text-transform:uppercase;background:none;padding:0;border:0;box-shadow:none}

/* Jejak Audit terperinci */
.mbrpe-audit-table td{vertical-align:top}
.mbrpe-audit-detail{margin-top:5px;font-size:12px;line-height:1.55;color:#3e5a4e;white-space:normal;word-break:break-word;background:#f6f9f7;border:1px solid var(--line);border-radius:8px;padding:7px 10px;max-width:520px}
.mbrpe-audit-url{font-size:11.5px;color:var(--muted);word-break:break-all;max-width:220px}
.mbrpe-audit-table td small .mbrpe-badge{margin-top:4px}