/* LugBulk — small set of styles for the custom views (Filament's own CSS covers the rest). */
.lb-row { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.lb-topbar { display: flex; align-items: center; gap: .75rem; }
.lb-countdown { font-size: .875rem; color: var(--gray-500); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 640px) { .lb-hide-sm { display: none !important; } }
.lb-cart-link { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .65rem; border-radius: .5rem;
  font-size: .875rem; font-weight: 500; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--gray-700); }
.lb-cart-link:hover { background: var(--gray-100); }
.dark .lb-cart-link { color: var(--gray-200); }
.dark .lb-cart-link:hover { background: rgb(255 255 255 / .05); }
.lb-cart-link svg { width: 1.25rem; height: 1.25rem; color: var(--gray-500); }
.lb-muted { color: var(--gray-500); }

.lb-stats { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 640px) { .lb-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lb-stats { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.lb-stat { background: #fff; border-radius: .75rem; padding: .75rem 1rem; box-shadow: 0 1px 2px rgb(0 0 0 / .05); outline: 1px solid rgb(3 7 18 / .05); }
.dark .lb-stat { background: var(--gray-900); outline-color: rgb(255 255 255 / .1); }
.lb-stat-label { font-size: .75rem; color: var(--gray-500); }
.lb-stat-value { font-size: 1.125rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.lb-bad { color: var(--danger-600); }
.dark .lb-bad { color: var(--danger-400); }

.lb-table-wrap { overflow-x: auto; background: #fff; border-radius: .75rem; box-shadow: 0 1px 2px rgb(0 0 0 / .05); outline: 1px solid rgb(3 7 18 / .05); }
.dark .lb-table-wrap { background: var(--gray-900); outline-color: rgb(255 255 255 / .1); }
.lb-table { width: 100%; font-size: .875rem; border-collapse: collapse; }
.lb-table th { text-align: left; font-weight: 600; padding: .5rem .75rem; background: var(--gray-50); color: var(--gray-600); white-space: nowrap; }
.dark .lb-table th { background: rgb(255 255 255 / .05); color: var(--gray-300); }
.lb-table td { padding: .45rem .75rem; vertical-align: top; border-top: 1px solid var(--gray-100); }
.dark .lb-table td { border-top-color: rgb(255 255 255 / .05); }
.lb-table .lb-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lb-table .lb-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.lb-table .lb-small { font-size: .75rem; line-height: 1.25rem; }
.lb-table tr.lb-hl td { background: color-mix(in oklab, var(--warning-400) 10%, transparent); }
.lb-table tfoot td { border-top: none; font-weight: 500; }
.lb-thumb { display: block; width: 5rem !important; height: 5rem !important; min-width: 5rem; max-width: none !important; aspect-ratio: 1 / 1; box-sizing: border-box; padding: .5rem; object-fit: contain; background: #fff; border: 1px solid var(--gray-200); border-radius: .5rem; transition: transform .15s ease; position: relative; }
.lb-table td.lb-img { width: 5rem; min-width: 5rem; box-sizing: content-box; vertical-align: middle; }
.lb-thumb:hover { transform: scale(2.2); z-index: 20; box-shadow: 0 6px 24px rgb(0 0 0 / .18); }
.lb-thumb-sm { display: block; width: 2rem !important; height: 2rem !important; max-width: none !important; aspect-ratio: 1 / 1; object-fit: contain; }
.lb-user { margin-right: .6rem; white-space: nowrap; }
.lb-note { font-size: .75rem; color: var(--gray-500); }
.lb-thumb.lb-thumb-56 { width: 3.5rem !important; height: 3.5rem !important; min-width: 3.5rem; padding: .3rem; }