.mfc-page{max-width:1100px}.mfc-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mfc-case-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px}.mfc-case-card h2{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere}.mfc-case-card p,.mfc-customer-name{font-size:13px;color:#627b72}.mfc-chat{padding-top:18px;margin-top:18px;border-top:1px solid #d8e4dd}.mfc-chat h3{font-size:18px;margin-top:0}.mfc-tabs{display:flex;gap:8px;flex-wrap:wrap}.mfc-tabs [aria-pressed=true]{background:#e6f2eb;border-color:#1d745e;color:#165b48}.mfc-scope{font-size:12px;line-height:1.6;color:#61776e}.mfc-log{display:flex;flex-direction:column;gap:14px;max-height:470px;overflow:auto;padding:15px 2px}.mfc-message{max-width:92%;padding:14px 17px;border:1px solid #e0e8e4;background:#f5f8f6;border-radius:12px;align-self:flex-start}.mfc-message.mfc-mine{align-self:flex-end;background:#eaf4ed;border-color:#d2e5d8}.mfc-message header{display:flex;justify-content:space-between;gap:18px;align-items:baseline}.mfc-message strong{font-size:12px}.mfc-message time{font-size:10px;color:#73887c;white-space:nowrap}.mfc-message p{font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0}.mfc-message footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.mfc-message footer .btn{font-size:10px;padding:5px 7px}.mfc-chat form label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin-top:12px}.mfc-chat textarea,[data-mfc-report] textarea,[data-mfc-report] select{width:100%;border:1px solid #ceded4;border-radius:9px;padding:12px;background:white;color:#183d2d;font:inherit;resize:vertical}.mfc-empty{font-size:13px;padding:22px;color:#6e8478}.mfc-chat :focus-visible{outline:3px solid #dda050;outline-offset:2px}[data-mfc-report]{display:flex;flex-direction:column;gap:18px}[data-mfc-report] label{display:flex;flex-direction:column;gap:8px}.mfc-chat .hidden,[data-mfc-report] .hidden{display:none}
@media(max-width:750px){.mfc-case-list{grid-template-columns:1fr}.mfc-case-card{padding:18px}}
@media(max-width:480px){.mfc-message{max-width:100%;padding:12px}.mfc-message header{gap:8px;flex-direction:column}.mfc-message footer{gap:6px}.mfc-case-card{gap:12px;flex-direction:column}.mfc-chat .dialog-actions{flex-wrap:wrap}.mfc-chat .dialog-actions>*{flex:1}.mfc-log{max-height:390px}}