/* Neutral page list/card borders — unified across main game pages */

:is(
    .battle-list-item,
    .mobile-battle-row,
    .building-row,
    .bld-card,
    .bld-res-item,
    .unit-row,
    .up-v3-tier-card,
    .up-v3-queue-item,
    .up-v3 .glass-panel,
    .research-node,
    .research-queue-item,
    .warehouse-tile,
    .marketplace-resource-item,
    .market-item-card,
    .general-profile-card,
    .home-panel,
    .home-top-battle-card,
    .home-hero-battle,
    .home-chat-panel,
    .home-article-row,
    .home-event-row,
    .home-activity-card
) {
    background: var(--cg-surface-bg);
    border: 1px solid var(--cg-surface-border);
    box-shadow: var(--cg-surface-shadow);
    transition:
        transform var(--dur-base) var(--ease),
        border-color var(--dur-base) var(--ease),
        box-shadow var(--dur-base) var(--ease),
        background var(--dur-base) var(--ease);
}

:is(
    .battle-list-item,
    .mobile-battle-row,
    .building-row,
    .bld-card,
    .unit-row,
    .up-v3-tier-card,
    .warehouse-tile:not(.warehouse-tile-static),
    .marketplace-resource-item,
    .general-profile-card:not(.general-profile-card-locked),
    .home-article-row,
    .home-event-row
):hover {
    transform: translateY(-2px);
    border-color: var(--cg-surface-border-hover);
    box-shadow: var(--cg-surface-shadow-hover);
}

/* Selected / active — stronger neutral border, no accent glow */
:is(
    .up-v3-tier-card.selected,
    .warehouse-tile-clickable.selected,
    .marketplace-resource-item.active,
    .general-profile-card-selected
) {
    border-color: var(--cg-surface-border-selected);
    box-shadow: var(--cg-surface-shadow-hover);
}

/* Remove legacy category / state colored container borders */
.building-row.building-category-resource,
.building-row.building-category-military,
.building-row.building-category-science,
.building-row.building-category-hq,
.building-row.building-category-resource:hover,
.building-row.building-category-military:hover,
.building-row.building-category-science:hover,
.building-row.building-category-hq:hover,
.bld-card.state-full,
.bld-card.state-ready,
.research-node-available,
.research-node-available:hover,
.research-node-active,
.research-node-completed,
.research-node-queued,
.up-v3-queue-item.active,
.general-profile-card-locked,
.general-profile-card-locked:hover {
    border-color: var(--cg-surface-border);
    box-shadow: var(--cg-surface-shadow);
}

:is(
    .research-node-available:hover,
    .research-node-active,
    .research-node-completed,
    .research-node-queued,
    .up-v3-queue-item.active
) {
    border-color: var(--cg-surface-border-hover);
    box-shadow: var(--cg-surface-shadow-hover);
}

.research-node:hover:not(.research-node-locked) {
    transform: translateY(-2px);
    border-color: var(--cg-surface-border-hover);
    box-shadow: var(--cg-surface-shadow-hover);
}

.research-node-locked:hover {
    transform: none;
    border-color: var(--cg-surface-border);
    box-shadow: var(--cg-surface-shadow);
}

.warehouse-tile.warehouse-tile-static:hover,
.warehouse-tile.empty {
    transform: none;
    border-color: var(--cg-surface-border);
    box-shadow: var(--cg-surface-shadow);
}

.marketplace-resource-item:hover,
.marketplace-resource-item.active {
    color: inherit;
    background: var(--cg-surface-bg);
}

.home-article-row:hover,
.home-event-row:hover {
    background: var(--cg-surface-bg);
}

.mobile-battle-row:active {
    transform: translateY(-1px);
    border-color: var(--cg-surface-border-hover);
}