.agenda-bank-fields{border-top:1px solid #dce7e2;margin-top:24px;padding-top:24px}.agenda-bank-fields h3,.payment-destination h3{font-size:1.1rem;font-weight:700}.payment-destination{margin:20px 0;padding:24px;border:1px solid #d8e7df;border-radius:20px;background:#f1f7f3}.payment-destination h3{display:flex;align-items:center;gap:10px}.payment-destination>p{margin:12px 0 18px;color:#496158}.payment-bank{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:0}.payment-bank div{min-width:0}.payment-bank dt{color:#62776b;font-size:.85rem;font-weight:400}.payment-bank dd{margin:4px 0 0;font-weight:700;overflow-wrap:anywhere}.payment-bank .bank-number{font-size:1.2rem;letter-spacing:.04em}.payment-note{margin:20px 0 0;color:#5c6f65;font-size:.88rem;line-height:1.65}.payment-overview .payment-status strong{font-size:1.08rem;line-height:1.5}.payment-pending{display:flex;align-items:flex-start;gap:10px}.payment-pending i{margin-top:3px}.agenda-qris{display:block;width:220px;max-width:100%;height:auto;object-fit:contain;margin:16px 0;border-radius:12px}.payment-qris{margin-top:22px;padding-top:20px;border-top:1px solid #d8e7df}.transaction-notifications{border-bottom:1px solid #dce7e2}.transaction-notice>span{display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}.transaction-notice b{font-size:.92rem}.transaction-notice small{font-size:.78rem;color:#65796f;line-height:1.5}.transaction-notice:hover{background:#eef7f1}.transaction-notice>i{margin-top:4px}.notice-all{justify-content:space-between;font-weight:700;color:#087858}.reminder-menu .header-popover{max-height:min(75vh,660px);overflow-y:auto;overscroll-behavior:contain}.notification-list .transaction-notice{border-bottom:1px solid #e1e9e5;padding:18px 8px}.notification-list .actions{margin-top:20px}.reminder-count[hidden]{display:none}tr:target{background:#e9f6ef;scroll-margin-top:110px}.mobile-dock a span{line-height:1.2}
@media(max-width:600px){.payment-destination{padding:18px}.payment-bank{grid-template-columns:1fr;gap:14px}.payment-overview .stat{min-width:0}.payment-overview .stat strong{overflow-wrap:anywhere}.payment-overview .payment-status strong{font-size:.98rem}.reminder-menu .header-popover{max-height:calc(100dvh - 190px)}.mobile-dock a span{max-width:70px;text-align:center}.notification-list{padding:18px}}
@media(max-width:600px){.payment-overview{grid-template-columns:1fr;gap:12px}.payment-overview .stat{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:16px 20px}.payment-overview .stat strong{font-size:1.05rem;white-space:nowrap;overflow-wrap:normal}.payment-overview .payment-status{display:block}.payment-overview .payment-status strong{display:block;margin-top:6px;white-space:normal;overflow-wrap:normal;word-break:normal}}