/* assets/css/table_component.css – layout overrides for full width */

/* Ensure the main content and cards stretch to full workspace width */
.main-content{
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.card{
  max-width: none !important;
  width: 100% !important;
}

/* Our table already uses width:100%; keep these safety belts */
.tbl-wrap{display:block;width:100%;grid-column:1 / -1;}
.tbl-scroller{overflow:auto;width:100%;max-width:100%;min-height:360px;display:block;}
.tbl-table{width:100%;table-layout:auto;border-collapse:separate;border-spacing:0;}
.tbl-table thead th{text-align:left !important;}

/* Keep the existing visual styles from earlier patch */
.tbl-header{display:flex;align-items:center;gap:12px;margin:0 0 6px 0;}
.tbl-search{flex:0 1 420px;max-width:520px;padding:8px 10px;border:1px solid #d0d7de;border-radius:8px;}
.tbl-filters{display:flex;justify-content:space-between;align-items:center;margin:4px 0 8px;}
.tbl-filter-left{display:flex;gap:8px;align-items:center;}
.tbl-chip{border:1px solid #d0d7de;background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;}
.tbl-chip.active{background:#e6f4ea;border-color:#9bd3a5;}
.tbl-filter-right{display:flex;align-items:center;gap:10px;}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;cursor:pointer;text-decoration:none;color:#4b5563;}
.icon-btn i{font-size:18px;line-height:1;}
.icon-btn:hover{background:#f1f5f9;border-radius:8px;color:#111827;}
.tbl-pagination{display:flex;gap:6px;align-items:center;}
.tbl-pagination button{width:30px;height:30px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#4b5563;}
.tbl-pagination button:hover{background:#f1f5f9;color:#111827;}
.tbl-pagination .pg-info{font-size:14px;color:#6b7280;margin:0 4px;}
.tbl-pagination select.pg-rows{padding:6px 8px;border:1px solid #d0d7de;border-radius:6px;}
.tbl-table th{padding:8px 10px;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap;}
th .th-sort{font-size:12px;opacity:0.45;margin-left:6px;}
.tbl-table td{padding:8px 10px;border-bottom:1px solid #f0f2f5;vertical-align:middle;}
.tbl-table tbody tr:hover{background:#f9fafb;}
.tbl-loading td,.tbl-empty td{padding:16px;color:#6b7280;text-align:center;}
.tbl-error{color:#b91c1c;}