/* OurWayTrips V5.7 — explainable Splitwise balances */
.balance-card-action{cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;width:100%;font:inherit;text-align:left;color:inherit}
.balance-card-action:hover{border-color:rgba(198,90,50,.38);background:#fffaf4}
.balance-card-action:focus-visible{outline:3px solid rgba(198,90,50,.25);outline-offset:2px}
.balance-explain-panel{margin-top:14px;padding:16px;border:1px solid rgba(89,67,49,.14);border-radius:18px;background:#fffaf4}
.balance-explain-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.balance-explain-head h3{margin:2px 0 4px}.balance-explain-head p{margin:0;color:var(--muted);font-size:.88rem}
.balance-explain-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.balance-explain-summary span{padding:10px;border:1px solid rgba(89,67,49,.1);border-radius:12px;background:white;font-size:.8rem;color:var(--muted)}
.balance-explain-summary b{display:block;margin-top:3px;color:var(--ink)}
.balance-explain-panel h4{margin:16px 0 8px;font-size:.85rem;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.balance-explain-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(89,67,49,.08)}
.balance-explain-row strong,.balance-explain-row small{display:block}.balance-explain-row small{color:var(--muted);margin-top:2px}
.balance-explain-math{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:.8rem}.balance-explain-math span{color:var(--muted)}
@media(max-width:700px){.balance-explain-summary{grid-template-columns:1fr 1fr}.balance-explain-row{grid-template-columns:1fr}.balance-explain-math{justify-content:flex-start}.balance-explain-head{flex-direction:column}.balance-explain-head .btn{width:100%}}

/* V5.7.4 — direct reimbursement presentation */
.reimbursement-head,.payment-history-head{margin-top:18px;align-items:flex-end}
.reimbursement-head h3,.payment-history-head h3{margin:.15rem 0 .25rem}
.reimbursement-row>div:first-child{min-width:0}
.reimbursement-row>div:first-child>span{display:block}
.reimbursement-row small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.35}
@media(max-width:700px){.reimbursement-head{align-items:stretch}.reimbursement-head>.btn{width:100%}.reimbursement-row{align-items:flex-start}.reimbursement-row .settle-actions{width:100%;justify-content:space-between}}

/* V5.7.6: Share mode is automatic; never expose the legacy control. */
#expenseShareMode{display:none!important;}