.inbox-layout,.crm-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px}.conversation-list{padding:12px}.conversation{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:0;background:transparent;text-align:left;padding:12px;border-radius:12px;cursor:pointer;color:var(--text)}.conversation:hover,.conversation.active{background:var(--surface-2)}.conversation strong,.conversation span{display:block}.conversation span{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.conversation b{font-size:10px;color:var(--muted);font-weight:600}.chat{display:flex;flex-direction:column;min-height:560px}.chat-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border)}.chat-head strong,.chat-head span{display:block}.chat-head span{font-size:11px;color:var(--muted);margin-top:3px}.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 11px;border-radius:10px;cursor:pointer}.messages{flex:1;display:flex;flex-direction:column;gap:12px;padding:24px 0}.message{max-width:72%;padding:12px 14px;border-radius:15px;font-size:13px;line-height:1.45}.message.inbound{background:var(--surface-2);align-self:flex-start}.message.outbound{background:var(--accent);color:#fff;align-self:flex-end}.composer{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid var(--border);padding-top:14px}.composer input{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit}.crm-layout{grid-template-columns:minmax(0,1fr) 330px}.customer-table{display:grid;gap:6px}.customer-row{width:100%;display:grid;grid-template-columns:auto minmax(150px,1.2fr) minmax(110px,.7fr) auto;gap:12px;align-items:center;border:0;background:transparent;padding:12px;border-radius:12px;text-align:left;color:var(--text);cursor:pointer}.customer-row:hover,.customer-row.active{background:var(--surface-2)}.customer-row strong,.customer-row span{display:block}.customer-row span{font-size:11px;color:var(--muted);margin-top:2px}.profile-card{align-self:start;position:sticky;top:110px}.profile-top{display:flex;gap:12px;align-items:center;margin-bottom:14px}.profile-top h2{margin:0;font-size:18px}.profile-top p{margin:4px 0 0;color:var(--muted);font-size:12px}.avatar.large{width:48px;height:48px;font-size:14px}@media(max-width:1050px){.inbox-layout,.crm-layout{grid-template-columns:1fr}.profile-card{position:static}}@media(max-width:760px){.conversation span{max-width:150px}.customer-row{grid-template-columns:auto 1fr auto}.customer-row>div:nth-child(3){display:none}.message{max-width:88%}}