.expense-breakdown{display:grid;gap:12px}.expense-breakdown-heading{align-items:center;margin:2px 0}.expense-breakdown-heading h2{margin:0;font-size:16px}.expense-breakdown-heading p{margin:4px 0 0;font-size:12px}.expense-item{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(150px,1fr) minmax(130px,.8fr) 32px;align-items:end;gap:10px;padding:13px;background:#fffaf5;border:1px solid #eee7df;border-radius:12px}.expense-item label{display:grid;gap:6px;font-size:11px;color:#655c53;font-weight:700}.expense-item input,.expense-item select{width:100%;min-height:40px;padding:9px 10px;border:1px solid #e5ddd4;border-radius:9px;background:#fff;color:#29231e;font-size:13px}.expense-item input:focus,.expense-item select:focus{border-color:#e79a61;outline:none;box-shadow:0 0 0 3px #e8752419}.expense-item .icon-button{margin-bottom:5px}.expense-subtotal{margin:0;text-align:right;font-size:12px;color:#655c53}.expense-subtotal strong{color:#bd5816}.transaction-item-list,.report-item-lines{display:grid;gap:3px;margin-top:6px;color:#776d63;font-size:10px}.report-item-lines{min-width:115px}.user-role-row select{font:inherit}.expense-breakdown-heading .button{min-height:38px;padding:8px 11px;font-size:11px}
@media(max-width:600px){.expense-breakdown-heading{align-items:flex-start;flex-direction:column}.expense-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px;gap:8px;padding:10px}.expense-item label:first-child{grid-column:1/-1}.expense-item label:nth-child(3){grid-column:1/3;grid-row:2}.expense-item .icon-button{grid-column:3;grid-row:2}.expense-item label:nth-child(2){grid-column:1/-1;grid-row:3}.transaction-item-list{font-size:9px}}