.inbox-workspace { display: grid; gap: 16px; }
.inbox-workspace .page-head { align-items: end; }
.inbox-search label,
.inbox-composer label { display: grid; gap: 6px; font-size: 13px; }
.inbox-search { padding: 12px 12px 0; }
.inbox-search input,
.inbox-composer input,
.inbox-composer textarea { width: 100%; }
.inbox-split { display: grid; grid-template-columns: minmax(240px, 320px) minmax(0, 1fr); gap: 16px; align-items: start; }
.inbox-list ul,
.inbox-messages,
.inbox-matches { list-style: none; margin: 0; padding: 0; }
.inbox-list a { display: grid; gap: 2px; padding: 12px; border-bottom: 1px solid var(--line, #e7e5e4); text-decoration: none; color: inherit; }
.inbox-list a[aria-current="page"] { background: #f5f3ff; }
.inbox-list small { color: var(--text-muted, #667); }
.inbox-list em { font-style: normal; font-weight: 600; }
.inbox-thread { display: grid; gap: 12px; min-width: 0; }
.inbox-thread-head { display: flex; justify-content: space-between; gap: 12px; align-items: start; }
.inbox-thread-head h2 { margin: 0; font-size: 18px; }
.inbox-messages { display: grid; gap: 12px; }
.inbox-messages li { display: grid; gap: 6px; padding: 12px 0; border-bottom: 1px solid var(--line, #e7e5e4); max-width: 42rem; }
.inbox-messages span,
.inbox-empty,
.inbox-block { color: var(--text-muted, #667); }
.inbox-body { margin: 0; white-space: pre-wrap; }
.inbox-composer { display: grid; gap: 12px; padding: 16px; }
.inbox-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.inbox-back { display: none; }
.inbox-pages { display: flex; gap: 12px; padding: 12px; }
@media (max-width: 1024px) {
  .inbox-split { grid-template-columns: minmax(200px, 260px) minmax(0, 1fr); }
}
@media (max-width: 768px) {
  .inbox-workspace .page-head { display: grid; gap: 12px; }
  .inbox-split { grid-template-columns: 1fr; }
  .inbox-workspace.has-thread .page-head,
  .inbox-workspace.has-thread .crm-tabs,
  .inbox-workspace.has-thread .inbox-list { display: none !important; }
  .inbox-back { display: inline-block; }
  .inbox-composer .btn,
  .inbox-thread .btn { width: 100%; }
}
