/* ============================================================================
   COPPER HUB 0.1.2 · Identidade visual experimental
   Camada exclusivamente de apresentação. Não altera formulários, cálculos,
   impressão, nomes de chaves ou contratos entre módulos.
   As referências estilísticas são abstratas: estrela, traços, pulso e halo.
   ============================================================================ */
:root {
  --copper-purple: #a778f3;
  --copper-purple-deep: #7244d6;
  --copper-halo: rgba(167,120,243,.23);
  --copper-edge: rgba(167,120,243,.47);
  --copper-button-text: #f8f5ff;
}

/* Modo Acadêmico — Copper atual: teal/azul + ouro + assinatura violeta. */
html[data-copper-visual="academico"] {
  --copper-purple: #bd8bff;
  --copper-purple-deep: #7444dc;
  --copper-halo: rgba(170,107,255,.30);
  --copper-edge: rgba(184,130,255,.47);
  --ciano-neon: #55e6e0;
  --neon-brilho: #604cc8;
  --neon-luz: #ead4ff;
}
html[data-copper-visual="academico"] body {
  background:
    radial-gradient(ellipse at 92% 15%, rgba(129,68,218,.22), transparent 40%),
    radial-gradient(ellipse at 5% 84%, rgba(0,215,195,.13), transparent 42%),
    linear-gradient(132deg, #008f95 0%, #075b90 50%, #2d2d75 100%);
  background-attachment: fixed;
}
html[data-copper-visual="academico"] .home-card:not(.disabled),
html[data-copper-visual="academico"] .hub-card {
  border: 1px solid var(--copper-edge);
  border-top: 2px solid rgba(223,190,255,.58);
  background-image: linear-gradient(145deg, rgba(17,25,49,.90), rgba(25,20,57,.78));
  box-shadow: 0 12px 30px rgba(10,7,39,.23), inset 0 1px rgba(223,188,255,.06);
}
html[data-copper-visual="academico"] .home-card:not(.disabled):hover,
html[data-copper-visual="academico"] .hub-card:hover {
  border-color: #c59bff;
  box-shadow: 0 14px 32px rgba(8,9,35,.34), 0 0 22px var(--copper-halo);
}
html[data-copper-visual="academico"] .panel-ouro {
  border-top-color: #a77be9;
  border-bottom-color: rgba(85,230,224,.45);
}
html[data-copper-visual="academico"] .input-neon:focus-visible,
html[data-copper-visual="academico"] select:focus-visible,
html[data-copper-visual="academico"] textarea:focus-visible {
  outline: 2px solid #bc8dff;
  outline-offset: 2px;
}

/* Discretas referências ao fone do Copper: dois arcos na moldura de ícones.
   Estrela abstrata de cinco pontas: sem copiar insignias ou artes existentes. */
html[data-copper-visual] .home-card:not(.disabled),
html[data-copper-visual] .hub-card { position: relative; isolation: isolate; }
html[data-copper-visual="academico"] .home-card:not(.disabled)::before,
html[data-copper-visual="academico"] .hub-card::before {
  content: '✦'; position:absolute; top: 9px; right: 13px;
  color: #ba8aff; font-size: 14px; line-height: 1;
  text-shadow: 0 0 12px rgba(183,123,255,.50);
  pointer-events:none; opacity:.74;
}
html[data-copper-visual="academico"] .home-card:not(.disabled) > .text-4xl,
html[data-copper-visual="academico"] .hub-card .hub-icon {
  filter: drop-shadow(0 0 9px rgba(143,100,246,.32));
}
html[data-copper-visual="academico"] #config_modal > .panel-ouro::before {
  content: ''; pointer-events:none; position:absolute; top: 0; right: 14px;
  width: 35px; height: 12px; opacity: .52;
  background: repeating-linear-gradient(126deg, transparent 0 7px, #ad83fa 8px 9px, transparent 10px 15px);
}
html[data-copper-visual="academico"] .tab-btn.active,
html[data-copper-visual="academico"] .btn-toggle.active-ouro {
  border-color: #ad80ed;
  box-shadow: inset 0 -2px rgba(171,119,254,.44);
}

/* Modo Profissional — Copper V1, Gojo como referência abstrata de halo e frio.
   Ícones originais do Copper permanecem inalterados. */
html[data-copper-visual="profissional"] {
  --copper-purple: #8067c9;
  --copper-purple-deep: #6551b2;
  --copper-halo: rgba(113,100,200,.13);
  --copper-edge: rgba(126,130,204,.28);
  --copper-button-text: #172543;
  --ouro-base: #7760bb;
  --ouro-escuro: #5e4caa;
  --ouro-claro: #634db0;
  --ciano-neon: #237bbc;
  --neon-brilho: rgba(111,123,215,.28);
  --neon-luz: #5b65bf;
  --bg-panel: rgba(255,255,255,.92);
  --bg-input: #ffffff;
  --branco: #18253b;
}
html[data-copper-visual="profissional"] body {
  background:
    radial-gradient(ellipse at 92% 8%, rgba(192,176,245,.28), transparent 43%),
    radial-gradient(ellipse at 8% 90%, rgba(154,203,250,.20), transparent 44%),
    linear-gradient(126deg, #f7faff 0%, #f5f3fd 47%, #e6dff5 100%);
  background-attachment: fixed;
  color: #1c2b45;
}
html[data-copper-visual="profissional"] .home-card:not(.disabled),
html[data-copper-visual="profissional"] .hub-card,
html[data-copper-visual="profissional"] .panel-ouro {
  background: rgba(255,255,255,.92);
  color: #1a2840;
  border-color: rgba(133,146,203,.30);
  box-shadow: 0 8px 30px rgba(74,78,139,.09);
}
html[data-copper-visual="profissional"] .panel-ouro {
  border-top: 3px solid rgba(129,113,203,.62);
  border-bottom: 1px solid rgba(125,166,219,.32);
}
html[data-copper-visual="profissional"] .home-card:not(.disabled):hover,
html[data-copper-visual="profissional"] .hub-card:hover {
  border-color: rgba(118,98,199,.65);
  box-shadow: 0 14px 38px rgba(95,103,180,.15), 0 0 0 2px rgba(164,153,233,.11);
}
html[data-copper-visual="profissional"] .home-card:not(.disabled)::before,
html[data-copper-visual="profissional"] .hub-card::before {
  content:''; position:absolute; inset: 10px auto auto 10px;
  width: 22px; height:22px; border: 1px solid rgba(90,150,224,.28);
  border-radius:50%; pointer-events:none;
  box-shadow: 0 0 0 4px rgba(90,150,224,.055);
}
html[data-copper-visual="profissional"] .home-card h3,
html[data-copper-visual="profissional"] .hub-card h3,
html[data-copper-visual="profissional"] .hub-card p { color: #253451; }
html[data-copper-visual="profissional"] .home-card:not(.disabled) > p { color: #52627d !important; }
html[data-copper-visual="profissional"] .search-container,
html[data-copper-visual="profissional"] .input-neon {
  background: rgba(255,255,255,.97); color: #192944;
  border-color: rgba(124,139,193,.45);
}
html[data-copper-visual="profissional"] .search-container:focus-within,
html[data-copper-visual="profissional"] .input-neon:focus-visible {
  border-color: #8271c8;
  box-shadow: 0 0 0 3px rgba(146,123,215,.18);
}
html[data-copper-visual="profissional"] .search-container input::placeholder {color:#63728e;}
html[data-copper-visual="profissional"] .neon-text {color:#4d58ab; text-shadow:none;}
html[data-copper-visual="profissional"] .ouro-text {background-image:linear-gradient(110deg,#5b68ba,#8c6ccc,#5a94c4);}
html[data-copper-visual="profissional"] .home-card.disabled {background:rgba(235,235,249,.55);}
html[data-copper-visual="profissional"] .copper-cloud-icon-btn,
html[data-copper-visual="profissional"] #home-screen button[onclick*="abrirConfiguracoes"],
html[data-copper-visual="profissional"] #global-header button[onclick*="abrirConfiguracoes"] {
  background: rgba(255,255,255,.83); color:#4b6195;
  border: 1px solid rgba(125,138,190,.42);
}
html[data-copper-visual="profissional"] .copper-cloud-quick,
html[data-copper-visual="profissional"] .copper-update-panel {
  background:#fff; color:#24314d; border-color:#b4a4e0;
  box-shadow:0 18px 45px rgba(37,36,94,.17);
}
html[data-copper-visual="profissional"] .copper-cloud-quick-title strong,
html[data-copper-visual="profissional"] .copper-update-heading strong {color:#6952aa;}
html[data-copper-visual="profissional"] .copper-cloud-quick-account,
html[data-copper-visual="profissional"] .copper-cloud-quick-detail,
html[data-copper-visual="profissional"] .copper-update-muted {color:#53617a;}
html[data-copper-visual="profissional"] .copper-update-config-card {background:#f7f6fc;color:#24314d;border-color:#c5b8e7;}
html[data-copper-visual="profissional"] .copper-update-config-card strong {color:#6550a9;}
html[data-copper-visual="profissional"] .copper-update-config-card p {color:#526078;}
html[data-copper-visual="profissional"] .copper-cloud-quick-actions button,
html[data-copper-visual="profissional"] .copper-update-actions button,
html[data-copper-visual="profissional"] .copper-update-config-card button {
  background:#eff0fb; color:#28375b; border-color:#ac9edc;
}
html[data-copper-visual="profissional"] .copper-cloud-quick-actions button:hover,
html[data-copper-visual="profissional"] .copper-update-actions button:hover,
html[data-copper-visual="profissional"] .copper-update-config-card button:hover {background:#e5e2f7;}
html[data-copper-visual="profissional"] .copper-update-heading button {color:#35415e;}
html[data-copper-visual="profissional"] .copper-update-panel progress {accent-color:#8067c9;}
html[data-copper-visual="profissional"] #employee-bar {background:rgba(255,255,255,.94) !important;}
html[data-copper-visual="profissional"] .tab-btn.active,
html[data-copper-visual="profissional"] .btn-toggle.active-ouro {border-color:#8a77c7; color:#51439f; box-shadow:inset 0 -2px #a7a0e0;}

/* Botões importantes são decorados sem mudar onclick, submissão ou fluxo de PDF. */
html[data-copper-visual] button[onclick^="calcular"],
html[data-copper-visual] button[onclick^="gerarPDF"],
html[data-copper-visual] button.copper-visual-action {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition: transform .18s ease, filter .18s ease, box-shadow .22s ease;
}
/* Destaque maior nos principais comandos: azul/ciano + violeta em dois registros. */
html[data-copper-visual="academico"] button[onclick^="calcular"],
html[data-copper-visual="academico"] button[onclick^="gerarPDF"] {
  background-image:linear-gradient(118deg,#bc8bfa,#d6b3ff 58%,#9bdde8) !important;
  color:#1c1838 !important;
}
html[data-copper-visual="profissional"] button[onclick^="calcular"],
html[data-copper-visual="profissional"] button[onclick^="gerarPDF"] {
  background-image:linear-gradient(118deg,#e5ddfa,#d6ddf9 58%,#c7e8fa) !important;
  color:#25375b !important;
}
html[data-copper-visual="academico"] button[onclick^="calcular"],
html[data-copper-visual="academico"] button[onclick^="gerarPDF"] {
  border:1px solid rgba(197,154,255,.65);
  box-shadow:0 4px 16px rgba(104,74,187,.22);
}
html[data-copper-visual="profissional"] button[onclick^="calcular"],
html[data-copper-visual="profissional"] button[onclick^="gerarPDF"] {
  border:1px solid rgba(132,115,196,.55);
  box-shadow:0 4px 16px rgba(101,112,184,.11);
}
html[data-copper-visual] button[onclick^="calcular"]:not(:disabled):hover,
html[data-copper-visual] button[onclick^="gerarPDF"]:not(:disabled):hover {
  transform:translateY(-1px); filter:brightness(1.05);
}
html[data-copper-visual] button[onclick^="calcular"]:focus-visible,
html[data-copper-visual] button[onclick^="gerarPDF"]:focus-visible {outline:2px solid var(--copper-purple);outline-offset:3px;}
/* Impacto visual (Black Flash abstrato) fica restrito a um pseudo-elemento. */
html[data-copper-visual="academico"] .copper-visual-action.copper-impact::after {
  content:""; pointer-events:none; position:absolute; inset:-55%; z-index:2;
  background: radial-gradient(circle at var(--copper-impact-x,50%) var(--copper-impact-y,50%),
    rgba(240,220,255,.92) 0%,rgba(147,80,255,.65) 12%,rgba(32,17,63,.92) 28%,transparent 49%);
  animation:copper-blackflash .58s ease-out forwards;
}
@keyframes copper-blackflash {
  0% {opacity:0;transform:scale(.08) rotate(-15deg);}
  20% {opacity:.82;transform:scale(.48) rotate(-8deg);}
  55% {opacity:.52;transform:scale(1.1) rotate(0deg);}
  100% {opacity:0;transform:scale(1.8) rotate(8deg);}
}
/* Profissional: leve onda radial frio/violeta, sem flashes intensos. */
html[data-copper-visual="profissional"] .copper-visual-action.copper-impact::after {
  content:""; pointer-events:none;position:absolute;inset:-25%;z-index:2;
  border-radius:inherit;
  background:radial-gradient(circle at var(--copper-impact-x,50%) var(--copper-impact-y,50%),
    rgba(202,219,255,.62),rgba(176,160,239,.25) 34%,transparent 65%);
  animation:copper-halo .65s ease-out forwards;
}
@keyframes copper-halo {
  0% {opacity:0;transform:scale(.50);}
  25% {opacity:.75;transform:scale(.85);}
  100% {opacity:0;transform:scale(1.12);}
}
html[data-copper-effects="off"] .copper-visual-action.copper-impact::after {content:none !important;}

/* Identidade visual observável também no modal de configurações. */
.copper-visual-card {
  border-radius:12px; padding:14px;
  background:rgba(118,86,187,.10);border:1px solid var(--copper-edge);
  color:inherit; display:grid;gap:11px;
}
.copper-visual-heading {display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.copper-visual-sigil {
  width:30px;height:30px;flex:none;display:grid;place-items:center;
  border-radius:10px;border:1px solid var(--copper-edge);
  background:linear-gradient(135deg,rgba(152,111,237,.18),rgba(79,157,220,.14));
  color:var(--copper-purple);font-size:17px;
}
.copper-visual-card strong {font-size:.87rem;letter-spacing:.02em;}
.copper-visual-card small {line-height:1.5;color:#b8c4d6;font-size:.76rem;}
.copper-visual-palette {display:flex;gap:7px;align-items:center;}
.copper-visual-palette i {width:23px;height:11px;border-radius:20px;border:1px solid rgba(130,124,181,.21);}
.copper-visual-toggle {display:flex;gap:10px;align-items:center;font-size:.82rem;cursor:pointer;line-height:1.35;}
.copper-visual-toggle input {accent-color:var(--copper-purple);width:16px;height:16px;flex:none;}
html[data-copper-visual="profissional"] .copper-visual-card {background:rgba(240,237,252,.92);color:#243150;}
html[data-copper-visual="profissional"] .copper-visual-card small {color:#576783;}
.copper-visual-legacy-appearance {display:none !important;}

@media(max-width: 767px) {
  html[data-copper-visual] .home-card:not(.disabled),
  html[data-copper-visual] .hub-card {transform:none;}
  html[data-copper-visual="academico"] body,
  html[data-copper-visual="profissional"] body {background-attachment:scroll;}
  .copper-visual-card {padding:12px;}
}
@media(prefers-reduced-motion:reduce) {
  html[data-copper-visual] button[onclick^="calcular"],
  html[data-copper-visual] button[onclick^="gerarPDF"],
  html[data-copper-visual] .home-card,
  html[data-copper-visual] .hub-card {transition:none !important;animation:none !important;}
  .copper-visual-action.copper-impact::after {content:none !important;animation:none !important;}
}

/* ============================================================================
   REVISAO COMPLETA 0.1.2.1 — cores extraidas das referencias do Copper.
   CSS exclusivamente de apresentacao, acrescentado a camada 0.1.2 existente.
   1) Paletas   2) Botoes   3) Impacto externo   4) Fone   5) Dominio sutil
   ============================================================================ */

/* [1] Academico: pelagem navy/turquesa, manopla vermelha, ouro e estrela roxa */
html[data-copper-visual="academico"] {
  --copper-purple:#ab74f1;
  --copper-purple-deep:#7042c7;
  --copper-edge:rgba(164,111,243,.48);
  --copper-halo:rgba(147,73,235,.24);
  --copper-scarlet:#b92a42;
  --copper-gold:#efb84e;
  --copper-fin:#edb954;
  --ouro-base:#ffba4e;
  --ouro-claro:#ffedd0;
  --ciano-neon:#23dfce;
}
html[data-copper-visual="academico"] body {
  background:radial-gradient(ellipse at 92% 15%,rgba(104,48,183,.22),transparent 42%),
    radial-gradient(ellipse at 4% 78%,rgba(0,183,178,.19),transparent 43%),
    linear-gradient(127deg,#087d8e 0%,#075b87 41%,#152c60 73%,#242454 100%);
  background-attachment:fixed;
}
html[data-copper-visual="academico"] :is(.home-card:not(.disabled),.hub-card) {
  background:linear-gradient(147deg,rgba(9,34,57,.95),rgba(24,29,73,.91));
  border-color:rgba(167,103,233,.45);
  border-top-color:rgba(240,183,73,.9);
}
html[data-copper-visual="academico"] :is(.home-card:not(.disabled),.hub-card):hover {
  box-shadow:0 12px 30px rgba(3,15,47,.42),0 0 18px rgba(139,76,233,.22);
  border-color:#b687f7;
}
html[data-copper-visual="academico"] :is(.tab-btn.active,.sub-tab-ativa,.btn-toggle.active-ouro) {
  color:#f5c568;
  border-color:#ab6eea;
  text-shadow:0 0 10px rgba(192,110,239,.24);
}
html[data-copper-visual="academico"] :is(.input-neon,select,textarea):focus-visible {
  outline:2px solid #b67dec; outline-offset:2px;
  box-shadow:0 0 0 4px rgba(111,66,213,.15);
}

/* Estrela de CINCO pontas: substitui o losango ✦ da 0.1.2. */
html[data-copper-visual="academico"] :is(.home-card:not(.disabled),.hub-card)::before {
  content:'★';
  right:15px;top:12px;
  color:#ac74ef;
  font-size:16px;
  opacity:.9;
  text-shadow:0 0 8px rgba(165,93,239,.50),0 1px 0 #e5b950;
}

/* [4] Recorte em raio/fone: uma assinatura angular, nao uma bolinha ou uma asa. */
html[data-copper-visual] :is(.home-card:not(.disabled),.hub-card)::after,
html[data-copper-visual] #config_modal > div::after,
html[data-copper-visual] #tab-rescisao > .panel-ouro:first-child::after {
  content:'';
  position:absolute;
  left:11px;top:10px;
  width:34px;height:28px;
  background:linear-gradient(132deg,var(--copper-fin),transparent 95%);
  clip-path:polygon(0 12%,53% 12%,37% 47%,100% 47%,30% 100%,43% 61%,0 61%);
  pointer-events:none;
  opacity:.65;
  filter:drop-shadow(0 0 4px var(--copper-halo));
  z-index:1;
}
html[data-copper-visual] #config_modal > div,
html[data-copper-visual] #tab-rescisao > .panel-ouro:first-child {position:relative;}
html[data-copper-visual="academico"] #config_modal > div::after {left:auto;right:11px;top:13px;opacity:.32;}
html[data-copper-visual="academico"] #tab-rescisao > .panel-ouro:first-child::after {left:auto;right:16px;top:12px;opacity:.38;}

/* [2] Botoes de calculo/PDF no academico: vermelho da manopla + dourado do fone. */
html[data-copper-visual="academico"] button[onclick^="calcular"],
html[data-copper-visual="academico"] button[onclick^="gerarPDF"],
html[data-copper-visual="academico"] button.copper-visual-action {
  background:linear-gradient(112deg,#902036 0%,#c4384b 56%,#922c45 100%) !important;
  color:#fff4e3 !important;
  border:1px solid #efb84e !important;
  box-shadow:0 4px 14px rgba(68,9,29,.35),inset 0 1px rgba(255,211,127,.40),0 0 0 1px rgba(118,48,193,.18);
  text-shadow:0 1px 1px rgba(33,4,27,.34);
}
html[data-copper-visual="academico"] button[onclick^="calcular"]:hover:not(:disabled),
html[data-copper-visual="academico"] button[onclick^="gerarPDF"]:hover:not(:disabled) {
  box-shadow:0 6px 20px rgba(138,29,62,.40),0 0 14px rgba(172,93,242,.28),inset 0 1px rgba(255,225,140,.45);
}

/* [1] Profissional: branco gelo + grafite do V1 + ciano da viseira + lavanda.
   Alto contraste em textos, formularios e especialmente tabelas rescisorias. */
html[data-copper-visual="profissional"] {
  --copper-purple:#7d70c7;
  --copper-purple-deep:#6358ae;
  --copper-edge:rgba(117,121,190,.33);
  --copper-halo:rgba(100,113,211,.13);
  --copper-fin:#64bcd9;
  --ouro-base:#6352ad;
  --ouro-escuro:#504295;
  --ouro-claro:#544594;
  --ciano-neon:#136f91;
  --neon-luz:#3e5fa1;
  --branco:#1a283e;
  --bg-panel:#fff;
  --text-main:#1b2940;
  --text-muted:#485a73;
  --bg-input:#fff;
}
html[data-copper-visual="profissional"] body {
  color:#1b2940;
  background:radial-gradient(ellipse at 88% 10%,rgba(194,179,232,.32),transparent 44%),
    radial-gradient(ellipse at 3% 84%,rgba(162,217,232,.20),transparent 46%),
    linear-gradient(128deg,#fcfdff 0%,#f3f7ff 49%,#e7e2f4 100%);
  background-attachment:fixed;
}
html[data-copper-visual="profissional"] :is(.home-card:not(.disabled),.hub-card,.panel-ouro,.demo-box,.contabil-box,.top-summary-box) {
  color:#1b2940;
  background-color:#fff;
  border-color:#c6cbe1;
  box-shadow:0 8px 22px rgba(43,58,114,.08);
}
html[data-copper-visual="profissional"] :is(.home-card:not(.disabled),.hub-card) {
  background:linear-gradient(152deg,#fff,#f8faff);
  border-top:2px solid #b7a6df;
}
/* Remove por completo o circulo de canto da versao anterior. */
html[data-copper-visual="profissional"] :is(.home-card:not(.disabled),.hub-card)::before {
  content:none !important;
  display:none !important;
  box-shadow:none !important;
}
html[data-copper-visual="profissional"] :is(.home-card:not(.disabled),.hub-card)::after {
  background:linear-gradient(135deg,#5fbbd3,#a49cdb);
  width:29px;height:23px;opacity:.56;
}
html[data-copper-visual="profissional"] #config_modal > div::after,
html[data-copper-visual="profissional"] #tab-rescisao > .panel-ouro:first-child::after {
  background:linear-gradient(135deg,#65b9d5,#ada6db);
  left:auto;right:13px;top:12px;opacity:.32;
}
html[data-copper-visual="profissional"] :is(.home-card h3,.hub-card h3) {color:#253451;}
html[data-copper-visual="profissional"] :is(.home-card p,.hub-card p) {color:#536582 !important;}
html[data-copper-visual="profissional"] :is(.input-neon,.input-locked,.search-container input,select,textarea) {
  background-color:#fff;
  color:#22314b;
  border-color:#b5c2df;
}
html[data-copper-visual="profissional"] :is(.input-neon,select,textarea):focus-visible {
  outline:2px solid #7e80d3;
  outline-offset:2px;
  box-shadow:0 0 0 4px rgba(91,168,209,.15);
}
html[data-copper-visual="profissional"] :is(.text-gray-400,.text-gray-300,.text-gray-200) {color:#445772 !important;}
html[data-copper-visual="profissional"] #tab-rescisao :is(.bg-black\/40,.bg-black\/50,.bg-black\/60,.bg-black\/70),
html[data-copper-visual="profissional"] #tab-tributario :is(.bg-black\/40,.bg-black\/50,.bg-black\/60,.bg-black\/70) {
  background-color:#f7f9ff !important;
  border-color:#d4d9e8 !important;
  color:#24324a;
}
/* Corrige o branco sobre lavanda/rosa/amarelo que apareceu no TRCT. */
html[data-copper-visual="profissional"] :is(.demo-header,.contabil-header) {
  color:#26344d !important;
  background:#e7e9fa;
  border-bottom-color:#c8cce5;
}
html[data-copper-visual="profissional"] .demo-header.red-header,
html[data-copper-visual="profissional"] .red-header {
  color:#822e43 !important;
  background:#f8e9ee !important;
  border-bottom-color:#ecc5cd;
}
html[data-copper-visual="profissional"] .demo-header.gold-header,
html[data-copper-visual="profissional"] .gold-header {
  color:#6e571b !important;
  background:#faf0cf !important;
  border-bottom-color:#e5d79a;
}
html[data-copper-visual="profissional"] .demo-header.dark-header,
html[data-copper-visual="profissional"] .dark-header {
  color:#263651 !important;
  background:#e4ebf4 !important;
  border-bottom-color:#c5d2e2;
}
html[data-copper-visual="profissional"] :is(.demo-header,.contabil-header,.red-header,.gold-header,.dark-header) *,
html[data-copper-visual="profissional"] :is(.demo-header,.contabil-header,.red-header,.gold-header,.dark-header) .text-white {
  color:inherit !important;
  text-shadow:none !important;
}
html[data-copper-visual="profissional"] :is(.demo-row,.contabil-row) {color:#23334c;border-color:#d3d8e4;}
html[data-copper-visual="profissional"] :is(.demo-row:nth-child(even),.contabil-row:nth-child(even)) {background-color:#f1f5fb;}
html[data-copper-visual="profissional"] .somente-profissional[class*="bg-amber"] {
  background-color:#fff8eb !important;
  border-color:#e1c48e !important;
}
html[data-copper-visual="profissional"] .somente-profissional[class*="bg-amber"] :is(label,p,span) {
  color:#6a512d !important;
}
html[data-copper-visual="profissional"] .somente-profissional[class*="bg-amber"] :is(input,select) {
  color:#22314b !important;
  background-color:#fff !important;
}
html[data-copper-visual="profissional"] :is(#btn_sub_resc_dados,#btn_sub_resc_fgts,#btn_sub_resc_he).sub-tab-ativa {
  color:#6353ad !important;
  border-bottom:2px solid #8275c7;
}
html[data-copper-visual="profissional"] :is(.copper-cloud-quick,.copper-update-panel,.copper-pdf-dialog) {
  color:#253550;
  background:#fff;
  border-color:#b9b3db;
}
html[data-copper-visual="profissional"] .copper-visual-card {color:#263651;background:#f4f3fb;border-color:#c9c2e6;}
html[data-copper-visual="profissional"] .copper-visual-card small {color:#4f5e7a;}

/* [2] Profissional: botao frio com contraste, sem vermelho ou dourado vivo. */
html[data-copper-visual="profissional"] button[onclick^="calcular"],
html[data-copper-visual="profissional"] button[onclick^="gerarPDF"],
html[data-copper-visual="profissional"] button.copper-visual-action {
  background:linear-gradient(112deg,#e9f7fc,#e7e3f7 65%,#d9eaf8) !important;
  border:1px solid #8f9bd2 !important;
  color:#283c68 !important;
  box-shadow:0 5px 16px rgba(63,97,162,.12),inset 0 1px rgba(255,255,255,.9);
  text-shadow:none;
}
html[data-copper-visual="profissional"] button[onclick^="calcular"]:hover:not(:disabled),
html[data-copper-visual="profissional"] button[onclick^="gerarPDF"]:hover:not(:disabled) {
  border-color:#698ccb !important;
  box-shadow:0 7px 18px rgba(63,97,162,.17),0 0 0 2px rgba(117,144,222,.09);
}

/* [3] Externo ao botao: nenhum pseudo-elemento dentro do overflow:hidden.
   Os clicks continuam sendo tratados pelo onclick original, sem atrasos. */
html[data-copper-visual] button.copper-visual-press:not(:disabled) {
  animation:copper-button-suspension .44s cubic-bezier(.19,.8,.25,1) both;
}
@keyframes copper-button-suspension {
  0%{transform:translateY(0) scale(1)}
  23%{transform:translateY(2px) scale(.987)}
  48%{transform:translateY(-3px) scale(1.012)}
  100%{transform:translateY(0) scale(1)}
}
.copper-visual-burst {
  pointer-events:none;
  position:fixed;
  z-index:2147483000;
  overflow:visible;
  transform-origin:center center;
  animation:copper-burst-exit .76s ease-out both;
  contain:layout style;
}
.copper-visual-burst svg {display:block;width:100%;height:100%;overflow:visible;}
.copper-burst-academico {
  filter:drop-shadow(0 0 5px rgba(118,49,213,.6));
}
.copper-burst-academico .copper-burst-shock {
  fill:none;stroke:#f0b34b;stroke-width:3.2;
  transform-origin:center;
  animation:copper-shock .67s cubic-bezier(.1,.68,.2,1) both;
}
.copper-burst-academico .copper-burst-crack {
  fill:none;stroke:#b46af8;stroke-width:2.8;
  stroke-linecap:round;stroke-linejoin:bevel;
  stroke-dasharray:98;stroke-dashoffset:98;
  animation:copper-spark .57s cubic-bezier(.1,.45,.1,1) both;
}
.copper-burst-academico :is(.copper-crack-2,.copper-crack-5,.copper-crack-8) {stroke:#eeb84c;animation-delay:.035s;}
.copper-burst-academico :is(.copper-crack-3,.copper-crack-6) {stroke:#f45e76;animation-delay:.065s;}
@keyframes copper-shock {
  0%{opacity:0;transform:scale(.22)}
  28%{opacity:1;transform:scale(1.05)}
  100%{opacity:0;transform:scale(1.42)}
}
@keyframes copper-spark {
  0%{opacity:0;stroke-dashoffset:98;stroke-width:4}
  25%{opacity:1;stroke-dashoffset:12}
  60%{opacity:.95;stroke-dashoffset:0}
  100%{opacity:0;stroke-dashoffset:0;stroke-width:1}
}
@keyframes copper-burst-exit {
  0%{opacity:0}
  12%{opacity:1}
  78%{opacity:1}
  100%{opacity:0}
}

/* [5] Expansao sutil: nucleo de profundidade, anel frio, cortes de luz. */
.copper-burst-profissional {animation-duration:.92s;filter:drop-shadow(0 0 7px rgba(110,157,217,.17));}
.copper-burst-profissional .copper-domain-core {
  fill:rgba(34,39,80,.10);
  stroke:none;
  transform-origin:120px 85px;
  animation:copper-domain-void .75s ease-out both;
}
.copper-burst-profissional .copper-domain-halo {
  fill:none;stroke:#8ba9e0;stroke-width:1.45;
  transform-origin:120px 85px;
  animation:copper-domain-ring .82s ease-out both;
}
.copper-burst-profissional .copper-domain-line,
.copper-burst-profissional .copper-domain-cut {
  fill:none;stroke:#80b8dc;stroke-width:1.1;stroke-linecap:round;
  stroke-dasharray:40;stroke-dashoffset:40;
  animation:copper-domain-streak .70s ease-out both;
}
.copper-burst-profissional .copper-domain-cut {stroke:#b0a3e3;animation-delay:.045s;}
@keyframes copper-domain-void {
  0%{opacity:0;transform:scale(.25)}
  38%{opacity:.83;transform:scale(1)}
  100%{opacity:0;transform:scale(1.16)}
}
@keyframes copper-domain-ring {
  0%{opacity:0;transform:scale(.55)}
  36%{opacity:.83;transform:scale(1.03)}
  100%{opacity:0;transform:scale(1.4)}
}
@keyframes copper-domain-streak {
  0%{opacity:0;stroke-dashoffset:40}
  30%{opacity:.7;stroke-dashoffset:10}
  100%{opacity:0;stroke-dashoffset:0}
}

/* Profissional: pequena profundidade abstrata apenas atras do logotipo da home,
   sem cobrir icones e texto, sem criar "bolinhas" nos cards. */
html[data-copper-visual="profissional"] #home-screen {position:relative;isolation:isolate;}
html[data-copper-visual="profissional"] #home-screen::before {
  content:'';
  position:absolute;
  top:4%;left:50%;transform:translateX(-50%);
  width:min(440px,75vw);height:200px;
  background:radial-gradient(ellipse,rgba(48,45,93,.09) 0%,rgba(118,113,197,.07) 27%,transparent 65%);
  filter:blur(15px);
  pointer-events:none;
  z-index:0;
}

/* Controle de movimento e telas pequenas */
@media(max-width:767px) {
  html[data-copper-visual] :is(.home-card:not(.disabled),.hub-card)::after {width:24px;height:20px;left:8px;top:8px;opacity:.50;}
  html[data-copper-visual] #tab-rescisao > .panel-ouro:first-child::after {width:21px;height:17px;}
  html[data-copper-visual="academico"] body,
  html[data-copper-visual="profissional"] body {background-attachment:scroll;}
}
@media(prefers-reduced-motion:reduce) {
  .copper-visual-burst {display:none !important;animation:none !important;}
  html[data-copper-visual] button.copper-visual-press {animation:none !important;}
}
html[data-copper-effects="off"] .copper-visual-burst {display:none !important;}

html[data-copper-visual="profissional"] #home-screen h1 {
  text-shadow:0 2px 12px rgba(44,66,130,.13) !important;
}