:root{--bg:#f1f2ee;--bg-sunk:#e7e9e3;--surface:#fff;--ink:#2b1e17;--ink-2:#5a4d45;--muted:#7b736c;--line:#d9dbd3;--line-strong:#c3c5bc;--roast:#3b2418;--roast-hover:#4f3122;--cherry:#b4232c;--cherry-bg:#fbe9e9;--amber:#8a5a00;--amber-bg:#fdf0d2;--leaf:#2f7d4f;--leaf-bg:#e3f2e8;--focus:#3f6c8f;--font-ui:"Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque", var(--font-ui);--r-sm:6px;--r-card:10px;--r-panel:14px;--shadow-lift:0 10px 24px -8px #3b241847, 0 2px 6px #3b24181f;--col-w:292px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 0;margin:0;font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);height:100%;display:grid}.topbar{background:var(--roast);color:#f4ece6;align-items:center;gap:24px;height:56px;padding:0 20px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand__bean{width:22px;height:22px}.nav{gap:4px;height:100%;display:flex}.nav__item{color:#d8c9bf;cursor:pointer;background:0 0;border:3px solid #0000;border-left:0;border-right:0;align-items:center;gap:8px;padding:0 12px;font-weight:500;display:flex}.nav__item:hover{color:#fff}.nav__item[aria-current=page]{color:#fff;border-bottom-color:#c3a248}.nav__count{background:var(--cherry);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:0 6px;font-size:12px;font-weight:700}.nav__count--wa{background:#2f9e5b}.topbar__right{align-items:center;gap:16px;margin-left:auto;display:flex}.wa-status{color:#d8c9bf;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.wa-status__dot{background:#9a8f88;border-radius:50%;width:8px;height:8px}.wa-status--on .wa-status__dot{background:#5fd38a;box-shadow:0 0 0 3px #5fd38a40}.whoami{color:#d8c9bf;align-items:center;gap:8px;font-size:13px;display:flex}.whoami select{color:#fff;border-radius:var(--r-sm);background:#4f3122;border:1px solid #6a4532;padding:4px 8px}.login{background:linear-gradient(90deg, #7e9a6a 0 16.6%, #c3a248 16.6% 33.3%, #b17a3c 33.3% 50%, #8a5530 50% 66.6%, #4a2c1c 66.6% 83.3%, #3b2418 83.3%) top / 100% 8px no-repeat, var(--bg);place-items:center;min-height:100%;padding:24px 16px;display:grid}.login__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);gap:16px;width:min(400px,100%);padding:28px 28px 24px;display:grid}.login__brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.login__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700;line-height:1.15}.login__submit{height:40px}.login__demo{background:var(--amber-bg);color:#5d3d00;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5}.login__demo code{font-size:12px}.usermenu{color:#d8c9bf;align-items:center;gap:10px;font-size:13px;display:flex}.usermenu__name{color:#fff;font-weight:600}.usermenu__role{color:#b8a79c}.usermenu .btn{color:#f4ece6;background:0 0;border-color:#6a4532;height:28px}.usermenu .btn:hover{border-color:#d8c9bf}.btn{border:1px solid var(--line-strong);background:var(--surface);height:34px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--roast);border-color:var(--roast);color:#fff}.btn--primary:hover{background:var(--roast-hover);border-color:var(--roast-hover)}.btn--wa{background:var(--leaf);border-color:var(--leaf);color:#fff}.btn--wa:hover{filter:brightness(1.08);border-color:var(--leaf)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--bg-sunk);border-color:#0000}.btn--danger{color:var(--cherry)}.btn--danger:hover{border-color:var(--cherry)}.btn--sm{height:28px;padding:0 9px;font-size:13px}.btn--icon{width:34px;padding:0}.input,.select,.textarea{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;min-width:0;height:34px;padding:0 10px}.textarea{resize:vertical;height:auto;padding:8px 10px;line-height:1.45}.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-2)}.field{gap:5px;display:grid}.field__label{color:var(--ink-2);font-size:13px;font-weight:600}.field__hint{color:var(--muted);font-size:12px}.field__error{color:var(--cherry);font-size:12.5px}.seg{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;height:32px;color:var(--ink-2);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.seg button[aria-pressed=true]{background:var(--ink);color:#fff}.page{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.filters__more{display:contents}.filters__toggle{display:none}.toolbar{gap:12px;padding:16px 20px 12px;display:grid}.toolbar__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700;line-height:1.1}.summary{color:var(--ink-2);gap:18px;margin-left:6px;font-size:13.5px;display:flex}.summary strong{color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.toolbar__spacer{flex:1}.search{flex:0 300px;position:relative}.search svg{color:var(--muted);position:absolute;top:50%;left:10px;translate:0 -50%}.search .input{width:100%;padding-left:32px}.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filters .select{height:30px;padding:0 6px;font-size:13px}.filters .select[data-active=true]{border-color:var(--ink);background:#fff8ec;font-weight:600}.board{align-items:stretch;gap:10px;min-height:0;padding:4px 20px 20px;display:flex;overflow-x:auto}.column{flex:0 0 var(--col-w);background:var(--bg-sunk);border-radius:12px;flex-direction:column;min-height:0;display:flex}.column__head{border-top:6px solid var(--stage);border-radius:12px 12px 0 0;padding:14px 12px 10px;position:relative}.column__title{align-items:baseline;gap:8px;display:flex}.column__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:15.5px;font-weight:700}.column__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.column__sum{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px}.column__body{border-radius:0 0 12px 12px;flex-direction:column;flex:1;gap:8px;min-height:80px;padding:2px 8px 12px;transition:background-color .12s;display:flex;overflow-y:auto}.column__body[data-over=true]{background:color-mix(in srgb, var(--stage) 14%, transparent)}.column__empty{border:1.5px dashed var(--line-strong);border-radius:var(--r-card);min-height:90px;color:var(--muted);text-align:center;place-items:center;padding:12px;font-size:13px;display:grid}.column__add{color:var(--ink-2);justify-content:flex-start;margin:0 8px 10px}body.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;gap:8px;padding:11px 12px 10px;display:grid;position:relative}.card:hover{border-color:var(--line-strong)}.card[data-dragging=true]{opacity:.35}.card--overlay{cursor:grabbing;box-shadow:var(--shadow-lift);border-color:var(--line-strong);rotate:-1.5deg}.card__head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.avatar{letter-spacing:.02em;width:34px;height:34px;color:var(--ink);background:color-mix(in srgb, var(--stage,#888) 22%, #fff);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:700;display:grid}.avatar--sm{color:#fff;width:20px;height:20px;font-size:9.5px}.card__name{color:var(--ink);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:100%;padding:0;font-size:14.5px;font-weight:650;line-height:1.25;display:block;overflow:hidden}.card__name:hover{text-underline-offset:2px;text-decoration:underline}.card__phone{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.unread{background:var(--leaf);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:grid}.card__quote{-webkit-line-clamp:2;border-left:2px solid var(--line-strong);color:var(--ink-2);-webkit-box-orient:vertical;margin:0;padding-left:9px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.card__quote--out{border-left-color:var(--leaf)}.badges{flex-wrap:wrap;gap:5px;display:flex}.badge{white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:5px;align-items:center;gap:4px;height:22px;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.badge--stale{background:var(--amber-bg);color:var(--amber)}.badge--stale-hot,.badge--late{background:var(--cherry-bg);color:var(--cherry)}.badge--soon{color:#2c5574;background:#e6eef5}.badge--form{background:var(--bg-sunk);color:var(--ink-2);font-weight:500}.tag{height:22px;color:var(--ink-2);background:color-mix(in srgb, var(--tag) 12%, #fff);border:1px solid color-mix(in srgb, var(--tag) 30%, #fff);white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:0 7px 0 6px;font-size:12px;font-weight:500;display:inline-flex}.tag:before{content:"";background:var(--tag);border-radius:2px;width:7px;height:7px}.card__meta{color:var(--muted);align-items:center;gap:10px;font-size:12.5px;display:flex}.channel{align-items:center;gap:5px;display:inline-flex}.channel:before{content:"";background:var(--ch);border-radius:50%;width:8px;height:8px}.card__value{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13.5px;font-weight:650}.card__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.stage-btn{border:1px solid color-mix(in srgb, var(--stage) 45%, #fff);background:color-mix(in srgb, var(--stage) 10%, #fff);height:26px;color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 8px 0 7px;font-size:12.5px;font-weight:600;display:inline-flex}.stage-btn:before{content:"";background:var(--stage);border-radius:50%;width:9px;height:9px}.stage-btn:hover{border-color:var(--stage)}.who{color:var(--ink-2);align-items:center;gap:6px;min-width:0;font-size:12.5px;display:inline-flex}.who--none{color:var(--muted);font-style:italic}.menu{z-index:50;background:var(--surface);border:1px solid var(--line-strong);min-width:210px;box-shadow:var(--shadow-lift);border-radius:10px;padding:6px;position:fixed}.menu__label{color:var(--muted);padding:4px 8px 6px;font-size:12px}.menu__item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 8px;display:flex}.menu__item:hover,.menu__item:focus-visible{background:var(--bg-sunk);outline:none}.menu__item[aria-checked=true]{font-weight:650}.dot{background:var(--c);border-radius:50%;flex:none;width:10px;height:10px}dialog.dialog{border-radius:var(--r-panel);background:var(--surface);color:var(--ink);border:0;width:min(460px,100vw - 32px);max-height:calc(100vh - 48px);padding:0;box-shadow:0 30px 60px -20px #2b1e1773}dialog.dialog--wide{width:min(980px,100vw - 32px)}dialog.dialog::backdrop{background:#2b1e176b}dialog.dialog[open]{animation:.16s ease-out pop}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.985)}}.dialog__head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.dialog__title{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700;line-height:1.2}.dialog__sub{color:var(--muted);margin-top:2px;font-size:13px}.dialog__body{gap:14px;padding:18px 20px;display:grid}.dialog__foot{justify-content:flex-end;gap:8px;padding:14px 20px 18px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lead{grid-template-columns:1fr 320px;max-height:calc(100vh - 122px);display:grid;overflow:hidden}.lead__main{align-content:start;gap:22px;padding:18px 22px 24px;display:grid;overflow-y:auto}.lead__side{border-left:1px solid var(--line);background:#f7f7f4;align-content:start;gap:18px;padding:18px 18px 24px;display:grid;overflow-y:auto}.section{gap:8px;display:grid}.section__title{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.section__title small{font-family:var(--font-ui);color:var(--muted);font-size:12.5px;font-weight:400}.kv{grid-template-columns:110px 1fr;gap:6px 12px;margin:0;font-size:13.5px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}.quote{background:var(--bg);border-left:3px solid var(--line-strong);border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.stages{flex-wrap:wrap;gap:6px;display:flex}.stage-chip{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.stage-chip:before{content:"";background:var(--stage);border-radius:50%;width:9px;height:9px}.stage-chip[aria-pressed=true]{background:var(--stage);border-color:var(--stage);color:#fff;font-weight:650}.stage-chip[aria-pressed=true]:before{background:#fff}.timeline{gap:10px;margin:0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:14px 1fr;gap:10px;font-size:13.5px;display:grid}.timeline__mark{background:var(--c,var(--line-strong));border-radius:50%;width:10px;height:10px;margin-top:5px}.timeline time{color:var(--muted);font-size:12px;display:block}.note{white-space:pre-wrap;background:#fffaf0;border:1px solid #efe2c6;border-radius:8px;padding:10px 12px;font-size:13.5px}.note__by{color:var(--muted);margin-bottom:3px;font-size:12px;display:block}.tag-picker{flex-wrap:wrap;gap:6px;display:flex}.tag-toggle{cursor:pointer;opacity:.55;border-style:dashed}.tag-toggle[aria-pressed=true]{opacity:1;border-style:solid}.reminder{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;display:grid}.reminder--late{background:#fff7f7;border-color:#eab4b7}.reminder--done{opacity:.55;text-decoration:line-through}.reminder__when{color:var(--muted);font-size:12px}.reminder__meta{align-items:center;gap:12px;margin-top:1px;font-size:12.5px;display:flex}.reminder__meta .who{gap:4px;font-size:12.5px}.link{color:var(--ink);font-weight:600;font-size:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:2px;background:0 0;border:0;padding:0}.link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.reminder--late .reminder__when{color:var(--cherry);font-weight:600}.check{border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;padding:0;display:grid}.check[aria-checked=true]{background:var(--leaf);border-color:var(--leaf)}.table-wrap{padding:0 20px 20px;overflow:auto}.table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;width:100%;font-size:13.5px;overflow:hidden}.table th{text-align:left;color:var(--ink-2);border-bottom:1px solid var(--line);white-space:nowrap;background:#f7f7f4;padding:9px 12px;font-weight:600;position:sticky;top:0}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 12px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fafaf7}.table .right{text-align:right}.content{padding:20px 20px 40px;overflow-y:auto}.content__inner{gap:28px;max-width:900px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);gap:14px;padding:18px 20px;display:grid}.panel__title{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:18px;font-weight:700}.panel__desc{color:var(--ink-2);max-width:68ch;margin:-8px 0 0}.rows{gap:8px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>.input{flex:180px}.qr-row{grid-template-columns:150px 1fr auto;align-items:start;gap:10px;display:grid}@media (width<=560px){.qr-row{grid-template-columns:1fr}}.color{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:8px;width:34px;height:34px;padding:2px}.code{background:var(--bg);border:1px solid var(--line);white-space:pre;border-radius:6px;padding:7px 9px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12.5px;overflow-x:auto}.callout{background:var(--amber-bg);color:#5d3d00;border-radius:10px;padding:12px 14px;font-size:13.5px}.callout--ok{background:var(--leaf-bg);color:#1d4d31}.group-title{color:var(--ink-2);align-items:baseline;gap:8px;margin:4px 0 0;font-size:13.5px;font-weight:650;display:flex}.group-title--late{color:var(--cherry)}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1.5px dashed var(--line-strong);border-radius:12px;padding:28px}.toasts{z-index:100;gap:8px;display:grid;position:fixed;bottom:20px;left:50%;translate:-50%}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow-lift);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;animation:.16s ease-out pop;display:flex}.toast--error{background:var(--cherry)}.toast button{color:#f3d9a1;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650}@media (width<=860px){.lead{grid-template-columns:1fr;overflow-y:auto}.lead__main,.lead__side{overflow:visible}.lead__side{border-left:0;border-top:1px solid var(--line)}.topbar{gap:10px;padding:0 12px}.whoami span,.wa-status span,.summary{display:none}.grid-2{grid-template-columns:1fr}}@media (width<=560px){.brand span,.wa-status{display:none}.topbar{gap:6px;padding:0 10px}.nav{scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.nav__item{gap:5px;padding:0 7px;font-size:13.5px}.topbar__right{margin-left:0}.whoami select{max-width:76px;padding:4px}.filters__toggle{display:inline-flex}.filters__more{display:none}.filters__more[data-open=true]{display:contents}.search{flex:200px}.board{scroll-snap-type:x mandatory;padding:4px 16px 16px}.column{scroll-snap-align:start;flex-basis:calc(100vw - 48px)}.toolbar{padding:14px 16px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.card--overlay{rotate:0deg}}.inbox{grid-template-columns:340px minmax(0,1fr) 320px;height:100%;min-height:0;display:grid}.inbox[data-side=false]{grid-template-columns:340px minmax(0,1fr)}.inbox__list{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex}.inbox__head{border-bottom:1px solid var(--line);gap:10px;padding:16px 16px 10px;display:grid}.inbox__head .search{flex:none}.tabs{gap:2px;display:flex}.tabs__tab{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:500}.tabs__tab:hover{background:var(--bg-sunk)}.tabs__tab[aria-selected=true]{background:var(--ink);color:#fff}.conv-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.conv-list__empty{color:var(--muted);text-align:center;padding:28px 20px;font-size:13.5px}.conv{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr);gap:11px;width:100%;padding:11px 16px;display:grid;position:relative}.conv:hover{background:#f7f7f4}.conv[aria-current=true]{background:#f1ece6}.conv[aria-current=true]:before{content:"";background:var(--roast);width:3px;position:absolute;top:0;bottom:0;left:0}.conv__main{gap:2px;min-width:0;display:grid}.conv__top,.conv__bottom{align-items:center;gap:8px;min-width:0;display:flex}.conv__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.conv[data-unread=true] .conv__name{font-weight:750}.conv__time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.conv[data-unread=true] .conv__time{color:var(--leaf);font-weight:650}.conv__preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-2);flex:1;font-size:13px;overflow:hidden}.conv__preview .tick{vertical-align:-2px;margin-right:3px}.conv[data-unread=true] .conv__preview{color:var(--ink)}.conv__meta{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.conv__stage{align-items:center;gap:5px;display:inline-flex}.conv__stage:before{content:"";background:var(--stage);border-radius:50%;width:7px;height:7px}.inbox__chat{background:#ece9e3;flex-direction:column;min-width:0;min-height:0;display:flex}.inbox__placeholder{color:var(--muted);text-align:center;justify-items:center;gap:10px;margin:auto;padding:24px;display:grid}.chat-head{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 16px;display:flex}.chat-head__back{display:none}.inbox__side{border-left:1px solid var(--line);background:#f7f7f4;min-height:0;overflow-y:auto}.inbox__side .lead__side{border-left:0;overflow:visible}.chat-pane{flex-direction:column;flex:1;min-height:0;display:flex}.chat-pane--compact{border:1px solid var(--line);background:#ece9e3;border-radius:10px;max-height:460px;overflow:hidden}.thread{flex-direction:column;flex:1;gap:4px;min-height:120px;padding:14px 18px;display:flex;overflow-y:auto}.thread__empty{color:var(--muted);margin:auto;font-size:13.5px}.thread__item{flex-direction:column;display:flex}.thread__day{color:var(--ink-2);background:#fffc;border-radius:6px;align-self:center;margin:10px 0 6px;padding:3px 10px;font-size:12px;font-weight:600}.thread .bubble{background:#fff;border-radius:9px;place-self:flex-start;max-width:min(72%,560px);padding:6px 9px 4px 10px;font-size:14px;line-height:1.4;display:grid;box-shadow:0 1px 1px #2b1e1714}.thread .bubble--out{background:#dcefe0;align-self:flex-end}.thread .bubble--demo{background:#eef2e6;outline:1px dashed #a9b98f}.bubble__author{color:var(--leaf);font-size:11.5px;font-weight:700}.bubble__text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble__meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-self:end;align-items:center;gap:4px;margin-top:1px;font-size:11px;display:inline-flex}.bubble__demo{margin-right:4px;font-style:italic}.tick{color:var(--muted);flex:none}.tick--read{color:#2f7fd0}.tick--failed{color:var(--cherry)}.demo-bar{color:#5d4a12;background:#f6f1df;border-top:1px solid #e8dcb8;align-items:center;gap:12px;padding:8px 14px;font-size:12.5px;display:flex}.demo-bar span{flex:1}.window-hint{color:var(--muted);background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:5px;padding:6px 16px 0;font-size:11.5px;display:flex}.window-closed{background:var(--surface);border-top:1px solid var(--line);color:var(--ink-2);padding:14px 18px;font-size:13.5px}.composer{background:var(--surface);align-items:flex-end;gap:8px;padding:8px 12px 12px;display:flex;position:relative}.composer--customer{background:#eef0fb}.composer__input{resize:none;border:1px solid var(--line-strong);background:#fff;border-radius:10px;flex:1;min-height:38px;max-height:150px;padding:8px 12px;line-height:1.4}.composer__input:focus-visible{outline:2px solid var(--focus);outline-offset:0}.composer .btn{height:38px}.qr-menu{background:var(--surface);border:1px solid var(--line-strong);max-height:280px;box-shadow:var(--shadow-lift);z-index:5;border-radius:10px;padding:6px;position:absolute;bottom:calc(100% + 4px);left:12px;right:12px;overflow-y:auto}.qr-menu__item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:110px 1fr;gap:10px;width:100%;padding:7px 8px;font-size:13px;display:grid}.qr-menu__item[aria-selected=true]{background:var(--bg-sunk)}.qr-menu__key{color:var(--roast);font-weight:700}.qr-menu__body{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-menu__empty{color:var(--muted);padding:8px;font-size:13px}@media (width<=1240px){.inbox,.inbox[data-side=false]{grid-template-columns:300px minmax(0,1fr)}.inbox__side,.chat-head__side{display:none}}@media (width<=760px){.inbox,.inbox[data-side=false]{grid-template-columns:minmax(0,1fr)}.inbox[data-has-selection=true] .inbox__list,.inbox[data-has-selection=false] .inbox__chat{display:none}.chat-head__back{display:inline-flex}.hide-sm,.composer__send-label{display:none}.thread .bubble{max-width:85%}.demo-bar{flex-direction:column;align-items:flex-start}}