/* Copper Hub 0.1.2.4 · correção isolada dos ornamentos de borda.
   O antigo raio geométrico da 0.1.2.2 é substituído por uma peça vetorial com
   DUAS PONTAS e interior escuro no perfil do fone do Copper. Sem animações novas.
   Regras de cálculos, PDF, nuvem e navegação permanecem intactas. */

html[data-copper-visual] {
  --copper-fone-ornament: url('../img/copper-fone-fin-academico.svg');
  --copper-fone-shadow: rgba(217, 145, 47, .22);
}
html[data-copper-visual="profissional"] {
  --copper-fone-ornament: url('../img/copper-fone-fin-profissional.svg');
  --copper-fone-shadow: rgba(95, 159, 211, .18);
}

/* Não colocar raios genéricos nem peças novas sobre os cards principais. */
html[data-copper-visual] :is(.home-card:not(.disabled),.hub-card)::after,
html[data-copper-visual] #tab-rescisao > .panel-ouro:first-child::after,
html[data-copper-visual] #config_modal > .panel-ouro::after {
  content: none !important;
  display: none !important;
}

/* Ornamento físico: imagem vetorial, levemente fora do contorno, não emoji.
   IMPORTANT: essa regra precisa vir DEPOIS de copper-ux-0122.css. */
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,
  .tooltip-content
)::after,
html[data-copper-visual] #emp_manager_modal > .panel-ouro::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: -12px !important;
  right: -11px !important;
  left: auto !important;
  bottom: auto !important;
  width: 54px !important;
  height: 51px !important;
  background: var(--copper-fone-ornament) center / contain no-repeat !important;
  clip-path: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: .93 !important;
  transform: rotate(5deg) !important;
  box-shadow: none !important;
  filter: drop-shadow(0 4px 2px rgba(1, 7, 19, .36)) drop-shadow(0 0 5px var(--copper-fone-shadow)) !important;
  pointer-events: none !important;
  z-index: 8 !important;
}
html[data-copper-visual] :is(#employee-bar, #copper-cloud-config-card, #copper-update-config-card, .copper-settings-corner, .tooltip-content) {
  position: relative;
}
html[data-copper-visual] #emp_manager_modal > .panel-ouro { position: relative; }

/* Tooltips e abas: versão miniatura, sem cobrir texto ou comandos. */
html[data-copper-visual] .tooltip-content::after {
  width: 27px !important;
  height: 26px !important;
  top: -8px !important;
  right: -8px !important;
  opacity: .75 !important;
}
html[data-copper-visual] :is(.tab-btn.active,.sub-tab-ativa)::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: -7px !important;
  right: -9px !important;
  width: 25px !important;
  height: 25px !important;
  background: var(--copper-fone-ornament) center / contain no-repeat !important;
  clip-path: none !important;
  opacity: .7 !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

/* Menu rápido (estilo Firefox): peça presa à área do título sem atingir ações. */
#copper-settings-menu-0123 .csm-head { position: relative; padding-right: 66px; }
html[data-copper-visual] #copper-settings-menu-0123 .csm-head::after {
  content:'';position:absolute;right:46px;top:1px;width:33px;height:32px;
  background:var(--copper-fone-ornament) center / contain no-repeat;
  pointer-events:none;opacity:.83;filter:drop-shadow(0 2px 3px var(--copper-fone-shadow));
}

/* Evitar que uma decoração seja confundida com botão funcional ou ofusque modal. */
html[data-copper-visual] .copper-pdf-viewer-panel::after { right: 4px !important; top: -4px !important; width: 42px !important; height: 40px !important; }
html[data-copper-visual] .copper-pdf-dock::after { right: -8px !important; top: -12px !important; }
html[data-copper-visual] #emp_manager_modal > .panel-ouro::after { right: -8px !important; top: -10px !important; }

/* Composição adaptada para telas estreitas, sem alterações de interação. */
@media (max-width: 660px) {
  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: 36px !important; height: 34px !important; right: -3px !important; top: -6px !important;
  }
  html[data-copper-visual] :is(.tab-btn.active,.sub-tab-ativa)::before { width: 20px !important; height: 20px !important; top: -5px !important; right: -3px !important; }
}