/* NexForge listing pages */

.erp-listing {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.erp-stats-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.875rem 1rem;
    background: var(--erp-card);
    border: 1px solid var(--erp-border);
    border-radius: var(--erp-radius);
    box-shadow: var(--erp-shadow);
}

.erp-stats-bar__pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.erp-stats-bar__updated {
    font-size: 0.75rem;
    color: var(--erp-text-muted);
    white-space: nowrap;
}

.erp-filter-panel__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.erp-filter-field--wide {
    grid-column: span 1;
}

@media (min-width: 768px) {
    .erp-filter-field--wide {
        grid-column: span 2;
    }
}

.erp-table-wrap {
    overflow-x: auto;
}

.erp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.erp-table thead.erp-table-head--dark th {
    padding: 0.75rem 1rem;
    text-align: left;
    white-space: nowrap;
}

.erp-table tbody td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--erp-border);
    color: var(--erp-text);
    vertical-align: middle;
}

.erp-table tbody tr {
    transition: background var(--erp-transition);
}

.erp-table tbody tr:hover {
    background: rgba(30, 58, 95, 0.05);
}

.erp-table tbody tr.is-hidden {
    display: none;
}

.erp-table tbody tr:nth-child(even) {
    background: rgba(241, 245, 249, 0.35);
}

.dark .erp-table tbody tr:nth-child(even) {
    background: rgba(17, 24, 39, 0.35);
}

.erp-row-actions {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
}

.erp-export-dropdown {
    position: relative;
}

.erp-export-dropdown__menu {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    z-index: 20;
    min-width: 10rem;
    overflow: hidden;
    background: var(--erp-card);
    border: 1px solid var(--erp-border);
    border-radius: var(--erp-radius-sm);
    box-shadow: var(--erp-shadow-lg);
}

.erp-export-dropdown.is-open .erp-export-dropdown__menu {
    display: block;
}

.erp-export-item {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.625rem;
    padding: 0.625rem 0.875rem;
    border: none;
    background: transparent;
    font-size: 0.8125rem;
    color: var(--erp-text);
    text-align: left;
    cursor: pointer;
    transition: background var(--erp-transition), color var(--erp-transition);
}

.erp-export-item:hover {
    background: var(--erp-primary-muted);
    color: var(--erp-primary);
}

.erp-listing-empty {
    padding: 3rem 1rem;
    text-align: center;
    color: var(--erp-text-secondary);
}

.erp-listing-empty i {
    display: block;
    font-size: 2rem;
    margin-bottom: 0.75rem;
    opacity: 0.4;
}

.erp-pagination .pagination {
    margin: 0;
    gap: 0.25rem;
}

.erp-pagination .page-link {
    border-radius: var(--erp-radius-sm);
    color: var(--erp-text-secondary);
    border-color: var(--erp-border);
    font-size: 0.8125rem;
    padding: 0.375rem 0.625rem;
}

.erp-pagination .page-item.active .page-link {
    background: var(--erp-primary);
    border-color: var(--erp-primary);
}

/* Additional status badges for SteelForge modules */
.erp-status-badge--approved { background: var(--erp-success); color: #fff; }
.erp-status-badge--rejected { background: var(--erp-danger); color: #fff; }
.erp-status-badge--sent { background: #38bdf8; color: #fff; }
.erp-status-badge--confirmed { background: var(--erp-primary); color: #fff; }
.erp-status-badge--converted { background: #7c3aed; color: #fff; }
.erp-status-badge--in_production { background: #f59e0b; color: #fff; }
.erp-status-badge--dispatched { background: #16a34a; color: #fff; }
.erp-status-badge--verified { background: #3b82f6; color: #fff; }
.erp-status-badge--paid { background: var(--erp-success); color: #fff; }
.erp-status-badge--read { background: #e2e8f0; color: #64748b; }
.erp-status-badge--unread { background: #3b82f6; color: #fff; }
.erp-status-badge--in_stock { background: var(--erp-success); color: #fff; }
.erp-status-badge--low_stock { background: var(--erp-danger); color: #fff; }
.erp-status-badge--processing { background: #f59e0b; color: #fff; }
.erp-status-badge--shipped { background: #16a34a; color: #fff; }