
/* =========================================================
   CredBrain Liquid Glass Visual V2.2
   AI Badge Final Match + Micro Polish
   Requires V2 + V2.1
   Visual-only patch.
   ========================================================= */

/* ---------------------------------------------------------
   1) Final AI badge unification
   Force BOTH badges to the same visual token.
   --------------------------------------------------------- */

body:not(.dark-mode) .brand-logo,
body:not(.dark-mode) .welcome-logo{
  position:relative!important;
  overflow:visible!important;
}

body:not(.dark-mode) .brand-logo::after,
body:not(.dark-mode) .welcome-logo::after{
  content:"AI"!important;
  position:absolute!important;
  box-sizing:border-box!important;

  width:30px!important;
  min-width:30px!important;
  height:22px!important;
  min-height:22px!important;

  padding:0!important;
  margin:0!important;

  display:grid!important;
  place-items:center!important;

  border:1px solid rgba(112,226,255,.52)!important;
  border-radius:8px!important;

  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.22),transparent 32%),
    linear-gradient(145deg,#0c4f8f 0%,#1768bd 58%,#405fdb 100%)!important;

  color:#fff!important;

  box-shadow:
    0 6px 15px rgba(12,71,153,.25),
    0 0 16px rgba(54,217,255,.20),
    inset 0 1px 0 rgba(255,255,255,.22)!important;

  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
  line-height:1!important;
  text-indent:0!important;
  text-transform:none!important;
  text-shadow:none!important;

  z-index:9!important;
  pointer-events:none!important;
}

/* Same anchoring logic visually */
body:not(.dark-mode) .brand-logo::after{
  right:-7px!important;
  bottom:-5px!important;
}

body:not(.dark-mode) .welcome-logo::after{
  right:-7px!important;
  bottom:-5px!important;
}

/* Hide any pre-existing visible AI child badge/pill inside logo containers
   if legacy markup still renders one separately. */
body:not(.dark-mode) .brand-logo > .ai-badge,
body:not(.dark-mode) .brand-logo > .logo-ai-badge,
body:not(.dark-mode) .brand-logo > [class*="ai-badge"],
body:not(.dark-mode) .welcome-logo > .ai-badge,
body:not(.dark-mode) .welcome-logo > .logo-ai-badge,
body:not(.dark-mode) .welcome-logo > [class*="ai-badge"]{
  display:none!important;
}

/* ---------------------------------------------------------
   2) Hero brain tile micro-polish
   --------------------------------------------------------- */
body:not(.dark-mode) .premium-hero .welcome-logo{
  border-color:rgba(107,218,255,.38)!important;
  box-shadow:
    0 20px 48px rgba(8,48,126,.28),
    0 0 34px rgba(54,217,255,.17),
    0 0 24px rgba(128,94,255,.09),
    inset 0 1px 0 rgba(255,255,255,.17)!important;
}

/* tighten the halo around the brain visual slightly */
body:not(.dark-mode) .premium-hero::before{
  filter:
    drop-shadow(0 0 16px rgba(58,195,255,.11))
    drop-shadow(0 0 24px rgba(126,92,255,.07))!important;
  opacity:.92!important;
}

/* ---------------------------------------------------------
   3) Provider snapshot edge glow
   --------------------------------------------------------- */
body:not(.dark-mode) .provider-panel-header{
  border-color:rgba(113,211,255,.38)!important;
  box-shadow:
    0 20px 42px rgba(17,65,157,.22),
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 28px rgba(54,217,255,.11)!important;
}

/* ---------------------------------------------------------
   4) Small consistency polish for branded pills
   --------------------------------------------------------- */
body:not(.dark-mode) .version-badge,
body:not(.dark-mode) .active-status,
body:not(.dark-mode) .connection-pill{
  backdrop-filter:blur(14px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(145%)!important;
}

/* Keep no workflow/neural strip visible */
#cbOperationalFlow,
#cbNeuralEngine,
.cb-flow-shell,
.cb-neural-shell,
[class*="operational-transparency"],
[class*="neural-engine"]{
  display:none!important;
}
