/* Global table cell padding */
.table td {
    padding: 0.75rem 0.75rem;
}

/* Sticky thead for shop table */
.shop-table-scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.shop-table-scroll table {
    border-collapse: separate !important;
    border-spacing: 0;
    border-right: 1px solid var(--tblr-border-color);
}

.shop-table-scroll thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--tblr-bg-surface);
    border-bottom: 1px solid var(--tblr-border-color) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

/* Unconfirmed platform badge - subtle fill, readable on both themes */
.badge-unconfirmed {
    background: rgba(var(--tblr-secondary-rgb), 0.2);
    border: 1px solid rgba(var(--tblr-secondary-rgb), 0.35);
    color: var(--tblr-body-color);
}

/* Telemetry row highlight */
.row-telemetry > td {
    background: rgba(var(--tblr-teal-rgb), 0.07);
}

/* Subtler hover on shop table rows - override Bootstrap table-hover */
.table-hover > tbody > tr > td {
    transition: background-color 0.25s ease;
    --tblr-table-hover-bg: transparent;
}
.table-hover > tbody > tr:hover > td {
    background-color: rgba(0, 0, 0, 0.025) !important;
}
.table-hover > tbody > tr.row-telemetry:hover > td {
    background-color: rgba(var(--tblr-teal-rgb), 0.14) !important;
}

/* Badges in shop table */
.shop-table-scroll .badge {
    display: inline-block;
    text-align: center;
}

/* Domain cell - merchant name + domain on separate lines, external link slide-in on hover */
.domain-cell {
    display: flex;
    flex-direction: column;
    max-width: 100%;
}

.domain-cell > div > a {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.domain-external-link {
    display: inline-flex;
    opacity: 0;
    max-width: 0;
    transform: translateX(-8px);
    transition: opacity 0.2s ease, max-width 0.25s ease, transform 0.2s ease, margin 0.25s ease;
    margin-left: 0;
}

.domain-cell:hover .domain-external-link {
    opacity: 1;
    max-width: 24px;
    transform: translateX(0);
    margin-left: 4px;
}

/* Merchant group expand/collapse chevron rotation */
.chevron-icon.rotated {
    transform: rotate(180deg);
}

/* Merchant grouped rows - subtle background */
tr.merchant-group-row {
    background: var(--tblr-bg-surface-secondary);
}

/* Merchant group toggle row */
tr.merchant-group-toggle td {
    border-top: 1px solid var(--tblr-border-color);
    border-bottom: 1px solid var(--tblr-border-color);
}