.op-alyx-panel{
  position:fixed;
  left:50%;
  bottom:28px;
  z-index:1250;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 32px;
  gap:12px;
  width:min(460px,calc(100vw - 28px));
  padding:14px;
  border:1px solid rgba(119,137,198,.84);
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 84% 16%,rgba(111,162,255,.12),transparent 24%),
    radial-gradient(circle at 18% 100%,rgba(61,96,185,.10),transparent 32%),
    linear-gradient(180deg,rgba(36,52,100,.97),rgba(12,20,43,.98)),
    var(--panel);
  box-shadow:
    0 18px 46px rgba(0,0,0,.46),
    0 0 28px rgba(87,126,255,.15);
  color:var(--text);
  transform:translateX(-50%);
}

.op-alyx-panel::before,
.op-alyx-panel::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
}

.op-alyx-panel::before{
  background:
    radial-gradient(circle at 11% 0%,rgba(111,162,255,.12),transparent 38%),
    linear-gradient(90deg,rgba(98,143,255,.08),transparent 42%);
}

.op-alyx-panel::after{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.op-alyx-panel[data-assistant="schnurri"],
.op-alyx-panel[data-assistant="locke"]{
  border-color:rgba(239,186,73,.72);
  background:
    radial-gradient(circle at 84% 16%,rgba(255,218,129,.14),transparent 22%),
    radial-gradient(circle at 18% 100%,rgba(255,182,66,.10),transparent 34%),
    linear-gradient(180deg,rgba(47,60,106,.96),rgba(12,20,43,.98));
  box-shadow:
    0 18px 46px rgba(0,0,0,.46),
    0 0 28px rgba(247,183,52,.12);
}
.op-alyx-panel[data-assistant="schnurri"]::before,
.op-alyx-panel[data-assistant="locke"]::before{
  background:
    radial-gradient(circle at 10% 0%,rgba(255,232,179,.10),transparent 36%),
    radial-gradient(circle at 77% 20%,rgba(255,224,148,.12) 0 4px,transparent 5px),
    radial-gradient(circle at 86% 24%,rgba(255,224,148,.10) 0 8px,transparent 9px),
    radial-gradient(circle at 90% 31%,rgba(255,224,148,.11) 0 12px,transparent 13px),
    radial-gradient(circle at 74% 37%,rgba(255,224,148,.10) 0 5px,transparent 6px),
    radial-gradient(circle at 84% 44%,rgba(255,224,148,.11) 0 9px,transparent 10px),
    radial-gradient(circle at 80% 55%,rgba(255,224,148,.10) 0 14px,transparent 15px),
    radial-gradient(circle at 90% 64%,rgba(255,224,148,.09) 0 6px,transparent 7px),
    radial-gradient(circle at 72% 70%,rgba(255,224,148,.08) 0 8px,transparent 9px),
    radial-gradient(circle at 14% 18%,rgba(255,193,77,.12),transparent 24%),
    linear-gradient(180deg,rgba(255,216,121,.05),transparent 34%);
}
.op-alyx-panel[data-assistant="schnurri"]::after,
.op-alyx-panel[data-assistant="locke"]::after{
  background:
    /* kompakte Schaumkrone: kleinere, überlappende, warm-cremige Blasen */
    radial-gradient(circle at 1% 1%,rgba(232,221,190,.58) 0 4px,rgba(211,188,135,.18) 5px,transparent 7px),
    radial-gradient(circle at 6% 3%,rgba(226,214,181,.52) 0 3px,transparent 5px),
    radial-gradient(circle at 11% 1%,rgba(235,224,194,.58) 0 5px,transparent 7px),
    radial-gradient(circle at 16% 3%,rgba(224,211,176,.50) 0 3px,transparent 5px),
    radial-gradient(circle at 21% 1%,rgba(235,223,192,.58) 0 4px,transparent 6px),
    radial-gradient(circle at 26% 3%,rgba(229,217,184,.52) 0 5px,transparent 7px),
    radial-gradient(circle at 31% 1%,rgba(236,225,195,.59) 0 3px,transparent 5px),
    radial-gradient(circle at 36% 3%,rgba(224,211,176,.50) 0 4px,transparent 6px),
    radial-gradient(circle at 41% 1%,rgba(235,223,192,.58) 0 5px,transparent 7px),
    radial-gradient(circle at 46% 3%,rgba(228,216,183,.52) 0 3px,transparent 5px),
    radial-gradient(circle at 51% 1%,rgba(236,225,195,.59) 0 4px,transparent 6px),
    radial-gradient(circle at 56% 3%,rgba(224,211,176,.50) 0 5px,transparent 7px),
    radial-gradient(circle at 61% 1%,rgba(235,223,192,.58) 0 3px,transparent 5px),
    radial-gradient(circle at 66% 3%,rgba(229,217,184,.52) 0 4px,transparent 6px),
    radial-gradient(circle at 71% 1%,rgba(236,225,195,.59) 0 5px,transparent 7px),
    radial-gradient(circle at 76% 3%,rgba(224,211,176,.50) 0 3px,transparent 5px),
    radial-gradient(circle at 81% 1%,rgba(235,223,192,.58) 0 4px,transparent 6px),
    radial-gradient(circle at 86% 3%,rgba(229,217,184,.52) 0 5px,transparent 7px),
    radial-gradient(circle at 91% 1%,rgba(236,225,195,.59) 0 3px,transparent 5px),
    radial-gradient(circle at 96% 3%,rgba(224,211,176,.50) 0 4px,transparent 6px),
    radial-gradient(circle at 100% 1%,rgba(235,223,192,.56) 0 5px,transparent 7px),

    radial-gradient(circle at 4% 8%,rgba(221,207,171,.36) 0 2px,transparent 3px),
    radial-gradient(circle at 9% 10%,rgba(230,218,187,.40) 0 3px,transparent 4px),
    radial-gradient(circle at 14% 8%,rgba(218,204,169,.34) 0 2px,transparent 3px),
    radial-gradient(circle at 19% 10%,rgba(229,217,184,.38) 0 3px,transparent 4px),
    radial-gradient(circle at 24% 8%,rgba(221,207,171,.36) 0 2px,transparent 3px),
    radial-gradient(circle at 29% 10%,rgba(230,218,187,.40) 0 3px,transparent 4px),
    radial-gradient(circle at 34% 8%,rgba(218,204,169,.34) 0 2px,transparent 3px),
    radial-gradient(circle at 39% 10%,rgba(229,217,184,.38) 0 3px,transparent 4px),
    radial-gradient(circle at 44% 8%,rgba(221,207,171,.36) 0 2px,transparent 3px),
    radial-gradient(circle at 49% 10%,rgba(230,218,187,.40) 0 3px,transparent 4px),
    radial-gradient(circle at 54% 8%,rgba(218,204,169,.34) 0 2px,transparent 3px),
    radial-gradient(circle at 59% 10%,rgba(229,217,184,.38) 0 3px,transparent 4px),
    radial-gradient(circle at 64% 8%,rgba(221,207,171,.36) 0 2px,transparent 3px),
    radial-gradient(circle at 69% 10%,rgba(230,218,187,.40) 0 3px,transparent 4px),
    radial-gradient(circle at 74% 8%,rgba(218,204,169,.34) 0 2px,transparent 3px),
    radial-gradient(circle at 79% 10%,rgba(229,217,184,.38) 0 3px,transparent 4px),
    radial-gradient(circle at 84% 8%,rgba(221,207,171,.36) 0 2px,transparent 3px),
    radial-gradient(circle at 89% 10%,rgba(230,218,187,.40) 0 3px,transparent 4px),
    radial-gradient(circle at 94% 8%,rgba(218,204,169,.34) 0 2px,transparent 3px),
    radial-gradient(circle at 99% 10%,rgba(229,217,184,.38) 0 3px,transparent 4px),
    linear-gradient(180deg,rgba(219,198,148,.14) 0%,rgba(197,160,87,.06) 14%,transparent 30%);
  opacity:.84;
}

.op-alyx-panel[data-assistant="nova84"]{
  border-color:rgba(214,116,255,.70);
  background:
    radial-gradient(circle at 84% 16%,rgba(111,233,255,.14),transparent 22%),
    radial-gradient(circle at 18% 100%,rgba(255,106,212,.10),transparent 34%),
    linear-gradient(180deg,rgba(53,29,91,.96),rgba(11,18,42,.98));
  box-shadow:
    0 18px 46px rgba(0,0,0,.46),
    0 0 28px rgba(111,233,255,.12);
}
.op-alyx-panel[data-assistant="nova84"]::before{
  background:
    radial-gradient(circle at 14% 18%,rgba(255,111,214,.14),transparent 22%),
    radial-gradient(circle at 84% 18%,rgba(111,233,255,.14),transparent 24%),
    linear-gradient(135deg,rgba(255,111,214,.08),transparent 42%),
    linear-gradient(90deg,rgba(111,233,255,.08),transparent 54%);
}
.op-alyx-panel[data-assistant="nova84"]::after{
  box-shadow:inset 0 0 0 1px rgba(208,137,255,.14);
}

/* Rainbow Nova wird über das Admin-Preset gesetzt und ist nicht an JULICORN fest verdrahtet. */
@keyframes op-alyx-rainbow-flow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
.op-alyx-panel[data-theme="rainbow"]{
  border:2px solid rgba(255,255,255,.88);
  background:
    linear-gradient(90deg,rgba(7,9,35,.52),rgba(7,9,35,.18) 55%,rgba(7,9,35,.46)),
    linear-gradient(115deg,#ff174d 0%,#ff7b00 14%,#ffe600 28%,#36ec62 43%,#00d8ff 58%,#3d5cff 72%,#9b37ff 86%,#ff35bd 100%);
  background-size:100% 100%,300% 300%;
  animation:op-alyx-rainbow-flow 8s ease-in-out infinite;
  box-shadow:-6px 0 22px rgba(255,40,94,.25),0 -6px 22px rgba(255,223,49,.20),6px 0 22px rgba(38,224,255,.24),0 6px 22px rgba(167,58,255,.27),0 18px 46px rgba(0,0,0,.46);
}
.op-alyx-panel[data-theme="rainbow"]::before{
  background:radial-gradient(circle at 13% 16%,rgba(255,255,255,.92) 0 2px,transparent 3px),radial-gradient(circle at 84% 22%,rgba(255,255,255,.78) 0 1px,transparent 2px),radial-gradient(circle at 72% 77%,rgba(255,255,255,.84) 0 2px,transparent 3px),linear-gradient(160deg,rgba(255,255,255,.14),transparent 38%,rgba(5,7,28,.34));
}
.op-alyx-panel[data-theme="rainbow"]::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.op-alyx-panel[data-theme="rainbow"] .op-alyx-avatar-slot{border-color:#fff;background:rgba(8,10,38,.72);box-shadow:0 0 0 2px rgba(255,52,180,.66),0 0 0 4px rgba(0,222,255,.48),0 0 20px rgba(255,255,255,.38)}
.op-alyx-panel[data-theme="rainbow"] .op-alyx-name,.op-alyx-panel[data-theme="rainbow"] .op-alyx-message-title,.op-alyx-panel[data-theme="rainbow"] .op-alyx-message-text{color:#fff;text-shadow:0 2px 6px rgba(3,4,24,.92)}
.op-alyx-panel[data-theme="rainbow"] .op-alyx-role,.op-alyx-panel[data-theme="rainbow"] .op-alyx-preview-badge{border-color:rgba(255,255,255,.76);background:rgba(7,9,35,.68);color:#fff;text-shadow:0 1px 5px #000}
.op-alyx-panel[data-theme="rainbow"] .op-alyx-action,.op-alyx-panel[data-theme="rainbow"] .op-alyx-settings-link{border-color:#fff;background:linear-gradient(90deg,rgba(255,32,88,.88),rgba(255,139,0,.88),rgba(37,218,102,.88),rgba(0,207,255,.88),rgba(100,85,255,.88),rgba(230,61,211,.88));background-size:220% 100%;color:#fff;text-shadow:0 1px 5px #000;animation:op-alyx-rainbow-flow 6s linear infinite}
@media(prefers-reduced-motion:reduce){.op-alyx-panel[data-theme="rainbow"],.op-alyx-panel[data-theme="rainbow"] .op-alyx-action,.op-alyx-panel[data-theme="rainbow"] .op-alyx-settings-link{animation:none}}

.op-alyx-avatar-slot{
  position:relative;
  z-index:1;
  width:58px;
  height:58px;
  overflow:hidden;
  border:1px solid rgba(124,161,255,.48);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(31,62,130,.82),rgba(14,28,63,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 18px rgba(91,136,255,.13);
}
.op-alyx-panel[data-assistant="schnurri"] .op-alyx-avatar-slot,
.op-alyx-panel[data-assistant="locke"] .op-alyx-avatar-slot{
  border-color:rgba(243,183,59,.52);
  background:linear-gradient(180deg,rgba(52,45,30,.90),rgba(19,26,53,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(243,183,59,.12);
}
.op-alyx-panel[data-assistant="nova84"] .op-alyx-avatar-slot{
  border-color:rgba(111,233,255,.46);
  background:linear-gradient(180deg,rgba(66,24,122,.90),rgba(16,24,54,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(111,233,255,.12);
}

.op-alyx-avatar,
.op-alyx-avatar-fallback{
  display:flex;
  width:100%;
  height:100%;
}
.op-alyx-avatar{object-fit:cover;object-position:center}
.op-alyx-avatar-fallback{
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 28% 22%,rgba(122,161,255,.24),transparent 22%),
    linear-gradient(180deg,rgba(31,62,130,.90),rgba(14,28,63,.96));
  color:#eef4ff;
  font-size:20px;
  font-weight:950;
  letter-spacing:.08em;
}
.op-alyx-panel[data-assistant="schnurri"] .op-alyx-avatar-fallback,
.op-alyx-panel[data-assistant="locke"] .op-alyx-avatar-fallback{
  background:
    radial-gradient(circle at 28% 22%,rgba(255,213,111,.24),transparent 20%),
    linear-gradient(180deg,rgba(92,66,16,.88),rgba(18,28,58,.96));
  color:#fff2cc;
}
.op-alyx-panel[data-assistant="nova84"] .op-alyx-avatar-fallback{
  background:
    radial-gradient(circle at 28% 22%,rgba(255,111,214,.26),transparent 20%),
    linear-gradient(180deg,rgba(68,24,122,.92),rgba(10,16,35,.98));
  color:#f8edff;
}

.op-alyx-content{position:relative;z-index:1;min-width:0}
.op-alyx-ident{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.op-alyx-name{color:#f3f7ff;font-size:12px;font-weight:950;letter-spacing:.12em}
.op-alyx-role{padding:3px 7px;border:1px solid rgba(108,151,255,.28);border-radius:999px;background:rgba(54,91,185,.16);color:#dbe6ff;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.op-alyx-panel[data-assistant="schnurri"] .op-alyx-role,
.op-alyx-panel[data-assistant="locke"] .op-alyx-role{border-color:rgba(184,154,83,.34);background:rgba(136,92,19,.17);color:#f4dfaa}
.op-alyx-panel[data-assistant="nova84"] .op-alyx-role{border-color:rgba(214,116,255,.34);background:rgba(94,40,143,.18);color:#f1d9ff}

.op-alyx-preview-badge{padding:3px 7px;border:1px dashed rgba(255,255,255,.26);border-radius:999px;color:#cdd7f4;font-size:9px;font-weight:900;letter-spacing:.08em}
.op-alyx-panel[data-assistant="schnurri"] .op-alyx-preview-badge,
.op-alyx-panel[data-assistant="locke"] .op-alyx-preview-badge{border-color:rgba(255,221,149,.36);color:#ffeab8}
.op-alyx-panel[data-assistant="nova84"] .op-alyx-preview-badge{border-color:rgba(111,233,255,.34);color:#dffbff}

.op-alyx-message-title{margin:0 0 5px;color:#fff;font-size:15px;font-weight:950;line-height:1.25}
.op-alyx-message-text{margin:0;color:#d3dbf0;font-size:12px;line-height:1.5}

.op-alyx-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.op-alyx-action,
.op-alyx-settings-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:9px;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
}
.op-alyx-action{border:1px solid rgba(108,151,255,.50);background:rgba(54,91,185,.28);color:#eef4ff}
.op-alyx-settings-link{border:1px solid rgba(141,157,197,.20);background:rgba(255,255,255,.04);color:#d3dbf0}
.op-alyx-panel[data-assistant="schnurri"] .op-alyx-action,
.op-alyx-panel[data-assistant="locke"] .op-alyx-action{border-color:rgba(255,204,103,.62);background:rgba(145,95,11,.34);color:#fff4d0}
.op-alyx-panel[data-assistant="schnurri"] .op-alyx-settings-link,
.op-alyx-panel[data-assistant="locke"] .op-alyx-settings-link{border-color:rgba(255,215,131,.28);background:rgba(112,83,24,.14);color:#f4e5b8}
.op-alyx-panel[data-assistant="nova84"] .op-alyx-action{border-color:rgba(111,233,255,.54);background:rgba(47,103,141,.24);color:#edfaff}
.op-alyx-panel[data-assistant="nova84"] .op-alyx-settings-link{border-color:rgba(214,116,255,.28);background:rgba(94,40,143,.14);color:#f1d9ff}
.op-alyx-action.is-static,
.op-alyx-settings-link.is-static{cursor:default}
.op-alyx-action:hover,
.op-alyx-settings-link:hover{filter:brightness(1.08);text-decoration:none}

.op-alyx-close{position:relative;z-index:1;width:30px;height:30px;padding:0;border:1px solid rgba(141,157,197,.20);border-radius:9px;background:rgba(255,255,255,.04);color:#a9b7d5;font-size:17px;font-weight:900;cursor:pointer}
.op-alyx-close:hover{background:rgba(255,255,255,.08);color:#fff}

.op-alyx-settings-card{grid-column:1 / -1;scroll-margin-top:16px}
.op-alyx-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.op-alyx-settings-kicker{margin-bottom:5px;color:#d6bd7d;font-size:10px;font-weight:950;letter-spacing:.14em}
.op-alyx-settings-status{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:950}
.op-alyx-settings-status.is-active{border:1px solid rgba(73,255,155,.28);background:rgba(18,92,59,.20);color:#9fffc9}

@media(max-width:640px){
  .op-alyx-panel{bottom:18px;grid-template-columns:52px minmax(0,1fr) 28px;gap:10px;width:min(460px,calc(100vw - 18px));padding:12px}
  .op-alyx-avatar-slot{width:52px;height:52px;border-radius:12px}
  .op-alyx-message-title{font-size:14px}
}