.fc-uc-app-card,
.fc-uc-timeline,
.fc-uc-fleet,
.fc-uc-setup {
    color: var(--fc-text, CanvasText);
    font-family: var(--fc-font-base, system-ui);
}

.fc-uc-app-card {
    border: 1px solid var(--fc-border, color-mix(in srgb, CanvasText 18%, transparent));
    border-radius: var(--fc-radius-sm, 8px);
    padding: var(--fc-space-4, 1rem);
    display: grid;
    gap: var(--fc-space-3, .75rem);
    background: var(--fc-surface, Canvas);
}

.fc-uc-app-card__header {
    display: flex;
    gap: var(--fc-space-3, .75rem);
    align-items: center;
}

.fc-uc-app-card__icon {
    min-width: 44px;
    min-height: 44px;
    display: grid;
    place-items: center;
    border-radius: var(--fc-radius-sm, 8px);
    background: var(--fc-accent-muted, color-mix(in srgb, Highlight 15%, Canvas));
    color: var(--fc-accent-contrast, CanvasText);
    font-weight: 700;
}

.fc-uc-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: var(--fc-space-2, .5rem);
    margin: 0;
}

.fc-uc-meta dt {
    font-size: .875rem;
    color: var(--fc-text-muted, GrayText);
}

.fc-uc-meta dd {
    margin: 0;
}

.fc-uc-pill {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    border-radius: var(--fc-radius-sm, 8px);
    padding: 0 var(--fc-space-2, .5rem);
    background: var(--fc-surface-muted, color-mix(in srgb, CanvasText 8%, transparent));
}

.fc-uc-pill--ok,
.fc-uc-health--latest {
    background: var(--fc-success-surface, color-mix(in srgb, LinkText 16%, Canvas));
}

.fc-uc-pill--warn,
.fc-uc-health--older {
    background: var(--fc-warning-surface, color-mix(in srgb, Mark 35%, Canvas));
}

.fc-uc-pill--muted,
.fc-uc-health--unknown {
    background: var(--fc-surface-muted, color-mix(in srgb, CanvasText 10%, Canvas));
}

.fc-uc-health--failed {
    background: var(--fc-danger-surface, color-mix(in srgb, red 22%, Canvas));
}

.fc-uc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--fc-space-2, .5rem);
}

.fc-uc-actions button,
.fc-uc-setup__button,
.fc-uc-health,
.fc-uc-dialog button {
    min-width: 44px;
    min-height: 44px;
    font-size: 1rem;
}

.fc-uc-progress {
    height: .75rem;
    background: var(--fc-surface-muted, color-mix(in srgb, CanvasText 10%, Canvas));
    border-radius: 999px;
    overflow: hidden;
}

.fc-uc-progress span {
    display: block;
    height: 100%;
    background: var(--fc-accent, Highlight);
}

.fc-uc-cohort {
    display: grid;
    gap: var(--fc-space-2, .5rem);
    padding-block: var(--fc-space-2, .5rem);
}

.fc-uc-cohort__label {
    display: flex;
    justify-content: space-between;
    gap: var(--fc-space-2, .5rem);
}

.fc-uc-fleet__scroll {
    overflow-x: auto;
}

.fc-uc-fleet__table {
    border-collapse: collapse;
    min-width: 100%;
}

.fc-uc-fleet__table th,
.fc-uc-fleet__table td {
    padding: var(--fc-space-2, .5rem);
    border-bottom: 1px solid var(--fc-border, color-mix(in srgb, CanvasText 18%, transparent));
}

.fc-uc-health {
    width: 100%;
    border: 0;
    border-radius: var(--fc-radius-sm, 8px);
}

.fc-uc-dialog {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, Canvas 70%, transparent);
    z-index: 1000;
}

.fc-uc-dialog__panel {
    width: min(32rem, calc(100vw - 2rem));
    background: var(--fc-surface, Canvas);
    border: 1px solid var(--fc-border, color-mix(in srgb, CanvasText 18%, transparent));
    border-radius: var(--fc-radius-sm, 8px);
    padding: var(--fc-space-4, 1rem);
}

.fc-uc-dialog input {
    min-height: 44px;
    font-size: 1rem;
    width: 100%;
}

.fc-uc-check {
    display: flex;
    align-items: center;
    gap: var(--fc-space-2, .5rem);
}

.fc-uc-setup {
    display: grid;
    gap: var(--fc-space-3, .75rem);
}

.fc-uc-setup__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-inline: var(--fc-space-4, 1rem);
    border-radius: var(--fc-radius-sm, 8px);
    background: var(--fc-accent, Highlight);
    color: var(--fc-accent-contrast, HighlightText);
    text-decoration: none;
}

.fc-uc-qr svg {
    max-width: 10rem;
    height: auto;
}

@media (max-width: 768px) {
    .fc-uc-cohort__label,
    .fc-uc-actions {
        display: grid;
    }
}
.fc-release-notes-panel {
  border: 1px solid var(--fc-border, #d7dee7);
  border-radius: 8px;
  padding: 1rem;
  background: var(--fc-surface, #fff);
}

.fc-release-notes-panel__header,
.fc-release-notes-panel__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

.fc-release-notes-panel__header h2 {
  margin: 0;
  font-size: 1rem;
}

.fc-release-notes-panel__body {
  margin-top: 1rem;
  line-height: 1.5;
}

.fc-release-notes-panel__alert,
.fc-release-notes-panel__empty {
  margin-top: .75rem;
  color: var(--fc-muted, #5f6f7f);
}