/* Operate surface; reuse Lucy's paper, ink, sage and existing typography. */
.messenger-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:20px;align-items:start}
.messenger-layout>*{min-width:0}.messenger-side{display:flex;flex-direction:column;gap:16px}#messengerPreview{order:-1}
.messenger-layout h2{font:600 22px/1.25 "Segoe UI","Noto Sans",Arial,sans-serif;margin:0 0 12px}
.messenger-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.messenger-fields label{margin-top:0}
#messengerText{min-height:160px;max-height:440px}.messenger-actions{display:flex;gap:8px;flex-wrap:wrap}.messenger-actions button{max-width:100%;min-width:44px;min-height:44px;white-space:normal;overflow-wrap:anywhere}
.messenger-file{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;min-width:0}.messenger-file>span{flex:1;min-width:0;overflow-wrap:anywhere}.messenger-file>button{flex:none;min-height:44px;min-width:44px}
#messengerPreviewContent{white-space:pre-wrap;overflow-wrap:anywhere}#messengerPreviewContent p{margin:8px 0}#messengerPreview:focus{outline:3px solid #8eb7a2;outline-offset:3px}
#messengerProviderStatus,#messengerResult,#gmailSetupResult,#gmailSetup a{overflow-wrap:anywhere}#messengerResult{font-size:14px}#gmailSetup a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent)}#gmailSetup button{display:block;max-width:100%;white-space:normal}
.file-send{grid-column:4;grid-row:1;min-width:0;align-self:start}.file-send summary{cursor:pointer;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:600;list-style:none}.file-send summary::-webkit-details-marker{display:none}.file-send summary::after{content:'▾';margin-left:8px}.file-send[open] summary{background:var(--toolbar)}.file-send button{width:100%;min-height:44px;min-width:44px;margin-top:4px;white-space:normal;overflow-wrap:anywhere}.file-send summary:focus-visible{outline:3px solid #8eb7a2;outline-offset:3px}.file-send button:hover,.file-send summary:hover{background:#e8edf0}
.chat-forward{min-height:44px;min-width:44px;margin-top:8px}.grid-view .file-send{grid-column:3;grid-row:2}
@media(max-width:1000px){.messenger-layout{grid-template-columns:minmax(0,1fr)}.messenger-side{max-width:100%}}
@media(max-width:700px){
 #tabs button{padding:10px 4px;font-size:12px;min-height:44px}
 .messenger-fields{grid-template-columns:minmax(0,1fr);gap:12px}.messenger-layout{gap:16px}.messenger-layout .transfer-section{padding:16px}.messenger-actions button{flex:1 1 130px}#messengerConfirm{flex-basis:100%}.messenger-file{gap:8px}.messenger-file button{padding:8px}
 .file-send{grid-column:3;grid-row:2}.file-row:not(.folder-row)>span{grid-column:2;grid-row:2;overflow-wrap:anywhere}.grid-view .file-row:not(.folder-row)>span{grid-column:1/3}.file-send summary{font-size:12px}.file-send button{padding:8px 4px;font-size:12px}
 #messengerPanel .section-head{flex-wrap:wrap;gap:8px}#messengerPanel .section-head>div{min-width:0}
}
@media(max-width:360px){#tabs button{font-size:11px;padding:10px 1px}}