/* AIOMIX LiveBot 1.1.1: ten transparent cutout mascots, no background cards. */
.aiomix-livebot[data-aiomix-theme] .aiomix-panel{border-color:var(--aiomix-soft);box-shadow:0 20px 70px rgba(24,41,55,.19),0 0 0 1px var(--aiomix-soft)}
.aiomix-livebot[data-aiomix-theme] .aiomix-panel-head{background:linear-gradient(120deg,var(--aiomix-surface),var(--aiomix-soft));border-bottom-color:var(--aiomix-soft)}
.aiomix-livebot[data-aiomix-theme] .aiomix-head-text strong{color:var(--aiomix-deep)}
.aiomix-livebot[data-aiomix-theme] .aiomix-messages{background:linear-gradient(180deg,#fff 10%,var(--aiomix-surface) 110%)}
.aiomix-livebot[data-aiomix-theme] .aiomix-message-row.is-bot .aiomix-message{background:var(--aiomix-surface);color:var(--aiomix-deep)}
.aiomix-livebot[data-aiomix-theme] .aiomix-message-mark{background:var(--aiomix-soft);color:var(--aiomix-deep)}
.aiomix-livebot[data-aiomix-theme] .aiomix-mascot-halo{background:var(--aiomix-glow);opacity:.30}
.aiomix-livebot[data-aiomix-theme] .aiomix-intro-label{background:linear-gradient(130deg,var(--aiomix-deep),#151d27)!important;border-color:var(--aiomix-glow)!important}
.aiomix-livebot[data-aiomix-theme] .aiomix-head-avatar{background:transparent;overflow:visible;border-radius:0;box-shadow:none}
.aiomix-livebot[data-aiomix-theme] .aiomix-online-dot{background:var(--aiomix-accent);box-shadow:0 0 0 3px var(--aiomix-soft)}
/* All industry sprites have transparent alpha; never clip them into square thumbnails in the actual widget. */
.aiomix-livebot[data-aiomix-theme]:not([data-aiomix-theme="aio"]) .aiomix-head-avatar img{width:62px;max-width:62px;height:62px;object-fit:contain;animation:aiomix-hover 3s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.12))}
.aiomix-livebot[data-aiomix-theme]:not([data-aiomix-theme="aio"]) .aiomix-mascot{border-radius:0;object-fit:contain;box-shadow:none!important;filter:drop-shadow(0 11px 12px rgba(15,38,36,.23));}
.aiomix-livebot[data-aiomix-theme]:not([data-aiomix-theme="aio"]) .aiomix-toggle:hover .aiomix-mascot{box-shadow:none!important;filter:drop-shadow(0 13px 16px rgba(0,0,0,.25)) drop-shadow(0 0 7px var(--aiomix-glow));}
.aiomix-livebot .aiomix-theme-leds{position:absolute;left:23%;bottom:-5px;display:flex;justify-content:center;align-items:center;gap:5px;width:55%;height:7px;pointer-events:none}
.aiomix-livebot .aiomix-theme-leds i{height:5px;width:23%;background:var(--aiomix-glow);box-shadow:0 0 8px var(--aiomix-glow);border-radius:20px;opacity:.65}
.aiomix-livebot .aiomix-theme-leds i:nth-child(2){height:7px;width:34%}
.aiomix-livebot.aiomix-speaking:not(.aiomix-no-animation) .aiomix-theme-leds i{animation:aiomix-led-pulse 1s infinite alternate}
.aiomix-livebot.aiomix-speaking:not(.aiomix-no-animation) .aiomix-theme-leds i:nth-child(2){animation-delay:.2s}
.aiomix-livebot.aiomix-speaking:not(.aiomix-no-animation) .aiomix-theme-leds i:nth-child(3){animation-delay:.4s}
@keyframes aiomix-led-pulse{from{opacity:.4;transform:scaleX(.85)}to{opacity:1;transform:scaleX(1.15);box-shadow:0 0 15px var(--aiomix-glow)}}
.aiomix-livebot.aiomix-is-open .aiomix-theme-leds{visibility:hidden}
.aiomix-livebot.aiomix-no-animation .aiomix-theme-leds i{animation:none!important}
@media(prefers-reduced-motion:reduce){.aiomix-livebot .aiomix-theme-leds i{animation:none!important}}
/* Theme typography, shape and accents vary beyond mere palette swaps. */
.aiomix-livebot[data-aiomix-theme="bella"] .aiomix-panel,.aiomix-livebot[data-aiomix-theme="babelek"] .aiomix-panel{border-radius:30px}
.aiomix-livebot[data-aiomix-theme="turbo"] .aiomix-panel,.aiomix-livebot[data-aiomix-theme="powerbot"] .aiomix-panel{border-radius:17px}
.aiomix-livebot[data-aiomix-theme="concierge"] .aiomix-panel{border-radius:15px 15px 27px 27px}
.aiomix-livebot[data-aiomix-theme="bella"] .aiomix-message,.aiomix-livebot[data-aiomix-theme="babelek"] .aiomix-message{border-radius:19px 19px 19px 7px}
.aiomix-livebot[data-aiomix-theme="turbo"] .aiomix-message,.aiomix-livebot[data-aiomix-theme="powerbot"] .aiomix-message{border-radius:10px}
/* Silhouettes are transparent; no category should add a rectangular/rounded background. */
/* Personality-specific idle motion. Existing global animation switch and reduced-motion override win. */
.aiomix-livebot[data-aiomix-theme="ganjabot"]:not(.aiomix-no-animation) .aiomix-mascot{animation:aiomix-theme-sway 4.1s ease-in-out infinite}
.aiomix-livebot[data-aiomix-theme="bella"]:not(.aiomix-no-animation) .aiomix-mascot{animation:aiomix-theme-grace 4.8s ease-in-out infinite}
.aiomix-livebot[data-aiomix-theme="turbo"]:not(.aiomix-no-animation) .aiomix-mascot{animation:aiomix-theme-turbo 3.8s ease-in-out infinite}
.aiomix-livebot[data-aiomix-theme="babelek"]:not(.aiomix-no-animation) .aiomix-mascot{animation:aiomix-theme-bounce 3s ease-in-out infinite}
.aiomix-livebot[data-aiomix-theme="medi"]:not(.aiomix-no-animation) .aiomix-mascot{animation:aiomix-theme-calm 5.2s ease-in-out infinite}
.aiomix-livebot[data-aiomix-theme="concierge"]:not(.aiomix-no-animation) .aiomix-mascot{animation:aiomix-theme-bow 5.3s ease-in-out infinite}
.aiomix-livebot[data-aiomix-theme="chefino"]:not(.aiomix-no-animation) .aiomix-mascot{animation:aiomix-theme-sway 3.6s ease-in-out infinite}
.aiomix-livebot[data-aiomix-theme="powerbot"]:not(.aiomix-no-animation) .aiomix-mascot{animation:aiomix-theme-power 3.2s ease-in-out infinite}
.aiomix-livebot[data-aiomix-theme="lapek"]:not(.aiomix-no-animation) .aiomix-mascot{animation:aiomix-theme-bounce 3.7s ease-in-out infinite}
@keyframes aiomix-theme-sway{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2.5deg)}}
@keyframes aiomix-theme-grace{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1.2deg)}}
@keyframes aiomix-theme-turbo{0%,100%{transform:translateY(0) rotate(0)}48%{transform:translateY(-4px) rotate(-1deg)}52%{transform:translateY(-4px) rotate(1deg)}}
@keyframes aiomix-theme-bounce{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-9px) scale(1.02)}50%{transform:translateY(-8px) scale(.99)}}
@keyframes aiomix-theme-calm{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes aiomix-theme-bow{0%,100%{transform:translateY(0) rotate(0)}48%,55%{transform:translateY(2px) rotate(3deg)}}
@keyframes aiomix-theme-power{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.025)}}
.aiomix-livebot.aiomix-react:not(.aiomix-no-animation) .aiomix-mascot{animation:aiomix-greet .65s ease-in-out}
@media(prefers-reduced-motion:reduce){.aiomix-livebot[data-aiomix-theme] .aiomix-mascot{animation:none!important}}