/* =========================================================
   CredBrain Liquid Glass Visual V2.4.3
   Exact Circle Center Fix
   ========================================================= */

/* Lock the hero logo to the visual center of the neural circle */
body:not(.dark-mode) #welcomePanel .premium-hero .welcome-logo{
    position:absolute!important;
    left:73.8%!important;           /* exact center lock for current hero circle */
    top:52.1%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;

    width:132px!important;
    height:132px!important;
    min-width:132px!important;
    min-height:132px!important;

    z-index:2!important;
    overflow:visible!important;
    border:1px solid rgba(109,220,255,.42)!important;
    border-radius:34px!important;
    background:
      radial-gradient(circle at 24% 18%,rgba(79,235,255,.30),transparent 28%),
      radial-gradient(circle at 78% 78%,rgba(122,91,255,.20),transparent 32%),
      linear-gradient(145deg,rgba(6,48,118,.96),rgba(20,80,180,.88))!important;
    box-shadow:
      0 20px 48px rgba(8,48,126,.28),
      0 0 34px rgba(54,217,255,.18),
      0 0 26px rgba(128,94,255,.10),
      inset 0 1px 0 rgba(255,255,255,.17)!important;
}

/* Keep both AI badges visually consistent */
body:not(.dark-mode) .sidebar-top .brand-logo::after,
body:not(.dark-mode) #welcomePanel .premium-hero .welcome-logo::after{
    content:"AI"!important;
    position:absolute!important;
    right:-8px!important;
    bottom:-6px!important;
    left:auto!important;
    top:auto!important;
    width:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    height:23px!important;
    min-height:23px!important;
    max-height:23px!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;
    line-height:1!important;
    letter-spacing:.04em!important;
    z-index:999!important;
    pointer-events:none!important;
}

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