/* Copper Hub · revisão 0.1.2.2 | assinatura do fone + navegação + PDF
   Escopo visual: não altera classes usadas pelos cálculos. */
:root { --copper-ux-fin:#d9aa52; --copper-ux-fin-glow:rgba(236,178,70,.25); }
html[data-copper-visual="profissional"] { --copper-ux-fin:#65b7d7; --copper-ux-fin-glow:rgba(84,171,221,.18); }

/* Remover raios gigantes e emblemas sobre cards de módulos (deixar esses cards limpos). */
html[data-copper-visual] :is(.home-card:not(.disabled),.hub-card)::after { content:none !important; display:none !important; }
html[data-copper-visual="academico"] :is(.home-card:not(.disabled),.hub-card)::before {
  content:'★'; color:#ac74ef; font-size:16px; top:12px; right:14px; left:auto;
}
/* Os raios do fone são entalhes pequenos, presos ao canto e não "asas" salientes. */
html[data-copper-visual] :is(#employee-bar,.tooltip-content,#copper-cloud-config-card,#copper-update-config-card) { position:relative; }
html[data-copper-visual] :is(#employee-bar,.tooltip-content,#copper-cloud-config-card,#copper-update-config-card)::after,
html[data-copper-visual] #emp_manager_modal > .panel-ouro::after,
html[data-copper-visual] .copper-settings-corner::after,
html[data-copper-visual] .copper-pdf-dock::after,
html[data-copper-visual] .copper-pdf-viewer-panel::after {
  content:''; position:absolute; right:9px; top:8px;
  width:25px; height:20px; pointer-events:none; z-index:1;
  background:var(--copper-ux-fin);
  clip-path:polygon(8% 2%, 67% 2%, 45% 39%, 94% 39%, 24% 98%, 39% 59%, 0 59%);
  opacity:.64; filter:drop-shadow(0 0 4px var(--copper-ux-fin-glow));
}
html[data-copper-visual] #emp_manager_modal > .panel-ouro {position:relative;}
html[data-copper-visual] .tooltip-content::after {width:16px;height:13px;top:5px;right:6px;opacity:.45;}
/* As guias recebem um traço no canto ativo, sem competir com a tipografia. */
html[data-copper-visual] :is(.tab-btn.active,.sub-tab-ativa) {
  position:relative; border-top:1px solid var(--copper-edge);
  border-radius:8px 8px 0 0;
}
html[data-copper-visual] :is(.tab-btn.active,.sub-tab-ativa)::before {
  content:'';position:absolute;right:3px;top:3px;width:11px;height:9px;
  background:var(--copper-ux-fin);clip-path:polygon(0 0,100% 0,55% 48%,100% 48%,0 100%,40% 55%);
  opacity:.55;pointer-events:none;
}
/* Tooltip com contraste garantido. */
html[data-copper-visual="profissional"] .tooltip-content {
  background:#fff;color:#24364e;border-color:#9ca8d1;box-shadow:0 10px 26px rgba(22,42,80,.17);
}
html[data-copper-visual="academico"] .tooltip-content {border-color:#ac75ec;box-shadow:0 12px 27px rgba(0,7,26,.45);}

/* Configurações deixam de ser uma caixa central e passam a uma página sobreposta. */
#config_modal.copper-settings-overlay {
  padding:0 !important; align-items:stretch !important;justify-content:flex-end !important;
  background:rgba(5,10,27,.55) !important;backdrop-filter:blur(5px);
}
#config_modal.copper-settings-overlay > .panel-ouro {
  width:min(420px,100vw) !important; max-width:none !important;
  height:100dvh; max-height:100dvh; min-height:0;
  border-radius:18px 0 0 18px !important; margin:0 !important;
  padding:26px !important; overflow-y:auto;
  scrollbar-width:thin; overscroll-behavior:contain;
  background:linear-gradient(165deg,#161d31 0%,#101826 100%) !important;
  border:1px solid rgba(182,137,246,.38) !important;
  box-shadow:-12px 0 52px rgba(3,8,29,.38) !important;
  transition:width .28s ease;
}
#config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro {
  width:min(980px,100vw) !important; border-radius:12px 0 0 12px !important;
}
#config_modal.copper-settings-overlay[data-copper-settings-view="quick"] > .panel-ouro > :not(:first-child):not(#copper-settings-switch):not(#copper-settings-quick) {
  display:none !important;
}
#config_modal.copper-settings-overlay[data-copper-settings-view="full"] #copper-settings-quick {display:none !important;}
#config_modal.copper-settings-overlay > .panel-ouro > :first-child {position:relative;z-index:2;}
#config_modal.copper-settings-overlay > .panel-ouro > :first-child #config_modal_title {color:#f7f2ff !important;}
.copper-settings-switch {
  display:flex;flex-wrap:wrap;gap:7px; padding:6px; border-radius:12px;
  border:1px solid rgba(156,125,224,.3);background:rgba(35,41,66,.52);
}
.copper-settings-switch button {flex:1;min-width:140px;padding:10px 12px;border-radius:8px;border:1px solid transparent;color:#ccd4ea;font-size:.83rem;font-weight:700;cursor:pointer;background:transparent;}
.copper-settings-switch button[aria-pressed="true"] {color:#fff;background:#4b3479;border-color:#a17ce7;box-shadow:0 0 13px rgba(135,92,203,.24);}
.copper-settings-switch button:focus-visible {outline:2px solid #77dbe6;outline-offset:2px;}
#copper-settings-quick {display:grid;gap:14px;}
.copper-settings-quick-tile {position:relative;padding:19px 16px;background:rgba(38,46,78,.66);border:1px solid rgba(156,125,224,.36);border-radius:14px;}
.copper-settings-eyebrow {display:block;color:#c2abea;letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;margin-bottom:8px;}
.copper-settings-quick-tile strong {display:block;color:#f6f5ff;font-size:1.02rem;}
.copper-settings-quick-tile p {font-size:.81rem;color:#bdc8df;line-height:1.55;margin-top:9px;}
.copper-settings-quick-actions {display:grid;gap:10px;}
.copper-settings-quick-actions button {padding:12px;border:1px solid rgba(163,137,230,.5);border-radius:10px;font-size:.85rem;font-weight:700;background:#393053;color:#f5e9ff;}
.copper-settings-quick-actions button:first-child {background:linear-gradient(110deg,#5c3a98,#3b72a0);border-color:#b796fa;}
.copper-settings-quick-actions button:focus-visible {outline:2px solid #8ad8fa;outline-offset:3px;}
/* Modo completo: mantém controles e cards existentes, com espaço para respirar. */
#config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro {
  display:flex;flex-direction:column;gap:15px;
}
#config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro > .p-4,
#config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro > .copper-visual-card {
  background:rgba(42,49,76,.65) !important;border:1px solid rgba(156,125,224,.25) !important;
  border-radius:13px !important;
}
#config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro .text-white {color:#f3f3fc !important;}
#config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro .text-gray-400 {color:#bdc7d9 !important;}
/* Profissional: overlay claro, sem textos quase brancos sobre branco. */
html[data-copper-visual="profissional"] #config_modal.copper-settings-overlay > .panel-ouro {
  background:linear-gradient(160deg,#ffffff,#f0f2fd) !important;
  border-color:#c7c4ea !important;box-shadow:-12px 0 42px rgba(36,46,92,.18) !important;
}
html[data-copper-visual="profissional"] #config_modal.copper-settings-overlay > .panel-ouro > :first-child #config_modal_title {color:#233451 !important;}
html[data-copper-visual="profissional"] .copper-settings-switch {background:#eef1fb;border-color:#d5d8ed;}
html[data-copper-visual="profissional"] .copper-settings-switch button {color:#3c4b68;}
html[data-copper-visual="profissional"] .copper-settings-switch button[aria-pressed="true"] {background:#dee5fa;border-color:#8d93ca;color:#304775;box-shadow:none;}
html[data-copper-visual="profissional"] .copper-settings-quick-tile {background:#fff;border-color:#c4cde7;}
html[data-copper-visual="profissional"] .copper-settings-eyebrow {color:#695aa7;}
html[data-copper-visual="profissional"] .copper-settings-quick-tile strong {color:#263857;}
html[data-copper-visual="profissional"] .copper-settings-quick-tile p {color:#4e5e76;}
html[data-copper-visual="profissional"] .copper-settings-quick-actions button {background:#edf1fb;color:#324769;border-color:#a4acd6;}
html[data-copper-visual="profissional"] .copper-settings-quick-actions button:first-child {background:linear-gradient(115deg,#e3edfc,#ece4fa);}
html[data-copper-visual="profissional"] #config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro > .p-4,
html[data-copper-visual="profissional"] #config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro > .copper-visual-card {
  background:#fff !important; border-color:#cbd3e9 !important;
}
html[data-copper-visual="profissional"] #config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro .text-white {color:#263857 !important;}
html[data-copper-visual="profissional"] #config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro .text-gray-400 {color:#52637e !important;}

/* Escolha de nome do PDF vira dock lateral: não bloqueia o efeito do botão. */
.copper-pdf-dock {
  position:fixed;z-index:190;right:18px;bottom:18px;
  width:min(385px,calc(100vw - 24px));max-height:calc(100dvh - 24px);
  overflow:auto;padding:18px;border:1px solid #d2aa69;border-radius:16px;
  background:linear-gradient(145deg,#171e32,#161a28);color:#f8f4ff;
  box-shadow:0 12px 45px rgba(2,7,27,.52);animation:copper-pdf-slide-in .25s ease-out both;
}
.copper-pdf-dock h2 {color:#ffd28b;font-size:1.05rem;font-weight:750;margin:0 0 4px;}
.copper-pdf-dock p {font-size:.77rem;color:#c6cce0;line-height:1.45;}
.copper-pdf-dock label {display:block;margin:15px 0 7px;font-size:.78rem;font-weight:700;}
.copper-pdf-dock .copper-pdf-nome-wrap {background:#111829;border-color:#596783;}
.copper-pdf-dock .copper-pdf-nome-wrap input {color:#fff;}
.copper-pdf-dock .copper-pdf-preview {margin-top:7px;color:#bbc6da;font-size:.73rem;}
.copper-pdf-dock .copper-pdf-erro {color:#ffb3b3;min-height:18px;}
.copper-pdf-dock-actions {display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.copper-pdf-dock-actions button {flex:1;padding:10px 11px;border:1px solid #a592c5;border-radius:9px;font-weight:700;font-size:.8rem;background:#343854;color:#fff;cursor:pointer;}
.copper-pdf-dock-actions .copper-pdf-confirmar {background:linear-gradient(110deg,#a72b44,#bd5a4b);border-color:#e7b85e;color:#fff3dc;}
.copper-pdf-dock-actions button:focus-visible {outline:2px solid #87dcef;outline-offset:2px;}
html[data-copper-visual="profissional"] .copper-pdf-dock {background:#fff;color:#24324a;border-color:#a6afd7;box-shadow:0 14px 40px rgba(50,62,113,.2);}
html[data-copper-visual="profissional"] .copper-pdf-dock h2 {color:#47579c;}
html[data-copper-visual="profissional"] .copper-pdf-dock p {color:#56647c;}
html[data-copper-visual="profissional"] .copper-pdf-dock .copper-pdf-nome-wrap {background:#fff;border-color:#aab6d7;}
html[data-copper-visual="profissional"] .copper-pdf-dock .copper-pdf-nome-wrap input {color:#253550;}
html[data-copper-visual="profissional"] .copper-pdf-dock-actions button {background:#edf0fb;color:#31436a;border-color:#a9b7d3;}
html[data-copper-visual="profissional"] .copper-pdf-dock-actions .copper-pdf-confirmar {background:linear-gradient(115deg,#d9ebfa,#dfd8f4);color:#273f67;border-color:#9aa6d3;}
@keyframes copper-pdf-slide-in {from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

/* Visualizador maior, com conteúdo REAL do PDF já criado, e controles fixos. */
.copper-pdf-viewer {position:fixed;inset:0;z-index:240;padding:24px;display:flex;align-items:center;justify-content:center;background:rgba(4,9,24,.77);backdrop-filter:blur(6px);}
.copper-pdf-viewer-panel {position:relative;width:min(1100px,100%);height:min(900px,calc(100dvh - 48px));background:#171d2d;color:#f5f6ff;border:1px solid #b8a2e3;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 22px 65px rgba(0,0,0,.55);}
.copper-pdf-viewer-header {display:flex;align-items:center;gap:12px;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #536079;}
.copper-pdf-viewer-header strong {color:#e7cffc;font-size:1rem;}
.copper-pdf-viewer-header button {background:#2e3854;border:1px solid #8d8aaa;color:#fff;border-radius:8px;padding:7px 12px;cursor:pointer;}
.copper-pdf-frame {flex:1;border:0;width:100%;background:#f9fafb;min-height:150px;}
.copper-pdf-frame-fallback {display:grid;place-items:center;padding:30px;text-align:center;color:#52617c;background:#f4f6fb;flex:1;}
.copper-pdf-viewer-footer {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-top:1px solid #47516c;flex-wrap:wrap;}
.copper-pdf-viewer-footer label {display:flex;gap:8px;align-items:center;flex:1;min-width:220px;color:inherit;font-size:.77rem;}
.copper-pdf-viewer-footer input {min-width:100px;max-width:400px;flex:1;padding:8px 10px;border:1px solid #79819c;border-radius:8px;color:#24324a;background:#fff;}
.copper-pdf-viewer-footer button {padding:10px 13px;border-radius:9px;border:1px solid #aaa7ca;color:#fff;background:#313a5a;font-weight:700;cursor:pointer;}
.copper-pdf-viewer-footer button:last-child {color:#fff5e7;background:linear-gradient(115deg,#a42f48,#b74b5d);border-color:#f0bb65;}
.copper-pdf-viewer-footer button:disabled {opacity:.45;cursor:not-allowed;}
html[data-copper-visual="profissional"] .copper-pdf-viewer-panel {background:#fff;color:#223654;border-color:#a6b3d7;}
html[data-copper-visual="profissional"] .copper-pdf-viewer-header {border-color:#c8d3e9;}
html[data-copper-visual="profissional"] .copper-pdf-viewer-header strong {color:#495c9f;}
html[data-copper-visual="profissional"] .copper-pdf-viewer-footer {border-color:#cad3e4;}
html[data-copper-visual="profissional"] .copper-pdf-viewer-footer button {background:#eef0fb;color:#31466c;border-color:#aab5d5;}
html[data-copper-visual="profissional"] .copper-pdf-viewer-footer button:last-child {background:#dbe9f9;color:#293c65;border-color:#99a5d1;}
@media(max-width:700px){
  #config_modal.copper-settings-overlay > .panel-ouro,#config_modal.copper-settings-overlay[data-copper-settings-view="full"] > .panel-ouro {width:100vw !important;border-radius:0 !important;padding:18px !important;}
  .copper-pdf-dock {right:8px;bottom:8px;width:calc(100vw - 16px);}
  .copper-pdf-viewer {padding:0;}
  .copper-pdf-viewer-panel {height:100dvh;border-radius:0;}
  .copper-pdf-viewer-footer {flex-direction:column;align-items:stretch;}
  .copper-pdf-viewer-footer label {width:100%;}
}
@media(prefers-reduced-motion:reduce){.copper-pdf-dock {animation:none;}}

/* Contraste dos controles de cabeçalho, inclusive em Web sem Tailwind. */
#config_modal.copper-settings-overlay #btn_fechar_config {
  background:transparent;color:#d5def1;border:1px solid rgba(164,154,201,.35);
  border-radius:8px;min-width:36px;min-height:36px;cursor:pointer;
}
html[data-copper-visual="profissional"] #config_modal.copper-settings-overlay #btn_fechar_config {
  color:#374b6e;border-color:#c0c9e0;
}
.copper-pdf-viewer #copper-pdf-viewer-status {color:#cbd5e4;}
html[data-copper-visual="profissional"] .copper-pdf-viewer #copper-pdf-viewer-status {color:#526480;}