/* SmartChat WP v4.0 – Voith Edition */
#scw-root,#scw-root *{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
#scw-root{overflow:visible;max-width:calc(100vw - 20px);}

/* Panel */
#scw-panel{
  width:340px;max-width:calc(100vw - 24px);
  background:rgba(8,24,43,.97);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(237,112,41,.18);
  border-radius:20px;
  box-shadow:0 24px 64px rgba(0,0,0,.55),0 0 0 1px rgba(237,112,41,.08);
  overflow:hidden;margin-bottom:14px;
  transform-origin:bottom right;
  transform:scale(.88) translateY(18px);
  opacity:0;pointer-events:none;
  transition:transform .35s cubic-bezier(.34,1.4,.64,1),opacity .22s ease;
}
#scw-panel.open{transform:scale(1) translateY(0);opacity:1;pointer-events:all;}
#scw-panel.pos-left{transform-origin:bottom left;}

/* Header */
#scw-hdr{
  padding:18px 20px 14px;
  background:linear-gradient(135deg,rgba(237,112,41,.16),rgba(237,112,41,.03));
  border-bottom:1px solid rgba(237,112,41,.15);
}
.scw-hd-top{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.scw-hd-av{
  width:44px;height:44px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--scw-c,#ED7029),var(--scw-d,#c45a1a));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 3px rgba(237,112,41,.25),0 4px 12px rgba(237,112,41,.3);
}
.scw-hd-av svg{width:22px;height:22px;}
.scw-hd-name{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.2px;}
.scw-hd-on{font-size:11px;color:#fb923c;display:flex;align-items:center;gap:4px;margin-top:3px;}
.scw-hd-on::before{content:'';width:6px;height:6px;border-radius:50%;background:#fb923c;box-shadow:0 0 6px #fb923c;animation:scwg 2s infinite;}
@keyframes scwg{0%,100%{opacity:1}50%{opacity:.3}}
.scw-hd-sub{font-size:12px;color:rgba(255,255,255,.5);line-height:1.5;}
.scw-hd-sub strong{color:rgba(255,255,255,.8);}

/* DSGVO Banner */
#scw-dsgvo{
  margin:12px 14px;
  background:rgba(237,112,41,.09);
  border:1px solid rgba(237,112,41,.22);
  border-radius:10px;padding:12px 13px;
  font-size:12px;color:rgba(255,255,255,.55);line-height:1.5;
  transition:max-height .4s ease,opacity .3s,margin .3s,padding .3s;
  overflow:hidden;max-height:300px;
}
#scw-dsgvo.hide{max-height:0!important;opacity:0;margin:0 14px;padding:0 14px;pointer-events:none;border-width:0;}
.scw-dg-t{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(237,112,41,.95);margin-bottom:5px;}
#scw-dsgvo a{color:rgba(237,112,41,.85);}
.scw-dg-btns{display:flex;gap:7px;margin-top:10px;}
.scw-dg-ok{flex:1;background:rgba(237,112,41,.16);border:1px solid rgba(237,112,41,.32);color:#fb923c;border-radius:7px;padding:7px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s;}
.scw-dg-ok:hover{background:rgba(237,112,41,.28);}
.scw-dg-no{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.4);border-radius:7px;padding:7px 11px;font-size:12px;cursor:pointer;font-family:inherit;}

/* Kanäle */
.scw-chs{padding:10px 12px 8px;display:flex;flex-direction:column;gap:7px;}
.scw-ch{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;text-decoration:none;cursor:pointer;
  position:relative;overflow:hidden;
  opacity:0;transform:translateX(20px);
  transition:border-color .2s,box-shadow .2s,transform .24s cubic-bezier(.34,1.2,.64,1),opacity .2s,background .2s;
}
#scw-panel.open .scw-ch{opacity:1;transform:translateX(0);}
#scw-panel.open .scw-ch:nth-child(1){transition-delay:.06s;}
#scw-panel.open .scw-ch:nth-child(2){transition-delay:.12s;}
#scw-panel.open .scw-ch:nth-child(3){transition-delay:.18s;}
#scw-panel.open .scw-ch:nth-child(4){transition-delay:.24s;}
.scw-ch:hover{transform:translateX(-3px)!important;background:rgba(255,255,255,.07);}
.scw-wa:hover{border-color:rgba(37,211,102,.35);box-shadow:0 3px 16px rgba(37,211,102,.15);}
.scw-tel:hover{border-color:rgba(59,130,246,.35);box-shadow:0 3px 16px rgba(59,130,246,.15);}
.scw-mail:hover{border-color:rgba(237,112,41,.4);box-shadow:0 3px 16px rgba(237,112,41,.18);}
.scw-ai:hover{border-color:rgba(237,112,41,.4);box-shadow:0 3px 16px rgba(237,112,41,.18);}

.scw-ch-ic{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;transition:background .2s,border-color .2s;}
.scw-ch-ic svg{width:20px;height:20px;}
.scw-wa:hover .scw-ch-ic{background:rgba(37,211,102,.18);border-color:rgba(37,211,102,.38);}
.scw-tel:hover .scw-ch-ic{background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.38);}
.scw-mail:hover .scw-ch-ic{background:rgba(237,112,41,.2);border-color:rgba(237,112,41,.4);}
.scw-ai:hover .scw-ch-ic{background:rgba(237,112,41,.2);border-color:rgba(237,112,41,.4);}

.scw-ch-tx{flex:1;position:relative;z-index:1;}
.scw-ch-nm{font-size:13px;font-weight:700;color:#fff;}
.scw-ch-ds{font-size:11px;color:rgba(255,255,255,.4);margin-top:2px;}
.scw-ch-ar{width:26px;height:26px;border-radius:7px;flex-shrink:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all .2s;}
.scw-ch-ar svg{width:13px;height:13px;stroke:rgba(255,255,255,.3);transition:stroke .2s;}
.scw-wa:hover .scw-ch-ar{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.3);transform:translateX(2px);}
.scw-wa:hover .scw-ch-ar svg{stroke:#4ade80;}
.scw-tel:hover .scw-ch-ar{background:rgba(59,130,246,.14);border-color:rgba(59,130,246,.3);transform:translateX(2px);}
.scw-tel:hover .scw-ch-ar svg{stroke:#93c5fd;}
.scw-mail:hover .scw-ch-ar,.scw-ai:hover .scw-ch-ar{background:rgba(237,112,41,.16);border-color:rgba(237,112,41,.35);transform:translateX(2px);}
.scw-mail:hover .scw-ch-ar svg,.scw-ai:hover .scw-ch-ar svg{stroke:#fb923c;}

.scw-badge{position:absolute;top:-5px;right:-5px;width:15px;height:15px;border-radius:50%;background:#ED7029;border:2px solid #08182B;font-size:8px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;}

/* Chat Subpanel */
#scw-chat-panel{border-top:1px solid rgba(255,255,255,.07);max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);}
#scw-chat-panel.open{max-height:360px;}
#scw-msgs{padding:11px 12px 7px;max-height:195px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;background:rgba(0,0,0,.25);}
#scw-msgs::-webkit-scrollbar{width:3px;}
#scw-msgs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px;}
.scw-m{max-width:85%;padding:9px 12px;border-radius:11px;font-size:13px;line-height:1.5;animation:scwm .15s ease;}
@keyframes scwm{from{transform:translateY(5px);opacity:0}to{transform:none;opacity:1}}
.scw-bot{background:rgba(255,255,255,.09);color:rgba(255,255,255,.88);align-self:flex-start;border-bottom-left-radius:3px;}
.scw-usr{background:linear-gradient(135deg,var(--scw-c,#ED7029),var(--scw-d,#c45a1a));color:#fff;align-self:flex-end;border-bottom-right-radius:3px;}
.scw-typ{display:flex;gap:4px;padding:9px 12px;align-items:center;}
.scw-typ span{width:6px;height:6px;background:rgba(255,255,255,.3);border-radius:50%;animation:scwt 1s ease-in-out infinite;}
.scw-typ span:nth-child(2){animation-delay:.15s}.scw-typ span:nth-child(3){animation-delay:.3s}
@keyframes scwt{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
.scw-inp-row{display:flex;gap:7px;padding:9px 11px;background:rgba(0,0,0,.25);border-top:1px solid rgba(255,255,255,.06);}
#scw-inp{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:9px 12px;font-size:13px;color:#fff;font-family:inherit;outline:none;transition:border-color .2s;}
#scw-inp::placeholder{color:rgba(255,255,255,.3);}
#scw-inp:focus{border-color:rgba(237,112,41,.5);}
#scw-send{width:36px;height:36px;flex-shrink:0;border-radius:9px;background:linear-gradient(135deg,var(--scw-c,#ED7029),var(--scw-d,#c45a1a));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
#scw-send:hover{transform:scale(1.08);}
#scw-send svg{width:15px;height:15px;}
#scw-limit{margin:0 11px 9px;padding:9px 12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;font-size:12px;color:rgba(255,100,100,.9);display:none;}

/* Footer */
#scw-foot{padding:8px 16px 12px;display:flex;justify-content:space-between;}
#scw-powered,#scw-foot a{font-size:10px;color:rgba(255,255,255,.2);text-decoration:none;}
#scw-foot a:hover{color:rgba(255,255,255,.45);}

/* FAB Button */
#scw-fab{
  width:var(--scw-fab,60px);height:var(--scw-fab,60px);border-radius:50%;
  background:linear-gradient(135deg,var(--scw-c,#ED7029),var(--scw-d,#c45a1a));
  border:none;cursor:pointer;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 28px rgba(237,112,41,.5),0 2px 8px rgba(0,0,0,.3);
  transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;
  position:relative;
}
#scw-fab:hover{transform:scale(1.12) rotate(-8deg);box-shadow:0 12px 36px rgba(237,112,41,.6);}
#scw-fab span{position:absolute;display:flex;transition:opacity .2s,transform .2s;}
#scw-fab .fi{opacity:1;transform:rotate(0);}
#scw-fab .fx{opacity:0;transform:rotate(-90deg);}
#scw-fab.open .fi{opacity:0;transform:rotate(90deg);}
#scw-fab.open .fx{opacity:1;transform:rotate(0);}
#scw-fab svg{width:28px;height:28px;}

/* Pulse Ring */
#scw-fab::before{
  content:'';position:absolute;inset:-6px;border-radius:50%;
  border:2px solid rgba(237,112,41,.5);
  animation:scwpulse 2.5s ease-out infinite;
}
#scw-fab.open::before{animation:none;border-color:transparent;}
@keyframes scwpulse{
  0%{transform:scale(1);opacity:.8;}
  70%{transform:scale(1.4);opacity:0;}
  100%{transform:scale(1.4);opacity:0;}
}

/* Notification Badge */
#scw-notif{
  position:absolute;top:-3px;right:-3px;
  width:18px;height:18px;border-radius:50%;
  background:#ED7029;border:2.5px solid #fff;
  font-size:10px;font-weight:800;color:#fff;
  display:flex;align-items:center;justify-content:center;
  animation:scwn 2s ease-in-out infinite;
}
@keyframes scwn{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* Tooltip */
#scw-tip{
  position:absolute;bottom:14px;right:72px;
  background:rgba(8,24,43,.97);
  border:1px solid rgba(237,112,41,.25);
  color:rgba(255,255,255,.9);font-size:13px;font-weight:600;
  padding:8px 14px;border-radius:10px;white-space:nowrap;
  pointer-events:none;
  box-shadow:0 4px 18px rgba(0,0,0,.35);
  animation:scwti 4.5s ease forwards;
}
#scw-tip::after{content:'';position:absolute;right:-7px;top:50%;transform:translateY(-50%);border:7px solid transparent;border-right:none;border-left-color:rgba(8,24,43,.97);}
.tip-left{right:auto!important;left:72px;}
.tip-left::after{right:auto!important;left:-7px;border-left:none!important;border-right-color:rgba(8,24,43,.97)!important;}
@keyframes scwti{0%{opacity:0;transform:translateX(8px)}10%{opacity:1;transform:translateX(0)}75%{opacity:1}100%{opacity:0}}

/* Mobile */
@media(max-width:480px){
  #scw-panel{width:calc(100vw - 20px);}
  #scw-root{right:10px!important;bottom:16px!important;left:auto!important;}
  #scw-fab{width:calc(var(--scw-fab,60px) - 10px)!important;height:calc(var(--scw-fab,60px) - 10px)!important;}
  #scw-fab svg{width:22px!important;height:22px!important;}
}