/* Crimora City unified interface icons: clean white-to-soft-blue linework. */
.ec-ui-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    overflow: visible;
    vertical-align: -0.14em;
    pointer-events: none;
}

.ec-ui-icon--emoji {
    margin-inline: 0.08em;
}

button > .ec-ui-icon:first-child,
a > .ec-ui-icon:first-child,
label > .ec-ui-icon:first-child {
    margin-inline-start: 0;
    margin-inline-end: 0.42em;
}

.ec-nav-icon-button .ec-ui-icon,
.ec-nav-close-button .ec-ui-icon,
.ec-nav-chevron .ec-ui-icon {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0;
}

.ec-nav-link-icon--image img,
.ec-summary-icon img,
.ec-resource-icon-image,
.combat-stat-icon,
.gang-inline-icon,
.profile-inline-icon,
.profile-button-icon,
.profile-action-icon-image,
.profile-role-icon,
.profile-rank-icon {
    filter: none !important;
}

.ec-nav-link-icon--image {
    border-color: transparent !important;
    background: transparent !important;
}

.ec-nav-links > a.active:not(.ec-nav-admin-link) .ec-nav-link-icon--image img {
    filter: brightness(0.18) saturate(0.25) !important;
}

.ec-nav-link-icon--image img,
.ec-summary-icon img,
.ec-resource-icon-image,
.combat-stat-icon,
.gang-inline-icon,
.profile-inline-icon,
.profile-button-icon,
.profile-action-icon-image,
.profile-role-icon,
.profile-rank-icon,
.city-nav-card__icon img {
    object-fit: contain;
}

.city-nav-card__icon .ec-ui-icon,
.panel-icon .ec-ui-icon,
.profile-modal-icon .ec-ui-icon,
.admin-modal-icon .ec-ui-icon,
.gang-heading-icon .ec-ui-icon {
    width: 1.45em;
    height: 1.45em;
    margin: 0;
}

.asset-icon .ec-ui-icon,
.progression-icon .ec-ui-icon,
.ma-card-icon .ec-ui-icon,
.ma-achievement-icon .ec-ui-icon,
.ma-modal-icon .ec-ui-icon {
    width: 1.35em;
    height: 1.35em;
    margin: 0;
}

.asset-chip .ec-ui-icon,
.ma-chip .ec-ui-icon,
.ma-rewards .ec-ui-icon,
.ec-cooldown-chip .ec-ui-icon {
    width: 1.05em;
    height: 1.05em;
    margin-inline: 0 0.32em;
}

.profile-error-icon .ec-ui-icon,
.ec-nav-status-icon .ec-ui-icon {
    width: 1.35em;
    height: 1.35em;
    margin: 0;
}

.ec-ui-icons-ready .ec-nav-link-icon,
.ec-ui-icons-ready .city-nav-card__icon,
.ec-ui-icons-ready .asset-icon,
.ec-ui-icons-ready .ma-card-icon,
.ec-ui-icons-ready .ma-achievement-icon {
    font-family: inherit;
}

@media (max-width: 640px) {
    .city-nav-card__icon .ec-ui-icon,
    .panel-icon .ec-ui-icon,
    .profile-modal-icon .ec-ui-icon {
        width: 1.3em;
        height: 1.3em;
    }
}