:root {
    --ink: #17202a;
    --muted: #667085;
    --line: #d9dee7;
    --soft: #f6f8fb;
    --good: #0f7b4b;
    --warn: #9a5b00;
}

body {
    color: var(--ink);
    background: #f3f5f8;
}

.search-band,
.panel,
.comparison-wrap,
.empty-state,
.auth-panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 1.25rem;
}

.comparison-table th {
    white-space: nowrap;
}

.tyre-cell {
    min-width: 260px;
}

.price-box {
    min-width: 150px;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: .75rem;
}

.price-box.is-cheapest {
    border-color: #74c69d;
    background: #eefaf4;
}

.stock {
    font-size: .78rem;
    color: var(--warn);
    text-transform: capitalize;
}

.stock.in {
    color: var(--good);
}

.auth-panel {
    max-width: 420px;
}

.log-box {
    min-height: 220px;
    max-height: 420px;
    overflow: auto;
    background: #111827;
    color: #d1d5db;
    border-radius: 8px;
    padding: 1rem;
    font-size: .78rem;
}

@media (max-width: 768px) {
    main.container-fluid {
        padding-left: .85rem !important;
        padding-right: .85rem !important;
    }
}