/* History status filters belong to one quiet navigation line, not raised cards. */
.ticket-status-tabs{
  align-items:center;
  gap:clamp(14px,2vw,30px);
  margin:0 0 16px;
  padding:0;
  border-bottom:1px solid #cfdbd5;
  background:transparent;
  overflow-x:auto;
  overflow-y:hidden;
}
.ticket-status-tabs button{
  position:relative;
  justify-content:center;
  flex:0 0 auto;
  gap:8px;
  min-height:48px;
  padding:9px 2px 12px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#526d67;
  font-size:13px;
  font-weight:650;
  line-height:1.25;
  white-space:nowrap;
  transition:color .15s ease;
}
.ticket-status-tabs button:hover:not(:disabled),
.ticket-status-tabs button.active:hover:not(:disabled){background:transparent;color:#173d39}
.ticket-status-tabs button.active{background:transparent;color:#123d39;font-weight:750}
.ticket-status-tabs button::after{
  right:0;
  bottom:0;
  left:0;
  height:3px;
  border-radius:3px 3px 0 0;
}
.ticket-status-tabs button.active::after{background:#41b99a}
.ticket-status-tabs button span{
  min-width:26px;
  height:24px;
  padding:0 7px;
  background:#e4ebe7;
  color:#46665f;
  font-size:11px;
  line-height:1;
}
.ticket-status-tabs button.active span{background:#d7f1e7;color:#0f6b57}
.ticket-status-tabs button:focus-visible{outline:2px solid #278d77;outline-offset:-2px;border-radius:4px}
.ticket-status-tabs+.ticket-command-modern{
  border-top:1px solid #d3dfdb;
  border-radius:14px;
}
@media(max-width:720px){
  .ticket-status-tabs{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin-bottom:12px;
    overflow:visible;
  }
  .ticket-status-tabs button{
    flex-direction:column;
    gap:3px;
    min-width:0;
    min-height:58px;
    padding:6px 2px 9px;
    font-size:11px;
  }
  .ticket-status-tabs button span{min-width:21px;height:20px;padding:0 5px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .ticket-status-tabs button{transition:none}
}