/* IYABOKO SpaceCore RC.15 public hardening */

[data-spacecore-component] {
    max-width: 100%;
}

[data-spacecore-component] :is(button, select, a[href]) {
    -webkit-tap-highlight-color: transparent;
}

[data-spacecore-component] :is(button, select, a[href]):focus-visible {
    outline: 3px solid #ffd166;
    outline-offset: 3px;
}

[data-spacecore-component] button,
[data-spacecore-component] select {
    min-height: 44px;
}

[data-spacecore-component] :is(.iyb-log, .iyo-timeline) {
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

[data-spacecore-component] svg,
[data-spacecore-component] img {
    max-width: 100%;
}

[data-spacecore-component="mission-operations"] .iyo-chain,
[data-spacecore-component="public-home"] .iyh-chain {
    overflow-x: auto;
    padding-bottom: 3px;
}

@media (max-width: 782px) {
    [data-spacecore-component="live-spacecraft"],
    [data-spacecore-component="mission-operations"] {
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 12px !important;
    }

    [data-spacecore-component] button,
    [data-spacecore-component] select,
    [data-spacecore-component] a.iyh-button {
        min-height: 46px;
    }
}

@media (max-width: 520px) {
    [data-spacecore-component] {
        overflow-wrap: anywhere;
    }

    [data-spacecore-component="mission-operations"] .iyo-screen,
    [data-spacecore-component="mission-operations"] .iyo-feed {
        min-height: 360px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-spacecore-component],
    [data-spacecore-component] * {
        scroll-behavior: auto !important;
    }

    [data-spacecore-component] *,
    [data-spacecore-component] *::before,
    [data-spacecore-component] *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}
