/* =========================================================
   CredBrain Liquid Glass Visual V2.4.1
   Hero Logo Circle-Center Alignment
   ========================================================= */

body:not(.dark-mode) #welcomePanel .premium-hero .welcome-logo{
    position:absolute!important;
    left:auto!important;
    right:150px!important;           /* move logo left into the circle center */
    top:52%!important;               /* slight downward balance */
    bottom:auto!important;
    transform:translateY(-50%)!important;

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

    z-index:2!important;
    overflow:visible!important;
}

/* Preserve the glass tile styling */
body:not(.dark-mode) #welcomePanel .premium-hero .welcome-logo{
    border:1px solid rgba(109,220,255,.40)!important;
    border-radius:32px!important;
    background:
      radial-gradient(circle at 24% 18%,rgba(79,235,255,.28),transparent 28%),
      radial-gradient(circle at 78% 78%,rgba(122,91,255,.18),transparent 32%),
      linear-gradient(145deg,rgba(6,48,118,.96),rgba(20,80,180,.86))!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;
}

/* 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:-7px!important;
    bottom:-5px!important;
    left:auto!important;
    top:auto!important;
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:22px!important;
    min-height:22px!important;
    max-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;
    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;
}