/* Langris · a quiet workspace around the live operation.
   This layer is deliberately limited to the authenticated product. Artwork,
   media previews and the Montagem canvas keep their own rendering contract. */
body.produto-operacional {
  --exp-paper: #f5f4f0;
  --exp-surface: #ffffff;
  --exp-soft: #eeede8;
  --exp-ink: #242635;
  --exp-muted: #656877;
  --exp-line: #dedee5;
  --exp-accent: #625ed0;
  --exp-accent-hover: #504bb8;
  --exp-lavender: #eeedff;
  --exp-lime: #dcf3a8;
  --factory-canvas: #242635;
  --factory-lift: #ffffff;
  --factory-stroke: #dedee5;
  --factory-mid: #595d6c;
  --factory-muted: #656877;
  --factory-stone: #656877;
  --factory-bone: #242635;
  --factory-chalk: #ffffff;
  --factory-orange: #625ed0;
  --factory-green: #37704f;
  --brand-orange: #625ed0;
  --text: #242635;
  --muted: #656877;
  --dim: #656877;
  --sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
  background: var(--exp-paper);
  color: var(--exp-ink);
  font-family: var(--sans);
  line-height: 1.55;
  color-scheme: light;
}

/* Authentication is rendered by the same document before the workspace exists.
   Restore its original token pairing so operational paper never becomes its
   foreground and background at the same time. */
body.produto-operacional .login-shell {
  --factory-canvas: #101010;
  --factory-lift: #1d1a18;
  --factory-stroke: #3d3a39;
  --factory-mid: #4d4947;
  --factory-muted: #a59e97;
  --factory-stone: #b8b3b0;
  --factory-bone: #eeeeee;
  --factory-chalk: #fafafa;
  --factory-orange: #e37d4c;
  --factory-green: #a0ca92;
  --gold: #e37d4c;
  --sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-family: var(--sans);
}

body.produto-operacional .op-shell {
  grid-template-columns: 232px minmax(0, 1fr);
  background: var(--exp-paper);
}

body.produto-operacional .op-sidebar {
  height: 100dvh;
  padding: 30px 18px 22px;
  border-right: 0;
  background: #20212d;
  color: #f3f2f7;
}

body.produto-operacional .op-brand {
  min-height: 62px;
  gap: 12px;
  padding: 0 12px 34px;
  color: #f3f2f7;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: .14em;
}
body.produto-operacional .op-brand img { width: 32px; height: 32px; }
body.produto-operacional .op-sidebar nav { gap: 8px; }
body.produto-operacional .op-sidebar nav button {
  position: relative;
  min-height: 49px;
  gap: 13px;
  padding: 12px 15px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #b9bbc9;
  font-size: 14px;
  font-weight: 500;
}
body.produto-operacional .op-sidebar nav button i {
  width: 21px;
  color: #a5a8bc;
  font: 20px/1 var(--sans);
}
body.produto-operacional .op-sidebar nav button:hover {
  border-color: #ffffff0a;
  background: #ffffff08;
  color: #fff;
}
body.produto-operacional .op-sidebar nav button.ativo {
  border-color: #a8a4f42e;
  background: #a8a4f41b;
  color: #e6e3ff;
  box-shadow: none;
}
body.produto-operacional .op-sidebar nav button.ativo i { color: #bcb8ff; }
body.produto-operacional .op-sidebar nav button.ativo::after {
  content: '';
  position: absolute;
  right: 14px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c5c0ff;
}
body.produto-operacional .op-sidebar__fim { gap: 18px; padding: 22px 10px 0; border-color: #ffffff14; }
body.produto-operacional .op-sidebar__fim button,
body.produto-operacional .op-live,
body.produto-operacional .op-founder-link {
  color: #b6b8c9;
  font: 12px/1.5 var(--sans);
  letter-spacing: 0;
  text-transform: none;
}
body.produto-operacional .op-live { align-items: flex-start; }
body.produto-operacional .op-live i { flex: 0 0 6px; width: 6px; height: 6px; margin-top: 6px; background: var(--exp-lime); }
body.produto-operacional .op-founder-link:hover,
body.produto-operacional .op-sidebar__fim button:hover { color: #fff; }

body.produto-operacional .op-main {
  padding: 25px clamp(24px, 3.3vw, 52px) 76px;
}
body.produto-operacional .op-workspace-bar { min-height: 47px; margin-bottom: 31px; }
body.produto-operacional .op-workspace-bar :is(.op-company-current, .op-company-switch) {
  min-width: 190px;
  max-width: 340px;
  padding: 9px 14px;
  gap: 3px;
  border-color: var(--exp-line);
  border-radius: 12px;
  background: #ffffffb8;
}
body.produto-operacional .op-workspace-bar :is(.op-company-current span, .op-company-switch > span) {
  color: var(--exp-muted);
  font-size: 10px;
  font-weight: 550;
  letter-spacing: .07em;
}
body.produto-operacional .op-workspace-bar .op-company-current strong { color: var(--exp-ink); font-size: 13px; font-weight: 600; }
body.produto-operacional .op-workspace-bar .op-company-switch select {
  border-color: var(--exp-line);
  border-radius: 7px;
  background: #fff;
  color: var(--exp-ink);
}
body.produto-operacional .exp-motion-toggle {
  padding: 8px 11px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--exp-muted);
  font: 500 12px/1.4 var(--sans);
}
body.produto-operacional .exp-motion-toggle:hover,
body.produto-operacional .exp-motion-toggle[aria-pressed="true"] { border-color: #d9d4e8; background: #eeebf6; color: #635778; }
body.produto-operacional .exp-preview-label {
  position: relative;
  z-index: 1;
  padding: 10px 18px;
  border-bottom: 1px solid #ded9ec;
  background: #eeebf8;
  color: #5e5674;
  font: 500 12px/1.5 var(--sans);
  text-align: center;
}
body.produto-operacional .op-head { align-items: center; gap: 20px; margin-bottom: 28px; }
body.produto-operacional .op-head h1 {
  color: var(--exp-ink);
  font-size: clamp(30px, 3.3vw, 43px);
  font-weight: 550;
  line-height: 1.1;
  letter-spacing: -.045em;
}
body.produto-operacional .op-head p { max-width: 660px; margin-top: 10px; color: var(--exp-muted); font-size: 14px; line-height: 1.6; }
body.produto-operacional :is(.op-kicker, .op-section-title span) {
  color: var(--exp-accent);
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .09em;
}
/* No escuro o rótulo usa a tinta de texto do acento: o azul de marca fica abaixo de 4,5:1 no painel. */
body.produto-operacional[data-op-tema="escuro"] :is(.op-kicker, .op-section-title span) { color: var(--exp-accent-text); }
body.produto-operacional .op-subnav { gap: 7px; padding: 0 0 15px; border-color: var(--exp-line); }
body.produto-operacional .op-subnav button { color: var(--exp-muted); border-radius: 10px; }
body.produto-operacional .op-subnav button:hover { color: var(--exp-accent); background: #e9e7f5; }
body.produto-operacional .op-subnav button.ativo { color: var(--exp-accent); background: #e9e7f5; border-color: #dbd7f7; }

/* Consistent actions; state remains visible without relying on color alone. */
body.produto-operacional :is(.op-primary, .op-outline, .op-danger) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 11px 17px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  box-shadow: none;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.produto-operacional .op-primary { color: #fff; border-color: var(--exp-accent); background: var(--exp-accent); }
body.produto-operacional .op-primary:hover { background: var(--exp-accent-hover); border-color: var(--exp-accent-hover); }
body.produto-operacional .op-outline { color: var(--exp-ink); border-color: #d3d3dc; background: #fff; }
body.produto-operacional .op-outline:hover { border-color: #b6b4d5; background: #f5f4ff; }
body.produto-operacional .op-danger { border: 1px solid #e6bfb9; background: #fff3f0; color: #a24636; }
body.produto-operacional[data-op-tema="escuro"] .op-danger { border-color: color-mix(in srgb, var(--id-danger) 45%, transparent); background: var(--id-danger-soft); color: var(--id-danger); }
body.produto-operacional[data-op-tema="escuro"] .op-danger:hover:not(:disabled) { border-color: color-mix(in srgb, var(--id-danger) 65%, transparent); background: color-mix(in srgb, var(--id-danger) 18%, var(--id-danger-soft)); }
body.produto-operacional :is(.op-primary, .op-outline, .op-danger):disabled { opacity: .55; cursor: not-allowed; }
body.produto-operacional .op-link { color: var(--exp-accent); font: 550 13px/1.4 var(--sans); letter-spacing: 0; text-transform: none; }
body.produto-operacional .op-link:hover { color: var(--exp-accent-hover); }
/* No escuro o cobalto de hover some no preto (2,8:1); usa a tinta de texto do acento, como os rótulos. */
body.produto-operacional[data-op-tema="escuro"] .op-link:hover { color: var(--exp-accent-text); }
body.produto-operacional :focus-visible { outline: 3px solid #817aea; outline-offset: 3px; }

/* Home: a spatial welcome, followed by data and concrete next steps. */
body.produto-operacional .exp-home {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
  align-items: center;
  min-height: 345px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 40px 44px;
  border: 1px solid #343545;
  border-radius: 23px;
  background: #262735;
  color: #fff;
}
body.produto-operacional .exp-home__copy { position: relative; z-index: 2; max-width: 600px; }
body.produto-operacional .exp-home__eyebrow { display: block; margin-bottom: 17px; color: #c5c2f9; font-size: 11px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
body.produto-operacional .exp-home__title { max-width: 570px; color: #faf9f4; font-size: clamp(34px, 3.5vw, 52px); font-weight: 500; line-height: 1.04; letter-spacing: -.045em; text-wrap: balance; }
body.produto-operacional .exp-home__title em { color: #c3bcff; font-style: normal; }
body.produto-operacional .exp-home__description { max-width: 470px; margin: 20px 0 25px; color: #c3c4d1; font-size: 14px; line-height: 1.7; }
body.produto-operacional .exp-home__actions { display: flex; flex-wrap: wrap; gap: 11px; align-items: center; }
body.produto-operacional .exp-home__actions .op-primary { color: #252d1e; background: var(--exp-lime); border-color: var(--exp-lime); }
body.produto-operacional .exp-home__actions .op-primary:hover { background: #e8fac3; border-color: #e8fac3; }
body.produto-operacional .exp-home__actions .op-outline { color: #efedf8; background: #ffffff08; border-color: #ffffff30; }
body.produto-operacional .exp-home__actions .op-outline:hover { background: #ffffff12; border-color: #ffffff50; }
body.produto-operacional .exp-home__actions .op-link { color: #e1ddfb; font-size: 13px; }
body.produto-operacional .exp-home__actions .op-link:hover { color: #fff; }
body.produto-operacional .exp-home__visual { position: relative; z-index: 1; align-self: stretch; min-width: 0; display: grid; place-items: center; min-height: 270px; }
body.produto-operacional .exp-home__visual > img { display: block; width: min(100%, 335px); height: auto; object-fit: contain; }
body.produto-operacional .exp-home__orb { position: relative; z-index: 1; filter: drop-shadow(0 15px 38px #0b0c1840); }
body.produto-operacional .exp-home__signature { position: absolute; bottom: 3px; left: 0; right: 0; color: #b1adc7; font-size: 9px; font-weight: 500; letter-spacing: .12em; text-align: center; }
body.produto-operacional .exp-home__note { margin-top: 16px; color: #bec0cc; font-size: 12px; }
body.produto-operacional .exp-launch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-bottom: 36px; }
body.produto-operacional .exp-launch-card {
  position: relative;
  display: grid;
  grid-template-columns: 43px minmax(0, 1fr) 18px;
  align-content: center;
  align-items: start;
  gap: 14px;
  min-width: 0;
  min-height: 103px;
  padding: 23px;
  border: 1px solid var(--exp-line);
  border-radius: 16px;
  background: #fff;
  color: var(--exp-ink);
  text-align: left;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}
body.produto-operacional .exp-launch-card:hover { border-color: #bdb8e9; box-shadow: 0 6px 18px #29234a08; }
body.produto-operacional .exp-launch-icon { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 12px; background: var(--exp-lavender); color: var(--exp-accent); font: 23px/1 var(--sans); }
body.produto-operacional .exp-launch-icon { grid-column: 1; grid-row: 1 / 3; align-self: start; }
body.produto-operacional .exp-launch-card:nth-child(2) .exp-launch-icon { color: #3b7255; background: #edf3e7; }
body.produto-operacional .exp-launch-card:nth-child(3) .exp-launch-icon { color: #8b6145; background: #f7eee3; }
body.produto-operacional .exp-launch-title { display: block; grid-column: 2; grid-row: 1; color: var(--exp-ink); font-size: 16px; font-weight: 600; line-height: 1.35; letter-spacing: -.02em; }
body.produto-operacional .exp-launch-meta { display: block; grid-column: 2; grid-row: 2; margin-top: -7px; color: var(--exp-muted); font-size: 12px; line-height: 1.5; }
body.produto-operacional .exp-launch-arrow { grid-column: 3; grid-row: 1 / 3; color: #87849c; font-size: 18px; }
body.produto-operacional .exp-overview { margin-top: 30px; }
body.produto-operacional .exp-overview .op-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }

body.produto-operacional .op-metrics { gap: 0; margin: 0 0 29px; border: 1px solid var(--exp-line); border-radius: 16px; background: #fff; overflow: hidden; }
body.produto-operacional .op-metrics article { min-height: 114px; padding: 20px 24px; border: 0; border-right: 1px solid var(--exp-line); }
body.produto-operacional .op-metrics article:last-child { border-right: 0; }
body.produto-operacional .op-metrics :is(span, small) { color: var(--exp-muted); font-family: var(--sans); font-size: 12px; letter-spacing: 0; text-transform: none; }
body.produto-operacional .op-metrics strong { color: var(--exp-ink); margin: 7px 0 2px; font-size: 31px; font-weight: 550; line-height: 1.1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
body.produto-operacional .op-metrics strong.segura { color: #36704e; margin-top: 12px; font-size: 14px; font-weight: 650; letter-spacing: .01em; }
body.produto-operacional .op-section-title { gap: 15px; margin-bottom: 19px; }
body.produto-operacional .op-section-title h2 { color: var(--exp-ink); font-size: 23px; font-weight: 550; line-height: 1.2; letter-spacing: -.025em; }
body.produto-operacional .op-panel { padding: 27px; border: 1px solid var(--exp-line); border-radius: 17px; background: #fff; box-shadow: none; }
body.produto-operacional .op-people { gap: 12px; margin-bottom: 36px; }
body.produto-operacional .op-person { min-height: 173px; padding: 22px; border-color: var(--exp-line); border-radius: 15px; background: #fff; }
body.produto-operacional .op-avatar { top: 20px; left: 21px; width: 37px; height: 37px; border: 0; border-radius: 12px; background: #eae8fa; color: var(--exp-accent); font-weight: 650; }
body.produto-operacional .op-avatar:is(.a1, .a2, .a3) { background: #eae8fa; }
body.produto-operacional .op-avatar span { border-color: #fff; background: #79a36a; }
body.produto-operacional .op-person strong { color: var(--exp-ink); font-size: 14px; font-weight: 600; }
body.produto-operacional .op-person p { color: var(--exp-muted); line-height: 1.55; }
body.produto-operacional .op-person em { color: var(--exp-muted); font-family: var(--sans); font-size: 11px; letter-spacing: 0; text-transform: none; }
body.produto-operacional .op-person em.trabalhando { color: var(--exp-accent); }
body.produto-operacional :is(.op-activity strong, .op-row strong, .op-calendar strong, .op-table strong) { color: var(--exp-ink); font-size: 14px; font-weight: 550; }
body.produto-operacional :is(.op-activity small, .op-row small, .op-calendar small, .op-table small) { color: var(--exp-muted); font-size: 12px; }
body.produto-operacional .op-empty { min-height: 145px; padding: 30px; border-color: #d5d3df; border-radius: 12px; background: #faf9fc; color: var(--exp-muted); font-size: 14px; }
body.produto-operacional .op-status { padding: 5px 9px; border-color: var(--exp-line); border-radius: 7px; background: #f2f1f5; color: #595c6d; font: 550 11px/1.3 var(--sans); letter-spacing: .025em; }
body.produto-operacional .op-status.ok { border-color: #cce1d1; background: #eef7ee; color: #36704e; }
body.produto-operacional .op-status.ativo { border-color: #d7d1f6; background: #eeebff; color: #6250aa; }
body.produto-operacional .op-status.erro { border-color: #ebc9c1; background: #fff0ec; color: #a24636; }
body.produto-operacional .op-status.espera { color: #845c25; border-color: #e8d6b6; background: #fff6e6; }
/* Os selos seguem os tokens de estado da identidade no escuro, como já faz a plataforma. */
body.produto-operacional[data-op-tema="escuro"] .op-status { border-color: var(--line); background: var(--surface-soft); color: var(--muted); }
body.produto-operacional[data-op-tema="escuro"] .op-status.ok { border-color: color-mix(in srgb, var(--id-ok) 40%, transparent); background: var(--id-ok-soft); color: var(--id-ok); }
body.produto-operacional[data-op-tema="escuro"] .op-status.ativo { border-color: color-mix(in srgb, var(--exp-accent-text) 35%, transparent); background: var(--exp-accent-soft); color: var(--exp-accent-text); }
body.produto-operacional[data-op-tema="escuro"] .op-status.erro { border-color: color-mix(in srgb, var(--id-danger) 40%, transparent); background: var(--id-danger-soft); color: var(--id-danger); }
body.produto-operacional[data-op-tema="escuro"] .op-status.espera { border-color: color-mix(in srgb, var(--id-warning) 40%, transparent); background: var(--id-warning-soft); color: var(--id-warning); }
body.produto-operacional .op-mini-avatar { border-radius: 10px; background: var(--exp-lavender); color: var(--exp-accent); }
body.produto-operacional[data-op-tema="escuro"] .op-mini-avatar { color: var(--exp-accent-text); }
body.produto-operacional .op-data-warning { margin: 0 0 20px; padding: 15px 18px; border-color: #e6d4b2; border-radius: 11px; background: #fff7e8; color: #775420; font-size: 13px; }
body.produto-operacional .op-data-warning strong { font: 600 13px/1.4 var(--sans); letter-spacing: 0; text-transform: none; }
body.produto-operacional .op-data-warning span { color: #775c36; }
body.produto-operacional :is(.op-empty--erro, .op-publication-error, .op-job__error) { border-color: #e3b9af; background: #fff0ec; color: #a24636; }
body.produto-operacional :is(.op-empty--erro small, .op-publication-error p) { color: #934d40; }
body.produto-operacional .op-publication-error strong { color: #a24636; }
body.produto-operacional[data-op-tema="escuro"] :is(.op-publication-error, .op-job__error) { border-color: color-mix(in srgb, var(--id-danger) 40%, transparent); background: var(--id-danger-soft); color: var(--id-danger); }
body.produto-operacional[data-op-tema="escuro"] .op-empty.op-empty--erro { border-color: color-mix(in srgb, var(--id-danger) 45%, transparent); }
body.produto-operacional[data-op-tema="escuro"] :is(.op-empty--erro small, .op-publication-error p, .op-publication-error strong) { color: var(--id-danger); }
body.produto-operacional .op-guard { border-color: #be6b59; border-radius: 0 10px 10px 0; background: #fff0ec; }
body.produto-operacional .op-guard.neutra { border-color: #c5a563; background: #fff7e8; }
body.produto-operacional .op-guard.sucesso { border-color: #6d9b75; background: #edf6ee; }
body.produto-operacional :is(.op-guard strong, .op-check strong) { color: var(--exp-ink); }
body.produto-operacional :is(.op-guard p, .op-dialog__nota) { color: #655c50; }
body.produto-operacional .op-dialog__nota { border-color: #ddd3b6; border-radius: 8px; background: #faf5e8; }
body.produto-operacional .op-toast { max-width: min(460px, calc(100vw - 36px)); border-color: #c1d8c4; border-radius: 12px; background: #f1faf1; color: #306943; box-shadow: 0 12px 40px #24263520; font-size: 14px; }
body.produto-operacional .op-toast.erro { border-color: #dfb7b0; background: #fff1ed; color: #a24636; }
body.produto-operacional[data-op-tema="escuro"] .op-toast.erro { border-color: color-mix(in srgb, var(--id-danger) 45%, transparent); background: var(--id-danger-soft); color: var(--id-danger); }

/* Native forms, connection flow and company context. */
body.produto-operacional :is(.op-upload, .op-networks) { border-color: var(--exp-line); border-radius: 20px; background: #fff; }
body.produto-operacional .op-upload { margin-bottom: 30px; }
body.produto-operacional .op-upload h2 { font-weight: 550; }
body.produto-operacional .op-upload p { font: 14px/1.6 var(--sans); text-transform: none; }
body.produto-operacional .op-upload .op-primary { background: var(--exp-accent); border-color: var(--exp-accent); }
body.produto-operacional .op-upload .op-outline:hover { background: var(--exp-lavender); }
body.produto-operacional .op-networks__intro h2 { font-size: clamp(29px, 3.4vw, 44px); font-weight: 550; line-height: 1.1; }
body.produto-operacional .op-networks__intro p { color: var(--exp-muted); font-size: 14px; }
body.produto-operacional .op-network-card,
body.produto-operacional .op-network-card.disponivel { border-color: var(--exp-line); border-radius: 14px; background: #faf9fd; }
body.produto-operacional .op-network-card.disponivel:hover { background: #f2efff; border-color: #bbb4ec; }
body.produto-operacional .op-network-card > i { border-radius: 12px; }
body.produto-operacional .op-network-card strong { font-size: 15px; font-weight: 600; }
body.produto-operacional .op-network-card.em-breve { opacity: .7; }
body.produto-operacional .op-network-fields { border-color: var(--exp-line); border-radius: 15px; background: #faf9fd; }
body.produto-operacional .op-network-fields label > div { border-color: #cfcdd9; border-radius: 8px; }
body.produto-operacional .op-network-fields .op-primary { background: var(--exp-accent); border-color: var(--exp-accent); }
body.produto-operacional .op-pilot-access { background: #f2f0fb; border-color: #d6d2eb; border-radius: 12px; }
body.produto-operacional[data-op-tema="escuro"] .op-pilot-access { border-color: var(--line); background: var(--surface); }
body.produto-operacional[data-op-tema="escuro"] :is(.op-pilot-access h3, .op-pilot-access__invite strong) { color: var(--ink); }
body.produto-operacional[data-op-tema="escuro"] .op-pilot-access__invite { border-color: var(--line); background: var(--surface-soft); }
body.produto-operacional :is(.op-instagram-profissional, .op-social-account) { border-radius: 13px; }
body.produto-operacional .op-social-slot { border-radius: 12px; }
body.produto-operacional :is(.op-company-context-intro, .op-radar-intro, .op-demography-hero, .op-demography-pending, .op-demography-radar-link) { background: #fff; border-color: var(--exp-line); border-radius: 17px; }
body.produto-operacional :is(.op-company-context-intro h2, .op-radar-intro h2, .op-demography-hero h2) { font-weight: 550; }
body.produto-operacional :is(.op-company-context-intro p, .op-company-context-progress span, .op-company-context-progress small, .op-company-import p, .op-company-import__zone span, .op-company-context__section .op-section-title p, .op-company-context__grid small, .op-radar-context-link > p, .op-radar-intro p, .op-radar-count small, .op-radar-profile label small, .op-radar-actions span, .op-radar-new > div > p, .op-radar-targets small, .op-radar-targets p, .op-radar-targets b, .op-radar-targets em, .op-radar-limit p, .op-radar-limit strong, .op-radar-not-measured p, .op-demography-hero p, .op-demography-pending p, .op-demography-radar-link p) { color: var(--exp-muted); font-size: 13px; }
body.produto-operacional :is(.op-company-context__grid label, .op-radar-profile label, .op-radar-new label) { color: #585b6b; font-size: 12px; font-weight: 550; letter-spacing: .025em; text-transform: none; }
body.produto-operacional :is(.op-company-context__grid input, .op-company-context__grid textarea, .op-radar-profile input, .op-radar-new input, .op-radar-new select, .op-radar-new textarea, .op-inline-form input, .op-dialog__grid input, .op-dialog__grid select, .op-dialog__grid textarea) { border-color: #d2d1dc; border-radius: 9px; background: #fff; color: var(--exp-ink); font-size: 14px; }
body.produto-operacional :is(.op-company-context__grid input, .op-company-context__grid textarea, .op-radar-profile input, .op-radar-new input, .op-radar-new select, .op-radar-new textarea):focus { border-color: #8f87da; box-shadow: 0 0 0 3px #817aea16; }
body.produto-operacional .op-company-context__save { border-color: #d9d6e8; border-radius: 12px; background: #faf9ffed; box-shadow: 0 8px 25px #29234a0b; }
body.produto-operacional .op-company-context__save span { color: var(--exp-muted); }
body.produto-operacional .op-company-boundary strong { color: var(--exp-ink); }
body.produto-operacional .op-company-import__zone { border-color: #beb7df; border-radius: 11px; background: #f7f5ff; color: var(--exp-accent); }
body.produto-operacional .op-company-import__zone:is(:hover, :focus-visible, .sobre) { background: #eeebff; }
body.produto-operacional .op-radar-context-terms span { color: #5e587e; background: #f1effa; border-color: #ded9ef; border-radius: 7px; }
body.produto-operacional .op-radar-targets { border-radius: 10px; overflow: hidden; }
body.produto-operacional .op-radar-targets article { background: #fff; }
body.produto-operacional .op-radar-tabs { background: #eeecf4; border-radius: 11px; padding: 4px; }
body.produto-operacional .op-radar-tabs button { color: #646071; border-radius: 8px; font-size: 13px; font-weight: 550; text-transform: none; letter-spacing: 0; }
body.produto-operacional .op-radar-tabs button.ativo { color: var(--exp-accent); background: #fff; box-shadow: 0 1px 4px #29234a0c; }
body.produto-operacional :is(.op-radar-not-measured, .op-radar-limit) { border-color: #ddd4b7; border-radius: 10px; background: #faf6e9; }
body.produto-operacional .op-radar-not-measured button { color: #6a56b1; }
body.produto-operacional .op-radar-law { border-radius: 0 10px 10px 0; background: #edf4e9; }
body.produto-operacional .op-radar-law strong { color: #43704b; }
body.produto-operacional .op-radar-law p { color: #526653; }
body.produto-operacional .op-radar-discovery-stats { border-radius: 12px; overflow: hidden; }
body.produto-operacional .op-radar-discovery-stats span { background: #f7f5fb; color: var(--exp-muted); }
body.produto-operacional .op-radar-candidates article { border-radius: 12px; background: #f9f8fc; }
body.produto-operacional :is(.op-radar-candidate-head small, .op-radar-candidates code, .op-radar-candidates > article > p, .op-radar-candidate-facets span, .op-radar-candidate-facets b, .op-radar-candidates footer) { color: var(--exp-muted); }

/* Studio library controls are intentionally larger than the original 7–9px. */
body.produto-operacional .op-studio-library-home { margin-bottom: 25px; border-color: var(--exp-line); border-radius: 19px; background: #fff; box-shadow: none; }
body.produto-operacional .op-studio-library-home > header { padding: 30px; background: #fff; border-color: var(--exp-line); }
body.produto-operacional .op-studio-library-home > header h2 { color: var(--exp-ink); font: 550 clamp(28px, 3vw, 38px)/1.1 var(--sans); }
body.produto-operacional .op-studio-library-home > header p { color: var(--exp-muted); font-size: 14px; line-height: 1.65; }
body.produto-operacional .op-library-toolbar { padding: 0 22px; border-color: var(--exp-line); background: #faf9fc; }
body.produto-operacional .op-library-toolbar nav button { min-height: 58px; padding: 0 13px; color: var(--exp-muted); font-size: 13px; }
body.produto-operacional .op-library-toolbar nav button:hover { color: var(--exp-accent); }
body.produto-operacional .op-library-toolbar nav button.ativo { color: var(--exp-accent); border-bottom-color: var(--exp-accent); }
body.produto-operacional .op-library-toolbar nav b { border-color: #d9d5e8; background: #efedf6; color: #6d647f; font: 550 10px/1 var(--sans); }
body.produto-operacional .op-library-toolbar label { border-color: #d9d6e3; border-radius: 9px; background: #fff; color: var(--exp-muted); }
body.produto-operacional .op-library-toolbar input { color: var(--exp-ink); font-size: 13px; }
body.produto-operacional .op-library-toolbar input::placeholder { color: #777588; }
body.produto-operacional .op-library-grid { gap: 16px; padding: 24px; }
body.produto-operacional .op-library-card { border-color: var(--exp-line); border-radius: 13px; background: #fff; }
body.produto-operacional .op-library-card:hover { border-color: #c6bce8; background: #fff; box-shadow: 0 5px 20px #29234a09; }
body.produto-operacional .op-library-card__body { min-height: 125px; gap: 6px; padding: 17px 17px 13px; }
body.produto-operacional .op-library-card__body > span { color: var(--exp-accent); font-size: 10px; letter-spacing: .06em; }
body.produto-operacional .op-library-card__body h3 { color: var(--exp-ink); font-size: 16px; font-weight: 550; line-height: 1.3; }
body.produto-operacional .op-library-card__body :is(p, small) { color: var(--exp-muted); font-size: 12px; line-height: 1.5; }
body.produto-operacional .op-library-card__actions { gap: 7px; padding: 0 14px 15px; }
body.produto-operacional .op-library-card__actions :is(.op-primary, .op-outline) { min-height: 40px; padding: 9px 11px; font-size: 12px; }
body.produto-operacional .op-library-more { width: 40px; min-width: 40px; height: 40px; border-color: var(--exp-line); border-radius: 9px; background: #f9f8fc; color: #676279; }
body.produto-operacional .op-library-more:hover { border-color: #bbb3d9; color: var(--exp-accent); }
body.produto-operacional .op-library-projects > :is(article, aside) { border-color: var(--exp-line); border-radius: 13px; background: #f9f8fc; }
body.produto-operacional .op-library-projects span { color: var(--exp-accent); font-size: 11px; }
body.produto-operacional .op-library-projects h3 { color: var(--exp-ink); font-size: 33px; }
body.produto-operacional .op-library-projects :is(p, aside small) { color: var(--exp-muted); font-size: 13px; }
body.produto-operacional .op-library-projects aside strong { color: var(--exp-ink); font-size: 14px; }
body.produto-operacional .op-library-empty { min-height: 310px; gap: 12px; }
body.produto-operacional .op-library-empty i { background: var(--exp-lavender); border-color: #ded8f3; color: var(--exp-accent); }
body.produto-operacional .op-library-empty h3 { color: var(--exp-ink); font-size: 28px; }
body.produto-operacional .op-library-empty p { color: var(--exp-muted); font-size: 14px; }
body.produto-operacional .op-studio-library-home > footer { border-color: var(--exp-line); background: #faf9fc; color: var(--exp-muted); font-size: 12px; }
body.produto-operacional .op-studio-library-home > footer small { color: var(--exp-muted); font-size: 11px; }
body.produto-operacional .op-studio-library-home > footer b { color: var(--exp-accent); }
body.produto-operacional .op-studio-accounts { border-color: var(--exp-line); background: #fff; }
body.produto-operacional .op-studio-accounts h2 { color: var(--exp-ink); font-weight: 550; }
body.produto-operacional .op-studio-accounts p { color: var(--exp-muted); }
body.produto-operacional .op-studio-account-list > span { border-color: var(--exp-line); background: #f8f7fc; }
body.produto-operacional .op-studio-account-list b { color: var(--exp-ink); }
body.produto-operacional .op-studio-account-list small { color: var(--exp-muted); }
body.produto-operacional .op-studio-upload { border-color: #bfb7dc; border-radius: 11px; background: #f5f2fc; color: #686176; }
body.produto-operacional .op-studio-upload:is(:hover, .sobre) { border-color: var(--exp-accent); background: #eeebfa; }
body.produto-operacional .op-studio-upload strong { color: var(--exp-ink); }
body.produto-operacional .op-studio-upload small { color: var(--exp-muted); }

/* Calendar and results retain all counts, events and approval states. */
body.produto-operacional .op-month-panel { padding: 0; }
body.produto-operacional .op-month-toolbar h2 { font-size: clamp(27px, 3vw, 35px); font-weight: 550; }
body.produto-operacional .op-month-summary span { font-family: var(--sans); font-size: 12px; text-transform: none; }
body.produto-operacional .op-month-weekdays { background: #f8f7fb; }
body.produto-operacional .op-month-weekdays span { font: 600 11px/1 var(--sans); letter-spacing: .06em; }
body.produto-operacional .op-month-day { background: #fff; }
body.produto-operacional .op-month-day.vazio { background: #f6f5f7; }
body.produto-operacional .op-month-day.hoje { background: #f8f6ff; box-shadow: inset 0 0 0 1px #c3b9e9; }
body.produto-operacional .op-month-day > header { color: var(--exp-muted); font: 550 12px/1 var(--sans); }
body.produto-operacional .op-month-day > header b { background: #eeebf6; color: #706583; }
body.produto-operacional .op-month-day.hoje > header span { background: var(--exp-accent); color: #fff; }
body.produto-operacional .op-month-add:hover { border-color: #c6bde7; color: var(--exp-accent); background: #efebfb; }
body.produto-operacional .op-month-event { border-radius: 5px; background: #f1eef9; }
body.produto-operacional button.op-month-event:hover,
body.produto-operacional button.op-month-event:focus-visible { background: #e6e0f6; outline-color: #a69bcc; }
body.produto-operacional .op-month-event strong { font-weight: 550; }
body.produto-operacional .op-pub-account.ativo { background: #f1eefc; border-color: #bab0e4; }
body.produto-operacional .op-pub-account-hero { border-radius: 15px; background: #fff; }
body.produto-operacional .op-pub-account-hero h2 { color: var(--exp-ink); font-weight: 550; }
body.produto-operacional .op-pub-account__avatar,
body.produto-operacional .op-pub-account-hero__identity > span { color: var(--exp-accent); border-color: #dcd5ef; background: #efebfa; }
body.produto-operacional[data-op-tema="escuro"] .op-pub-account__avatar,
body.produto-operacional[data-op-tema="escuro"] .op-pub-account-hero__identity > span { color: var(--exp-accent-text); border-color: var(--line); background: var(--exp-accent-soft); }
body.produto-operacional .op-pub-tabs { background: #f1eff6; }
body.produto-operacional .op-pub-tabs button.ativo,
body.produto-operacional .op-pub-filterbar button.ativo { color: var(--exp-accent); border-color: #d7cee9; background: #fff; }
body.produto-operacional .op-pub-filterbar button:hover { color: var(--exp-accent); background: #f1edfb; }
/* No escuro o hover não pode virar pílula clara no meio da barra: superfície suave e tinta do acento. */
body.produto-operacional[data-op-tema="escuro"] .op-pub-filterbar button:hover { background: var(--surface-soft); color: var(--exp-accent-text); }
body.produto-operacional .op-pub-kpis { border-radius: 12px; overflow: hidden; background: #fff; }
body.produto-operacional .op-pub-kpis strong { color: var(--exp-ink); font-weight: 550; }
body.produto-operacional .op-pub-kpis span { font-family: var(--sans); letter-spacing: 0; text-transform: none; }
body.produto-operacional .op-pub-observed { background: #fff; }
body.produto-operacional .op-pub-law { border-color: #e1d1b5; border-radius: 11px; background: #fff7e9; }
body.produto-operacional .op-pub-law strong { color: #7d5a24; font: 600 12px/1.4 var(--sans); }
body.produto-operacional .op-pub-law p { color: #775f3b; }
body.produto-operacional[data-op-tema="escuro"] .op-pub-law { border-color: color-mix(in srgb, var(--id-warning) 35%, transparent); background: var(--id-warning-soft); }
body.produto-operacional[data-op-tema="escuro"] :is(.op-pub-law strong, .op-pub-law p) { color: var(--id-warning); }
body.produto-operacional .op-demography-source { border-radius: 9px; background: #f2effa; }
body.produto-operacional .op-demography-source :is(span, small) { color: var(--exp-muted); }
body.produto-operacional .op-demography-accounts { border-radius: 10px; overflow: hidden; }
body.produto-operacional .op-demography-accounts button { color: var(--exp-muted); background: #fff; }
body.produto-operacional .op-demography-accounts button.ativo { color: var(--exp-accent); background: #f0ecfb; }
body.produto-operacional .op-demography-kpis article,
body.produto-operacional .op-demography-card { border-radius: 12px; background: #fff; }
body.produto-operacional .op-demography-kpis { gap: 12px; background: transparent; }
body.produto-operacional .op-demography-kpis article { border: 1px solid var(--exp-line); }
body.produto-operacional :is(.op-demography-kpis span, .op-demography-card > div:first-child small, .op-demography-bars strong, .op-demography-bars b, .op-demography-empty) { color: var(--exp-muted); }
body.produto-operacional .op-demography-bars article > div { background: #e8e4f0; border-radius: 5px; }
body.produto-operacional[data-op-tema="escuro"] .op-demography-bars article > div { background: var(--surface-soft); }
body.produto-operacional .op-demography-bars i { background: #8279ca; box-shadow: none; }
body.produto-operacional .op-demography-radar-link strong { color: var(--exp-ink); }
body.produto-operacional .op-instagram-observed .op-kpis article { border-color: var(--exp-line); border-radius: 10px; background: #f6f4fb; }
body.produto-operacional .op-instagram-observed .op-kpis span { color: var(--exp-muted); }
body.produto-operacional .op-runtime-windows p,
body.produto-operacional .op-runtime-approval small { color: var(--exp-muted); }
body.produto-operacional .op-usage i { height: 6px; border-radius: 5px; background: #ece9f3; }
body.produto-operacional .op-usage i b { border-radius: 5px; background: #8f85ce; }

/* The live globe and operational detail remain dark, focused instruments. */
body.produto-operacional :is(.op-radar-world, .op-runtime-banner, .op-mission-metrics, .op-missions, .op-cognitive-mission, .op-engines, .op-director, .op-job__outputs, .op-studio-editor) {
  --factory-canvas: #20212d;
  --factory-lift: #2a2b38;
  --factory-stroke: #3b3c49;
  --factory-bone: #f0eef5;
  --factory-chalk: #fff;
  --factory-muted: #b9b8c7;
  --factory-stone: #bab8cb;
  --factory-orange: #b6adf5;
  --factory-green: #b5d99b;
  color: #efedf5;
}
body.produto-operacional :is(.op-radar-world, .op-runtime-banner, .op-cognitive-mission, .op-director) { border-color: #3b3c49; border-radius: 17px; background: #242532; overflow: hidden; }
body.produto-operacional :is(.op-radar-worldbar, .op-radar-detail) { background: #22232f; }
body.produto-operacional .op-radar-canvas-wrap { background: #171923; }
body.produto-operacional :is(.op-radar-stats span, .op-radar-filters label, .op-radar-pause, .op-radar-meta div, .op-radar-evidence article, .op-mission-metrics article, .op-missions > article, .op-cognitive-grid > div, .op-engines article, .op-director__list article, .op-job__outputs > div) { background: #272835; }
body.produto-operacional .op-radar-world :is(.op-outline, .op-link),
body.produto-operacional .op-director .op-outline,
body.produto-operacional .op-job__outputs .op-outline { color: #e6e1fb; border-color: #57516e; background: #373246; }
body.produto-operacional .op-radar-world .op-outline:hover,
body.produto-operacional .op-director .op-outline:hover { background: #49405d; }
body.produto-operacional .op-director .op-section-title h2 { color: #f0eef5; }
body.produto-operacional .op-radar-world .op-section-title h2 { color: #f0eef5; font-size: 17px; }
body.produto-operacional .op-radar-world .op-section-title span { color: #b6adf5; }
body.produto-operacional .op-radar-world .op-empty { background: #292a38; color: #c4bfd4; border-color: #555163; }
body.produto-operacional .op-studio-editor { border-radius: 17px; box-shadow: none; }
body.produto-operacional .op-studio-editor .op-studio-upload { background: #252330; color: #d1cbe1; border-color: #716485; }
body.produto-operacional .op-studio-editor .op-studio-upload strong { color: #e2ddea; }
body.produto-operacional .op-studio-editor .op-studio-upload small { color: #bdb5c7; }
body.produto-operacional .op-director__notice,
body.produto-operacional .op-director__actions { border-color: #5e546d; border-radius: 10px; background: #302a3d; }
body.produto-operacional .op-radar-world .op-status,
body.produto-operacional .op-director .op-status { background: #363444; border-color: #595164; color: #d9d2ea; }
body.produto-operacional .op-radar-world .op-status.ok,
body.produto-operacional .op-director .op-status.ok { background: #293c31; border-color: #52745c; color: #c1e6b4; }
body.produto-operacional .op-radar-world .op-status.erro,
body.produto-operacional .op-director .op-status.erro { background: #462e31; border-color: #956268; color: #ffbbb2; }

/* Dialogs use the same paper surface. The independent editor owns its tokens. */
body.produto-operacional .modal { background: #191a29b8; backdrop-filter: blur(7px); }
body.produto-operacional[data-op-tema="escuro"] .modal { background: rgb(0 0 0 / .78); }
body.produto-operacional .modal__caixa { border-color: #d8d4e7; border-radius: 18px; background: #fff; box-shadow: 0 30px 90px #11112238; }
body.produto-operacional .op-dialog h2 { font-weight: 550; }
body.produto-operacional .op-dialog > p,
body.produto-operacional .op-dialog__grid > label { color: var(--exp-muted); }
body.produto-operacional .op-dialog h2 { color: var(--exp-ink); }
body.produto-operacional .faixa-demo span { color: #b9bbc9; }
body.produto-operacional .login-brand small,
body.produto-operacional .login-story > footer { color: #a7a6b1; }
body.produto-operacional .op-check { border-color: var(--exp-line); border-radius: 9px; background: #f8f7fb; }
body.produto-operacional .op-media-origins { border-radius: 10px; background: #f5f3fa; }
body.produto-operacional .op-main--montagem { max-width: none; padding: 20px 24px 42px; }
body.produto-operacional :is(.me-editor, .me-dialog) { --sans: 'Inter', ui-sans-serif, system-ui, sans-serif; }

/* Licensed N16 entrance adapted to a short native transition. The lifecycle
   controller excludes the editor, canvas views and same-section refreshes. */
body.produto-operacional .op-main.exp-page-enter { animation: exp-page-enter 420ms cubic-bezier(.16, 1, .3, 1) both; }
body.produto-operacional.sem-movimento .op-main.exp-page-enter { animation: none; }
body.produto-operacional .op-main--montagem.exp-page-enter,
body.produto-operacional .op-main.exp-page-enter:has(canvas, #op-montagem) { animation: none; transform: none; }
@keyframes exp-page-enter { from { transform: translateY(16px); } to { transform: none; } }

@media (min-width: 1600px) {
  body.produto-operacional .op-main { padding-top: 30px; }
  body.produto-operacional .exp-home { min-height: 380px; padding: 46px 52px; }
}

@media (max-width: 1100px) {
  body.produto-operacional .op-shell { grid-template-columns: 205px minmax(0, 1fr); }
  body.produto-operacional .op-sidebar { padding-inline: 12px; }
  body.produto-operacional .op-main { padding-inline: 25px; }
  body.produto-operacional .exp-home { grid-template-columns: minmax(0, 1.2fr) minmax(195px, .8fr); padding: 32px; }
  body.produto-operacional .exp-home__title { font-size: 39px; }
  body.produto-operacional .exp-launch-card { padding: 19px 16px; gap: 10px; grid-template-columns: 38px minmax(0, 1fr); }
  body.produto-operacional .exp-launch-icon { width: 38px; height: 38px; }
  body.produto-operacional .exp-launch-arrow { display: none; }
  body.produto-operacional .op-metrics article { padding-inline: 18px; }
}

@media (max-width: 900px) {
  body.produto-operacional .op-library-toolbar { padding: 0; }
  body.produto-operacional .op-library-toolbar nav { padding-inline: 14px; }
  body.produto-operacional .op-library-toolbar label { margin: 0 14px 14px; width: calc(100% - 28px); }
  body.produto-operacional .exp-home { grid-template-columns: minmax(0, 1fr) 170px; padding: 28px; }
  body.produto-operacional .exp-home__title { font-size: 36px; }
  body.produto-operacional .exp-home__description { font-size: 13px; }
  body.produto-operacional .exp-home__visual { min-height: 235px; }
  body.produto-operacional .exp-launch-grid { gap: 10px; }
  body.produto-operacional .exp-launch-card { grid-template-columns: 1fr; padding: 18px; gap: 12px; }
  body.produto-operacional .exp-launch-icon { grid-column: 1; grid-row: 1; }
  body.produto-operacional .exp-launch-title { grid-column: 1; grid-row: 2; }
  body.produto-operacional .exp-launch-meta { grid-column: 1; grid-row: 3; margin-top: -5px; }
  body.produto-operacional .op-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.produto-operacional .op-metrics article { border-bottom: 1px solid var(--exp-line); }
  body.produto-operacional .op-metrics article:nth-child(2n) { border-right: 0; }
  body.produto-operacional .op-metrics article:nth-last-child(-n+2) { border-bottom: 0; }
  body.produto-operacional .exp-overview .op-metrics article { border-bottom: 0; border-right: 1px solid var(--exp-line); }
  body.produto-operacional .exp-overview .op-metrics article:last-child { border-right: 0; }
}

@media (max-width: 720px) {
  body.produto-operacional .op-shell { grid-template-columns: minmax(0, 1fr); }
  body.produto-operacional .op-sidebar {
    position: fixed;
    inset: auto 0 0;
    height: calc(77px + env(safe-area-inset-bottom));
    padding: 7px 6px calc(7px + env(safe-area-inset-bottom));
    border-top: 1px solid #ffffff15;
    background: #20212df5;
    backdrop-filter: blur(16px);
  }
  body.produto-operacional .op-sidebar nav { width: 100%; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 3px; overflow: visible; }
  body.produto-operacional .op-sidebar nav button { display: grid; place-items: center; min-width: 0; min-height: 60px; gap: 5px; padding: 7px 2px; border-radius: 10px; font-size: 10px; line-height: 1.2; }
  body.produto-operacional .op-sidebar nav button i { font-size: 20px; }
  body.produto-operacional .op-sidebar nav button.ativo { border-color: #a8a4f42e; color: #e6e3ff; background: #a8a4f41b; }
  body.produto-operacional .op-sidebar nav button.ativo::after { display: none; }
  body.produto-operacional .op-main { padding: 18px 18px calc(105px + env(safe-area-inset-bottom)); }
  body.produto-operacional .op-workspace-bar { min-height: 0; margin-bottom: 25px; gap: 6px; }
  body.produto-operacional .op-workspace-bar :is(.op-company-current, .op-company-switch) { flex: 1; width: auto; min-width: 0; max-width: none; padding: 10px 13px; }
  body.produto-operacional .exp-motion-toggle { flex: 0 0 100px; max-width: 100px; font-size: 11px; }
  body.produto-operacional .op-head { gap: 17px; align-items: flex-start; margin-bottom: 24px; }
  body.produto-operacional .op-head h1 { font-size: 33px; }
  body.produto-operacional .op-head p { font-size: 13px; }
  body.produto-operacional .op-head__actions { width: auto; }
  body.produto-operacional .op-subnav { margin-bottom: 20px; }
  body.produto-operacional .exp-home { min-height: 310px; padding: 30px; grid-template-columns: minmax(0, 1fr) 185px; border-radius: 19px; }
  body.produto-operacional .exp-home__title { font-size: 35px; }
  body.produto-operacional .exp-home__description { margin-block: 17px 22px; }
  body.produto-operacional .exp-launch-grid { margin-bottom: 30px; }
  body.produto-operacional .exp-launch-card { padding: 18px 13px; border-radius: 13px; }
  body.produto-operacional .exp-launch-title { font-size: 15px; }
  body.produto-operacional .exp-launch-meta { font-size: 12px; }
  body.produto-operacional .op-panel { padding: 22px; border-radius: 15px; }
  body.produto-operacional .op-month-panel { padding: 0; }
  body.produto-operacional .op-section-title { align-items: flex-start; flex-wrap: wrap; }
  body.produto-operacional .op-section-title h2 { font-size: 22px; }
  body.produto-operacional .op-metrics article { min-height: 105px; padding: 17px 20px; }
  body.produto-operacional .op-company-context__save { bottom: calc(87px + env(safe-area-inset-bottom)); }
  body.produto-operacional .op-main--montagem { padding: 14px 8px calc(96px + env(safe-area-inset-bottom)); }
  body.produto-operacional .op-main--montagem .op-workspace-bar { margin-bottom: 12px; }
}

@media (max-width: 560px) {
  body.produto-operacional .exp-home { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 29px 26px 0; gap: 0; }
  body.produto-operacional .exp-home__title { font-size: clamp(33px, 8vw, 42px); max-width: 390px; }
  body.produto-operacional .exp-home__description { max-width: 380px; font-size: 14px; }
  body.produto-operacional .exp-home__visual { min-height: 185px; max-height: 200px; margin-top: 4px; }
  body.produto-operacional .exp-home__visual > img { width: 200px; }
  body.produto-operacional .exp-home__signature { bottom: 13px; font-size: 8px; }
  body.produto-operacional .exp-launch-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  body.produto-operacional .exp-launch-card { grid-template-columns: 42px minmax(0, 1fr) 18px; min-height: 88px; gap: 14px; padding: 17px 20px; }
  body.produto-operacional .exp-launch-icon { width: 42px; height: 42px; }
  body.produto-operacional .exp-launch-icon { grid-column: 1; grid-row: 1 / 3; }
  body.produto-operacional .exp-launch-title { grid-column: 2; grid-row: 1; }
  body.produto-operacional .exp-launch-meta { grid-column: 2; grid-row: 2; margin-top: -6px; }
  body.produto-operacional .exp-launch-arrow { display: block; }
  body.produto-operacional .exp-overview .op-metrics article { padding: 17px 12px; }
  body.produto-operacional .exp-overview .op-metrics span { font-size: 11px; }
  body.produto-operacional .exp-overview .op-metrics small { font-size: 11px; line-height: 1.45; }
  body.produto-operacional .op-library-grid { padding: 15px; }
  body.produto-operacional .op-studio-library-home > header { padding: 24px 22px; }
  body.produto-operacional .op-library-empty { padding: 32px 23px; }
  body.produto-operacional .op-library-card__actions .op-primary { flex-basis: auto; }
  body.produto-operacional .op-networks { padding: 28px 22px; }
  body.produto-operacional .op-network-grid { gap: 10px; }
  body.produto-operacional .op-network-card { min-height: 178px; padding: 17px; }
  body.produto-operacional .op-people { grid-template-columns: minmax(0, 1fr); }
  body.produto-operacional .op-person { min-height: 147px; }
  body.produto-operacional .op-metrics strong.segura { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  body.produto-operacional .op-main.exp-page-enter { animation: none; }
  body.produto-operacional :is(.op-primary, .op-outline, .op-danger, .exp-launch-card, .op-library-card) { transition: none; }
  body.produto-operacional .op-library-card:hover { transform: none; }
}

/* A visible interaction layer around the licensed atmosphere. The image alone
   floats; the globe, editor, media canvases and their parents never inherit it. */
body.produto-operacional .exp-home {
  border-color: #625a864f;
  box-shadow: 0 18px 45px #24233719, inset 0 1px 0 #e9dcff13;
}
body.produto-operacional .exp-home__orb {
  filter: drop-shadow(0 19px 22px #08091d66) drop-shadow(0 0 20px #8d78ca2e);
  transform-origin: 50% 64%;
  animation: exp-orb-float 6.4s ease-in-out infinite;
  animation-play-state: paused;
}
body.produto-operacional .exp-home__visual:has(.exp-atmosphere.exp-motion-active) .exp-home__orb { animation-play-state: running; }
@keyframes exp-orb-float {
  0%, 100% { transform: translateY(3px) rotate(-.8deg); }
  50% { transform: translateY(-10px) rotate(.8deg); }
}

/* The viewport controller explicitly opts individual metric/launch children
   into this entrance. There is no delay, concealment, blur or parent transform. */
body.produto-operacional .exp-grid-reveal > .exp-grid-reveal-item {
  animation: exp-grid-unfold 420ms cubic-bezier(.16, 1, .3, 1) both;
}
body.produto-operacional .exp-grid-reveal > .exp-grid-step-1 { animation-duration: 460ms; }
body.produto-operacional .exp-grid-reveal > .exp-grid-step-2 { animation-duration: 500ms; }
body.produto-operacional .exp-grid-reveal > .exp-grid-reveal-item:has(canvas, #op-montagem, [contenteditable]) { animation: none; transform: none; }
@keyframes exp-grid-unfold { from { transform: translateY(18px); } to { transform: none; } }

/* Light follows the interaction itself. The fixed spotlight also works on
   keyboard focus and without pointer scripts; all foreground text is opaque. */
body.produto-operacional .exp-launch-card {
  isolation: isolate;
  overflow: hidden;
  border-color: #d9d5e5;
  box-shadow: 0 3px 7px #2e254605;
  transition: transform 260ms cubic-bezier(.2, .75, .3, 1), border-color 220ms ease, box-shadow 260ms ease;
}
body.produto-operacional .exp-launch-card::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(ellipse at 32% 0, #ded4ff80, #f5f1ff60 48%, transparent 78%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}
body.produto-operacional .exp-launch-card:nth-child(2)::before { background: radial-gradient(ellipse at 32% 0, #deebc990, #f2f7eb70 48%, transparent 78%); }
body.produto-operacional .exp-launch-card:nth-child(3)::before { background: radial-gradient(ellipse at 32% 0, #f1dec780, #fcf5eb70 48%, transparent 78%); }
body.produto-operacional .exp-launch-card:is(:hover, :focus-visible) {
  transform: translateY(-6px);
  border-color: #a99cd5;
  box-shadow: 0 16px 30px #3c2e611c, 0 4px 9px #29234a08;
}
body.produto-operacional .exp-launch-card:is(:hover, :focus-visible)::before { opacity: 1; }
body.produto-operacional .exp-launch-icon {
  transition: transform 300ms cubic-bezier(.2, .75, .3, 1), box-shadow 220ms ease;
}
body.produto-operacional .exp-launch-card:is(:hover, :focus-visible) .exp-launch-icon {
  transform: translateY(-2px) rotate(-6deg);
  box-shadow: 0 5px 12px #6252a41c;
}
body.produto-operacional .exp-launch-arrow { transition: transform 240ms ease, color 200ms ease; }
body.produto-operacional .exp-launch-card:is(:hover, :focus-visible) .exp-launch-arrow { transform: translate(3px, -3px); color: #65549a; }
body.produto-operacional .exp-home__actions .op-primary {
  box-shadow: 0 7px 19px #10140f35, inset 0 1px 0 #ffffff7a;
  transition: transform 240ms ease, box-shadow 240ms ease, background 180ms ease;
}
body.produto-operacional .exp-home__actions .op-primary:is(:hover, :focus-visible) { transform: translateY(-3px); box-shadow: 0 11px 24px #10140f45, 0 0 20px #d5ef9a19; }

/* N14-inspired contextual navigation keeps every label at full contrast. */
body.produto-operacional .op-sidebar nav button {
  overflow: hidden;
  transition: background 220ms ease, border-color 220ms ease, box-shadow 240ms ease;
}
body.produto-operacional .op-sidebar nav button::before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  bottom: 13px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: #c2b4ff;
  box-shadow: 6px 0 16px #c2b4ff5c;
  transform: scaleY(.25);
  opacity: 0;
  pointer-events: none;
  transition: transform 300ms cubic-bezier(.2, .75, .3, 1), opacity 200ms ease;
}
body.produto-operacional .op-sidebar nav button:is(:hover, :focus-visible) {
  color: #f6f1ff;
  border-color: #ac9ee733;
  background: #8070bd27;
  box-shadow: inset 0 0 24px #b4a1ff0b;
}
body.produto-operacional .op-sidebar nav button.ativo {
  border-color: #b7a2f04a;
  background: #8671c636;
  color: #eee6ff;
  box-shadow: inset 0 0 22px #b4a1ff0a, 0 4px 15px #08081212;
}
body.produto-operacional .op-sidebar nav button:is(.ativo, :hover, :focus-visible)::before { transform: scaleY(1); opacity: 1; }
body.produto-operacional .op-sidebar nav button.ativo::after { box-shadow: 0 0 10px #c5b3ff75; background: #d5c5ff; }
body.produto-operacional .op-sidebar nav button i { transition: transform 240ms ease, color 200ms ease; }
body.produto-operacional .op-sidebar nav button:is(:hover, :focus-visible) i { color: #e0d2ff; transform: translateX(2px); }

@media (max-width: 720px) {
  body.produto-operacional .op-sidebar nav button::before { left: 15px; right: 15px; top: 0; bottom: auto; width: auto; height: 2px; border-radius: 0 0 3px 3px; box-shadow: 0 4px 13px #c2b4ff3d; transform: scaleX(.25); }
  body.produto-operacional .op-sidebar nav button:is(.ativo, :hover, :focus-visible)::before { transform: scaleX(1); }
  body.produto-operacional .op-sidebar nav button:is(:hover, :focus-visible) i { transform: translateY(-2px); }
}

@media (hover: none) {
  body.produto-operacional .exp-launch-card:hover,
  body.produto-operacional .exp-launch-card:hover .exp-launch-icon,
  body.produto-operacional .exp-launch-card:hover .exp-launch-arrow,
  body.produto-operacional .exp-home__actions .op-primary:hover { transform: none; }
}

/* Static mode keeps the same depth and color. No animated child can restart
   because a parent still carries a lifecycle class from an earlier frame. */
body.produto-operacional.sem-movimento .exp-home__orb { animation: none; transform: none; }
body.produto-operacional.sem-movimento .exp-grid-reveal > .exp-grid-reveal-item { animation: none; transform: none; }
body.produto-operacional.sem-movimento :is(.exp-launch-card, .exp-launch-icon, .exp-launch-arrow, .exp-home__actions .op-primary, .op-sidebar nav button, .op-sidebar nav button i) { transition: none; }
body.produto-operacional.sem-movimento .exp-launch-card::before,
body.produto-operacional.sem-movimento .op-sidebar nav button::before { transition: none; }
body.produto-operacional.sem-movimento :is(.exp-launch-card:hover, .exp-launch-card:focus-visible, .exp-launch-card:hover .exp-launch-icon, .exp-launch-card:focus-visible .exp-launch-icon, .exp-launch-card:hover .exp-launch-arrow, .exp-launch-card:focus-visible .exp-launch-arrow, .exp-home__actions .op-primary:hover, .exp-home__actions .op-primary:focus-visible, .op-sidebar nav button:hover i, .op-sidebar nav button:focus-visible i) { transform: none; }
@media (prefers-reduced-motion: reduce) {
  body.produto-operacional .exp-home__orb { animation: none; transform: none; }
  body.produto-operacional .exp-grid-reveal > .exp-grid-reveal-item { animation: none; transform: none; }
  body.produto-operacional :is(.exp-launch-card, .exp-launch-icon, .exp-launch-arrow, .exp-home__actions .op-primary, .op-sidebar nav button, .op-sidebar nav button i) { transition: none; }
  body.produto-operacional .exp-launch-card::before,
  body.produto-operacional .op-sidebar nav button::before { transition: none; }
  body.produto-operacional :is(.exp-launch-card:hover, .exp-launch-card:focus-visible, .exp-launch-card:hover .exp-launch-icon, .exp-launch-card:focus-visible .exp-launch-icon, .exp-launch-card:hover .exp-launch-arrow, .exp-launch-card:focus-visible .exp-launch-arrow, .exp-home__actions .op-primary:hover, .exp-home__actions .op-primary:focus-visible, .op-sidebar nav button:hover i, .op-sidebar nav button:focus-visible i) { transform: none; }
}

@media (forced-colors: active) {
  body.produto-operacional .exp-launch-card::before { display: none; }
  body.produto-operacional .op-sidebar nav button.ativo { border: 2px solid Highlight; }
  body.produto-operacional .op-sidebar nav button::before,
  body.produto-operacional .op-sidebar nav button.ativo::after { background: Highlight; box-shadow: none; }
}