:root {
  --vovmi-mascot-primary: #0EA5E9;
  --vovmi-mascot-accent: #FF3654;
  --vovmi-mascot-muted: #64748B;
  --vovmi-mascot-success: #22C55E;
  --vovmi-mascot-warning: #F59E0B;
  --vovmi-mascot-danger: #EF4444;
}

.dark .vovmi-mascot,
.vovmi-mascot--theme-dark {
  --vovmi-mascot-muted: #94A3B8;
}

.vovmi-mascot-host {
  display: inline-grid;
  place-items: center;
  line-height: 0;
}

.vovmi-mascot {
  display: inline-grid;
  place-items: center;
  width: var(--vovmi-mascot-size, 9rem);
  max-width: 100%;
  line-height: 0;
  contain: layout style paint;
  isolation: isolate;
}

.vovmi-mascot--xs { --vovmi-mascot-size: 3rem; }
.vovmi-mascot--sm { --vovmi-mascot-size: 5rem; }
.vovmi-mascot--md { --vovmi-mascot-size: 9rem; }
.vovmi-mascot--lg { --vovmi-mascot-size: 14rem; }
.vovmi-mascot--xl { --vovmi-mascot-size: 20rem; }

.vovmi-mascot__svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.vovmi-mascot *,
.vovmi-mascot *::before,
.vovmi-mascot *::after {
  box-sizing: border-box;
}

.vm-mascot-core,
.vm-breathe-core,
.vm-eye-blink,
.vm-ground-shadow,
.vm-ear,
.vm-orb,
.vm-face-group,
.vm-face,
.vm-eye,
.vm-pupil,
.vm-mouth,
.vm-effect,
.vm-effect *,
.vm-lower-depth {
  transform-box: fill-box;
  transform-origin: center;
}

.vm-effect {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.vm-mouth {
  opacity: 0;
  visibility: hidden;
}

.vovmi-mascot--idle .vm-mouth-smile,
.vovmi-mascot--greeting .vm-mouth-smile,
.vovmi-mascot--thinking .vm-mouth-smile,
.vovmi-mascot--working .vm-mouth-smile,
.vovmi-mascot--learning .vm-mouth-smile,
.vovmi-mascot--analyzing .vm-mouth-smile {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--happy .vm-mouth-happy,
.vovmi-mascot--learned .vm-mouth-happy,
.vovmi-mascot--proud .vm-mouth-happy {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--sad .vm-mouth-sad,
.vovmi-mascot--crying .vm-mouth-sad,
.vovmi-mascot--error .vm-mouth-sad {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--angry .vm-mouth-flat,
.vovmi-mascot--unable .vm-mouth-flat {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--surprised .vm-mouth-surprise,
.vovmi-mascot--curious .vm-mouth-smile {
  opacity: 1;
  visibility: visible;
}

/* State'den bağımsız temel canlılık: mümkün olan tüm rollerde çalışır. */
.vovmi-mascot .vm-breathe-core {
  animation: vm-breathe-global 4.2s ease-in-out infinite;
}

.vovmi-mascot .vm-eye-blink {
  animation: vm-blink 4.85s ease-in-out infinite;
}

.vovmi-mascot .vm-eye-blink-right {
  animation-delay: 0.04s;
}

.vovmi-mascot--idle .vm-breathe-core {
  animation: vm-breathe-idle 3.85s ease-in-out infinite;
}

.vovmi-mascot--idle .vm-eye-blink {
  animation-duration: 4.25s;
}

.vovmi-mascot--greeting .vm-mascot-core {
  animation: vm-greeting-nod 1.15s ease-in-out 2;
}

.vovmi-mascot--greeting .vm-ear-right,
.vovmi-mascot--greeting .vm-top-orb-right {
  animation: vm-wave 0.68s ease-in-out 3;
}

.vovmi-mascot--greeting .vm-effect-success {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--greeting .vm-star {
  animation: vm-pop 0.9s ease-in-out both;
}

.vovmi-mascot--thinking .vm-mascot-core {
  animation: vm-breathe-soft 3.5s ease-in-out infinite;
}

.vovmi-mascot--thinking .vm-pupil {
  animation: vm-look-around 2.2s ease-in-out infinite;
}

.vovmi-mascot--thinking .vm-effect-thinking {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--thinking .vm-thought-bubble {
  animation: vm-float 2.6s ease-in-out infinite;
}

.vovmi-mascot--thinking .vm-dot {
  animation: vm-dot-pulse 1.2s ease-in-out infinite;
}

.vovmi-mascot--thinking .vm-dot-2 { animation-delay: 0.15s; }
.vovmi-mascot--thinking .vm-dot-3 { animation-delay: 0.3s; }

.vovmi-mascot--working .vm-mascot-core {
  animation: vm-machine-hum 0.5s ease-in-out infinite;
}

.vovmi-mascot--working .vm-effect-working {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--working .vm-working-ring {
  animation: vm-rotate 1s linear infinite;
}

.vovmi-mascot--learning .vm-mascot-core {
  animation: vm-learning-focus 2.6s ease-in-out infinite;
}

.vovmi-mascot--learning .vm-pupil {
  animation: vm-focus-pupils 2.2s ease-in-out infinite;
}

.vovmi-mascot--learning .vm-effect-learning {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--learning .vm-learning-card {
  transform-origin: center;
  animation: vm-learning-card-bob 2.3s ease-in-out infinite;
}

.vovmi-mascot--learning .vm-learning-line {
  animation: vm-learning-line-pulse 1.25s ease-in-out infinite;
}

.vovmi-mascot--learning .vm-learning-line-2 { animation-delay: 0.1s; }
.vovmi-mascot--learning .vm-learning-line-3 { animation-delay: 0.2s; }
.vovmi-mascot--learning .vm-learning-line-4 { animation-delay: 0.3s; }

.vovmi-mascot--learning .vm-learning-flow {
  animation: vm-learning-flow-dash 1.35s linear infinite;
}

.vovmi-mascot--learning .vm-learning-bit {
  animation: vm-learning-bit-pulse 1.55s ease-in-out infinite;
}

.vovmi-mascot--learning .vm-learning-bit-2 { animation-delay: 0.22s; }
.vovmi-mascot--learning .vm-learning-bit-3 { animation-delay: 0.44s; }

.vovmi-mascot--working .vm-orb-fill,
.vovmi-mascot--analyzing .vm-orb-fill,
.vovmi-mascot--learning .vm-orb-fill {
  animation: vm-orb-color-cycle 2.25s ease-in-out infinite;
}

.vovmi-mascot--working .vm-orb-fill-right,
.vovmi-mascot--analyzing .vm-orb-fill-right,
.vovmi-mascot--learning .vm-orb-fill-right {
  animation-delay: 0.38s;
}

.vovmi-mascot--working .vm-orb-fill-center,
.vovmi-mascot--analyzing .vm-orb-fill-center,
.vovmi-mascot--learning .vm-orb-fill-center {
  animation-delay: 0.76s;
}

.vovmi-mascot--learned .vm-mascot-core,
.vovmi-mascot--happy .vm-mascot-core,
.vovmi-mascot--proud .vm-mascot-core {
  animation: vm-success-bounce 1.05s ease-out both;
}

.vovmi-mascot--learned .vm-effect-success,
.vovmi-mascot--happy .vm-effect-success,
.vovmi-mascot--proud .vm-effect-success {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--learned .vm-check,
.vovmi-mascot--happy .vm-check,
.vovmi-mascot--proud .vm-check {
  stroke-dasharray: 110;
  stroke-dashoffset: 110;
  animation: vm-draw-check 0.7s ease-out forwards;
}

.vovmi-mascot--proud .vm-check {
  transform-origin: center;
  animation:
    vm-draw-check 0.62s ease-out forwards,
    vm-proud-check-wiggle 1.08s ease-in-out 0.62s infinite;
}

.vovmi-mascot--learned .vm-star,
.vovmi-mascot--happy .vm-star,
.vovmi-mascot--proud .vm-star {
  animation: vm-pop 1.2s ease-out both;
}

.vovmi-mascot--proud .vm-pupil {
  animation: vm-look-up 1.4s ease-in-out both;
}

.vovmi-mascot--analyzing .vm-mascot-core {
  animation: vm-breathe-soft 3s ease-in-out infinite;
}

.vovmi-mascot--analyzing .vm-effect-analyzing {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--analyzing .vm-radar-ring {
  animation: vm-radar-pulse 1.8s ease-out infinite;
}

.vovmi-mascot--analyzing .vm-radar-ring-2 { animation-delay: 0.45s; }

.vovmi-mascot--analyzing .vm-radar-sweep {
  transform-origin: 256px 308px;
  animation: vm-radar-sweep 1.45s linear infinite;
}

.vovmi-mascot--analyzing .vm-scan-line {
  animation: none;
  opacity: 0;
  visibility: hidden;
}

.vovmi-mascot--analyzing .vm-pupil {
  animation: vm-scan-pupils 1.5s ease-in-out infinite;
}

.vovmi-mascot--crying .vm-mascot-core,
.vovmi-mascot--sad .vm-mascot-core {
  animation: vm-droop 2.6s ease-in-out infinite;
}

.vovmi-mascot--crying .vm-pupil,
.vovmi-mascot--sad .vm-pupil {
  animation: vm-look-down 2s ease-in-out infinite;
}

.vovmi-mascot--crying .vm-effect-crying {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--crying .vm-tear {
  animation: vm-tear-drop 1.45s ease-in infinite;
}

.vovmi-mascot--crying .vm-tear-right { animation-delay: 0.55s; }

.vovmi-mascot--angry .vm-mascot-core {
  animation: vm-angry-shake 0.36s ease-in-out infinite;
}

.vovmi-mascot--angry .vm-effect-angry {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--angry .vm-stress-mark {
  animation: vm-stress-pop 0.72s ease-in-out infinite;
}

.vovmi-mascot--angry .vm-eye {
  animation: vm-angry-eye 1.2s ease-in-out infinite;
}

.vovmi-mascot--surprised .vm-mascot-core {
  animation: vm-surprise-hop 0.9s cubic-bezier(.2,.8,.2,1) both;
}

.vovmi-mascot--surprised .vm-eye {
  animation: vm-eye-wide 1.1s ease-out both;
}

.vovmi-mascot--surprised .vm-effect-warning {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--surprised .vm-warning-triangle {
  animation: vm-pop 0.75s ease-out both;
}

.vovmi-mascot--curious .vm-mascot-core {
  animation: vm-curious-tilt 2.2s ease-in-out infinite;
}

.vovmi-mascot--curious .vm-pupil {
  animation: vm-curious-look 1.9s ease-in-out infinite;
}

.vovmi-mascot--curious .vm-effect-question {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--curious .vm-question,
.vovmi-mascot--curious .vm-question-dot {
  animation: vm-question-float 1.8s ease-in-out infinite;
}

.vovmi-mascot--error .vm-mascot-core {
  animation: vm-error-shake 0.52s ease-in-out 3;
}

.vovmi-mascot--error .vm-effect-warning {
  opacity: 1;
  visibility: visible;
  transform-origin: center;
  animation: vm-warning-blink-large 0.86s ease-in-out infinite;
}

.vovmi-mascot--error .vm-warning-triangle {
  animation: vm-warning-pulse 1.05s ease-in-out infinite;
}

.vovmi-mascot--unable .vm-mascot-core {
  animation: vm-unable-shrug 1.6s ease-in-out both;
}

.vovmi-mascot--unable .vm-pupil {
  animation: vm-look-side-soft 1.6s ease-in-out both;
}

.vovmi-mascot--unable .vm-effect-unable {
  opacity: 1;
  visibility: visible;
}

.vovmi-mascot--unable .vm-unable-dot {
  animation: vm-dot-pulse 1.2s ease-in-out infinite;
}

.vovmi-mascot--unable .vm-unable-dot-2 { animation-delay: 0.15s; }
.vovmi-mascot--unable .vm-unable-dot-3 { animation-delay: 0.3s; }

.vovmi-mascot[data-loop="false"] .vm-mascot-core,
.vovmi-mascot[data-loop="false"] .vm-effect,
.vovmi-mascot[data-loop="false"] .vm-effect *,
.vovmi-mascot[data-loop="false"] .vm-eye,
.vovmi-mascot[data-loop="false"] .vm-pupil,
.vovmi-mascot[data-loop="false"] .vm-ear,
.vovmi-mascot[data-loop="false"] .vm-orb {
  animation-iteration-count: 1 !important;
}

.vovmi-mascot[data-reduced-motion="force"] * {
  animation: none !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .vovmi-mascot[data-reduced-motion="respect"] *,
  .vovmi-mascot[data-reduced-motion="respect"] *::before,
  .vovmi-mascot[data-reduced-motion="respect"] *::after {
    animation: none !important;
    transition: none !important;
  }
}

@keyframes vm-breathe {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-4px) scale(1.012); }
}

@keyframes vm-breathe-global {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.008); }
}

@keyframes vm-breathe-idle {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-6px) scale(1.017); }
}

@keyframes vm-breathe-soft {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@keyframes vm-blink {
  0%, 88%, 100% { transform: scaleY(1); }
  90%, 92% { transform: scaleY(0.08); }
}

@keyframes vm-greeting-nod {
  0%, 100% { transform: translateY(0) rotate(0); }
  40% { transform: translateY(-5px) rotate(-2deg); }
  70% { transform: translateY(2px) rotate(1deg); }
}

@keyframes vm-wave {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(8deg); }
  75% { transform: rotate(-6deg); }
}

@keyframes vm-look-around {
  0%, 100% { transform: translateX(0); }
  30% { transform: translateX(-5px); }
  65% { transform: translateX(6px); }
}

@keyframes vm-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

@keyframes vm-dot-pulse {
  0%, 100% { transform: scale(0.72); opacity: 0.42; }
  50% { transform: scale(1.12); opacity: 1; }
}

@keyframes vm-machine-hum {
  0%, 100% { transform: translate(0, 0); }
  25% { transform: translate(1px, -1px); }
  50% { transform: translate(-1px, 1px); }
  75% { transform: translate(1px, 1px); }
}

@keyframes vm-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes vm-learning-focus {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.008); }
}

@keyframes vm-focus-pupils {
  0%, 100% { transform: translate(0, 0); }
  50% { transform: translate(0, -4px); }
}

@keyframes vm-dash {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -40; }
}

@keyframes vm-data-rise {
  0%, 100% { transform: translateY(6px); opacity: 0.45; }
  50% { transform: translateY(-7px); opacity: 1; }
}

@keyframes vm-learning-card-bob {
  0%, 100% { transform: translateY(0) scale(1); opacity: 0.96; }
  50% { transform: translateY(-5px) scale(1.025); opacity: 1; }
}

@keyframes vm-learning-line-pulse {
  0%, 100% { opacity: 0.42; }
  50% { opacity: 1; }
}

@keyframes vm-learning-flow-dash {
  from { stroke-dashoffset: 0; opacity: 0.35; }
  to { stroke-dashoffset: -42; opacity: 0.95; }
}

@keyframes vm-learning-bit-pulse {
  0%, 100% { transform: scale(0.72); opacity: 0.36; }
  45% { transform: scale(1.16); opacity: 1; }
}

@keyframes vm-orb-color-cycle {
  0%, 100% { fill: #0B70BC; }
  33% { fill: #FF3654; }
  66% { fill: #0EA5E9; }
}

@keyframes vm-success-bounce {
  0% { transform: translateY(0) scale(1); }
  35% { transform: translateY(-12px) scale(1.035); }
  65% { transform: translateY(2px) scale(0.995); }
  100% { transform: translateY(0) scale(1); }
}

@keyframes vm-draw-check {
  from { stroke-dashoffset: 110; opacity: 0.2; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes vm-proud-check-wiggle {
  0%, 100% { transform: rotate(0deg) scale(1.08); }
  25% { transform: rotate(-4deg) scale(1.18); }
  50% { transform: rotate(3deg) scale(1.1); }
  75% { transform: rotate(-2deg) scale(1.16); }
}

@keyframes vm-pop {
  0% { transform: scale(0.4); opacity: 0; }
  55% { transform: scale(1.12); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes vm-look-up {
  0% { transform: translateY(0); }
  45%, 100% { transform: translateY(-5px); }
}

@keyframes vm-radar-pulse {
  0% { transform: scale(0.82); opacity: 0; }
  35% { opacity: 0.55; }
  100% { transform: scale(1.12); opacity: 0; }
}

@keyframes vm-radar-sweep {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes vm-scan {
  0%, 100% { transform: translateY(-24px); opacity: 0.18; }
  50% { transform: translateY(44px); opacity: 0.86; }
}

@keyframes vm-scan-pupils {
  0%, 100% { transform: translateX(-5px); }
  50% { transform: translateX(6px); }
}

@keyframes vm-droop {
  0%, 100% { transform: translateY(2px) rotate(0deg); }
  50% { transform: translateY(9px) rotate(-1deg); }
}

@keyframes vm-look-down {
  0%, 100% { transform: translateY(3px); }
  50% { transform: translateY(7px); }
}

@keyframes vm-tear-drop {
  0% { transform: translateY(-6px) scale(0.55); opacity: 0; }
  25% { opacity: 1; }
  100% { transform: translateY(28px) scale(1); opacity: 0; }
}

@keyframes vm-angry-shake {
  0%, 100% { transform: translateX(0) rotate(0deg); }
  25% { transform: translateX(-2px) rotate(-1deg); }
  75% { transform: translateX(2px) rotate(1deg); }
}

@keyframes vm-stress-pop {
  0%, 100% { transform: scale(0.88); opacity: 0.72; }
  50% { transform: scale(1.08); opacity: 1; }
}

@keyframes vm-angry-eye {
  0%, 100% { transform: scaleY(0.92); }
  50% { transform: scaleY(0.82); }
}

@keyframes vm-surprise-hop {
  0% { transform: translateY(0) scale(1); }
  35% { transform: translateY(-18px) scale(1.045); }
  70% { transform: translateY(3px) scale(0.99); }
  100% { transform: translateY(0) scale(1); }
}

@keyframes vm-eye-wide {
  0% { transform: scale(1); }
  40%, 100% { transform: scale(1.16); }
}

@keyframes vm-curious-tilt {
  0%, 100% { transform: rotate(0deg) translateY(0); }
  50% { transform: rotate(-4deg) translateY(-3px); }
}

@keyframes vm-curious-look {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(5px); }
}

@keyframes vm-question-float {
  0%, 100% { transform: translateY(0); opacity: 0.88; }
  50% { transform: translateY(-7px); opacity: 1; }
}

@keyframes vm-error-shake {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-8px); }
  40% { transform: translateX(7px); }
  60% { transform: translateX(-5px); }
  80% { transform: translateX(4px); }
}

@keyframes vm-warning-pulse {
  0%, 100% { transform: scale(1); opacity: 0.86; }
  50% { transform: scale(1.08); opacity: 1; }
}

@keyframes vm-warning-blink-large {
  0%, 100% { transform: scale(1.14); opacity: 1; }
  45% { transform: scale(1.22); opacity: 0.34; }
  70% { transform: scale(1.18); opacity: 1; }
}

@keyframes vm-unable-shrug {
  0%, 100% { transform: translateY(0) rotate(0); }
  40% { transform: translateY(4px) rotate(2deg); }
  70% { transform: translateY(2px) rotate(-1deg); }
}

@keyframes vm-look-side-soft {
  0%, 100% { transform: translateX(0); }
  45%, 80% { transform: translateX(-5px); }
}

/* Host boyut rezervasyonu: JS mount öncesi layout shift önleme */
.vovmi-mascot-host[data-size="xs"] { min-width: 3rem;  min-height: 3rem;  flex-shrink: 0; }
.vovmi-mascot-host[data-size="sm"] { min-width: 5rem;  min-height: 5rem;  flex-shrink: 0; }
.vovmi-mascot-host[data-size="md"] { min-width: 9rem;  min-height: 9rem;  flex-shrink: 0; }
.vovmi-mascot-host[data-size="lg"] { min-width: 14rem; min-height: 14rem; flex-shrink: 0; }
.vovmi-mascot-host[data-size="xl"] { min-width: 20rem; min-height: 20rem; flex-shrink: 0; }

/* Mobil: xs host'lar biraz küçültülebilir (360px genişlikte taşmayı önler) */
@media (max-width: 480px) {
  .vovmi-mascot-host[data-size="xs"] { min-width: 2.5rem; min-height: 2.5rem; }
}

/* ============================================================
   UI Expansion — Bileşen bazlı boyut overrride'ları
   ============================================================ */

/* --- Header chat butonu maskotu --- */
.vomi-header-chat-mascot.vovmi-mascot-host { min-width: 2.2rem !important; min-height: 2.2rem !important; }
.vomi-header-chat-mascot .vovmi-mascot { --vovmi-mascot-size: 2.2rem; }

/* --- Chat mesaj avatarı --- */
.vomi-msg-avatar--mascot {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.vomi-msg-avatar--mascot .vovmi-mascot-host { min-width: 2rem !important; min-height: 2rem !important; width: 2rem; height: 2rem; }
.vomi-msg-avatar--mascot .vovmi-mascot { --vovmi-mascot-size: 2rem; }

/* --- Dashboard greeting card --- */
.vomi-dashboard-greeting-card {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background: linear-gradient(to right, #f0f9ff, #eef2ff);
  border: 1px solid #bfdbfe;
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  margin-bottom: 0.5rem;
}
.vomi-dashboard-greeting-mascot { flex: 0 0 auto; }
.vomi-dashboard-greeting-body { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; flex: 1; }
.vomi-dashboard-greeting-text { font-size: 0.9375rem; color: #334155; font-weight: 500; margin: 0; }
.vomi-dashboard-greeting-actions { display: flex; justify-content: flex-end; }
.vomi-greeting-chat-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  background: #0ea5e9;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  padding: 0.35rem 0.85rem;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s;
}
.vomi-greeting-chat-btn:hover { background: #0284c7; }
@media (max-width: 480px) {
  .vomi-dashboard-greeting-card { flex-direction: column; text-align: center; }
  .vomi-dashboard-greeting-text { font-size: 0.875rem; }
  .vomi-dashboard-greeting-actions { justify-content: center; }
}

/* --- QA öneri maskotu (proud) --- */
.qa-suggestion-mascot.vovmi-mascot-host { min-width: 1.5rem !important; min-height: 1.5rem !important; }
.qa-suggestion-mascot .vovmi-mascot { --vovmi-mascot-size: 1.5rem; }

/* --- QA generate butonu maskotu --- */
#qaGenerateNowBtn .vovmi-mascot-host { min-width: 1.25rem !important; min-height: 1.25rem !important; }
#qaGenerateNowBtn .vovmi-mascot { --vovmi-mascot-size: 1.25rem; }

/* --- QA manuel hint maskotu (unable) --- */
.qa-manual-hint-mascot.vovmi-mascot-host { min-width: 1.5rem !important; min-height: 1.5rem !important; }
.qa-manual-hint-mascot .vovmi-mascot { --vovmi-mascot-size: 1.5rem; }