.friend-section-heading,.message-inbox header,.message-inbox-actions,.message-pane-header,.study-composer-actions,.study-composer-actions>div,.study-message-meta{
 display:flex;
 align-items:center;
 gap:.65rem;
}
.friend-section-heading,.message-inbox header,.study-composer-actions{justify-content:space-between}
#modal:has(.message-workspace){
 width:min(68rem,calc(100vw - 2rem));
 max-width:none;
}
#modal:has(.message-workspace) #modalBody{padding:0;overflow:hidden}
.message-workspace{
 display:grid;
 grid-template-columns:minmax(13rem, 28%) minmax(0,1fr);
 height:min(42rem,72dvh);
 min-height:0;
}
.message-workspace h3,.message-workspace p{margin:0}
.message-workspace button,.study-invite button{min-height:44px}
.message-inbox,.message-pane{display:flex;flex-direction:column;min-width:0;min-height:0}
.message-inbox{padding:1rem;background:var(--panel);border-right:1px solid var(--line);gap:.7rem}
.message-inbox h3{font-family:var(--serif);font-size:1.5rem}
.message-inbox .eyebrow{font-size:.65rem}
.message-inbox-actions{flex-wrap:wrap}
.message-list{display:grid;align-content:start;gap:.3rem;overflow:auto;overscroll-behavior:contain}
.message-inbox-row{
 display:grid;grid-template-columns:2.2rem minmax(0,1fr);align-items:center;gap:.65rem;
 width:100%;padding:.6rem;text-align:left;border:1px solid transparent;border-radius:.7rem;
}
.message-inbox-row:hover,.message-inbox-row[aria-current]{background:var(--soft);border-color:var(--line)}
.message-inbox-row strong,.message-inbox-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-inbox-row small,.study-message-meta time{color:var(--muted);font-size:.75rem}
.message-badge{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--paper);color:var(--accent);border:1px solid var(--line)}
.message-welcome{margin:auto;max-width:28rem;padding:1.5rem;text-align:center;color:var(--muted)}
.message-welcome h3{font:1.5rem var(--serif);color:var(--ink);margin-bottom:.5rem}
.message-pane-header{padding:.7rem 1rem;border-bottom:1px solid var(--line)}
.message-pane-header>div{flex:1;min-width:0;overflow-wrap:anywhere}
.message-pane-header h3{font:1.3rem var(--serif)}
.message-pane-header p{font-size:.8rem}
.message-pane-header details{margin-left:auto;flex:none}
.message-back{display:none}
.study-message-scroll{flex:1;min-height:0;padding:1rem;overflow:auto;overscroll-behavior:contain}
#studyMessageRows{display:flex;flex-direction:column;gap:.75rem}
.message-empty{text-align:center;padding:1rem}
.study-message{
 align-self:flex-start;width:fit-content;max-width:88%;min-width:min(12rem,100%);
 background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:.7rem .85rem;
 overflow-wrap:anywhere;
}
.study-message.mine{align-self:flex-end;background:var(--soft)}
.study-message-meta{flex-wrap:wrap;justify-content:space-between;font-size:.82rem;margin-bottom:.3rem}
.study-message p,.study-message-share p{white-space:pre-wrap;line-height:1.5}
.study-message .small-action{min-height:40px;padding:.2rem 0}
.study-message-share{padding:.6rem;margin-top:.45rem;border-left:3px solid var(--accent);background:var(--paper);border-radius:.3rem}
.study-message-share a{color:var(--accent)}
.study-message-share summary{cursor:pointer;font-weight:600;margin-bottom:.35rem}
.study-message-form{padding:.7rem 1rem;border-top:1px solid var(--line);background:var(--paper);overflow:auto;max-height:60%;flex:none}
.study-message-form textarea{width:100%;min-height:3rem;font-size:1rem;resize:vertical;margin-bottom:.3rem}
.study-message-form .primary,.study-group-form .primary,.study-invite .primary{background:var(--accent);color:var(--paper)}
.study-composer-actions>div{flex-wrap:wrap}
.study-message-attachments{display:flex;flex-wrap:wrap;gap:.35rem;margin:.2rem 0}
.study-attachment-chip{display:flex;align-items:center;gap:.35rem;padding:.15rem .4rem;border:1px solid var(--line);border-radius:.5rem;max-width:100%;font-size:.8rem}
.study-attachment-chip span{overflow-wrap:anywhere}
.study-attachment-chip small{display:block;color:var(--muted)}
.study-attachment-picker{padding:.7rem;margin-top:.35rem;border:1px solid var(--line);border-radius:.6rem;background:var(--panel)}
.study-picker-fields,.study-picker-note{display:flex;align-items:end;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}
.study-picker-fields label,.study-picker-note label{display:grid;gap:.2rem;font-size:.82rem;min-width:0}
.study-picker-fields input{width:5rem}
.study-picker-fields select,.study-picker-note select,.study-picker-fields input{min-height:44px;font-size:1rem;max-width:100%}
.study-picker-note label{flex:1 1 11rem}
.study-picker-note button,.study-picker-fields button{white-space:normal}
.study-group-form{padding:1rem;overflow:auto}
.study-group-form fieldset{display:grid;gap:.2rem;border:1px solid var(--line);margin-bottom:.5rem}
.study-group-form fieldset label{display:flex;gap:.5rem;align-items:center;min-height:40px}
.study-invite p{margin-bottom:1rem}
@media(max-width:760px){
 #modal:has(.message-workspace){width:100%;max-height:var(--mobile-viewport-height,100dvh)}
 .message-workspace{height:100%;min-height:0;display:flex;flex-direction:column}
 .study-message-form{max-height:70%}
 .message-inbox,.message-pane{height:100%;border-right:0}
 .message-inbox{padding:.8rem}
 .message-pane,.thread-open .message-inbox{display:none}
 .thread-open .message-pane{display:flex}
 .message-back{display:inline-block}
 .study-message-scroll{padding:.6rem}
 .study-message-form{padding:.55rem .65rem}
 .study-message{max-width:96%}
 .study-composer-actions{gap:.3rem}
 .study-composer-actions>div{gap:.2rem}
 .study-composer-actions button{padding-inline:.5rem}
}