/* Empire Desk — shared contextual reply suggestions */
.reply-suggestions{
  flex:0 0 auto;
  padding:7px 12px 8px;
  border-top:1px solid #d9e1d5;
  background:#f7faf4;
}
.reply-suggestions>small{
  display:block;
  margin:0 0 5px;
  color:#708078;
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.reply-suggestions>div{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.reply-suggestions button{
  min-height:30px;
  padding:6px 9px;
  border:1px solid #c7d4c5;
  border-radius:999px;
  background:#fffef8;
  color:#345548;
  box-shadow:none;
  font-size:10px;
  line-height:1.25;
  text-align:left;
}
.reply-suggestions button:hover,.reply-suggestions button:focus{
  background:#eaf2e5;
  border-color:#9db3a3;
}
.floor-reply-suggestions{
  margin-top:6px;
  border:1px solid #d7e0d3;
  border-radius:10px;
}
html[data-office-theme="dark"] .reply-suggestions{
  background:#1e2b25;
  border-color:#3a4a41;
}
html[data-office-theme="dark"] .reply-suggestions>small{color:#a9b7af}
html[data-office-theme="dark"] .reply-suggestions button{
  background:#28372f;
  border-color:#45594d;
  color:#d8e7dc;
}

@media (pointer:coarse) and (min-width:701px) and (max-width:1400px){
  .reply-suggestions{padding:5px 8px 6px}
  .reply-suggestions>small{margin-bottom:4px;font-size:7px}
  .reply-suggestions>div{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .reply-suggestions>div::-webkit-scrollbar{display:none}
  .reply-suggestions button{
    flex:0 0 auto;
    max-width:260px;
    min-height:28px;
    padding:5px 7px;
    font-size:8px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

@media (max-width:700px){
  .reply-suggestions{
    padding:5px 7px 6px;
    overflow:hidden;
  }
  .reply-suggestions>small{margin-bottom:4px;font-size:7px}
  .reply-suggestions>div{
    display:flex;
    flex-wrap:nowrap;
    gap:5px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .reply-suggestions>div::-webkit-scrollbar{display:none}
  .reply-suggestions button{
    flex:0 0 82%;
    max-width:280px;
    min-height:31px;
    padding:6px 8px;
    font-size:9px;
    white-space:normal;
    scroll-snap-align:start;
  }
  .floor-reply-suggestions{margin:5px 0 3px}
}