.wa-controls,.wa-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.wa-controls h1{margin-right:auto}.wa-filters .field{min-width:150px}.wa-filters form{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.wa-panels{display:grid;grid-template-columns:minmax(220px,27%) minmax(320px,1fr) minmax(240px,26%);border-top:1px solid #dbe2e8;min-height:68vh}.wa-conversations,.wa-request{padding:14px;overflow:auto}.wa-conversations{border-right:1px solid #dbe2e8}.wa-conversation{display:flex;width:100%;flex-direction:column;align-items:start;gap:6px;padding:14px;text-align:left;border:0;border-bottom:1px solid #dbe2e8;background:white;border-radius:0}.wa-conversation.selected{background:#e4f3f5}.wa-conversation small,.wa-chat small{color:#516c7f}.wa-chat{min-width:0;padding:14px;background:#f7f9fb;display:flex;flex-direction:column}.wa-chat header{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.wa-messages{height:48vh;overflow-y:auto;padding:12px}.wa-message{background:white;border:1px solid #dae2e8;border-radius:8px;padding:10px;margin:10px 18% 10px 0;overflow-wrap:anywhere}.wa-message.out{margin:10px 0 10px 18%;background:#e4f2eb}.wa-message.note{background:#fff6db}.wa-message p{white-space:pre-wrap;margin:6px 0}.wa-chat textarea{width:100%;min-height:80px}.wa-request{border-left:1px solid #dbe2e8}.wa-request button{margin:4px 2px}.wa-line-list a{display:flex;gap:8px;flex-direction:column;padding:18px;border-bottom:1px solid #dbe2e8}.wa-policy,.wa-tag{border-bottom:1px solid #dbe2e8;padding:16px 0}.wa-access{display:block;padding:8px}.mode-banner{background:#fff0ae;color:#614a00;padding:12px 24px;border-bottom:1px solid #dcc970}.mode-badge{font-size:12px;padding:5px 10px;border-radius:12px;background:#edf2f6}.wa-request #wa-hide-details,.wa-chat #wa-back{display:none}.wa-request label{display:block}.wa-workspace input:not([type=checkbox]),.wa-workspace select,.settings-content .field input{min-width:0}.wa-workspace strong,.wa-workspace th{font-weight:700}@media(max-width:1050px){.wa-panels{grid-template-columns:250px minmax(0,1fr)}.wa-request{display:none}.wa-request.visible{display:block;position:fixed;inset:85px 0 0 35%;background:white;z-index:20;box-shadow:-5px 0 20px #0002}.wa-request #wa-hide-details{display:block}}@media(max-width:650px){.wa-panels{display:block}.wa-has-chat .wa-conversations{display:none}.wa-panels:not(.wa-has-chat) .wa-chat{display:none}.wa-chat #wa-back{display:block}.wa-request.visible{inset:65px 0 0}.wa-message{margin-right:10%}.wa-message.out{margin-left:10%}.wa-filters{gap:8px}.wa-filters form{width:100%}.wa-controls h1{font-size:21px}.wa-messages{height:48dvh}.wa-controls{gap:10px}}
.wa-workspace button:not(.primary):not(.wa-conversation),.settings-content button:not(.primary){background:white;color:#24495d;border:1px solid #d4dfe7;padding:7px 10px;border-radius:4px;cursor:pointer;font:inherit;font-size:13px;min-height:34px}.wa-workspace button:focus-visible{outline:2px solid #008c95;outline-offset:2px}.wa-workspace input:not([type=checkbox]),.wa-workspace select,.wa-workspace textarea{border:0;border-bottom:1px solid #c5ced6;background:white;color:#24495d;padding:8px;font:inherit}.wa-workspace textarea:focus,.wa-workspace input:focus,.wa-workspace select:focus{outline:0;border-bottom:2px solid #008c79}.wa-chat header small{width:100%}.wa-message small{font-size:11px}.wa-request h3{margin:22px 0 8px}.wa-request p{font-size:13px}.wa-conversation small{font-size:11px}.wa-chat #wa-show-details{display:none}@media(max-width:1050px){.wa-chat #wa-show-details{display:block}}
@media(max-width:650px){.wa-workspace:has(.wa-has-chat)>.wa-controls,.wa-workspace:has(.wa-has-chat)>.wa-filters{display:none}.wa-workspace:has(.wa-has-chat){padding-top:4px}.wa-has-chat .wa-messages{height:max(200px,calc(100dvh - 495px))}.wa-chat header{gap:8px}.wa-chat .breadcrumb{margin-bottom:6px}.wa-chat{padding:10px}.wa-chat header strong{font-size:14px}.wa-chat .wa-messages{padding:5px}.wa-request.visible #wa-hide-details{position:sticky;top:0;background:white}.wa-workspace fieldset{max-width:100%}}