/* [NALA_WA_PREPAYMENT_V1] Scoped visual layer; uses existing Nala tokens. */
.ppwa-page{max-width:1500px}
.ppwa-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  margin:calc(-1 * var(--page-pad)) calc(-1 * var(--page-pad)) 18px;padding:26px var(--page-pad) 22px;
  color:#F7F1DE;background-color:#3A2415;
  background-image:linear-gradient(90deg,rgba(58,36,21,.96),rgba(58,36,21,.82)),url('/static/motif/kawung.svg');
  background-size:auto,80px 80px;border-bottom:1px solid rgba(224,190,120,.5)}
.ppwa-page-head h1{font-family:'Crimson Pro',serif;font-size:34px;line-height:1;margin:3px 0 5px;color:#FFF9E9}
.ppwa-page-head p{margin:0;color:rgba(255,249,233,.78);font-size:13px}
.ppwa-eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--soga);margin-bottom:5px}
.ppwa-page-head .ppwa-eyebrow{color:#E0BE78}
.ppwa-admin-chip{border:1px solid rgba(224,190,120,.46);padding:8px 14px;min-width:130px;background:rgba(22,15,10,.34)}
.ppwa-admin-chip span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,249,233,.66)}
.ppwa-admin-chip b{display:block;margin-top:2px;color:#FFF9E9;font-size:13px}
.ppwa-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:16px;gap:3px}
.ppwa-tabs button{border:0;background:transparent;color:var(--ink-3);font:inherit;font-weight:650;padding:10px 16px;
  border-bottom:3px solid transparent;cursor:pointer}
.ppwa-tabs button:hover{color:var(--ink);background:var(--hover)}
.ppwa-tabs button.active{color:var(--soga-d);border-bottom-color:var(--soga);background:var(--surface)}
.ppwa-notice{background:#F7F0DD;border:1px solid #D8C28D;border-left:4px solid #A97825;
  color:#574421;padding:11px 14px;margin-bottom:16px;font-size:12.5px;line-height:1.5}
.ppwa-success{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#EDF5E7;
  border:1px solid #A9C598;border-left:4px solid var(--green);padding:12px 14px;margin-bottom:16px;font-size:13px}
.ppwa-success-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.ppwa-form-card,.ppwa-report-card{background:var(--surface);border:1px solid var(--line);box-shadow:0 7px 24px rgba(31,24,18,.05)}
.ppwa-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line-2)}
.ppwa-card-head h2{font-family:'Crimson Pro',serif;font-size:24px;line-height:1.1;margin:0;color:var(--ink)}
.ppwa-card-head p{font-size:12px;color:var(--ink-4);margin:5px 0 0}
.ppwa-section-label{margin:20px 20px 11px;padding-bottom:6px;border-bottom:1px solid var(--line-2);
  color:var(--soga-d);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:750}
.ppwa-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px;padding:0 20px}
.ppwa-form-grid .field-lbl b,.ppwa-form-actions b,.ppwa-void-modal .field-lbl b{color:var(--red)}
.ppwa-form-grid .field-lbl small{font-weight:450;color:var(--ink-4)}
.ppwa-span-2{grid-column:1/-1}
.ppwa-form-grid input,.ppwa-form-grid select,.ppwa-form-grid textarea{font-size:14px;min-height:40px;background:#FFFDF7}
.ppwa-money{display:flex;border:1px solid var(--line);border-radius:3px;background:#FFFDF7;min-height:40px;overflow:hidden}
.ppwa-money:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px rgba(44,74,111,.16)}
.ppwa-money span{display:flex;align-items:center;padding:0 10px;background:var(--band);font-size:13px;font-weight:700;color:var(--ink-2);border-right:1px solid var(--line)}
.ppwa-money input{border:0!important;box-shadow:none!important;outline:0;width:100%;padding:7px 10px;background:transparent;
  font:700 15px 'IBM Plex Sans',sans-serif;color:var(--ink);font-variant-numeric:tabular-nums}
.ppwa-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:18px 20px;margin-top:20px;border-top:1px solid var(--line-2)}
.ppwa-form-actions>span{margin-right:auto;color:var(--ink-4);font-size:11px}
.ppwa-error{background:#FAEAE5;color:#842D1B;border:1px solid #D9A697;padding:10px 13px;margin:14px 20px 0;font-size:12.5px}
.ppwa-filter{display:grid;grid-template-columns:2fr repeat(5,minmax(135px,1fr));gap:10px;padding:14px;
  margin-bottom:14px;background:var(--panel-dark-2);border:1px solid rgba(224,190,120,.23)}
.ppwa-filter .field-lbl{color:#F5ECD9;font-size:11px}
.ppwa-filter .input,.ppwa-filter select{background:#FFFDF7;min-height:38px;font-size:12px}
.ppwa-filter-search{grid-column:span 2}
.ppwa-filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
.ppwa-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.ppwa-summary>div{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--soga);padding:13px 15px}
.ppwa-summary span,.ppwa-summary small{display:block;color:var(--ink-4);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.ppwa-summary b{display:block;font-family:'Crimson Pro',serif;font-size:23px;margin:4px 0;color:var(--ink);font-variant-numeric:tabular-nums}
.ppwa-summary small{text-transform:none;letter-spacing:0}
.ppwa-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ppwa-table{width:100%;min-width:1420px;border-collapse:collapse;font-size:11.5px}
.ppwa-table th{padding:9px 8px;background:var(--band);text-align:left;color:var(--ink-2);font-size:10px;text-transform:uppercase;letter-spacing:.035em;
  border-bottom:1px solid var(--line);white-space:nowrap}
.ppwa-table td{padding:10px 8px;border-bottom:1px solid var(--line-2);vertical-align:top;color:var(--ink-2)}
.ppwa-table tbody tr:hover{background:var(--hover)}
.ppwa-table tr.is-void{background:rgba(168,65,42,.035)}
.ppwa-table tr.is-void td:not(:last-child){color:var(--ink-4)}
.ppwa-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.ppwa-table td small{display:block;color:var(--ink-4);margin-top:3px}
.ppwa-invoice-no{font-weight:700;color:var(--soga-d)!important;white-space:nowrap}
.ppwa-status{display:inline-flex;border:1px solid;padding:3px 7px;font-size:9px;font-weight:750;letter-spacing:.06em;white-space:nowrap}
.ppwa-status.active{background:#EAF3E4;border-color:#A5C095;color:#355A28}
.ppwa-status.void{background:#F7E8E3;border-color:#D2A092;color:#8A3320}
.ppwa-row-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:245px}
.ppwa-row-actions .btn{font-size:10px;padding:4px 7px}
.ppwa-void-link{color:var(--red);border-color:rgba(168,65,42,.35)}
.ppwa-btn-void{background:var(--red);border-color:var(--red);color:#fff}
.ppwa-btn-void:hover:not(:disabled){background:var(--red-d)}
.ppwa-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line-2);font-size:11px;color:var(--ink-4)}
.ppwa-modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(22,15,10,.68);padding:34px 16px;overflow:auto;
  display:flex;align-items:flex-start;justify-content:center}
.ppwa-modal{width:min(760px,100%);background:var(--surface);border:1px solid #9C8C75;box-shadow:0 18px 60px rgba(0,0,0,.3)}
.ppwa-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:17px 20px;background:var(--band);border-bottom:1px solid var(--line)}
.ppwa-modal-head h2{margin:0;font-family:'Crimson Pro',serif;font-size:24px}
.ppwa-modal-close{border:0;background:transparent;color:var(--ink-2);font-size:28px;line-height:1;cursor:pointer;padding:0 4px}
.ppwa-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:8px 20px}
.ppwa-detail-grid>div{padding:9px 4px;border-bottom:1px solid var(--line-2)}
.ppwa-detail-grid span,.ppwa-detail-note>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);margin-bottom:3px}
.ppwa-detail-grid b{display:block;font-size:12px;overflow-wrap:anywhere}
.ppwa-detail-note{margin:12px 20px;padding:11px 13px;background:var(--bg);border-left:3px solid var(--soga)}
.ppwa-detail-note p{margin:0;white-space:pre-wrap;font-size:12px;line-height:1.45}
.ppwa-void-info{display:flex;flex-direction:column;gap:4px;margin:12px 20px;padding:11px 13px;background:#F8E8E3;border:1px solid #D5A294;color:#842D1B}
.ppwa-void-info small{color:#7A554B}
.ppwa-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:15px 20px;border-top:1px solid var(--line-2)}
.ppwa-void-modal{max-width:520px;padding-bottom:0}
.ppwa-void-modal>p,.ppwa-void-modal>.field{margin:16px 20px}
.ppwa-void-modal>p{font-size:12.5px;color:var(--ink-3)}

@media(max-width:1100px){
  .ppwa-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ppwa-filter-search{grid-column:span 2}
}
@media(max-width:720px){
  .ppwa-page-head{align-items:flex-start;padding-top:20px;padding-bottom:18px}
  .ppwa-page-head h1{font-size:29px}.ppwa-admin-chip{display:none}
  .ppwa-tabs button{flex:1;padding:10px 8px}
  .ppwa-success{align-items:flex-start;flex-direction:column}.ppwa-success-actions{width:100%}
  .ppwa-success-actions .btn{flex:1;justify-content:center}
  .ppwa-card-head{padding:15px}.ppwa-card-head h2{font-size:21px}
  .ppwa-section-label{margin-left:15px;margin-right:15px}
  .ppwa-form-grid{grid-template-columns:1fr;padding:0 15px;gap:12px}.ppwa-span-2{grid-column:auto}
  .ppwa-form-grid input,.ppwa-form-grid select,.ppwa-form-grid textarea,.ppwa-money input{font-size:16px}
  .ppwa-form-actions{padding:15px;align-items:stretch;flex-direction:column}.ppwa-form-actions>span{margin:0}.ppwa-form-actions .btn{justify-content:center}
  .ppwa-filter{grid-template-columns:1fr;padding:12px}.ppwa-filter-search{grid-column:auto}.ppwa-filter-actions{grid-column:auto}.ppwa-filter-actions .btn{flex:1;justify-content:center}
  .ppwa-summary{grid-template-columns:1fr;gap:8px}.ppwa-summary>div{display:grid;grid-template-columns:1fr auto;align-items:end}.ppwa-summary b{grid-row:1/3;grid-column:2;font-size:20px}.ppwa-summary small{grid-column:1}
  .ppwa-report-card{border:0;background:transparent;box-shadow:none}.ppwa-report-card>.ppwa-card-head{background:var(--surface);border:1px solid var(--line)}
  .ppwa-table-wrap{overflow:visible}.ppwa-table{display:block;min-width:0}.ppwa-table thead{display:none}.ppwa-table tbody{display:block}
  .ppwa-table tr{display:block;background:var(--surface);border:1px solid var(--line);margin:10px 0;box-shadow:0 4px 12px rgba(31,24,18,.04)}
  .ppwa-table td{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;padding:8px 11px;text-align:left!important;align-items:start}
  .ppwa-table td::before{content:attr(data-label);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-4)}
  .ppwa-table td:first-child{background:var(--band);font-size:12px;padding-top:10px;padding-bottom:10px}
  .ppwa-table .ppwa-row-actions{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .ppwa-row-actions .btn{justify-content:center;margin:0}.ppwa-pagination{background:var(--surface);border:1px solid var(--line);margin-top:10px;padding:10px}.ppwa-pagination span{display:none}
  .ppwa-modal-backdrop{padding:0;align-items:stretch}.ppwa-modal{width:100%;min-height:100%;border:0}.ppwa-detail-grid{grid-template-columns:1fr;padding:8px 15px}
  .ppwa-modal-head,.ppwa-modal-actions{padding-left:15px;padding-right:15px}.ppwa-modal-actions .btn{flex:1;justify-content:center}
}
@media(max-width:390px){
  .ppwa-table td{grid-template-columns:96px minmax(0,1fr)}
  .ppwa-row-actions .btn{font-size:10px;padding:7px 4px}
}