.cf-cases,.cf-case,.cf-casehead,.cf-casehead>div{min-width:0}
.cf-case{overflow:hidden}
.cf-casehead h3,.cf-case>p,.cf-note,.cf-proposal,.cf-message p{overflow-wrap:anywhere}
.cf-docs a{display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere;text-decoration:none}
.cf-timeline span{display:block;line-height:1.25}
@media(max-width:780px){
  .cf-cases>h2{font-size:28px;margin:20px 0 13px}
  .cf-case{padding:18px!important;border-radius:15px}
  .cf-casehead{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}
  .cf-casehead h3{font-size:21px;line-height:1.2;margin:4px 0!important}
  .cf-status{justify-self:end;max-width:150px;white-space:normal!important;text-align:center;line-height:1.2;margin:0!important}
  .cf-docs{display:grid!important;grid-template-columns:1fr;gap:8px}
  .cf-docs>b{display:block}
  .cf-docs a{display:block;width:100%;padding:10px 12px!important}
  .cf-note,.cf-proposal,.cf-action-needed{padding:15px;margin-top:13px}
  .cf-timeline{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:12px!important;margin:16px 0!important;overflow:visible!important}
  .cf-timeline>div{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-width:0!important;text-align:left!important;padding:7px 9px;border-radius:9px;background:#edf2f1;color:#647681}
  .cf-timeline>div.done{background:#e9f1f6;color:#073f6d}
  .cf-timeline>div.current{background:#fff0d2;color:#073f6d}
  .cf-timeline>div:before{display:none!important}
  .cf-timeline i{margin:0!important;width:29px;height:29px}
  .cf-timeline span{font-size:13px;line-height:1.25}
  .cf-conversation{border-radius:11px}
  .cf-conversation summary{padding:14px;font-size:14px;line-height:1.35}
  .cf-thread{padding:12px;gap:8px;max-height:330px}
  .cf-message{width:100%;max-width:100%!important;align-self:stretch!important;padding:11px 12px}
  .cf-message.client{border-left:4px solid #f59a00}
  .cf-message.staff{border-left:4px solid #073f6d}
  .cf-reply{padding:0 12px 12px}
  .cf-reply label{margin-top:12px}
  .cf-reply .cf-btn,.cf-actions .cf-btn{width:100%;flex:1 1 100%}
}
@media(max-width:430px){
  .cf-casehead{grid-template-columns:1fr}
  .cf-status{justify-self:start;max-width:100%}
  .cf-cases,.cf-new{margin-left:8px!important;margin-right:8px!important}
  .cf-case{padding:15px!important}
}