/* Supplies: the list and its stock movements. */

@layer components {
  .add-stock {
    display: inline-flex;
    padding: 0.05rem 0.6rem;
    border: 1.5px solid var(--ink);
    border-radius: var(--radius-pill);
    text-decoration: none;
    font-weight: 800;

    &:hover { background: var(--biz); color: var(--biz-text); }
  }

  /* Phones: times and links that shouldn't break stay on one line. */
  table.movements {
    @media (max-width: 640px) {
      td:first-child, a { white-space: nowrap; }
      td:first-child { font-size: 0.88rem; }
    }
  }
}