/* =========================================================
   ZEUS V213 · HANDELSCHAT DESKTOP PRO
   ========================================================= */

@media (min-width:761px){

  /* -------------------------------------------------------
     CHATFENSTER
     ------------------------------------------------------- */

  #v67-chat-drawer.open{
    position:fixed!important;

    top:auto!important;
    right:24px!important;
    bottom:86px!important;
    left:auto!important;

    width:min(470px,calc(100vw - 48px))!important;
    height:min(760px,calc(100vh - 120px))!important;
    max-width:470px!important;
    max-height:760px!important;

    display:flex!important;
    flex-direction:column!important;

    overflow:hidden!important;

    border-radius:18px!important;
    border:1px solid rgba(212,175,55,.22)!important;

    background:
      linear-gradient(
        160deg,
        rgba(14,23,38,.99),
        rgba(7,13,24,.995)
      )!important;

    box-shadow:
      0 28px 80px rgba(0,0,0,.55),
      0 0 0 1px rgba(255,255,255,.025),
      inset 0 1px rgba(255,255,255,.035)!important;

    z-index:99990!important;
  }


  /* -------------------------------------------------------
     CHAT-KOPF
     ------------------------------------------------------- */

  #v67-chat-drawer .v67-chat-head{
    flex:0 0 auto!important;

    min-height:66px!important;

    padding:13px 15px!important;

    border-bottom:1px solid rgba(255,255,255,.07)!important;

    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.035),
        rgba(255,255,255,.01)
      )!important;
  }

  #v67-chat-drawer .v67-chat-head h2,
  #v67-chat-drawer .v67-chat-head strong{
    font-size:15px!important;
    line-height:1.2!important;
  }

  #v67-chat-drawer .v67-chat-head p,
  #v67-chat-drawer .v67-chat-head small{
    font-size:11px!important;
    opacity:.62;
  }


  /* -------------------------------------------------------
     HANDEL / ÖFFENTLICH UMSCHALTUNG
     ------------------------------------------------------- */

  #v67-chat-drawer [data-v682-mode]{
    min-height:34px!important;

    padding:6px 11px!important;

    border-radius:9px!important;

    font-size:11px!important;

    transition:
      background .16s ease,
      border-color .16s ease,
      transform .16s ease!important;
  }

  #v67-chat-drawer [data-v682-mode]:hover{
    transform:translateY(-1px);
  }


  /* -------------------------------------------------------
     HAUPTBEREICH
     ------------------------------------------------------- */

  #v67-chat-drawer .v67-chat-body,
  #v67-chat-drawer #v682-public-chat{
    flex:1 1 auto!important;

    min-width:0!important;
    min-height:0!important;

    width:100%!important;

    overflow:hidden!important;
  }


  /* -------------------------------------------------------
     GESPRÄCHSLISTE
     ------------------------------------------------------- */

  #v67-chat-list{
    width:100%!important;
    height:100%!important;

    min-height:0!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    padding:9px 10px 14px!important;

    scrollbar-width:thin;
    scrollbar-color:
      rgba(212,175,55,.28)
      rgba(255,255,255,.025);
  }

  #v67-chat-list::-webkit-scrollbar{
    width:7px;
  }

  #v67-chat-list::-webkit-scrollbar-track{
    background:rgba(255,255,255,.02);
  }

  #v67-chat-list::-webkit-scrollbar-thumb{
    background:rgba(212,175,55,.28);
    border-radius:999px;
  }


  #v67-chat-list .v67-chat-thread{
    width:100%!important;

    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:11px!important;

    min-height:66px!important;

    margin:0 0 6px!important;
    padding:9px 10px!important;

    border-radius:12px!important;
    border:1px solid transparent!important;

    transition:
      background .16s ease,
      border-color .16s ease,
      transform .16s ease!important;
  }

  #v67-chat-list .v67-chat-thread:hover{
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(212,175,55,.13)!important;

    transform:translateX(2px);
  }

  #v67-chat-list .v67-chat-thread.active{
    background:
      linear-gradient(
        110deg,
        rgba(212,175,55,.10),
        rgba(212,175,55,.025)
      )!important;

    border-color:rgba(212,175,55,.28)!important;
  }


  /* Avatar */

  #v67-chat-list .v67-chat-avatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:50%!important;

    font-size:14px!important;
    font-weight:700!important;

    border:1px solid rgba(212,175,55,.25)!important;

    background:
      linear-gradient(
        145deg,
        rgba(212,175,55,.15),
        rgba(255,255,255,.035)
      )!important;
  }


  /* Gesprächstext */

  #v67-chat-list .v67-chat-thread-copy{
    min-width:0!important;
    text-align:left!important;
  }

  #v67-chat-list .v67-chat-thread-copy strong{
    display:block!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;

    font-size:13px!important;
    line-height:1.25!important;
  }

  #v67-chat-list .v67-chat-thread-copy > span{
    display:block!important;

    margin-top:4px!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;

    font-size:11px!important;
    opacity:.62;
  }


  /* Zeit + ungelesen */

  #v67-chat-list .v67-chat-thread-meta{
    min-width:45px!important;

    display:flex!important;
    flex-direction:column!important;

    align-items:flex-end!important;

    gap:5px!important;
  }

  #v67-chat-list .v67-chat-thread-meta small{
    font-size:9px!important;
    white-space:nowrap!important;
    opacity:.55;
  }

  #v67-chat-list .v67-chat-unread{
    min-width:21px!important;
    height:21px!important;

    display:inline-flex!important;

    align-items:center!important;
    justify-content:center!important;

    padding:0 6px!important;

    border-radius:999px!important;

    font-size:10px!important;
    font-weight:800!important;
  }


  /* -------------------------------------------------------
     NACHRICHTENANSICHT
     ------------------------------------------------------- */

  #v67-chat-messages,
  #v682-public-messages{
    flex:1 1 auto!important;

    min-height:0!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    padding:15px 15px 21px!important;

    scroll-behavior:smooth;

    scrollbar-width:thin;
    scrollbar-color:
      rgba(212,175,55,.22)
      transparent;
  }

  #v67-chat-messages::-webkit-scrollbar,
  #v682-public-messages::-webkit-scrollbar{
    width:6px;
  }

  #v67-chat-messages::-webkit-scrollbar-thumb,
  #v682-public-messages::-webkit-scrollbar-thumb{
    background:rgba(212,175,55,.23);
    border-radius:999px;
  }


  /* -------------------------------------------------------
     NACHRICHTENBLASEN
     ------------------------------------------------------- */

  #v67-chat-messages .v67-message{
    width:max-content!important;
    max-width:79%!important;

    margin:5px auto 5px 0!important;

    padding:9px 12px!important;

    border-radius:
      4px 13px 13px 13px!important;

    background:rgba(255,255,255,.055)!important;

    border:1px solid rgba(255,255,255,.055)!important;

    box-shadow:
      0 5px 15px rgba(0,0,0,.12)!important;
  }


  /* Eigene Nachricht */

  #v67-chat-messages .v67-message.mine{
    margin-left:auto!important;
    margin-right:0!important;

    border-radius:
      13px 4px 13px 13px!important;

    background:
      linear-gradient(
        135deg,
        rgba(212,175,55,.17),
        rgba(212,175,55,.075)
      )!important;

    border-color:rgba(212,175,55,.20)!important;
  }


  #v67-chat-messages .v67-message-head{
    display:flex!important;

    align-items:center!important;
    justify-content:space-between!important;

    gap:14px!important;

    margin-bottom:4px!important;
  }

  #v67-chat-messages .v67-message-head strong{
    font-size:10px!important;
    font-weight:700!important;
  }

  #v67-chat-messages .v67-message-head time{
    font-size:9px!important;
    white-space:nowrap!important;

    opacity:.48;
  }

  #v67-chat-messages .v67-message p{
    margin:0!important;

    font-size:13px!important;
    line-height:1.45!important;

    overflow-wrap:anywhere!important;
  }


  /* -------------------------------------------------------
     EINGABEFELD
     ------------------------------------------------------- */

  #v67-chat-drawer form{
    flex:0 0 auto!important;

    width:100%!important;

    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;

    align-items:end!important;

    gap:8px!important;

    margin:0!important;
    padding:10px 12px 12px!important;

    border-top:1px solid rgba(255,255,255,.065)!important;

    background:
      linear-gradient(
        180deg,
        rgba(9,16,28,.97),
        rgba(5,10,19,.995)
      )!important;
  }


  #v67-chat-drawer form input,
  #v67-chat-drawer form textarea{
    width:100%!important;

    min-width:0!important;
    min-height:43px!important;

    padding:10px 12px!important;

    border-radius:11px!important;

    font-size:13px!important;
    line-height:1.35!important;

    background:rgba(255,255,255,.045)!important;

    border:1px solid rgba(255,255,255,.08)!important;

    transition:
      border-color .15s ease,
      background .15s ease,
      box-shadow .15s ease!important;
  }

  #v67-chat-drawer form input:focus,
  #v67-chat-drawer form textarea:focus{
    outline:none!important;

    background:rgba(255,255,255,.06)!important;

    border-color:rgba(212,175,55,.38)!important;

    box-shadow:
      0 0 0 3px rgba(212,175,55,.07)!important;
  }


  #v67-chat-drawer form textarea{
    max-height:130px!important;
    resize:none!important;
  }


  #v67-chat-drawer form button{
    min-width:74px!important;
    min-height:43px!important;

    padding:8px 14px!important;

    border-radius:11px!important;

    font-size:12px!important;
    font-weight:700!important;

    transition:
      transform .15s ease,
      filter .15s ease!important;
  }

  #v67-chat-drawer form button:hover{
    transform:translateY(-1px);
    filter:brightness(1.08);
  }


  /* -------------------------------------------------------
     LEERER ZUSTAND
     ------------------------------------------------------- */

  #v67-chat-drawer .v67-chat-empty{
    margin:25px 15px!important;

    padding:24px 20px!important;

    text-align:center!important;

    border-radius:14px!important;

    border:1px dashed rgba(212,175,55,.17)!important;

    background:rgba(255,255,255,.025)!important;

    font-size:12px!important;
    line-height:1.5!important;
  }

  #v67-chat-drawer .v67-chat-empty strong{
    display:block!important;

    margin-bottom:6px!important;

    font-size:14px!important;
  }


  /* -------------------------------------------------------
     CHAT BUTTON / LAUNCHER
     ------------------------------------------------------- */

  [class*="v67"][class*="launcher"]{
    transition:
      transform .16s ease,
      box-shadow .16s ease!important;
  }

  [class*="v67"][class*="launcher"]:hover{
    transform:translateY(-2px)!important;

    box-shadow:
      0 12px 32px rgba(0,0,0,.34)!important;
  }

}


/* Mittlere PC-/Laptop-Auflösung */

@media (min-width:761px) and (max-height:800px){

  #v67-chat-drawer.open{
    top:18px!important;
    bottom:18px!important;

    height:auto!important;
    max-height:none!important;
  }

}