/* Expected payments follow the reviewed Upcoming payments hierarchy in Ballr's palette. */
.money-owed-workspace,.money-owed-detail{margin:0 22px;color:var(--ink);padding-bottom:15px}
.money-owed-intro{padding:19px 1px 16px}.money-owed-intro p{margin:0;color:#73737c;font-size:13px;line-height:1.6}
.money-owed-summary{display:flex;flex-direction:column;gap:6px;padding:20px 19px;border:1px solid #e7e6e6;border-radius:20px;background:#fff}
.money-owed-summary>span,.money-owed-detail-amount>span{font-size:12px;font-weight:650;color:#66666f}
.money-owed-summary>strong,.money-owed-detail-amount>strong{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.money-owed-summary>small,.money-owed-detail-amount>small{font-size:11px;line-height:1.5;color:#7b7b84}
.money-owed-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:17px 0 25px;padding:3px;border:1px solid #d4d4d7;border-radius:14px;background:#fff}
.money-owed-tabs button{min-width:0;min-height:44px;padding:9px 5px;border-radius:10px;font-size:12px;font-weight:700;color:#61616a}
.money-owed-tabs button[aria-pressed=true]{background:#151517;color:#fff}
.money-owed-tabs span{font-size:10px;opacity:.75}
.money-owed-list h2{margin:0 0 11px;text-align:center;font-size:13px;font-weight:750;line-height:1.5}
.money-owed-rows{border:1px solid #e8e8e9;border-radius:20px;background:#fff;overflow:hidden}
.money-owed-row{display:flex;align-items:center;gap:10px;width:100%;min-height:88px;padding:12px;text-align:left;min-width:0}
.money-owed-row+.money-owed-row{border-top:1px solid #efeff0}
.money-owed-row-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--brand-surface,#fff3e9);color:var(--brand-accent,#c65300)}
.money-owed-row-text{display:block;min-width:0;flex:1}
.money-owed-row-text b,.money-owed-row-text small,.money-owed-row-text em{display:block;overflow-wrap:anywhere}
.money-owed-row-text b{font-size:13px;line-height:1.35;font-weight:700}
.money-owed-row-text small{font-size:10px;color:#80808a;line-height:1.45;margin-top:2px}
.money-owed-row-text em{font-size:10px;font-style:normal;line-height:1.5;color:#777781;margin-top:3px}
.money-owed-row-text em.is-late{color:#a23f2c}
.money-owed-row-text em svg{vertical-align:-2px}
.money-owed-row>strong{max-width:33%;font-size:13px;line-height:1.3;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.money-owed-row>svg:last-child{flex:none;color:#92929a}
.money-owed-row:hover{background:#fff8f2}
.money-owed-empty{margin:14px 0;padding:35px 21px;border:1px solid #e8e8e9;border-radius:20px;text-align:center;background:#fff;color:var(--brand-accent,#c65300)}
.money-owed-empty h2{margin:11px 0 0;color:var(--ink);font-size:16px}
.money-owed-empty p{margin:7px auto 0;max-width:31ch;color:#7c7c85;font-size:11px;line-height:1.65}
.money-owed-add{margin-top:18px}.money-owed-add>.primary-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--brand-solid,#c65300);color:#fff;border-radius:15px;font-size:13px}
.money-owed-add>.primary-button:hover,.money-owed-detail-actions>.primary-button:hover{background:var(--brand-solid-hover,#b64800)}
.money-owed-add>.primary-button:active,.money-owed-detail-actions>.primary-button:active{background:var(--brand-solid-pressed,#a84200)}
.money-owed-note{margin:17px 3px 0;color:#898992;font-size:10px;line-height:1.65}
.money-owed-detail{padding-top:21px}
.money-owed-detail-heading{display:flex;align-items:center;gap:12px;min-width:0}
.money-owed-detail-heading>.money-owed-row-icon{width:50px;height:50px;border-radius:15px}
.money-owed-detail-heading>div{min-width:0}.money-owed-detail-heading span:not(.money-owed-row-icon){font-size:11px;color:#85858e}
.money-owed-detail-heading h2{font-size:21px;line-height:1.3;letter-spacing:-.45px;margin:3px 0 0;overflow-wrap:anywhere}
.money-owed-detail-amount{display:flex;flex-direction:column;gap:8px;margin-top:22px;padding:21px 18px;border:1px solid #e8d7c8;border-radius:21px;background:#fff6ef}
.money-owed-detail-amount>strong{color:#151517}
.money-owed-facts{margin-top:16px;padding:2px 16px;border:1px solid #ebebec;border-radius:18px;background:#fff}
.money-owed-facts>div{display:flex;justify-content:space-between;gap:14px;padding:15px 0;font-size:12px;line-height:1.5}
.money-owed-facts>div+div{border-top:1px solid #efeff0}.money-owed-facts span{color:#85858e;flex:none}.money-owed-facts strong{overflow-wrap:anywhere;text-align:right}
.money-owed-facts>.money-owed-fact-note{display:block}.money-owed-facts>.money-owed-fact-note p{margin:5px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.money-owed-proof{margin-top:19px;padding:18px;border:1px solid #ebebec;border-radius:18px;background:#fff}.money-owed-proof h3{margin:0;font-size:14px}.money-owed-proof p{margin:6px 0 12px;color:#7b7b85;font-size:11px;line-height:1.6}.money-owed-proof .outline-button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.money-owed-detail-actions{display:grid;gap:9px;margin-top:18px}.money-owed-detail-actions>button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;font-size:13px;border-radius:14px}.money-owed-detail-actions>.primary-button{background:var(--brand-solid,#c65300);color:#fff}
.money-owed-remove{display:block;min-height:44px;margin:13px auto 0;padding:9px 14px;color:#ad4350;font-size:12px;font-weight:650}
.money-owed-form-file{position:relative}.money-owed-file-action{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;box-sizing:border-box;border:1px solid #e9d7c6;border-radius:13px;background:#fff7ef;color:var(--brand-accent,#a94300);font-size:13px;font-weight:700;overflow:hidden}.money-owed-file-action>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.money-owed-file-action>svg{flex:none}.money-owed-file-action:focus-within{outline:3px solid #3d7ded;outline-offset:2px}.money-owed-form-file .money-owed-file-action input[type=file]{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;opacity:0;cursor:pointer}
.money-owed-form-file .money-owed-file-action,.money-owed-form-file .money-owed-file-action span{color:var(--brand-accent,#a94300);font-size:13px;font-weight:700}
.money-owed-form-file small{color:#85858e;font-size:10px;line-height:1.55}.money-owed-file-current{display:flex;align-items:center;gap:9px;margin:0 0 15px;padding:11px 12px;border-radius:13px;background:#fff6ef;color:#744e38;font-size:11px}.money-owed-file-current button{min-width:44px;min-height:44px;padding:8px;color:#a63f00;font-weight:700;margin-left:auto}
.money-owed-remove-file{display:flex;align-items:center;gap:9px;min-height:44px;font-size:12px;margin:3px 0 14px}.money-owed-remove-file input{width:18px;height:18px;accent-color:var(--brand-solid,#c65300)}
.money-owed-viewer{max-height:70dvh;max-width:100%;width:100%;object-fit:contain;border-radius:14px;background:#fff}.money-owed-viewer-note{padding-top:12px}
@media(max-width:360px){.money-owed-workspace,.money-owed-detail{margin-inline:16px}.money-owed-row{gap:7px;padding:10px}.money-owed-row-icon{width:33px;height:33px}.money-owed-row>strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.money-owed-workspace button,.money-owed-detail button{transition:none!important}}
