/* Hardware Table Fix - Clean and Simple */

/* ==== HEADER OVERLAP FIX ==== */
.filament-main-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 45 !important;
    background-color: white !important;
    border-bottom: 1px solid #e5e7eb !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.filament-header {
    position: relative !important;
    z-index: 30 !important;
    background-color: white !important;
    border-bottom: 1px solid #e5e7eb !important;
    padding: 1rem 1.5rem !important;
}

/* Ensure proper spacing below sticky header */
.filament-main-content {
    padding-top: 2rem !important;
    background-color: #fafbfc !important;
}

/* ==== CLEAN TABLE DESIGN ==== */
.filament-tables-container {
    overflow-x: auto !important;
    background-color: white !important;
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

/* Clean scrollbar */
.filament-tables-container::-webkit-scrollbar {
    height: 12px !important;
}

.filament-tables-container::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
    border-radius: 6px !important;
}

.filament-tables-container::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 6px !important;
    border: 2px solid #f1f5f9 !important;
}

.filament-tables-container::-webkit-scrollbar-thumb:hover {
    background: #94a3b8 !important;
}

/* ==== IMPROVED TABLE HEADER ==== */
.filament-tables-header {
    background: linear-gradient(to bottom, #fafbfc 0%, #f4f5f7 100%) !important;
    border-bottom: 2px solid #e5e7eb !important;
}

.filament-tables-header-cell {
    font-weight: 600 !important;
    color: #374151 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    background-color: transparent !important;
    padding: 0.75rem 1rem !important;
}

/* ==== ENHANCED TABLE ROWS ==== */
.filament-tables-row {
    transition: all 0.2s ease !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.filament-tables-row:hover {
    background-color: #f9fafb !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.06) !important;
}

.filament-tables-cell {
    color: #374151 !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    vertical-align: middle !important;
    padding: 0.75rem 1rem !important;
}

/* ==== BADGE AND STATUS STYLING ==== */
.filament-tables-badge-column-cell .filament-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.25rem 0.75rem !important;
    border-radius: 0.375rem !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    background-color: rgb(239 246 255) !important;
    color: rgb(29 78 216) !important;
    border: 1px solid rgb(219 234 254) !important;
}

/* ==== TABLE PAGINATION SPACING ==== */
.filament-tables-pagination-wrapper {
    padding: 1.25rem !important;
    background-color: #fafbfc !important;
    border-top: 1px solid #e5e7eb !important;
}

/* ==== SEARCH AND FILTERS SPACING ==== */
.filament-tables-header-toolbar {
    padding: 1rem 1.25rem !important;
    background-color: white !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.filament-tables-search-container {
    max-width: 300px !important;
}

.filament-tables-search-input {
    border-radius: 6px !important;
    border: 1px solid #d1d5db !important;
    background-color: white !important;
    transition: all 0.2s ease !important;
}

.filament-tables-search-input:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}