/* ACHIEVO — standalone pages (intro, hall, stats, jobs, void, reclams) */

@media (max-width: 820px) {
    html.achievo-mobile body {
        padding-left: max(12px, env(safe-area-inset-left));
        padding-right: max(12px, env(safe-area-inset-right));
        padding-bottom: max(12px, env(safe-area-inset-bottom));
    }

    /* VacancyHub standalone */
    .gj-standalone-bar {
        flex-wrap: wrap;
        gap: 8px;
        padding: 10px 12px;
    }

    .gj-standalone-bar__vos {
        min-height: var(--achievo-touch-min);
        padding: 8px 14px;
    }

    /* Intro boot HUD */
    .ih-frame {
        inset: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right))
               max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    }

    .ih-sound-toggle {
        top: max(12px, env(safe-area-inset-top));
        right: max(12px, env(safe-area-inset-right));
        min-width: var(--achievo-touch-min);
        min-height: var(--achievo-touch-min);
    }

    .ih-boot-actions,
    .ih-actions {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }

    .ih-boot-actions button,
    .ih-actions button {
        min-height: var(--achievo-touch-min);
    }

    /* Hall of achievements nav */
    .hall-nav .nav-btn,
    .hall-nav button {
        min-height: var(--achievo-touch-min);
        padding: 10px 14px;
    }

    /* Stats / devlog shared nav patterns */
    .stats-nav,
    .devlog-nav {
        flex-wrap: wrap;
        gap: 8px;
        padding: 0 12px;
    }

    .stats-nav a,
    .devlog-nav a,
    .stats-nav button,
    .devlog-nav button {
        min-height: var(--achievo-touch-min);
    }

    /* Void / isolation narrative pages */
    .isolation-wrap,
    .void-shell,
    #main-display {
        padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right))
                 max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
        font-size: clamp(12px, 3.4vw, 14px);
        line-height: 1.5;
        box-sizing: border-box;
    }

    /* Messenger safe areas (works with existing .mobile-view) */
    #app-container,
    .messenger-root {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
    }

    #toggle-view-btn,
    #exit-chat-btn,
    .messenger-root button {
        min-height: var(--achievo-touch-min);
    }

    /* Reclams demo pages */
    .demo-reclams .reclams-shell,
    .reclams-page .reclams-shell {
        width: min(100% - 24px, 960px);
        margin-inline: auto;
    }

    .reclams-nav,
    .demo-nav {
        flex-wrap: wrap;
        gap: 8px;
    }

    .reclams-nav a,
    .demo-nav a {
        min-height: var(--achievo-touch-min);
        display: inline-flex;
        align-items: center;
    }

    .reclams-terminal,
    .demo-terminal {
        font-size: clamp(11px, 3vw, 13px);
        overflow-x: auto;
    }

    /* App store */
    .as-root {
        min-height: 100dvh;
        padding-bottom: env(safe-area-inset-bottom);
    }

    .as-sidebar {
        max-height: 160px;
        overflow-y: auto;
    }
}

@media (max-width: 520px) {
    .hall-nav .nav-user,
    .stats-nav .nav-meta {
        display: none;
    }

    .ih-main {
        padding: 16px 12px;
    }

    .gj-standalone-bar span {
        font-size: 11px;
    }
}