/* Static avatar adapted from CentralOS operations-sidebar.css; no desktop controller or live status. */
.otto-avatar .robot-shadow{ position: absolute; left: 27px; bottom: 1px; width: 58px; height: 9px; border-radius: 50%; background: rgba(34,59,88,.28); filter: blur(5px);  }
.otto-avatar .robot-antenna{ position: absolute; z-index: 1; top: 1px; left: 53px; width: 6px; height: 16px; border: 1px solid rgba(111,126,151,.35); border-radius: 5px; background: linear-gradient(90deg,var(--otto-primary),#d7ddeb,var(--otto-primary)); transform-origin: 50% 100%;  }
.otto-avatar .robot-body{ position: absolute; z-index: 2; left: 19px; top: 12px; width: 74px; height: 82px; border: 1px solid #bac7d7; border-radius: 49% 49% 45% 45%; background: radial-gradient(circle at 29% 18%,#fff 0 13%,transparent 36%), linear-gradient(145deg,#fff 3%,#edf1f7 43%,#c7d2e1 100%); box-shadow: 0 10px 20px rgba(30,54,85,.29), inset -6px -7px 10px rgba(92,112,145,.18), inset 5px 5px 9px rgba(255,255,255,.94);  }
.otto-avatar .robot-body::before{ content:""; position:absolute; inset:4px; border:1px solid rgba(116,133,159,.22); border-radius:50%; box-shadow: inset 0 0 0 2px rgba(255,255,255,.36); pointer-events:none; }
.otto-avatar .robot-body::after{ content:""; position:absolute; left:7px; top:9px; width:19px; height:7px; border-top:1px solid rgba(255,255,255,.9); border-radius:50%; transform:rotate(-28deg); pointer-events:none; }
.otto-avatar .robot-cap{ position: absolute; z-index: 3; top: -5px; left: 25px; width: 24px; height: 9px; border: 1px solid color-mix(in srgb,var(--otto-primary) 65%,#aeb9c8); border-radius: 50% 50% 6px 6px; background: linear-gradient(90deg,var(--otto-primary),color-mix(in srgb,var(--otto-primary) 35%,white) 48%,var(--otto-primary)); box-shadow: inset 0 1px 2px rgba(255,255,255,.72), 0 2px 3px color-mix(in srgb,var(--otto-primary) 30%,transparent); }
.otto-avatar .robot-fin{ position: absolute; z-index: 1; top: 42px; width: 24px; height: 32px; border: 1px solid #95a5ba; background: linear-gradient(145deg,#edf2f8,#8292aa); box-shadow: 0 5px 10px rgba(34,52,80,.22), inset 0 1px 1px rgba(255,255,255,.72); }
.otto-avatar .robot-fin.left{ left: 6px; border-radius: 15px 3px 14px 7px; transform: rotate(-24deg); }
.otto-avatar .robot-fin.right{ right: 6px; border-radius: 3px 15px 7px 14px; transform: rotate(24deg); }
.otto-avatar .robot-fin span{ position: absolute; left: 7px; bottom: 4px; width: 7px; height: 13px; border-radius: 6px; background: linear-gradient(color-mix(in srgb,var(--otto-secondary) 55%,white),var(--otto-secondary)); box-shadow: 0 0 6px color-mix(in srgb,var(--otto-secondary) 62%,transparent); }
.otto-avatar .robot-fin.right span{ left: auto; right: 7px; }
.otto-avatar .robot-visor{ position: absolute; z-index: 4; top: 18px; left: 6px; width: 62px; height: 35px; display: grid; grid-template-columns: 16px 1fr; align-items: center; gap: 5px; padding: 0 7px; overflow: hidden; border: 2px solid #8999ae; border-radius: 12px; background: repeating-linear-gradient(0deg,color-mix(in srgb,var(--otto-secondary) 5%,transparent) 0 1px,transparent 1px 4px), linear-gradient(145deg,color-mix(in srgb,var(--otto-primary) 42%,#102d40),#061724 70%); box-shadow: 0 0 0 2px color-mix(in srgb,var(--otto-primary) 58%,transparent), inset 0 0 11px color-mix(in srgb,var(--otto-secondary) 42%,transparent), 0 4px 8px rgba(30,45,75,.3); }
.otto-avatar .robot-visor::before{ content:""; position:absolute; z-index:0; top:3px; bottom:3px; left:-12px; width:9px; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--otto-secondary) 30%,transparent),transparent); transform:skewX(-12deg);  pointer-events:none; }
.otto-avatar .robot-visor::after{ content:""; position:absolute; inset:3px; border:1px solid rgba(111,220,255,.19); border-radius:8px; pointer-events:none; }
.otto-avatar .robot-bolt{ position:absolute; z-index:5; top:42px; width:3px; height:3px; border-radius:50%; background:#8191a5; box-shadow:inset 0 1px 1px rgba(255,255,255,.8); }
.otto-avatar .robot-bolt.left{ left:5px; }
.otto-avatar .robot-bolt.right{ right:5px; }
.otto-avatar .robot-shell-line{ position:absolute; z-index:3; left:24px; width:26px; height:1px; background:linear-gradient(90deg,transparent,#9baabd,transparent); opacity:.7; }
.otto-avatar .robot-shell-line.top{ top:8px; }
.otto-avatar .robot-shell-line.bottom{ bottom:9px; }
.otto-avatar .robot-console{ position: absolute; z-index: 4; left: 23px; bottom: 5px; width: 28px; height: 8px; display: flex; align-items: center; justify-content: space-around; padding: 1px 3px; border:1px solid #75879c; border-radius: 5px; background: #162d41; box-shadow: inset 0 0 5px rgba(68,198,255,.3), 0 1px 2px rgba(28,45,61,.28); }
.otto-avatar .robot-console i{ width: 3px; height: 3px; border-radius: 50%; background: var(--otto-secondary); box-shadow: 0 0 4px var(--otto-secondary); }
.otto-avatar .robot-console img{ width: 7px; height: 7px; object-fit: contain; }

.otto-status{display:flex;align-items:center;gap:12px;background:#f3f3ff;border:1px solid #e2dff1;border-radius:10px;padding:12px 14px;margin:-6px 0 22px;--otto-primary:#312e81;--otto-secondary:#22d3ee}
.otto-status[hidden],.subtitle[hidden]{display:none}
.otto-avatar-frame{width:56px;height:54px;flex:0 0 56px;position:relative}
.otto-avatar{position:absolute;left:0;top:0;width:112px;height:108px;transform:scale(var(--otto-avatar-scale,.5));transform-origin:top left;pointer-events:none}
.otto-avatar .robot-visor{display:flex;justify-content:center;gap:10px}
.otto-avatar .otto-eye{width:7px;height:11px;background:#9af2ff;border-radius:4px;box-shadow:0 0 6px #22d3ee66}
.otto-status-copy{min-width:0}.otto-status-copy strong{font-size:.6875rem;letter-spacing:.1em;color:#51478b}.otto-status-copy p{font-size:.8125rem;line-height:1.5;color:#6d657e;margin:4px 0 0}
.otto-status{--otto-light:#93909f}.otto-status[data-status="offline"]{--otto-light:#c33f50}.otto-status[data-status="pending"]{--otto-light:#b77914}.otto-status[data-status="connected"]{--otto-light:#21814c}.otto-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.otto-connection{display:inline-flex;gap:5px;align-items:center;font-size:.625rem;color:#777080;line-height:1.5}.otto-connection>i{display:block;width:6px;height:6px;border-radius:50%;background:var(--otto-light);flex-shrink:0}.otto-avatar .otto-antenna-light{position:absolute;top:-6px;left:-4px;width:12px;height:12px;background:var(--otto-light);border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #77708014}.otto-avatar{animation:otto-hover 4.8s ease-in-out infinite}.otto-avatar .otto-eye{transform-origin:center;animation:otto-blink 6.4s ease-in-out infinite}.otto-avatar .robot-shadow{animation:otto-shadow 4.8s ease-in-out infinite}
@keyframes otto-hover{0%,100%{transform:translateY(1px) scale(var(--otto-avatar-scale,.5))}50%{transform:translateY(-2px) scale(var(--otto-avatar-scale,.5))}}
@keyframes otto-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.1)}}
@keyframes otto-shadow{0%,100%{opacity:.8}50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.otto-avatar,.otto-avatar .otto-eye,.otto-avatar .robot-shadow{animation:none!important}}
.otto-status{padding:7px 12px;margin:0 0 12px;gap:10px}