#gajiManagementModal .gaji-payment-history{position:relative;margin:16px 0;padding:14px;border:1px solid #e7dbf2;border-radius:16px;background:#fff}
#gajiManagementModal .gaji-payment-history summary{min-height:36px;padding:6px 104px 6px 0;color:#604279;font-size:16px;font-weight:900;cursor:pointer}
#gajiPaymentHistoryMember{position:absolute;top:10px;right:12px;box-sizing:border-box;width:92px;min-height:34px;padding:5px 7px;border:1px solid #b59ad9;border-radius:10px;background:#fff;color:#604279;font:inherit;font-size:13px;font-weight:800}
#gajiPaymentHistoryList>p{margin:12px 0 2px;color:#81708f;font-size:14px}
.gaji-payment-history-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:5px 7px;padding:10px 0;border-top:1px solid #eee7f5}
.gaji-payment-history-row:first-child{margin-top:8px}
.gaji-payment-history-date{color:#81708f;font-size:12px;white-space:nowrap}
.gaji-payment-history-type{padding:4px 7px;border-radius:999px;background:#eee5fb;color:#674396;font-size:12px;font-weight:800;white-space:nowrap}
.gaji-payment-history-type.special{background:#fde8f2;color:#a54d76}
.gaji-payment-history-name{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#382744;font-size:14px;font-weight:800;white-space:nowrap}
.gaji-payment-history-row strong{color:#674396;font-size:14px;white-space:nowrap}
.gaji-payment-history-reason{grid-column:2/-1;color:#81708f;font-size:12px;overflow-wrap:anywhere}
@media(max-width:360px){.gaji-payment-history-row{gap:5px 4px}.gaji-payment-history-type{padding:4px 5px;font-size:11px}.gaji-payment-history-row strong{font-size:12px}}
#gajiPaymentHistoryMore{display:block;width:100%;margin-top:8px;padding:10px;border:0;border-radius:11px;background:#eee5fa;color:#68478b;font:inherit;font-size:14px;font-weight:800}
#gajiPaymentHistoryMore[hidden]{display:none}
#gajiManagementModal [data-management-group="payment"]{padding:0;border:0;background:transparent}
#gajiManagementModal [data-management-group="payment"]>p{display:none}
#gajiPaymentWorkspace{color:#503764}
.gaji-payment-workspace-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:3px 0 15px}
.gaji-payment-workspace-tabs button{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 8px;min-width:0;min-height:68px;padding:11px;border:1px solid #e3d7f0;border-radius:14px;background:#fff;color:#69488c;font:inherit;text-align:left}
.gaji-payment-workspace-tabs button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f1e9fb;font-size:19px}
.gaji-payment-world-icon{position:relative;background-repeat:no-repeat!important;background-position:left center!important;background-size:auto 38px!important}.gaji-payment-world-icon.regular{background-image:url('assets/gaji-wallet-logo-transparent.png')!important}.gaji-payment-world-icon.special{background-image:none!important;background-color:#f3eafb!important}.gaji-payment-world-icon.special:before{content:'🎁';position:absolute;left:6px;bottom:3px;font-size:22px;line-height:1}.gaji-payment-world-icon.special:after{content:'🍆';position:absolute;left:14px;top:-5px;font-size:17px;line-height:1;transform:rotate(-18deg)}
.gaji-payment-workspace-tabs button>b{font-size:14px;line-height:1.25}.gaji-payment-workspace-tabs button>small{overflow:hidden;color:#8b7a98;font-size:11px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}
.gaji-payment-workspace-tabs button.active{border-color:#7550b4;background:#7550b4;color:#fff}.gaji-payment-workspace-tabs button.active>span{background:#ffffff20}.gaji-payment-workspace-tabs button.active>small{color:#eee6fb}
.gaji-payment-workspace-hint{margin:0 2px 10px;color:#7c6b89;font-size:12px;line-height:1.45}
.gaji-payment-member-list{display:grid;gap:8px}
.gaji-payment-member-card{display:flex;align-items:center;gap:11px;width:100%;min-height:64px;padding:9px 13px;border:1px solid #eee7f4;border-radius:15px;background:#fff;color:#4c335f;font:inherit;text-align:left;box-shadow:0 4px 13px rgba(79,48,111,.045)}
.gaji-payment-member-avatar{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;overflow:hidden;border-radius:13px;background:#f1e9fb;font-size:24px}.gaji-payment-member-avatar>img{width:100%;height:100%;object-fit:cover}
.gaji-payment-member-card>span:nth-child(2){flex:1;min-width:0}.gaji-payment-member-card b{display:block;font-size:15px;line-height:1.3}.gaji-payment-member-card small{display:block;margin-top:3px;overflow:hidden;color:#7951b5;font-size:12px;font-weight:750;white-space:nowrap;text-overflow:ellipsis}.gaji-payment-member-arrow{flex:none;color:#7951b5;font-size:25px;line-height:1}
.gaji-payment-history-slot{margin-top:16px}.gaji-payment-history-slot #gajiPaymentHistory{margin:0!important}
.gaji-payment-extra-slot{margin-top:10px}.gaji-payment-extra-slot>button{width:100%;min-height:42px;margin:0 0 9px;padding:10px 12px;border:0;border-radius:11px;background:#eee5fa;color:#68438d;font:inherit;font-size:14px;font-weight:800}.gaji-payment-extra-slot .withdrawal-rule{margin-top:8px!important}
.gaji-payment-detail-member{display:flex;align-items:center;justify-content:flex-start;gap:15px;min-height:94px;margin:3px 0 17px;padding:14px 17px;border-radius:17px;background:#fff;box-shadow:0 4px 18px rgba(79,48,111,.05)}.gaji-payment-detail-member .gaji-payment-member-avatar{flex-basis:64px;width:64px;height:64px;border-radius:17px;font-size:34px}.gaji-payment-detail-member b{font-size:20px}
.gaji-payment-detail #gajiAllowanceTargetLabel,.gaji-payment-detail #gajiPayMode{display:none!important}
.gaji-payment-detail .allowance-rule{display:block!important;margin:0!important}.gaji-payment-detail .allowance-settings-panel{display:block!important;padding:0!important;border:0!important;background:transparent!important}
.gaji-payment-detail .distributed-rule-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important;padding:0!important;background:transparent!important}
.gaji-payment-detail .distributed-rule-grid label,.gaji-payment-detail .gaji-allowance-cycle-field>b,.gaji-gift-date-field>b{color:#604279!important;font-size:13px!important;font-weight:850!important}
.gaji-payment-detail .distributed-rule-grid input,.gaji-payment-detail .distributed-rule-grid select{min-height:44px!important;margin-top:7px!important;border-radius:10px!important;background:#fff!important}
.gaji-payment-detail .gaji-allowance-cycle-buttons button{align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px!important}.gaji-payment-detail .gaji-allowance-cycle-buttons button small{display:none}
.gaji-payment-detail .gaji-allowance-days{gap:5px!important}.gaji-payment-detail .gaji-allowance-days button{min-height:42px!important}
.gaji-payment-detail .gaji-allowance-pay-button{min-height:48px!important;margin-top:17px!important;background:#7951b5!important;color:#fff!important;font-size:15px!important}
.gaji-payment-detail #allowanceSettingsNote{display:none}
.gaji-payment-detail .distributed-rule-grid>*{grid-row:auto!important;order:initial!important}#gajiManagementModal #gajiPaymentWorkspace #gajiAllowanceCycleField,#gajiManagementModal #gajiPaymentWorkspace #gajiRegularDayLabel,#gajiManagementModal #gajiPaymentWorkspace #gajiAllowanceMonthlyField{grid-row:auto!important;order:initial!important}.gaji-next-allowance{display:flex;align-items:baseline;gap:12px;grid-column:1/-1;padding:1px 1px 10px;border-bottom:1px solid #eee7f4;color:#8c7d97;font-size:13px}.gaji-next-allowance>span{color:#604279;font-weight:850}.gaji-next-allowance[hidden]{display:none!important}.gaji-next-allowance strong{color:#604279;font-size:14px;font-weight:900}.gaji-regular-memo{position:relative;display:block!important;grid-column:1/-1}.gaji-regular-memo small{position:absolute;right:10px;bottom:12px;color:#9a8ba5;font-size:11px}.gaji-regular-memo input{padding-right:48px!important}
#gajiPaymentWorkspace:has([data-gaji-pay-mode="special"].active) .gaji-regular-memo{display:none!important}
.gaji-gift-date-field{display:none;margin:0 0 13px;color:#604279;font-size:13px;font-weight:850}.gaji-gift-date-field input{box-sizing:border-box;width:100%;min-height:44px;margin-top:7px;padding:0 12px;border:1px solid #e3d8ed;border-radius:10px;background:#fff;color:#654682;font:inherit;font-size:14px;font-weight:750}
#gajiPaymentWorkspace:has([data-gaji-pay-mode="special"].active) .gaji-gift-date-field{display:block}
#gajiPaymentWorkspace.detail-open>.gaji-management-link,#gajiPaymentWorkspace.detail-open>[data-management-group]{display:none}
.gaji-gift-reservations{margin-top:15px;padding:13px;border:1px solid #eadff3;border-radius:15px;background:#faf7fd}.gaji-gift-reservations[hidden]{display:none}.gaji-gift-reservations>b{display:block;margin-bottom:7px;color:#604279;font-size:14px}.gaji-gift-reservation-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #eee6f5}.gaji-gift-reservation-row:first-child{border-top:0}.gaji-gift-reservation-row>span:first-child{min-width:0;flex:1}.gaji-gift-reservation-row b,.gaji-gift-reservation-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gaji-gift-reservation-row b{color:#4f3563;font-size:13px}.gaji-gift-reservation-row small{margin-top:3px;color:#83728f;font-size:11px}.gaji-gift-reservation-row em{display:inline-block;margin-top:4px;color:#b2556f;font-size:10px;font-style:normal;font-weight:800}.gaji-gift-reservation-row>span:last-child{display:flex;gap:5px}.gaji-gift-reservation-row button,.gaji-allowance-controls button{min-height:34px;padding:7px 9px;border:0;border-radius:9px;background:#eee5fa;color:#68478b;font:inherit;font-size:11px;font-weight:850}.gaji-gift-reservation-row button:last-child,.gaji-allowance-controls button:last-child{background:#faeaf0;color:#a24e6d}.gaji-allowance-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.gaji-allowance-controls[hidden]{display:none}.gaji-allowance-controls button{min-height:42px;font-size:12px}
@media(max-width:390px){.gaji-gift-reservation-row{align-items:flex-start}.gaji-gift-reservation-row>span:last-child{flex-direction:column}.gaji-gift-reservation-row button{min-width:46px}}
@media(max-width:350px){.gaji-payment-workspace-tabs button{grid-template-columns:30px minmax(0,1fr);padding:9px 7px}.gaji-payment-workspace-tabs button>span{width:29px;height:29px}.gaji-payment-workspace-tabs button>small{font-size:10px}}