.personCard{padding:0;border-color:#cbb9ab;background:#fff;box-shadow:0 2px 7px rgba(36,17,11,.05)}
.personCard>summary{padding:14px 16px;background:#f3ebe3;border-radius:11px;min-height:72px}
.personCard>summary strong{font-size:16px;line-height:1.35}
.personCard>summary>b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #cbb9ab;border-radius:10px;flex-shrink:0}
.personCard[open]>summary{background:#4b2020;color:#fff;border-bottom:3px solid #bd8a58;border-radius:11px 11px 0 0;margin-bottom:0}
.personCard[open]>summary p{color:#f2ded5}
.personCard[open]>summary>b{transform:rotate(180deg);border-color:#a87969}
.personCard .personDetail{padding:14px;background:#fcfaf7}
.personActions{display:flex;justify-content:flex-end;margin-bottom:12px}
.personActions .ghost{font-size:11px;min-height:38px;padding:7px 10px}
.personBalanceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.personBalance{padding:12px;border:1px solid;border-radius:12px}
.personBalance span{display:block;font-size:10px;font-weight:850;letter-spacing:.04em}
.personBalance b{display:block;font-size:21px;margin-top:5px}
.personCredit{background:#edf6ef;border-color:#c7dfcd;color:#245338}
.personDebt{background:#fff2d7;border-color:#e2c88c;color:#61440d}
.personSection{padding:13px;border:1px solid #ddd1c6;border-radius:12px;margin:14px 0 0;background:#fff}
.personSectionTitle{display:block;font-size:13px;font-weight:850;color:#4d3027;margin:0 0 12px}
.personSectionTitle>span{display:inline-block;background:#f0dfb6;padding:3px 7px;border-radius:12px;font-size:11px;margin-left:5px}
.personSection.listDisclosure>summary .personSectionTitle{margin:0}
.personDebtSection{background:#fff8e9;border-color:#dec79a}
.personDebtRow{border-left:4px solid #b17a24;background:#fff;padding:12px}
.personDebtRow strong,.personHistoryRow strong{display:block;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.personPendingAmount,.historyAmount{text-align:right;flex-shrink:0}
.personPendingAmount small,.historyAmount small{display:block;font-size:9px;font-weight:800;color:#755222;margin-bottom:4px}
.debtAmounts{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid #eadfce;padding-top:10px;margin-top:10px;font-size:10px;color:#766255}
.debtAmounts b{display:block;margin-top:3px;font-size:13px;color:#362017}
.personDebtRow .debtDue{margin-top:10px}
.personDebtRow .personAlert{padding:9px;border:1px solid #e0bc7f;border-radius:8px;background:#fff3d8;color:#664612;line-height:1.5;margin-top:10px;font-size:11px}
.personClear{font-size:12px;background:#edf6ef;color:#245338;padding:11px;border-radius:10px}
.personProfileSection{background:#f5f0ea}
.personCreditSection{background:#edf6ef;border-color:#c7dfcd}
.personHistorySection{background:#f5f1ec}
.personSection .hint{font-size:11px;line-height:1.5;margin:6px 0 12px}
.personHistory{gap:10px}
.historyMonth{font-size:12px;text-transform:capitalize;color:#60483a;margin:10px 0 0;border-bottom:1px solid #d6c7b9;padding-bottom:7px}
.historyMeta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:10px;color:#766255}
.historyKind{display:inline-block;padding:4px 7px;border-radius:6px;font-weight:800;background:#eee4da;color:#674732}
.personHistoryRow{background:#fff;border-left:3px solid #b9a592}
.historyWORK{border-left-color:#845439}
.historySERVICE{border-left-color:#b2916b}
.historyPAYMENT{border-left-color:#4e7b5a}
.historyPAYMENT .historyKind{background:#e8f2e9;color:#315c3c}
.historyAPPOINTMENT{border-left-color:#776678}
.historyAPPOINTMENT .historyKind{background:#eee8ef;color:#645269}
.historyAmount small{color:#766255;max-width:115px}
.personCard>summary:focus-visible{outline:2px solid #b40001;outline-offset:2px}
@media(max-width:520px){.personCard .personDetail{padding:10px}.personCard>summary{padding:12px}.personSection{padding:10px}.personBalance{padding:10px}.personBalance b{font-size:18px}.personDebtRow .rowHead,.personHistoryRow .rowHead{flex-wrap:wrap}.personPendingAmount,.historyAmount{text-align:left}.personBalance span{font-size:9px}}

.historyCancelled{border-left-color:#9b8b84}.historyCancelled .historyKind{background:#eee9e6;color:#6e5e56}