/* På vej ind (feat_incoming): open customer invoices by due date against a cut-off day. */
.inc-until{ display:inline-flex; gap:8px; align-items:center; font-size:13px; color:var(--ink-2); font-weight:500 }
.inc-until .input{ padding:5px 8px }
.inc-alerts{ display:grid; gap:10px; margin-bottom:16px }
table.t.inc-t thead th{ white-space:normal; vertical-align:bottom; min-width:84px; line-height:1.3 }
table.t.inc-t th.l, table.t.inc-t td.l{ text-align:left }
table.t.inc-t td.wrap{ white-space:normal; min-width:170px; max-width:340px; line-height:1.35 }
table.t.inc-t th.inc-hl, table.t.inc-t td.inc-hl{ background:var(--wash) }
table.t.inc-t tr.sum td.inc-hl{ background:var(--wash-2) }
table.t.inc-t tr.inc-mark td{ border-bottom:2px solid var(--hair-2) }
table.t.inc-t .inc-barcell{ width:22%; min-width:120px; text-align:left }
.inc-bar{ display:flex; gap:2px; height:8px; min-width:2px; border-radius:0 4px 4px 0; overflow:hidden }
.inc-bar i{ display:block; min-width:2px }
.inc-h3{ font-size:13.5px; margin:16px 20px 6px; display:flex; gap:6px; align-items:center }
.inc-pad{ padding:0 20px 14px; margin:0 }
p.inc-pad.note, .inc-pad > p.note{ margin-top:10px }
.inc-pad > p.note:last-child{ margin-bottom:0 }
.inc-count{ font-size:12.5px; color:var(--ink-2) }
table.t.inc-t th.inc-sort{ cursor:pointer; user-select:none }
table.t.inc-t th.inc-sort:hover{ color:var(--ink) }
table.t.inc-t th.inc-sort:focus-visible{ outline:2px solid var(--accent); outline-offset:-2px }
table.t.inc-list tr.inc-old td{ background:var(--neg-wash) }
table.t.inc-list tr.inc-old td:first-child{ background:linear-gradient(var(--neg-wash), var(--neg-wash)), var(--surface) }
table.t.inc-bridge td:first-child{ white-space:normal; min-width:230px }
/* «Lønnen afhænger af»: the customer, its company and invoices, and who calls under the name */
table.t.inc-pay td.inc-who{ white-space:normal; min-width:220px; max-width:340px; line-height:1.35 }
table.t.inc-pay .inc-name2{ display:block; font-weight:550; overflow-wrap:anywhere }
table.t.inc-pay .inc-sub{ display:block; font-size:12px }
table.t.inc-pay .inc-bank{ color:var(--pos) }
table.t.inc-pay .task-chip{ margin-top:4px }
.inc-future p.note{ margin:8px 0 0 }
@media (max-width: 760px){
  table.t.inc-t .inc-barcell{ display:none }
  .inc-until{ flex-wrap:wrap }
  /* the customer's name wraps so the amounts beside it fit without swiping */
  table.t.inc-cust td.inc-name{ white-space:normal; overflow-wrap:anywhere; min-width:118px; max-width:150px; line-height:1.3 }
  table.t.inc-pay td.inc-who{ min-width:136px; max-width:160px }
  table.t.inc-pay .task-chip > .btn{ flex-wrap:nowrap; text-align:left }
  table.t.inc-cust thead th, table.t.inc-pay thead th{ min-width:72px }
}