body[data-page=messages] .workspace{height:100dvh;display:flex;flex-direction:column;overflow:hidden}body[data-page=messages] #content{flex:1;min-height:0;display:flex}
.manager-messages{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:20px;width:min(100%,1400px);margin:0 auto;min-height:0;flex:1}
.manager-message-people,.manager-message-conversation{background:var(--surface-two);border:1px solid var(--line);border-radius:10px;padding:16px;min-height:0;min-width:0;display:flex;flex-direction:column;gap:14px}
.manager-message-people>label{display:grid;gap:9px;font-size:13px;font-weight:600}.manager-message-people input,.manager-message-search input{width:100%;min-width:0;background:var(--field);border:1px solid var(--line);border-radius:7px;padding:10px;font:inherit}
.manager-message-person-list{display:flex;flex-direction:column;gap:7px;overflow:auto;min-height:0;padding:2px}.manager-message-person-list>button{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;flex:none;padding:10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text)}
.manager-message-person-list>button:hover,.manager-message-person-list>button.active{background:var(--field);border-color:var(--line)}.manager-message-person-list>button>span:last-child{min-width:0;display:grid;gap:4px}.manager-message-person-list strong{font-size:13px;font-weight:550;overflow-wrap:anywhere}.manager-message-person-list small{font-size:11px;color:var(--muted)}
.manager-message-conversation>header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.manager-message-person-heading{display:flex;align-items:center;gap:10px;min-width:0}.manager-message-person-heading strong{font-size:15px;font-weight:600}.manager-message-conversation .tabs{margin:0}.manager-message-conversation .tabs button{font-size:13px;padding:8px 14px}
.manager-message-search{display:flex;align-items:center;gap:8px}.manager-message-error:empty{display:none}.manager-message-error{font-size:13px;color:var(--red)}
.manager-message-feed{display:flex;flex-direction:column;gap:12px;overflow:auto;min-height:0;flex:1;padding:6px 10px}.manager-message-feed>.empty{margin:auto;text-align:center}
.manager-message-feed .manager-message-row{flex:none;align-self:flex-start;min-width:160px;width:fit-content;max-width:min(92%,820px);padding:12px 14px;background:var(--surface-three);border:1px solid var(--line);border-radius:9px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;white-space:normal}
.manager-message-source{display:block;max-width:100%;margin:0 0 8px;padding:0;border:0;background:none;color:var(--muted);font-size:12px;font-weight:600;text-align:left;white-space:normal;overflow-wrap:anywhere}.manager-message-source:hover{color:var(--text);text-decoration:underline}.manager-message-row p{margin:0}.manager-message-row footer{text-align:right;margin-top:7px;font-size:10px;color:var(--muted)}
.manager-message-older{display:flex;justify-content:center;flex:none}.manager-message-older>button{font-size:12px;padding:7px 15px}
.manager-message-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.manager-message-file{display:flex;flex-direction:column;gap:6px;min-width:120px;max-width:220px;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--field);font-size:12px}.manager-message-file>span{overflow-wrap:anywhere}.manager-message-file>a{align-self:flex-end;color:var(--text);font-weight:500}.manager-message-file svg{width:32px;height:32px}.manager-message-file img,.manager-message-file video{max-width:100%;max-height:170px;object-fit:contain}.manager-message-preview{padding:0;border:0;background:none}
@media(max-width:950px){.manager-messages{grid-template-columns:220px minmax(0,1fr);gap:12px}.manager-message-people,.manager-message-conversation{padding:12px}.manager-message-feed .manager-message-row{max-width:100%}}
@media(max-width:650px){.manager-messages{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px}.manager-message-people{max-height:190px;gap:8px}.manager-message-person-list{flex-direction:row;overflow:auto}.manager-message-person-list>button{min-width:160px;max-width:220px}.manager-message-people>label>span{display:none}.manager-message-conversation>header{gap:8px}.manager-message-conversation .tabs button{padding:7px 11px}.manager-message-feed{padding:3px;gap:10px}.manager-message-person-heading strong{font-size:14px}}