/* Doar ce nu acoperă Bootstrap. Orice se poate exprima cu o clasă Bootstrap
   stă în markup, nu aici. */

/* zona de drop: Bootstrap nu are variantă punctată */
.drop {
  border-style: dashed !important;
  cursor: default;
  transition: border-color .15s, background-color .15s;
}
.drop.over {
  border-color: var(--bs-primary) !important;
  background-color: var(--bs-primary-bg-subtle);
}

/* Tabelul are 7 coloane de date; cele numerice sunt înguste și fixe, iar
   descrierea ia restul. Lățimea minimă forțează derularea orizontală în
   .table-responsive în loc să strivească descrierea la zero. */
/* Lățimea minimă lasă descrierii ~440px, cu marjă peste cea mai lungă descriere
   întâlnită până acum (Pure Fishing, 383px). Nu o potrivi pe o factură anume:
   fiecare furnizor nou vine cu descrieri mai lungi. */
#lines {
  table-layout: fixed;
  min-width: 1180px;
}
#lines th:nth-child(1) { width: 104px; }
#lines th:nth-child(3) { width: 90px; }
#lines th:nth-child(4) { width: 64px; }
#lines th:nth-child(5),
#lines th:nth-child(6) { width: 96px; }
#lines th:nth-child(7) { width: 124px; }
#lines th:nth-child(8) { width: 128px; }
#lines th:nth-child(9) { width: 48px; }

/* celulele sunt câmpuri editabile care trebuie să arate a text până le atingi */
#lines td { padding: 0; }
#lines td .cell {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: .5rem .75rem;
}
#lines td .cell:focus {
  background: var(--bs-body-bg);
  box-shadow: inset 0 0 0 2px var(--bs-primary);
}
#lines tr.edited .cell { background-color: var(--bs-warning-bg-subtle); }

.tabular { font-variant-numeric: tabular-nums; }

@media (min-width: 992px) {
  .border-start-lg { border-left: 1px solid var(--bs-border-color); }
}