/* Keep the syndicated command stations inside the Beta round's existing shell and palette. */
body.syndicate-page {
    --cyan: var(--blue);
    --gold: var(--yellow);
}

.syndicate-page .center-stack {
    display: grid;
    gap: 12px;
    align-content: start;
    min-width: 0;
}

.syndicate-page .syndicate-console-panel,
.syndicate-page .syndicate-console-views > [data-syndicate-view-panel] > .syndicate-view-grid > .syndicate-panel,
.syndicate-page .syndicate-console-views > [data-syndicate-view-panel] > .syndicate-panel {
    border-color: var(--border-strong);
    background: linear-gradient(145deg, rgba(2, 13, 26, .96), rgba(0, 3, 8, .98));
    box-shadow: 0 0 20px rgba(74, 163, 255, .06), inset 0 0 18px rgba(74, 163, 255, .025);
}

.syndicate-page .syndicate-system-deck {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.syndicate-page .syndicate-system-deck button {
    border-color: rgba(74, 163, 255, .28);
    background: rgba(0, 7, 15, .82);
    color: var(--text);
}

.syndicate-page .syndicate-system-deck button::after {
    background: var(--blue);
}

.syndicate-page .syndicate-system-deck button:hover,
.syndicate-page .syndicate-system-deck button:focus-visible,
.syndicate-page .syndicate-system-deck button.is-selected {
    border-color: var(--blue);
    background: linear-gradient(150deg, rgba(7, 36, 66, .9), rgba(0, 8, 18, .94));
    box-shadow: 0 0 16px rgba(74, 163, 255, .14);
}

.syndicate-page .syndicate-system-deck button b {
    border-color: rgba(74, 163, 255, .48);
    background: rgba(5, 24, 45, .86);
    color: var(--blue-soft);
}

.syndicate-page .syndicate-console-status {
    color: var(--blue-soft);
}

.syndicate-page .syndicate-member-card.is-current {
    border-color: rgba(74, 163, 255, .58);
    background: rgba(5, 23, 43, .8);
}

.syndicate-page .syndicate-role.deputy {
    border-color: rgba(74, 163, 255, .5);
    color: var(--blue-soft);
}

.syndicate-page .syndicate-store-launch,
.syndicate-page .syndicate-system-deck button:focus-visible {
    outline-color: var(--blue-soft);
}

@media (max-width: 1200px) {
    .syndicate-page .syndicate-system-deck {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .syndicate-page .syndicate-system-deck {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .syndicate-page .syndicate-system-deck {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .syndicate-page .syndicate-system-deck button,
    .syndicate-page .syndicate-system-deck button::after {
        transition: none;
    }
}