/* Sección de compras individuales. Estilos aislados para no alterar el resto de la PWA. */
.expenses-section { margin: 18px 0 24px; }
.expenses-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.expenses-header .section-label { margin:0; }
.expenses-empty { font-size:13px; line-height:1.5; opacity:.78; margin:4px 0 12px; }
.expense-card { padding:14px; margin:10px 0; border-radius:15px; border:1px solid rgba(128,128,128,.22); background:var(--card-bg, rgba(127,127,127,.06)); }
.expense-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.expense-card-info { display:flex; flex-direction:column; gap:5px; min-width:0; }
.expense-card-info strong { font-size:15px; overflow-wrap:anywhere; }
.expense-card-info span { font-size:12px; opacity:.75; line-height:1.5; }
.expense-amount { font-size:16px; white-space:nowrap; flex-shrink:0; }
.expense-note { font-size:12px; opacity:.75; margin:10px 0 0; overflow-wrap:anywhere; }
.expense-card-actions { display:flex; gap:8px; justify-content:flex-end; margin-top:12px; }
.expense-participants { display:flex; flex-direction:column; gap:8px; margin-bottom:18px; }
.expense-participant { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid rgba(128,128,128,.2); border-radius:12px; font-size:14px; min-width:0; }
.expense-participant input[type="checkbox"] { flex-shrink:0; width:18px; height:18px; accent-color:#6B4EFF; }
.expense-participant span { min-width:0; flex:1; overflow-wrap:anywhere; }
.expense-participant .expense-share-amount { width:104px; max-width:38%; flex-shrink:0; }
#sheet-expense .sheet-content { overflow-y:auto; max-height:calc(100dvh - 190px); padding-bottom:28px; }
#sheet-expense .sheet-actions { position:sticky; bottom:0; z-index:2; }
@media(max-width:380px) { .expense-card-top { flex-wrap:wrap; } .expense-participant .expense-share-amount { width:90px; } }