/**
 * Icon-to-text spacing — loaded after game-art CSS so it always wins.
 * Matches side menu: 4px margin-right on icon (or label ::before), no legacy padding-left.
 */

body .topbalk__item,
body .topbalk__link {
    gap: 0 !important;
}

body .topbalk .icon,
body .topbalk__item > .icon,
body .topbalk__link .icon {
    --icon-padding: 0 !important;
    --icon-size: 18px !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 4px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    box-sizing: content-box !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

body .topbalk .icon::before,
body .topbalk__item > .icon::before,
body .topbalk__link .icon::before {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

body .topbalk__link .icon--notification {
    margin-right: 0 !important;
}

body .info-list__label.icon,
body .form__label.icon {
    --icon-padding: 0 !important;
    --icon-size: 18px !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: content-box !important;
}

body .info-list__label.icon::before,
body .form__label.icon::before {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex-shrink: 0 !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
}

body .killed-overlay__close .icon,
body .tutorial-overlay__discard .icon {
    --icon-padding: 0 !important;
    --icon-size: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    flex-shrink: 0 !important;
}

body .killed-overlay__close .icon::before,
body .tutorial-overlay__discard .icon::before {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}