:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app:#e9edef;--panel:#fff;--panel-muted:#f0f2f5;--thread:#efeae2;--ink:#111b21;--muted:#667781;--line:#d9dee4;--soft-line:#eef1f4;--accent:#008069;--accent-strong:#006d5b;--accent-soft:#dff4ec;--blue:#1d5f99;--danger:#b42318;--warn:#a15c07;--mine:#d9fdd3;--theirs:#fff;--shadow:0 12px 34px #111b2129}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0}body{background:var(--app);min-height:100dvh;color:var(--ink);font:14px/1.42 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{min-width:40px;min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 12px}button:hover{background:#e8ecef}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-strong)}button.ghost{color:var(--muted)}button.danger{color:var(--danger)}button.blue{color:var(--blue)}button.icon{border-radius:50%;padding:0}button.compact{min-height:32px;padding:0 10px}button:disabled{cursor:not-allowed;opacity:.48}input,textarea,select{background:var(--panel-muted);width:100%;color:var(--ink);border:1px solid #0000;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:44px;max-height:150px}.app-shell{background:var(--panel);grid-template-columns:minmax(320px,390px) minmax(0,1fr);max-width:1680px;height:100dvh;margin:0 auto;display:grid;box-shadow:0 0 0 1px #111b210a}.inbox-pane{border-right:1px solid var(--line);background:var(--panel);grid-template-rows:auto auto 1fr;min-width:0;min-height:0;display:grid}.session-top{background:var(--panel-muted);border-bottom:1px solid var(--line);gap:10px;padding:10px 12px 12px;display:grid}.session-row,.thread-head,.drawer-head,.inspector-head{align-items:center;gap:12px;min-width:0;display:flex}.session-row{justify-content:space-between}.identity-line{align-items:center;gap:10px;min-width:0;display:flex}.identity-text{min-width:0}.title{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:16px;font-weight:650;overflow:hidden}.subtitle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.avatar{color:#fff;letter-spacing:0;text-transform:uppercase;background:#7a8790;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-weight:750;display:inline-grid}.avatar.small{width:34px;height:34px;font-size:12px}.session-actions{align-items:center;gap:4px;display:flex}.chat-account-switcher{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.chat-account-switcher label{color:var(--muted);font-size:12px;font-weight:650}.chat-account-switcher select{background:var(--panel);width:100%;min-width:0}.session-readonly-notice{color:#654f16;background:#fff8df;border:1px solid #ecd59b;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:12px;line-height:1.4;display:flex}.session-readonly-notice a{color:#604b12;flex:none;font-weight:700}.status-pill,.badge{min-height:24px;color:var(--muted);white-space:nowrap;background:#e8ecef;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.dot{background:#94a3ad;border-radius:50%;width:8px;height:8px}.dot.open{background:var(--accent)}.dot.connecting,.dot.reconnecting{background:var(--warn)}.dot.logged_out,.dot.error{background:var(--danger)}.qr-login{background:#f0fbf7;border:1px solid #b7e6d7;border-radius:8px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:none}.qr-login img{border:1px solid var(--line);background:#fff;border-radius:8px;width:92px;height:92px}.progress{background:#d7eee6;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress span{border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width .18s;display:block}.search-zone{border-bottom:1px solid var(--line);background:var(--panel);gap:10px;padding:10px 12px;display:grid}.search-wrap{background:var(--panel-muted);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:grid}.search-wrap input{border:0;padding:9px 0}.compact-toggle{width:fit-content;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:650;display:inline-flex}.compact-toggle input{width:auto}.filters{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{min-height:32px;color:var(--muted);white-space:nowrap;background:#f2f4f7;border-radius:999px}.chip.active{background:var(--accent-soft);color:var(--accent-strong)}.chat-list{background:var(--panel);min-height:0;overflow:auto}.chat-row{border:0;border-bottom:1px solid var(--soft-line);background:var(--panel);text-align:left;border-radius:0;grid-template-columns:54px minmax(0,1fr);gap:8px;width:100%;min-height:72px;padding:10px 12px;display:grid}.chat-row:hover{background:#f5f6f6}.chat-row.active{background:#e9edef}.chat-main{gap:4px;min-width:0;display:grid}.chat-top,.chat-bottom{justify-content:space-between;gap:10px;min-width:0;display:flex}.chat-name,.bubble-sender{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.chat-time,.bubble-time{color:var(--muted);flex:none;font-size:12px}.chat-preview{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-badges{flex:none;gap:4px;display:flex}.badge.deleted{color:var(--danger);background:#fff1f0}.badge.media{color:var(--blue);background:#e7f0fb}.badge.unread{background:var(--accent);color:#fff}.thread-pane{background:linear-gradient(#efeae2f0,#efeae2f0),repeating-linear-gradient(45deg,#0000 0 18px,#111b2109 18px 19px);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.thread-head{border-bottom:1px solid var(--line);background:var(--panel-muted);justify-content:space-between;min-height:64px;padding:9px 14px}.thread-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.thread-actions{align-items:center;gap:4px;display:flex}.mobile-back{display:none}.messages{min-height:0;padding:16px max(20px,6vw);overflow:auto}.load-row,.day-row{justify-content:center;margin:6px 0 12px;display:flex}.day-pill{color:var(--muted);background:#ffffffe0;border-radius:8px;padding:6px 10px;font-size:12px;box-shadow:0 1px 2px #111b2114}.bubble-row{margin:3px 0;display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{background:var(--theirs);cursor:pointer;border-radius:8px;width:fit-content;max-width:min(680px,76%);padding:6px 8px 5px;box-shadow:0 1px 1px #111b211f}.bubble-row.mine .bubble{background:var(--mine)}.bubble.selected{outline:2px solid var(--accent);outline-offset:2px}.bubble-sender{color:var(--accent-strong);margin-bottom:2px;font-size:12px}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble-content{gap:5px;min-width:0;display:grid}.bubble-type{width:fit-content;max-width:100%;color:var(--accent-strong);text-overflow:ellipsis;white-space:nowrap;background:#0080691a;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:750;overflow:hidden}.bubble-title{overflow-wrap:anywhere;font-weight:750}.bubble-lines,.bubble-actions{color:#33424a;gap:3px;margin:2px 0 0;padding:0;list-style:none;display:grid}.bubble-lines li,.bubble-actions li{overflow-wrap:anywhere;min-width:0}.bubble-actions li{border-top:1px solid #111b2114;padding-top:5px;font-weight:650}.bubble-map-link{color:var(--blue);overflow-wrap:anywhere;font-weight:650}.bubble-code{color:#eef7f3;background:#101820;border:1px solid #111b211f;border-radius:8px;max-height:220px;padding:8px}.bubble-table{border-collapse:collapse;border-radius:8px;width:100%;font-size:12px;overflow:hidden}.bubble-table th,.bubble-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border:1px solid #111b2124;padding:5px 6px}.bubble-table th{background:#0080691a}.bubble-system .bubble-type,.bubble-unknown .bubble-type{color:var(--muted);background:#eef1f4}.bubble-payment .bubble-type,.bubble-commerce .bubble-type{color:#7a4a00;background:#fff4dd}.bubble-rich .bubble-type,.bubble-newsletter .bubble-type{color:var(--blue);background:#e7f0fb}.bubble-status .bubble-type,.bubble-call .bubble-type{color:#5d3d8a;background:#f1edf9}.system-text{color:var(--muted);font-style:italic}.bubble-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:4px;font-size:11px;display:flex}.media-preview{gap:6px;margin:4px 0 7px;display:grid}.media-preview img,.media-preview video{background:#fff;border-radius:8px;max-width:min(100%,360px);max-height:320px;display:block}.media-preview audio{width:min(320px,100%)}.composer{border-top:1px solid var(--line);background:var(--panel-muted);gap:8px;padding:10px 12px;display:grid}.reply-chip,.file-chip{border-left:4px solid var(--accent);min-width:0;color:var(--muted);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:none}.reply-chip span,.file-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.composer-row{grid-template-columns:auto minmax(96px,132px) minmax(88px,116px) auto minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}#sendMode,#mediaType,#applySendExample{min-width:0}.interactive-panel{gap:8px;display:grid}.interactive-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.interactive-fields textarea,#rawInteractiveJson{grid-column:1/-1;min-height:86px}.builder-list{grid-column:1/-1;gap:8px;display:grid}.builder-add{justify-self:start}.builder-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;padding:10px;display:grid}.builder-row{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:center;gap:8px;display:grid}.builder-row select,.builder-row input,.builder-row textarea{min-width:0}.builder-row textarea,.builder-card>textarea{grid-column:1/-1;min-height:70px}.builder-row .wide{grid-column:span 2}.file-input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.attach-label{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 12px;display:inline-flex}.attach-label:hover{background:#e8ecef}.attach-label.disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.empty{min-height:180px;color:var(--muted);text-align:center;place-items:center;padding:20px;display:grid}.sessions-page{background:var(--app);min-height:100dvh;color:var(--ink)}.sessions-topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f2f5f5;justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:12px clamp(14px,3vw,28px);display:flex;position:sticky;top:0}.sessions-topbar h1,.section-head h2,.session-list-panel h2{letter-spacing:0;margin:0}.sessions-layout{grid-template-columns:minmax(260px,330px) minmax(320px,1fr) minmax(340px,480px);gap:14px;width:min(1540px,100%);margin:0 auto;padding:14px clamp(12px,3vw,28px) 24px;display:grid}.session-list-panel,.session-detail-panel,.session-create-panel{align-content:start;gap:12px;min-width:0;display:grid}.session-list-panel{max-height:calc(100dvh - 100px);position:sticky;top:86px;overflow:auto}.section-head{justify-content:space-between;gap:12px;min-width:0;display:flex}.session-select-mobile{display:none}.session-card-list{gap:8px;display:grid}.session-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow:hidden}.session-card.active{background:var(--accent-soft);border-color:#99d6c3}.session-card-button{text-align:left;background:0 0;border:0;border-radius:0;gap:7px;width:100%;min-height:96px;padding:12px;display:grid}.session-card-button:hover{background:#f7f9fa}.session-card-button.active{background:var(--accent-soft)}.session-card-actions{border-top:1px solid var(--line);justify-content:flex-end;padding:4px 6px;display:flex}.session-open-link{min-height:40px;font-weight:700}.account-card{gap:12px}.field-label{color:var(--muted);font-size:12px;font-weight:650;display:block}.ghost-link{min-height:32px;color:var(--accent-strong);border-radius:8px;align-items:center;padding:0 10px;text-decoration:none;display:inline-flex}.ghost-link:hover{background:#e8ecef}.ghost-link.disabled{pointer-events:none;opacity:.48}.primary-link{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}.primary-link:hover{background:var(--accent-strong)}.session-empty-state{align-content:center;gap:8px}.session-empty-state .ghost-link{border:1px solid var(--line);background:var(--panel)}.compact-empty{min-height:96px}.qr-workspace{min-height:430px}.large-qr-login{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:center;gap:18px;padding:16px}.large-qr-login img{justify-self:center;width:min(72vw,320px);height:min(72vw,320px)}.drawer,.inspector,.contact-editor{z-index:20;background:var(--panel);border-left:1px solid var(--line);width:min(430px,94vw);height:100dvh;box-shadow:var(--shadow);grid-template-rows:auto minmax(0,1fr);transition:transform .18s;display:grid;position:fixed;top:0;right:0;transform:translate(105%)}.drawer.open,.inspector.open,.contact-editor.open{transform:translate(0)}.drawer-head,.inspector-head{background:var(--panel-muted);border-bottom:1px solid var(--line);justify-content:space-between;min-height:64px;padding:10px 14px}.drawer-body,.inspector-body{min-height:0;padding:14px;overflow:auto}.contact-editor-form{align-content:start;gap:14px;display:grid}.contact-editor-form label{gap:6px;display:grid}.contact-editor-form label>span{color:var(--muted);font-size:12px}.sync-lock{color:var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center}.stack{gap:10px;display:grid}.row{align-items:center;gap:8px;min-width:0;display:flex}.row.wrap{flex-wrap:wrap}.row.spread{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:650}.drawer-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.drawer-card h2{letter-spacing:0;margin:0;font-size:13px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.segmented label{border:1px solid var(--line);background:var(--panel-muted);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:flex}.segmented input{width:auto}#createPhoneNumber{display:none}#createPhoneNumber.visible{display:block}.pairing-result{background:#f2f7fc;border:1px solid #bfd7f0;border-radius:8px;gap:8px;padding:10px;display:none}.pairing-result.visible{display:grid}.pairing-code{letter-spacing:.08em;color:var(--blue);font:700 28px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace}.danger-zone{background:#fff8f7;border-color:#fecdca}.presence-list,.presence-timeline{gap:8px;display:grid}.presence-target{border:1px solid var(--soft-line);background:#fff;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.presence-target.disabled{opacity:.62}.presence-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.presence-dot{background:#94a3ad;border-radius:50%;width:10px;height:10px}.presence-dot.available{background:var(--accent)}.presence-dot.composing,.presence-dot.recording,.presence-dot.paused{background:var(--warn)}.presence-dot.unavailable{background:#94a3ad}.presence-dot.unknown{background:var(--danger)}.presence-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric{background:var(--panel-muted);border-radius:8px;padding:10px}.metric strong{font-size:18px;display:block}.timeline-row{border-left:3px solid var(--accent);background:#fff;border-radius:8px;padding:9px 10px}.enabled{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.enabled input{width:auto}.kv{grid-template-columns:minmax(96px,130px) minmax(0,1fr);gap:8px 12px;margin:10px 0;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}details{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin:10px 0}summary{cursor:pointer;min-height:40px;padding:10px 12px;font-weight:650}pre{border-top:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;margin:0;padding:12px;font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.toast{z-index:40;max-width:min(520px,100vw - 28px);color:var(--danger);box-shadow:var(--shadow);background:#fff6f5;border:1px solid #fecdca;border-radius:8px;padding:10px 12px;display:none;position:fixed;bottom:14px;right:14px}@media (width<=1120px){.sessions-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.session-create-panel{grid-column:1/-1}}@media (width<=920px){.app-shell{grid-template-columns:1fr}.thread-pane,body.chat-open .inbox-pane{display:none}body.chat-open .thread-pane{height:100dvh;display:grid}.mobile-back{display:inline-grid}.messages{padding:14px 10px}.bubble{max-width:88%}.sessions-topbar{flex-direction:column;align-items:flex-start;position:static}.sessions-layout{grid-template-columns:1fr}.session-list-panel{max-height:none;position:static}.session-select-mobile{display:block}.session-card-list,.large-qr-login{grid-template-columns:1fr}}@media (width<=520px){.session-top,.search-zone,.thread-head,.composer{padding-left:10px;padding-right:10px}.composer-row{grid-template-columns:auto minmax(0,1fr) auto}#sendMode,#mediaType{grid-column:1/-1}.interactive-fields,.builder-row{grid-template-columns:1fr}.builder-row .wide{grid-column:auto}.chat-row{grid-template-columns:48px minmax(0,1fr);padding-left:10px;padding-right:10px}.avatar{width:42px;height:42px}.thread-actions .optional{display:none}.presence-metrics{grid-template-columns:1fr}.session-row{align-items:flex-start}.session-actions{flex-direction:column;align-items:stretch}.chat-account-switcher{grid-template-columns:1fr;gap:4px}.session-readonly-notice{flex-direction:column;align-items:flex-start}}