/* ============================================================
   99-desktop-feed.css  (v2)
   - Aumenta o feed no desktop (mantém).
   - Topbar: logo grudado na esquerda, ícones grudados na direita,
     tamanhos um pouco maiores (não tão minúsculos em telas grandes).
   ============================================================ */

/* -------- FEED (mantido) -------- */
@media (min-width: 1080px) {
    .app-layout.with-side {
        grid-template-columns: minmax(0, 700px) 340px !important;
        gap: 32px !important;
        max-width: 1100px !important;
        padding: 0 24px !important;
    }
    .app-main { padding-top: 20px !important; }
}
@media (min-width: 1280px) {
    .app-layout.with-side {
        grid-template-columns: minmax(0, 740px) 360px !important;
        gap: 36px !important;
        max-width: 1200px !important;
    }
}
@media (min-width: 1500px) {
    .app-layout.with-side {
        grid-template-columns: minmax(0, 780px) 380px !important;
        max-width: 1260px !important;
    }
}
@media (min-width: 900px) {
    .app-main { max-width: 680px; }
}
@media (min-width: 1200px) {
    .app-main { max-width: 720px; }
}

/* -------- TOPBAR: logo na esquerda, ícones na direita -------- */
@media (min-width: 900px) {
    .topbar {
        padding: calc(14px + env(safe-area-inset-top)) 28px 14px !important;
    }
    .topbar-inner {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        justify-content: space-between !important;
    }
    .topbar .logo {
        font-size: 24px !important;
    }
    .topbar-actions {
        gap: 20px !important;
    }
    .topbar-actions .icon-btn svg {
        width: 26px !important;
        height: 26px !important;
    }
    .topbar-actions .avatar-btn img {
        width: 34px !important;
        height: 34px !important;
    }
}