/* Paket 303 — beranda Portal Anggota yang seragam dan ringkas. */
.member-portal-content{display:block}
.member-identity-hero{margin-bottom:24px}
.member-dashboard-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:28px 2px 12px}
.member-dashboard-section-heading h2{margin:4px 0 0;font-size:19px;line-height:1.25;color:#123a32}
.member-dashboard-section-heading>small{max-width:310px;color:#6f7f7a;font-size:11px;text-align:right}
.member-services-heading,.member-details-heading{margin-top:30px}
.member-unified-summary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0!important}
.member-unified-summary article{position:relative;display:flex!important;min-width:0;min-height:158px;padding:21px 20px 18px!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;overflow:hidden;border:1px solid #d4e3de!important;border-radius:17px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,63,53,.06)}
.member-unified-summary article:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:#147563}
.member-unified-summary article.is-murabahah:before{background:#d3a727}.member-unified-summary article.is-qard:before{background:#458b80}.member-unified-summary article.is-payroll:before{background:#1768a0}
.member-unified-summary article>span{min-height:34px;color:#657a74!important;font-size:12px!important;font-weight:750;line-height:1.35}
.member-unified-summary article>strong{display:block;margin:5px 0 7px!important;color:#153d34!important;font-size:clamp(18px,2vw,24px)!important;line-height:1.15;overflow-wrap:anywhere}
.member-unified-summary article>small{display:block;margin-top:auto;color:#768782!important;font-size:10px!important;line-height:1.45}
.member-unified-summary article>a{margin-top:8px;color:#0c6654;font-size:10px;font-weight:900;text-decoration:none}
.member-unified-summary article.is-payroll>a{color:#0b6098}
.member-quick-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0!important}
.member-quick-actions>a{display:grid!important;grid-template-columns:42px 1fr!important;grid-template-rows:auto auto;align-items:center;column-gap:13px;min-width:0;min-height:92px;padding:18px!important;border:1px solid #d4e3de!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 20px rgba(15,63,53,.05);text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.member-quick-actions>a:hover{transform:translateY(-2px);border-color:#68a596!important;box-shadow:0 12px 25px rgba(15,63,53,.1)}
.member-quick-actions>a>span{grid-row:1/3;display:grid!important;width:42px!important;height:42px!important;margin:0!important;place-items:center;border-radius:12px!important;background:#e5f3ef!important;color:#0c6654!important;font-size:11px!important;font-weight:900}
.member-quick-actions>a>strong{align-self:end;color:#173d34!important;font-size:13px!important;line-height:1.25}
.member-quick-actions>a>small{align-self:start;margin-top:3px;color:#71817c!important;font-size:10px!important;line-height:1.3}
.member-accordion-stack{display:grid!important;gap:12px!important;margin-top:0!important}
.member-overview-card{border:1px solid #d4e3de!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,63,53,.045);overflow:hidden}
.member-overview-card>summary{min-height:82px;padding:16px 18px!important}
.member-overview-card[open]>summary{border-bottom:1px solid #dce7e3;background:#f5faf8}
.member-overview-card>summary>div:last-child{flex-shrink:0}
.member-overview-card>summary b{font-size:12px!important;white-space:nowrap}
@media(max-width:900px){.member-unified-summary,.member-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){
  .member-portal-content{width:min(100% - 22px,1100px)!important;margin-top:14px!important}
  .member-identity-hero{margin-bottom:20px;padding:23px 20px!important;border-radius:18px!important}
  .member-identity-hero h1{font-size:22px!important;line-height:1.18}
  .member-security-chip{display:none}
  .member-dashboard-section-heading{align-items:flex-start;margin:22px 2px 10px}
  .member-dashboard-section-heading h2{font-size:16px}
  .member-dashboard-section-heading>small{display:none}
  .member-unified-summary,.member-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .member-unified-summary article{min-height:132px;padding:16px 14px 14px!important;border-radius:14px!important}
  .member-unified-summary article>span{min-height:31px;font-size:10px!important}
  .member-unified-summary article>strong{font-size:17px!important}
  .member-unified-summary article>small{font-size:9px!important}
  .member-quick-actions>a{grid-template-columns:34px 1fr!important;min-height:78px;padding:13px 11px!important;column-gap:9px;border-radius:14px!important}
  .member-quick-actions>a>span{width:34px!important;height:34px!important;border-radius:10px!important;font-size:9px!important}
  .member-quick-actions>a>strong{font-size:11px!important}.member-quick-actions>a>small{font-size:9px!important}
  .member-overview-card>summary{min-height:72px;padding:13px!important;gap:8px}
  .member-overview-card>summary>div:first-child{min-width:0}.member-overview-card>summary strong{font-size:12px!important}.member-overview-card>summary small{font-size:9px!important}
  .member-overview-card>summary b{font-size:10px!important;max-width:95px;overflow-wrap:anywhere;text-align:right}
}