/* Feature modal CSS → gunmetal + gold token alignment (loads after feature sheets) */

/* --- Shared: remove Orbitron, use Rajdhani --- */
.deploy-section-title,
.deploy-section-numbered-title,
.training-modal-title,
.training-modal-content,
.battle-report-content,
.mission-summary-content,
.vip-command-center,
.deploy-premium-brand-title,
.deploy-premium-h-kicker {
    font-family: var(--font-ui) !important;
}

/* --- Deploy modal: blue accents → gold --- */

.deploy-general-card.deploy-general-selected,
.deploy-general-card:hover:not(.deploy-general-disabled) {
    border-color: var(--accent-primary) !important;
    box-shadow: 0 0 0 1px var(--accent-primary), var(--sh-bevel) !important;
    background: var(--accent-primary-wash) !important;
}

.deploy-duration-card.deploy-duration-selected,
.deploy-duration-card:hover:not(:disabled) {
    border-color: var(--accent-primary) !important;
    box-shadow: var(--glow) !important;
    background: var(--accent-primary-wash) !important;
}

.deploy-modal-footer {
    border-top: 1px solid var(--border-subtle) !important;
    background: var(--bg-surface-1) !important;
}

.deploy-target-label {
    color: var(--accent-primary) !important;
}

.deploy-target-capacity {
    color: var(--accent-primary) !important;
}

.deploy-general-primary-bonus-cap {
    background: var(--accent-primary-wash) !important;
    color: var(--accent-primary) !important;
}

.deploy-impact-fill,
.impact-fill {
    filter: none !important;
}

.deploy-btn-deploy,
.deploy-modal-deploy-btn {
    background: linear-gradient(180deg, var(--accent-primary-hover) 0%, var(--accent-primary) 100%) !important;
    color: var(--text-on-accent) !important;
    border-color: color-mix(in srgb, var(--accent-primary) 60%, #000) !important;
    box-shadow: var(--sh-bevel) !important;
}

.deploy-btn-deploy:hover:not(:disabled),
.deploy-modal-deploy-btn:hover:not(:disabled) {
    box-shadow: var(--glow), var(--sh-bevel) !important;
}

/* Deploy premium wizard */
.deploy-premium {
    background: var(--bg-surface-1) !important;
    color: var(--text-primary) !important;
    font-family: var(--font-ui) !important;
}

.deploy-premium-modal {
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-md) !important;
    background: var(--bg-surface-1) !important;
    box-shadow: var(--sh-overlay), var(--sh-bevel) !important;
}

.deploy-premium-topbar {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

.deploy-premium-brand-mark {
    border-color: color-mix(in srgb, var(--accent-primary) 45%, transparent) !important;
    color: var(--accent-primary) !important;
    background: var(--accent-primary-wash) !important;
    box-shadow: none !important;
}

.deploy-premium-brand-title {
    color: var(--text-primary) !important;
}

.deploy-premium-brand-sub {
    color: var(--text-secondary) !important;
}

.deploy-premium-step--on {
    border-color: var(--accent-primary) !important;
    background: var(--accent-primary-wash) !important;
    color: var(--accent-primary) !important;
}

.deploy-premium-step--on .deploy-premium-step-i {
    background: var(--accent-primary) !important;
    color: var(--text-on-accent) !important;
}

.deploy-premium-btn-primary {
    background: linear-gradient(180deg, var(--accent-primary-hover) 0%, var(--accent-primary) 100%) !important;
    color: var(--text-on-accent) !important;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 60%, #000) !important;
    box-shadow: var(--sh-bevel) !important;
}

.deploy-premium-btn-primary:hover:not(:disabled) {
    box-shadow: var(--glow), var(--sh-bevel) !important;
}

.deploy-premium-chip--gold,
.deploy-premium-h-kicker {
    color: var(--accent-primary) !important;
}

/* --- Training grounds modal --- */

.training-modal-content {
    background: var(--bg-surface-1) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-lg) !important;
    box-shadow: var(--sh-overlay), var(--sh-bevel) !important;
}

.training-modal-header {
    border-bottom: 1px solid var(--border-subtle) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%) !important;
}

.training-modal-title {
    color: var(--text-primary) !important;
}

.training-modal-close {
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-sm) !important;
    color: var(--text-secondary) !important;
    background: transparent !important;
}

.training-modal-close:hover {
    border-color: var(--accent-primary) !important;
    color: var(--accent-primary) !important;
}

@media (max-width: 767.98px) {
    .training-modal-content {
        max-width: 100% !important;
        width: 100% !important;
        max-height: 100dvh !important;
        border-radius: var(--r-lg) var(--r-lg) 0 0 !important;
    }

    .training-modal-overlay {
        align-items: flex-end !important;
        padding: 0 !important;
    }
}

/* --- Battle report modal --- */

.battle-report-content {
    background: var(--bg-surface-1) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-lg) !important;
    box-shadow: var(--sh-overlay), var(--sh-bevel) !important;
}

.battle-report-header {
    border-bottom: 1px solid var(--border-subtle) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%) !important;
}

.battle-report-title {
    color: var(--text-primary) !important;
}

.battle-report-victory-badge {
    color: var(--status-success) !important;
    border-color: color-mix(in srgb, var(--status-success) 40%, transparent) !important;
}

@media (max-width: 767.98px) {
    .battle-report-overlay {
        align-items: flex-end !important;
        padding: 0 !important;
    }

    .battle-report-content {
        max-width: 100% !important;
        width: 100% !important;
        max-height: 100dvh !important;
        border-radius: var(--r-lg) var(--r-lg) 0 0 !important;
    }
}

/* --- Mission summary modal --- */

.mission-summary-content {
    background: var(--bg-surface-1) !important;
    border: 1px solid var(--border-subtle) !important;
    border-radius: var(--r-lg) !important;
    box-shadow: var(--sh-overlay), var(--sh-bevel) !important;
}

.mission-summary-header {
    border-bottom: 1px solid var(--border-subtle) !important;
}

.mission-summary-title {
    color: var(--text-primary) !important;
}

.mission-summary-btn-primary {
    background: linear-gradient(180deg, var(--accent-primary-hover) 0%, var(--accent-primary) 100%) !important;
    color: var(--text-on-accent) !important;
    border: 1px solid color-mix(in srgb, var(--accent-primary) 60%, #000) !important;
}

.mission-summary-btn-secondary {
    background: var(--bg-surface-2) !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

/* --- Marketplace building-modal (late-loaded sheet overrides bridge) --- */

.building-modal-content {
    background: var(--bg-surface-1) !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: var(--sh-overlay), var(--sh-bevel) !important;
}

.building-modal-header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, transparent 100%) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

.building-modal-title {
    color: var(--text-primary) !important;
    text-shadow: none !important;
}

.building-modal-close {
    background: transparent !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-secondary) !important;
}

.building-modal-close:hover {
    background: var(--accent-primary-wash) !important;
    border-color: var(--accent-primary) !important;
    color: var(--accent-primary) !important;
    transform: none !important;
}

.building-modal-body {
    background: var(--bg-surface-1) !important;
}

.building-modal-footer {
    background: var(--bg-surface-1) !important;
    border-top: 1px solid var(--border-subtle) !important;
}

/* --- Battle.css legacy cyan accents --- */

.attack-button:hover:not(:disabled):not(.cooldown) {
    background: linear-gradient(180deg, var(--accent-primary-hover) 0%, var(--accent-primary) 100%) !important;
    box-shadow: var(--glow), var(--sh-bevel) !important;
}

.battle-btn-secondary:hover {
    color: var(--accent-primary) !important;
    border-color: var(--accent-primary) !important;
}

/* --- Research tree title glow removal --- */

.research-title {
    color: var(--accent-primary) !important;
    text-shadow: none !important;
}

.research-tab:hover,
.research-tab.active {
    box-shadow: none !important;
}