:root{--bg:#f4f6f8;--surface:#fff;--text:#1c2430;--muted:#5d6b7a;--border:#d7dee6;--brand:#03913f;--primary:#037a35;--primary-text:#fff;--error:#b42318;--danger-bg:#fdecea;--bubble-in:#fff;--bubble-out:#e3f4e8;--read:#1a73e8;--note-bg:#fff6d6;--note-border:#f0d77a;--label-green-bg:#dcf3e3;--label-green-text:#14532d;--label-blue-bg:#dbeafe;--label-blue-text:#1e3a8a;--label-yellow-bg:#fef3c7;--label-yellow-text:#713f12;--label-red-bg:#fee2e2;--label-red-text:#7f1d1d;--label-purple-bg:#ede9fe;--label-purple-text:#4c1d95;--label-gray-bg:#e5e7eb;--label-gray-text:#1f2937;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12171d;--surface:#1b222b;--text:#e6ebf0;--muted:#9aa8b6;--border:#2c3643;--brand:#03913f;--primary:#037a35;--primary-text:#fff;--error:#ff8a80;--danger-bg:#3a1d1b;--bubble-in:#232b35;--bubble-out:#16382a;--read:#6ea8ff;--note-bg:#3a3214;--note-border:#6b5a1e;--label-green-bg:#14432a;--label-green-text:#bbf7d0;--label-blue-bg:#1e3a5f;--label-blue-text:#bfdbfe;--label-yellow-bg:#4a3a10;--label-yellow-text:#fde68a;--label-red-bg:#4c1d1d;--label-red-text:#fecaca;--label-purple-bg:#3b2a5e;--label-purple-text:#ddd6fe;--label-gray-bg:#2c3643;--label-gray-text:#e5e7eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:0;font-size:1.4rem}.muted{color:var(--muted);margin:0}.loading{color:var(--muted);padding:24px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:28px 24px;display:flex}label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;display:flex}input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px}input:focus{outline:2px solid var(--brand);outline-offset:1px}button{font:inherit;cursor:pointer;background:var(--primary);color:var(--primary-text);border:0;border-radius:8px;padding:10px 14px;font-weight:600}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--text);border:1px solid var(--border);background:0 0}.error{color:var(--error);margin:0;font-size:.9rem}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.welcome{flex-direction:column;gap:8px;padding:24px 16px;display:flex}.brand{justify-content:center;display:flex}.logo{max-width:100%;height:auto;display:block}.logo-small{width:auto;height:32px}.brand+.muted{text-align:center}.shell{flex-direction:column;height:100dvh;display:flex}.shell>main{flex:1;min-height:0;overflow-y:auto}.topbar{gap:16px}.nav{flex:1;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:6px;padding:6px 10px;font-weight:500;text-decoration:none}.nav a.active{color:var(--text);background:var(--bg)}.greeting{color:var(--muted);font-size:.9rem}.banner-danger{background:var(--danger-bg);color:var(--error);border-bottom:1px solid var(--border);padding:8px 16px;font-weight:500}.banner-danger a{color:inherit}.page{flex-direction:column;gap:16px;max-width:640px;padding:24px 16px;display:flex}.card-plain{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;display:flex}.ok{color:var(--brand);margin:0;font-weight:600}.qr{background:#fff;border-radius:8px;padding:8px}button.link{color:var(--brand);background:0 0;padding:0;font-weight:600;text-decoration:underline}.shell>.conversations{grid-template-columns:320px 1fr;display:grid;overflow:hidden}.conv-list{border-right:1px solid var(--border);background:var(--surface);overflow-y:auto}.conv-list h1{padding:16px 16px 8px;font-size:1.1rem}.conv-list>p{padding:0 16px}.conv-list ul{margin:0;padding:0;list-style:none}.conv-item{border-bottom:1px solid var(--border);color:inherit;grid-template-columns:1fr auto;gap:2px 8px;padding:12px 16px;text-decoration:none;display:grid}.conv-item:hover,.conv-item.active{background:var(--bg)}.conv-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.conv-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:.875rem;overflow:hidden}.badge{background:var(--brand);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-grid}.thread{flex-direction:column;min-height:0;display:flex}.thread.empty{justify-content:center;align-items:center}.back{color:var(--brand);font-weight:600;text-decoration:none;display:none}.messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.bubble{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:2px;max-width:min(560px,85%);padding:8px 12px;display:flex}.bubble.in{background:var(--bubble-in);border-top-left-radius:4px;align-self:flex-start}.bubble.out{background:var(--bubble-out);border-top-right-radius:4px;align-self:flex-end}.bubble-author{color:var(--brand);font-size:.75rem;font-weight:700}.bubble-text{white-space:pre-wrap;word-break:break-word;margin:0}.bubble-meta{color:var(--muted);align-self:flex-end;gap:6px;font-size:.7rem;display:flex}.status-read{color:var(--read)}.status-failed{color:var(--error)}.bubble-error{color:var(--error);font-size:.8rem}.media-link{display:block}.media-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:320px;display:block}.media-sticker{object-fit:contain;width:128px;height:128px;display:block}.media-audio{width:280px;max-width:70vw;height:40px}.media-video{border-radius:8px;max-width:100%;max-height:320px;display:block}.media-doc{background:var(--bg);color:var(--text);word-break:break-word;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-weight:500;text-decoration:none;display:flex}.media-doc:hover{text-decoration:underline}.media-note{color:var(--muted);flex-direction:column;gap:2px;margin:0;font-style:italic;display:flex}.media-reason{font-size:.8rem;font-style:normal}.composer{border-top:1px solid var(--border);background:var(--surface);flex-direction:column;gap:6px;padding:10px 16px 12px;display:flex}.composer-note{background:var(--note-bg)}.composer-top{flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;display:flex}.mode{gap:12px;display:flex}.mode label{flex-direction:row;align-items:center;gap:4px;font-weight:500}.hint{color:var(--muted);font-size:.8rem}.composer-row{gap:8px;display:flex}.composer-notice{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);text-align:center;margin:0;padding:14px 16px;font-weight:500}.composer textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);resize:none;border-radius:8px;flex:1;padding:10px 12px}.thread>.error{padding:0 16px}.composer-row{align-items:flex-end}button.icon{padding:8px 10px;font-size:1.1rem;line-height:1}.attachment{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;font-size:.875rem;display:flex}.attachment-name{word-break:break-word;font-weight:500}.composer-row.recording{align-items:center}.rec-indicator{color:var(--error);font-variant-numeric:tabular-nums;flex:1;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.greeting{display:none}.topbar{flex-wrap:wrap;row-gap:8px;padding:8px 12px}.topbar .nav{flex-basis:100%;order:5;overflow-x:auto}.topbar>.secondary:last-child{margin-left:auto}.shell>.conversations{grid-template-columns:1fr}.conversations.has-thread .conv-list,.conversations:not(.has-thread) .thread,.conversations:not(.has-thread) .thread-area{display:none}.back{display:block}}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:0 12px 8px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-weight:600;display:inline-flex}.tab.active{background:var(--bg);color:var(--text)}.tab-count{background:var(--brand);color:#fff;border-radius:999px;padding:0 6px;font-size:.7rem}.conv-owner{color:var(--muted);grid-column:1/-1;font-size:.75rem}button.small{padding:6px 10px;font-size:.85rem}.thread-header{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.thread-title{flex-direction:column;flex:1;min-width:0;display:flex}.thread-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-title .muted{font-size:.8rem}.thread-actions{flex-wrap:wrap;gap:6px;display:flex}.thread-actions button{padding:6px 10px;font-size:.85rem}.timeline-event{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-self:center;margin:4px 0;padding:2px 10px;font-size:.75rem}.bubble.note{background:var(--note-bg);border-color:var(--note-border);align-self:center;max-width:min(560px,90%)}.bubble.note .bubble-author{color:var(--text);opacity:.75}.modal-backdrop{z-index:10;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:20px;display:flex}.modal h2{margin:0;font-size:1.1rem}.modal select,.modal textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=760px){.thread-header .back{padding:0;display:block}.thread-header{gap:8px}}.page.settings{max-width:760px}.subnav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding-bottom:8px;display:flex}.subnav a{color:var(--muted);border-radius:6px;padding:6px 10px;font-weight:600;text-decoration:none}.subnav a.active{color:var(--text);background:var(--surface);border:1px solid var(--border)}.settings-section{flex-direction:column;gap:12px;display:flex}.settings-section h2{margin:0;font-size:1.15rem}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-list{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0;padding:0;list-style:none}.admin-list li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.admin-list li:last-child{border-bottom:0}.admin-list li.inactive .admin-main{opacity:.6}.admin-main{flex-direction:column;flex:1;align-items:flex-start;min-width:160px;display:flex}.admin-main .muted{word-break:break-word;font-size:.85rem}.pill{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.pill-off{color:var(--error)}label.check{flex-direction:row;align-items:center;gap:8px}.modal input,.modal select{width:100%}.label-chip{background:var(--label-bg);color:var(--label-text);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.label-green{--label-bg:var(--label-green-bg);--label-text:var(--label-green-text)}.label-blue{--label-bg:var(--label-blue-bg);--label-text:var(--label-blue-text)}.label-yellow{--label-bg:var(--label-yellow-bg);--label-text:var(--label-yellow-text)}.label-red{--label-bg:var(--label-red-bg);--label-text:var(--label-red-text)}.label-purple{--label-bg:var(--label-purple-bg);--label-text:var(--label-purple-text)}.label-gray{--label-bg:var(--label-gray-bg);--label-text:var(--label-gray-text)}button.label-remove{color:inherit;background:0 0;border-radius:4px;padding:0 2px;font-size:.9rem;font-weight:700;line-height:1}.swatches{border:0;flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.swatches legend{margin-bottom:6px;padding:0;font-size:.9rem;font-weight:500}.swatch{background:var(--label-bg);border:2px solid var(--label-text);cursor:pointer;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;position:relative}.swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch:has(input:checked){outline:3px solid var(--brand);outline-offset:2px}.swatch:has(input:focus-visible){outline:3px solid var(--text);outline-offset:2px}.reply-preview{-webkit-line-clamp:2;white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modal textarea{width:100%}.thread-area{min-width:0;min-height:0;display:flex}.thread-area>.thread{flex:1;min-width:0}.contact-panel{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:16px;width:320px;padding:12px 16px 24px;display:flex;overflow-y:auto}.panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-head h2,.contact-panel h3,.contact-convs h3{margin:0;font-size:1rem}.contact-panel h3,.contact-convs h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.panel-labels{flex-direction:column;gap:8px;display:flex}.chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.conv-labels{grid-column:1/-1}.thread-title .chips{margin-top:2px}select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:8px 10px}.contact-card{flex-direction:column;gap:16px;display:flex}.contact-form{flex-direction:column;gap:10px;display:flex}.contact-form textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical;border-radius:8px;padding:10px 12px}.contact-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.contact-convs ul{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.contact-convs a{color:inherit;border:1px solid var(--border);border-radius:8px;justify-content:space-between;gap:8px;padding:8px 10px;font-size:.875rem;text-decoration:none;display:flex}.contact-convs a:hover{background:var(--bg)}.contact-convs a.current{border-color:var(--brand)}.list-search{padding:0 12px 8px}.list-search input{width:100%}@media (width<=1099px){.contact-panel{z-index:5;width:min(360px,100vw);position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000040}}.client-detail{overflow-y:auto}.client-body{width:100%;max-width:560px;padding:16px}.merge-results{flex-direction:column;gap:6px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.merge-results button{text-align:left;flex-direction:column;gap:2px;width:100%;font-weight:500;display:flex}.merge-results .muted{font-size:.8rem}.composer-row{position:relative}.quick-list{z-index:4;background:var(--surface);border:1px solid var(--border);border-radius:10px;max-height:280px;margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.quick-list li{cursor:pointer;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.quick-list li span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.quick-list li[aria-selected=true]{background:var(--bg);outline:1px solid var(--brand)}