.inbox-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 14px}.inbox-heading h1{margin:0 0 6px}.inbox-heading p{margin:0}.inbox-heading .btn,.inbox-compose .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.inbox-heading svg,.inbox-shell svg,.inbox-channel-cards svg,#inbox-template-form svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.inbox-icon{width:44px;padding:10px;flex-shrink:0}.inbox-shell{display:grid;grid-template-columns:310px minmax(0,1fr);height: min(760px,calc(100dvh - 240px));min-height:500px;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.inbox-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);min-width:0}.inbox-search{display:flex;align-items:center;gap:10px;background:var(--base);margin:16px;padding:0 12px;border-radius:12px}.inbox-search input{background:none;border:0;min-width:0;width:100%;padding:12px 0;color:var(--ink);outline-offset:0}.inbox-tabs{display:flex;gap:5px;padding:0 12px 12px;border-bottom:1px solid var(--border)}.inbox-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:42px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:13px}.inbox-tabs button[aria-pressed=true]{background:var(--raised);color:var(--accent)}.inbox-tabs svg{width:17px}.inbox-list{flex:1;overflow-y:auto}.inbox-thread{width:100%;display:flex;align-items:center;gap:12px;min-height:94px;border:0;border-bottom:1px solid color-mix(in srgb,var(--border) 25%,transparent);padding:16px 14px;text-align:left;background:none;color:var(--ink)}.inbox-thread:hover,.inbox-thread.chosen{background:var(--raised)}.inbox-avatar{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--raised);color:var(--accent);position:relative;flex-shrink:0;font-size:14px;font-weight:700}.inbox-avatar.whatsapp{color:#44d7a0;background:color-mix(in srgb,#44d7a0 12%,var(--base))}.inbox-avatar>span{position:absolute;right:-4px;bottom:-4px;border-radius:50%;width:20px;height:20px;background:var(--surface);display:grid;place-items:center}.inbox-avatar>span svg{width:13px;height:13px}.inbox-thread-copy{display:grid;gap:3px;min-width:0;flex:1}.inbox-thread-copy strong{font-size:14px}.inbox-thread-copy>span{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-thread-copy small{font-size:11px;color:var(--muted)}.inbox-thread-meta{align-self:stretch;display:flex;flex-direction:column;align-items:end;gap:10px;font-size:11px;color:var(--muted)}.inbox-thread-meta b{background:var(--accent);color:var(--accent-ink);border-radius:12px;min-width:20px;padding:1px 5px;text-align:center}.inbox-foot{display:flex;align-items:center;gap:6px;padding:12px 14px;font-size:11px;color:var(--muted);border-top:1px solid var(--border)}.inbox-foot svg{width:14px;height:14px}.inbox-detail{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--base)}.inbox-empty{margin:auto;max-width:370px;text-align:center;padding:24px;color:var(--muted)}.inbox-empty>svg{width:58px;height:58px;color:var(--accent);margin-bottom:18px}.inbox-empty h2{color:var(--ink);font-size:22px}.inbox-empty .btn svg{width:16px;height:16px}.inbox-chat-head{display:flex;align-items:center;gap:12px;padding:15px 22px;background:var(--surface);border-bottom:1px solid var(--border)}.inbox-chat-head>div{flex:1;min-width:0}.inbox-chat-head h2{font-size:16px;margin:0;overflow-wrap:anywhere}.inbox-chat-head small{font-size:12px;color:var(--muted)}.inbox-channel-note{padding:9px 22px;font-size:12px;color:var(--muted);background:var(--surface)}.inbox-history{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;align-items:start;gap:12px;padding:22px;scrollbar-gutter:stable}.inbox-bubble{max-width:82%;border-radius:0 14px 14px 14px;padding:11px 15px;background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 45%,transparent);overflow-wrap:anywhere}.inbox-bubble.mine{align-self:end;background:color-mix(in srgb,var(--accent) 11%,var(--surface));border-radius:14px 0 14px 14px}.inbox-bubble p{white-space:pre-wrap;margin:0 0 6px;font-size:14px}.inbox-bubble small{font-size:10px;color:var(--muted);display:flex;justify-content:end;flex-wrap:wrap;gap:9px}.inbox-bubble small span{display:flex;align-items:center;gap:3px}.inbox-bubble small svg{width:13px;height:13px}.inbox-bubble .read{color:var(--accent)}.inbox-compose{background:var(--surface);padding:10px 18px 12px;border-top:1px solid var(--border)}.inbox-compose form{display:flex;align-items:end;gap:10px}.inbox-compose textarea{flex:1;min-width:0;resize:vertical;max-height:160px;background:var(--base);border:1px solid var(--border);border-radius:12px;padding:10px 13px;color:var(--ink);font-size:14px;min-height:44px}.inbox-compose small{display:block;font-size:11px;color:var(--muted);margin:6px 0 0}.inbox-compose .error:empty{display:none}.inbox-back{display:none}.inbox-no-messages,.inbox-list-empty{color:var(--muted);font-size:14px;padding:26px;text-align:center;margin:auto}.inbox-older{align-self:center}.inbox-confirm{display:flex;align-items:center;gap:10px}.inbox-confirm input{width:20px;height:20px;flex-shrink:0}.inbox-channel-cards{display:grid;gap:14px}.inbox-channel-cards section{padding:18px;border:1px solid var(--border);border-radius:12px}.inbox-channel-cards strong{display:flex;align-items:center;gap:10px}.inbox-channel-cards p{font-size:14px;color:var(--muted);margin:10px 0}body.light .inbox-avatar.whatsapp{color:#087546}#inbox-send [hidden]{display:none}
@media(max-width:1100px){.inbox-shell{grid-template-columns:265px minmax(0,1fr)}.inbox-heading{flex-wrap:wrap}}@media(max-width:760px){.inbox-shell{grid-template-columns:minmax(0,1fr);height:72dvh;min-height:460px}.inbox-sidebar{border:0}.inbox-detail{display:none}.inbox-shell.has-chat .inbox-sidebar{display:none}.inbox-shell.has-chat .inbox-detail{display:flex}.inbox-back{display:inline-flex}.inbox-chat-head{padding:12px;gap:9px}.inbox-chat-head .btn:not(.inbox-back){font-size:12px;padding:6px}.inbox-history{padding:14px}.inbox-bubble{max-width:91%}.inbox-compose{padding:10px}.inbox-channel-note{padding:8px 14px}.inbox-heading h1{font-size:26px}.inbox-heading .row{gap:7px}.inbox-heading .btn.primary{font-size:13px}.inbox-heading p{font-size:14px}}