body{color:var(--ink);background:var(--paper)}body>header{height:86px;padding:14px 32px}.message-brand{display:flex;align-items:center;gap:14px;min-width:0;font-size:24px}.message-brand img{width:56px;height:56px;border-radius:12px}main{max-width:1120px;padding:20px 24px}.back-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;font-weight:600}#editor{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff)}h1{font-size:28px;line-height:1.2;margin:0}.channel-tabs{display:flex;gap:8px;margin:18px 0}.channel-tabs button{flex:1}.channel-tabs button[aria-pressed=true]{background:var(--accent);color:white}.compose-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px}label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}input,textarea{width:100%;min-width:0;min-height:44px;color:var(--ink);background:var(--surface,#fff);border:1px solid var(--line);padding:11px;border-radius:9px}#sender,#subject-group{margin-bottom:16px}input[readonly]{color:var(--muted);background:var(--paper)}textarea{resize:vertical;min-height:140px}.recipients-panel{min-width:0;background:var(--paper);padding:16px;border:1px solid var(--line);border-radius:12px;align-self:start}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}h2{font-size:16px;margin:0}#selected-count{font-size:12px;color:var(--muted)}#recipient-search{margin-bottom:10px}.contact-choice{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:10px 0;border-top:1px solid var(--line)}.contact-choice input{width:18px;height:18px;min-height:0;flex:none;accent-color:var(--ink)}.contact-choice span{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.contact-choice small,.consent{font-size:12px;color:var(--muted);font-weight:400;font-style:normal}.contact-choice:has(input:disabled){opacity:.65}.editor-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}button{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 18px;background:var(--surface,#fff);color:var(--ink);font-weight:600}#send-message{min-width:160px;background:var(--accent);color:white;cursor:not-allowed}.empty-results,#load-status,#desktop-only{color:var(--muted);font-size:14px}#load-status:empty{display:none}#retry{margin-bottom:12px}@media(max-width:899px){#editor,#load-status,#retry{display:none!important}body>header{padding:12px 17px;height:74px}.message-brand{font-size:20px}.message-brand img{width:45px;height:45px}main{padding:12px 16px}}@media(min-width:900px){#desktop-only{display:none}}

/* Shared sidebar geometry and link styling come from /desktop-layout.css. */
.workspace>main{min-width:0;margin:0;width:100%;max-width:none}#editor{max-width:1120px}#composer-title{margin-bottom:20px}
@media(max-width:1100px) and (min-width:900px){.compose-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:899px){.workspace{display:block;min-height:0}.message-sidebar{display:none!important}}