/* Leverandører og omkostninger (feature F1). */
/* a part of the amount is in unposted journals: same neutral as the chart's journal series */
.sup-jdot{ display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--ink-3);
  margin-left:4px; vertical-align:2px; cursor:help }
.sup-cat{ font-size:11.5px; margin-top:1px; overflow:hidden; text-overflow:ellipsis }
table.t td.lbl .sup-cat{ white-space:nowrap }
.sup-pending{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; font-size:13px }
.sup-pending li{ padding:8px 10px; border-radius:var(--r-s); background:var(--surface); border:1px solid var(--hair) }
.sup-pending li div{ margin-top:3px; color:var(--ink-2); white-space:normal }
.sup-detail table.t td:first-child, .sup-detail table.t th:first-child{ background:transparent; position:static }
.sup-detail table.t thead th{ background:transparent; position:static }
.sup-parties{ display:flex; flex-direction:column; gap:8px }
.sup-party{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) 112px auto; gap:6px; align-items:center }
.sup-party .input{ min-width:0; width:100% }
@media (max-width: 760px){
  .sup-party{ grid-template-columns:minmax(0,1fr) auto; padding-bottom:8px; border-bottom:1px solid var(--hair) }
  .sup-party > :nth-child(2), .sup-party > :nth-child(3){ grid-column:1 }
  .sup-party > button{ grid-row:1; grid-column:2 }
  /* supplier and account drawers: date, text, amount only */
  table.sup-list td:first-child{ white-space:nowrap }
}
/* the supplier table's filters wrap instead of pushing the page sideways */
.sup-table > header .tools{ flex-wrap:wrap; justify-content:flex-end }
@media (max-width: 760px){
  .sup-table > header .tools{ justify-content:flex-start; width:100% }
  .sup-table > header .tools input, .sup-table > header .tools select{ flex:1 1 150px; min-width:0; max-width:none !important; width:auto !important }
}
.sup-page table.t td.lbl{ max-width:280px }
.sup-page table.t td.sup-catcol{ max-width:150px }
@media (max-width: 760px){
  .sup-page table.t td.lbl{ max-width:150px }
  .sup-page table.t td.sup-catcol{ max-width:110px }
}