/* Tahap 158: Portal Anggota lebih profesional, jelas, dan nyaman di HP. */
.member-portal-content{display:grid;gap:20px}
.member-welcome-card,.member-stage-notice,.member-data-card,.member-summary-grid article{border:1px solid rgba(16,91,76,.12);box-shadow:0 10px 28px rgba(21,67,57,.07)}
.member-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.member-summary-grid article{position:relative;overflow:hidden;display:grid;gap:7px;min-height:132px;padding:22px;border-radius:17px;background:#fff}
.member-summary-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#13816b}
.member-summary-grid article:nth-child(2):before{background:#d7aa28}.member-summary-grid article:nth-child(3):before{background:#77978e}
.member-summary-grid span{color:#61756f;font-weight:700}.member-summary-grid strong{font-size:24px;line-height:1.15}.member-summary-grid small{align-self:end;color:#7a8b86}
.member-stage-notice{margin:0;background:linear-gradient(110deg,#fffdf5,#fff)}
.member-stage-notice a{display:inline-flex;margin-top:5px;padding:10px 14px;border-radius:9px;background:#0c5b4c;color:#fff;font-weight:800;text-decoration:none}
.member-data-card{overflow:hidden;border-radius:18px;background:#fff}
.member-data-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #dce7e3;background:#fbfdfc}
.member-data-card>header h2{margin:5px 0 0;font-size:20px}.member-data-card>header>strong{font-size:20px;color:#0c5b4c}
.member-table-wrap{overflow:auto}.member-data-card table{width:100%;border-collapse:collapse}.member-data-card th,.member-data-card td{padding:14px 18px;border-bottom:1px solid #e7efec;text-align:left}.member-data-card th{background:#f5f9f7;color:#61756f;text-transform:uppercase;letter-spacing:.05em}.member-data-card td small{display:block;margin-top:4px;color:#788984}
.member-logout-form{margin:0}.member-logout-button{display:inline-flex!important;align-items:center;gap:7px!important;padding:10px 15px!important;border-color:#f0c9c5!important;background:#fff7f6!important;color:#9b3f37!important;font-size:12px!important}.member-logout-button:hover{background:#9b3f37!important;color:#fff!important}
@media(max-width:800px){.member-summary-grid{grid-template-columns:1fr}.member-summary-grid article{min-height:108px}.member-data-card>header{align-items:flex-start;flex-direction:column}.member-data-card table{min-width:650px}.member-portal-topbar{gap:8px}.member-portal-brand div small{display:none}.member-logout-button{width:42px;height:42px;justify-content:center;padding:0!important;border-radius:12px!important}.member-logout-button span:last-child{display:none}}
@media(max-width:500px){.member-portal-content{gap:14px}.member-welcome-card,.member-stage-notice{border-radius:16px}.member-summary-grid{gap:10px}.member-summary-grid article{padding:18px}.member-summary-grid strong{font-size:21px}.member-data-card>header{padding:17px}.member-portal-brand strong{max-width:155px}.member-portal-nav{right:12px;bottom:12px}}