.staff-request-inbox-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.staff-request-inbox-tabs .button{font-size:12px;padding:6px 9px;display:flex;align-items:center;gap:5px}.staff-request-inbox-tabs .active{background:#e1efe8;border-color:#36866b;color:#173d30}.staff-unread-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:#21895b;color:white;font-size:10px;font-weight:700}.staff-unread-badge[hidden]{display:none}.staff-action-badge{display:inline-block;padding:1px 5px;font-size:10px;background:#ffe6df;color:#9a3123;border-radius:5px;max-width:max-content}
.staff-chat-layout{grid-template-columns:minmax(260px,40%) minmax(0,1fr);min-height:360px}.staff-chat-list{min-width:0;max-height:68vh;overflow:auto;border-right:1px solid #cddbd5;padding:5px;background:#fff}.staff-chat-row{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:8px;padding:8px;text-align:left;background:white;cursor:pointer;color:#244438;margin:2px 0}.staff-chat-row:hover,.staff-chat-row.selected{background:#e5f1eb}.staff-chat-row:focus-visible{outline:2px solid #277456;outline-offset:-2px}.staff-chat-row-text{flex:1;min-width:0;display:grid;gap:3px}.staff-chat-row strong{font-size:12px}.staff-chat-row small{font-size:10px;overflow-wrap:anywhere;color:#567064}.staff-chat-preview{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#68776f}.staff-chat-row-meta{flex:0 0 72px;text-align:right;align-self:flex-start;padding-top:3px}.staff-chat-row-meta time{display:block;font-size:9px;color:#65786e;line-height:1.5}.staff-chat-row-meta .staff-unread-badge{margin-top:5px}.staff-chat-row .request-chat-avatar{flex-basis:30px;height:30px;font-size:10px}.staff-chat-empty{font-size:12px;color:#61736a;padding:20px}.staff-chat-heading{gap:6px}.staff-chat-heading>[data-chat-back]{font-size:11px;padding:5px 7px}.staff-chat-heading>div:first-of-type{flex:1;min-width:0}.staff-chat-heading .request-chat-actions{flex-basis:100%;flex-wrap:wrap}.staff-chat-heading .request-chat-actions button{white-space:normal}.staff-chat-conversation .request-chat-messages{max-height:42vh;min-height:140px}.staff-chat-closed{font-size:11px;padding:12px;color:#52695e}.staff-chat-composer .staff-chat-upload{grid-column:1/-1}.staff-chat-upload input{font-size:11px;padding:6px;max-width:100%}.staff-chat-composer button{grid-column:2;grid-row:1}.staff-chat-composer small{line-height:1.4}.request-review-filters>*{min-width:0}.request-review-filters input,.request-review-filters select{max-width:100%}
@media(max-width:760px){.staff-chat-layout{display:block;min-height:0}.staff-chat-list{max-height:none;border-right:0}.staff-chat-conversation{display:none}.staff-chat-layout.has-conversation .staff-chat-list{display:none}.staff-chat-layout.has-conversation .staff-chat-conversation{display:block}.staff-chat-row{padding:8px 6px}.staff-chat-row-meta{flex-basis:62px}.staff-chat-row strong{font-size:12px}.staff-chat-conversation .request-chat-messages{max-height:45vh}.staff-chat-composer{grid-template-columns:minmax(0,1fr)}.staff-chat-composer button{grid-column:1;grid-row:auto;justify-self:end}.staff-chat-heading .status{font-size:10px}.staff-request-inbox-tabs{gap:4px}.staff-request-inbox-tabs .button{font-size:11px;padding:5px 7px}}
@media(max-width:760px){#exhibit-request-list #request-chat-thread{scroll-margin-top:64px}}