/* BASE */
        html, body { height: 100%; overflow: hidden; background-color: #f8fafc; font-family: 'Inter', sans-serif; color: #1e293b; }
        .hidden { display: none; }
        .fade-in { animation: fadeIn 0.3s ease-out; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        
        /* SCROLL */
        .scroll-area { overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
        .scroll-area::-webkit-scrollbar { display: none; }
        
        /* VISUAL PREMIUM */
        .glass-header { background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%); color: white; box-shadow: 0 4px 20px -5px rgba(30, 58, 138, 0.4); }
        .card-premium { background: white; border-radius: 1rem; border: 1px solid #f1f5f9; box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.05); transition: transform 0.1s; }
        .card-premium:active { transform: scale(0.99); }

        .input-modern { background-color: #fff; border: 1px solid #e2e8f0; transition: all 0.2s; }
        .input-modern:focus { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
        
        /* BADGES E BOTÕES */
        .btn-action { background: linear-gradient(to bottom right, #2563eb, #1d4ed8); box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3); }
        .btn-action:active { transform: scale(0.96); }
        
        .nav-item.active { color: #2563eb; }
        .chip.active { background-color: #2563eb; color: white; border-color: #2563eb; }
        
        .status-toggle { transition: all 0.2s; }
        .bg-obs-error { background-color: #fef2f2; border: 1px solid #fee2e2; }
        /* ===== HOME V2 (bonita) ===== */
        .hero-gradient {
        background: radial-gradient(1200px 500px at 20% 0%, rgba(59,130,246,.35), transparent 60%),
                    radial-gradient(900px 450px at 90% 30%, rgba(147,51,234,.20), transparent 55%),
                    linear-gradient(135deg, #0f172a 0%, #1e3a8a 60%, #0b1220 100%);
        }

        .kpi-card {
        background: rgba(255,255,255,.08);
        border: 1px solid rgba(255,255,255,.18);
        backdrop-filter: blur(10px);
        }

        .kpi-number { letter-spacing: -0.04em; }

        .soft-ring { box-shadow: 0 0 0 6px rgba(59,130,246,.10); }

        .home-grid-btn {
        background: #ffffff;
        border: 1px solid #eef2ff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
        }
        .home-grid-btn:active { transform: scale(0.98); }

        .section-title {
        display: flex; align-items: center; justify-content: space-between;
        gap: .75rem;
        }
        /* ===== SIDEBAR (DESKTOP) ===== */
.sidebar-wrap{
  background: #ffffff;
  border-right: 1px solid #e2e8f0;
}
.side-item{
  display:flex; align-items:center; gap:.75rem;
  width:100%;
  padding:.75rem .9rem;
  border-radius: 1rem;
  font-weight: 800;
  font-size: .85rem;
  color:#334155;
  background: transparent;
  border: 1px solid transparent;
  cursor:pointer;
  transition: all .15s ease;
}
.side-item:hover{
  background:#f8fafc;
  border-color:#e2e8f0;
}
.side-item i{ width:18px; text-align:center; opacity:.9; }
.side-item.active{
  background:#eef2ff;
  border-color:#c7d2fe;
  color:#1e293b;
}