/* WEVAL Manager v2.0 — Opus-Level Visual Upgrade */

/* === AMBIENT GLOW === */
body{background:#06080c!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#root::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 10%,rgba(0,229,160,0.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(0,184,255,0.03) 0%,transparent 60%);pointer-events:none;z-index:0}
#root{position:relative;z-index:1}

/* === SCROLLBAR === */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00e5a044,#00b8ff44);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#00e5a088}

/* === CODE BLOCKS === */
pre[class="m"]{background:linear-gradient(145deg,#0d1117,#111827)!important;border:1px solid rgba(0,229,160,0.08)!important;border-radius:10px!important;box-shadow:inset 0 2px 4px rgba(0,0,0,0.3)!important}

/* === INPUTS === */
input[type="text"],textarea{border-radius:14px!important;transition:all 0.2s!important}
input[type="text"]:focus,textarea:focus{border-color:rgba(0,229,160,0.4)!important;box-shadow:0 0 24px rgba(0,229,160,0.08)!important;outline:none!important}

/* === BUTTONS === */
button{transition:all 0.15s cubic-bezier(0.4,0,0.2,1)!important}
button:hover:not(:disabled){transform:translateY(-1px)!important;filter:brightness(1.1)!important}
button:active:not(:disabled){transform:translateY(0)!important}

/* === ANIMATIONS === */
@keyframes slideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 5px rgba(0,229,160,0.2)}50%{box-shadow:0 0 20px rgba(0,229,160,0.4)}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* === CHAT MESSAGES === */
div[style*="animation"]{animation:slideUp 0.3s ease-out!important}

/* === QUICK PROMPTS === */
div[style*="cursor:pointer"][style*="borderRadius"]{transition:all 0.2s!important}
div[style*="cursor:pointer"][style*="borderRadius"]:hover{border-color:rgba(0,229,160,0.25)!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(0,0,0,0.3)!important}

/* === TABS SIDEBAR === */
div[style*="width:70"][style*="flexShrink:0"] button{transition:all 0.15s!important;border-radius:8px!important;margin:2px 4px!important}
div[style*="width:70"][style*="flexShrink:0"] button:hover{background:rgba(0,229,160,0.08)!important;color:#00e5a0!important}

/* === FEATURE BADGES (bottom) === */
div[style*="monospace"][style*="padding:3px"]{transition:all 0.2s!important;border-radius:6px!important}
div[style*="monospace"][style*="padding:3px"]:hover{transform:scale(1.05)!important;box-shadow:0 2px 8px rgba(0,0,0,0.3)!important}

/* === SEND BUTTON GLOW === */
div[style*="borderRadius:12"][style*="background:var(--ac)"],
button[style*="background:var(--ac)"],
div[style*="background:var(--ac)"][style*="borderRadius"]{
  background:linear-gradient(135deg,#00e5a0,#00c896)!important;
  box-shadow:0 4px 15px rgba(0,229,160,0.25)!important;
  transition:all 0.2s!important
}
div[style*="borderRadius:12"][style*="background:var(--ac)"]:hover,
button[style*="background:var(--ac)"]:hover{
  box-shadow:0 6px 25px rgba(0,229,160,0.4)!important;
  transform:translateY(-1px)!important
}

/* === MIC BUTTON === */
div[style*="MIC"],button[style*="Voice"]{transition:all 0.2s!important}

/* === LOADING STATE === */
div[style*="pulse"],span[style*="pulse"]{animation:pulseGlow 1.5s infinite!important}

/* === AGENT COLOR PILLS === */
div[style*="WEVIA"][style*="borderRadius"],
div[style*="WEDROID"][style*="borderRadius"],
div[style*="WEVCODE"][style*="borderRadius"],
div[style*="BladeRazor"][style*="borderRadius"]{
  transition:all 0.2s!important;
  box-shadow:0 2px 8px rgba(0,0,0,0.2)!important
}

/* === MERMAID DIAGRAMS === */
div[style*="minHeight:60"] svg{max-width:100%;height:auto}
div[style*="minHeight:60"]{overflow-x:auto}

/* === HIGHLIGHT.JS OVERRIDES === */
pre code.hljs{background:transparent!important;padding:0!important}
.hljs{background:transparent!important}

/* === LIVE METRICS BADGES === */
div[style*="letterSpacing:"0.3px""][style*="fontSize:8"]{animation:fadeIn 0.5s ease-out;backdrop-filter:blur(4px)}

/* === ENHANCED MESSAGE BUBBLES === */
div[style*="marginBottom:10"][style*="animation"]{backdrop-filter:blur(2px)}