/* Stable, compact live-chat layout. Loaded last to neutralise older mobile rules. */
.support-panel[hidden]{display:none!important}
.support-chat-active .support-panel{
  display:flex;
  flex-direction:column;
  height:min(590px,calc(100dvh - 118px));
  max-height:min(590px,calc(100dvh - 118px));
}
.support-chat-active .support-panel-head{flex:0 0 auto}
.support-chat-active .support-panel-body{
  display:flex;
  flex:1 1 auto;
  min-height:0;
  height:auto;
  max-height:none;
  overflow:hidden;
  padding:14px 16px 16px;
}
.support-chat-active .support-live{
  display:flex;
  flex:1 1 auto;
  min-height:0;
  height:auto;
}
.support-chat-active .support-live-meta{display:flex;flex:0 0 auto;padding:0 0 9px}
.support-live-meta [data-support-end]{margin-left:auto;padding:6px 9px;border:1px solid #d8e3ef;border-radius:8px;background:#fff;color:#66778e;font-size:10px;font-weight:800}
.support-live-meta [data-support-end]:hover{color:#a32626;border-color:#f0caca;background:#fff6f6}
.support-live.is-closed:after{display:none}
.support-transcript{display:block!important;width:100%;margin:11px 0 5px!important;padding:9px 11px!important;border:1px solid #d8e3ef!important;border-radius:9px!important;background:#f4f8fd!important;color:#1769e0!important;font-size:11px!important;font-weight:800!important}
.support-rating em{display:block;min-height:16px;margin-top:5px;color:#397054;font-size:10px;font-style:normal;line-height:1.4}
.support-chat-active .support-live-messages,
.support-chat-active .support-live-messages:empty{
  display:flex;
  flex:1 1 auto;
  min-height:0;
  max-height:none;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:6px 2px 12px;
}
.support-chat-active .support-live-messages:empty{
  align-items:center;
  justify-content:center;
}
.support-chat-active .support-live-messages:empty:before{
  content:'Schreiben Sie uns Ihre erste Nachricht.';
  display:block;
  max-width:230px;
  color:#8190a4;
  font-size:13px;
  line-height:1.5;
  text-align:center;
}
.support-chat-active .support-live-compose{
  flex:0 0 auto;
  align-items:stretch;
  grid-template-columns:minmax(0,1fr) 42px 48px;
  padding-top:12px;
}
.support-chat-active .support-live-compose textarea{
  min-height:50px;
  max-height:82px;
}
.support-chat-active .support-live-compose button,
.support-chat-active .support-attach{height:50px}
.support-chat-active .support-new-chat{flex:0 0 auto;margin:10px auto 0}

@media(max-width:620px){
  .support-widget{bottom:16px}
  .support-right{right:14px}.support-left{left:14px}
  .support-panel,
  .support-chat-active .support-panel{
    position:fixed;
    top:auto!important;
    right:12px!important;
    bottom:82px!important;
    left:12px!important;
    width:auto;
    height:min(570px,calc(100dvh - 108px));
    max-height:min(570px,calc(100dvh - 108px));
    border-radius:20px;
  }
  .support-panel-head{padding:13px 15px}
  .support-logo{width:42px;height:42px}
  .support-identity strong{font-size:14px}
  .support-identity small{font-size:10px}
  .support-panel-head>button{width:38px;height:38px}
  .support-chat-active .support-panel-body{padding:12px 13px 14px}
  .support-chat-active .support-live-compose{gap:7px;grid-template-columns:minmax(0,1fr) 42px 46px;padding-top:10px}
  .support-chat-active .support-live-compose textarea{min-height:48px;max-height:72px;padding:11px 12px}
  .support-chat-active .support-live-compose button,
  .support-chat-active .support-attach{height:48px}
  .support-chat-active .support-live-messages:empty:before{font-size:12px}
  .support-form .support-fields{gap:6px}
  .support-form .support-fields input{min-height:44px}
  .support-form .support-privacy{margin:9px 0}
  .support-form .support-submit{min-height:48px}
  .support-live-meta [data-support-end]{font-size:9px;padding:5px 7px}
}

@media(max-width:370px){
  .support-chat-active .support-panel{right:8px!important;bottom:76px!important;left:8px!important;height:min(540px,calc(100dvh - 96px));max-height:min(540px,calc(100dvh - 96px))}
  .support-chat-active .support-panel-body{padding-right:10px;padding-left:10px}
}