/* Width drives the conversation layout, including narrow iPad windows. */
.team-detail-actions{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 0}
.team-back,.team-customer-shortcut{min-height:44px}
.team-back{display:none}
#team-detail-title{margin:0;font-size:1.125rem;overflow-wrap:anywhere;scroll-margin-top:90px}
#team-detail-title:focus-visible{outline:3px solid var(--focus,#455dc7);outline-offset:4px}
.team-inbox .contact-row,.team-inbox summary,.team-inbox button,.team-inbox select{min-height:44px}
.team-inbox summary{align-content:center}
.team-inbox .contact-list{border-inline-end:1px solid var(--line);border-right:0}
.team-inbox .team-compose textarea{scroll-margin-block:100px 180px}
@media(min-width:701px){.team-inbox{grid-template-columns:minmax(240px,32%) minmax(0,1fr)}.team-inbox .contact-list{max-height:calc(100dvh - 160px);border-bottom:0;position:sticky;top:0}.team-inbox .team-thread{min-width:0}}
@media(max-width:700px){.team-inbox{display:block;min-height:0}.team-inbox .contact-list{max-height:none;border:0}.team-inbox:not(.is-detail) .team-thread{display:none}.team-inbox.is-detail .contact-list{display:none}#content:has(.team-inbox.is-detail) .team-list-tools{display:none}.team-back{display:inline-flex;align-items:center}.team-detail-actions{padding:12px}.team-inbox .thread-head{padding:14px}.team-inbox .team-messages{height:min(42dvh,380px);min-height:180px}.team-inbox .team-compose{padding:16px}.team-inbox .team-compose .actions{justify-content:flex-start}.team-inbox .team-compose .actions button{flex:1 1 auto}.team-inbox .customer-context,.team-inbox .conversation-notes,.team-inbox .conversation-history{padding:14px}.team-inbox .team-compose textarea{font-size:1rem}}