/* Copper Hub 0.1.2.10.1 — acabamento fino da navegacao e transicao de modos.
   Camada isolada: nao modifica formulas, geradores PDF, dados ou sincronizacao. */

/* A faixa foi deslocada para baixo em 0.1.2.8 para caber a asa. Aqui recuperamos
   10 px de altura no desktop, preservando o ornamento ancorado na guia ativa. */
@media (min-width: 661px) {
  #copper-settings-tabs-0123.copper-multitabs-0125 {
    height: 62px !important;
    padding-top: 17px !important;
  }
  body.copper-settings-tabs-visible-0123 { padding-top: 62px !important; }
  #config_modal.copper-settings-overlay.copper-settings-tabpage-0123 {
    inset: 62px 0 0 !important;
  }
  #config_modal.copper-settings-tabpage-0123 > .panel-ouro {
    min-height: calc(100dvh - 62px) !important;
  }
  #config_modal.copper-settings-tabpage-0123 #copper-settings-sidebar-0123 {
    top: 86px !important;
  }
}
/* A faixa acompanha o modo sem trocar a cor de forma abrupta. */
#copper-settings-tabs-0123.copper-multitabs-0125 {
  transition: background-color .28s ease, border-color .28s ease;
}
/* A 0.1.2.10 desenhava um véu opaco. Esta revisão o substitui por uma passagem
   translúcida em duas fases (só quando efetivamente se troca de modo). */
.copper-mode-veil-01210 { display: none !important; }
.copper-mode-crossfade-012101 {
  position: fixed;
  inset: 0;
  z-index: 2147483001;
  pointer-events: none;
  overflow: hidden;
  isolation: isolate;
  contain: paint;
}
.copper-mode-crossfade-012101.cm-to-profissional {
  background: linear-gradient(112deg, rgba(15,55,100,.22), rgba(97,70,155,.18) 45%, rgba(209,222,245,.18));
}
.copper-mode-crossfade-012101.cm-to-academico {
  background: linear-gradient(112deg, rgba(243,248,255,.22), rgba(136,107,195,.20) 48%, rgba(10,72,110,.16));
}
.copper-mode-crossfade-012101 .cm-sweep {
  position: absolute;
  top: -14%;
  bottom: -14%;
  left: -55%;
  width: 32%;
  transform: skewX(-15deg);
  background: linear-gradient(90deg, transparent, rgba(166,146,237,.08) 21%, rgba(222,231,255,.30) 49%, rgba(111,179,228,.07) 79%, transparent);
  filter: blur(17px);
}
.copper-mode-crossfade-012101.cm-to-academico .cm-sweep {
  background: linear-gradient(90deg, transparent, rgba(116,74,207,.07) 20%, rgba(130,228,235,.22) 52%, rgba(183,82,155,.08) 78%, transparent);
}
/* Os ornamentos de painéis secundários são alinhados à linha superior real.
   A asa continua com o desenho já aprovado; só muda o encaixe e a dimensão. */
html[data-copper-visual] .copper-settings-quick-tile.copper-settings-corner {
  position: relative;
  overflow: visible !important;
  padding-right: 38px;
}
html[data-copper-visual] .copper-settings-corner::after {
  content: '' !important;
  display: block !important;
  top: -31px !important;
  right: -6px !important;
  width: 92px !important;
  height: 54px !important;
  background: var(--copper-fone-integrado) center / 100% 100% no-repeat !important;
  pointer-events: none !important;
  transform: none !important;
  filter: none !important;
  opacity: .92 !important;
  z-index: 7 !important;
}
/* O menu rápido usa um ornamento livre (fora da área rolável), reposicionado por JS:
   impede recorte e sobreposição do X, independentemente de quanto ele rolar. */
html[data-copper-visual] #copper-settings-menu-0123 .csm-head::after {
  content: none !important;
  display: none !important;
}
#copper-settings-wing-012101[hidden] { display: none !important; }
#copper-settings-wing-012101 {
  position: fixed;
  z-index: 321;
  width: 80px;
  height: 54px;
  pointer-events: none;
  background: var(--copper-fone-integrado) center / 100% 100% no-repeat;
  opacity: .95;
  transform: none;
  filter: none;
}
@media (max-width: 660px) {
  /* Não alterar a compactação da faixa do Mobile nesta revisão. */
  html[data-copper-visual] .copper-settings-corner::after {
    width: 66px !important; height: 39px !important;
    top: -22.4px !important; right: -2px !important;
  }
  html[data-copper-visual] .copper-settings-quick-tile.copper-settings-corner {
    padding-right: 20px;
  }
}
@media (max-width: 380px) {
  #copper-settings-wing-012101 { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .copper-mode-crossfade-012101 { display: none !important; }
  #copper-settings-tabs-0123.copper-multitabs-0125 { transition: none !important; }
}
html[data-copper-motion-preset="nulo"] .copper-mode-crossfade-012101,
html[data-copper-effects="off"] .copper-mode-crossfade-012101 {display:none!important;}