/* Shared Grid Styling */

/* Compact checkbox column */
.col-select {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    padding: 0.4rem 0.5rem !important;
}

.col-select th,
.col-select td {
    padding: 0.4rem 0.5rem !important;
    text-align: center !important;
}

/* Enhanced table styling */
.grid-compact tbody tr {
    transition: background-color 0.15s ease;
}

.grid-compact tbody tr:hover {
    background-color: #f8f9fa !important;
}

.grid-compact tbody tr td {
    vertical-align: middle !important;
    padding: 0.6rem 0.75rem !important;
}

/* Color coding for status and amounts */
.text-status-delivered {
    color: #28a745;
    font-weight: 500;
}

.text-status-pending {
    color: #fd7e14;
    font-weight: 500;
}

.text-amount {
    color: #0d6efd;
    font-weight: 600;
}

/* Row highlighting classes */
tr.sale-delivered td,
.sale-delivered td,
.sale-delivered > * {
    background-color: rgba(255,159,67,0.12) !important;
}

/* Action buttons styling */
.grid-actions {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.grid-action-btn {
    padding: 0.375rem 0.5rem !important;
    font-size: 0.875rem !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
}

.grid-action-btn:hover {
    transform: scale(1.05);
}