.qbe-table-wrapper { margin-top: 20px; overflow-x: auto; border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0,0,0,.04); }
.qbe-table { width: 100%; border-collapse: collapse; background: #fff; white-space: nowrap; }
.qbe-table th, .qbe-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid #c3c4c7; vertical-align: middle; }
.qbe-table th { font-weight: 600; background: #f0f0f1; position: sticky; top: 0; z-index: 10; }

/* Sticky first columns */
.qbe-table th.col-cb, .qbe-table td.col-cb { position: sticky; left: 0; background: #fff; z-index: 2; width: 2.2em; text-align: center; }
.qbe-table th.col-cb { background: #f0f0f1; z-index: 11; }
.qbe-table th.col-img, .qbe-table td.col-img { position: sticky; left: 35px; background: #fff; z-index: 2; width: 50px; }
.qbe-table th.col-img { background: #f0f0f1; z-index: 11; }
.qbe-table th.col-title, .qbe-table td.col-title { position: sticky; left: 85px; background: #fff; z-index: 2; min-width: 200px; border-right: 1px solid #ddd; }
.qbe-table th.col-title { background: #f0f0f1; z-index: 11; }

.qbe-image { width: 40px; height: 40px; object-fit: cover; border-radius: 3px; }
.qbe-actions { margin: 15px 0; display: flex; align-items: center; justify-content: space-between; }

.qbe-input-sm { width: 70px; }
.qbe-input-md { width: 100px; }
.qbe-input-lg { width: 150px; }

.qbe-pagination { margin-top: 20px; text-align: center; }
.qbe-spinner { display: none; margin-left: 10px; vertical-align: middle; }
.qbe-notice { margin-top: 10px; display: none; }