.status-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:22px 0}.timeline-step{position:relative;text-align:center;padding:36px 8px 8px;color:var(--muted);font-size:12px;font-weight:800}.timeline-step:before{content:"";position:absolute;top:14px;left:0;right:0;height:4px;background:#e2e8f0}.timeline-step:first-child:before{left:50%}.timeline-step:last-child:before{right:50%}.timeline-step:after{content:"";position:absolute;z-index:2;top:7px;left:calc(50% - 9px);width:18px;height:18px;border-radius:50%;background:#cbd5e1;border:3px solid #fff;box-shadow:0 0 0 1px #cbd5e1}.timeline-step.done:before{background:var(--red)}.timeline-step.done:after{background:var(--red);box-shadow:0 0 0 1px var(--red)}.timeline-step small{display:block;margin-top:5px;font-weight:400}.message-thread{display:grid;gap:12px;max-height:460px;overflow-y:auto;padding:4px}.message{max-width:80%;padding:12px 14px;background:#f1f5f9;border-radius:2px 14px 14px 14px}.message.mine{justify-self:end;background:#fee2e2;border-radius:14px 2px 14px 14px}.message.staff{border-left:4px solid #334155}.message p{margin:0;line-height:1.45}.message small{display:block;margin-top:7px;color:var(--muted)}.message-form{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.completed-summary{background:#ecfdf5;border:1px solid #a7f3d0;padding:18px;margin-bottom:18px}@media(max-width:650px){.status-timeline{grid-template-columns:1fr}.timeline-step{text-align:left;padding:8px 8px 8px 34px}.timeline-step:before{top:0;bottom:0;left:12px!important;right:auto!important;width:4px;height:auto}.timeline-step:after{top:calc(50% - 9px);left:5px}.message{max-width:92%}}