@import url('/theme.css');
@import url('/widget.css');
*{box-sizing:border-box}html,body{margin:0}body{font:13px/1.5 var(--font-sans-td);background:var(--td-bg);color:var(--td-fg)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}a{color:var(--blue-ink);text-decoration:none}svg{width:18px;height:18px;vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:18px;letter-spacing:-.5px}h2{font-size:20px;letter-spacing:-.6px}h3{font-size:13px}small,.muted{color:var(--muted)}.hidden{display:none!important}.shell{display:flex;height:100dvh;min-height:0;overflow:hidden}.sidebar{width:60px;flex-shrink:0;background:var(--td-bg-subtle);border-right:1px solid var(--line);padding:13px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--td-fg);margin-bottom:18px}.logo{width:36px;height:36px;display:grid;place-items:center;background:var(--blue-gradient);border:1px solid #60a5fa99;box-shadow:inset 0 1px 0 #ffffff59,0 3px 8px #2563eb25;border-radius:12px}.logo img{width:27px;height:27px;object-fit:contain}.sidebar nav{width:100%;display:flex;flex-direction:column;gap:7px}.navitem{position:relative;display:grid;place-items:center;width:42px;height:40px;border-radius:9px;color:var(--td-fg-subtle);margin:0 auto}.navitem span{display:none}.navitem:hover{background:var(--td-surface-2);color:var(--td-fg)}.navitem.active{color:var(--blue-ink);background:var(--blue-soft);box-shadow:inset 0 0 0 1px #3b82f626}.navitem b{position:absolute;right:2px;top:1px;min-width:15px;height:15px;border-radius:8px;background:var(--blue);color:#fff;font-size:9px;font-weight:600;padding:0 3px;display:grid;place-items:center;border:2px solid var(--td-bg-subtle)}.rail-divider{width:25px;border-top:1px solid var(--line);margin:14px 0}.spacer{flex:1}.profile{padding:8px 0 0}.profile .avatar{width:32px;height:32px}.operator-summary>span{display:flex;align-items:center}.profiletext{display:none}.avatar{width:34px;height:34px;border-radius:50%;background:var(--blue-soft);color:var(--blue-ink);font-size:12px;font-weight:650;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.avatar.mint{background:#d9ede5;color:#25715d}.avatar.peach{background:#f6e6d5;color:#916335}[data-theme=dark] .avatar.mint{background:#263e35;color:#93d0b5}[data-theme=dark] .avatar.peach{background:#473525;color:#e5b98b}.avatar img{height:100%;width:100%;border-radius:50%;object-fit:cover}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:54px;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--td-surface);padding:0 19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-title{display:flex;align-items:center;gap:18px;min-width:0}.workspace-title>strong{font-size:17px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.workspace-title>strong span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:7px}.workspace-title i{height:18px;border-left:1px solid var(--line)}.workspace-title h1{font-size:13px;font-weight:500;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topactions{display:flex;align-items:center;gap:12px}.pill{font-size:10px;font-weight:500;white-space:nowrap;color:var(--muted);display:inline-flex;align-items:center;gap:5px}.dot{display:inline-block;height:6px;width:6px;background:var(--success);border-radius:50%;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border:1px solid var(--td-border-strong);border-radius:8px;background:var(--td-surface);color:var(--td-fg);padding:8px 12px;font-size:11px;font-weight:500;transition:background .15s,border-color .15s}.btn:hover{background:var(--td-surface-2);border-color:var(--td-fg-faint)}.btn svg{width:14px;height:14px}.btn.primary{color:white;background:var(--blue-gradient);border:1px solid #60a5fab3;box-shadow:0 0 0 1px #2563eb20,inset 0 1px 0 #ffffff59,0 3px 10px #2563eb20}.btn.primary:hover{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.btn.subtle{background:var(--td-surface-2)}.iconbtn{padding:7px;border-radius:7px;color:var(--td-fg-subtle);display:inline-flex;align-items:center;justify-content:center}.iconbtn:hover{color:var(--td-fg);background:var(--td-surface-2)}.iconbtn svg{width:17px;height:17px}.content{flex:1;min-height:0;overflow:auto}.inbox{display:flex;height:100%;position:relative;background:var(--td-bg);overflow:hidden}.conversations{display:flex;flex-direction:column;width:278px;flex-shrink:0;border-right:1px solid var(--line);background:var(--td-bg-subtle)}.listtop{padding:9px 10px 0}.listcontrols{display:flex;align-items:center;gap:8px;height:34px;margin-bottom:8px}.listcontrols>select{border:1px solid var(--line);background:var(--td-surface);border-radius:6px;color:var(--td-fg);font-size:11px;font-weight:600;padding:6px 5px;max-width:105px}.listcontrols>.iconbtn{margin-left:auto;color:var(--blue-ink)}.listfilters{position:relative}.listfilters>summary{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;cursor:pointer;list-style:none;color:var(--td-fg-muted)}.listfilters summary::-webkit-details-marker{display:none}.listfilters svg{width:14px;height:14px}.listfilters>div{position:absolute;z-index:6;top:28px;left:-70px;width:210px;background:var(--td-surface);border:1px solid var(--td-border-strong);padding:12px;border-radius:9px;box-shadow:0 8px 30px #0002}.listfilters label{display:flex;align-items:center;gap:7px;font-size:11px;padding:6px 0}.listfilters input{accent-color:var(--blue)}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--td-surface);border-radius:7px;padding:7px 9px;color:var(--td-fg-faint)}.search svg{width:14px;height:14px}.search input{width:100%;min-width:0;border:0;background:transparent;outline:0;color:var(--td-fg);font-size:11px}.search input::placeholder{color:var(--td-fg-faint)}.listcaption{display:flex;align-items:center;justify-content:space-between;padding:12px 13px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.9px;color:var(--muted)}.convlist{flex:1;min-height:0;overflow:auto;padding:0 6px}.convrow{display:flex;align-items:center;gap:10px;width:100%;padding:14px 9px;text-align:left;border-radius:8px;border:1px solid transparent;margin-bottom:3px}.convrow:hover{background:var(--td-surface-2)}.convrow.active{background:var(--td-surface-2);border-color:var(--td-border);box-shadow:inset 3px 0 var(--blue)}.convrow.active strong{color:var(--blue-ink)}.convtext{flex:1;min-width:0}.line{display:flex;align-items:center;justify-content:space-between;gap:7px}.convtext strong{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convtext small{font-size:9px;color:var(--td-fg-faint);white-space:nowrap}.convtext p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;font-size:10px;color:var(--muted);line-height:1.5}.previewline{margin-top:5px;gap:8px}.row-status{display:grid;place-items:center;height:16px;width:16px;border-radius:50%;flex-shrink:0;background:#fff0e8;color:#ef7239}.row-status.resolved{background:#ddf7e9;color:#13a464}.row-status.pending{background:var(--blue-soft);color:var(--blue-ink)}[data-theme=dark] .row-status.open{background:#71321d;color:#ffac7d}[data-theme=dark] .row-status.resolved{background:#194332;color:#65d99d}.row-status svg{width:10px;height:10px;stroke-width:2.5}.unread{display:grid;place-items:center;flex-shrink:0;min-width:16px;height:16px;padding:0 4px;border-radius:10px;font-size:9px;font-weight:600;background:var(--blue);color:white}.tags{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:7px}.tag{display:inline-block;font-size:9px;line-height:1.6;padding:2px 6px;border-radius:5px;border:1px solid var(--td-border);background:var(--td-surface);color:var(--muted)}.tag.urgent{background:var(--note-bg);color:var(--note-ink);border-color:var(--note-border)}.listfooter{display:flex;align-items:center;gap:6px;padding:11px 13px;border-top:1px solid var(--line);font-size:10px;font-weight:600}.listfooter>span:last-child{margin-left:auto;font-weight:400;color:var(--muted);font-size:9px}.thread{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.threadhead{min-height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:9px 17px;background:var(--td-surface)}.person{display:flex;align-items:center;gap:9px;min-width:0}.person h3{font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.person p{font-size:10px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.threadtools{display:flex;align-items:center;gap:4px;flex-shrink:0}.status-action{padding:7px 9px;font-size:10px;background:#fff0e8;color:#c74a18;border-color:#fed4bc}.status-action.resolved{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.status-action.pending{background:var(--blue-soft);color:var(--blue-ink);border-color:#93c5fd}[data-theme=dark] .status-action.open{background:#b93814;border-color:#e45326;color:white}[data-theme=dark] .status-action.resolved{color:#95e7bd;background:#1a3b2c;border-color:#286c48}.thread-search{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--td-surface)}.thread-search label{display:flex;align-items:center;gap:8px;flex:1;color:var(--muted)}.thread-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--td-fg);font-size:12px}.messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 22px;display:flex;flex-direction:column;gap:24px}.day{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:9px;justify-content:center;margin:3px 0}.day:before,.day:after{content:'';height:1px;background:var(--line);flex:1}.day span{border:1px solid var(--line);border-radius:20px;background:var(--td-surface);padding:3px 9px}.message{display:flex;align-items:flex-end;gap:8px;max-width:min(78%,650px);align-self:flex-start}.message-avatar{width:25px;height:25px;font-size:9px;margin-bottom:1px}.message-avatar .brand-avatar{background:var(--blue);padding:3px}.message-content{min-width:0}.message.agent{align-self:flex-end;flex-direction:row-reverse}.message.note{align-self:stretch;max-width:100%;padding:0 35px}.message.note .message-avatar{display:none}.message.note .message-content{width:100%}.msgmeta{display:flex;align-items:center;gap:7px;margin-bottom:6px;font-size:9px;color:var(--td-fg-faint)}.msgmeta strong{font-weight:500;color:var(--muted)}.agent .msgmeta{justify-content:flex-end}.bubble{font-size:12px;line-height:1.75;padding:10px 14px;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;background:var(--td-surface-2);border:1px solid var(--line);color:var(--td-fg)}.bubble code{font:11px/1.6 ui-monospace,monospace;background:#00000010;border:1px solid #00000010;padding:1px 4px;border-radius:4px}.agent .bubble{background:var(--blue-gradient);border-color:#3b82f6;color:#fff}.agent .bubble code{background:#0002;border-color:#ffffff25}.system .bubble{background:var(--td-bg-subtle);color:var(--td-fg-muted)}.note .bubble{background:var(--note-bg);border-color:var(--note-border);color:var(--note-ink);border-radius:8px}.note .msgmeta strong{color:var(--note-ink)}.read{font-size:9px;text-align:right;color:var(--muted);margin-top:5px}.attachment{display:flex;align-items:center;gap:5px;color:inherit;font-size:11px;text-decoration:underline;margin-top:8px;padding:0}.attachment svg{width:13px;height:13px}.composer{position:relative;flex-shrink:0;margin:0 9px 9px;border:1px solid #3b82f670;border-radius:9px;background:var(--td-surface);box-shadow:0 0 0 1px #2563eb12;overflow:visible}.composer:focus-within{border-color:#3b82f6;box-shadow:0 0 0 1px #2563eb40}.composermode{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:6px 9px;min-height:35px}.composermode button{padding:4px 7px;border-radius:5px;font-size:10px;color:var(--muted)}.composermode button:hover{background:var(--td-surface-2);color:var(--td-fg)}.composermode button.active{background:var(--blue-soft);color:var(--blue-ink);font-weight:500}.compose-channel{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:9px;color:var(--muted)}.compose-channel svg{width:12px;height:12px}.composer textarea{display:block;resize:vertical;background:transparent;color:var(--td-fg);border:0;width:100%;height:65px;min-height:50px;max-height:200px;outline:0;padding:11px 14px;font-size:12px;line-height:1.6}.composer textarea::placeholder{color:var(--td-fg-faint)}.composer.note{background:var(--note-bg);border-color:var(--note-border)}.composer.note .composermode button.active{color:var(--note-ink);background:var(--note-border)}.composebottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 9px 8px}.toolbar{display:flex;align-items:center;gap:5px;min-width:0}.composebottom .toolbar small{font-size:10px;white-space:nowrap}.composebottom .btn{font-size:10px;padding:7px 10px}.formatbtn{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:5px;font-size:12px;line-height:1}.formatbtn:hover{background:var(--td-surface-2)}.composebottom .iconbtn{padding:5px}.composebottom .iconbtn svg{width:15px;height:15px}.tool-divider{height:16px;border-left:1px solid var(--line);margin:0 4px}.composebottom select{border:0;background:transparent;color:var(--muted);font-size:10px;max-width:100px;min-width:0}.filehint{font-size:10px;color:var(--blue-ink);padding:0 14px 6px}.filehint:empty{display:none}.compose-popover{position:absolute;left:8px;bottom:calc(100% + 8px);z-index:8;width:310px;max-width:95%;max-height:320px;overflow:auto;background:var(--td-surface);border:1px solid var(--td-border-strong);border-radius:10px;box-shadow:0 12px 40px #0003;padding:12px}.compose-popover h3{font-size:12px;margin-bottom:8px}.help-choice{display:block;text-align:left;width:100%;padding:10px 7px;border-radius:6px}.help-choice:hover{background:var(--td-surface-2)}.help-choice strong{font-size:11px;display:block}.help-choice small{display:block;font-size:10px;margin-top:3px}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.emoji-grid button{padding:5px;font-size:19px;border-radius:6px}.emoji-grid button:hover{background:var(--td-surface-2)}.onlinehint{min-height:12px;flex-shrink:0;padding:0 20px;font-size:10px;color:var(--muted)}.live-draft{flex-shrink:0;max-height:130px;overflow:auto;margin:0 10px 5px;padding:10px 13px;background:var(--blue-soft);border:1px dashed #60a5fa;border-radius:7px}.live-draft strong{font-size:10px;color:var(--blue-ink);font-weight:500}.live-draft p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:var(--td-fg-muted);margin-top:5px}.context{width:252px;flex-shrink:0;overflow:auto;border-left:1px solid var(--line);background:var(--td-bg-subtle)}.contact-summary{padding:15px 12px;border-bottom:1px solid var(--line)}.contact-identity{display:flex;align-items:center;gap:10px;margin-bottom:14px}.contact-identity>.avatar{width:43px;height:43px;font-size:15px}.contact-identity>div:last-child{min-width:0}.contact-identity h2{font-size:14px;letter-spacing:-.3px;overflow-wrap:anywhere}.contact-identity p{font-size:10px;color:var(--muted);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:175px;margin:2px 0}.contact-identity small{font-size:9px}.contact-summary>.btn{width:100%}.context details{border-bottom:1px solid var(--line)}.context summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;font-size:10px;font-weight:600;padding:12px;color:var(--td-fg-muted)}.context summary::-webkit-details-marker{display:none}.context summary>span{margin-left:auto;color:var(--td-fg-faint);transition:transform .15s}.context details:not([open]) summary>span{transform:rotate(-90deg)}.context summary b{font-size:9px;font-weight:500;border:1px solid var(--line);border-radius:4px;padding:0 4px;color:var(--muted)}.context-section{padding:0 12px 12px;font-size:11px;color:var(--td-fg-muted)}.context-section>p{font-size:10px;color:var(--muted);line-height:1.7}.context-section>small{font-size:9px}.context-line{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:10px;color:var(--muted)}.context-line svg{width:14px;height:14px;color:var(--td-fg-faint)}.context-line span{min-width:0;overflow-wrap:anywhere}.detail{margin:0 0 12px}.detail:last-child{margin-bottom:0}.detail label{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.detail p{font-size:11px;line-height:1.6;overflow-wrap:anywhere}.detail input,.detail select{width:100%;padding:7px 8px;border:1px solid var(--td-border-strong);border-radius:6px;background:var(--td-surface);color:var(--td-fg);font-size:10px}.context-section .tags{margin:0 0 8px}.context-section .btn{font-size:10px;width:100%}.context-file{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:8px 0;font-size:10px}.context-file svg{width:13px;height:13px}.context-file>span{flex:1;overflow-wrap:anywhere;min-width:0}.context-file small{display:block;font-size:9px;color:var(--note-ink)}.context-related{display:block;width:100%;text-align:left;padding:8px;border-radius:6px}.context-related:hover{background:var(--td-surface-2)}.context-related strong,.context-related small{display:block;font-size:10px}.context-related small{margin-top:3px;font-size:9px}.context-bottom{padding:12px}.context-bottom .btn{width:100%;font-size:10px;color:var(--muted)}.inbox.context-hidden .context{display:none}.context-close{display:none}.mobile-back{display:none}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;flex:1;min-height:180px;text-align:center;padding:30px;color:var(--muted)}.empty>svg{width:32px;height:32px;color:var(--td-fg-faint)}.empty h2{font-size:17px;color:var(--td-fg)}.empty p{font-size:12px;line-height:1.8;max-width:300px}.page{max-width:1180px;margin:auto;padding:32px}.pageintro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.pageintro p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:7px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:var(--td-surface);padding:23px;border-radius:12px;box-shadow:0 1px 2px #0f172a05}.card p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:9px}.card h3{font-size:14px}.card .big{font-size:32px;font-weight:600;letter-spacing:-1px;margin:16px 0 5px}.card .label{font-size:11px;color:var(--muted)}.cardicon{width:36px;height:36px;border:1px solid #3b82f626;background:var(--blue-soft);border-radius:10px;display:grid;place-items:center;color:var(--blue-ink);margin-bottom:18px}.section{margin-top:25px}.section h2{margin-bottom:18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--td-border-strong);background:var(--td-surface);color:var(--td-fg);border-radius:7px;padding:10px 11px;font-size:12px}.field textarea{min-height:100px;resize:vertical}.field.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--td-fg-muted);margin:15px 0}.check input{accent-color:var(--blue)}.savebar{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.notice{border:1px solid #60a5fa45;background:var(--blue-soft);border-radius:9px;padding:14px 17px;color:var(--td-fg-muted);font-size:12px;line-height:1.8;margin-bottom:20px}.notice.green{border-color:#10b98150;background:#10b98112}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{font-size:10px;font-weight:500;color:var(--muted);padding:13px 18px;border-bottom:1px solid var(--line);text-align:left}.table td{padding:16px 18px;border-bottom:1px solid var(--line)}.table tr:hover{background:var(--td-bg-subtle)}.contactname{display:flex;align-items:center;gap:10px;text-align:left}.contactname small{display:block;margin-top:4px;font-size:10px}.tagstatus{display:inline-block;border:1px solid var(--line);background:var(--td-surface-2);color:var(--muted);padding:4px 8px;font-size:10px;border-radius:20px}.tagstatus.open{background:#10b98112;color:#0b9a6c;border-color:#10b98130}.slacklayout{display:grid;grid-template-columns:1fr 400px;gap:24px}.slackwindow{border:1px solid var(--line);border-radius:12px;background:var(--td-surface);overflow:hidden}.slackheader{display:flex;align-items:center;gap:12px;padding:20px;background:var(--blue-soft);color:var(--blue-ink)}.slackbody{padding:22px;min-height:240px;max-height:420px;overflow:auto}.slackmessage{display:flex;gap:11px;margin-bottom:21px}.slackavatar{background:var(--blue-gradient);border-radius:8px;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.slackmessage p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--td-fg-muted);margin-top:6px}.slackmessage strong{font-size:12px}.slackmessage small{font-size:9px}.slackcompose{border-top:1px solid var(--line);padding:16px}.slackcompose textarea{width:100%;height:70px;resize:vertical;background:var(--td-surface);color:var(--td-fg);border:1px solid var(--td-border-strong);border-radius:7px;padding:10px}.slackcompose .savebar{margin-top:8px}.previewphone{width:400px;max-width:100%;height:730px;max-height:calc(100dvh - 160px);border:1px solid #30343c;border-radius:17px;background:#111;overflow:hidden}.previewphone iframe{height:100%;width:100%;border:0}.steps{list-style:none;counter-reset:step;padding:0}.steps li{position:relative;counter-increment:step;padding:12px 0 12px 36px;font-size:12px;line-height:1.8;color:var(--muted)}.steps li:before{content:counter(step);position:absolute;left:0;top:13px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue-ink);height:23px;width:23px;border-radius:50%;font-size:10px}.barplot{height:190px;display:flex;align-items:end;gap:20px;padding-top:25px}.baritem{flex:1;text-align:center;font-size:10px;color:var(--muted)}.bar{min-height:3px;background:var(--blue-gradient);border-radius:6px 6px 0 0;margin:8px 0}.articlebody{white-space:pre-wrap;font-size:13px;line-height:1.9;color:var(--td-fg-muted);margin-top:18px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8;padding:16px;border-radius:8px;background:var(--td-surface-2);color:var(--td-fg-muted)}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;max-width:85vw;padding:12px 18px;border:1px solid var(--td-border-strong);border-radius:9px;background:var(--td-fg);color:var(--td-bg);font-size:12px;box-shadow:0 6px 30px #0002}#toast.visible{display:block}.loading{padding:80px;text-align:center;color:var(--muted)}.errorbanner{padding:10px 20px;background:var(--note-bg);color:var(--note-ink);font-size:12px;border-bottom:1px solid var(--note-border)}.rule{padding:18px;border:1px solid var(--line);border-radius:9px;background:var(--td-bg-subtle);margin:14px 0}.operator-editor{display:flex;align-items:center;gap:25px}.operator-editor p{margin-bottom:14px}.operator-photo-large{display:grid;place-items:center;height:88px;width:88px;border-radius:50%;background:var(--blue-soft);color:var(--blue-ink);font-size:25px;flex-shrink:0}.operator-photo-large img{width:100%;height:100%;border-radius:50%;object-fit:cover}.schedule-days{display:flex;gap:10px;flex-wrap:wrap}.schedule-days label{display:flex;align-items:center;gap:4px;font-size:12px;padding:9px;border-radius:6px;background:var(--td-surface-2);color:var(--td-fg-muted)}.schedule-days input{accent-color:var(--blue)}.presence-dot{display:inline-block;width:6px;height:6px;background:var(--td-fg-faint);border-radius:50%;margin-right:4px}.presence-dot.online{background:var(--success)}.ecosystem-map{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--td-surface)}.ecosystem-map>div{display:flex;align-items:center;flex-direction:column;text-align:center;gap:9px;padding:10px;border-right:1px solid var(--line)}.ecosystem-map>div:last-child{border:0}.ecosystem-map .cardicon{margin:0}.ecosystem-map strong{font-size:12px}.ecosystem-map small{font-size:10px;line-height:1.6}.service-components{display:flex;gap:12px;flex-wrap:wrap}.service-components>div{display:flex;align-items:center;gap:8px;padding:13px;border:1px solid var(--line);border-radius:8px;font-size:11px}.service-components small{font-size:10px}.service-dot{height:7px;width:7px;background:var(--td-fg-faint);border-radius:50%}.service-dot.operational{background:var(--success)}.service-dot.degraded{background:var(--warning)}.service-dot.outage{background:var(--danger)}.crm-candidate{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:15px;margin-bottom:8px}.crm-candidate small{font-size:10px;display:block;margin-top:5px}.crm-candidate strong{font-size:12px}.crm-activity{border-left:2px solid var(--line);padding:8px 16px;margin:16px 0}.crm-activity p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto}.crm-activity small{font-size:10px}.ecosystem-link{display:block}.ecosystem-link:hover{border-color:#60a5fa}#crm-search-form input{flex:1;min-width:0;border:1px solid var(--td-border-strong);background:var(--td-surface);color:var(--td-fg);padding:10px;border-radius:7px;font-size:12px}.email-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.5fr);gap:20px;align-items:start}.email-list{margin-top:16px;max-height:600px;overflow:auto}.email-row{display:block;width:100%;text-align:left;padding:15px 0;border-bottom:1px solid var(--line);line-height:1.6}.email-row strong,.email-row span,.email-row small{display:block}.email-row:hover{color:var(--blue-ink)}.email-row span{font-size:11px}.email-body{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 ui-monospace,monospace;margin-top:24px;max-height:650px;overflow:auto}.demo-page{background:#0a0b0d;color:#f4f5f7}.demo-page .topbar{height:88px;background:#11151b;border-color:#242830;padding:20px 30px}.demo-page .brand{color:#f4f5f7;margin:0}.demo-page .pill{color:#83b89b}.demo-page .card{background:#151a21;border-color:#2a303b}.demo-page .card h3{color:#e5e9f0}.demo-page .card p{color:#9ca3af}.demo-page .tag{background:#17253b;border-color:#263d60;color:#87b4ff}.demo-page .btn{background:#181e28;border-color:#323b49;color:#d6e2f5}
@media(min-width:1700px){.conversations{width:300px}.context{width:280px}.messages{padding:28px 30px}.message{max-width:min(70%,650px)}}@media(max-width:1250px){.conversations{width:246px}.context{width:224px}.threadhead{padding:9px 12px}.threadtools .iconbtn[data-action=snooze],.threadtools .iconbtn[data-action=export]{display:none}.message{max-width:92%}.composebottom .tool-divider{display:none}.compose-channel{display:none}.slacklayout{grid-template-columns:1fr}.previewphone{margin:auto}.topbar{padding:0 14px}}@media(max-width:1099px){.context{display:none}.inbox.context-open .context{display:block;position:absolute;z-index:15;right:0;top:0;bottom:0;width:280px;box-shadow:-10px 0 35px #0002;background:var(--td-surface)}.context-close{display:flex;float:right;margin:-6px -5px 4px 0}.contact-identity{clear:both}.ecosystem-map{grid-template-columns:repeat(3,1fr)}.ecosystem-map>div:nth-child(3){border:0}.email-layout{grid-template-columns:1fr}.workspace-title>strong{display:none}.workspace-title i{display:none}}@media(max-width:760px){.sidebar{width:50px;padding:12px 4px 8px}.navitem{width:36px;height:36px}.sidebar .logo{height:32px;width:32px}.rail-divider{margin:8px 0}.conversations{width:220px}.topbar{height:50px;padding:0 12px}.topactions{gap:5px}.topactions .pill{display:none}.topactions .btn{padding:6px 8px;font-size:10px}.workspace-title h1{font-size:12px}.page{padding:22px}.grid{grid-template-columns:repeat(2,1fr)}.pageintro{align-items:flex-start}.pageintro .toolbar{flex-wrap:wrap}.messages{padding:18px 12px}.composer{margin:0 6px 6px}.composermode{gap:0;padding:5px}.composermode button{padding:4px 6px;font-size:9px}.composebottom{flex-wrap:wrap}.composebottom>.toolbar:last-child{margin-left:auto}.composebottom .toolbar small{display:none}.threadhead .person p{display:none}.threadhead .person h3{font-size:11px}.threadtools{gap:1px}.threadtools .btn{font-size:0;gap:0}.threadtools .btn svg{width:14px;height:14px}.bubble{font-size:11px;padding:9px 12px}.message{max-width:96%}.message.note{padding:0 8px}.message-avatar{display:none}.previewphone{height:680px;max-height:none}.operator-editor{flex-direction:column;align-items:flex-start}.table th:nth-child(n+3),.table td:nth-child(n+3){display:none}}@media(max-width:620px){.inbox .conversations{width:100%}.inbox .thread{display:none}.inbox.with-selection .conversations{display:none}.inbox.with-selection .thread{display:flex}.mobile-back{display:flex}.threadhead .person{flex:1}.threadhead .person h3{font-size:12px}.threadhead .person p{display:block;font-size:9px}.threadtools .btn{font-size:10px;gap:5px}.threadtools>.iconbtn[data-action=search-thread]{display:none}.grid,.formgrid{grid-template-columns:1fr}.field.wide{grid-column:auto}.page{padding:18px}.pageintro{flex-direction:column}.ecosystem-map{grid-template-columns:repeat(2,1fr);padding:10px}.ecosystem-map>div{border:0}.service-components>div{width:100%}.crm-candidate{flex-direction:column;align-items:flex-start}.formgrid{gap:14px}.previewphone{width:100%}.demo-page .topbar{padding:16px;height:75px}.demo-page .topbar .pill{display:none}.demo-page .topbar .btn{font-size:9px}.message-avatar{display:grid}.message{max-width:93%}.bubble{font-size:12px}.topbar .iconbtn{padding:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.composermode{overflow-x:auto;flex-shrink:0}.composermode button{white-space:nowrap}.composebottom{align-items:flex-end}.composebottom>.toolbar:first-child{flex-wrap:wrap}.formatbtn{flex-shrink:0}.toolbar #canned{max-width:120px}.account-card small{display:block;margin-top:12px}.auth-page{max-width:530px;margin:7vh auto;padding:28px}.auth-page h1{margin:30px 0 12px}.auth-page>p{color:var(--muted);margin-bottom:24px}.auth-page .brand{color:var(--td-fg);display:flex;align-items:center;gap:14px;font-weight:700}.auth-page #auth-content{margin:24px 0}.message-actions{display:flex;gap:8px;opacity:0;margin-top:5px}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message-actions button{border:0;background:none;color:var(--muted);font-size:10px;cursor:pointer}.image-preview{display:block;border:0;background:none;padding:0;margin-top:8px;cursor:zoom-in;max-width:100%}.image-preview img{display:block;max-width:100%;max-height:240px;border-radius:8px;object-fit:contain}.image-gallery{display:grid;grid-template-columns:1fr 1fr;gap:7px}.image-gallery button{border:1px solid var(--line);border-radius:8px;background:var(--td-surface);padding:3px;cursor:zoom-in;color:var(--muted)}.image-gallery img{width:100%;height:70px;object-fit:cover;border-radius:5px}.visited-page{display:flex;gap:9px;margin:10px 0;color:var(--td-fg);text-decoration:none;font-size:11px;overflow-wrap:anywhere}.visited-page svg{width:17px;flex-shrink:0}.visited-page small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.custom-field{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.custom-field input{width:calc(50% - 4px);padding:6px;min-width:0;border:1px solid var(--line);background:var(--td-surface);color:var(--td-fg);border-radius:5px}.custom-field button{border:0;background:none;color:var(--muted)}#notepad-form textarea{min-height:110px;width:100%;resize:vertical;background:var(--td-surface);border:1px solid var(--line);border-radius:7px;color:var(--td-fg);padding:8px}#notepad-form small{display:block;margin:6px 0}.support-dialog{width:min(590px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--td-surface);color:var(--td-fg);box-shadow:0 28px 100px #0005}.support-dialog::backdrop,.image-lightbox::backdrop{background:#060c1acc;backdrop-filter:blur(3px)}.support-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.support-dialog h2{font-size:19px}.support-dialog p{color:var(--muted);margin:12px 0;line-height:1.5}.support-dialog label{display:block;margin:14px 0;font-size:12px}.support-dialog input,.support-dialog select,.support-dialog textarea{display:block;width:100%;padding:10px;margin-top:6px;background:var(--td-bg);border:1px solid var(--line);color:var(--td-fg);border-radius:8px;font:inherit}.support-dialog small{display:block;color:var(--muted);line-height:1.5;margin:8px 0}.support-dialog form>.btn{margin-top:16px}.reminder-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.full-image{max-width:100%;max-height:60vh;object-fit:contain}.help-choice[hidden]{display:none}@media(max-width:620px){.message-actions{opacity:1}.composebottom>.toolbar:first-child{gap:2px}.formatbtn{width:25px}.composermode{max-width:100%}.composebottom>.toolbar:last-child small{display:none}}
.visitor-event{padding:9px 0;border-bottom:1px solid var(--line);font-size:11px;overflow-wrap:anywhere}.visitor-event small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.support-dialog .check{display:flex;align-items:center;gap:8px}.support-dialog .check input{width:auto;margin:0}

.convrow .avatar{position:relative;overflow:visible}.avatar-flag{position:absolute;right:-3px;bottom:-3px;font-size:13px;line-height:16px;background:var(--surface);border-radius:50%;}

.context code{overflow-wrap:anywhere;word-break:break-word;white-space:normal;}