body { font-family: 'Inter', sans-serif;}
.card { border-radius: 1rem; }

.btn-outline-light:hover {
  background-color: #0dcaf0;
  border-color: #0dcaf0;
  color: #fff;
}

.bg-secondary{
background-color:#c8c8c8!important;
}

.bg-owner{
background-color:#d0e2ff!important;
}


#docs-list .list-group-item {
  transition: background 0.2s ease;
}
#docs-list .list-group-item:hover {
  background: #f9f9f9;
}
.doc-menu {
  border-top: 1px solid #eee;
  padding-top: 8px;
}

.swal2-popup a {
  word-break: break-all;
  display: block;
  margin-top: 5px;
  font-size: 0.9rem;
}

h1{
color:#052b45!important;
}

#chat-box {
  display: flex;
  flex-direction: column-reverse; /* ✅ newest messages at top */
  overflow-y: auto;               /* ✅ enable scroll */
  -webkit-overflow-scrolling: touch; /* ✅ fixes iOS scroll */
  border-radius: 8px;
  padding: 1rem;
  max-height: 60vh;               /* cap height */
  min-height: 220px;
}

#chat-window{
position:fixed;
bottom:0px;
right:0px;
width:50vw;
min-height:400px;
z-index:1051;
transform: translateY(100%);
opacity: 0;
transition: all 0.4s ease;
}

#chat-window.active {
  transform: translateY(0);
  opacity: 1;
}

.mention { background:#038a17!important; color:#ffffff!important; padding:4px 4px; border-radius:4px; font-weight:600; }

.mention-suggestions {
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  z-index: 2000;
  max-height: 180px;
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.mention-suggestions div {
  padding: 6px 10px;
  cursor: pointer;
}
.mention-suggestions div:hover {
  background: #f1f1f1;
}

.alert{
    padding: 0.4rem!important;
}

#chat-backdrop{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,0.5);
    z-index:1050;
}

#chat-toggle{
    position:fixed;
    bottom:5px;
    right:25px;
    z-index:1050;
    width:100px;
    height:60px;
    font-size:2rem;
}

@media (max-width: 767px) {
  #chat-box {
    max-height: 30vh;
    min-height: 180px;
  }

  #chat-window{
        width:100vw;
   }
}