/* Shared Compare Table Styles - sticky first column with horizontal scroll
   Extracted from V4/Compare.aspx for reuse across V4 and SCW pages */

.compare-table {
    border-collapse: separate;
    border-spacing: 0;
}
.compare-table th {
    white-space: nowrap;
    background-color: #212529;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
.compare-table thead th {
    color: #fff !important;
    border-top-width: 1px;
}
.compare-table thead th.coweasy-row {
    color: #155724 !important;
}
.compare-table .table-warning td {
    color: #664d03 !important;
}
.compare-table .star-highlight td {
    color: #664d03 !important;
}
.compare-table td {
    text-align: center;
    vertical-align: middle;
    border-width: 0 1px 1px 0;
}
.compare-table td:first-child {
    text-align: left;
    font-weight: 500;
    white-space: nowrap;
    position: sticky;
    left: 0;
    background-color: #fff;
    z-index: 1;
    background-clip: padding-box;
    border-left-width: 1px;
}
.compare-table th {
    border-width: 0 1px 1px 0;
}
.compare-table th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #212529;
    background-clip: padding-box;
    border-left-width: 1px;
}
.compare-table .table-responsive {
    border-radius: 8px;
}
.compare-table .coweasy-row {
    background-color: #d4edda !important;
}
.compare-table .coweasy-row td:first-child {
    background-color: #d4edda !important;
}
.compare-table .coweasy-row:hover {
    background-color: #c3e6cb !important;
}
.compare-table .coweasy-row:hover td:first-child {
    background-color: #c3e6cb !important;
}
.compare-table .icon-check {
    color: #28a745;
    font-size: 1.1rem;
}
.compare-table .icon-cross {
    color: #dc3545;
    font-size: 1.1rem;
}
.compare-table .icon-warn {
    color: #ffc107;
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .compare-table td:first-child,
    .compare-table th:first-child {
        white-space: normal;
        overflow-wrap: break-word;
        max-width: 120px;
        min-width: 6em !important;
    }
}