/* Responsive padding for container */
.responsive-container-padding {
    padding-left: var(--mantine-spacing-xs);
    padding-right: var(--mantine-spacing-xs);
}

/* Mantine 'sm' breakpoint - Small devices (landscape phones) */
@media (min-width: 576px) {
    .responsive-container-padding {
        padding-left: var(--mantine-spacing-sm);
        padding-right: var(--mantine-spacing-sm);
    }
}

/* Mantine 'md' breakpoint - Medium devices (tablets) */
@media (min-width: 768px) {
    .responsive-container-padding {
        padding-left: var(--mantine-spacing-md);
        padding-right: var(--mantine-spacing-md);
    }
}

/* Mantine 'lg' breakpoint - Large devices (desktops) */
@media (min-width: 992px) {
    .responsive-container-padding {
        padding-left: var(--mantine-spacing-lg);
        padding-right: var(--mantine-spacing-lg);
    }
}

/* Table styling */
.table-header-cell {
    font-size: 0.8rem;
    background-color: rgb(220, 230, 250);
    font-weight: bold;
    padding: 8px;
    border: 1px solid #dee2e6;
}

.table-data-cell {
    font-size: 0.9rem;
    padding: 8px;
    border: 1px solid #dee2e6;
}

.table-label-cell {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 4px 8px;
    border: 1px solid #dee2e6;
}

.table-value-cell {
    font-size: 0.9rem;
    padding: 4px 8px;
    border: 1px solid #dee2e6;
}

.table-empty-message {
    text-align: center;
    color: #868e96;
    font-style: italic;
}