.message-workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:28px;border-radius:16px;background:#edf3ff;margin-bottom:32px}.message-workflow strong{font-size:15px}.message-workflow p{font-size:14px;line-height:1.6;margin:8px 0 0;color:#576955}.message-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}.message-layout>*{min-width:0}.message-form>label:not(.journey-check){display:grid;gap:8px;margin:16px 0;font-size:14px;font-weight:600}.message-layout :is(input:not([type=checkbox]),select,textarea),.message-filters :is(input:not([type=checkbox]),select){width:100%;min-width:0;box-sizing:border-box;padding:13px;border:1px solid #d5dfef;border-radius:9px;background:#fffefb;color:#20375c;font:inherit}.message-layout textarea{resize:vertical}.message-layout :is(input,textarea,select):focus,.message-filters :is(input,select):focus{outline:2px solid #5b7ab0;outline-offset:2px}.message-layout .form-grid{gap:16px}.message-layout .form-grid label{display:grid;gap:8px;font-size:14px;font-weight:600}.conversation-panel{position:sticky;top:104px;overflow-wrap:anywhere;min-width:0}.conversation-panel h2{font-size:26px}.conversation-history{max-height:580px;overflow-y:auto;padding:8px 6px 8px 0;display:flex;flex-direction:column;gap:16px;margin:24px 0;overscroll-behavior:contain}.conversation-bubble{background:#edf3ff;border-radius:14px 14px 14px 3px;padding:17px;max-width:92%;align-self:flex-start}.conversation-bubble.team{background:#20375c;color:#fffef7;align-self:flex-end;border-radius:14px 14px 3px 14px}.conversation-bubble.event{align-self:center;background:#f3efe3;font-size:13px;max-width:100%;border-radius:8px}.conversation-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;margin:10px 0;font-size:14px}.conversation-bubble small{font-size:11px;opacity:.75;display:block}.conversation-bubble strong{font-size:12px}.message-request{display:block;width:100%;text-align:left;border:1px solid #dde5f1;border-radius:14px;padding:20px;margin:0 0 14px;background:#fffef8;color:#20375c;cursor:pointer;font:inherit;overflow-wrap:anywhere}.message-request:hover,.message-request[aria-pressed=true]{border-color:#5b7ab0;box-shadow:0 4px 15px #20375c10}.message-request h3{font-size:18px;margin:12px 0}.message-request p{font-size:13px;margin:8px 0;line-height:1.5}.message-request small{font-size:12px;color:#5e7058}.message-request .journey-badge{margin:0 6px 6px 0}.message-reference{display:block;overflow-wrap:anywhere;white-space:normal;font-size:13px;padding:14px;background:#edf3ff;border-radius:8px;margin:12px 0}.message-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:24px 0}.message-filters>label:first-child{flex:1;min-width:230px}.message-filters .journey-check{margin:0!important}.message-summary{display:flex;gap:16px;flex-wrap:wrap}.message-summary span{background:#edf3ff;padding:16px 24px;border-radius:10px;font-size:14px}.message-notes{border-top:1px solid #dde5f1;margin-top:28px;padding-top:22px}.message-note{background:#f7f0df;border-left:3px solid #af9156;padding:12px 16px;margin:12px 0}.message-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.message-note small{font-size:11px}.message-pagination{justify-content:space-between;font-size:13px;margin-top:24px}.message-privacy{font-size:12px;color:#5f705c;line-height:1.6}.message-layout [hidden],#team-inbox[hidden],#unassigned-filter[hidden]{display:none!important}.message-form [role=status]{overflow-wrap:anywhere;line-height:1.6}.inbox-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
@media(max-width:850px){.message-layout,.inbox-layout{grid-template-columns:1fr}.conversation-panel{position:static}.message-workflow{gap:20px;padding:22px}.message-workflow strong{font-size:13px}}@media(max-width:550px){.message-workflow{grid-template-columns:1fr}.message-form .form-grid{grid-template-columns:1fr}.message-layout .detail-panel{padding:22px}.conversation-history{max-height:480px}.conversation-bubble{max-width:96%;padding:14px}.message-filters>label:first-child{min-width:0;flex-basis:100%}.message-filters select{max-width:100%}.message-summary{gap:8px}.message-summary span{padding:12px 14px;font-size:12px}}