/* Copper Hub 0.1.2.8 — acabamento do fone nas bordas e guia selecionada.
   Somente apresentação: preserva lógica, SVG 0.1.2.6, guias, PDFs e downloads. */

/* A peça do fone tem viewBox 178x120; seu traço horizontal fica a 57,5% da altura.
   O deslocamento de -46.6px em 81px alinha esse traço à BORDA SUPERIOR,
   em vez de deixá-lo alguns pixels abaixo, no interior do componente. */
html[data-copper-visual] :is(
  #employee-bar, #copper-cloud-config-card, #copper-update-config-card,
  .copper-settings-corner, .copper-pdf-dock, .copper-pdf-viewer-panel
)::after,
html[data-copper-visual] #emp_manager_modal > .panel-ouro::after {
  width:120px!important;
  height:81px!important;
  top:-46.6px!important;
  right:6px!important;
  background-image:var(--copper-fone-integrado)!important;
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  overflow:visible!important;
  pointer-events:none!important;
  transform:none!important;
  filter:none!important;
  opacity:.94!important;
}
/* Ajuste fino dos painéis com ações no cabeçalho: não invadir o botão Voltar/X. */
html[data-copper-visual] #copper-pdf-dock::after {
  right:9px!important;
}
html[data-copper-visual] .copper-pdf-viewer-panel::after {
  right:clamp(150px,40%,270px)!important;
}
html[data-copper-visual] #emp_manager_modal > .panel-ouro::after {
  right:12px!important;
}
/* Tooltips conservam ornamento miniatura, também centrado na borda externa. */
html[data-copper-visual] .tooltip-content::after {
  width:54px!important;height:36.4px!important;
  top:-20.9px!important;right:4px!important;
  background-image:var(--copper-fone-integrado)!important;
  background-size:100% 100%!important;
  background-position:center!important;
  pointer-events:none!important;
}
/* A moldura não corta o SVG; o ornamento não bloqueia ações. */
html[data-copper-visual] :is(#employee-bar,#copper-cloud-config-card,#copper-update-config-card,.copper-settings-corner,.tooltip-content) {
  overflow:visible!important;
}

/* Espaço superior da faixa das guias — como a área de título de um navegador.
   Assim a ponta alta da asa pode permanecer visível, sem entrar no texto da aba. */
#copper-settings-tabs-0123.copper-multitabs-0125 {
  box-sizing:border-box!important;
  height:72px!important;
  padding-top:27px!important;
}
body.copper-settings-tabs-visible-0123 {padding-top:72px!important;}
#config_modal.copper-settings-overlay.copper-settings-tabpage-0123 {inset:72px 0 0!important;}
#config_modal.copper-settings-tabpage-0123 > .panel-ouro {min-height:calc(100dvh - 72px)!important;}
#config_modal.copper-settings-tabpage-0123 #copper-settings-sidebar-0123 {top:96px!important;}

/* O ornamento ativo fica FORA da faixa com scroll horizontal, evitando corte.
   JS calcula sua posição pela aba realmente selecionada; este elemento é decorativo. */
#copper-fone-aba-ativa-0128[hidden] {display:none!important;}
#copper-fone-aba-ativa-0128 {
  position:fixed!important;
  z-index:188!important;
  width:62px!important;
  height:41.8px!important;
  pointer-events:none!important;
  user-select:none!important;
  background:var(--copper-fone-integrado) center/100% 100% no-repeat!important;
  opacity:.96!important;
  filter:none!important;
  transform:none!important;
}
/* Nenhuma segunda peça sobre as guias: só a aba selecionada recebe o ornamento móvel. */
html[data-copper-visual] #copper-settings-tabs-0123.copper-multitabs-0125 .copper-mtab-group::before,
html[data-copper-visual] #copper-settings-tabs-0123.copper-multitabs-0125 .copper-mtab-group::after {
  content:none!important;display:none!important;
}
/* Botões X sempre acima do ornamento e com área de clique preservada. */
#copper-settings-tabs-0123.copper-multitabs-0125 .copper-mtab-close {
  z-index:5!important;
}
@media (max-width:660px) {
  /* Não mudar o espaço útil das telas pequenas por causa de uma decoração. */
  #copper-settings-tabs-0123.copper-multitabs-0125 {height:53px!important;padding-top:7px!important;}
  body.copper-settings-tabs-visible-0123 {padding-top:53px!important;}
  #config_modal.copper-settings-overlay.copper-settings-tabpage-0123 {inset:53px 0 0!important;}
  #config_modal.copper-settings-tabpage-0123 > .panel-ouro {min-height:calc(100dvh - 53px)!important;}
  html[data-copper-visual] :is(#employee-bar,#copper-cloud-config-card,#copper-update-config-card,.copper-settings-corner,.copper-pdf-dock,.copper-pdf-viewer-panel)::after,
  html[data-copper-visual] #emp_manager_modal > .panel-ouro::after {
    width:78px!important;height:52.6px!important;top:-30.3px!important;right:3px!important;
  }
  html[data-copper-visual] .copper-pdf-viewer-panel::after {right:105px!important;}
  #copper-fone-aba-ativa-0128 {display:none!important;}
}