/* WM Automatizacao - estilos complementares ao Tailwind (CDN) */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Impressao da proposta comercial: some com tudo, menos o conteudo da proposta */
@media print {
  body * { visibility: hidden; }
  #orc-proposta-content, #orc-proposta-content *, #orc-termo-content, #orc-termo-content *,
  #dash-financeiro-content, #dash-financeiro-content *,
  #fin-print-content, #fin-print-content * { visibility: visible; }
  #orc-proposta-content, #orc-termo-content, #dash-financeiro-content, #fin-print-content { position: absolute; left: 0; top: 0; width: 100%; padding: 12mm; }
}

@keyframes wmLedPulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.wm-led-pulse { animation: wmLedPulse 1.6s ease-in-out infinite; }

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}
.icon-fill { font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 24; }

/* Scrollbar (tabelas do admin) */
.table-scroll::-webkit-scrollbar { height: 8px; width: 8px; }
.table-scroll::-webkit-scrollbar-track { background: #f0eded; }
.table-scroll::-webkit-scrollbar-thumb { background-color: #c4c5d5; border-radius: 4px; }

/* Reveal-on-scroll */
.reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

/* Blueprint illustration tiles (fallback-safe, no external images) */
.blueprint {
  position: relative;
  background: linear-gradient(135deg, #00113b 0%, #002068 55%, #003399 100%);
  overflow: hidden;
}
.blueprint::before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 24px 24px;
}
.blueprint::after {
  content: "";
  position: absolute; right: -40px; bottom: -40px;
  width: 180px; height: 180px; border-radius: 9999px;
  background: rgba(218,41,28,.18);
}

/* Mobile nav panel */
.mobile-nav { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.mobile-nav.open { max-height: 480px; }

/* WhatsApp float */
.wa-fab { box-shadow: 0 8px 24px rgba(37,211,102,.35); }
.wa-fab:hover { transform: translateY(-2px); }

/* Admin sidebar mobile drawer */
#admin-sidebar { transition: transform .3s ease; }
@media (max-width: 767px) {
  #admin-sidebar { position: fixed; z-index: 60; top: 0; left: 0; height: 100%; transform: translateX(-100%); }
  #admin-sidebar.open { transform: translateX(0); }
}

/* Loading spinner */
.spinner { width: 28px; height: 28px; border-radius: 9999px; border: 3px solid #c4c5d5; border-top-color: #003399; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Toast */
#toast { position: fixed; bottom: 24px; left: 50%; transform: translate(-50%, 16px); opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .25s ease; z-index: 80; }
#toast.show { opacity: 1; transform: translate(-50%, 0); }