.tps-inventory-wrap { font-family: inherit; max-width: 100%; }

/* Search Bar */
.tps-search-bar { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.tps-search-input { flex: 1; min-width: 220px; padding: 10px 14px; border: 2px solid #e5e7eb; border-radius: 8px; font-size: 14px; transition: border-color .2s; }
.tps-search-input:focus { border-color: #6366f1; outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,.1); }
.tps-filter-select { padding: 10px 14px; border: 2px solid #e5e7eb; border-radius: 8px; font-size: 14px; background: #fff; cursor: pointer; }
.tps-filter-select:focus { border-color: #6366f1; outline: none; }

/* Stats */
.tps-inventory-stats { padding: 10px 14px; background: #f9fafb; border-radius: 8px; font-size: 14px; margin-bottom: 12px; color: #374151; }

/* Table */
.tps-table-wrap { overflow-x: auto; border-radius: 10px; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.tps-inventory-table { width: 100%; border-collapse: collapse; background: #fff; font-size: 14px; }
.tps-inventory-table thead { background: #f3f4f6; }
.tps-inventory-table th { padding: 12px 14px; text-align: left; font-weight: 600; color: #374151; white-space: nowrap; border-bottom: 2px solid #e5e7eb; }
.tps-inventory-table td { padding: 10px 14px; border-bottom: 1px solid #f3f4f6; vertical-align: middle; color: #1f2937; }
.tps-inventory-table tbody tr:hover { background: #fafafa; }
.tps-inventory-table tbody tr:last-child td { border-bottom: none; }

/* Sortable headers */
.tps-sortable { cursor: pointer; user-select: none; }
.tps-sortable:hover { background: #e9eaf0; }
.tps-sortable::after { content: ' ↕'; opacity: .4; font-size: 11px; }
.tps-sortable.sort-asc::after  { content: ' ↑'; opacity: 1; }
.tps-sortable.sort-desc::after { content: ' ↓'; opacity: 1; }

/* Thumbnail */
.tps-td-img { width: 50px; }
.tps-thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; border: 1px solid #e5e7eb; }
.tps-no-img { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #f3f4f6; border-radius: 6px; font-size: 20px; }
.tps-td-name { font-weight: 500; }

/* Badges */
.tps-badge { display: inline-block; padding: 3px 10px; border-radius: 99px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.tps-badge-instock   { background: #dcfce7; color: #15803d; }
.tps-badge-outofstock { background: #fee2e2; color: #b91c1c; }

/* Pagination */
.tps-pagination { display: flex; gap: 6px; flex-wrap: wrap; margin: 14px 0; }
.tps-page-btn { padding: 7px 13px; border: 1px solid #d1d5db; border-radius: 6px; background: #fff; cursor: pointer; font-size: 14px; transition: all .15s; }
.tps-page-btn:hover { background: #f3f4f6; border-color: #9ca3af; }
.tps-page-btn.active { background: #6366f1; color: #fff; border-color: #6366f1; }

/* Loading */
.tps-spinner { display: inline-block; width: 18px; height: 18px; border: 3px solid #e5e7eb; border-top-color: #6366f1; border-radius: 50%; animation: tps-spin .7s linear infinite; vertical-align: middle; margin-right: 8px; }
.tps-loading-row, .tps-empty { text-align: center; padding: 40px 20px !important; color: #9ca3af; font-style: italic; }
@keyframes tps-spin { to { transform: rotate(360deg); } }

@media (max-width: 600px) {
    .tps-inventory-table th:nth-child(3),
    .tps-inventory-table td:nth-child(3) { display: none; }
}