/* Versions (Super Admin), What's new (tenants), sidebar version number. */
.rel-card { border-color: var(--border-color); background: var(--surface); }
.rel-card .accordion-button { background: var(--surface); color: var(--text-main); box-shadow: none; }
.rel-card .accordion-button:not(.collapsed) { background: var(--brand-soft); }
.rel-card .accordion-body { background: var(--surface); }
.rel-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .75rem; min-width: 0; }
.rel-version { font-weight: 700; font-size: 1.05rem; color: var(--brand-primary); font-variant-numeric: tabular-nums; }
[data-bs-theme="dark"] .rel-version { color: #e08fb0; }
.rel-date { color: var(--text-muted); font-size: .9rem; }
.rel-title { font-weight: 600; color: var(--text-main); }
.rel-counts { color: var(--text-muted); font-size: .8rem; }
.rel-area + .rel-area { margin-top: 1rem; }
.rel-area-title { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted); margin-bottom: .4rem; }
.rel-items { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .45rem; }
.rel-items li { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem; }
.rel-text { flex: 1 1 260px; color: var(--text-main); }
.rel-pill { flex: 0 0 auto; min-width: 5.2rem; text-align: center; padding: .1rem .5rem; border-radius: 999px; font-size: .75rem; font-weight: 600; }
.rel-new { background: rgba(21, 128, 61, .12); color: #15803d; }
.rel-improved { background: rgba(37, 99, 235, .12); color: #1d4ed8; }
.rel-fixed { background: rgba(217, 119, 6, .14); color: #b45309; }
[data-bs-theme="dark"] .rel-new { color: #4ade80; }
[data-bs-theme="dark"] .rel-improved { color: #93b4ff; }
[data-bs-theme="dark"] .rel-fixed { color: #fbbf24; }
.rel-audience { font-size: .75rem; color: var(--text-muted); border: 1px solid var(--border-color); border-radius: 4px; padding: 0 .35rem; }

.rel-item-row { display: grid; grid-template-columns: 9rem 8rem 1fr auto auto; gap: .5rem; align-items: center; margin-bottom: .5rem; }
@media (max-width: 767px) {
  .rel-item-row { grid-template-columns: 1fr 1fr; padding-bottom: .5rem; border-bottom: 1px solid var(--border-color); }
  .rel-item-row [data-item-text] { grid-column: 1 / -1; }
  .rel-item-row [data-item-remove] { justify-self: end; }
}

.app-version-text, .app-version-link { display: block; font-size: .75rem; color: var(--text-muted); text-decoration: none; padding: .25rem .75rem; }
.app-version-link:hover { color: var(--brand-primary); text-decoration: underline; }
.app-sidebar.collapsed [data-app-version], .sidebar.collapsed [data-app-version] { display: none; }