/* ────────────────
   Premium Animations (Disabled for Corporate Aesthetic)
────────────────── */

section.hero-gradient,
main > article,
main > div > article {
  transition: box-shadow var(--nalora-motion-transition) var(--nalora-motion-easing);
}

section.hero-gradient:hover,
main > article:hover,
main > div > article:hover {
  box-shadow: 0 4px 12px rgba(25, 28, 30, 0.1);
  opacity: 1;
}

.kpi-chip {
  transition: box-shadow 0.18s var(--nalora-motion-easing);
}
.kpi-chip:hover {
  box-shadow: 0 4px 12px rgba(61,111,166,0.15);
  z-index: 2;
}
/* Shared UI layer for NALORA v2 demo pages */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --nalora-bg: #f7f9fb;
  --nalora-surface: #ffffff;
  --nalora-surface-soft: #f2f4f6;
  --nalora-ink: #191c1e;
  --nalora-muted: #45464d;
  --nalora-primary: #111c2d;
  --nalora-primary-soft: #d8e3fb;
  --nalora-accent: #505f76;
  --nalora-module-accent: #3d6fa6;
  --nalora-module-soft: rgba(61, 111, 166, 0.22);
  --nalora-module-glow: rgba(61, 111, 166, 0.14);
  --nalora-outline: #c6c6cd;
  --nalora-shadow: 0 4px 12px rgba(25, 28, 30, 0.08);
  --nalora-strip-width: 4px;
  --nalora-radius-hero: 0.25rem;
  --nalora-radius-card: 0.25rem;
  --nalora-radius-ops: 0.125rem;
  --nalora-radius-kpi: 0.125rem;
  --nalora-motion-transition: 150ms;
  --nalora-motion-easing: cubic-bezier(0.4, 0, 0.2, 1);
}

body {
  background: var(--nalora-bg);
  font-family: 'Inter', sans-serif !important;
  font-size: 14px;
  color: var(--nalora-ink);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  color: var(--nalora-primary);
  letter-spacing: 0;
}

::selection {
  background: var(--nalora-module-soft);
}

.ui-shell {
  position: relative;
}

.ui-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at top left, rgba(17, 28, 45, 0.05), transparent 28%),
    radial-gradient(circle at bottom right, rgba(80, 95, 118, 0.05), transparent 24%),
    radial-gradient(circle at 80% 24%, var(--nalora-module-glow), transparent 30%);
  opacity: 0.85;
}

.main-panel {
  position: relative;
  z-index: 1;
}

.surface-card,
main > section,
main > article,
main > div > article {
  transition: transform var(--nalora-motion-transition) var(--nalora-motion-easing), box-shadow var(--nalora-motion-transition) var(--nalora-motion-easing), opacity var(--nalora-motion-transition) var(--nalora-motion-easing);
  border-radius: var(--nalora-radius-card);
}

.rounded-DEFAULT,
article,
.kpi-chip {
  border-radius: var(--nalora-radius-card);
}

.rounded-lg,
section.rounded-lg {
  border-radius: var(--nalora-radius-hero);
}

main > section:first-of-type {
  position: relative;
}

/* Removed animation */

.kpi-chip,
.chip-info,
.chip-active,
.chip-warning,
.chip-critical,
.chip-idle {
  border-radius: var(--nalora-radius-kpi);
}

main article > div > div,
main article .bg-surface-container-low,
main article .bg-surface-container-lowest,
main article .bg-error-container,
main article .bg-secondary-container {
  border-radius: var(--nalora-radius-ops);
}

/* Removed hover animations */
.surface-card:hover,
main > section:hover,
main > article:hover,
main > div > article:hover {
  transform: none;
  box-shadow: var(--nalora-shadow);
}

.ui-reveal {
  opacity: 0;
  transform: translateY(var(--nalora-motion-reveal-distance));
  transition: opacity var(--nalora-motion-reveal) var(--nalora-motion-easing), transform var(--nalora-motion-reveal) var(--nalora-motion-easing);
}

.ui-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.kpi-chip,
.chip,
.rounded-full {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset;
}

input,
button,
a {
    background: rgba(255,255,255,0.04); /* Quase transparente, só glass */
}

.nav-item.nav-active {
  border-left-color: var(--nalora-module-accent) !important;
  background-color: var(--nalora-module-soft) !important;
}

.nav-item:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible {
  outline: 2px solid var(--nalora-module-accent);
  outline-offset: 2px;
}

body[data-motion-profile="dynamic"] .nav-item:hover,
body[data-motion-profile="dynamic"] button:hover,
body[data-motion-profile="dynamic"] a:hover {
  transition-duration: calc(var(--nalora-motion-transition) * 0.85);
}

body[data-motion-profile="calm"] .surface-card:hover,
body[data-motion-profile="calm"] main > section:hover,
body[data-motion-profile="calm"] main > article:hover,
body[data-motion-profile="calm"] main > div > article:hover {
  transform: translateY(-1px);
}

@keyframes module-accent-sweep {
  0% {
    transform: translateX(-8%);
    opacity: 0.62;
  }
  50% {
    transform: translateX(8%);
    opacity: 0.9;
  }
  100% {
    transform: translateX(-8%);
    opacity: 0.62;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .ui-reveal {
    opacity: 1;
    transform: none;
  }
}

/* --------------------------------------------------
   v1-inspired refinements: Data-Strip, Chips, Glass
   - Data-Strip: vertical accent bar for rows/cards
   - Alternância de linhas: row-even / row-odd
   - Divider ban for table rows
   - Glass panel and hero gradient are defined here for v2
   - Chip tonal classes aligned with DESIGN.md
   - Progress track + icon-filled helper
 -------------------------------------------------- */

.strip-active  { border-left: var(--nalora-strip-width) solid #111c2d; }
.strip-idle    { border-left: var(--nalora-strip-width) solid #545f73; }
.strip-error   { border-left: var(--nalora-strip-width) solid #ba1a1a; }
.strip-warning { border-left: var(--nalora-strip-width) solid #b86a00; }

.row-even { background-color: #ffffff; }
.row-odd  { background-color: #f2f4f6; }

/* Ensure tables do not show bottom borders between rows */
table tbody tr {
  border-bottom: none !important;
}

.glass-panel {
  background: #ffffff;
  border: 1px solid #e0e0e0;
}

.hero-gradient { background: linear-gradient(135deg, #111c2d 0%, #505f76 100%); }

/* Sidebar exact tones from v1 */
.nav-sidebar { background-color: #0F172A; }
.nav-item { border-left: 3px solid transparent; }
.nav-item:hover { background-color: rgba(255,255,255,0.06); }
.nav-active { background-color: #1e293b; border-left-color: #94a3b8; color: #ffffff; }

/* Chips aligned to DESIGN.md */
.chip-critical { background: #ffdad6; color: #93000a; }
.chip-warning  { background: #fef3c7; color: #92400e; }
.chip-info     { background: #d0e1fb; color: #0b1c30; }
.chip-active   { background: #111c2d; color: #ffffff; }
.chip-idle     { background: #545f73; color: #ffffff; }

/* Progress micro-components */
.progress-track { height: 5px; border-radius: 9999px; background: #e6e8ea; overflow: hidden; }
.progress-fill  { height: 100%; border-radius: 9999px; }

/* Icon weight helper for emphasis */
.icon-filled { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }

/* Ambient shadow alias used by v1 */
.shadow-ambient { box-shadow: 0 12px 40px rgba(25,28,30,0.06); }