/* Seaweed Tracker Specific Styles */

/* Table styles */
table {
    border: 2px solid var(--table-border);
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    min-width: 320px;
    margin: 20px auto;
    background-color: var(--table-bg);
    transition: background-color 0.3s ease;
    position: relative;
}

table tr {
    background: var(--table-bg);
    transition: background-color 0.3s ease;
}

table th, 
table td {
    padding: 10px 20px;
    color: var(--text-color);
    border-color: var(--table-border);
    border: 2px solid var(--table-border);
}

table th {
    border-bottom: 2px solid var(--table-border);
    background-color: var(--table-header-bg, #f0f0f0);
}

/* Empty table cells */
table tbody tr td:empty {
    background: var(--table-bg);
    position: relative;
}

table tbody tr td:empty:before {
    content: 'No Data Found';
    opacity: 0.4;
    color: var(--text-color);
}

/* Responsive table styles */
@media (max-width: 320px) {
    table {
        width: 100%;
        font-size: 12px;
    }

    table th, table td {
        padding: 5px;
        border-width: 2px;
    }
}