#connect-mobile{display:none}
:root{--muted:#607180}
.brand>span:last-child,.eyebrow,.nav-label,.nav-item,.summary p,.conversation p,.chat-header small,.message small,.details p,.badge,footer,.section-heading p,th,.audit-detail,#dialog-body p,.login-form small,.empty{color:#607180}
.filters button,.chat-header button{color:#5d6e7d}
.filters button.active{color:#1264ed}
.tag{color:#486d55}
.badge.demo{color:#876021}
.conversation .avatar{color:#456957}
.conversation:nth-child(2n) .avatar{color:#876239}
.compose .primary{width:auto;margin-top:0}
.nav-item.selected{color:#1264ed}
@media(min-width:761px) and (max-width:1200px){
  .inbox-layout{grid-template-rows:minmax(220px,1fr) 190px;min-height:600px}
  .details{display:block;grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:15px 20px}
  .details .customer{float:left;width:190px;margin:0 25px 0 0;border-bottom:0;border-right:1px solid var(--line);padding-right:20px}
  #grants-form{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
  #grants-form .grant-row{margin:0}
  #grants-form>.primary{width:auto}
}
@media(max-width:760px){#connect-mobile{display:block;white-space:nowrap}.topbar .eyebrow{font-size:8px;letter-spacing:.5px}.details .empty{padding:10px}}