/* Informational popovers only. Interactive shell menus remain a separate
   navigation-menu contract and continue to use coach-shell.js. */

.v3-info-trigger {
    flex: 0 0 auto;
}

.v3-popover {
    width: min(
        286px,
        calc(100vw - var(--v3-safe-left) - var(--v3-safe-right) - 24px)
    );
    max-height: min(
        240px,
        calc(
            var(--v3-viewport-height)
            - var(--v3-safe-top)
            - var(--v3-safe-bottom)
            - 24px
        )
    );
    position: fixed;
    z-index: 1200;
    overflow: auto;
    margin: 0;
    border: 1px solid var(--v3-athlete-border, var(--v3-app-border-strong, currentColor));
    border-radius: var(--v3-radius-sm);
    color: var(--v3-athlete-text, var(--v3-app-text, currentColor));
    background: var(--v3-athlete-panel, var(--v3-app-panel, oklch(0.22 0.016 220)));
    padding: 10px 12px;
    box-shadow: 0 14px 34px oklch(0.08 0.012 220 / 0.28);
    font-size: var(--v3-type-caption, 12px);
    line-height: 1.42;
    font-weight: var(--v3-weight-medium, 600);
    overflow-wrap: anywhere;
}

.v3-popover[hidden] {
    display: none !important;
}

.v3-popover strong {
    color: inherit;
    font-weight: var(--v3-weight-heavy, 800);
}

@media (max-width: 700px), (pointer: coarse) {
    .v3-info-trigger {
        min-width: var(--v3-control-phone);
        min-height: var(--v3-control-phone);
    }
}

@media (prefers-reduced-motion: reduce) {
    .v3-popover {
        scroll-behavior: auto;
    }
}