/* ======================================================================
   Online-Punkt + Konsole (kleines Terminal in der Farbwelt)
   ====================================================================== */
.avatar.is-online{position:relative}
.avatar.is-online::after{content:'';position:absolute;right:1px;bottom:1px;width:24%;height:24%;min-width:11px;min-height:11px;border-radius:50%;
  background:#2ecc71;border:2.5px solid var(--bg1);box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:onlinePulse 2.4s ease-out infinite}
@keyframes onlinePulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.55)}70%{box-shadow:0 0 0 7px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}

.console-card .pack-btn{width:100%}

#s-console.page{padding-bottom:calc(var(--nav-h) + 12px)}
.term{display:flex;flex-direction:column;height:calc(100dvh - var(--top-h) - var(--nav-h) - 110px);min-height:300px;border-radius:22px;overflow:hidden;
  font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;
  background:linear-gradient(170deg,color-mix(in srgb,var(--accent) 22%,#140a12),color-mix(in srgb,var(--accent) 10%,#0b060a));
  color:#f4e6ee;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 12px 30px rgba(var(--shadow),.25);
  user-select:text;-webkit-user-select:text}
.term-out{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px 6px;white-space:pre-wrap;word-break:break-word}
.tl{min-height:1.55em}
.tl.cmd{color:color-mix(in srgb,var(--accent2) 70%,#fff);margin-top:6px}
.tl.dim{color:rgba(244,230,238,.5)}
.tl.em{color:#fff;font-weight:700}
.tl.ok{color:#7cf0a8;font-weight:700}
.tl.err{color:#ff8fa6}
.term-in{display:flex;align-items:center;gap:0;padding:10px 14px calc(10px);border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}
.term-in span{color:color-mix(in srgb,var(--accent2) 70%,#fff);font-weight:700}
.term-in input{flex:1;min-width:0;border:none;outline:none;background:none;color:#fff;font:inherit;font-size:16px;caret-color:var(--accent2);padding:2px 0}