/* UNISOL 360° — navegação inferior mobile premium, somente com ícones.
   Ajuste incremental auditado: preserva rotas, eventos, acessibilidade e funcionalidades. */
@media (max-width: 980px) {
    html body .u-shell nav.u-bottom {
        display: grid !important;
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        grid-template-rows: 52px !important;
        column-gap: 0 !important;
        row-gap: 0 !important;
        align-items: center !important;
        justify-items: stretch !important;
        box-sizing: border-box !important;
        width: 100% !important;
        min-height: 64px !important;
        height: auto !important;
        padding-top: 5px !important;
        padding-left: max(8px, env(safe-area-inset-left)) !important;
        padding-right: max(8px, env(safe-area-inset-right)) !important;
        padding-bottom: max(7px, env(safe-area-inset-bottom)) !important;
        background: rgba(17, 20, 23, .64) !important;
        -webkit-backdrop-filter: blur(22px) saturate(126%) !important;
        backdrop-filter: blur(22px) saturate(126%) !important;
        border-top: 1px solid rgba(255, 255, 255, .08) !important;
        box-shadow: 0 -8px 26px rgba(0, 0, 0, .12) !important;
        color: rgba(255, 255, 255, .95) !important;
        overflow: visible !important;
    }

    /* Ordem física e visual única: Buscar imóveis, Contatos, Conversas, Home, Agenda, Documentos, Menu. */
    html body .u-shell nav.u-bottom > :nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
    html body .u-shell nav.u-bottom > :nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
    html body .u-shell nav.u-bottom > :nth-child(3) { grid-column: 3 !important; grid-row: 1 !important; }
    html body .u-shell nav.u-bottom > :nth-child(4) { grid-column: 4 !important; grid-row: 1 !important; }
    html body .u-shell nav.u-bottom > :nth-child(5) { grid-column: 5 !important; grid-row: 1 !important; }
    html body .u-shell nav.u-bottom > :nth-child(6) { grid-column: 6 !important; grid-row: 1 !important; }
    html body .u-shell nav.u-bottom > :nth-child(7) { grid-column: 7 !important; grid-row: 1 !important; }

    html body .u-shell nav.u-bottom .u-bottom-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 52px !important;
        min-height: 52px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        align-self: center !important;
        justify-self: stretch !important;
        gap: 0 !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
        color: rgba(255, 255, 255, .95) !important;
        transition: transform 150ms ease, color 150ms ease, opacity 150ms ease !important;
    }

    html body .u-shell nav.u-bottom .u-bottom-lab,
    html body .u-shell nav.u-bottom .u-bottom-item.u-bottom-ativo::after {
        display: none !important;
        content: none !important;
    }

    /* Área óptica base. O tamanho percebido é calibrado individualmente abaixo. */
    html body .u-shell nav.u-bottom .u-bottom-ico {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
        color: rgba(255, 255, 255, .95) !important;
    }

    html body .u-shell nav.u-bottom .u-bottom-ico svg {
        display: block !important;
        fill: none !important;
        color: rgba(255, 255, 255, .95) !important;
        stroke: currentColor !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Equalização óptica: tamanhos diferentes para que todos pareçam do mesmo tamanho. */
    html body .u-shell nav.u-bottom .u-bottom-item--360 .u-bottom-ico svg {
        width: 28px !important;
        height: 28px !important;
        stroke-width: 1.78 !important;
    }

    html body .u-shell nav.u-bottom .u-bottom-item--contatos .u-bottom-ico svg {
        width: 27px !important;
        height: 27px !important;
        stroke-width: 1.92 !important;
        transform: translateY(.2px) !important;
    }

    /* Compromissos: calendário linear, proporcional e próximo da linguagem visual do iOS atual. */
    html body .u-shell nav.u-bottom .u-bottom-item--agenda .u-bottom-ico svg {
        width: 27px !important;
        height: 27px !important;
        stroke-width: 1.72 !important;
        transform: translateY(-.2px) !important;
    }

    html body .u-shell nav.u-bottom .u-bottom-item--mensagem .u-bottom-ico svg {
        width: 28px !important;
        height: 28px !important;
        stroke-width: 1.88 !important;
        transform: translateY(.3px) !important;
    }

    /* Google Drive redesenhado em linha para acompanhar a linguagem dos demais ícones. */
    html body .u-shell nav.u-bottom .u-bottom-item--documentos .u-bottom-ico {
        width: 31px !important;
        height: 31px !important;
        min-width: 31px !important;
        min-height: 31px !important;
    }

    html body .u-shell nav.u-bottom .u-bottom-item--documentos .u-bottom-ico svg.google-drive-icon {
        width: 30px !important;
        height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;
        stroke-width: 1.55 !important;
        opacity: .97 !important;
        transform: translateY(.1px) !important;
    }

    html body .u-shell nav.u-bottom .u-bottom-item--menu .u-bottom-ico svg {
        width: 27px !important;
        height: 27px !important;
        stroke-width: 1.82 !important;
        transform: translateY(.1px) !important;
    }

    /* Todos os atalhos secundários permanecem brancos também quando ativos. */
    html body .u-shell nav.u-bottom .u-bottom-item:not(.u-bottom-imoveis),
    html body .u-shell nav.u-bottom .u-bottom-item:not(.u-bottom-imoveis) .u-bottom-ico,
    html body .u-shell nav.u-bottom .u-bottom-item:not(.u-bottom-imoveis) .u-bottom-ico svg,
    html body .u-shell nav.u-bottom .u-bottom-item:not(.u-bottom-imoveis).u-bottom-ativo,
    html body .u-shell nav.u-bottom .u-bottom-item:not(.u-bottom-imoveis).u-bottom-ativo .u-bottom-ico,
    html body .u-shell nav.u-bottom .u-bottom-item:not(.u-bottom-imoveis).u-bottom-ativo .u-bottom-ico svg {
        color: rgba(255, 255, 255, .95) !important;
        stroke: currentColor !important;
    }

    html body .u-shell nav.u-bottom .u-bottom-item:active {
        transform: scale(.965) !important;
    }

    /* Home: destaque central premium, mais discreto e sofisticado. */
    html body .u-shell nav.u-bottom .u-bottom-imoveis {
        align-self: center !important;
        justify-self: stretch !important;
        color: #FF7A18 !important;
        z-index: 2 !important;
        transform: none !important;
    }

    html body .u-shell nav.u-bottom .u-bottom-imoveis .u-bottom-ico {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        margin: 0 auto !important;
        border-radius: 15px !important;
        color: #FF7A18 !important;
        background: linear-gradient(150deg, rgba(64, 49, 39, .84), rgba(28, 27, 27, .94)) !important;
        border: 1px solid rgba(255, 122, 24, .52) !important;
        box-shadow: 0 2px 10px rgba(0,0,0,.18), 0 0 9px rgba(255,122,24,.08), inset 0 1px 0 rgba(255,255,255,.11) !important;
        -webkit-backdrop-filter: blur(14px) saturate(112%) !important;
        backdrop-filter: blur(14px) saturate(112%) !important;
        overflow: hidden !important;
        position: relative !important;
    }

    html body .u-shell nav.u-bottom .u-bottom-imoveis .u-bottom-ico::before {
        content: '' !important;
        position: absolute !important;
        inset: 1px 4px auto 4px !important;
        height: 34% !important;
        border-radius: 13px 13px 52% 52% !important;
        background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0)) !important;
        pointer-events: none !important;
    }

    html body .u-shell nav.u-bottom .u-bottom-imoveis .u-bottom-ico svg {
        display: block !important;
        width: 30px !important;
        height: 30px !important;
        color: #FF7A18 !important;
        stroke: currentColor !important;
        stroke-width: 1.72 !important;
        z-index: 1 !important;
        transform: none !important;
    }
}