:root{--bg:#f7f9fc;--surface:#ffffff;--surface-subtle:#f4f7fb;--sidebar:#111925;--sidebar-soft:#192436;--text:#111827;--muted:#647084;--border:#dfe5ee;--border-strong:#ced7e4;--blue:#2568e8;--blue-soft:#eaf1ff;--green:#20ad68;--amber:#f4a21b;--red:#ed4b55;--radius:12px;--shadow:0 1px 2px rgba(15,23,42,0.03),0 8px 24px rgba(15,23,42,0.035)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:228px;display:flex;flex-direction:column;color:#eaf0f8;background:var(--sidebar);border-right:1px solid #202c3d}.brand{height:88px;display:flex;align-items:center;gap:12px;padding:0 20px;font-size:17px;font-weight:700;border-bottom:1px solid #263142}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:white;background:var(--blue)}.sidebar nav{display:flex;flex-direction:column;gap:7px;padding:16px 12px}.sidebar nav a{height:46px;display:flex;align-items:center;gap:13px;padding:0 14px;border-radius:8px;color:#c8d2df;text-decoration:none;font-size:14px;font-weight:600;transition:.16s ease}.sidebar nav a:hover{color:white;background:var(--sidebar-soft)}.sidebar nav a.active{color:white;background:var(--blue);box-shadow:0 7px 18px rgba(37,104,232,.25)}.sidebar-footer{margin-top:auto;height:86px;display:flex;align-items:center;gap:11px;padding:0 20px;border-top:1px solid #263142}.sidebar-footer .avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#26364c}.sidebar-footer>span:last-child{display:flex;flex-direction:column;gap:3px}.sidebar-footer b{color:#f8fafc;font-size:13px}.sidebar-footer small{color:#95a5b8;font-size:12px}.main-content{min-width:0;margin-left:228px;padding:25px 32px 0}.topbar{min-height:55px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}h1,h2,p{margin:0}.topbar h1{font-size:27px;line-height:1.2;letter-spacing:-.02em}.topbar p{margin-top:5px;color:var(--muted);font-size:13px}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 15px;border-radius:8px;color:white;background:var(--blue);font-size:13px;font-weight:650;transition:.15s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,104,232,.18)}.button:disabled{opacity:.58;cursor:wait}.button.secondary{color:#273244;background:white;border:1px solid var(--border-strong);box-shadow:0 1px 2px rgba(15,23,42,.04)}.button.retry{height:34px;padding:0 12px;color:var(--blue);background:white;border:1px solid #8cb1fb}.api-alert{min-height:40px;display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:9px 13px;color:#8a4d00;background:#fff8e7;border:1px solid #f6d68d;border-radius:9px;font-size:13px}.whatsapp-connect{margin-top:14px}.connection-badge{min-height:30px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;color:#59667a;background:#f3f6fa;border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:700}.connection-badge.connected{color:#087846;background:#edf9f3;border-color:#bde8d1}.connection-badge.waiting{color:#8a5700;background:#fff8e8;border-color:#f2d494}.inline-error{display:flex;align-items:center;gap:9px;margin:14px 16px 0;padding:10px 12px;color:#a3343d;background:#fff2f3;border:1px solid #f4c8cc;border-radius:8px;font-size:12px}.whatsapp-connected,.whatsapp-empty,.whatsapp-mode-note{min-height:112px;display:flex;align-items:center;gap:16px;padding:20px}.whatsapp-mode-note>svg{flex:0 0 auto;color:var(--blue)}.whatsapp-mode-note.warning>svg{color:var(--amber)}.connected-copy,.whatsapp-empty>div,.whatsapp-mode-note>div{min-width:0;display:flex;flex:1 1;flex-direction:column;gap:6px}.connected-copy strong,.whatsapp-empty strong,.whatsapp-mode-note strong{color:#253044;font-size:14px}.connected-copy span,.whatsapp-empty p,.whatsapp-mode-note span{color:var(--muted);font-size:12px}.device-illustration{position:relative;width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;color:#1ba663;background:#eaf9f1;border-radius:15px}.device-illustration svg:last-child{position:absolute;right:-5px;bottom:-5px;padding:3px;color:var(--blue);background:white;border:1px solid var(--border);border-radius:6px}.whatsapp-pairing{min-height:336px;display:grid;grid-template-columns:300px minmax(0,1fr)}.qr-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:#f7fafc;border-right:1px solid var(--border)}.qr-column img{padding:8px;border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 5px 18px rgba(15,23,42,.06)}.qr-column img,.qr-placeholder{width:230px;height:230px;background:white}.qr-placeholder{align-items:center;gap:14px;color:#78869a;border:1px dashed #bac4d1;border-radius:12px;font-size:12px;text-align:center}.pairing-instructions,.qr-placeholder{display:flex;flex-direction:column;justify-content:center}.pairing-instructions{gap:17px;padding:25px 28px}.instruction-title{display:flex;align-items:flex-start;gap:11px}.instruction-title>svg{margin-top:1px;color:#1ba663}.instruction-title>div{display:flex;flex-direction:column;gap:5px}.instruction-title strong{font-size:15px}.instruction-title span{color:var(--muted);font-size:11px}.pairing-instructions ol{display:grid;grid-gap:10px;gap:10px;margin:0;padding-left:22px;color:#48566a;font-size:12px}.pairing-instructions li::marker{color:var(--blue);font-weight:800}.pairing-alternative{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.pairing-alternative>span{display:flex;align-items:center;gap:7px;color:#465267;font-size:12px;font-weight:700}.phone-form{display:flex;gap:8px}.phone-form input{min-width:0;flex:1 1;height:40px;padding:0 12px;color:#253044;background:white;border:1px solid var(--border-strong);border-radius:8px;outline:none;font:inherit;font-size:13px}.phone-form input:focus{border-color:#78a3f5;box-shadow:0 0 0 3px rgba(37,104,232,.1)}.pairing-code{display:flex;flex-direction:column;gap:7px;padding:12px 14px;background:#eef6ff;border:1px solid #bfd8ff;border-radius:9px}.pairing-code strong{color:#174fba;font-size:22px;letter-spacing:.12em}.pairing-code small{color:#52647c;font-size:10px;line-height:1.5}.session-note{display:flex;gap:7px;color:#8a5700}.session-note,.text-button{align-items:center;font-size:11px}.text-button{width:-moz-fit-content;width:fit-content;display:inline-flex;gap:6px;padding:4px;color:var(--blue);background:transparent;border:0;cursor:pointer;font-weight:650}.text-button:hover{text-decoration:underline}.danger-text{color:#b23b45}.connected-device{width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto;color:white;background:var(--green);border-radius:50%}.connected-copy small{color:#7a8799;font-size:10px}.compact-button{flex:0 0 auto}.system-summary{min-height:132px;display:grid;grid-template-columns:minmax(330px,1.55fr) repeat(3,minmax(150px,.75fr));align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.system-state{display:flex;align-items:center;gap:17px;padding:22px}.system-state>span:last-child{display:flex;flex-direction:column;gap:8px}.system-state strong{font-size:18px;letter-spacing:-.02em}.system-state small{color:var(--muted)}.state-icon{width:54px;height:54px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:white}.state-icon.healthy{background:var(--green)}.state-icon.degraded{background:var(--amber)}.state-icon.neutral{background:#7f8b9d}.metric{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px}.metric:before{content:"";position:absolute;inset:25px auto 25px 0;width:1px;background:var(--border)}.metric small{color:var(--muted);font-size:12px}.metric strong{margin:7px 0 8px;font-size:24px;line-height:1;letter-spacing:-.02em}.metric strong.success{color:var(--green)}.metric strong.warning{color:var(--amber)}.metric span{color:#778396;font-size:11px}.primary-grid,.secondary-grid{display:grid;grid-gap:14px;gap:14px;margin-top:14px}.primary-grid{grid-template-columns:minmax(560px,1.15fr) minmax(410px,.95fr)}.secondary-grid{grid-template-columns:minmax(620px,1.12fr) minmax(380px,.88fr)}.panel{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid var(--border)}.panel-header h2{font-size:16px;letter-spacing:-.012em}.panel-header p{margin-top:4px;color:var(--muted);font-size:11px}.live{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em}.dot{width:7px;height:7px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#aab4c1}.dot.success{background:var(--green);box-shadow:0 0 0 3px rgba(32,173,104,.1)}.dot.warning{background:var(--amber);box-shadow:0 0 0 3px rgba(244,162,27,.1)}.dot.danger{background:var(--red);box-shadow:0 0 0 3px rgba(237,75,85,.08)}.dot.muted{background:#aab4c1}.flow-canvas{min-height:263px;display:flex;align-items:center;justify-content:center;gap:18px;padding:24px 18px 20px}.source-stack{display:flex;flex-direction:column;gap:13px}.flow-node,.hub-node{background:#fff;border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.035)}.flow-node{min-width:155px;min-height:74px;display:flex;align-items:center;gap:11px;padding:13px}.flow-node div,.hub-node{display:flex;flex-direction:column}.flow-node strong,.hub-node strong{font-size:13px}.flow-node span,.hub-node span{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--muted);font-size:11px}.hub-node{min-width:175px;align-items:center;padding:18px 14px;text-align:center}.hub-node small{margin-top:11px;color:#8792a2;font-size:10px}.hub-symbol{width:39px;height:39px;display:grid!important;place-items:center;margin:0 0 10px!important;color:var(--blue)!important;background:var(--blue-soft);border-radius:10px}.flow-arrow{color:#93a2b6}.flow-caption{min-height:42px;display:flex;align-items:center;gap:8px;padding:0 17px;color:var(--muted);background:var(--surface-subtle);border-top:1px solid var(--border);font-size:11px}.provider-icon{width:39px;height:39px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;color:white;font-size:14px;font-weight:800;letter-spacing:-.02em}.provider-icon.telegram{background:#3189e8}.provider-icon.whatsapp{background:#21b867}.provider-icon.bitrix24{background:#2389dc}.provider-icon.max{background:#8996a8}.provider-icon.compact{width:22px;height:22px;font-size:9px}.channel-list{display:flex;flex-direction:column}.channel-row{min-height:84px;display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(145px,.8fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:12px 17px;border-bottom:1px solid var(--border)}.channel-row:last-child{border-bottom:0}.channel-name,.channel-state{min-width:0;display:flex;flex-direction:column;gap:7px}.channel-name strong{font-size:13px}.channel-name small,.channel-state small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.channel-state strong{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650}.channel-row>svg{color:#8895a7}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{height:36px;color:#59667a;background:var(--surface-subtle);border-bottom:1px solid var(--border);text-align:left;font-size:10px;font-weight:700;letter-spacing:.015em}td,th{padding:0 14px;white-space:nowrap}td{height:43px;border-bottom:1px solid #e8edf3;color:#465267;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fafcff}.direction,.provider-cell,.status-text{display:inline-flex;align-items:center;gap:7px}.direction.inbound{color:#15955a}.direction.outbound{color:var(--blue)}.truncate{max-width:145px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.retry-list{display:flex;flex-direction:column}.retry-row{min-height:96px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:15px 16px;border-bottom:1px solid var(--border)}.retry-main{min-width:0;display:flex;flex-direction:column;gap:6px}.retry-main strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.retry-main span{display:flex;align-items:center;gap:7px;color:#a53a42;font-size:11px}.retry-main small{color:var(--muted);font-size:10px}.empty-state{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center}.empty-state>span{width:42px;height:42px;display:grid;place-items:center;color:var(--green);background:#edf9f3;border-radius:50%}.empty-state strong{color:#374255;font-size:13px}.empty-state small{font-size:11px}.statusbar{min-height:52px;display:flex;align-items:center;gap:24px;margin-top:15px;padding:0 3px;color:#728095;border-top:1px solid var(--border);font-size:10px}.statusbar span{display:inline-flex;align-items:center;gap:8px}.statusbar span+span:before{content:"";width:1px;height:15px;margin-right:16px;background:var(--border-strong)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.chat-main-content{height:100vh;padding:18px 22px;overflow:hidden}.chat-page{height:100%;min-height:0;display:flex;flex-direction:column}.chat-page-header{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex:0 0 auto}.chat-page-header h1{font-size:27px;line-height:1.2;letter-spacing:-.02em}.chat-page-header p{margin-top:5px;color:var(--muted);font-size:13px}.chat-alert{flex:0 0 auto;margin-bottom:10px}.chat-workspace{min-height:0;flex:1 1;display:grid;grid-template-columns:370px minmax(0,1fr);background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.chat-list-pane{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:white}.chat-list-top{flex:0 0 auto;padding:17px 15px 13px;border-bottom:1px solid var(--border)}.chat-list-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.chat-list-title>div{display:flex;align-items:center;gap:8px}.chat-list-title strong{font-size:18px}.chat-list-title>div span{min-width:23px;height:23px;display:inline-grid;place-items:center;padding:0 6px;color:#526075;background:#edf1f6;border-radius:999px;font-size:11px;font-weight:750}.chat-list-title small{color:#7a8799;font-size:10px}.chat-search{height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#6f7d90;background:#f1f4f7;border:1px solid transparent;border-radius:9px}.chat-search:focus-within{background:white;border-color:#8eb3f7;box-shadow:0 0 0 3px rgba(37,104,232,.08)}.chat-search input{min-width:0;width:100%;color:#223047;background:transparent;border:0;outline:0;font-size:12px}.chat-search input::placeholder{color:#8592a4}.chat-filters{display:flex;gap:7px;margin-top:11px;overflow-x:auto}.chat-filters button{height:31px;padding:0 12px;cursor:pointer;color:#536176;background:white;border:1px solid var(--border-strong);border-radius:999px;font-size:11px;font-weight:650;white-space:nowrap}.chat-filters button:hover{border-color:#8daff0}.chat-filters button.active{color:#087846;background:#eaf8f1;border-color:#b8e5ce}.chat-list{min-height:0;flex:1 1;overflow-y:auto;overscroll-behavior:contain}.chat-list-item{width:100%;min-height:74px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:11px;gap:11px;padding:9px 13px;cursor:pointer;color:inherit;background:white;border:0;border-bottom:1px solid #edf1f5;text-align:left}.chat-list-item:hover{background:#f7f9fc}.chat-list-item.selected{background:#eaf1ff;box-shadow:inset 3px 0 0 var(--blue)}.chat-avatar{width:47px;height:47px;display:inline-grid;place-items:center;flex:0 0 auto;color:white;background:#6681a6;border-radius:50%;font-size:13px;font-weight:760;letter-spacing:-.02em}.chat-avatar.whatsapp{background:#25aa69}.chat-avatar.telegram{background:#3289e7}.chat-avatar.bitrix24{background:#2687d8}.chat-avatar.max{background:#7f8da0}.chat-avatar.compact{width:40px;height:40px;font-size:11px}.chat-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.chat-list-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.chat-list-line{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-list-line strong{min-width:0;overflow:hidden;color:#172033;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.chat-list-line time{flex:0 0 auto;color:#758297;font-size:9px}.chat-list-item:has(.unread-badge) .chat-list-line time{color:#129058;font-weight:750}.preview-line{color:#6c798d;font-size:11px}.chat-preview{min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview svg{flex:0 0 auto;color:#4598c7}.unread-badge{min-width:20px;height:20px;display:inline-grid;place-items:center;flex:0 0 auto;padding:0 5px;color:white;background:#20ad68;border-radius:999px;font-size:9px}.chat-list-empty{min-height:230px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px;color:#758297;text-align:center}.chat-list-empty>span{width:44px;height:44px;display:grid;place-items:center;color:#1ca161;background:#eaf8f1;border-radius:50%}.chat-list-empty strong{color:#334054;font-size:13px}.chat-list-empty small{max-width:230px;font-size:10px;line-height:1.5}.chat-thread-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f3f6f9}.chat-thread-header{min-height:70px;display:flex;align-items:center;gap:11px;flex:0 0 auto;padding:10px 16px;background:white;border-bottom:1px solid var(--border)}.chat-thread-header>div{min-width:0;display:flex;flex:1 1;flex-direction:column;gap:5px}.chat-thread-header>div strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.chat-thread-header>div span{color:var(--muted);font-size:10px}.provider-chip{min-height:27px;display:inline-flex;align-items:center;flex:0 0 auto;padding:0 10px;color:#4d5a70;background:#f1f4f8;border-radius:999px;font-size:9px;font-weight:750}.provider-chip.whatsapp{color:#087846;background:#e9f8f0}.provider-chip.telegram{color:#1764ad;background:#eaf4ff}.mobile-chat-back{display:none}.chat-thread{min-height:0;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:19px clamp(18px,5vw,68px);background-color:#eef2f5}.message-stack{min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:5px}.message-date{align-self:center;margin:10px 0 8px;padding:5px 10px;color:#68768b;background:rgba(255,255,255,.9);border:1px solid #dfe5ec;border-radius:7px;box-shadow:0 1px 2px rgba(15,23,42,.03);font-size:9px}.message-bubble,.message-date{width:-moz-fit-content;width:fit-content}.message-bubble{position:relative;max-width:min(640px,78%);display:flex;flex-direction:column;gap:6px;padding:9px 11px 6px;color:#263348;background:white;border:1px solid #dde4eb;border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.message-bubble.inbound{align-self:flex-start;border-top-left-radius:3px}.message-bubble.outbound{align-self:flex-end;background:#dcf7e8;border-color:#c2e9d4;border-top-right-radius:3px}.message-bubble p{margin:0;font-size:12px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble footer{min-width:56px;display:flex;align-items:center;align-self:flex-end;justify-content:flex-end;gap:3px;color:#778397;font-size:8px}.message-bubble.outbound footer svg{color:#2684ba}.message-attachment{min-width:210px;display:flex;align-items:center;gap:10px;padding:9px;background:rgba(255,255,255,.64);border-radius:7px}.message-attachment>svg{flex:0 0 auto;color:var(--blue)}.message-attachment>span{min-width:0;display:flex;flex-direction:column;gap:3px}.message-attachment strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.message-attachment small{color:#778397;font-size:8px}.chat-welcome,.thread-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#718096;text-align:center}.chat-welcome>span,.thread-state>svg{color:#2689d9}.chat-welcome strong,.thread-state strong{color:#2b374a;font-size:15px}.thread-state span{max-width:340px;font-size:10px;line-height:1.55}.chat-welcome>span{width:66px;height:66px;display:grid;place-items:center;background:#e6f1ff;border-radius:50%}.chat-welcome p{max-width:370px;color:#728095;font-size:11px;line-height:1.6}.chat-thread-footer{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:0 15px;color:#778397;background:white;border-top:1px solid var(--border);font-size:9px}@media (max-width:1280px){.main-content{padding-inline:22px}.system-summary{grid-template-columns:minmax(290px,1.35fr) repeat(3,minmax(125px,.65fr))}.primary-grid,.secondary-grid{grid-template-columns:1fr}.chat-workspace{grid-template-columns:335px minmax(0,1fr)}}@media (max-width:820px){.sidebar{position:-webkit-sticky;position:sticky;top:0;width:100%;height:auto;flex-direction:row;align-items:center;overflow-x:auto}.brand{height:62px;min-width:180px;padding-inline:14px;border:0}.brand-mark{width:32px;height:32px}.sidebar nav{flex:1 1;flex-direction:row;padding:8px}.sidebar nav a{min-width:44px;height:42px;justify-content:center;padding:0 11px}.sidebar nav a span,.sidebar-footer{display:none}.main-content{margin-left:0;padding:20px 15px 0}.chat-main-content{height:calc(100vh - 62px);padding:13px}.chat-workspace{grid-template-columns:310px minmax(0,1fr)}.system-summary{grid-template-columns:1fr 1fr 1fr}.system-state{grid-column:1/-1;border-bottom:1px solid var(--border)}.metric:nth-child(2):before{display:none}.flow-canvas{gap:9px;overflow-x:auto;justify-content:flex-start}.flow-node{min-width:140px}.hub-node{min-width:155px}.whatsapp-pairing{grid-template-columns:260px minmax(0,1fr)}.qr-column img,.qr-placeholder{width:205px;height:205px}}@media (max-width:680px){.chat-page-header{min-height:55px}.chat-page-header p{display:none}.chat-page-header h1{font-size:23px}.chat-refresh{width:40px;padding:0;font-size:0}.chat-workspace{display:block}.chat-list-pane{height:100%;border-right:0}.chat-thread-pane{display:none;height:100%}.chat-workspace.thread-open .chat-list-pane{display:none}.chat-workspace.thread-open .chat-thread-pane{display:flex}.mobile-chat-back{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;padding:0;cursor:pointer;color:#4f5d72;background:#f2f5f8;border:0;border-radius:8px}.provider-chip{display:none}.chat-thread{padding-inline:12px}.message-bubble{max-width:88%}}@media (max-width:560px){.brand{min-width:57px;width:57px;padding:0 12px}.brand>span:last-child{display:none}.topbar h1{font-size:24px}.topbar p{max-width:240px}.button.secondary{width:40px;padding:0}.button.secondary:not(:hover){font-size:0;gap:0}.system-summary{grid-template-columns:1fr}.metric{min-height:96px;border-top:1px solid var(--border)}.metric:before{display:none}.system-state{padding:18px}.system-state strong{font-size:16px}.source-stack{flex-direction:row}.flow-canvas{flex-direction:column;align-items:stretch}.flow-arrow{transform:rotate(90deg);align-self:center}.flow-node,.hub-node{width:100%}.channel-row{grid-template-columns:auto minmax(0,1fr) auto}.channel-state{grid-column:2}.channel-row>svg{grid-column:3;grid-row:1/span 2}.retry-row{grid-template-columns:auto minmax(0,1fr)}.retry-row .button{grid-column:1/-1;width:100%}.statusbar{flex-wrap:wrap;gap:8px 16px;padding-block:12px}.statusbar span+span:before{display:none}.whatsapp-connected,.whatsapp-empty{align-items:flex-start;flex-wrap:wrap}.whatsapp-connected .button,.whatsapp-empty .button{width:100%}.whatsapp-pairing{grid-template-columns:1fr}.qr-column{border-right:0;border-bottom:1px solid var(--border)}.pairing-instructions{padding:22px 18px}.phone-form{flex-direction:column}}