/* Additive v2 lifecycle presentation; kept page-local to preserve the global CSS rule stream. */
.ships-browse-page .ships-filter-row {
    grid-template-columns: minmax(230px, 1fr) 140px 180px 190px 140px;
}

.ship-badges .ship-lifecycle-badge {
    color: #dbe6ef;
    border-color: rgba(185, 201, 216, 0.48);
    background: rgba(185, 201, 216, 0.10);
}

.ship-badges .ship-lifecycle-badge--event,
.ship-badges .ship-lifecycle-badge--coop-only {
    color: #9ed7ff;
    border-color: rgba(80, 174, 235, 0.50);
    background: rgba(80, 174, 235, 0.10);
}

.ship-badges .ship-lifecycle-badge--review-required {
    color: #ffd28a;
    border-color: rgba(235, 167, 66, 0.56);
    background: rgba(235, 167, 66, 0.12);
}

.ship-badges .ship-lifecycle-badge--preserved {
    color: #e6d29d;
    border-color: rgba(199, 169, 96, 0.48);
    background: rgba(199, 169, 96, 0.10);
}

.ship-badges .ship-lifecycle-badge--disabled {
    color: #efb5b5;
    border-color: rgba(204, 103, 103, 0.46);
    background: rgba(204, 103, 103, 0.10);
}

.ship-badges .ship-lifecycle-badge--demo-without-stats {
    color: #d9b9ff;
    border-color: rgba(174, 122, 231, 0.50);
    background: rgba(174, 122, 231, 0.11);
}

.compare-ship-hero {
    position: relative;
}

.ship-detail-hero .ship-detail-kind-stack,
.compare-ship-hero .ship-detail-kind-stack {
    position: absolute;
    top: 18px;
    right: 20px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    max-width: min(280px, calc(100% - 40px));
}

.ship-detail-kind-stack .ship-detail-kind-overlay {
    position: static;
    max-width: 100%;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    font-size: 0.72rem;
}

.ship-detail-kind-stack .ship-lifecycle-dot {
    color: #b9c9d8;
    background: #b9c9d8;
}

.ship-detail-kind-stack .ship-lifecycle-dot--event,
.ship-detail-kind-stack .ship-lifecycle-dot--coop-only {
    color: #50aeeb;
    background: #50aeeb;
}

.ship-detail-kind-stack .ship-lifecycle-dot--review-required {
    color: #eba742;
    background: #eba742;
}

.ship-detail-kind-stack .ship-lifecycle-dot--preserved {
    color: #c7a960;
    background: #c7a960;
}

.ship-detail-kind-stack .ship-lifecycle-dot--disabled {
    color: #cc6767;
    background: #cc6767;
}

.ship-detail-kind-stack .ship-lifecycle-dot--demo-without-stats {
    color: #ae7ae7;
    background: #ae7ae7;
}

.ship-v2-section-grid.ship-detail-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    align-items: start;
}

.ship-v2-detail-card.ship-detail-card {
    min-width: 0;
    height: 100%;
}

.ship-v2-card-head.ship-title-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.ship-v2-card-head.ship-title-row h3 {
    flex: 1 1 190px;
    min-width: 0;
}

.ship-v2-card-icon.ship-feature-icon {
    width: 42px;
    height: 42px;
}

.ship-v2-card-badges {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.ship-v2-card-badges .ship-v2-data-badge {
    margin-left: 0;
    color: var(--accent-gold);
    border: 1px solid rgba(197, 160, 89, 0.42);
    background: rgba(197, 160, 89, 0.09);
}

.ship-v2-detail-card .ship-detail-list strong {
    max-width: 66%;
    overflow-wrap: anywhere;
}

.ship-feature-effect-list {
    width: 100%;
    display: grid;
    gap: 5px;
    margin-top: 10px;
}

.cmd-info .ship-feature-effect-list span {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 0;
    padding-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: #fff;
    text-align: right;
}

#ship-consumables .ship-consumables-grid {
    grid-auto-rows: 1fr;
}

.cmd-info .ship-feature-effect-list b {
    color: var(--text-muted);
    font-weight: 400;
    text-align: left;
}

.ship-upgrade-command-card .cmd-info,
#ship-consumables .command-card .cmd-info {
    min-width: 0;
    flex: 1 1 auto;
}

@media (min-width: 701px) and (max-width: 1050px) {
    .ships-browse-page .ships-filter-row {
        grid-template-columns: minmax(240px, 1fr) 1fr 1fr;
    }

    .ships-browse-page .ships-search-btn {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .ships-browse-page .ships-filter-row {
        grid-template-columns: 1fr;
    }

    .ship-detail-hero .ship-detail-kind-stack,
    .compare-ship-hero .ship-detail-kind-stack {
        top: 12px;
        right: 12px;
        max-width: calc(100% - 24px);
    }

    .ship-compare-page,
    .compare-groups,
    .compare-group,
    .compare-table,
    .compare-ship-heroes,
    .compare-ship-hero,
    .compare-row {
        min-width: 0;
    }

    .compare-ship-heroes {
        grid-template-columns: minmax(0, 1fr);
    }

    .compare-row {
        grid-template-columns: minmax(0, 1fr) minmax(88px, 110px) minmax(0, 1fr);
    }

    .compare-row strong {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .ship-v2-section-grid.ship-detail-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .ship-v2-detail-card .ship-detail-list div,
    .cmd-info .ship-feature-effect-list span {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .ship-v2-detail-card .ship-detail-list strong {
        max-width: 100%;
        text-align: left;
    }
}