.img-clickable {
  cursor: pointer;
}

.image-modal .modal-content {
  border-radius: 14px;
  overflow: hidden;
}

.image-modal .modal-body {
  padding: 0;
  background: transparent;
}

.image-modal img {
  display: block;
  max-height: 80vh;
  width: 100%;
  object-fit: contain;
  background: #000;
}

.card-header .filter-wrap {
  margin-left: auto;
}

.auth-wrap .card {
  background: var(--tblr-card-bg);
}

.tier-badge {
  cursor: pointer;
}

.quota-progress {
  height: 6px;
}

.quota-progress .progress-bar {
  border-radius: 999px;
}

@media (min-width: 768px) {
  .filter-form .supplier-select { min-width: 220px; }
  .filter-form .search-group { min-width: 280px; }
}

@media (max-width: 767.98px) {
  .product-list-card .card-header { flex-wrap: wrap; }
  .product-list-card .card-actions { width: 100%; margin-left: 0 !important; }
}
.btn-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    padding: 0.25rem 0.3rem;
}
.auth-logo {
      max-width: 160px;
      width: auto;
      height: auto;
      display: block;
      margin: 0 auto 14px;
    }
    [data-bs-theme="dark"] .auth-logo {
      filter: brightness(0) invert(1);
    }

.input-group-tomselect > .ts-wrapper {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.input-group-tomselect > .ts-wrapper .ts-control {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: .25rem;
    overflow: hidden;
    min-height: calc(1.4285714em + .75rem + calc(var(--tblr-border-width) * 2));
    padding: .375rem .75rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--tblr-bg-surface, var(--bs-body-bg));
    color: var(--tblr-body-color, var(--bs-body-color));
    border-color: var(--tblr-border-color, #d9dee3);
    box-shadow: none;
}

.input-group-tomselect > .ts-wrapper .ts-control > .item {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input-group-tomselect > .ts-wrapper .ts-control input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 2ch !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

.input-group-tomselect > .btn {
    flex-shrink: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[data-bs-theme="dark"] .input-group-tomselect > .ts-wrapper .ts-control,
[data-bs-theme="dark"] .ts-dropdown {
    background-color: var(--tblr-bg-surface, #1f2937);
    color: #fff;
    border-color: rgba(255,255,255,.12);
}