.chart-container {
    position: relative;
    height: 280px;
    width: 100%;
}

#tdsOutput table {
    width: 100%;
    margin-top: 1rem;
}

#tdsOutput th, #tdsOutput td {
    padding: 0.5rem;
    text-align: left;
    border-bottom-width: 1px;
    border-color: #e5e7eb; /* gray-200 */
}

.dark #tdsOutput th, .dark #tdsOutput td {
    border-color: #374151; /* gray-700 */
}

#tdsOutput tr:last-child th, #tdsOutput tr:last-child td {
    font-weight: 700;
    color: #10b981; /* green-500 */
}

.dark #tdsOutput tr:last-child th, .dark #tdsOutput tr:last-child td {
    color: #34d399; /* green-400 */
}