.thread-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.conversation-status{font-weight:700}.conversation-status-action{white-space:nowrap;min-height:32px;padding:6px 10px;border-radius:9px;border:1px solid #cfd5df;background:#fff;box-shadow:0 2px 8px rgba(25,30,48,.08);font-size:12px;font-weight:800;color:#354052}.conversation-status-action:hover{border-color:#7c5cf1;box-shadow:0 4px 12px rgba(92,53,214,.14);transform:translateY(-1px)}.thread-contact{min-width:0}.thread-contact strong,.thread-contact .small{overflow-wrap:anywhere}.whatsapp-window{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.whatsapp-window.active{background:#eaf8f0;color:#217044;border:1px solid #caebd8}.whatsapp-window.expired{background:#fff1ee;color:#a34235;border:1px solid #f2d3cd}.whatsapp-window-closed{padding:14px 18px 18px;border-top:1px solid #edf0f3;background:#fff;display:grid;gap:4px;color:#8b3b32}.whatsapp-window-closed strong{font-size:13px}.whatsapp-window-closed span{font-size:12px;color:#7b8492;line-height:1.45}.inbox-mobile-back{display:none}.reply-form{position:relative}.reply-form textarea{min-height:64px}.handoff-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;background:#fafbfc}.handoff-bar select{min-width:220px;max-width:100%;height:36px;border:1px solid #d9dee7;border-radius:9px;background:#fff;padding:0 10px;color:#273142}[data-theme="dark"] .conversation-status-action{background:#1b2432;border-color:#5d4e8a;color:#f1ecff;box-shadow:0 2px 10px rgba(0,0,0,.24)}[data-theme="dark"] .conversation-status-action:hover{background:#251d3d;border-color:#8e73ff}[data-theme="dark"] .whatsapp-window.active{background:#173a2c;color:#81e0ae;border-color:#245942}[data-theme="dark"] .whatsapp-window.expired{background:#442422;color:#ffb4aa;border-color:#68403c}[data-theme="dark"] .whatsapp-window-closed{background:#151d29;border-top-color:#293446;color:#ffb4aa}[data-theme="dark"] .whatsapp-window-closed span{color:#9aa6b6}[data-theme="dark"] .handoff-bar{background:#111925;border-color:#293446}[data-theme="dark"] .handoff-bar select{background:#1b2432;border-color:#39465a;color:#eef2f8}

/* Keep the V1.1 visual composition while allowing the page to adapt naturally on small screens. */
html,body,#app,.shell{width:100%;max-width:100%;min-width:0}.layout,.content,.inbox-layout,.conversation-list,.thread,.thread-head,.messages,.reply-form{min-width:0;max-width:100%}.layout,.content,.inbox-layout{width:100%}.thread{min-height:620px}.messages{max-height:600px}.inbox-mobile-back{display:none!important}

@media(min-width:801px) and (max-width:1100px){.inbox-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;min-height:620px}.conversation-list{max-height:none;overflow:hidden}.thread{min-height:620px;margin-top:0}.messages{max-height:600px;min-height:0}.thread-head{align-items:center;flex-direction:row}.thread-actions{justify-content:flex-end}.reply-form{position:relative;box-shadow:none}}

@media(max-width:800px){html,body,#app,.shell{min-width:0}.layout{display:block;min-width:0;max-width:100%}.content{width:100%;max-width:100%;min-width:0;padding-left:16px;padding-right:16px}.content>*{min-width:0;max-width:100%}.hero,.grid,.card,.inbox-toolbar,.inbox-layout{min-width:0;max-width:100%}.hero p,.card,.metric,.channel-main,.field,.thread-contact{overflow-wrap:anywhere;word-break:break-word}.topbar{width:100%;max-width:100%;min-width:0}.top-actions{min-width:0;max-width:68%;overflow:hidden}.top-actions .small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{width:100%;max-width:100%;min-width:0;overflow:hidden}.nav{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.inbox-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-height:0;width:100%}.inbox-layout.mobile-thread-open .conversation-list{display:grid}.conversation-list{width:100%;max-width:100%;max-height:280px;overflow:auto}.thread{width:100%;max-width:100%;min-height:0;margin-top:0}.messages{width:100%;max-width:100%;max-height:52vh;min-height:240px}.thread-head{width:100%;max-width:100%;align-items:flex-start}.thread-actions{max-width:100%;justify-content:flex-start}.conversation-status-action{min-height:34px}.reply-form{width:100%;max-width:100%;position:relative;bottom:auto;box-shadow:none}.reply-form textarea{max-width:100%}.handoff-bar{padding:10px 12px}.handoff-bar select{width:100%;min-width:0}}
@media(max-width:560px){.content{padding-left:12px;padding-right:12px}.inbox-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.inbox-toolbar .btn{width:100%;min-width:0}.thread-head{flex-direction:column}.thread-actions{width:100%;align-items:center}.thread-actions .badge{flex:0 0 auto}.conversation-status-action{flex:0 0 auto}.whatsapp-window{order:-1;width:100%;justify-content:center}.message-bubble{max-width:92%;overflow-wrap:anywhere}.reply-form{padding:10px 12px 12px}.reply-form .actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.reply-form #replyMsg{margin:0}.reply-form .btn{width:100%;min-width:0}.reply-form textarea{width:100%;max-width:100%}.messages{padding:14px;max-height:58vh;min-height:220px}.thread-head{padding:14px}.conversation-top{min-width:0}.conversation-top strong{min-width:0;overflow-wrap:anywhere}.conversation-top span{flex:0 0 auto}.handoff-bar .btn{width:100%}}