/* Tablet workspace: preserve phone layouts and reserve room for navigation. */
@media (min-width:761px) and (max-width:900px){
 .app-shell .wa-page{height:calc(100dvh - 122px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;padding:12px}
 .app-shell .wa-workspace{grid-template-columns:260px minmax(0,1fr)}
 .app-shell .wa-inbox-head{padding:14px}
 .app-shell .wa-inbox-head h1{font-size:21px}
 .app-shell .wa-message-area.chat-thread{padding:18px!important}
}
@media (min-width:761px) and (max-width:1366px){
 .app-shell .wa-inbox,.app-shell .wa-conversation{min-width:0}
 .app-shell .wa-composer{gap:10px;padding:12px 14px}
 .app-shell .wa-composer textarea{font-size:20px;line-height:1.5;min-height:48px}
 .app-shell .wa-composer button{min-height:48px;min-width:48px}
 .app-shell .wa-message-area .chat-bubble p{font-size:15px!important}
 .app-shell .wa-chat-copy strong{font-size:14px}
 .app-shell .wa-chat-copy>span{font-size:12px}
 .app-shell .wa-search input{font-size:20px}
 .app-shell .wa-icon-button,.app-shell .wa-details-button{min-height:44px}
 .app-shell .wa-details-button{padding:10px}
 .app-shell .wa-back{min-width:44px;min-height:44px}
 .app-shell .wa-contact-head{padding:14px;gap:10px}
 .app-shell .wa-contact-copy{min-width:0}
 .app-shell .wa-contact-copy h2{overflow-wrap:anywhere}
 .app-shell .wa-media-save{min-height:44px;display:flex;align-items:center;font-size:13px}
 .button,.menu-button,.topbar-actions>.icon-button{min-height:44px}
 .field input,.field select,.field textarea,.account-page input,.account-page select,.account-page textarea{font-size:20px;min-height:46px}
 .page-header{flex-wrap:wrap}
 .list-actions{min-width:0;flex-wrap:wrap}
 .detail-list dd{overflow-wrap:anywhere}
 .mobile-bottom-nav a,.mobile-bottom-nav button{font-size:13.75px}
}
@media (min-width:901px) and (max-width:1100px){
 .app-shell .wa-workspace{grid-template-columns:260px minmax(0,1fr)}
 .dashboard-grid{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:681px) and (max-width:900px){
 .contacts-list-heading{display:none}
 .contacts-page .contact-row{grid-template-columns:38px minmax(0,1fr) 45px 98px 18px}
 .contacts-page .contact-row .company-cell{display:none}
 .contacts-page .company-mobile{display:block;color:#414d5d}
}