/*
 * Styles for the `.plain-table` component.
 * Provides a clean table layout with solid borders, consistent padding,
 * and utility modifiers for dotted borders and disabled cell states.
 */

:root {
    --border-color: #f2f2f2;
}

.plain-table th, .plain-table td {
    border-right: 2px;
    border-style: solid !important;
    border-color: var(--border-color) !important;
    background-color: white;
    padding: .5rem;
}

.plain-table th {
    vertical-align: middle;
    height: 3.5rem;
}

.plain-table .dotted-bottom {
    border-bottom: 2px dashed var(--border-color) !important;
}

.plain-table .dotted-right, .plain-table .dotted {
    border-right: 2px dashed var(--border-color) !important;
}

.plain-table .disabled {
    background-color: transparent;
}