/* Footer version badge and the What's Changed dialog (public site and console). */

.site-footer .version-badge { font: 500 var(--step--2)/1 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--night-muted); background: none;
  border: 1px solid var(--night-line); border-radius: 999px; padding: .35rem .6rem; min-height: 0; letter-spacing: .02em; }
.site-footer button.version-badge:hover { color: var(--brand-gold); border-color: var(--brand-gold); transform: none; background: none; }
.site-footer .version-badge.plain { display: inline-block; }
.version-dialog { width: min(68rem, 100% - 2rem); max-height: min(88vh, 60rem); padding: 0; border: 1px solid var(--night-line);
  border-radius: var(--radius-lg); background: var(--night-1); color: var(--night-text); box-shadow: 0 40px 100px -20px rgb(0 0 0 / .8);
  font-size: var(--step--1); }
.version-dialog[open] { display: flex; flex-direction: column; }
.version-dialog::backdrop { background: rgb(5 7 15 / .7); backdrop-filter: blur(4px); }
.version-dialog > header { display: flex; align-items: baseline; gap: 1rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--night-line); }
.version-dialog h2 { margin: 0; font-size: var(--step-2); color: var(--white); }
.version-dialog header .icon-button { margin-left: auto; align-self: center; }
.v-filters { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr auto; gap: .6rem; align-items: center; padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--night-line); }
@media (max-width: 48rem) { .v-filters { grid-template-columns: 1fr 1fr; } .v-filters input { grid-column: 1 / -1; } }
.v-filters input, .v-filters select { background: var(--night-0); color: var(--night-text); border-color: var(--night-line); min-height: 40px; }
.v-list { list-style: none; margin: 0; padding: 0; overflow-y: auto; flex: 1; }
.v-item { padding: 1.1rem 1.5rem; border-bottom: 1px solid var(--night-line); border-left: 3px solid transparent; }
.v-item.is-running { border-left-color: var(--brand-gold); }
.v-top { display: flex; gap: 1rem; justify-content: space-between; align-items: baseline; }
.v-top h3 { margin: 0; font: 650 var(--step-0)/1.35 var(--font-body); letter-spacing: 0; color: var(--white); }
.v-sha { color: var(--night-muted); font-size: var(--step--2); flex: none; }
.v-meta { display: flex; flex-wrap: wrap; gap: .4rem .9rem; align-items: center; margin-top: .45rem; color: var(--night-muted); }
.v-add { color: #6ee7a0; } .v-del { color: #ff8f8f; }
.v-tag { font-size: var(--step--2); letter-spacing: .08em; text-transform: uppercase; padding: .2rem .5rem; border-radius: 6px;
  background: rgb(255 255 255 / .07); color: var(--night-text); }
.v-tag.running { background: rgb(255 194 38 / .18); color: var(--brand-gold); }
.v-body { white-space: pre-wrap; margin: .7rem 0 0; padding-left: 1rem; border-left: 2px solid var(--night-line); color: #c9d1e4; max-width: 90ch; }
.version-dialog > footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .9rem 1.5rem;
  border-top: 1px solid var(--night-line); }
.version-dialog footer button { background: transparent; color: var(--night-text); border-color: var(--night-line); }

/* On a phone the version shows just its commit ("daa3f13"); the full label is in its tooltip (Steve, 2026-10-28) */
.version-badge .v-short { display: none; }
@media (max-width: 40rem) { .version-badge .v-long { display: none; } .version-badge .v-short { display: inline; } }