/* =============================================================================
   profile-captain-snapshot.css - Self-only activity + home port (Command tab)
   Single mkt-detail-page with mkt-detail-spine dividing two ident rows.
   ============================================================================= */

#pp-captain-snapshot {
    background: rgba(0, 0, 0, 0.18);
}

.pp-captain-snapshot.mkt-detail-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
    gap: 0;
    align-items: center;
    padding: 14px 20px;
}

.pp-captain-snapshot .mkt-detail-stats-ident {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    gap: 14px;
    min-width: 0;
}

.pp-captain-snapshot .mkt-item-icon .context-icon-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Home port city icon — muted tone to match Command stats rail icons */
.pp-captain-snapshot .mkt-detail-spine + .mkt-detail-stats-ident .mkt-item-icon .mkt-item-img {
    filter: var(--stat-rail-icon-filter);
    opacity: 0.92;
}

/* Idle zzz — graphic only, not the icon box (.mkt-item-icon .mkt-item-img is 100% otherwise) */
.pp-captain-snapshot .pp-snapshot__icon--idle .context-icon-img--idle {
    width: 70%;
    height: 70%;
    filter: var(--idle-icon-filter);
    opacity: 0.9;
}

.pp-snapshot__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pp-snapshot__text .mkt-detail-stats-val {
    margin-top: -5px;
}

.pp-captain-snapshot .mkt-detail-stats-val strong {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pp-captain-snapshot .mkt-detail-stats-sub {
    margin-top: -2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pp-captain-snapshot .mkt-detail-spine {
    min-height: 0;
    align-self: stretch;
}

@media (max-width: 640px) {
    .pp-captain-snapshot.mkt-detail-page {
        grid-template-columns: 1fr;
        row-gap: 0;
        padding: 14px 16px;
    }

    .pp-captain-snapshot .mkt-detail-spine {
        display: none;
    }

    .pp-captain-snapshot .mkt-detail-stats-ident + .mkt-detail-stats-ident,
    .pp-captain-snapshot .mkt-detail-spine + .mkt-detail-stats-ident {
        border-top: 1px solid rgba(197, 160, 89, 0.12);
        padding-top: 12px;
        margin-top: 12px;
    }

    .pp-captain-snapshot .mkt-detail-stats-ident {
        justify-content: flex-start;
        padding-left: 0;
        padding-right: 0;
    }
}