/* Add page: receipt photo row, split-into-categories rows and the
   budget hint under the category chips. */

.photo-row{display:flex; gap:10px; align-items:center; margin-top:12px;}
.photo-btn{
  flex:1; padding:12px; border-radius:10px; border:1.5px dashed var(--line);
  background:var(--paper); font-size:14px; font-weight:600; color:var(--pine-2);
  display:flex; align-items:center; justify-content:center; gap:8px;
}
.photo-thumb{width:52px; height:52px; border-radius:8px; object-fit:cover; border:1px solid var(--line);}

/* split-category rows */
.split-row{display:flex; align-items:center; gap:8px; margin-bottom:8px;}
.split-row select{flex:1; padding:10px; font-size:16px; min-width:0;}
.split-row .amount-row{width:112px; flex-shrink:0; margin:0;}
.split-row .amount-row input{font-size:16px; font-weight:700;}
/* small "×" buttons get a full finger-sized hit area without looking bigger */
.split-del, .bill-del{
  background:none; border:none; color:var(--muted); font-size:20px; line-height:1; flex-shrink:0;
  min-width:40px; min-height:40px; margin:-6px -8px -6px 0; display:inline-flex; align-items:center; justify-content:center;
}
.split-total-row{
  display:flex; justify-content:space-between; font-size:14px; font-weight:700;
  padding:10px 0 2px; border-top:1px solid var(--line); margin-top:4px;
}
.cat-hint{font-size:13px; color:var(--muted); margin-top:8px; min-height:0;}
.cat-hint:empty{display:none;}
.cat-hint b{color:var(--ink);}
.cat-hint .over{color:var(--rust); font-weight:700;}