/* ============================================================
   PROFINANCE HUB V54.94 — ICONES PREMIUM
   ESCOPO ESTRITO: somente os ícones dos cards da HOME.
   Cards, textos, CTAs, cores, grids e funcionalidades V54.93 preservados.
   Logos oficiais de ferramentas externas NÃO são modificados.
   ============================================================ */

/* Moldura inspirada na identidade da Central de Operações */
#businessCards .card .tool-icon,
#operationCards .card .tool-icon{
  position:relative!important;
  isolation:isolate;
  width:66px!important;
  height:66px!important;
  min-width:66px!important;
  border-radius:20px!important;
  overflow:visible!important;

  /* glass shell, igual à família visual da Central */
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.20),transparent 18%),
    linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 14px 30px var(--accentGlow,rgba(119,84,215,.22)),
    0 0 0 1px rgba(255,255,255,.025)!important;
}

/* Halo interno colorido — não altera o card */
#businessCards .card .tool-icon::before,
#operationCards .card .tool-icon::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:8px;
  border-radius:15px;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.24),transparent 23%),
    linear-gradient(145deg,
      color-mix(in srgb,var(--accent,#7754d7) 76%,white 8%),
      color-mix(in srgb,var(--accent2,var(--accent,#2587e8)) 88%,#09112b 12%)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.23),
    inset 0 -8px 18px rgba(0,0,0,.17),
    0 7px 18px var(--accentGlow,rgba(119,84,215,.20));
}

/* Reflexo premium */
#businessCards .card .tool-icon::after,
#operationCards .card .tool-icon::after{
  content:"";
  position:absolute;
  z-index:1;
  left:14px;
  top:11px;
  width:28px;
  height:11px;
  border-radius:50%;
  background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,0));
  filter:blur(1.5px);
  transform:rotate(-18deg);
  pointer-events:none;
}

/* Ícones internos: desenho simples vira símbolo premium */
#businessCards .card .tool-icon > svg{
  position:relative!important;
  z-index:3!important;
  width:35px!important;
  height:35px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2.05!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:
    drop-shadow(0 2px 1px rgba(0,0,0,.24))
    drop-shadow(0 0 6px rgba(255,255,255,.15));
}

/* Pequenas diferenças por família, mantendo o mesmo padrão */
#businessCards .brand-crm{--accent:#2587e8;--accent2:#5d5ce2;--accentGlow:rgba(37,135,232,.26)}
#businessCards .brand-clients{--accent:#11bfe8;--accent2:#4267ff;--accentGlow:rgba(17,191,232,.24)}
#businessCards .brand-communication{--accent:#7854df;--accent2:#b15cff;--accentGlow:rgba(120,84,223,.26)}
#businessCards .brand-calc{--accent:#f5792a;--accent2:#9b5cff;--accentGlow:rgba(245,121,42,.23)}
#businessCards .brand-users{--accent:#3f88ff;--accent2:#735ce8;--accentGlow:rgba(63,136,255,.25)}
#businessCards .brand-settings{--accent:#8661e8;--accent2:#2587e8;--accentGlow:rgba(134,97,232,.24)}
#businessCards .brand-materials{--accent:#a05cff;--accent2:#5e68ff;--accentGlow:rgba(160,92,255,.25)}
#businessCards .brand-help{--accent:#20c995;--accent2:#2587e8;--accentGlow:rgba(32,201,149,.23)}

/* ============================================================
   FERRAMENTAS EXTERNAS
   Mantém os arquivos oficiais EXATAMENTE como estão.
   Só recebem a mesma moldura premium ao redor.
   ============================================================ */
#operationCards .card .tool-icon{
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.16),transparent 18%),
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
}

/* Não cria camada colorida SOBRE o logo oficial */
#operationCards .card .tool-icon::before{
  inset:7px;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(145deg,rgba(20,26,58,.94),rgba(10,13,34,.96));
  border:1px solid rgba(255,255,255,.08);
}

/* Logo oficial: sem filtro, sem tint, sem blend, sem alteração de cor */
#operationCards .card .tool-icon > img.brand-logo{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  border-radius:12px!important;
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  transform:none!important;
}

/* Drive e Gmail têm fundos claros no próprio logo; preserva arte original */
#operationCards .brand-drive .tool-icon > img.brand-logo,
#operationCards .brand-gmail .tool-icon > img.brand-logo{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
}

/* Conta Azul e WOW também preservados, apenas centralizados */
#operationCards .brand-ca .tool-icon > img.brand-logo,
#operationCards .brand-wow .tool-icon > img.brand-logo{
  width:49px!important;
  height:49px!important;
}

/* Tema claro: moldura permanece premium; arte externa segue intacta */
html[data-theme="light"] #businessCards .card .tool-icon,
html[data-theme="light"] #operationCards .card .tool-icon{
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.85),transparent 18%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(232,237,250,.92))!important;
  border-color:rgba(86,96,155,.20)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 12px 24px var(--accentGlow,rgba(82,92,155,.14))!important;
}

/* Nenhuma regra aqui altera .card, .open, textos, badges ou grid. */