/* Dispositivos Móveis (Smartphones < 768px) */
        @media (max-width: 767px) {
            html, body {
                max-width: 100vw;
                overflow-x: clip;
                overscroll-behavior: none !important;
                overscroll-behavior-y: none !important;
            }

            /* Ocultar rail fixo no celular para ergonomia total */
            .sidebar-tech-rail {
                display: none !important;
            }

            .app-main-content {
                width: 100% !important;
                max-width: 100% !important;
                padding-bottom: calc(75px + env(safe-area-inset-bottom)) !important;
            }

            /* ★ NAVEGAÇÃO INFERIOR FIXA (MOBILE BOTTOM BAR - NATIVE APP) ★ */
            .mobile-bottom-bar {
                position: fixed !important;
                bottom: 0 !important;
                left: 0 !important;
                right: 0 !important;
                height: 64px !important;
                background: rgba(15, 19, 31, 0.95) !important;
                backdrop-filter: blur(20px) !important;
                -webkit-backdrop-filter: blur(20px) !important;
                border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-around !important;
                z-index: 9998 !important;
                padding-bottom: env(safe-area-inset-bottom) !important;
                box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.45) !important;
            }

            body.theme-light .mobile-bottom-bar,
            body[data-theme="clean-executive"] .mobile-bottom-bar {
                background: rgba(255, 255, 255, 0.96) !important;
                border-top: 1px solid #e2e8f0 !important;
                box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08) !important;
            }

            .bottom-tab-btn {
                flex: 1 !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                background: none !important;
                border: none !important;
                color: #94a3b8 !important;
                padding: 6px 0 !important;
                cursor: pointer !important;
                gap: 3px !important;
                transition: all 0.2s ease !important;
                outline: none !important;
            }

            .bottom-tab-btn .tab-icon {
                font-size: 1.15rem !important;
                line-height: 1 !important;
                transition: transform 0.2s ease !important;
            }

            .bottom-tab-btn .tab-label {
                font-size: 0.68rem !important;
                font-weight: 700 !important;
                line-height: 1 !important;
            }

            .bottom-tab-btn.active,
            .bottom-tab-btn:hover {
                color: #38bdf8 !important;
            }

            .bottom-tab-btn.active .tab-icon {
                transform: scale(1.1) !important;
            }

            /* Botão Central de Ação Flutuante no Tabbar */
            .bottom-tab-btn.tab-btn-action {
                position: relative !important;
                top: -12px !important;
            }

            .bottom-tab-btn.tab-btn-action .tab-action-circle {
                width: 48px !important;
                height: 48px !important;
                border-radius: 50% !important;
                background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
                color: #ffffff !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                font-size: 1.25rem !important;
                box-shadow: 0 6px 18px rgba(2, 132, 199, 0.5) !important;
                border: 2px solid rgba(255, 255, 255, 0.2) !important;
                transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
            }

            .bottom-tab-btn.tab-btn-action:active .tab-action-circle {
                transform: scale(0.92) !important;
            }

            /* ★ BOTTOM SHEET DESLIZANTE INFERIOR (FOTO ENVIADA) ★ */
            .bottom-sheet-backdrop {
                position: fixed !important;
                inset: 0 !important;
                background: rgba(0, 0, 0, 0.72) !important;
                backdrop-filter: blur(10px) !important;
                -webkit-backdrop-filter: blur(10px) !important;
                z-index: 9999 !important;
                opacity: 0 !important;
                pointer-events: none !important;
                transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
            }

            .bottom-sheet-backdrop.active {
                opacity: 1 !important;
                pointer-events: auto !important;
            }

            .bottom-sheet-modal {
                position: fixed !important;
                left: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                max-height: 88vh !important;
                background: #171923 !important;
                border-top-left-radius: 26px !important;
                border-top-right-radius: 26px !important;
                border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
                box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.8) !important;
                z-index: 10000 !important;
                padding: 12px 18px calc(24px + env(safe-area-inset-bottom)) 18px !important;
                transform: translateY(105%) !important;
                transition: transform 0.34s cubic-bezier(0.16, 1, 0.3, 1) !important;
                display: flex !important;
                flex-direction: column !important;
                overflow-y: auto !important;
                -webkit-overflow-scrolling: touch !important;
            }

            body.theme-light .bottom-sheet-modal,
            body[data-theme="clean-executive"] .bottom-sheet-modal {
                background: #f8fafc !important;
                border-top: 1px solid #cbd5e1 !important;
                box-shadow: 0 -12px 35px rgba(0, 0, 0, 0.2) !important;
            }

            .bottom-sheet-modal.active {
                transform: translateY(0) !important;
            }

            /* Handle de puxar tátil */
            .sheet-drag-handle {
                width: 44px !important;
                height: 5px !important;
                background: rgba(255, 255, 255, 0.28) !important;
                border-radius: 9999px !important;
                margin: 0 auto 14px auto !important;
                cursor: pointer !important;
            }

            body.theme-light .sheet-drag-handle,
            body[data-theme="clean-executive"] .sheet-drag-handle {
                background: #cbd5e1 !important;
            }

            .sheet-header {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                margin-bottom: 16px !important;
            }

            .sheet-title {
                font-size: 1.25rem !important;
                font-weight: 800 !important;
                color: #ffffff !important;
                margin: 0 !important;
                line-height: 1.2 !important;
            }

            body.theme-light .sheet-title,
            body[data-theme="clean-executive"] .sheet-title {
                color: #0f172a !important;
            }

            .sheet-subtitle {
                font-size: 0.75rem !important;
                color: #94a3b8 !important;
                font-weight: 500 !important;
            }

            .sheet-close-btn {
                width: 32px !important;
                height: 32px !important;
                border-radius: 50% !important;
                background: rgba(255, 255, 255, 0.1) !important;
                border: none !important;
                color: #cbd5e1 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                cursor: pointer !important;
            }

            /* ★ GRID EXATO DA FOTO DO USUÁRIO (3 COLUNAS COM CARTÕES ESCUROS E ÍCONES COLORIDOS) ★ */
            .sheet-grid {
                display: grid !important;
                grid-template-columns: repeat(3, 1fr) !important;
                gap: 12px !important;
                padding-bottom: 8px !important;
            }

            .sheet-action-card {
                background: #222533 !important;
                border-radius: 18px !important;
                border: 1px solid rgba(255, 255, 255, 0.06) !important;
                padding: 16px 8px 12px 8px !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                text-align: center !important;
                text-decoration: none !important;
                cursor: pointer !important;
                transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
                outline: none !important;
            }

            body.theme-light .sheet-action-card,
            body[data-theme="clean-executive"] .sheet-action-card {
                background: #ffffff !important;
                border: 1px solid #e2e8f0 !important;
                box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important;
            }

            .sheet-action-card:active {
                transform: scale(0.94) !important;
            }

            /* Caixa de Ícone Luminoso */
            .sheet-icon-box {
                width: 48px !important;
                height: 48px !important;
                border-radius: 14px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                font-size: 1.4rem !important;
                margin-bottom: 8px !important;
                transition: transform 0.2s ease, background 0.2s ease !important;
            }

            .sheet-icon-box svg {
                width: 26px !important;
                height: 26px !important;
                display: block !important;
                flex-shrink: 0 !important;
            }

            /* Cores dos Ícones idênticas à imagem com contraste perfeito nos dois modos */
            .box-blue {
                color: #0284c7 !important;
                background: rgba(2, 132, 199, 0.12) !important;
                box-shadow: 0 0 16px rgba(2, 132, 199, 0.2) !important;
            }
            .box-green {
                color: #16a34a !important;
                background: rgba(22, 163, 74, 0.12) !important;
                box-shadow: 0 0 16px rgba(22, 163, 74, 0.2) !important;
            }
            .box-purple {
                color: #9333ea !important;
                background: rgba(147, 51, 234, 0.12) !important;
                box-shadow: 0 0 16px rgba(147, 51, 234, 0.2) !important;
            }
            .box-orange {
                color: #ea580c !important;
                background: rgba(234, 88, 12, 0.12) !important;
                box-shadow: 0 0 16px rgba(234, 88, 12, 0.2) !important;
            }
            .box-red {
                color: #dc2626 !important;
                background: rgba(220, 38, 38, 0.12) !important;
                box-shadow: 0 0 16px rgba(220, 38, 38, 0.2) !important;
            }
            .box-yellow {
                color: #d97706 !important;
                background: rgba(217, 119, 6, 0.12) !important;
                box-shadow: 0 0 16px rgba(217, 119, 6, 0.2) !important;
            }
            .box-teal {
                color: #0d9488 !important;
                background: rgba(13, 148, 136, 0.12) !important;
                box-shadow: 0 0 16px rgba(13, 148, 136, 0.2) !important;
            }
            .box-indigo {
                color: #4f46e5 !important;
                background: rgba(79, 70, 229, 0.12) !important;
                box-shadow: 0 0 16px rgba(79, 70, 229, 0.2) !important;
            }
            .box-slate {
                color: #475569 !important;
                background: rgba(100, 116, 139, 0.12) !important;
                box-shadow: 0 0 16px rgba(100, 116, 139, 0.2) !important;
            }

            /* No Modo Escuro (Cyber-Slate / Dark), tons fluorescentes vibrantes */
            body.dark-mode .box-blue,
            body[data-theme="cyber-slate"] .box-blue {
                color: #38bdf8 !important;
                background: rgba(56, 189, 248, 0.16) !important;
                box-shadow: 0 0 18px rgba(56, 189, 248, 0.4) !important;
            }
            body.dark-mode .box-green,
            body[data-theme="cyber-slate"] .box-green {
                color: #4ade80 !important;
                background: rgba(74, 222, 128, 0.16) !important;
                box-shadow: 0 0 18px rgba(74, 222, 128, 0.4) !important;
            }
            body.dark-mode .box-purple,
            body[data-theme="cyber-slate"] .box-purple {
                color: #c084fc !important;
                background: rgba(192, 132, 252, 0.16) !important;
                box-shadow: 0 0 18px rgba(192, 132, 252, 0.4) !important;
            }
            body.dark-mode .box-orange,
            body[data-theme="cyber-slate"] .box-orange {
                color: #fb923c !important;
                background: rgba(251, 146, 60, 0.16) !important;
                box-shadow: 0 0 18px rgba(251, 146, 60, 0.4) !important;
            }
            body.dark-mode .box-red,
            body[data-theme="cyber-slate"] .box-red {
                color: #f87171 !important;
                background: rgba(248, 113, 113, 0.16) !important;
                box-shadow: 0 0 18px rgba(248, 113, 113, 0.4) !important;
            }
            body.dark-mode .box-yellow,
            body[data-theme="cyber-slate"] .box-yellow {
                color: #facc15 !important;
                background: rgba(250, 204, 21, 0.16) !important;
                box-shadow: 0 0 18px rgba(250, 204, 21, 0.4) !important;
            }
            body.dark-mode .box-teal,
            body[data-theme="cyber-slate"] .box-teal {
                color: #2dd4bf !important;
                background: rgba(45, 212, 191, 0.16) !important;
                box-shadow: 0 0 18px rgba(45, 212, 191, 0.4) !important;
            }
            body.dark-mode .box-indigo,
            body[data-theme="cyber-slate"] .box-indigo {
                color: #818cf8 !important;
                background: rgba(129, 140, 248, 0.16) !important;
                box-shadow: 0 0 18px rgba(129, 140, 248, 0.4) !important;
            }
            body.dark-mode .box-slate,
            body[data-theme="cyber-slate"] .box-slate {
                color: #cbd5e1 !important;
                background: rgba(148, 163, 184, 0.16) !important;
                box-shadow: 0 0 18px rgba(148, 163, 184, 0.4) !important;
            }

            .sheet-card-title {
                font-size: 0.78rem !important;
                font-weight: 700 !important;
                color: #f1f5f9 !important;
                line-height: 1.2 !important;
                margin-bottom: 2px !important;
            }

            body.theme-light .sheet-card-title,
            body[data-theme="clean-executive"] .sheet-card-title {
                color: #0f172a !important;
            }

            .sheet-card-sub {
                font-size: 0.62rem !important;
                color: #94a3b8 !important;
                font-weight: 500 !important;
                line-height: 1.1 !important;
            }

            .desktop-only {
                display: none !important;
            }

            .mobile-only {
                display: inline-flex !important;
            }

            .ticket-item.ticket-collapsible {
                padding: 12px 14px;
                gap: 0;
            }

            /* No celular: Grid compacto de botões de ação do chamado para enxugar a tela */
            .ticket-item .actions-group {
                display: flex !important;
                flex-wrap: wrap !important;
                gap: 6px !important;
                width: 100% !important;
                margin-top: 6px !important;
            }

            .ticket-item .actions-group .btn-small,
            .ticket-item .actions-group span.btn-small {
                min-height: 34px !important;
                height: 34px !important;
                flex: 1 1 calc(50% - 6px) !important;
                padding: 0 8px !important;
                font-size: 0.75rem !important;
                font-weight: 700 !important;
                border-radius: 8px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                text-align: center !important;
                box-sizing: border-box !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                margin: 0 !important;
            }

            /* Botão que ocupa 100% da largura (duas colunas no grid móvel) */
            .ticket-item .actions-group .btn-full-grid {
                grid-column: span 2 !important;
            }

            /* Ajuste do Dropdown de Mais Ações no celular */
            .ticket-item .actions-group .ticket-dropdown-container {
                width: 100% !important;
                display: flex !important;
            }
            .ticket-item .actions-group .ticket-dropdown-container .btn-ticket-dropdown-toggle {
                width: 100% !important;
                min-height: 38px !important;
                height: 38px !important;
            }
            .ticket-item .actions-group .ticket-dropdown-container .ticket-dropdown-menu {
                right: 0 !important;
                left: auto !important;
                min-width: 220px !important;
                max-width: calc(100vw - 32px) !important;
            }

            /* No celular: Carrossel Deslizante Moderno (Touch Scroll-Snap) para enxugar o app e dar ergonomia nativa */
            #dashboard-stats-grid {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                scroll-snap-type: x mandatory !important;
                -webkit-overflow-scrolling: touch !important;
                gap: 12px !important;
                padding: 4px 6px 12px 4px !important;
                margin-bottom: 12px !important;
                scrollbar-width: none !important; /* Firefox */
                -ms-overflow-style: none !important;
            }

            #dashboard-stats-grid::-webkit-scrollbar {
                display: none !important; /* Chrome / Safari / Edge */
            }

            #dashboard-stats-grid .stat-card.cyber-kpi-card {
                flex: 0 0 155px !important;
                min-width: 155px !important;
                max-width: 165px !important;
                scroll-snap-align: start !important;
                padding: 14px 14px 12px !important;
                border-radius: 14px !important;
                user-select: none !important;
            }

            #dashboard-stats-grid .stat-card.cyber-kpi-card .stat-value {
                font-size: 1.65rem !important;
            }

            #dashboard-stats-grid .stat-card.cyber-kpi-card .cyber-kpi-label {
                font-size: 0.64rem !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                max-width: 100% !important;
            }

            .stats-grid:not(#dashboard-stats-grid) {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px !important;
                margin-bottom: 16px !important;
            }

            /* Grid de Clientes no Celular (Largura Total sem estouro) */
            #grid-clientes {
                grid-template-columns: 1fr !important;
                gap: 12px !important;
            }

            .client-card {
                padding: 14px !important;
                border-radius: 12px !important;
            }

            /* No celular: Painel de Gráficos Ultra Enxuto (Recolhido em sanfona) */
            #painel-grafico-tecnicos {
                margin-bottom: 14px !important;
                border-radius: 14px !important;
            }

            #painel-grafico-tecnicos .painel-analitico-header {
                padding-bottom: 8px !important;
                margin-bottom: 8px !important;
            }

            .chart-layout-grid {
                grid-template-columns: 1fr !important;
                gap: 12px !important;
            }

            .chart-navigation-wrapper {
                width: 100% !important;
                justify-content: space-between !important;
            }

            .chart-pills-group {
                width: 100% !important;
                justify-content: space-between !important;
            }

            .chart-pill-btn {
                padding: 4px 8px !important;
                font-size: 0.72rem !important;
            }

            .vg-status-card {
                margin-bottom: 8px;
            }

            .vg-status-header {
                cursor: pointer;
                user-select: none;
                padding: 12px 14px !important;
                transition: all 0.2s ease;
            }

            .vg-status-header:active {
                opacity: 0.85;
                filter: brightness(1.15);
            }

            .vg-seta-indicador {
                display: inline-block !important;
                font-size: 0.78rem;
                transition: transform 0.25s ease;
                margin-left: 6px;
            }

            .vg-conteudo-sanfona {
                padding: 10px 10px 14px 10px;
                background: var(--surface-card);
                border-top: 1px solid var(--border-color);
                border-radius: 0 0 10px 10px;
            }

            body.dark-mode .vg-conteudo-sanfona {
                background: #080c15;
                border-top: 1px solid #141414;
            }

            /* Header Mobile: Barra única elegante e compacta sem quebra de linha */
            .navbar {
                display: flex !important;
                flex-direction: row !important;
                justify-content: space-between !important;
                align-items: center !important;
                padding: 8px 12px !important;
                gap: 8px !important;
                min-height: 50px !important;
                flex-wrap: nowrap !important;
                overflow: hidden !important;
            }

            .nav-left {
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
                min-width: 0 !important;
                flex: 0 1 auto !important;
            }

            .btn-hamburger {
                width: 36px !important;
                height: 36px !important;
                padding: 6px !important;
                border-radius: 10px !important;
                flex-shrink: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            .brand-box {
                display: none !important; /* Despoluição total: logotipo já brilha com destaque na Sidebar */
            }

            .brand-logo,
            .brand-title,
            .brand-subtitle {
                display: none !important;
            }

            .nav-breadcrumb,
            .nav-system-status {
                display: none !important;
            }

            .nav-user-area {
                display: flex !important;
                align-items: center !important;
                gap: 6px !important;
                flex-shrink: 0 !important;
                flex-wrap: nowrap !important;
                justify-content: flex-end !important;
            }

            /* No celular, ocultar Omnisearch e User-tag para não encavalar com os botões rápidos */
            #btn-navbar-omnisearch,
            .user-tag {
                display: none !important;
            }

            /* No celular, ocultar botão de som secundário (pode ser chaveado no menu) para deixar topo clean */
            #btn-sound-toggle {
                display: none !important;
            }

            .nav-user-buttons {
                display: flex !important;
                align-items: center !important;
                gap: 6px !important;
                flex-wrap: nowrap !important;
                flex-shrink: 0 !important;
            }

            /* Botões do topo no mobile: ícones compactos e rápidos - NUNCA quebram linha */
            .mobile-icon-btn,
            #btn-toggle-notificacoes-navegador {
                width: 34px !important;
                min-width: 34px !important;
                max-width: 34px !important;
                height: 34px !important;
                min-height: 34px !important;
                max-height: 34px !important;
                padding: 0 !important;
                border-radius: 9px !important;
                font-size: 0.88rem !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-sizing: border-box !important;
                cursor: pointer;
                overflow: hidden !important;
                white-space: nowrap !important;
                flex-shrink: 0 !important;
            }

            .mobile-icon-btn.is-hidden,
            .mobile-icon-btn[style*="display: none"],
            .mobile-icon-btn[style*="display:none"],
            #btn-perfil-admin.is-hidden,
            #btn-notificacoes-tec.is-hidden {
                display: none !important;
            }

            .mobile-icon-btn .btn-label-text,
            #btn-toggle-notificacoes-navegador .btn-label-text {
                display: none !important;
            }


            .main-wrapper {
                padding: 10px 10px 88px 10px !important; /* Espaço para não cobrir conteúdo com a barra inferior */
                gap: 14px;
                width: 100%;
                max-width: 100vw;
                box-sizing: border-box;
                overflow-x: hidden;
            }

            .layout-grid {
                width: 100%;
                max-width: 100%;
                overflow-x: hidden;
            }

            /* Cards de Métricas (KPI): Grade Compacta e Equilibrada */
            .stat-card {
                flex: none !important;
                min-width: 0 !important;
                max-width: 100% !important;
                width: 100% !important;
                padding: 8px 4px !important;
                gap: 4px !important;
                min-height: 54px !important;
                box-sizing: border-box !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                text-align: center !important;
                border-radius: 10px !important;
                cursor: pointer;
                box-shadow: var(--shadow-sm) !important;
                border: 1px solid var(--border-color) !important;
            }

            .stat-icon {
                width: 26px !important;
                height: 26px !important;
                font-size: 0.92rem !important;
                border-radius: 7px !important;
                flex-shrink: 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            .stat-info {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                text-align: center !important;
                min-width: 0 !important;
                width: 100% !important;
                overflow: hidden !important;
            }

            .stat-value {
                font-size: 1.12rem !important;
                font-weight: 800 !important;
                line-height: 1 !important;
            }

            /* No celular, o nome do status cabe perfeitamente na célula */
            .stat-card .stat-label {
                display: block !important;
                font-size: 0.65rem !important;
                font-weight: 700 !important;
                color: var(--text-muted) !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
                max-width: 100% !important;
                line-height: 1.1 !important;
            }

            /* Segmented Control de Visão Central (Chamados Ativos vs Novo Chamado) */
            .mobile-central-view-switcher {
                display: flex !important;
                background: var(--surface-card) !important;
                border: 1px solid var(--border-color) !important;
                border-radius: 12px !important;
                padding: 4px !important;
                gap: 4px !important;
                margin-bottom: 12px !important;
                width: 100% !important;
                box-sizing: border-box !important;
                box-shadow: var(--shadow-sm) !important;
            }

            .mobile-view-pill {
                flex: 1 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 6px !important;
                padding: 9px 12px !important;
                border-radius: 8px !important;
                border: none !important;
                background: transparent !important;
                color: var(--text-muted) !important;
                font-size: 0.82rem !important;
                font-weight: 700 !important;
                cursor: pointer !important;
                transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
                -webkit-tap-highlight-color: transparent !important;
            }

            .mobile-view-pill.active {
                background: var(--brand-primary) !important;
                color: #ffffff !important;
                box-shadow: 0 2px 8px #6d96e2 !important;
            }

            body.dark-mode .mobile-view-pill.active {
                background: var(--brand-primary) !important;
                color: #ffffff !important;
            }

            /* Alternância de visualização na Central: Chamados Ativos vs Formulário */
            body:not(.mobile-mode-novo) #secao-novo-chamado {
                display: none !important;
            }

            body:not(.mobile-mode-novo) #secao-chamados-ativos {
                display: block !important;
            }

            body.mobile-mode-novo #secao-novo-chamado {
                display: block !important;
                animation: fadeInFormMobile 0.25s ease-out !important;
            }

            body.mobile-mode-novo #secao-chamados-ativos {
                display: none !important;
            }

            body.mobile-mode-novo .mobile-only-btn {
                display: inline-flex !important;
            }

            @keyframes fadeInFormMobile {
                from { opacity: 0; transform: translateY(8px); }
                to { opacity: 1; transform: translateY(0); }
            }

            .panel {
                padding: 16px 12px;
                border-radius: 14px;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                overflow-x: hidden;
            }

            form, .form-group {
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
            }

            input, select, textarea {
                font-size: 16px !important; /* Previne auto-zoom no iOS Safari */
                padding: 12px 10px;
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
                text-overflow: ellipsis;
            }

            form .btn-submit, form .btn-whatsapp {
                min-height: 44px; /* Tamanho mínimo de toque móvel para envio de formulários */
                width: 100%;
                max-width: 100%;
                box-sizing: border-box;
            }

            /* No celular, a barra de abas de topo do desktop é substituída pela Barra Inferior Nativa */
            .futuristic-tabs-wrapper {
                display: none !important;
            }

            /* Otimizações da Aba e Visão de Reembolso & KM no Mobile */
            #reembolsos-stats-grid {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 8px !important;
                width: 100% !important;
                box-sizing: border-box !important;
                margin-bottom: 14px !important;
            }

            #reembolsos-stats-grid .stat-card {
                padding: 10px 8px !important;
                min-height: 56px !important;
                flex-direction: column !important;
                text-align: center !important;
                align-items: center !important;
                justify-content: center !important;
            }

            #reembolsos-stats-grid .stat-card .stat-icon {
                font-size: 1.2rem !important;
                margin-bottom: 2px !important;
            }

            #reembolsos-stats-grid .stat-card .stat-info {
                align-items: center !important;
                text-align: center !important;
            }

            #reembolsos-stats-grid .stat-card .stat-value {
                font-size: 0.95rem !important;
                font-weight: 800 !important;
            }

            #reembolsos-stats-grid .stat-card .stat-label {
                font-size: 0.68rem !important;
            }

            .reembolsos-subtabs-wrapper, .subtabs-historico-bar {
                overflow-x: auto !important;
                flex-wrap: nowrap !important;
                padding-bottom: 6px !important;
                -webkit-overflow-scrolling: touch !important;
                gap: 6px !important;
                width: 100% !important;
                box-sizing: border-box !important;
            }

            .btn-subtab-reembolso, .btn-subtab-hist {
                white-space: nowrap !important;
                flex-shrink: 0 !important;
                padding: 7px 12px !important;
                font-size: 0.8rem !important;
            }

            .reembolsos-header-flex {
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 10px !important;
            }

            .reembolsos-header-flex button {
                width: 100% !important;
                justify-content: center !important;
            }

            .reembolsos-filter-box {
                flex-direction: column !important;
                align-items: stretch !important;
                padding: 10px !important;
                gap: 8px !important;
            }

            .reembolsos-filter-box > div {
                flex-direction: column !important;
                align-items: stretch !important;
                width: 100% !important;
            }

            .reembolsos-filter-box input,
            .reembolsos-filter-box select {
                width: 100% !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
            }

            .reembolso-card-grid {
                grid-template-columns: 1fr !important;
                gap: 10px !important;
            }

            .reembolso-card-valor-col {
                text-align: left !important;
                display: flex !important;
                justify-content: space-between !important;
                align-items: center !important;
                border-top: 1px dashed #1f1f1f !important;
                padding-top: 10px !important;
                margin-top: 4px !important;
            }

            .reembolso-card-actions {
                display: grid !important;
                grid-template-columns: 1fr 1fr !important;
                width: 100% !important;
                gap: 6px !important;
            }

            .reembolso-card-actions .btn-small {
                width: 100% !important;
                text-align: center !important;
                justify-content: center !important;
                padding: 6px 4px !important;
                font-size: 0.76rem !important;
            }

            .reembolso-form-grid-3col {
                grid-template-columns: 1fr 1fr !important;
            }
            .reembolso-form-grid-3col .reembolso-valor-col {
                grid-column: span 2 !important;
            }

            .reembolso-form-grid-2col {
                grid-template-columns: 1fr !important;
            }

            dialog {
                width: 95vw;
                max-width: 95vw;
                margin: auto;
                box-sizing: border-box;
            }

            .dialog-card {
                padding: 18px 14px;
                max-height: 88vh;
                box-sizing: border-box;
            }

            .dialog-actions {
                grid-template-columns: 1fr;
            }

            /* WhatsApp Flutuante no Mobile: posicionado ergonomicamente no canto inferior esquerdo */
            .whatsapp-float-btn {
                bottom: 74px !important;
                left: 16px !important;
                right: auto !important;
                width: 48px !important;
                height: 48px !important;
                font-size: 1.45rem !important;
                z-index: 998 !important;
                box-shadow: 0 4px 16px #4a8a50 !important;
            }

            /* O FAB flutuante é ocultado pois o botão central fixo "+ Novo" já existe com destaque na barra inferior */
            .mobile-fab-btn {
                display: none !important;
            }

            .mobile-fab-btn:active {
                transform: scale(0.93) !important;
                box-shadow: 0 2px 10px #6d96e2 !important;
            }

            .mobile-fab-icon {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex-shrink: 0 !important;
            }

            .mobile-fab-icon svg {
                stroke: #ffffff !important;
                width: 19px !important;
                height: 19px !important;
            }

            .mobile-fab-label {
                font-size: 0.84rem !important;
                font-weight: 800 !important;
                color: #ffffff !important;
                letter-spacing: -0.01em !important;
                white-space: nowrap !important;
                line-height: 1 !important;
            }

            /* Versão compacta automática do FAB ao rolar para baixo */
            .mobile-fab-btn.fab-compact {
                padding: 0 !important;
                width: 48px !important;
                height: 48px !important;
                border-radius: 50% !important;
                justify-content: center !important;
            }

            .mobile-fab-btn.fab-compact .mobile-fab-label {
                display: none !important;
            }

            /* Ocultar FAB quando já estiver editando/preenchendo novo chamado */
            body.mobile-mode-novo .mobile-fab-btn {
                display: none !important;
            }

            /* Para solicitante no mobile, Agenda e Mais são estritamente ocultados */
            body.user-solicitante #bnav-agenda,
            body.user-solicitante #bnav-mais {
                display: none !important;
            }

            /* Ocultação estrita da Barra Inferior na Tela Inicial de Entrada / Autenticação */
            body.auth-active .mobile-bottom-nav,
            body:not(.user-logado) .mobile-bottom-nav,
            #auth-screen:not([style*="display: none"]) ~ .mobile-bottom-nav {
                display: none !important;
            }

            /* Barra de Navegação Inferior Nativa Fixa (Thumb Reach) */
            .mobile-bottom-nav {
                position: fixed !important;
                bottom: 0 !important;
                left: 0 !important;
                right: 0 !important;
                height: 64px !important;
                background: #f0f0f0 !important;
                backdrop-filter: blur(20px) !important;
                -webkit-backdrop-filter: blur(20px) !important;
                border-top: 1px solid var(--border-color) !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-around !important;
                z-index: 10000 !important;
                box-shadow: 0 -4px 20px #ebebeb !important;
                padding: 0 4px env(safe-area-inset-bottom, 0px) 4px !important;
                box-sizing: border-box !important;
            }

            body.dark-mode .mobile-bottom-nav {
                background: rgba(18, 20, 26, 0.96) !important;
                backdrop-filter: blur(20px) !important;
                -webkit-backdrop-filter: blur(20px) !important;
                border-top: 1.5px solid #2d3340 !important;
                box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.6) !important;
            }

            .mobile-nav-item {
                flex: 1 !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 2px !important;
                height: 100% !important;
                background: transparent !important;
                border: none !important;
                color: var(--text-muted) !important;
                font-size: 0.68rem !important;
                font-weight: 600 !important;
                cursor: pointer !important;
                position: relative !important;
                transition: color 0.2s ease, transform 0.15s ease !important;
                -webkit-tap-highlight-color: transparent !important;
            }

            .mobile-nav-item:active {
                transform: scale(0.92) !important;
            }

            .mobile-nav-icon, .bnav-icon-wrapper {
                position: relative !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 28px !important;
                height: 24px !important;
                font-size: 1.25rem !important;
                line-height: 1 !important;
            }

            .bnav-highlight {
                width: 36px !important;
                height: 36px !important;
                border-radius: 50% !important;
                background: linear-gradient(135deg, var(--brand-primary), #1d4ed8) !important;
                color: #ffffff !important;
                box-shadow: 0 3px 12px #5a87dd !important;
                margin-top: -8px !important;
                transition: transform 0.15s ease, box-shadow 0.15s ease !important;
            }

            .bnav-highlight:active {
                transform: scale(0.9) !important;
                box-shadow: 0 1px 6px #7da3e8 !important;
            }

            .bnav-highlight svg {
                stroke: #ffffff !important;
            }

            .mobile-nav-label, .bnav-label {
                white-space: nowrap !important;
                letter-spacing: -0.01em !important;
                font-size: 0.68rem !important;
                font-weight: 600 !important;
                margin-top: 1px !important;
            }

            .mobile-nav-item.active {
                color: var(--brand-primary) !important;
                font-weight: 800 !important;
            }

            .mobile-nav-item.active .bnav-label,
            .mobile-nav-item.active .mobile-nav-label {
                color: var(--brand-primary) !important;
                font-weight: 800 !important;
            }

            .mobile-nav-item.active svg {
                stroke: var(--brand-primary) !important;
            }

            .mobile-nav-item.active .mobile-nav-icon {
                transform: translateY(-1px) !important;
            }

            .mobile-nav-item.active::after {
                content: '' !important;
                position: absolute !important;
                bottom: 5px !important;
                width: 4px !important;
                height: 4px !important;
                border-radius: 50% !important;
                background: var(--brand-primary) !important;
                box-shadow: 0 0 6px var(--brand-primary) !important;
            }

            .mobile-nav-badge, .bnav-badge {
                position: absolute !important;
                top: -3px !important;
                right: -6px !important;
                background: #ef4444 !important;
                color: #ffffff !important;
                font-size: 0.62rem !important;
                font-weight: 800 !important;
                min-width: 16px !important;
                height: 16px !important;
                border-radius: 9999px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                padding: 0 4px !important;
                box-shadow: 0 2px 4px #a44040 !important;
            }

            .mobile-nav-badge:empty,
            .mobile-nav-badge[data-count="0"],
            .mobile-nav-badge[style*="display: none"],
            .bnav-badge:empty,
            .bnav-badge[data-count="0"],
            .bnav-badge[style*="display: none"] {
                display: none !important;
            }

            /* Bottom Sheet Drawer ("Mais") */
            .mobile-sheet-backdrop {
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                background: #737373 !important;
                backdrop-filter: blur(4px) !important;
                -webkit-backdrop-filter: blur(4px) !important;
                z-index: 10001 !important;
                opacity: 0 !important;
                pointer-events: none !important;
                transition: opacity 0.25s ease !important;
            }

            .mobile-sheet-backdrop.is-open {
                opacity: 1 !important;
                pointer-events: auto !important;
            }

            .mobile-sheet-container {
                position: fixed !important;
                bottom: 0 !important;
                left: 0 !important;
                right: 0 !important;
                max-height: 80vh !important;
                background: var(--surface-card) !important;
                border-top-left-radius: 20px !important;
                border-top-right-radius: 20px !important;
                border: 1px solid var(--border-color) !important;
                border-bottom: none !important;
                z-index: 10002 !important;
                transform: translateY(100%) !important;
                transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1) !important;
                box-shadow: 0 -8px 30px #bfbfbf !important;
                display: flex !important;
                flex-direction: column !important;
                overflow: hidden !important;
                padding-bottom: env(safe-area-inset-bottom, 12px) !important;
            }

            body.dark-mode .mobile-sheet-container {
                background: #0f172a !important;
                border-top: 1px solid #1f1f1f !important;
            }

            .mobile-sheet-container.is-open {
                transform: translateY(0) !important;
            }

            .mobile-sheet-header {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                padding: 12px 18px 10px 18px !important;
                border-bottom: 1px solid var(--border-color) !important;
            }

            .mobile-sheet-handle {
                width: 36px !important;
                height: 4px !important;
                background: var(--text-muted) !important;
                opacity: 0.4 !important;
                border-radius: 9999px !important;
                margin: 6px auto 2px auto !important;
            }

            .mobile-sheet-title {
                font-size: 0.95rem !important;
                font-weight: 800 !important;
                color: var(--text-main) !important;
            }

            .mobile-sheet-close {
                background: transparent !important;
                border: none !important;
                font-size: 1.25rem !important;
                color: var(--text-muted) !important;
                cursor: pointer !important;
                padding: 4px 8px !important;
            }

            .mobile-sheet-menu-list, .mobile-sheet-body {
                padding: 10px 14px 16px 14px !important;
                overflow-y: auto !important;
                display: flex !important;
                flex-direction: column !important;
                gap: 6px !important;
            }

            .mobile-sheet-menu-item, .mobile-sheet-item {
                display: flex !important;
                align-items: center !important;
                gap: 12px !important;
                padding: 12px 14px !important;
                border-radius: 10px !important;
                border: none !important;
                background: var(--surface-hover) !important;
                color: var(--text-main) !important;
                font-size: 0.88rem !important;
                font-weight: 600 !important;
                cursor: pointer !important;
                text-align: left !important;
                width: 100% !important;
                transition: background 0.15s ease !important;
            }

            .mobile-sheet-menu-item:active, .mobile-sheet-item:active {
                background: var(--brand-primary-light) !important;
                color: var(--brand-primary) !important;
            }

            .sheet-logout, .mobile-sheet-item.danger {
                color: #ef4444 !important;
            }

            .sheet-item-icon, .mobile-sheet-item-icon {
                font-size: 1.15rem !important;
                width: 24px !important;
                text-align: center !important;
                flex-shrink: 0 !important;
            }

            .sheet-item-text {
                flex: 1 !important;
            }

            .auth-overlay {
                padding: max(16px, env(safe-area-inset-top, 16px)) 16px max(24px, env(safe-area-inset-bottom, 24px)) 16px !important;
                align-items: center !important;
                justify-content: center !important;
                min-height: 100% !important;
                min-height: 100dvh !important;
                box-sizing: border-box !important;
                z-index: 100005 !important;
            }

            .auth-card {
                padding: 26px 20px !important;
                border-radius: 22px !important;
                gap: 16px !important;
                width: 100% !important;
                max-width: 380px !important;
                margin: auto 0 !important;
            }
            .auth-title {
                font-size: 1.25rem;
            }
            .auth-logo-badge {
                width: 52px;
                height: 52px;
            }
            .auth-logo-letter {
                font-size: 1.55rem;
            }

            /* ==========================================================
               AGENDA & CALENDÁRIO OTIMIZADOS PARA CELULAR
               ========================================================== */
            #view-agenda .layout-grid {
                display: flex !important;
                flex-direction: column !important;
                gap: 14px !important;
            }

            /* No celular, o Calendário & Compromissos vêm PRIMEIRO */
            #view-agenda .panel-agenda-calendario {
                order: 1 !important;
            }

            /* O formulário de novo agendamento fica recolhido como opção secundária */
            #view-agenda #panel-agenda-form {
                order: 2 !important;
            }

            .btn-toggle-accordion-mobile {
                display: inline-flex !important;
                align-items: center;
                gap: 6px;
                padding: 6px 12px;
                border-radius: 8px;
                background: var(--surface-sub);
                border: 1px solid var(--border-color);
                font-size: 0.78rem;
                font-weight: 700;
                color: var(--brand-primary);
                cursor: pointer;
            }

            .btn-toggle-accordion-mobile.is-active {
                background: var(--brand-primary);
                color: #ffffff;
            }

            .chevron-accordion-mobile {
                transition: transform 0.2s ease;
            }

            .btn-toggle-accordion-mobile.is-active .chevron-accordion-mobile {
                transform: rotate(180deg);
            }

            #corpo-form-novo-agendamento {
                display: block !important;
                margin-top: 14px;
            }

            /* Calendário 100% responsivo no celular: ZERO scroll horizontal */
            .calendar-wrapper {
                overflow-x: visible !important;
                width: 100% !important;
                margin-top: 8px !important;
            }

            .calendar-wrapper .calendar-grid {
                min-width: unset !important;
                width: 100% !important;
                gap: 4px !important;
            }

            .calendar-day-header {
                font-size: 0.65rem !important;
                padding: 6px 2px !important;
                font-weight: 700 !important;
            }

            .calendar-cell {
                min-height: 46px !important;
                padding: 4px 2px !important;
                border-radius: 8px !important;
                cursor: pointer !important;
                position: relative !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: space-between !important;
                touch-action: manipulation !important;
            }

            .calendar-cell-num {
                font-size: 0.75rem !important;
            }

            /* No celular, esconde as pílulas de texto compridas e mostra os dots coloridos */
            .calendar-pills-bar {
                display: none !important;
            }

            .calendar-dots-bar {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 2.5px !important;
                margin-top: 1px !important;
            }

            .cal-dot {
                width: 5.5px !important;
                height: 5.5px !important;
            }

            .calendar-cell.selected {
                background: var(--brand-primary) !important;
                border-color: var(--brand-primary) !important;
                box-shadow: 0 0 12px #5a87dd !important;
            }

            .calendar-cell.selected .calendar-cell-num {
                color: #ffffff !important;
            }

            .calendar-cell.selected .cal-dot {
                box-shadow: 0 0 0 1px #ffffff !important;
            }

            /* Botões de navegação do calendário no celular */
            .calendar-panel-header {
                flex-direction: column !important;
                align-items: flex-start !important;
                gap: 10px !important;
            }

            .calendar-nav-controls {
                width: 100% !important;
                justify-content: space-between !important;
            }

            .cal-mes-ano-badge {
                font-size: 0.88rem !important;
                min-width: unset !important;
                flex: 1 !important;
            }

            .cal-nav-btn {
                padding: 6px 10px !important;
                font-size: 0.78rem !important;
            }

            /* Compromissos no Celular */
            .agenda-compromissos-header {
                flex-direction: row !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 8px !important;
                margin-top: 18px !important;
            }

            .event-card-header {
                padding: 10px 12px !important;
                gap: 6px !important;
            }

            .event-card-title {
                font-size: 0.88rem !important;
            }

            .event-card-body-inner {
                padding: 12px !important;
                gap: 10px !important;
            }

            .event-card-footer-actions {
                flex-direction: column !important;
                width: 100% !important;
                gap: 6px !important;
            }

            .btn-evt-action {
                width: 100% !important;
                text-align: center !important;
                padding: 9px 12px !important;
            }

        /* Banner de Instalação PWA */
        .pwa-install-banner {
            position: fixed;
            bottom: 76px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 9999;
            width: 92%;
            max-width: 500px;
            background: #10182b;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            border: 1px solid #242424;
            border-radius: 16px;
            padding: 14px 18px;
            box-shadow: var(--shadow-xl);
            color: #ffffff;
        }

        .pwa-banner-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .pwa-banner-info {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .pwa-banner-icon {
            width: 44px;
            height: 44px;
            border-radius: 10px;
            border: 1px solid #262626;
            flex-shrink: 0;
        }

        .pwa-banner-title {
            display: block;
            font-size: 0.95rem;
            color: #ffffff;
            font-weight: 800;
            letter-spacing: -0.01em;
        }

        .pwa-banner-subtitle {
            font-size: 0.78rem;
            color: #94a3b8;
            line-height: 1.3;
            display: block;
        }

        .pwa-banner-actions {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-shrink: 0;
        }

        .btn-pwa-instalar {
            background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-hover));
            color: #ffffff;
            font-weight: 700;
            font-size: 0.85rem;
            border: none;
            padding: 9px 16px;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.2s;
            box-shadow: 0 2px 8px #7da3e8;
        }

        .btn-pwa-instalar:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px #5f8cde;
        }

        .btn-pwa-fechar {
            background: #1a1a1a;
            color: #94a3b8;
            border: none;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            font-size: 0.9rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }

        .btn-pwa-fechar:hover {
            background: #333333;
            color: #ffffff;
        }

        /* ========================================================
           Filtros Rápidos em Pílulas Deslizáveis (Mobile Carousel)
           ======================================================== */
        .mobile-quick-filter-bar {
            display: block;
            width: 100%;
            margin: 4px 0 10px 0;
            overflow: hidden;
        }

        .mobile-quick-filter-scroll {
            display: flex;
            align-items: center;
            gap: 8px;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            padding: 4px 2px 8px 2px;
            scrollbar-width: none; /* Firefox */
        }

        .mobile-quick-filter-scroll::-webkit-scrollbar {
            display: none; /* Chrome, Safari */
        }

        .mobile-quick-chip {
            flex: 0 0 auto;
            scroll-snap-align: start;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 14px;
            border-radius: 9999px;
            font-size: 0.78rem;
            font-weight: 700;
            background: var(--bg-card);
            color: var(--text-secondary);
            border: 1px solid var(--border-color);
            cursor: pointer;
            white-space: nowrap;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            -webkit-tap-highlight-color: transparent;
            box-shadow: var(--shadow-sm);
        }

        .mobile-quick-chip:hover {
            border-color: var(--brand-primary);
            color: var(--text-primary);
        }

        .mobile-quick-chip.active {
            background: var(--brand-primary);
            color: #ffffff;
            border-color: var(--brand-primary);
            box-shadow: 0 2px 8px #6d96e2;
        }

        .mobile-quick-chip .chip-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: currentColor;
            display: inline-block;
        }

        .mobile-quick-chip .dot-aberto {
            background: #eab308;
        }

        .mobile-quick-chip .dot-progresso {
            background: #3b82f6;
        }

        .mobile-quick-chip .dot-aguardando {
            background: #a855f7;
        }

        .mobile-quick-chip .dot-resolvido {
            background: #22c55e;
        }

        .mobile-quick-chip.active .chip-dot {
            background: #ffffff;
        }

        /* Adaptação Móvel para Central de Mensagens */
        .msg-perm-card {
            flex-direction: column !important;
            align-items: flex-start !important;
            gap: 12px !important;
            padding: 14px !important;
        }

        .msg-canal-tabs {
            flex-direction: column !important;
            gap: 8px !important;
        }

        .tab-canal-msg-btn {
            width: 100% !important;
            justify-content: center !important;
            padding: 12px !important;
        }

        .msg-editor-grid {
            grid-template-columns: 1fr !important;
            gap: 16px !important;
        }

        .email-card-preview {
            margin: 8px !important;
        }

        .email-card-body {
            padding: 14px !important;
        }

        .whatsapp-chat-area {
            min-height: 260px !important;
            padding: 14px 10px !important;
        }

        /* ========================================================
           ORÇAMENTOS: CARDS EM 2 COLUNAS (2 LINHAS) NO MOBILE
           ======================================================== */
        .orcamentos-stats-grid {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 10px !important;
            width: 100% !important;
            margin-bottom: 16px !important;
            box-sizing: border-box !important;
        }

        .orcamentos-stats-grid .stat-card {
            padding: 12px 10px !important;
            min-height: 62px !important;
            flex-direction: column !important;
            text-align: center !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 4px !important;
            box-sizing: border-box !important;
        }

        .orcamentos-stats-grid .stat-card .stat-icon {
            font-size: 1.3rem !important;
            margin: 0 auto 2px auto !important;
        }

        .orcamentos-stats-grid .stat-card .stat-info {
            align-items: center !important;
            text-align: center !important;
        }

        .orcamentos-stats-grid .stat-card .stat-value {
            font-size: 1.05rem !important;
            font-weight: 800 !important;
            line-height: 1.15 !important;
        }

        .orcamentos-stats-grid .stat-card .stat-label {
            font-size: 0.72rem !important;
            font-weight: 600 !important;
            line-height: 1.15 !important;
        }

        /* ========================================================
           MODAL DE ORÇAMENTOS: RESPONSIVIDADE E ZERO ESTOURO
           ======================================================== */
        .dialog-orcamento {
            width: 95vw !important;
            max-width: 95vw !important;
            margin: auto !important;
            box-sizing: border-box !important;
        }

        .dialog-orcamento .dialog-card {
            padding: 16px 14px !important;
            max-height: 88vh !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            box-sizing: border-box !important;
        }

        .orc-grid-4col {
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 8px !important;
        }

        .orc-grid-2col {
            grid-template-columns: 1fr !important;
            gap: 8px !important;
        }

        .orc-grid-3col {
            grid-template-columns: 1fr !important;
            gap: 8px !important;
        }

        .dialog-actions-orcamento {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 8px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .dialog-actions-orcamento button {
            width: 100% !important;
            justify-content: center !important;
            min-height: 44px !important;
            box-sizing: border-box !important;
        }

        /* ========================================================
           MODAL NOVO CHAMADO: BOTÕES PERFEITAMENTE NO ESQUADRO
           ======================================================== */
        .modal-ticket-actions-bar {
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
            width: 100% !important;
            box-sizing: border-box !important;
            margin-top: 14px !important;
        }

        .modal-ticket-actions-bar button {
            width: 100% !important;
            min-height: 46px !important;
            justify-content: center !important;
            box-sizing: border-box !important;
            margin: 0 !important;
        }

        .modal-ticket-actions-bar .btn-registrar-ticket-modal {
            order: 1 !important;
        }

        .modal-ticket-actions-bar .btn-whatsapp-ticket-modal {
            order: 2 !important;
        }

        .modal-ticket-actions-bar .btn-cancelar-ticket-modal {
            order: 3 !important;
            background: var(--surface-sub) !important;
            border: 1.5px solid var(--border-color) !important;
            color: var(--text-sub) !important;
        }

        /* Ocultar FAB flutuante no celular para não conflitar com barra inferior */
        .fab-novo-chamado {
            display: none !important;
        }

        /* Modal Popup Novo Agendamento no Mobile */
        .dialog-agendamento {
            width: 95vw !important;
            max-width: 95vw !important;
            margin: auto !important;
            box-sizing: border-box !important;
        }

        .dialog-agendamento .dialog-card {
            padding: 16px 14px 24px 14px !important;
            max-height: 86vh !important;
            overflow-y: auto !important;
            box-sizing: border-box !important;
        }

        .dialog-actions-agendamento {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 8px !important;
            width: 100% !important;
            box-sizing: border-box !important;
            margin-top: 14px !important;
            padding-top: 12px !important;
            border-top: 1px solid var(--border-color) !important;
        }

        .dialog-actions-agendamento button {
            width: 100% !important;
            justify-content: center !important;
            min-height: 44px !important;
            box-sizing: border-box !important;
            font-size: 0.8rem !important;
            padding: 8px 6px !important;
        }

        .cal-title-actions-group {
            width: 100% !important;
            justify-content: space-between !important;
            gap: 8px !important;
        }

        .btn-header-novo-agendamento {
            font-size: 0.75rem !important;
            padding: 5px 10px !important;
        }

        /* ========================================================
           PAINEL ADMIN & CENTRAL DE GESTÃO NO CELULAR (< 768px)
           Formato Bottom Sheet Nativo, Abas Deslizantes e Ergonomia Touch
           ======================================================== */
        .admin-modal-root {
            position: fixed !important;
            inset: auto 0 0 0 !important;
            width: 100vw !important;
            max-width: 100vw !important;
            margin: 0 !important;
            border-radius: 22px 22px 0 0 !important;
            max-height: 94vh !important;
            box-shadow: 0 -10px 40px #808080 !important;
            transform: translateY(0) !important;
            overflow: hidden !important;
            padding: 0 !important;
        }

        .admin-hub-card {
            border-radius: 22px 22px 0 0 !important;
            max-height: 94vh !important;
            height: 94vh !important;
            border-bottom: none !important;
            display: flex !important;
            flex-direction: column !important;
            overflow: hidden !important;
            background: var(--surface-card) !important;
        }

        .admin-hub-header {
            padding: 16px 54px 12px 16px !important;
            position: relative !important;
            display: block !important;
            flex-shrink: 0 !important;
        }

        /* Puxador/Handle tátil no topo do modal */
        .admin-hub-header::before {
            content: '' !important;
            display: block !important;
            width: 42px !important;
            height: 4px !important;
            border-radius: 4px !important;
            background: #2e3d54 !important;
            margin: 0 auto 10px auto !important;
        }

        .admin-hub-title {
            font-size: 1.15rem !important;
            line-height: 1.25 !important;
        }

        .admin-hub-subtitle {
            font-size: 0.76rem !important;
            margin-top: 2px !important;
        }

        .admin-hub-close-btn {
            position: absolute !important;
            top: 14px !important;
            right: 14px !important;
            z-index: 15 !important;
            width: 36px !important;
            height: 36px !important;
            font-size: 1.1rem !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            border-radius: 50% !important;
            background: var(--surface-sub) !important;
            border: 1px solid var(--border-color) !important;
            color: var(--text-muted) !important;
            cursor: pointer !important;
            -webkit-appearance: none !important;
            appearance: none !important;
        }

        /* Abas do Hub com Scroll Horizontal Tátil com Pílulas */
        .admin-hub-tabs-nav {
            display: flex !important;
            overflow-x: auto !important;
            overflow-y: hidden !important;
            -webkit-overflow-scrolling: touch !important;
            white-space: nowrap !important;
            padding: 8px 12px !important;
            gap: 8px !important;
            border-bottom: 1px solid var(--border-color) !important;
            background: var(--surface-sub) !important;
            scrollbar-width: none !important;
            flex-shrink: 0 !important;
        }

        .admin-hub-tabs-nav::-webkit-scrollbar {
            display: none !important;
        }

        .admin-hub-tab-btn {
            -webkit-appearance: none !important;
            appearance: none !important;
            flex: 0 0 auto !important;
            padding: 8px 14px !important;
            font-size: 0.8rem !important;
            font-weight: 700 !important;
            min-height: 38px !important;
            border-radius: 9999px !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            border: 1px solid var(--border-color) !important;
            background: var(--surface-card) !important;
            color: var(--text-sub) !important;
        }

        .admin-hub-tab-btn.active {
            background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
            color: #ffffff !important;
            border-color: #2563eb !important;
            box-shadow: 0 3px 10px #6d96e2 !important;
        }

        .admin-hub-content {
            flex: 1 1 auto !important;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch !important;
            padding: 14px !important;
        }

        /* Ocultar legenda verbosa no celular para salvar espaço */
        .perm-matrix-legend {
            display: none !important;
        }

        .perm-quick-actions-bar {
            margin-top: 10px !important;
        }

        .perm-quick-chips {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 6px !important;
        }

        .btn-perm-chip {
            -webkit-appearance: none !important;
            appearance: none !important;
            padding: 7px 11px !important;
            font-size: 0.76rem !important;
            border-radius: 8px !important;
            font-weight: 700 !important;
        }

        /* Matriz de Permissões no Celular: 1 Coluna com Segmented Controls Grandes */
        .perm-matrix-grid {
            grid-template-columns: 1fr !important;
            gap: 12px !important;
        }

        .perm-segmented-control {
            display: grid !important;
            grid-template-columns: 1fr 1fr 1fr !important;
            width: 100% !important;
            margin-top: 8px !important;
        }

        .perm-seg-btn {
            min-height: 38px !important;
            font-size: 0.76rem !important;
            padding: 0 4px !important;
            justify-content: center !important;
        }

        /* Filtros e Tabela da Trilha de Auditoria no Celular */
        .auditoria-filters-row {
            flex-direction: column !important;
            gap: 8px !important;
        }

        .auditoria-filter-busca-box,
        .auditoria-filter-select-box {
            width: 100% !important;
            min-width: 100% !important;
        }

        .auditoria-table-container {
            max-height: 50vh !important;
            border-radius: 10px !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch !important;
        }

        .auditoria-table-custom {
            min-width: 600px !important;
        }

        /* Tabela de Orçamentos no Celular: Transformação em Cards Modernos Mobile */
        .orcamentos-table-wrapper {
            background: transparent !important;
            border: none !important;
            overflow: visible !important;
            box-shadow: none !important;
            padding: 0 !important;
        }

        .orcamentos-table {
            display: block !important;
            width: 100% !important;
            border-collapse: separate !important;
        }

        .orcamentos-table thead {
            display: none !important; /* Oculta cabeçalhos rígidos no smartphone */
        }

        .orcamentos-table tbody {
            display: flex !important;
            flex-direction: column !important;
            gap: 12px !important;
            width: 100% !important;
        }

        .orcamentos-table tbody tr {
            display: flex !important;
            flex-direction: column !important;
            background: var(--surface-card) !important;
            border: 1.5px solid var(--border-color) !important;
            border-radius: 14px !important;
            padding: 14px !important;
            box-shadow: 0 2px 10px #f2f2f2 !important;
            gap: 10px !important;
            box-sizing: border-box !important;
            transition: transform 0.15s ease, border-color 0.2s ease !important;
        }

        body.dark-mode .orcamentos-table tbody tr {
            background: #262e3e !important;
            border-color: #1a3249 !important;
        }

        .orcamentos-table td {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            padding: 0 !important;
            border: none !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        /* Linha 1: Nº Proposta e Data */
        .orcamentos-table td:nth-child(1) {
            border-bottom: 1px dashed var(--border-color) !important;
            padding-bottom: 8px !important;
        }

        /* Linha 2: Cliente / Solicitante */
        .orcamentos-table td:nth-child(2) {
            flex-direction: column !important;
            align-items: flex-start !important;
            gap: 2px !important;
        }

        /* Linha 3: Escopo e Itens */
        .orcamentos-table td:nth-child(3) {
            flex-direction: column !important;
            align-items: flex-start !important;
            background: var(--surface-sub) !important;
            padding: 8px 10px !important;
            border-radius: 8px !important;
            gap: 2px !important;
        }

        /* Linha 4: Valor Total com Destaque */
        .orcamentos-table td:nth-child(4) {
            padding: 4px 0 !important;
        }

        .orcamentos-table td:nth-child(4)::before {
            content: 'Valor Total:' !important;
            font-size: 0.82rem !important;
            font-weight: 700 !important;
            color: var(--text-sub) !important;
        }

        /* Linha 5: Status e Motivo */
        .orcamentos-table td:nth-child(5) {
            width: 100% !important;
        }

        .orcamentos-table td:nth-child(5) > div {
            width: 100% !important;
        }

        /* Linha 6: Ações Rápidas em Grid Touch-Friendly */
        .orcamentos-table td:nth-child(6) {
            border-top: 1px solid var(--border-color) !important;
            padding-top: 10px !important;
            margin-top: 4px !important;
            width: 100% !important;
        }

        .orcamentos-table td:nth-child(6) > div,
        .orcamentos-table td:nth-child(6) .orc-action-buttons-group {
            width: 100% !important;
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 6px !important;
            align-items: center !important;
        }

        /* Botão 1: Copiar Link de Assinatura */
        .orcamentos-table td:nth-child(6) .btn-orc-link-copiar {
            flex: 1 1 calc(50% - 3px) !important;
            min-height: 40px !important;
            font-size: 0.82rem !important;
            font-weight: 700 !important;
            justify-content: center !important;
            border-radius: 9px !important;
            white-space: nowrap !important;
            display: inline-flex !important;
            align-items: center !important;
        }

        /* Botão 2: WhatsApp */
        .orcamentos-table td:nth-child(6) .btn-orc-whatsapp-enviar {
            flex: 1 1 calc(50% - 3px) !important;
            min-height: 40px !important;
            font-size: 0.82rem !important;
            font-weight: 700 !important;
            justify-content: center !important;
            border-radius: 9px !important;
            white-space: nowrap !important;
            display: inline-flex !important;
            align-items: center !important;
        }

        /* Botão 3: PDF */
        .orcamentos-table td:nth-child(6) .btn-pdf-timbrado {
            flex: 1 1 auto !important;
            min-height: 38px !important;
            font-size: 0.8rem !important;
            font-weight: 700 !important;
            justify-content: center !important;
            border-radius: 8px !important;
            display: inline-flex !important;
            align-items: center !important;
        }

        /* Botões 4 e 5: Editar e Excluir */
        .orcamentos-table td:nth-child(6) .btn-small {
            flex: 0 0 40px !important;
            min-height: 38px !important;
            font-size: 0.88rem !important;
            justify-content: center !important;
            border-radius: 8px !important;
            padding: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
        }

        /* Filtros de Orçamentos: Barra Deslizante com Chips */
        .orcamentos-filtros-bar {
            display: flex !important;
            overflow-x: auto !important;
            white-space: nowrap !important;
            -webkit-overflow-scrolling: touch !important;
            padding-bottom: 8px !important;
            gap: 8px !important;
            scrollbar-width: none !important;
        }

        .orcamentos-filtros-bar::-webkit-scrollbar {
            display: none !important;
        }

        .orcamentos-filtros-bar .chip-filter {
            flex: 0 0 auto !important;
            min-height: 38px !important;
            padding: 6px 14px !important;
            font-size: 0.8rem !important;
            border-radius: 9999px !important;
        }

        .orcamentos-toolbar-actions {
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 10px !important;
        }

        .orcamentos-sync-box {
            margin-left: 0 !important;
            justify-content: space-between !important;
            width: 100% !important;
            padding-top: 8px !important;
            border-top: 1px solid var(--border-color) !important;
        }

        .orcamentos-sync-box .btn-orc-atualizar {
            flex: 1 !important;
            justify-content: center !important;
        }

        /* Bottom Sheet Universal para Todos os Diálogos no Celular */
        dialog {
            position: fixed !important;
            inset: auto 0 0 0 !important;
            width: 100vw !important;
            max-width: 100vw !important;
            margin: 0 !important;
            border-radius: 22px 22px 0 0 !important;
            max-height: 94vh !important;
            box-shadow: 0 -10px 40px #8c8c8c !important;
            border-bottom: none !important;
            overflow: hidden !important;
            box-sizing: border-box !important;
            z-index: 100005 !important;
        }

        dialog .dialog-card {
            border-radius: 22px 22px 0 0 !important;
            max-height: 94vh !important;
            padding: 16px 16px 28px 16px !important;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch !important;
            box-sizing: border-box !important;
        }

        /* Puxador tátil no topo de todos os modais */
        dialog .dialog-card::before {
            content: '';
            display: block;
            width: 40px;
            height: 4px;
            border-radius: 4px;
            background: #2e3d54;
            margin: 0 auto 12px auto;
        }

        /* Diálogo de Confirmação de Logout no Celular: Centralizado, Infalível e no Esquadro */
        #dialog-confirmar-logout,
        .dialog-logout-modal {
            position: fixed !important;
            inset: 0 !important;
            margin: auto !important;
            width: calc(100vw - 32px) !important;
            max-width: 380px !important;
            max-height: 85vh !important;
            border-radius: 20px !important;
            border: none !important;
            padding: 0 !important;
            background: transparent !important;
            box-shadow: 0 20px 60px #595959 !important;
            z-index: 100020 !important;
            align-items: center !important;
            justify-content: center !important;
            overflow: visible !important;
        }

        #dialog-confirmar-logout[open],
        #dialog-confirmar-logout.is-open,
        .dialog-logout-modal[open],
        .dialog-logout-modal.is-open {
            display: flex !important;
        }

        #dialog-confirmar-logout .dialog-card,
        #dialog-confirmar-logout .card,
        .dialog-logout-modal .dialog-card {
            border-radius: 20px !important;
            max-height: 85vh !important;
            padding: 24px 20px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        #dialog-confirmar-logout .dialog-card::before,
        #dialog-confirmar-logout .card::before,
        .dialog-logout-modal .dialog-card::before {
            display: none !important;
        }

        /* Toasts Mobile: Perfeitamente centralizados e alinhados no topo (no esquadro) */
        .toast-container {
            position: fixed !important;
            top: max(14px, env(safe-area-inset-top, 14px)) !important;
            bottom: auto !important;
            left: 50% !important;
            right: auto !important;
            transform: translateX(-50%) !important;
            width: calc(100vw - 28px) !important;
            max-width: 440px !important;
            margin: 0 !important;
            padding: 0 !important;
            box-sizing: border-box !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 8px !important;
            z-index: 9999999 !important;
            pointer-events: none !important;
        }

        .toast-item {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
            margin: 0 auto !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            padding: 12px 14px !important;
            border-radius: 12px !important;
            box-shadow: 0 10px 25px -4px #8c8c8c !important;
            pointer-events: auto !important;
        }

        .toast-message {
            flex: 1 !important;
            width: auto !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
            font-size: 0.85rem !important;
            line-height: 1.35 !important;
            word-break: break-word !important;
        }

        .toast-close {
            flex-shrink: 0 !important;
            padding: 4px 6px !important;
            font-size: 1.1rem !important;
            line-height: 1 !important;
            cursor: pointer !important;
        }

        /* ========================================================
           MÓDULO DE RECURSOS HUMANOS (RH) NO CELULAR (< 768px)
           ======================================================== */
        .view-rh-container {
            padding: 14px 12px !important;
            border-radius: 16px !important;
            margin-bottom: 16px !important;
            border: 1px solid var(--border-color) !important;
            box-shadow: 0 4px 16px #f0f0f0 !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .rh-hero-header {
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 12px !important;
            padding-bottom: 14px !important;
            margin-bottom: 16px !important;
        }

        .rh-hero-header h1,
        .view-rh-container h1 {
            font-size: 1.25rem !important;
            line-height: 1.3 !important;
        }

        .rh-header-actions {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 8px !important;
            width: 100% !important;
            margin-top: 10px !important;
        }

        .rh-header-actions button,
        .rh-header-actions .btn-primary,
        .rh-header-actions .btn-secondary {
            padding: 11px 10px !important;
            font-size: 0.82rem !important;
            font-weight: 700 !important;
            width: 100% !important;
            min-height: 44px !important;
            justify-content: center !important;
            border-radius: 12px !important;
            box-sizing: border-box !important;
            white-space: nowrap !important;
        }

        .rh-header-actions button:last-child:nth-child(odd),
        .rh-header-actions .btn-primary:last-child:nth-child(odd) {
            grid-column: span 2 !important;
        }

        /* Sub-abas do RH: Rolagem horizontal tátil contínua no esquadro (estilo app nativo) */
        .rh-subtabs-nav {
            display: flex !important;
            flex-wrap: nowrap !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch !important;
            gap: 8px !important;
            padding: 6px 2px 12px 2px !important;
            margin-bottom: 18px !important;
            scrollbar-width: none !important;
            -ms-overflow-style: none !important;
            border-bottom: 1.5px solid var(--border-color) !important;
            border-radius: 0 !important;
            background: transparent !important;
        }

        .rh-subtabs-nav::-webkit-scrollbar {
            display: none !important;
            width: 0 !important;
            height: 0 !important;
        }

        .rh-subtab-btn {
            flex-shrink: 0 !important;
            padding: 9px 16px !important;
            font-size: 0.82rem !important;
            font-weight: 700 !important;
            border-radius: 22px !important;
            white-space: nowrap !important;
            background: var(--surface-sub, #f1f5f9) !important;
            border: 1px solid var(--border-color) !important;
            color: var(--text-sub, #64748b) !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            min-height: 38px !important;
        }

        body.dark-mode .rh-subtab-btn {
            background: #0f172a !important;
            border-color: #334155 !important;
            color: #94a3b8 !important;
        }

        .rh-subtab-btn.active {
            background: var(--brand-cyber, #0284c7) !important;
            color: #ffffff !important;
            border-color: var(--brand-cyber, #0284c7) !important;
            box-shadow: 0 4px 12px #234864 !important;
        }

        /* Grid de KPIs do RH no Celular: Sempre 2 colunas proporcionais */
        .rh-stat-grid,
        .view-rh-container [style*="grid-template-columns: repeat(auto-fit"] {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 10px !important;
            margin-bottom: 18px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .rh-stat-card {
            padding: 12px 14px !important;
            border-radius: 14px !important;
            box-sizing: border-box !important;
            border: 1.5px solid var(--border-color) !important;
            background: var(--surface-sub, #f8fafc) !important;
        }

        body.dark-mode .rh-stat-card {
            background: #0f172a !important;
            border-color: #334155 !important;
        }

        .rh-stat-label {
            font-size: 0.7rem !important;
            letter-spacing: 0.3px !important;
            margin-bottom: 4px !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
        }

        .rh-stat-val {
            font-size: 1.45rem !important;
            font-weight: 900 !important;
            font-family: 'JetBrains Mono', monospace !important;
        }

        /* Tabelas Cyber no Celular */
        .table-cyber th,
        .table-cyber td {
            padding: 10px 12px !important;
            font-size: 0.8rem !important;
        }

        /* Modais do RH (Ponto Eletrônico, Colaborador, Holerite, Férias) no Celular */
        .modal-rh-backdrop {
            z-index: 100050 !important;
            padding: 8px !important;
            align-items: flex-end !important;
        }

        .modal-rh-backdrop .card {
            width: 100% !important;
            max-width: 100% !important;
            border-radius: 20px 20px 14px 14px !important;
            max-height: 88vh !important;
            padding: 18px 16px 22px 16px !important;
            box-sizing: border-box !important;
        }

        .modal-rh-backdrop [style*="grid-template-columns: repeat(auto-fit"] {
            grid-template-columns: 1fr !important;
            gap: 10px !important;
        }

        .modal-rh-actions {
            display: grid !important;
            grid-template-columns: 1fr 2fr !important;
            gap: 10px !important;
            width: 100% !important;
            margin-top: 18px !important;
        }

        .modal-rh-actions button {
            width: 100% !important;
            padding: 12px 14px !important;
            font-size: 0.88rem !important;
            font-weight: 700 !important;
            border-radius: 12px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            box-sizing: border-box !important;
        }

        /* ========================================================
           CHAT CORPORATIVO NO CELULAR (< 768px) - NO ESQUADRO
           ======================================================== */
        .view-chat-container {
            padding: 0 !important;
            margin: 0 !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .chat-wrapper {
            grid-template-columns: 1fr !important;
            height: calc(100dvh - 192px) !important;
            min-height: 360px !important;
            max-height: calc(100dvh - 192px) !important;
            border-radius: 16px !important;
            margin-bottom: 0 !important;
            box-sizing: border-box !important;
            overflow: hidden !important;
        }

        /* Cabeçalho do Chat ativo */
        .chat-active-header {
            padding: 10px 12px !important;
            gap: 8px !important;
        }

        .btn-chat-toggle-sidebar {
            background: #d9eaf5 !important;
            color: var(--brand-cyber, #0284c7) !important;
            border: 1px solid #1f415b !important;
            border-radius: 8px !important;
            padding: 6px 10px !important;
            font-size: 0.8rem !important;
            font-weight: 700 !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 4px !important;
            cursor: pointer !important;
            flex-shrink: 0 !important;
        }

        /* Gaveta Lateral de Canais (Drawer no Celular) */
        .chat-sidebar {
            display: none !important;
        }

        .chat-sidebar.mobile-open {
            display: flex !important;
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            width: 100vw !important;
            height: 100dvh !important;
            z-index: 100060 !important;
            background: var(--surface-card, #ffffff) !important;
            box-shadow: 0 0 50px #808080 !important;
        }

        body.dark-mode .chat-sidebar.mobile-open {
            background: #0f172a !important;
        }

        .btn-chat-close-sidebar {
            background: var(--surface-sub, #f1f5f9) !important;
            border: 1px solid var(--border-color) !important;
            border-radius: 8px !important;
            padding: 4px 10px !important;
            font-size: 1.1rem !important;
            font-weight: 700 !important;
            color: var(--text-main) !important;
            cursor: pointer !important;
        }

        body.dark-mode .btn-chat-close-sidebar {
            background: #1e293b !important;
            color: #f8fafc !important;
        }

        /* Feed de Mensagens do Chat no Celular */
        .chat-messages-scroll {
            padding: 12px 10px !important;
            gap: 10px !important;
        }

        .chat-msg-row {
            max-width: 90% !important;
            gap: 8px !important;
        }

        .chat-msg-bubble {
            padding: 9px 12px !important;
            border-radius: 14px !important;
            font-size: 0.88rem !important;
        }

        /* Barra de Digitação de Mensagem no Celular: No Esquadro Perfeito */
        .chat-input-bar-container {
            padding: 8px 10px !important;
            gap: 6px !important;
            background: var(--surface-card) !important;
        }

        .chat-input-inner-row {
            padding: 2px 4px 2px 10px !important;
            gap: 6px !important;
            border-radius: 24px !important;
        }

        .chat-btn-anexo {
            padding: 6px 8px !important;
            min-width: 34px !important;
            border-radius: 50% !important;
            justify-content: center !important;
        }

        .chat-btn-anexo .chat-btn-anexo-text {
            display: none !important;
        }

        .chat-input-field {
            font-size: 0.88rem !important;
            padding: 6px 2px !important;
        }

        .chat-btn-submit {
            width: 34px !important;
            height: 34px !important;
            padding: 0 !important;
            border-radius: 50% !important;
            flex-shrink: 0 !important;
        }

        /* Prevenção de Zoom automático invasivo no iOS ao focar inputs */
        @supports (-webkit-touch-callout: none) {
            input[type="text"],
            input[type="password"],
            input[type="email"],
            input[type="number"],
            input[type="tel"],
            select,
            textarea {
                font-size: 16px !important;
            }
        }
    } /* Fim do @media (max-width: 767px) */

    /* ========================================================
       Desktop Reset (>= 768px): Garante 100% integridade no PC
       ======================================================== */
    @media (min-width: 768px) {
        .mobile-bottom-nav,
        .mobile-fab-btn,
        .fab-novo-chamado,
        .mobile-central-view-switcher,
        .mobile-sheet-backdrop,
        .mobile-sheet-container,
        .mobile-quick-filter-bar,
        .sidebar-backdrop,
        .mobile-only {
            display: none !important;
        }

        .desktop-only {
            display: inline-flex !important;
        }

        #secao-chamados-ativos {
            display: block !important;
            width: 100% !important;
        }
    }

    /* ========================================================
       REFINAMENTOS MOBILE: ESTOQUE 2x2 E SELEÇÃO NA CENTRAL DE GESTÃO
       ======================================================== */
    @media (max-width: 768px) {
        /* 1. Departamento de Estoque: Exatamente 2 Colunas lado a lado */
        .estoque-kpi-grid {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 10px !important;
            width: 100% !important;
            margin-bottom: 16px !important;
            box-sizing: border-box !important;
        }

        .kpi-estoque-card {
            width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
            padding: 12px 10px !important;
            min-height: 105px !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;
            border-radius: 12px !important;
        }

        .kpi-estoque-card-top {
            display: flex !important;
            align-items: flex-start !important;
            justify-content: space-between !important;
            gap: 4px !important;
            margin-bottom: 6px !important;
        }

        .kpi-estoque-card-label {
            font-size: 0.68rem !important;
            line-height: 1.2 !important;
            letter-spacing: 0.02em !important;
            font-weight: 700 !important;
        }

        .kpi-estoque-icon {
            width: 28px !important;
            height: 28px !important;
            min-width: 28px !important;
            font-size: 0.95rem !important;
            border-radius: 8px !important;
        }

        .kpi-estoque-value {
            font-size: 1.15rem !important;
            line-height: 1.2 !important;
            word-break: break-word !important;
            font-weight: 800 !important;
        }

        .kpi-estoque-footer {
            font-size: 0.68rem !important;
            line-height: 1.2 !important;
            margin-top: 4px !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }

        /* 2. Central de Gestão & Permissões: Alinhamento Mobile Perfeito */
        .perm-selector-panel {
            padding: 12px !important;
            border-radius: 14px !important;
            margin-bottom: 14px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .perm-selector-row {
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            text-align: left !important;
            gap: 12px !important;
            width: 100% !important;
            margin-bottom: 12px !important;
            box-sizing: border-box !important;
        }

        .perm-selector-row > div:first-child,
        .perm-selector-main-col {
            width: 100% !important;
            flex: none !important;
            box-sizing: border-box !important;
        }

        .perm-selector-header-box,
        .perm-selector-row > div:first-child > div {
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 8px !important;
            width: 100% !important;
            margin-bottom: 8px !important;
            box-sizing: border-box !important;
        }

        .perm-selector-label,
        .perm-selector-row label {
            display: block !important;
            font-size: 0.82rem !important;
            line-height: 1.35 !important;
            white-space: normal !important;
            color: var(--brand-cyber) !important;
            font-weight: 700 !important;
            width: 100% !important;
            margin-bottom: 0 !important;
        }

        #btn-toggle-novo-tec-admin,
        .btn-novo-tec-admin {
            width: 100% !important;
            justify-content: center !important;
            text-align: center !important;
            font-size: 0.80rem !important;
            font-weight: 700 !important;
            padding: 9px 14px !important;
            border-radius: 8px !important;
            color: #38bdf8 !important;
            border: 1px solid rgba(56, 189, 248, 0.4) !important;
            background: rgba(56, 189, 248, 0.1) !important;
            box-sizing: border-box !important;
        }

        #perm-tec-select,
        .perm-tec-select-input {
            width: 100% !important;
            min-height: 44px !important;
            font-size: 0.90rem !important;
            font-weight: 700 !important;
            padding: 10px 12px !important;
            border-radius: 10px !important;
            box-sizing: border-box !important;
        }

        .perm-tec-preview-card {
            width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            padding: 12px 14px !important;
            border-radius: 12px !important;
            background: var(--surface-card) !important;
            border: 1.5px solid var(--border-color) !important;
            margin-top: 2px !important;
        }

        /* ==========================================================
           DEPARTAMENTO DE RH - RESPONSIVIDADE MOBILE NATIVA
           Cards no lugar da tabela clássica, lixeira e botão Ativo/Inativo
           ========================================================== */
        .rh-desktop-table-wrap {
            display: none !important;
        }

        .rh-mobile-cards-container {
            display: flex !important;
            flex-direction: column !important;
            gap: 12px !important;
            width: 100% !important;
            margin-bottom: 20px !important;
            box-sizing: border-box !important;
        }

        .rh-colab-card-mobile {
            background: var(--surface-card) !important;
            border: 1.5px solid var(--border-color) !important;
            border-radius: 14px !important;
            padding: 14px !important;
            box-shadow: var(--shadow-sm) !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
            box-sizing: border-box !important;
            width: 100% !important;
        }

        .rh-colab-card-mobile.is-inativo {
            opacity: 0.88 !important;
            background: var(--surface-sub) !important;
            border-style: dashed !important;
        }

        .rh-colab-card-top {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            gap: 8px !important;
            width: 100% !important;
        }

        .rh-colab-card-user {
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            min-width: 0 !important;
            flex: 1 !important;
        }

        .rh-colab-card-avatar {
            width: 44px !important;
            height: 44px !important;
            border-radius: 50% !important;
            object-fit: cover !important;
            border: 2px solid var(--border-color) !important;
            flex-shrink: 0 !important;
        }

        .rh-colab-card-meta {
            min-width: 0 !important;
            flex: 1 !important;
        }

        .rh-colab-card-name {
            font-size: 0.95rem !important;
            font-weight: 800 !important;
            color: var(--text-main) !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            display: block !important;
        }

        .rh-colab-card-role {
            font-size: 0.76rem !important;
            color: var(--text-sub) !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            display: block !important;
        }

        .rh-colab-card-details {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 6px 10px !important;
            padding: 8px 10px !important;
            background: var(--surface-sub) !important;
            border-radius: 8px !important;
            font-size: 0.76rem !important;
        }

        .rh-colab-card-details-item {
            display: flex !important;
            flex-direction: column !important;
            min-width: 0 !important;
        }

        .rh-colab-card-details-item span.lbl {
            font-size: 0.68rem !important;
            text-transform: uppercase !important;
            letter-spacing: 0.5px !important;
            color: var(--text-sub) !important;
            font-weight: 700 !important;
        }

        .rh-colab-card-details-item span.val {
            font-size: 0.78rem !important;
            color: var(--text-main) !important;
            font-weight: 700 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }

        .rh-colab-card-actions {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 8px !important;
            margin-top: 4px !important;
            width: 100% !important;
        }

        .btn-rh-card-action {
            flex: 1 1 calc(50% - 6px) !important;
            min-height: 38px !important;
            padding: 0 8px !important;
            font-size: 0.77rem !important;
            font-weight: 700 !important;
            border-radius: 8px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: center !important;
            box-sizing: border-box !important;
            touch-action: manipulation !important;
            -webkit-tap-highlight-color: transparent !important;
        }

        .btn-rh-card-action.btn-rh-excluir {
            flex: 1 1 100% !important;
            min-height: 40px !important;
            font-size: 0.82rem !important;
            box-shadow: 0 2px 8px rgba(239, 68, 68, 0.18) !important;
        }

        .btn-toggle-status-rh {
            min-height: 34px !important;
            touch-action: manipulation !important;
            -webkit-tap-highlight-color: transparent !important;
        }

        /* Prevenção de Tremor / Flicker do Relógio no Celular */
        #cyber-clock {
            font-variant-numeric: tabular-nums lining-nums !important;
            letter-spacing: 0.04em !important;
            text-rendering: optimizeSpeed !important;
            -webkit-font-smoothing: antialiased !important;
            transform: translateZ(0) !important;
            backface-visibility: hidden !important;
            min-width: 140px !important;
            display: inline-block !important;
            text-align: center !important;
        }
    }

    @media (min-width: 768px) {
        .rh-desktop-table-wrap {
            display: block !important;
        }
        .rh-mobile-cards-container {
            display: none !important;
        }
    }




    /* ★ REGRA GLOBAL: NO DESKTOP (>= 768px), OCULTAR BOTTOM SHEET E BOTTOM BAR ★ */
    @media (min-width: 768px) {
        .mobile-bottom-bar,
        .bottom-sheet-backdrop,
        .bottom-sheet-modal {
            display: none !important;
        }
        .sidebar-tech-rail {
            display: none !important;
        }
        .app-sidebar {
            display: flex !important;
        }
        .app-main-content {
            flex: 1 !important;
            min-width: 0 !important;
            width: auto !important;
            max-width: none !important;
            padding-bottom: 0 !important;
        }
    }

    /* ★ ESTILOS DO CARROSSEL DE AÇÕES RÁPIDAS (BOTTOM SHEET MODERNO) ★ */
    .sheet-categories-nav {
        display: flex;
        gap: 8px;
        margin-bottom: 12px;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .sheet-categories-nav::-webkit-scrollbar {
        display: none;
    }
    .sheet-cat-chip {
        padding: 6px 14px;
        border-radius: 20px;
        font-size: 0.78rem;
        font-weight: 700;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.05);
        color: #94a3b8;
        white-space: nowrap;
        cursor: pointer;
        transition: all 0.2s ease;
    }
    .sheet-cat-chip.active {
        background: #0284c7;
        color: #ffffff;
        border-color: #0284c7;
        box-shadow: 0 2px 10px rgba(2, 132, 199, 0.4);
    }
    body.theme-light .sheet-cat-chip,
    body[data-theme="clean-executive"] .sheet-cat-chip {
        border-color: #e2e8f0;
        background: #f1f5f9;
        color: #64748b;
    }
    body.theme-light .sheet-cat-chip.active,
    body[data-theme="clean-executive"] .sheet-cat-chip.active {
        background: #0284c7;
        color: #ffffff;
        border-color: #0284c7;
    }

    .sheet-carousel-wrapper {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .sheet-carousel-track {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        gap: 0;
    }
    .sheet-carousel-track::-webkit-scrollbar {
        display: none;
    }
    .sheet-carousel-slide {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        flex-shrink: 0;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        box-sizing: border-box;
    }
    .sheet-carousel-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 14px;
        padding-top: 10px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    body.theme-light .sheet-carousel-footer,
    body[data-theme="clean-executive"] .sheet-carousel-footer {
        border-top-color: #e2e8f0;
    }
    .sheet-nav-arrow {
        background: rgba(255, 255, 255, 0.08);
        border: none;
        color: #cbd5e1;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 0.85rem;
        transition: all 0.2s;
    }
    body.theme-light .sheet-nav-arrow,
    body[data-theme="clean-executive"] .sheet-nav-arrow {
        background: #e2e8f0;
        color: #334155;
    }
    .sheet-nav-arrow:hover {
        background: rgba(2, 132, 199, 0.25);
        color: #38bdf8;
    }
    .sheet-carousel-dots {
        display: flex;
        gap: 8px;
        align-items: center;
    }
    .sheet-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.2);
        cursor: pointer;
        transition: all 0.2s ease;
    }
    body.theme-light .sheet-dot,
    body[data-theme="clean-executive"] .sheet-dot {
        background: #cbd5e1;
    }
    .sheet-dot.active {
        width: 22px;
        border-radius: 10px;
        background: #0284c7;
    }

    /* ★ REGRAS ESTRITAS PARA CLIENTE (USER-SOLICITANTE) ★ */
    body.user-solicitante .tec-only-btn {
        display: none !important;
    }
    body.user-solicitante .cli-only-btn {
        display: flex !important;
    }
    body:not(.user-solicitante) .cli-only-btn {
        display: none !important;
    }
    body.user-solicitante #bottom-sheet-modal,
    body.user-solicitante #bottom-sheet-backdrop {
        display: none !important;
    }
    body.user-solicitante #bloco-tipo-cliente,
    body.user-solicitante #bloco-identificacao-solicitante {
        display: none !important;
    }
    body.user-solicitante #bloco-cliente-logado-info {
        display: block !important;
    }
    body:not(.user-solicitante) #bloco-cliente-logado-info {
        display: none !important;
    }

    /* ★ AJUSTE FINO RMM NO MOBILE: Ícones em Esquadro, Métricas, Filtros e Ações em Carrossel ★ */
    @media (max-width: 767px) {
        /* 1. Sub-Navegação de Abas RMM (Carrossel Horizontal Deslizante) */
        .rmm-subtabs-carousel {
            display: flex !important;
            flex-wrap: nowrap !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch !important;
            gap: 8px !important;
            padding-bottom: 8px !important;
            margin-bottom: 14px !important;
            scrollbar-width: none !important;
        }
        .rmm-subtabs-carousel::-webkit-scrollbar {
            display: none !important;
        }
        .rmm-subtabs-carousel button,
        .rmm-subtabs-carousel .btn-small {
            flex: 0 0 auto !important;
            white-space: nowrap !important;
            font-size: 0.78rem !important;
            padding: 8px 12px !important;
            height: 36px !important;
            min-height: 36px !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 6px !important;
            border-radius: 8px !important;
        }

        /* 2. Grid de Métricas Rápidas (Organização em Esquadro 2x2 Perfeita) */
        .rmm-metricas-grid {
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 8px !important;
            margin-bottom: 14px !important;
        }
        .rmm-metrica-card {
            padding: 10px 8px !important;
            border-radius: 10px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 68px !important;
        }
        .rmm-metrica-label {
            font-size: 0.68rem !important;
            margin-bottom: 2px !important;
            white-space: nowrap !important;
            letter-spacing: 0.3px !important;
        }
        .rmm-metrica-valor {
            font-size: 1.25rem !important;
            line-height: 1.1 !important;
        }

        /* 3. Barra Superior de Filtros e Chips de Saúde */
        .rmm-filtro-bar {
            padding: 10px 12px !important;
            gap: 10px !important;
            border-radius: 10px !important;
        }
        .rmm-filtro-controles-wrap {
            width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 8px !important;
        }

        /* Categorias em Carrossel Horizontal */
        .rmm-filtro-categorias {
            display: flex !important;
            flex-wrap: nowrap !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch !important;
            align-items: center !important;
            gap: 6px !important;
            width: 100% !important;
            padding-bottom: 2px !important;
            scrollbar-width: none !important;
        }
        .rmm-filtro-categorias::-webkit-scrollbar {
            display: none !important;
        }
        .rmm-filtro-label {
            flex: 0 0 auto !important;
            font-size: 0.72rem !important;
            margin-right: 2px !important;
        }
        .rmm-filtro-categorias button,
        .rmm-filtro-categorias .btn-small {
            flex: 0 0 auto !important;
            white-space: nowrap !important;
            height: 32px !important;
            min-height: 32px !important;
            padding: 4px 10px !important;
            font-size: 0.74rem !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 4px !important;
            border-radius: 8px !important;
        }

        /* Chips de Saúde em Carrossel Horizontal (Sem quebra de parênteses) */
        .rmm-filtro-chips-saude {
            display: flex !important;
            flex-wrap: nowrap !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch !important;
            align-items: center !important;
            gap: 6px !important;
            width: 100% !important;
            padding-left: 0 !important;
            border-left: none !important;
            padding-top: 2px !important;
            padding-bottom: 2px !important;
            scrollbar-width: none !important;
        }
        .rmm-filtro-chips-saude::-webkit-scrollbar {
            display: none !important;
        }
        .rmm-filtro-chips-saude button,
        .rmm-filtro-chips-saude .btn-small {
            flex: 0 0 auto !important;
            white-space: nowrap !important;
            height: 30px !important;
            min-height: 30px !important;
            padding: 4px 9px !important;
            font-size: 0.72rem !important;
            font-weight: 800 !important;
            display: inline-flex !important;
            align-items: center !important;
            gap: 4px !important;
            border-radius: 7px !important;
        }

        /* 4. Ações Executivas e Status Real-Time */
        .rmm-acoes-topo-container {
            width: 100% !important;
            display: flex !important;
            flex-wrap: nowrap !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch !important;
            align-items: center !important;
            gap: 6px !important;
            padding-top: 4px !important;
            padding-bottom: 4px !important;
            border-top: 1px dashed var(--border-color) !important;
            scrollbar-width: none !important;
        }
        .rmm-acoes-topo-container::-webkit-scrollbar {
            display: none !important;
        }
        .rmm-acoes-topo-container .rmm-realtime-status {
            flex: 0 0 auto !important;
            white-space: nowrap !important;
            font-size: 0.70rem !important;
            padding-right: 4px !important;
        }
        .rmm-acoes-topo-container button,
        .rmm-acoes-topo-container .btn-secondary,
        .rmm-acoes-topo-container .btn-small {
            flex: 0 0 auto !important;
            white-space: nowrap !important;
            height: 32px !important;
            min-height: 32px !important;
            padding: 4px 10px !important;
            font-size: 0.72rem !important;
            font-weight: 700 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 4px !important;
            border-radius: 7px !important;
        }

        /* 5. Cabeçalhos de Grupo (Empresas / Avulsos) Alinhados em Esquadro */
        .rmm-grupo-header {
            padding: 9px 12px !important;
            border-radius: 9px !important;
        }
        .rmm-grupo-header-info {
            gap: 6px !important;
            max-width: 80% !important;
        }
        .rmm-grupo-header-info strong {
            font-size: 0.85rem !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }
        .rmm-grupo-header-hint {
            display: none !important; /* Esconde texto longo no mobile para manter esquadro perfeito */
        }

        /* 6. Grid e Cards Individuais RMM */
        #grid-rmm-empresas,
        #grid-rmm-avulsos {
            grid-template-columns: 1fr !important;
            gap: 12px !important;
        }

        .card-rmm-host {
            padding: 12px 14px !important;
            border-radius: 14px !important;
        }

        .card-rmm-host .btn-rmm-giroflex {
            height: 28px !important;
            min-height: 28px !important;
            padding: 3px 6px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .card-rmm-host .btn-small {
            height: 28px !important;
            min-height: 28px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 2px 8px !important;
            font-size: 0.72rem !important;
            white-space: nowrap !important;
        }

        .card-rmm-host .btn-rmm-card-collapse {
            width: 28px !important;
            height: 28px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
        }
    }