/* Farmer Detail Page - Debug & Responsive Styles */

/* Ensure all containers display properly */
.mantine-Container-root {
    background-color: transparent;
}

.mantine-Grid-root {
    background-color: transparent;
}

.mantine-GridCol-root {
    min-height: auto;
}

.mantine-Stack-root {
    min-height: auto;
}

/* Ensure table is visible on desktop */
.mantine-Table-root {
    width: 100%;
    display: table;
    border-collapse: collapse;
}

.mantine-Table-root thead {
    display: table-header-group;
    background-color: #f8f9fa;
}

.mantine-Table-root tbody {
    display: table-row-group;
}

.mantine-Table-root tr {
    display: table-row;
}

.mantine-Table-root th,
.mantine-Table-root td {
    display: table-cell;
    padding: 10px 8px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e9ecef;
}

.mantine-Table-root th {
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
    background-color: #f8f9fa;
}

.mantine-Table-root tbody tr:hover {
    background-color: #f8f9fa;
}

/* Household table styling */
.household-table {
    width: 100%;
}

/* Fields section scrollable container */
.fields-scroll-container {
    max-height: 500px;
    overflow-y: auto;
}

.fields-scroll-container::-webkit-scrollbar {
    width: 6px;
}

.fields-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.fields-scroll-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}

.fields-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #888;
}

/* Ensure text is visible */
.mantine-Text-root {
    color: inherit;
}

.mantine-Title-root {
    color: inherit;
}

/* Badge styling */
.mantine-Badge-root {
    display: inline-block;
}

/* Group styling */
.mantine-Group-root {
    display: flex;
}

/* ScrollArea fix */
.mantine-ScrollArea-root {
    height: auto;
    min-height: auto;
}

/* Card styling */
.mantine-Card-root {
    display: block;
}

/* SimpleGrid styling */
.mantine-SimpleGrid-root {
    display: grid;
}

/* Responsive - Hide table on mobile */
@media (max-width: 992px) {
    .mantine-Table-root {
        display: none;
    }
}

/* Responsive - Show table on desktop */
@media (min-width: 993px) {
    .mantine-Table-root {
        display: table;
    }
}