.f8-cash-grid{display:flex;gap:28px;flex-wrap:wrap;margin:18px 0}.f8-cash-grid span,.f8-cash-grid strong{display:block}.f8-cash-grid strong{font-size:26px;margin-top:7px}.f8-assigned-card{display:flex;flex-direction:column;width:100%;gap:8px;background:#fff;border:1px solid #d8dee5;border-radius:12px;padding:18px;text-align:left;cursor:pointer;margin:12px 0}.f8-chat{padding:16px;background:#fff;border:1px solid #d8dee5;border-radius:12px;color:#15191f}.f8-chat h2{margin-top:0}.f8-chat-messages{max-height:52vh;overflow:auto;overscroll-behavior:contain;padding:8px 0}.f8-chat-message{max-width:90%;border-radius:12px;background:#eef1f5;padding:12px;margin:10px 0;overflow-wrap:anywhere}.f8-chat-message.is-own{margin-left:auto;background:#fff2cc}.f8-chat-message header{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:12px}.f8-chat-message p{white-space:pre-wrap;margin:8px 0}.f8-chat-message img{max-width:100%;max-height:280px;border-radius:8px}.f8-chat-form{display:grid;gap:10px;margin-top:16px}.f8-chat-form textarea{width:100%;box-sizing:border-box;font:inherit;min-height:80px}.f8-chat-form input{max-width:100%}.f8-notifications{padding:12px 0}.f8-notifications p{font-size:13px;line-height:1.45}.f8-connection{padding:8px 24px;font-size:12px;color:#56616f}.f8-update-note{margin:12px 0;padding:12px;border-radius:8px;background:#fff2cc}.f8-unread{display:inline-block;background:#e2a400;color:#111;border-radius:16px;padding:2px 7px;font-size:12px}.f8-master-note{font-size:13px;color:#596574}.f8-message-thread{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;background:white;border:1px solid #d8dee5;padding:18px;border-radius:10px;text-align:left;cursor:pointer;margin:8px 0}.f8-message-thread small{display:block;margin-top:6px;overflow-wrap:anywhere}.f8-chat .button{min-height:44px;padding:10px 16px;border:1px solid #ccd2db;border-radius:8px;background:#f3f5f7;color:#15191f;cursor:pointer}.f8-chat .button-primary{background:#ffc229;border-color:#ffc229}.f8-chat .field{display:grid;gap:6px}.f8-chat .form-error{color:#b22828}.f8-chat [hidden],.nav-item[hidden]{display:none!important}@media print{.f8-chat,.f8-notifications,.f8-connection,.f8-update-note{display:none!important}}@media(max-width:600px){.f8-chat{padding:12px}.f8-chat-message{max-width:95%}.f8-cash-grid{gap:18px}.f8-cash-grid strong{font-size:23px}}

.cp-communications{max-width:1080px;margin:18px auto;padding:0 16px}.f8-notifications .button{padding:12px 16px;min-height:44px;border:1px solid #d0d5dc;border-radius:8px;background:#fff;cursor:pointer}.f8-notifications [hidden]{display:none!important}

.f8-chat-photo-dialog{max-width:90vw;max-height:92vh;border:0;border-radius:12px;padding:12px}.f8-chat-photo-dialog img{display:block;max-width:85vw;max-height:78vh;margin-top:12px}.f8-chat-photo-dialog::backdrop{background:#000b}

/* Conversation layout, shared by the staff app and client portal. */
.f8-chat{padding:0;overflow:hidden;border-radius:16px;box-shadow:0 4px 20px #15202b05;font-family:inherit}
.f8-chat-heading{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid #e8ebef}
.f8-chat-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#fff3cd;color:#886518}
.f8-chat-icon svg{width:23px;height:23px}
.f8-chat .f8-chat-heading h2{font-size:17px;line-height:1.4;margin:0 0 2px;font-weight:700}
.f8-chat-heading p{font-size:12px;color:#77808c;margin:0;line-height:1.5}
.f8-chat [data-chat-older]{display:block;margin:12px auto;font-size:12px;background:#fff}
.f8-chat-messages{min-height:230px;max-height:52vh;max-height:52dvh;padding:16px 22px;background:#f6f7f9;scrollbar-width:thin;scrollbar-color:#ccd1d9 transparent}
.f8-chat-day{text-align:center;margin:8px 0 18px;font-size:11px;color:#7c8490;letter-spacing:.02em}
.f8-chat-day span{display:inline-block;padding:4px 10px;background:#e9edf1;border-radius:20px}
.f8-chat-message{width:fit-content;max-width:min(80%,540px);margin:0 auto 12px 0;padding:12px 15px 8px;border:1px solid #e4e8ed;border-radius:4px 16px 16px 16px;background:#fff;box-shadow:0 1px 2px #202a3504}
.f8-chat-message.is-own{margin-right:0;margin-left:auto;background:#fff3cf;border-color:#f1e4bf;border-radius:16px 4px 16px 16px}
.f8-chat-message header{font-size:11px;color:#6d7581;line-height:1.4}
.f8-chat-message.is-own header{color:#85723d}
.f8-chat-message p{font-size:14px;line-height:1.6;margin:5px 0}
.f8-chat-message time{display:block;font-size:10px;color:#85909b;text-align:right;margin-top:4px;line-height:1.5}
.f8-chat-message.is-own time{color:#8c805e}
.f8-chat-message img{display:block;width:auto;max-width:100%;max-height:270px;border-radius:10px;margin-top:8px;object-fit:contain}
.f8-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:230px;text-align:center;color:#747e8a}
.f8-chat-empty>span{display:grid;place-items:center;background:#ebeef2;color:#a0a8b3;width:52px;height:52px;border-radius:16px;font-size:20px;font-weight:800;margin-bottom:15px}
.f8-chat-empty strong{font-size:15px;font-weight:600;color:#596370}
.f8-chat-empty p{font-size:13px;line-height:1.65;margin:7px 0}
.f8-chat-form{margin:0;padding:16px 20px 18px;gap:12px;background:#fff;border-top:1px solid #e8ebef}
.f8-chat-form textarea{display:block;min-height:68px;max-height:170px;resize:vertical;background:#f8f9fb;border:1px solid #e0e5eb;border-radius:10px;padding:12px 14px;line-height:1.5;font-size:14px;color:#18212c;outline:none}
.f8-chat-form textarea:focus{border-color:#c39935;box-shadow:0 0 0 3px #ffc22918}
.f8-chat-form textarea::placeholder{color:#89939f}
.f8-chat-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.f8-chat-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.f8-chat-file{position:relative;display:flex;align-items:center;gap:6px;min-height:44px;border-radius:8px;color:#64707e;font-size:12px;cursor:pointer;overflow:hidden;padding:8px 4px}
.f8-chat-file svg{width:21px;height:21px;flex:none}
.f8-chat-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:0}
.f8-chat-file:focus-within{outline:2px solid #ba8b22;outline-offset:2px}
.f8-chat-actions .button-primary{font-size:13px;font-weight:600;display:flex;gap:12px;align-items:center}
.f8-chat-actions .button-primary span{font-size:21px;font-weight:400;line-height:1}
.f8-chat .button:disabled{opacity:.55;cursor:wait}
.f8-chat-form .form-error{font-size:13px;margin:0;line-height:1.5}
.f8-chat-form .form-error:empty{display:none}
.f8-chat-attachment{display:flex;gap:10px;align-items:center;padding:8px;background:#f6f7f9;border-radius:10px;min-width:0}
.f8-chat-attachment img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex:none}
.f8-chat-attachment span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#69717d}
.f8-chat-attachment button{width:44px;height:44px;border:0;border-radius:8px;background:#e9edf1;color:#55606d;font-size:24px;cursor:pointer}
@media(max-width:600px){.f8-chat{padding:0;border-radius:12px}.f8-chat-heading{padding:15px;gap:10px}.f8-chat-heading p{font-size:11px}.f8-chat-messages{padding:12px;max-height:48dvh}.f8-chat-message{max-width:90%;padding:10px 12px 7px}.f8-chat-form{padding:12px;gap:10px}.f8-chat-form textarea{font-size:16px}.f8-chat-icon{width:36px;height:36px}.f8-chat-actions .button-primary{padding:10px 14px}}