/*
 * Version chip — one definition for every app.
 *
 * Blazor WebAssembly apps load this from their index.html:
 *     <link href="_content/TrainSpottingSpa.Core/css/ts-version-chip.css" rel="stylesheet" />
 *
 * Route Manager (Blazor Server, which has no reference to Core) mirrors these rules in
 * tsp/TrainSpotting.RouteManager/wwwroot/app.css — keep the two in sync if you edit here.
 *
 * The environment variant class is chosen at startup from the hosting environment, so a
 * chip coloured amber/teal/green always means Staging/Production at a glance. The chip
 * label is the app version; its tooltip carries the full
 * "<version>+build.<build number>.sha.<commit sha> (<environment>)" string.
 */
.ts-version-chip {
    font-weight: 700;
    letter-spacing: 0.04em;
}

.ts-version-chip--local {
    border-color: rgba(190, 206, 218, 0.58) !important;
    color: #d4e0ea !important;
}

.ts-version-chip--development {
    border-color: rgba(214, 168, 96, 0.64) !important;
    color: #efcf9d !important;
}

.ts-version-chip--staging {
    border-color: rgba(110, 177, 177, 0.64) !important;
    color: #b1dedb !important;
}

.ts-version-chip--production {
    border-color: rgba(122, 184, 142, 0.64) !important;
    color: #c3e2cb !important;
}