/* Compact table styles for Purchase Order Items */

/* Force compact input widths */
.compact-input,
td .compact-input,
.filament-tables-text-input-column input.compact-input {
    width: auto !important;
    max-width: inherit !important;
    min-width: inherit !important;
}

/* Specific width overrides for each column */
td:has(input[name*="product_id_raw"]) input {
    width: 80px !important;
    max-width: 80px !important;
    min-width: 80px !important;
}

td:has(input[name*="partslink"]) input {
    width: 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
}

td:has(input[name*="supplier_part_number"]) input {
    width: 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
}

td:has(input[name*="supplier"]):not(:has(input[name*="supplier_part_number"])) input {
    width: 45px !important;
    max-width: 45px !important;
    min-width: 45px !important;
}

td:has(select[name*="location_id"]) select,
.compact-select {
    width: 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
}

td:has(input[name*="quantity"]) input {
    width: 35px !important;
    max-width: 35px !important;
    min-width: 35px !important;
}

td:has(input[name*="unit_price"]) input {
    width: 40px !important;
    max-width: 40px !important;
    min-width: 40px !important;
}

td:has(input[name*="length"]) input,
td:has(input[name*="width"]) input,
td:has(input[name*="height"]) input,
td:has(input[name*="weight"]) input {
    width: 30px !important;
    max-width: 30px !important;
    min-width: 30px !important;
}

/* Reduce padding on all compact inputs */
.compact-input,
.compact-select {
    padding: 2px 4px !important;
    font-size: 0.875rem !important;
}

/* Make table cells tighter */
.filament-tables-table tbody td {
    padding: 0.25rem 0.5rem !important;
}

/* Override Filament's default input styles */
.filament-forms-text-input-component input[type="text"].compact-input,
.filament-forms-text-input-component input[type="number"].compact-input {
    padding: 2px 4px !important;
}