/* Satu pola visual untuk seluruh informasi Potong Gaji. */
.member-payroll-current.concise,.member-payroll-fold{border:1px solid #cbded9;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(18,61,54,.065)}
.member-payroll-current.concise>header{padding:18px 20px;background:#f5faf8}
.member-payroll-current.concise>header>strong{font-size:22px}
.member-payroll-compact-list{display:grid;padding:0 20px}
.member-payroll-compact-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;border-top:1px solid #e3ebe9}
.member-payroll-compact-list span{color:#526a65}
.member-payroll-compact-list b{color:#17352f;text-align:right}
.member-payroll-compact-list .total{margin:0 -20px;padding:0 20px;background:#e7f5f1}
.member-payroll-primary-action{border:2px solid #08766a;background:#f2fbf8;box-shadow:0 12px 28px rgba(8,118,106,.15)}
.member-payroll-primary-action>summary{min-height:70px;background:linear-gradient(110deg,#e4f7f1,#f8fcfb)}
.member-payroll-primary-action>summary h2{color:#075f56;font-size:21px}
.member-payroll-primary-action>summary small{display:block;margin-top:4px;color:#58726c}
.member-payroll-primary-action .fold-end>span:last-child{border-color:#08766a;color:#fff;background:#08766a}
.member-payroll-period-summary{padding-top:0;padding-bottom:0}
.member-payroll-fold>summary{background:#fff}
.member-payroll-fold[open]>summary{background:#f6faf9}
.member-request-status.applied{border:1px solid #0c8168;color:#fff;background:#0c8168;box-shadow:0 4px 10px rgba(12,129,104,.18)}
.member-request-status.superseded{border:1px solid #d3dbd9;color:#667370;background:#edf1f0;box-shadow:none}

@media(max-width:700px){
  .member-payroll-current.concise>header{align-items:center;padding:15px 16px}
  .member-payroll-current.concise>header h2{font-size:20px}
  .member-payroll-current.concise>header>strong{font-size:19px}
  .member-payroll-compact-list{padding:0 16px}
  .member-payroll-compact-list>div{min-height:46px;font-size:14px}
  .member-payroll-compact-list .total{margin:0 -16px;padding:0 16px}
  .member-payroll-primary-action>summary{padding:16px;min-height:72px}
  .member-payroll-primary-action>summary h2{font-size:19px}
  .member-payroll-primary-action .fold-end{flex-direction:column;align-items:flex-end;gap:6px}
}