/* ============================================================
   PROFINANCE HUB V54.93 — CARDS VISUAL PREMIUM FORTE
   Ajuste realmente perceptível, inspirado na Central de Operações.
   Sem alterar grid, largura ou ordem dos cards.
   ============================================================ */

/* HOME — cards principais */
body:not([data-module="monitor-work"]) .tool-section .card{
  --accent:#7754d7;
  --accent2:#2587e8;
  --accentGlow:rgba(119,84,215,.26);
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.08))!important;
  background:
    radial-gradient(circle at 92% 4%,var(--accentGlow),transparent 38%),
    radial-gradient(circle at 5% 110%,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 44%),
    linear-gradient(158deg,rgba(31,22,67,.985),rgba(12,9,31,.99))!important;
  box-shadow:
    inset 0 3px 0 var(--accent),
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 42px rgba(5,3,18,.28)!important;
}
body:not([data-module="monitor-work"]) .tool-section .card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),transparent 24%,transparent 76%,rgba(255,255,255,.025))!important;
  opacity:1!important;
  z-index:0!important;
}
body:not([data-module="monitor-work"]) .tool-section .card:after{
  content:""!important;
  position:absolute!important;
  width:220px!important;
  height:220px!important;
  right:-115px!important;
  top:-125px!important;
  border-radius:50%!important;
  background:var(--accentGlow)!important;
  filter:blur(2px)!important;
  opacity:1!important;
  z-index:0!important;
}
body:not([data-module="monitor-work"]) .tool-section .card>*{position:relative!important;z-index:1!important}
body:not([data-module="monitor-work"]) .tool-section .card:hover{
  transform:translateY(-5px)!important;
  border-color:var(--accent)!important;
  box-shadow:
    inset 0 3px 0 var(--accent),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 28px 58px rgba(5,3,18,.38),
    0 0 0 1px var(--accentGlow)!important;
}

/* Ícone mais parecido com os módulos da Central de Operações */
body:not([data-module="monitor-work"]) .tool-section .card .tool-icon,
body:not([data-module="monitor-work"]) .tool-section .card .icon{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  border-radius:19px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--accent),var(--accent2))!important;
  border:1px solid color-mix(in srgb,var(--accent) 55%,white)!important;
  box-shadow:
    0 13px 28px var(--accentGlow),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
}
body:not([data-module="monitor-work"]) .tool-section .card .brand-logo-square{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:17px!important;
}
body:not([data-module="monitor-work"]) .tool-section .card .brand-logo:not(.brand-logo-square){
  max-width:44px!important;max-height:44px!important;object-fit:contain!important;
}

/* Badge no padrão da Central */
body:not([data-module="monitor-work"]) .tool-section .card .card-badge{
  padding:7px 9px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--accent) 16%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--accent) 36%,transparent)!important;
  color:color-mix(in srgb,var(--accent) 45%,white)!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
}
body:not([data-module="monitor-work"]) .tool-section .card h3{
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
}
body:not([data-module="monitor-work"]) .tool-section .card p{
  color:#bbb2cf!important;
}
body:not([data-module="monitor-work"]) .tool-section .card .card-tags span{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  color:#dcd4ed!important;
}

/* O ponto mais visível: CTA vira faixa colorida */
body:not([data-module="monitor-work"]) .tool-section .card .open{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:39px!important;
  margin-top:auto!important;
  padding:10px 12px!important;
  border-radius:11px!important;
  border:1px solid color-mix(in srgb,var(--accent) 45%,rgba(255,255,255,.10))!important;
  background:linear-gradient(135deg,var(--accent),var(--accent2))!important;
  color:#fff!important;
  font:800 9px JetBrains Mono,monospace!important;
  letter-spacing:.015em!important;
  box-shadow:0 10px 22px var(--accentGlow)!important;
}
body:not([data-module="monitor-work"]) .tool-section .card .open:after{
  content:"→"!important;
  font-size:14px!important;
  line-height:1!important;
  margin-left:8px!important;
}

/* Cores por família */
body:not([data-module="monitor-work"]) .brand-crm{--accent:#2f7df4!important;--accent2:#35b7ff!important;--accentGlow:rgba(47,125,244,.27)!important}
body:not([data-module="monitor-work"]) .brand-reports{--accent:#7a54dd!important;--accent2:#17a8d8!important;--accentGlow:rgba(122,84,221,.27)!important}
body:not([data-module="monitor-work"]) .brand-calc{--accent:#f5792a!important;--accent2:#ef4b62!important;--accentGlow:rgba(245,121,42,.27)!important}
body:not([data-module="monitor-work"]) .brand-users{--accent:#7d59e8!important;--accent2:#b06de1!important;--accentGlow:rgba(125,89,232,.27)!important}
body:not([data-module="monitor-work"]) .brand-settings{--accent:#e5a821!important;--accent2:#f5792a!important;--accentGlow:rgba(229,168,33,.25)!important}
body:not([data-module="monitor-work"]) .brand-materials{--accent:#df4a87!important;--accent2:#945be4!important;--accentGlow:rgba(223,74,135,.26)!important}
body:not([data-module="monitor-work"]) .brand-help{--accent:#0fad9f!important;--accent2:#3fd495!important;--accentGlow:rgba(15,173,159,.26)!important}
body:not([data-module="monitor-work"]) .brand-ca{--accent:#00a9e0!important;--accent2:#5bc4f2!important;--accentGlow:rgba(0,169,224,.27)!important}
body:not([data-module="monitor-work"]) .brand-wow{--accent:#7b48ef!important;--accent2:#ae65ff!important;--accentGlow:rgba(123,72,239,.28)!important}
body:not([data-module="monitor-work"]) .brand-drive{--accent:#34a853!important;--accent2:#4285f4!important;--accentGlow:rgba(52,168,83,.25)!important}
body:not([data-module="monitor-work"]) .brand-gmail{--accent:#ea4335!important;--accent2:#fbbc05!important;--accentGlow:rgba(234,67,53,.23)!important}

/* Cards comuns das páginas internas recebem a mesma moldura/nível de profundidade */
body:not([data-module="monitor-work"]) :is(.panel,.kpi,.stat-card,.dashboard-card,.quality-card,.integration-card,.material-card,.sound-card,.check-card){
  border-color:rgba(119,84,215,.36)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(37,135,232,.10),transparent 34%),
    linear-gradient(158deg,rgba(31,22,67,.97),rgba(13,9,33,.985))!important;
  box-shadow:inset 0 2px 0 rgba(119,84,215,.35),0 14px 34px rgba(5,3,18,.22)!important;
}

/* Light */
html[data-theme="light"] body:not([data-module="monitor-work"]) .tool-section .card{
  background:radial-gradient(circle at 95% 0,var(--accentGlow),transparent 42%),linear-gradient(158deg,#fff,#f7f9fd)!important;
  border-color:color-mix(in srgb,var(--accent) 33%,#dfe6f1)!important;
  box-shadow:inset 0 3px 0 var(--accent),0 15px 34px rgba(26,42,70,.10)!important;
}
html[data-theme="light"] body:not([data-module="monitor-work"]) .tool-section .card p{color:#667386!important}
html[data-theme="light"] body:not([data-module="monitor-work"]) .tool-section .card .card-tags span{color:#657185!important;background:#f4f7fb!important;border-color:#e2e8f1!important}

@media(max-width:620px){
  body:not([data-module="monitor-work"]) .tool-section .card .tool-icon,
  body:not([data-module="monitor-work"]) .tool-section .card .icon{width:58px!important;height:58px!important;min-width:58px!important}
}