.pricing-grid-container {
    overflow-x: auto;
    max-height: 600px;
    overflow-y: auto;
}

.pricing-grid {
    border-collapse: collapse;
    font-size: 0.8rem;
    min-width: 100%;
}

.pricing-grid th,
.pricing-grid td {
    border: 1px solid #dee2e6;
    padding: 4px 8px;
    text-align: right;
    white-space: nowrap;
}

.pricing-grid-corner {
    background-color: #1976d2;
    color: white;
    font-weight: 600;
    text-align: center !important;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 3;
}

.pricing-grid-header {
    background-color: #e3f2fd;
    font-weight: 600;
    text-align: center !important;
    position: sticky;
    top: 0;
    z-index: 2;
}

.pricing-grid-row-header {
    background-color: #e3f2fd;
    font-weight: 600;
    text-align: center !important;
    position: sticky;
    left: 0;
    z-index: 1;
}

.pricing-grid-cell {
    font-family: 'Roboto Mono', monospace;
}

.pricing-grid-empty {
    background-color: #f5f5f5;
    color: #bdbdbd;
}

/* ── Dark mode ── */
.theme-dark .pricing-grid th,
.theme-dark .pricing-grid td {
    border-color: #2d3e50;
    color: #e2e8f0;
}

.theme-dark .pricing-grid-header,
.theme-dark .pricing-grid-row-header {
    background-color: #233047;
    color: #e2e8f0;
}

.theme-dark .pricing-grid-empty {
    background-color: #1a2332;
    color: #6b7280;
}