.fij-table-wrapper { width: 100%; overflow: hidden; }
.fij-search-container { position: relative; margin-bottom: 15px; }
.fij-table-search {
    width: 100%; padding: 12px 15px; padding-right: 40px;
    border: 1px solid #ddd; border-radius: 5px; outline: none; transition: 0.3s;
}
.fij-table-search:focus { border-color: #8e44ad; box-shadow: 0 0 10px rgba(142, 68, 173, 0.1); }
.fij-search-icon { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #aaa; }

.fij-table-container { overflow-x: auto; border-radius: 8px; box-shadow: 0 0 20px rgba(0,0,0,0.05); }
.fij-table { width: 100%; border-collapse: collapse; background: #fff; width: 100%; }
.fij-table th, .fij-table td { padding: 15px; text-align: left; transition: 0.3s; }
.fij-table thead th { font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; position: sticky; top: 0; z-index: 10; cursor: pointer; user-select: none; }
.fij-sort-icon { float: right; font-size: 12px; opacity: 0.7; }

/* Mobile Stack View (Card Style) */
@media (max-width: 767px) {
    .resp-stack .fij-table thead { display: none; }
    .resp-stack .fij-table tr { display: block; margin-bottom: 15px; border: 1px solid #eee; border-radius: 8px; padding: 10px; background: #fff; }
    .resp-stack .fij-table td { display: flex; justify-content: space-between; border: none; border-bottom: 1px solid #f9f9f9; padding: 10px 5px; font-size: 14px; }
    .resp-stack .fij-table td:last-child { border-bottom: none; }
    .resp-stack .fij-table td:before { content: attr(data-label); font-weight: 700; color: #888; margin-right: 10px; }
}