:root{--color-app-bg: #f6f5f4;--color-rail-bg: #f4f3f2;--color-panel-bg: #ffffff;--color-surface: #ffffff;--color-surface-muted: #f6f5f4;--color-border: #e9e7e6;--color-border-strong: #d1d7db;--color-text-primary: #111b21;--color-text-secondary: #667781;--color-text-muted: #8696a0;--color-accent: #00a884;--color-accent-strong: #008069;--color-accent-soft: #d9fdd3;--color-chat-bg: #efeae2;--color-incoming-bubble: #ffffff;--color-outgoing-bubble: #d9fdd3;--color-hover: #f5f6f6;--color-active: #f0f2f5;--color-danger: #ea0038;--color-overlay: rgba(17, 27, 33, .42);--color-button-dark: #111b21;--rail-width: 64px;--left-panel-width: 560px;--right-drawer-width: 420px;--header-height: 64px;--composer-min-height: 58px;--font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-title: 24px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-popover: 0 2px 8px rgba(11, 20, 26, .15);--shadow-modal: 0 12px 32px rgba(11, 20, 26, .28)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family);background:var(--color-app-bg);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,input,textarea{font:inherit}button{border:0;cursor:pointer;background:transparent;color:inherit}button:disabled{cursor:default}input,textarea{border:0;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#0b141a38}::-webkit-scrollbar-track{background:transparent}.app-shell{display:grid;grid-template-columns:var(--rail-width) var(--left-panel-width) 1fr;width:100vw;height:100vh;background:var(--color-app-bg)}.app-rail{display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:8px;background:var(--color-rail-bg);border-right:1px solid var(--color-border)}.rail-group{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%}.rail-spacer{flex:1}.rail-divider{width:30px;height:1px;margin:4px 0;background:var(--color-border-strong)}.icon-button,.rail-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);color:#54656f}.icon-button:hover,.rail-button:hover,.icon-button.active,.rail-button.active{background:#e9edef;color:#111b21}.status-dot{position:absolute;width:7px;height:7px;margin-top:26px;margin-left:26px;border-radius:50%;background:#25d366}.left-panel{min-width:0;height:100vh;background:var(--color-panel-bg);border-right:1px solid var(--color-border);overflow:hidden}.panel-scroll{height:100%;overflow-y:auto;padding:18px 16px 20px}.left-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:36px;margin-bottom:14px}.brand-placeholder{font-size:24px;font-weight:600;letter-spacing:-.03em}.header-actions{display:inline-flex;align-items:center;gap:8px}.search-bar{display:flex;align-items:center;gap:12px;height:40px;padding:0 16px;border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-secondary)}.search-bar.focused{outline:2px solid #111b21;outline-offset:0;background:#fff}.search-bar input{width:100%;background:transparent;color:var(--color-text-primary);font-size:14px}.filters{display:flex;align-items:center;gap:7px;margin:12px 0 14px}.chip{height:32px;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:#fff;color:#3b4a54;font-size:14px}.chip.active{background:#e7fce3;border-color:#cfe9c9;color:#111b21;font-weight:600}.chip.round{width:34px;padding:0}.section-label{margin:20px 0 8px;color:#3b4a54;font-size:14px;font-weight:500}.conversation-list{display:flex;flex-direction:column;gap:2px}.conversation-card{position:relative;display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;min-height:72px;padding:8px 12px;border-radius:10px}.conversation-card:hover,.conversation-card.active{background:var(--color-active)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;overflow:hidden;border-radius:50%;background:#d9f0ff;color:#007ebf;font-weight:600}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.small{width:40px;height:40px;flex-basis:40px}.avatar.large{width:62px;height:62px;flex-basis:62px}.conversation-main{min-width:0}.conversation-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-name{overflow:hidden;color:var(--color-text-primary);font-size:17px;font-weight:500;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{display:flex;align-items:center;gap:4px;min-width:0;margin-top:2px;color:var(--color-text-secondary);font-size:14px;line-height:20px}.conversation-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{align-self:start;padding-top:12px;color:var(--color-text-secondary);font-size:12px}.main-area{position:relative;min-width:0;height:100vh;overflow:hidden;background:var(--color-chat-bg)}.chat-layout{display:grid;grid-template-rows:var(--header-height) 1fr auto;height:100%}.chat-header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 16px;border-bottom:1px solid var(--color-border);background:#fff}.chat-contact{display:flex;align-items:center;gap:12px;min-width:0}.chat-contact-name{font-size:17px;font-weight:500}.chat-contact-status{color:var(--color-text-secondary);font-size:13px}.chat-actions{display:inline-flex;align-items:center;gap:8px}.list-button{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:#fff;font-weight:600}.messages-wrap{position:relative;overflow-y:auto;padding:18px 64px 16px}.messages-wrap:before{position:fixed;inset:var(--header-height) 0 var(--composer-min-height) calc(var(--rail-width) + var(--left-panel-width));pointer-events:none;content:"";opacity:.32;background:radial-gradient(circle at 16px 16px,rgba(130,100,60,.09) 0 1px,transparent 1px 32px),radial-gradient(circle at 42px 52px,rgba(130,100,60,.08) 0 1px,transparent 1px 40px),linear-gradient(35deg,transparent 48%,rgba(130,100,60,.045) 49% 51%,transparent 52%);background-size:96px 96px,128px 128px,80px 80px}.message-stack{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;min-height:100%}.date-separator{align-self:center;margin:4px 0 12px;padding:7px 12px;border-radius:var(--radius-sm);background:#fff;color:#54656f;font-size:13px;box-shadow:0 1px 1px #0b141a14}.message-row{display:flex;width:100%}.message-row.outgoing{justify-content:flex-end}.message-bubble{position:relative;max-width:720px;padding:8px 10px 6px;border-radius:8px;box-shadow:0 1px .5px #0b141a21;color:#111b21;font-size:14px;line-height:19px;white-space:pre-line}.message-bubble.incoming{background:var(--color-incoming-bubble);border-top-left-radius:0}.message-bubble.outgoing{background:var(--color-outgoing-bubble);border-top-right-radius:0}.message-bubble.incoming:before,.message-bubble.outgoing:before{position:absolute;top:0;width:0;height:0;content:"";border-top:8px solid currentColor}.message-bubble.incoming:before{left:-8px;color:var(--color-incoming-bubble);border-left:8px solid transparent}.message-bubble.outgoing:before{right:-8px;color:var(--color-outgoing-bubble);border-right:8px solid transparent}.message-title{display:block;margin-bottom:8px;font-weight:600}.message-media{width:240px;height:190px;margin:-2px -4px 6px;border-radius:6px;background:#00275a}.read-more{color:var(--color-accent-strong);font-weight:700}.message-meta{display:inline-flex;align-items:center;gap:3px;float:right;margin-top:2px;margin-left:8px;color:#111b218c;font-size:11px;line-height:14px}.deleted-message{display:inline-flex;align-items:center;gap:8px;color:#667781;font-style:italic}.composer{display:flex;align-items:flex-end;gap:10px;padding:10px 12px;background:transparent}.composer-inner{display:flex;align-items:flex-end;width:100%;min-height:50px;padding:4px 6px 4px 4px;border-radius:26px;background:#fff;box-shadow:0 1px 2px #0b141a14}.composer-input{min-height:42px;max-height:160px;flex:1;padding:12px 8px;resize:none;color:var(--color-text-primary);font-size:15px}.send-button{width:42px;height:42px;border-radius:50%;background:var(--color-button-dark);color:#fff}.drawer{position:absolute;top:0;right:0;z-index:5;width:var(--right-drawer-width);height:100%;border-left:1px solid var(--color-border);background:#fff;box-shadow:-1px 0 #0b141a0a}.drawer-header{display:flex;align-items:center;gap:18px;height:var(--header-height);padding:0 18px;font-size:18px;font-weight:500}.drawer-body{padding:0 18px 24px}.search-results{display:flex;flex-direction:column;gap:10px;margin-top:16px}.search-result{padding:10px 8px;border-radius:10px;color:#54656f;font-size:14px;line-height:19px}.search-result:hover,.search-result.active{background:var(--color-active)}.search-result-time{margin-bottom:4px;color:#667781;font-size:12px}.highlight{color:#00a884;font-weight:700}.settings-view,.business-view{display:grid;grid-template-columns:var(--left-panel-width) 1fr;height:100vh;background:#f7f5f4}.settings-menu,.business-menu{overflow-y:auto;padding:20px 28px;border-right:1px solid var(--color-border);background:#fff}.page-title{margin:0 0 18px;font-size:24px;font-weight:500}.notice-card{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:start;padding:16px;margin:18px 0;border:1px solid var(--color-border-strong);border-radius:14px}.notice-card strong{display:block;margin-bottom:4px}.notice-card span{color:#3b4a54;font-size:14px}.notice-card a{color:var(--color-accent-strong);font-weight:700}.settings-profile{display:flex;align-items:center;gap:18px;margin:24px 0;padding:0 8px 20px;border-bottom:1px solid var(--color-border);font-size:17px}.menu-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:64px;padding:6px 8px;border-radius:10px}.menu-row:hover,.menu-row.active{background:var(--color-active)}.menu-row-title{font-size:16px;font-weight:500}.menu-row-subtitle{color:#667781;font-size:14px;line-height:19px}.menu-row.danger{color:var(--color-danger)}.placeholder-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#667781}.placeholder-center strong{color:var(--color-text-primary);font-size:32px;font-weight:400}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:var(--color-overlay)}.modal{width:min(1280px,calc(100vw - 320px));height:min(860px,calc(100vh - 210px));overflow:hidden;border-radius:14px;background:#fff;box-shadow:var(--shadow-modal)}.modal.small{width:500px;height:auto;min-height:300px}.modal-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 20px;border-bottom:1px solid var(--color-border)}.modal-title strong{display:block;font-size:16px}.modal-title span{color:var(--color-text-secondary);font-size:14px}.modal-tabs{display:flex;align-items:center;justify-content:center;height:100%;gap:44px}.modal-tab{position:relative;height:64px;color:#667781;font-size:16px}.modal-tab.active{color:#111b21}.modal-tab.active:after{position:absolute;right:0;bottom:0;left:0;height:2px;content:"";background:#111b21}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 64px);text-align:center}.empty-illustration{width:112px;height:82px;margin-bottom:18px;border:2px solid #111b21;border-radius:14px;background:#d7ffd1;box-shadow:inset 0 14px #25d366}.empty-state strong{font-size:17px}.empty-state p{max-width:320px;margin:6px 0 0;color:#667781;font-size:14px;line-height:20px}.theme-options{display:flex;flex-direction:column;gap:18px;padding:26px}.radio-row{display:flex;align-items:center;gap:12px;font-size:15px}.radio-dot{width:18px;height:18px;border:2px solid #8696a0;border-radius:50%}.radio-dot.active{border:5px solid #111b21}.modal-footer{display:flex;justify-content:flex-end;gap:16px;padding:18px 26px}.text-button{color:var(--color-accent-strong);font-weight:700}.primary-pill{height:42px;padding:0 24px;border-radius:var(--radius-pill);background:var(--color-button-dark);color:#fff;font-weight:700}@media(max-width:1200px){.app-shell{grid-template-columns:var(--rail-width) 420px 1fr}.messages-wrap{padding-inline:34px}}.settings-view,.business-view{grid-column:2 / 4}:root{--rail-width: 52px;--left-panel-width: 448px;--header-height: 60px;--composer-min-height: 58px}.app-shell{background:#f0f2f5}.app-rail{padding:8px 0;gap:7px;background:#f0f2f5}.rail-group{gap:7px}.rail-footer{gap:6px}.rail-button{position:relative;width:40px;height:40px;color:#54656f}.rail-button.small{width:34px;height:34px}.rail-button:hover,.rail-button.active{background:#dfe5e7;color:#111b21}.status-dot{position:absolute;right:5px;bottom:5px;width:7px;height:7px;margin:0;border-radius:50%;background:#25d366;box-shadow:0 0 0 2px #f0f2f5}.left-panel{position:relative;background:#fff}.panel-scroll{padding:18px 13px 20px}.left-panel-header{min-height:42px;margin-bottom:11px}.brand-placeholder{font-size:22px;font-weight:700;letter-spacing:-.03em}.header-actions{gap:5px}.icon-button{width:38px;height:38px;color:#54656f}.icon-button:hover,.icon-button.active{background:#e9edef;color:#111b21}.search-bar{height:39px;gap:11px;padding:0 14px;border:1px solid transparent;background:#f0f2f5}.search-bar.focused{border-color:#111b21;outline:0;background:#fff}.search-bar input{color:#111b21;font-size:13px}.search-bar input::placeholder{color:#667781}.search-bar button{display:inline-flex;align-items:center;justify-content:center;color:#54656f}.filters{gap:7px;margin-top:11px;margin-bottom:12px;overflow:hidden}.chip{display:inline-flex;align-items:center;justify-content:center;min-width:max-content;height:31px;padding:0 13px;border-color:#d1d7db;color:#3b4a54;font-size:13px;font-weight:500;white-space:nowrap}.chip.active{border-color:#cdecc9;background:#e7fce3;color:#111b21}.chip.round{width:32px;height:32px;padding:0}.section-label,.popover-section-title{margin:18px 0 8px;padding-left:6px;color:#54656f;font-size:13px;font-weight:500}.conversation-list{gap:2px}.conversation-card{width:100%;min-height:72px;grid-template-columns:52px 1fr auto;gap:9px;padding:7px 10px;border-radius:10px;text-align:left}.conversation-card:hover{background:#f5f6f6}.conversation-card.active{background:#f0f2f5}.conversation-name{font-size:16px;font-weight:500;line-height:21px}.conversation-preview{margin-top:1px;font-size:13px;line-height:19px}.preview-check,.conversation-preview svg{color:#53bdeb;flex:0 0 auto}.conversation-time{display:inline-flex;flex-direction:column;align-items:flex-end;align-self:start;gap:6px;min-width:42px;padding-top:10px;font-size:11px}.compact-contacts .conversation-card{grid-template-columns:48px 1fr}.compact-contacts .conversation-time{display:none}.chat-header{position:relative;height:60px;padding:0 14px;border-bottom-color:#e9edef}.chat-contact{display:flex;align-items:center;gap:12px;max-width:390px;padding:5px 7px;border-radius:8px;text-align:left}.chat-contact:hover{background:#f5f6f6}.chat-contact span{display:block}.chat-contact-name{font-size:16px;line-height:20px}.chat-contact-status{margin-top:1px;color:#667781;font-size:12px;line-height:16px}.chat-actions{gap:5px}.list-button{height:38px;gap:7px;padding:0 14px;border-color:#d1d7db;border-radius:999px;background:#fff;color:#111b21;font-size:14px;font-weight:600}.list-button:hover{background:#f5f6f6}.video-button{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:48px;height:38px;border-radius:999px;color:#54656f}.video-button:hover{background:#e9edef;color:#111b21}.messages-wrap{padding:20px 56px 16px;background:#efeae2}.messages-wrap:before{inset:60px 0 58px calc(var(--rail-width) + var(--left-panel-width));opacity:.44;background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23cfb99d' stroke-opacity='.24' stroke-width='1.15'%3E%3Cpath d='M22 28c12-14 30 7 17 20-9 9-26 1-24-12'/%3E%3Cpath d='M96 21c18 4 19 33 1 38-18 5-31-17-20-31 5-6 11-8 19-7z'/%3E%3Cpath d='M132 48l24-11 8 22-26 8z'/%3E%3Cpath d='M28 111c9-13 27-4 26 10s-20 22-31 9c-5-6-3-14 5-19z'/%3E%3Cpath d='M91 111c16-10 32 9 22 25-9 15-35 10-38-8-1-7 4-13 16-17z'/%3E%3Cpath d='M139 120c8-11 25-6 27 8 2 16-17 25-29 13-6-6-5-14 2-21z'/%3E%3Cpath d='M55 75h25v18H55zM118 82h18v18h-18z'/%3E%3Cpath d='M17 64l18 8-14 15zM153 86l15 5-12 14z'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(0deg,#ffffff38,#ffffff38);background-size:230px 230px,auto}.message-stack{gap:3px}.date-separator{margin:2px 0 12px;padding:6px 12px;border-radius:7px;color:#667781;font-size:12px}.message-bubble{max-width:min(720px,68%);padding:7px 9px 5px;border-radius:7.5px;font-size:14px;line-height:19px;box-shadow:0 1px .5px #0b141a21}.message-bubble.incoming{border-top-left-radius:2px}.message-bubble.outgoing{border-top-right-radius:2px}.message-bubble.with-media{padding:4px 4px 5px}.message-bubble.incoming:before,.message-bubble.outgoing:before{top:0;border-top-width:9px}.message-bubble.incoming:before{left:-8px;border-left-width:8px}.message-bubble.outgoing:before{right:-8px;border-right-width:8px}.message-media{width:246px;height:190px;margin:0 0 6px;border-radius:5px}.message-title{margin-bottom:7px}.message-meta{margin-top:3px;color:#111b218a;font-size:11px}.message-meta svg{color:#53bdeb}.read-more{color:#008069;font-weight:700}.composer{min-height:58px;padding:8px 10px 9px;background:transparent}.composer-inner{min-height:48px;padding:4px 8px 4px 4px;border-radius:24px}.composer-input{min-height:40px;padding-top:11px;padding-bottom:9px;color:#111b21;font-size:14px}.send-button{flex:0 0 40px;width:40px;height:40px}.dropdown-menu{position:absolute;z-index:15;min-width:260px;padding:8px;border:1px solid rgba(11,20,26,.08);border-radius:12px;background:#fff;box-shadow:0 3px 14px #0b141a2e}.left-main-menu{top:56px;right:12px}.new-chat-popover{top:56px;right:12px;width:370px}.chat-menu-popover{top:52px;right:12px}.add-list-popover{top:52px;right:124px;width:320px}.popover-title{padding:8px 10px 12px;color:#111b21;font-size:17px;font-weight:600}.dropdown-item{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 10px;border-radius:8px;color:#111b21;text-align:left}.dropdown-item:hover{background:#f5f6f6}.dropdown-item strong,.dropdown-item small{display:block}.dropdown-item strong{font-size:14px;font-weight:500}.dropdown-item small{margin-top:2px;color:#667781;font-size:12px}.dropdown-item.danger{color:#ea0038}.contact-option{grid-template-columns:42px 1fr}.drawer{width:430px;background:#fff}.drawer-header{height:60px;padding:0 18px;border-bottom:1px solid #e9edef}.drawer-header button{display:inline-flex;align-items:center;justify-content:center}.drawer-empty-search{margin:28px 4px;color:#667781;font-size:13px;line-height:20px;text-align:center}.drawer-note{margin:26px 4px 0;color:#667781;font-size:13px;line-height:20px;text-align:center}.search-result{width:100%;text-align:left}.contact-profile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 18px 28px;border-bottom:10px solid #f0f2f5;text-align:center}.contact-profile strong{margin-top:8px;font-size:20px;font-weight:500}.contact-profile span{color:#667781;font-size:14px}.drawer-section{padding:8px 0;border-bottom:10px solid #f0f2f5}.drawer-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;width:100%;min-height:54px;padding:0 22px;color:#111b21;text-align:left}.drawer-row:hover{background:#f5f6f6}.drawer-row.danger{color:#ea0038}.settings-view,.business-view,.connection-view{grid-column:2 / 4}.settings-menu,.business-menu{padding:20px 22px}.settings-profile{width:100%;text-align:left}.settings-content-panel,.business-profile-mock,.connection-view{overflow-y:auto;background:#f7f5f4}.settings-content-header{display:flex;align-items:center;gap:16px;height:60px;padding:0 26px;border-bottom:1px solid #e9edef;background:#fff}.settings-content-header h2{margin:0;font-size:20px;font-weight:500}.settings-content-card{width:min(860px,calc(100% - 80px));margin:26px auto;padding:20px 0;border-radius:14px;background:#fff}.settings-action-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:66px;padding:10px 24px;text-align:left}.settings-action-row:hover{background:#f5f6f6}.settings-action-row strong,.settings-action-row small{display:block}.settings-action-row strong{font-size:15px;font-weight:500}.settings-action-row small{margin-top:4px;color:#667781;font-size:13px}.toggle-switch{position:relative;width:38px;height:22px;border-radius:999px;background:#d1d7db}.toggle-switch:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;content:""}.toggle-switch.active{background:#111b21}.toggle-switch.active:after{left:19px}.business-profile-mock{padding:24px 46px}.business-cover{position:relative;height:230px;border-radius:14px 14px 0 0;background:#d8d8d8}.business-cover .outline-pill{position:absolute;top:22px;right:22px}.business-avatar-wrap{display:flex;align-items:center;gap:12px;width:max-content;margin-top:-38px;margin-left:50%;transform:translate(-50%)}.outline-pill{height:38px;padding:0 18px;border:1px solid #d1d7db;border-radius:999px;background:#fff;color:#008069;font-weight:700}.business-form-card{display:flex;flex-direction:column;gap:10px;width:min(900px,80%);margin:40px auto}.business-form-card label{color:#667781;font-size:13px}.business-form-card input,.select-field{height:44px;padding:0 14px;border:1px solid #8696a0;border-radius:10px;background:#fff;color:#111b21}.select-field{display:flex;align-items:center;justify-content:space-between}.connection-view{display:flex;align-items:center;justify-content:center;background:#efeae2}.qr-card{display:grid;grid-template-columns:1fr 240px;gap:48px;width:720px;padding:34px;border-radius:14px;background:#fff;box-shadow:0 3px 14px #0b141a2e}.qr-card h1{margin-top:0;font-size:26px;font-weight:400}.qr-card li{margin-bottom:10px;color:#3b4a54}.qr-placeholder{display:flex;align-items:center;justify-content:center;width:220px;height:220px;border:10px solid #111b21;border-radius:6px;background:repeating-linear-gradient(45deg,#111b21 0,#111b21 8px,#fff 8px,#fff 16px);color:#fff;font-weight:700}.media-modal{width:min(1280px,calc(100vw - 260px));height:min(860px,calc(100vh - 160px))}.shortcut-modal{width:860px;height:auto;min-height:420px}.quick-reply-modal{width:560px;height:auto}.modal-copy{margin:0;color:#667781;font-size:14px;line-height:20px}.keyboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.shortcut-row{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.key-caps{color:#3b4a54;font-size:13px}.empty-illustration{width:92px;height:66px;border:1.5px solid #111b21;border-radius:11px;background:linear-gradient(#25d366 0,#25d366 20%,#d7ffd1 20%,#d7ffd1)}@media(max-width:1400px){:root{--left-panel-width: 448px}.messages-wrap{padding-inline:44px}.message-bubble{max-width:74%}.list-button{max-width:190px}}@media(max-width:980px){:root{--left-panel-width: 380px}.list-button{display:none}.drawer{width:360px}}.app-shell{overflow:hidden}.menu-row{grid-template-columns:34px minmax(0,1fr) 20px;gap:14px;align-items:center}.menu-row>span{display:flex;min-width:0;flex-direction:column;gap:3px}.menu-row-title,.menu-row-subtitle{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-row-title{color:#111b21;font-size:14px;line-height:19px}.menu-row-subtitle{color:#667781;font-size:12px;line-height:17px}.menu-row.danger .menu-row-title,.menu-row.danger{color:#ea0038}.feature-view{display:grid;grid-column:2 / 4;grid-template-columns:360px 1fr;min-width:0;min-height:0;background:#f7f5f4}.feature-menu{min-width:0;padding:20px 18px;border-right:1px solid #e9edef;background:#fff}.feature-description{margin:4px 0 18px;color:#667781;font-size:13px;line-height:20px}.feature-list-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;width:100%;min-height:62px;padding:8px 10px;border-radius:10px;color:#111b21;text-align:left}.feature-list-card:hover,.feature-list-card.active{background:#f0f2f5}.feature-list-card strong,.feature-list-card small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-list-card strong{font-size:14px;font-weight:500}.feature-list-card small{margin-top:3px;color:#667781;font-size:12px}.feature-empty-state{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#111b21;text-align:center}.feature-empty-state h2{margin:20px 0 8px;font-size:28px;font-weight:400}.feature-empty-state p{max-width:410px;margin:0;color:#667781;font-size:14px;line-height:22px}.business-view{grid-template-columns:360px 1fr}.business-content-panel{overflow:auto;min-width:0;padding:32px 46px;background:#f7f5f4}.business-feature-card{display:flex;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:12px;max-width:760px;margin:0 auto;padding:34px;border-radius:16px;background:#fff;box-shadow:0 1px 1px #0b141a08;text-align:center}.business-feature-card.align-start{align-items:stretch;justify-content:flex-start;text-align:left}.business-feature-card h2{margin:4px 0 0;font-size:24px;font-weight:500}.business-feature-card p{max-width:520px;margin:0 0 8px;color:#667781;font-size:14px;line-height:22px}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:760px;margin:22px auto 0}.catalog-card{min-width:0;padding:12px;border-radius:14px;background:#fff}.catalog-thumb{height:120px;border-radius:10px;background:linear-gradient(135deg,#e6f4ef,#d9fdd3)}.catalog-card strong,.catalog-card span{display:block}.catalog-card strong{margin-top:10px;font-size:14px;font-weight:600}.catalog-card span{margin-top:3px;color:#667781;font-size:12px}.quick-reply-row{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:10px 2px;border-top:1px solid #e9edef;color:#111b21;text-align:left}.quick-reply-row:hover{background:#f5f6f6}.quick-reply-row strong,.quick-reply-row small{display:block}.quick-reply-row strong{font-size:14px;font-weight:600}.quick-reply-row small{margin-top:4px;color:#667781;font-size:13px}.dropdown-menu{animation:menu-pop .11s ease-out;transform-origin:top right}@keyframes menu-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:980px){.feature-view,.business-view{grid-template-columns:320px 1fr}.business-grid{grid-template-columns:1fr}}.profile-view{display:grid;grid-column:2 / 4;grid-template-columns:360px 1fr;min-width:0;min-height:0;background:#f7f5f4}.profile-menu{min-width:0;padding:20px 18px;border-right:1px solid #e9edef;background:#fff}.profile-summary-card{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px 0 20px;padding:26px 18px;border-radius:16px;background:#f7f8f8;text-align:center}.profile-summary-card strong{margin-top:4px;color:#111b21;font-size:18px;font-weight:500}.profile-summary-card span{color:#667781;font-size:13px;line-height:19px}.profile-editor-panel{min-width:0;overflow:auto;background:#f7f5f4}.profile-editor-card{width:min(920px,calc(100% - 80px));margin:26px auto;padding:28px;border-radius:16px;background:#fff}.profile-photo-block{display:flex;align-items:center;gap:18px;padding-bottom:24px;border-bottom:1px solid #e9edef}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.profile-form-grid label{display:flex;min-width:0;flex-direction:column;gap:7px;color:#667781;font-size:13px}.profile-form-grid label.wide{grid-column:1 / -1}.profile-form-grid input,.profile-form-grid textarea{width:100%;border:1px solid #d1d7db;border-radius:10px;background:#fff;color:#111b21;font:inherit}.profile-form-grid input{height:44px;padding:0 14px}.profile-form-grid textarea{min-height:86px;padding:12px 14px;resize:vertical}.profile-form-grid input:focus,.profile-form-grid textarea:focus{border-color:#008069;outline:none}.profile-preferences{margin-top:24px;border-top:1px solid #e9edef}.profile-footer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e9edef}.settings-overview-card{display:flex;min-height:320px;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.settings-overview-card h2{margin:8px 0 0;color:#111b21;font-size:24px;font-weight:500}.settings-overview-card p{max-width:440px;margin:0 0 8px;color:#667781;font-size:14px;line-height:22px}.settings-action-row.danger strong,.settings-action-row.danger small,.settings-action-row.danger svg{color:#ea0038}@media(max-width:980px){.profile-view{grid-template-columns:320px 1fr}.profile-editor-card{width:calc(100% - 36px)}.profile-form-grid{grid-template-columns:1fr}}.media-view{display:grid;grid-column:2 / 4;grid-template-columns:360px 1fr;min-width:0;min-height:0;background:#f7f5f4}.media-menu{min-width:0;padding:20px 18px;border-right:1px solid #e9edef;background:#fff}.media-tab-list{display:flex;flex-direction:column;gap:3px;margin-top:16px}.media-tab-row,.media-open-modal{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 10px;border-radius:10px;color:#111b21;text-align:left}.media-tab-row:hover,.media-tab-row.active,.media-open-modal:hover{background:#f0f2f5}.media-open-modal{grid-template-columns:32px minmax(0,1fr);margin-top:18px;border:1px solid #d1d7db;color:#008069;font-weight:600}.media-content-panel{min-width:0;overflow:auto;background:#f7f5f4}.media-content-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:18px 32px;border-bottom:1px solid #e9edef;background:#fff}.media-content-header h2{margin:0;color:#111b21;font-size:22px;font-weight:500}.media-content-header p{margin:4px 0 0;color:#667781;font-size:13px}.media-header-actions{display:flex;gap:6px}.media-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;padding:28px 32px}.media-tile{min-width:0;padding:10px;border-radius:14px;background:#fff;text-align:left;box-shadow:0 1px 1px #0b141a0a}.media-tile:hover{background:#f5f6f6}.media-thumb{display:block;height:120px;border-radius:10px;background:linear-gradient(135deg,#00806938,#d9fdd3e6),radial-gradient(circle at 70% 30%,rgba(255,255,255,.72),transparent 32%)}.media-tile strong,.media-tile small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-tile strong{margin-top:10px;color:#111b21;font-size:14px;font-weight:600}.media-tile small{margin-top:3px;color:#667781;font-size:12px}.media-list-view{padding:24px 32px}.media-list-item{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;width:min(820px,100%);min-height:64px;margin-bottom:8px;padding:10px 14px;border-radius:12px;background:#fff;color:#111b21;text-align:left}.media-list-item:hover{background:#f5f6f6}.media-list-item strong,.media-list-item small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-list-item small{margin-top:4px;color:#667781;font-size:12px}@media(max-width:980px){.media-view{grid-template-columns:320px 1fr}.media-grid-view{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:18px}}@media(max-width:1199px){:root{--rail-width: 48px;--left-panel-width: 390px}.left-panel,.settings-menu,.business-menu,.feature-menu,.profile-menu,.media-menu{width:min(390px,42vw)}.messages-wrap{padding-inline:28px}.message-bubble{max-width:78%}.drawer{width:min(420px,48vw)}.media-modal{width:calc(100vw - 80px);height:calc(100vh - 90px)}}@media(max-width:767px){:root{--rail-width: 0px;--left-panel-width: 100vw;--header-height: 56px;--composer-min-height: 64px}html,body,#root{width:100%;min-width:0;overflow-x:hidden}.app-shell{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 58px;width:100vw;height:100dvh;min-width:0;overflow:hidden;background:#f0f2f5}.app-rail{position:fixed;inset:auto 0 0 0;z-index:60;display:flex;width:100vw;height:58px;flex-direction:row;align-items:center;justify-content:space-around;padding:4px 6px calc(4px + env(safe-area-inset-bottom));border-top:1px solid #d1d7db;background:#f0f2f5}.rail-group,.rail-footer{display:contents}.rail-spacer,.rail-divider,.status-dot{display:none}.rail-button,.rail-button.small{width:42px;height:42px}.rail-button[aria-label=Anúncios],.rail-button[aria-label=Conexões]{display:none}.left-panel,.main-area,.settings-view,.business-view,.feature-view,.profile-view,.media-view,.connection-view{grid-column:1;grid-row:1;width:100vw;min-width:0;max-width:100vw;height:calc(100dvh - 58px);min-height:0;overflow:hidden}.left-panel{border-right:0}.panel-scroll,.settings-menu,.business-menu,.feature-menu,.profile-menu,.media-menu{width:100%;max-width:100vw;height:100%;overflow-y:auto;padding:16px 12px 86px}.left-panel-header,.chat-header,.drawer-header,.settings-content-header,.media-content-header{min-height:56px;height:56px}.brand-placeholder,.page-title{font-size:21px}.search-bar{height:38px}.filters{overflow-x:auto;padding-bottom:2px}.chip{min-width:max-content}.conversation-card{min-height:68px;grid-template-columns:50px minmax(0,1fr) auto;padding-inline:8px}.conversation-name{font-size:15px}.conversation-preview{max-width:100%}.main-area{display:block;background:#efeae2}.chat-layout{width:100vw;height:calc(100dvh - 58px)}.chat-header{padding:0 8px}.chat-contact{max-width:calc(100vw - 154px);gap:9px;padding-inline:4px}.chat-contact-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-contact-status{display:none}.chat-actions{gap:0}.list-button,.video-button{display:none}.messages-wrap{height:calc(100dvh - 178px);padding:14px 10px 12px}.messages-wrap:before{top:56px;right:0;bottom:64px;left:0;background-size:190px 190px,auto}.message-bubble{max-width:86vw;font-size:14px}.message-media{width:min(250px,74vw);height:170px}.composer{min-height:64px;padding:7px 8px calc(8px + env(safe-area-inset-bottom))}.composer-inner{min-height:48px}.composer .icon-button:first-child{display:none}.composer-input{font-size:16px}.drawer,.search-drawer,.contact-drawer{position:fixed;top:0;right:0;bottom:58px;left:0;z-index:70;width:100vw;max-width:100vw;height:calc(100dvh - 58px);border-left:0;background:#fff}.drawer-body,.contact-profile,.drawer-section{max-width:100vw}.dropdown-menu{position:fixed;left:10px!important;right:10px!important;top:auto!important;bottom:calc(66px + env(safe-area-inset-bottom));width:auto!important;min-width:0;max-height:min(70dvh,520px);overflow-y:auto;border-radius:18px}.new-chat-popover{top:68px!important;bottom:auto}.chat-menu-popover,.add-list-popover,.left-main-menu{bottom:calc(66px + env(safe-area-inset-bottom))}.modal-overlay{align-items:flex-end;padding:0}.modal,.modal.small,.media-modal,.shortcut-modal,.quick-reply-modal{width:100vw;max-width:100vw;height:min(92dvh,720px);max-height:92dvh;border-radius:18px 18px 0 0}.modal-header{min-height:58px;padding:0 10px 0 16px}.modal-tabs{overflow-x:auto}.modal-actions{gap:0}.settings-view,.business-view,.feature-view,.profile-view,.media-view{display:block;overflow-y:auto;background:#f7f5f4}.settings-menu,.business-menu,.feature-menu,.profile-menu,.media-menu{height:auto;min-height:calc(100dvh - 58px);border-right:0}.settings-content-panel,.business-profile-mock,.business-content-panel,.feature-empty-state,.profile-editor-panel,.media-content-panel{width:100vw;min-height:calc(100dvh - 58px);overflow:visible}.settings-content-card,.profile-editor-card{width:calc(100vw - 24px);margin:12px auto 84px;padding:16px 0;border-radius:14px}.settings-overview-card,.business-feature-card{width:calc(100vw - 24px);min-height:240px;padding:22px 16px}.settings-action-row{min-height:62px;padding:10px 16px}.business-profile-mock,.business-content-panel{padding:14px 12px 84px}.business-cover{height:160px}.business-avatar-wrap{margin-top:-30px}.business-form-card{width:100%;margin:28px auto 0}.business-grid{grid-template-columns:1fr;width:100%}.profile-form-grid{grid-template-columns:1fr}.profile-photo-block{align-items:center;justify-content:space-between;padding-inline:16px}.profile-form-grid,.profile-preferences,.profile-footer-actions{padding-inline:16px}.profile-footer-actions{flex-direction:column-reverse}.profile-footer-actions button{width:100%}.media-content-header{align-items:flex-start;height:auto;min-height:70px;padding:14px}.media-header-actions{flex-shrink:0}.media-grid-view{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 12px 84px}.media-thumb{height:98px}.media-list-view{padding:12px 12px 84px}.media-list-item{width:100%}.connection-view{display:flex;align-items:stretch;justify-content:flex-start;padding:12px;overflow-y:auto}.qr-card{grid-template-columns:1fr;gap:22px;width:100%;height:max-content;margin-bottom:84px;padding:22px}.qr-placeholder{width:min(220px,70vw);height:min(220px,70vw);margin:0 auto}}@media(max-width:480px){.rail-button,.rail-button.small{width:38px;height:38px}.rail-button svg{width:19px;height:19px}.conversation-card{min-height:64px;grid-template-columns:46px minmax(0,1fr) auto}.avatar{width:42px;height:42px}.avatar.small{width:36px;height:36px}.avatar.large{width:92px;height:92px}.chat-contact-name{max-width:118px}.message-bubble{max-width:90vw}.media-grid-view{grid-template-columns:1fr 1fr}.media-thumb{height:86px}}.mobile-back-button{display:none;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:999px;color:#54656f}.mobile-back-button:hover{background:#e9edef;color:#111b21}.drawer-desktop-close{display:inline-flex;align-items:center;justify-content:center}.chat-mobile-stage{display:contents}@media(max-width:767px){.chat-mobile-stage{display:block;grid-column:1;grid-row:1;width:100vw;height:calc(100dvh - 58px);overflow:hidden}.chat-mobile-stage .left-panel,.chat-mobile-stage .main-area{transition:transform .16s ease,opacity .16s ease}.chat-mobile-stage.mobile-list .left-panel{display:block;transform:translate(0);opacity:1}.chat-mobile-stage.mobile-list .main-area,.chat-mobile-stage.mobile-chat .left-panel{display:none}.chat-mobile-stage.mobile-chat .main-area{display:block;transform:translate(0);opacity:1}.mobile-back-button{display:inline-flex}.drawer-header .mobile-back-button{margin-right:2px}.drawer-desktop-close{display:none!important}.chat-header .mobile-back-button{margin-right:2px}.chat-contact{max-width:calc(100vw - 190px)}.chat-contact-name{max-width:132px}.drawer-header{gap:6px}.search-drawer,.contact-drawer{animation:mobile-slide-in .16s ease-out}.app-rail{transition:transform .16s ease}.chat-mobile-stage.mobile-chat~.app-rail{transform:translateY(0)}}@media(max-width:480px){.chat-contact{max-width:calc(100vw - 168px)}.chat-contact-name{max-width:108px}}@keyframes mobile-slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.business-detail-wrap{min-width:0;overflow:auto;background:#f7f5f4}.mobile-detail-header{display:none;align-items:center;gap:8px;min-height:56px;padding:0 14px;border-bottom:1px solid #e9edef;background:#fff}.mobile-detail-header h2{margin:0;color:#111b21;font-size:18px;font-weight:500}@media(max-width:767px){.subpage-mobile-stage.mobile-menu>.settings-content-panel,.subpage-mobile-stage.mobile-menu>.business-detail-wrap,.subpage-mobile-stage.mobile-menu>.profile-editor-panel,.subpage-mobile-stage.mobile-menu>.media-content-panel{display:none!important}.subpage-mobile-stage.mobile-detail>.settings-menu,.subpage-mobile-stage.mobile-detail>.business-menu,.subpage-mobile-stage.mobile-detail>.profile-menu,.subpage-mobile-stage.mobile-detail>.media-menu{display:none!important}.subpage-mobile-stage.mobile-detail>.settings-content-panel,.subpage-mobile-stage.mobile-detail>.business-detail-wrap,.subpage-mobile-stage.mobile-detail>.profile-editor-panel,.subpage-mobile-stage.mobile-detail>.media-content-panel{display:block!important;width:100vw;min-height:calc(100dvh - 58px);overflow-y:auto;animation:mobile-subpage-in .16s ease-out}.mobile-detail-header{display:flex;position:sticky;top:0;z-index:4}.subpage-mobile-stage.mobile-detail .settings-content-header,.subpage-mobile-stage.mobile-detail .media-content-header{position:sticky;top:0;z-index:4;display:flex}.subpage-mobile-stage.mobile-detail .settings-content-header .mobile-back-button,.subpage-mobile-stage.mobile-detail .media-content-header .mobile-back-button,.subpage-mobile-stage.mobile-detail .profile-editor-panel .mobile-back-button{display:inline-flex}.subpage-mobile-stage.mobile-detail .business-detail-wrap .business-profile-mock,.subpage-mobile-stage.mobile-detail .business-detail-wrap .business-content-panel{min-height:auto;padding-top:14px}.subpage-mobile-stage.mobile-detail .profile-editor-panel{background:#f7f5f4}.subpage-mobile-stage.mobile-detail .profile-editor-card,.subpage-mobile-stage.mobile-detail .settings-content-card{margin-bottom:88px}.subpage-mobile-stage.mobile-menu .settings-menu,.subpage-mobile-stage.mobile-menu .business-menu,.subpage-mobile-stage.mobile-menu .profile-menu,.subpage-mobile-stage.mobile-menu .media-menu{display:block!important}}@keyframes mobile-subpage-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media(max-width:767px){:root{--mobile-rail-height: 58px;--mobile-header-height: 56px;--mobile-composer-height: 64px;--mobile-safe-bottom: env(safe-area-inset-bottom, 0px)}*{-webkit-tap-highlight-color:transparent}body{overscroll-behavior:none;touch-action:manipulation}button,input,textarea{font:inherit}.app-shell{height:100dvh;max-height:100dvh}.app-rail{height:calc(var(--mobile-rail-height) + var(--mobile-safe-bottom));padding-bottom:max(4px,var(--mobile-safe-bottom));box-shadow:0 -1px #111b210f}.rail-button,.rail-button.small{border-radius:14px}.rail-button.active{background:#d9fdd3;color:#008069}.chat-mobile-stage,.left-panel,.main-area,.settings-view,.business-view,.feature-view,.profile-view,.media-view,.connection-view{height:calc(100dvh - var(--mobile-rail-height) - var(--mobile-safe-bottom))}.panel-scroll,.settings-menu,.business-menu,.feature-menu,.profile-menu,.media-menu{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:calc(82px + var(--mobile-safe-bottom))}.panel-scroll::-webkit-scrollbar,.settings-menu::-webkit-scrollbar,.business-menu::-webkit-scrollbar,.feature-menu::-webkit-scrollbar,.profile-menu::-webkit-scrollbar,.media-menu::-webkit-scrollbar,.messages-wrap::-webkit-scrollbar,.drawer-body::-webkit-scrollbar,.media-content-panel::-webkit-scrollbar,.profile-editor-panel::-webkit-scrollbar,.business-detail-wrap::-webkit-scrollbar{display:none}.left-panel-header,.chat-header,.drawer-header,.settings-content-header,.media-content-header,.mobile-detail-header{position:sticky;top:0;z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5}.left-panel-header{margin:-16px -12px 10px;padding:0 12px;border-bottom:1px solid #e9edef}.brand-placeholder,.page-title{line-height:1.2}.header-actions .icon-button,.chat-actions .icon-button,.media-header-actions .icon-button{width:38px;height:38px}.search-bar{margin-inline:0;border-radius:999px}.filters{gap:7px;margin-inline:-2px;padding-inline:2px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.chip{min-height:34px;padding:0 13px;border-radius:999px;font-size:13px}.conversation-list{padding-top:4px}.conversation-card{border-radius:12px;margin-bottom:2px}.conversation-card.active{background:#f0f2f5}.conversation-time{gap:4px;min-width:42px;align-items:flex-end;color:#667781;font-size:11px}.conversation-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-layout{display:grid;grid-template-rows:var(--mobile-header-height) minmax(0,1fr) auto}.chat-header{border-bottom:1px solid rgba(17,27,33,.08);background:#f0f2f5}.chat-contact{min-width:0}.chat-contact .avatar.small{width:36px;height:36px}.messages-wrap{height:auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 9px 10px;scroll-behavior:smooth}.messages-wrap:before{top:var(--mobile-header-height);bottom:calc(var(--mobile-composer-height) + var(--mobile-safe-bottom))}.message-stack{min-height:min-content}.date-separator{top:6px;margin:8px auto 12px;padding:5px 10px;border-radius:999px;font-size:12px}.message-row{margin-bottom:3px}.message-bubble{padding:6px 8px 5px;border-radius:8px;line-height:19px}.message-bubble.outgoing{border-top-right-radius:2px}.message-bubble.incoming{border-top-left-radius:2px}.message-meta{margin-left:8px;font-size:11px}.composer{position:sticky;bottom:0;min-height:calc(var(--mobile-composer-height) + var(--mobile-safe-bottom));padding-bottom:max(8px,var(--mobile-safe-bottom));background:#efeae2}.composer-inner{gap:4px;border-radius:24px}.composer-input{min-height:24px;max-height:96px;padding:12px 2px;line-height:22px}.send-button,.composer .icon-button{width:40px;height:40px;flex:0 0 40px}.mobile-back-button{color:#54656f}.drawer,.search-drawer,.contact-drawer{inset:0 0 calc(var(--mobile-rail-height) + var(--mobile-safe-bottom)) 0;height:calc(100dvh - var(--mobile-rail-height) - var(--mobile-safe-bottom))}.drawer-header{padding:0 12px;border-bottom:1px solid #e9edef}.drawer-header span{font-size:17px;font-weight:500}.drawer-body{height:calc(100% - var(--mobile-header-height));overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px 84px}.contact-profile{padding:28px 16px 24px}.drawer-section{margin:8px 12px 0;border-radius:14px;overflow:hidden}.drawer-row{min-height:56px;padding-inline:14px}.dropdown-menu{box-shadow:0 12px 28px #0b141a38}.dropdown-item{min-height:48px}.new-chat-popover{max-height:calc(100dvh - 108px - var(--mobile-rail-height))}.modal,.modal.small,.media-modal,.shortcut-modal,.quick-reply-modal{height:min(88dvh,720px);overflow:hidden}.modal-header{position:sticky;top:0;z-index:5;background:#fff}.theme-options,.empty-state{overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-view,.business-view,.profile-view,.media-view,.feature-view{overscroll-behavior:contain}.subpage-mobile-stage.mobile-detail>.settings-content-panel,.subpage-mobile-stage.mobile-detail>.business-detail-wrap,.subpage-mobile-stage.mobile-detail>.profile-editor-panel,.subpage-mobile-stage.mobile-detail>.media-content-panel{height:calc(100dvh - var(--mobile-rail-height) - var(--mobile-safe-bottom));max-height:calc(100dvh - var(--mobile-rail-height) - var(--mobile-safe-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-content-header,.media-content-header,.mobile-detail-header{min-height:var(--mobile-header-height);padding:0 12px;gap:8px}.settings-content-header h2,.media-content-header h2,.mobile-detail-header h2{font-size:17px;font-weight:500}.settings-content-card,.profile-editor-card,.business-form-card,.business-feature-card{box-shadow:none}.settings-action-row,.quick-reply-row,.media-list-item{border-radius:0}.settings-content-card{overflow:hidden}.settings-action-row span:first-child,.quick-reply-row span:first-child,.media-list-item span{min-width:0}.settings-action-row strong,.settings-action-row small,.quick-reply-row strong,.quick-reply-row small,.media-list-item strong,.media-list-item small{overflow:hidden;text-overflow:ellipsis}.business-detail-wrap{height:calc(100dvh - var(--mobile-rail-height) - var(--mobile-safe-bottom))}.business-profile-mock,.business-content-panel{padding-bottom:calc(88px + var(--mobile-safe-bottom))}.business-feature-card{margin:0 auto;border-radius:14px}.catalog-card{border-radius:12px}.profile-editor-card{padding-top:16px}.profile-form-grid label{font-size:12px}.profile-form-grid input,.profile-form-grid textarea{border-radius:12px}.profile-footer-actions{position:sticky;bottom:0;margin-inline:-16px;padding:12px 16px max(14px,var(--mobile-safe-bottom));background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.media-content-header{align-items:center}.media-content-header>div:first-of-type{min-width:0}.media-content-header p{display:none}.media-grid-view{padding-bottom:calc(90px + var(--mobile-safe-bottom))}.media-tile{border-radius:12px}.media-tile strong{font-size:13px}.media-list-view{padding-bottom:calc(90px + var(--mobile-safe-bottom))}.feature-list-card{border-radius:12px}.notice-card{border-radius:14px}}@media(max-width:480px){.brand-placeholder,.page-title{font-size:20px}.chat-actions .icon-button:last-child,.media-header-actions .icon-button:last-child{display:inline-flex}.chat-contact-name{max-width:112px}.message-bubble{max-width:88vw}.message-media{height:150px}.media-grid-view{gap:8px}.media-thumb{height:82px}.profile-summary-card{padding:22px 14px}}