:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#27272e;background:#f7f7f8;--accent:#29292f;--accent-dark:#18181e;--muted:#656570;--line:#e7e7ec;--paper:#fff;--soft:#f6f6f8;--note:#fffaeb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea,label.file-picker{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:var(--accent);text-decoration:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #777986;outline-offset:3px}input,select,textarea{border:1px solid #dcdce3;border-radius:7px;background:white;color:#27272e;padding:10px 12px;max-width:100%}select{cursor:pointer}textarea{resize:vertical;min-height:74px;width:100%;line-height:1.6}input::placeholder,textarea::placeholder{color:#757580}label{display:block;font-size:12px;font-weight:500;margin-bottom:7px}h1,h2,p{margin:0}h1{font-size:22px;letter-spacing:-.65px;font-weight:600}h2{font-size:16px;letter-spacing:-.3px;font-weight:550}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1px;font-weight:500;color:var(--muted);margin-bottom:13px}.app-shell{display:grid;grid-template-columns:60px 282px minmax(0,1fr);height:100dvh;min-height:500px}.rail{background:#f4f4f6;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:25px 0 20px;color:var(--muted)}.brand{display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid #dddde4;width:34px;height:34px;font-size:17px;letter-spacing:-2px;font-weight:650}.brand span{display:none}.rail-label{writing-mode:vertical-rl;letter-spacing:2px;font-size:8px;margin-top:36px}.rail-bottom{margin-top:auto;display:flex;align-items:center;gap:7px;flex-direction:column;font-size:8px;letter-spacing:.6px}.demo-dot{height:5px;width:5px;border-radius:50%;background:#73757e}.sidebar{display:flex;flex-direction:column;min-height:0;background:#fbfbfc;border-right:1px solid var(--line)}.sidebar-head{padding:27px 22px 21px}.sidebar-head p{margin-top:9px;font-size:11px;overflow-wrap:anywhere;line-height:1.5}.sidebar-actions{padding:0 20px 23px;display:flex;gap:8px;flex-wrap:wrap}.primary,.secondary,.quiet{padding:10px 13px;border-radius:7px;font-size:12px;font-weight:500;min-height:39px}.primary{background:var(--accent);color:white;box-shadow:0 1px 2px #15151e10}.primary:hover{background:var(--accent-dark)}.secondary{background:white;color:#353540;border:1px solid #dddde4;box-shadow:0 1px 2px #15151e05}.quiet{background:transparent;color:var(--muted);padding:8px 5px}.quiet:hover{background:#eeeef2;color:#292932}.list-heading{display:flex;justify-content:space-between;padding:0 22px 12px;font-size:9px;letter-spacing:.8px;color:var(--muted);font-weight:500}.conversation-list{overflow:auto;flex:1}.empty-list{padding:14px 22px;font-size:12px;line-height:1.7;color:var(--muted)}.conversation-item{display:block;width:calc(100% - 16px);margin:3px 8px;text-align:left;border-radius:7px;background:transparent;padding:13px 14px;position:relative}.conversation-item[aria-current=true]{background:#eeeef2}.conversation-item:hover{background:#f1f1f4}.conversation-item strong{font-size:12px;font-weight:550;display:block;margin-bottom:6px}.conversation-item span{display:block;color:#646470;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item time{display:block;font-size:9px;color:#62626e;margin-top:7px}.sidebar-footer{padding:18px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;font-size:11px}.sidebar-footer button{text-align:left}.sidebar-footer small{font-size:9px;line-height:1.6;color:var(--muted)}.workspace{background:var(--paper);min-width:0;display:flex;flex-direction:column;min-height:0}.workspace-head{min-height:80px;border-bottom:1px solid var(--line);padding:20px 32px;display:flex;justify-content:space-between;align-items:center;gap:14px}.connection{font-size:10px;color:var(--muted);margin-top:7px;display:flex;align-items:center;gap:6px}.connection:before{content:"";background:#59816a;width:5px;height:5px;border-radius:50%}.connection.offline:before{background:#ab794b}.human-label{font-size:10px;color:#63636e;background:#f5f5f7;border:1px solid #eaeaef;padding:6px 9px;border-radius:5px;white-space:nowrap}.welcome{padding:clamp(25px,5vw,74px);margin:auto 0;max-width:680px;overflow:auto}.welcome-mark{width:44px;height:44px;background:#f5f5f7;border:1px solid #e6e6ec;border-radius:12px;display:grid;place-items:center;margin-bottom:25px;font-size:22px}.welcome-mark img{width:22px;height:22px}.welcome h2{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:550}.welcome>p{margin-top:16px;line-height:1.7;color:var(--muted);max-width:410px;font-size:13px}.login-form{margin-top:26px;max-width:410px}.login-form input,.login-form select{width:100%;margin-bottom:15px}.field-help{font-size:10px;color:var(--muted);line-height:1.6}.login-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.workspace-footer{padding:13px 32px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);margin-top:auto}.thread-panel{display:flex;flex-direction:column;flex:1;min-height:0}.messages{flex:1;overflow:auto;padding:28px 32px 22px;display:flex;flex-direction:column;gap:22px;scroll-behavior:auto}.message{max-width:min(78%,640px);align-self:flex-start;min-width:90px}.message.own{align-self:flex-end}.message .author{font-size:10px;font-weight:500;color:#62626f;margin-bottom:7px}.message .bubble{background:#f4f4f6;border:1px solid #eeeeF2;border-radius:12px 12px 12px 4px;padding:12px 15px;font-size:13px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.message.own .bubble{background:#29292f;border-color:#29292f;color:#fff;border-radius:12px 12px 4px 12px}.message.note{align-self:stretch;max-width:none}.message.note .bubble{background:var(--note);border:1px solid #ede0b5;color:#4d421f}.message .meta{font-size:9px;color:var(--muted);margin-top:7px;display:flex;gap:8px;flex-wrap:wrap}.message .file-button{display:block;background:#fff;border:1px solid #dddde5;padding:10px 12px;font-size:11px;border-radius:7px;color:#373741;margin-top:8px;text-align:left;max-width:100%;overflow-wrap:anywhere;min-height:44px}.message.deleted .bubble{font-style:italic;color:#62626c;background:#f4f4f6;border-color:#e7e7ec}.composer{margin:0 32px 18px;border:1px solid #dcdce4;border-radius:14px;padding:13px 14px;background:#fff;box-shadow:0 2px 7px #1d1d2705}.composer:focus-within{border-color:#999ba8;box-shadow:0 0 0 2px #29292f08}.composer.note-mode{background:#fffcf3;border-color:#dbcb94}.composer-top{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:10px;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}.composer-top label{display:inline;font-size:10px;margin-right:8px}.composer-top select{font-size:11px;padding:6px 8px}.composer textarea{border:0;border-radius:4px;padding:7px 0;background:transparent;font-size:13px;resize:none;min-height:58px}.composer textarea:focus-visible{outline:0}.composer-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:7px}.composer-bottom>div{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.file-picker{display:flex;align-items:center;gap:7px;font-size:11px;color:#686872;cursor:pointer;margin:0;padding:8px 0;min-height:38px}.file-picker img{width:16px;height:16px;opacity:.65}.composer-help{font-size:9px;color:var(--muted);margin-top:8px}.file-list{display:flex;gap:7px;flex-wrap:wrap}.file-chip{background:#f1f1f5;border:1px solid #e5e5ed;padding:5px 8px;border-radius:6px;font-size:10px;display:flex;gap:8px;align-items:center}.file-chip button{background:transparent;padding:5px;color:#5d5d68}.pending{padding:0 32px;font-size:11px;max-height:120px;overflow:auto}.pending-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;color:#62626d}.pending-item span{overflow-wrap:anywhere}.pending-item[data-state=accepted]{font-size:10px}.notice{background:#fff6e8;color:#775120;padding:12px 32px;font-size:11px;line-height:1.6}.notice button{background:transparent;color:inherit;text-decoration:underline;margin-left:10px}.mobile-only{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:85px;top:-80px;background:white;padding:15px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}
@media(max-width:1050px){.app-shell{grid-template-columns:52px 240px minmax(0,1fr)}.workspace-head{padding:20px 22px}.messages{padding:22px}.composer{margin-left:22px;margin-right:22px}.workspace-footer{padding:12px 22px}.human-label{display:none}.sidebar-head{padding-left:20px}.pending{padding:0 22px}.welcome{padding:30px}.sidebar-actions{padding-left:20px;padding-right:20px}}
@media(max-width:700px){.app-shell{grid-template-columns:1fr;min-height:0}.rail{display:none}.sidebar{display:none}.workspace-head{padding:15px 18px;min-height:72px}.workspace-head h2{font-size:15px}.workspace-footer{padding:10px 18px;font-size:9px}.workspace-footer span:last-child{display:none}.mobile-only{display:block}.welcome{padding:28px 23px}.welcome h2{font-size:29px}.messages{padding:23px 16px;gap:18px}.message{max-width:90%}.message .bubble{font-size:14px;padding:11px 14px}.composer{margin:0 12px 12px;padding:11px 12px}.composer-bottom{gap:8px}.composer-bottom .field-help,.composer-help{display:none}.composer textarea{min-height:60px;max-height:140px;font-size:16px}.composer-top{font-size:10px}.pending{padding:0 16px}.notice{padding:12px 18px}.show-list .sidebar{display:flex;height:100dvh;border:0}.show-list .workspace{display:none}.sidebar-head{padding-top:28px}.sidebar-footer{padding-bottom:25px}.login-actions .primary,.login-actions .secondary{flex:1}.sidebar-actions{padding-bottom:15px}}
/* Agent Chat / Message patterns adapted for the existing Core iframe. */
.embedded .app-shell{height:100dvh;min-height:0;grid-template-columns:1fr}.embedded .rail,.embedded .workspace-footer{display:none}.embedded .workspace-head{min-height:49px;padding:9px 17px;gap:9px;justify-content:flex-start;background:#fff}.embedded .workspace-head>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;min-width:0}.embedded .workspace-head h2{font-size:11px;font-weight:450;color:#62626f;letter-spacing:0}.embedded .connection{font-size:9px;margin:0;max-width:180px}.embedded #back-to-list{width:28px;height:28px;min-height:28px;padding:6px;display:grid;place-items:center}.embedded #back-to-list img{width:14px;height:14px}.embedded:not(.session-active) .workspace-head{display:none}.embedded .welcome{padding:34px 25px;margin:0;max-width:none;flex:1;background:#fff}.embedded .welcome-mark{display:grid;width:45px;height:45px;border-radius:13px;background:#f4f4f7;margin-bottom:24px}.embedded #login-panel .eyebrow{display:none}.embedded .welcome h2{font-size:27px;letter-spacing:-.9px;line-height:1.2}.embedded .welcome>p{font-size:12px;margin-top:13px;line-height:1.7;max-width:280px}.embedded .login-form{margin-top:25px}.embedded .login-actions{margin-top:10px}.embedded .login-actions>.primary{flex:1;width:100%;height:42px;text-align:left;padding:11px 14px;display:flex;justify-content:space-between;align-items:center}.embedded #guest-login:after{content:"";width:16px;height:16px;background:url('/assets/icons/arrow-right.svg') center/16px no-repeat;filter:invert(1)}.embedded details{margin-top:18px;padding-top:6px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.embedded summary{cursor:pointer;padding:12px 0}.embedded details label{margin-top:10px;font-size:11px}.embedded details input{margin-bottom:9px;font-size:13px}.embedded details .secondary{width:100%;margin-top:10px}.embedded .sidebar-head{padding-top:22px}.embedded .sidebar-footer{padding:14px 20px}.embedded .messages{padding:23px 19px;gap:21px}.embedded .message .bubble{font-size:12px;line-height:1.65;padding:11px 13px;border-radius:12px 12px 12px 3px}.embedded .message.own .bubble{border-radius:12px 12px 3px 12px}.embedded .message .meta{font-size:8px}.embedded .message .author{font-size:9px}.embedded .message{max-width:90%}.embedded .composer{margin:0 13px 15px;padding:10px 12px;border-radius:13px}.embedded .composer textarea{min-height:53px;max-height:115px;font-size:13px;padding:5px 1px;line-height:1.55}.embedded .composer-bottom{margin-top:3px}.embedded .composer-top #audience-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.embedded .composer-top{margin:0}.embedded .file-picker{font-size:0;min-width:32px;height:32px;padding:6px}.embedded .file-picker img{width:17px;height:17px}.embedded #send{width:32px;min-height:32px;height:32px;padding:7px;border-radius:8px;font-size:0;display:grid;place-items:center}.embedded #send:after{content:"";display:block;width:17px;height:17px;background:url('/assets/icons/arrow-up.svg') center/17px no-repeat;filter:invert(1)}.embedded .pending{max-height:65px;font-size:10px;padding:0 20px}.embedded .pending-item{font-size:10px}.embedded .skip{left:12px}.embedded .notice{max-height:100px;overflow:auto;font-size:11px}.embedded .human-label{display:none}.embedded .empty-list{font-size:12px;line-height:1.7;text-align:center;margin:auto;color:#6c6c78;padding:25px;max-width:280px;align-self:center}.embedded .welcome .field-help{font-size:10px}@media(max-width:480px){.embedded input,.embedded textarea{font-size:16px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(forced-colors:active){.primary,.secondary,.message .bubble,.conversation-item[aria-current=true]{border:1px solid ButtonText}}

/* Chatflow visual system: editorial shell, compact thread and composer.
   Conversation rhythm follows the Thread and Chat Input patterns from 21st.dev. */
:root{font-family:Arial,Helvetica,sans-serif;color:#17272a;background:#f7f7f2;--accent:#17272a;--accent-dark:#28564e;--muted:#64736f;--line:#dce2dc;--paper:#fff;--soft:#f7f8f5;--note:#fff7e6}
input,select,textarea{border-color:#cbd5ce;color:#17272a;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #2d6959;outline-offset:3px}
h1{font-size:24px;letter-spacing:-.8px;font-weight:700}h2{font-weight:650}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700}
.app-shell{grid-template-columns:292px minmax(0,1fr)}.rail{display:none}.sidebar{background:#f7f7f2}.sidebar-head{padding:30px 24px 24px}.sidebar-head:before{content:'chatflow.';display:block;font-size:23px;font-weight:800;letter-spacing:-1.5px;color:#17272a;margin-bottom:54px}.sidebar-head .eyebrow{margin-bottom:9px}.sidebar-head p{font-size:12px}.sidebar-actions{padding:0 20px 24px}.sidebar-actions .primary{width:100%;text-align:left;background:#17272a;min-height:44px;font-weight:700}.sidebar-actions .quiet{padding-left:4px}.primary,.secondary,.quiet{font-size:12px;border-radius:4px}.primary{background:#17272a;font-weight:700;box-shadow:none}.primary:hover{background:#28564e}.secondary{border-color:#cbd5ce;box-shadow:none}.list-heading{padding:0 24px 12px;font-weight:700;font-size:10px;letter-spacing:1.2px}.conversation-item{width:100%;margin:0;border-radius:0;border-top:1px solid var(--line);padding:17px 24px}.conversation-item:last-child{border-bottom:1px solid var(--line)}.conversation-item[aria-current=true]{background:#e6ede5;box-shadow:inset 3px 0 #315f50}.conversation-item:hover{background:#edf1ea}.conversation-item strong{font-size:13px;font-weight:700}.conversation-item span{font-size:11px;line-height:1.5}.conversation-item time{font-size:10px}.sidebar-footer{padding:18px 24px 23px;gap:11px}.sidebar-footer a{text-decoration:underline;text-underline-offset:3px}.sidebar-footer small{font-size:10px}
.workspace-head{min-height:78px;padding:17px clamp(24px,4vw,62px);background:#fff}.workspace-head h2{font-size:17px;font-weight:700}.connection{font-size:11px;margin-top:5px}.connection:before{width:7px;height:7px;background:#4b9467}.human-label{font-size:11px;border:0;background:#eaf0e9;color:#315f50;font-weight:700;padding:7px 10px}.workspace-footer{padding:12px clamp(24px,4vw,62px);font-size:10px;background:#fff}.welcome{max-width:740px;padding:clamp(26px,5vw,70px)}.welcome-mark{background:#eaf0e9;border:0;border-radius:50%;width:49px;height:49px}.welcome h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,52px);font-weight:400;line-height:1.12;letter-spacing:-1.5px}.welcome>p{font-size:15px;line-height:1.6}.login-form{max-width:440px}.login-form label{font-size:12px;font-weight:700}.login-form input,.login-form select{min-height:42px}.login-actions .primary{min-height:43px}.thread-panel{background:#fff}.messages{padding:32px clamp(24px,5vw,70px);gap:26px}.message{max-width:min(70%,620px)}.message .author{font-size:11px;font-weight:700;color:#425750}.message .bubble{background:transparent;border:0;border-radius:0;padding:2px 0;font-size:14px;line-height:1.7}.message.own .bubble{background:#e7eee9;color:#17272a;border:0;border-radius:12px 12px 3px 12px;padding:12px 16px}.message.note .bubble{background:#fff7e6;border-left:3px solid #b58c3f;border-radius:0;padding:12px 16px;color:#584522}.message .meta{font-size:10px;color:#70807a;margin-top:6px}.message.own .meta{justify-content:flex-end}.message .file-button{border-color:#cbd5ce;border-radius:4px;color:#17272a}.message.deleted .bubble{color:#70807a;background:#f2f5f1}.messages>.empty-list{margin:auto;text-align:center;font-size:14px;max-width:360px}.composer{margin:0 clamp(24px,5vw,70px) 22px;border:1px solid #cbd5ce;border-radius:9px;padding:12px 15px 10px;box-shadow:none}.composer:focus-within{border-color:#4f806c;box-shadow:0 0 0 3px #4f806c14}.composer.note-mode{background:#fffbf0;border-color:#c8a85f}.composer-top{font-size:11px}.composer-top label{font-size:11px}.composer textarea{font-size:14px;min-height:66px;line-height:1.6}.composer-bottom{border-top:1px solid #edf0ec;padding-top:8px}.file-picker{font-size:12px;color:#40594f;font-weight:700}.composer-help{font-size:10px}.file-chip{border-color:#d3ddd5;background:#f1f5ef;border-radius:4px}.pending{padding:0 clamp(24px,5vw,70px)}.pending-item{border-top:1px solid var(--line)}.notice{background:#fff6e7;font-size:12px;padding:12px clamp(24px,5vw,70px)}
@media(max-width:1050px){.app-shell{grid-template-columns:252px minmax(0,1fr)}.messages{padding:26px}.composer{margin:0 26px 18px}.pending{padding:0 26px}.workspace-head,.workspace-footer{padding-left:26px;padding-right:26px}}
@media(max-width:700px){.app-shell{grid-template-columns:1fr}.sidebar-head:before{margin-bottom:32px}.workspace-head{min-height:66px;padding:13px 17px}.workspace-head h2{font-size:15px}.messages{padding:22px 17px;gap:22px}.message{max-width:88%}.message .bubble{font-size:14px}.composer{margin:0 12px 12px;padding:9px 12px}.composer textarea{font-size:16px}.composer-bottom{gap:8px}.workspace-footer{padding:10px 17px}.welcome{padding:28px 24px}.welcome h2{font-size:36px}.notice{padding:11px 17px}.pending{padding:0 17px}.show-list .sidebar{height:100dvh}}
/* The embedded chat shares the same thread language without the desktop shell. */
.embedded .workspace-head{min-height:53px;padding:10px 17px;background:#fff}.embedded .workspace-head h2{font-size:12px;font-weight:700;color:#17272a}.embedded .connection{font-size:10px}.embedded .welcome{padding:30px 24px}.embedded .welcome-mark{width:43px;height:43px;margin-bottom:22px}.embedded .welcome h2{font-size:31px;line-height:1.12}.embedded .welcome>p{font-size:13px;margin-top:12px}.embedded .login-form{margin-top:24px}.embedded .login-actions>.primary{min-height:44px;height:auto;background:#17272a}.embedded .sidebar-head:before{font-size:19px;margin-bottom:19px}.embedded .messages{padding:23px 20px;gap:22px}.embedded .message{max-width:91%}.embedded .message .bubble{background:transparent;border:0;border-radius:0;padding:2px 0;font-size:13px;line-height:1.6}.embedded .message.own .bubble{background:#e7eee9;border-radius:11px 11px 3px 11px;padding:10px 13px}.embedded .message.note .bubble{background:#fff7e6;border-left:3px solid #b58c3f;border-radius:0;padding:9px 12px}.embedded .message .author{font-size:10px}.embedded .message .meta{font-size:9px}.embedded .composer{margin:0 14px 14px;padding:9px 11px;border-radius:8px}.embedded .composer textarea{min-height:53px;font-size:13px}.embedded #send{background:#17272a;border-radius:5px}.embedded .file-picker{font-size:0}.embedded .pending{padding:0 19px}.embedded .empty-list{text-align:center}.embedded .notice{font-size:11px}
/* Small delivery metadata must pass text contrast at the widget size. */
.message .meta,.embedded .message .meta{color:#4c6257}

/* The support surface uses one compact rhythm across the inbox and widget. */
:root{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:#182c28;
  background:#f6f8f6;
  --accent:#1d5146;
  --accent-dark:#163d35;
  --muted:#5d7069;
  --line:#e3eae5;
  --paper:#fff;
  --soft:#f6f8f6;
  --note:#fff7e7;
}
body{font-size:14px}
input,select,textarea{border:1px solid #cbd8d0;border-radius:8px;color:#182c28}
input::placeholder,textarea::placeholder{color:#78867e}
.primary,.secondary,.quiet{border-radius:8px;font-size:13px;font-weight:600}
.primary{background:#1d5146}
.primary:hover{background:#163d35}
.secondary{color:#244c41;border-color:#cbd8d0}
.quiet:hover{background:#edf3ef;color:#183d33}
.app-shell{grid-template-columns:320px minmax(0,1fr)}
.sidebar{background:#fff;border-right:1px solid #dce6df}
.sidebar-head{padding:28px 24px 20px}
.sidebar-head:before{font-size:24px;margin-bottom:37px;letter-spacing:-1.4px}
.sidebar-head .eyebrow{font-size:11px;letter-spacing:.08em;color:#496252;margin-bottom:9px}
.sidebar-head h1{font-size:23px;line-height:1.2;letter-spacing:-.65px}
.sidebar-head p{font-size:12px;line-height:1.45;margin-top:8px;color:#61736c}
.sidebar-actions{padding:0 20px 20px}
.sidebar-actions .primary{background:#1d5146;min-height:42px}
.list-heading{padding:12px 24px 10px;border-top:1px solid var(--line);color:#52665d;font-size:11px;letter-spacing:.08em}
.list-heading span:last-child{font-variant-numeric:tabular-nums;letter-spacing:0}
.conversation-list{scrollbar-color:#c8d4cb transparent;scrollbar-width:thin}
.conversation-item{border-top:0;border-bottom:1px solid #edf1ed;padding:14px 21px 13px 24px;min-height:84px;transition:background .12s ease}
.conversation-item:last-child{border-bottom:1px solid #edf1ed}
.conversation-item[aria-current=true]{background:#eaf2ed;box-shadow:inset 3px 0 #2d745f}
.conversation-item:hover{background:#f2f6f2}
.conversation-item[aria-current=true]:hover{background:#eaf2ed}
.conversation-label{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin-bottom:5px}
.conversation-label strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:650;color:#223c33}
.conversation-item .conversation-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#52675a;font-size:12px;line-height:1.45}
.conversation-item time{margin-top:7px;font-size:11px;color:#52675a;font-variant-numeric:tabular-nums}
.conversation-item .unread-count{display:grid;place-items:center;flex:none;min-width:21px;height:21px;padding:0 6px;overflow:visible;border-radius:11px;background:#256851;color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}
.conversation-item[data-unread=true]{background:#f1f8f2;box-shadow:inset 3px 0 #53a477}
.conversation-item[data-unread=true]:hover{background:#e8f3e9}
.conversation-item[data-unread=true][aria-current=true]{background:#e5f2e8;box-shadow:inset 3px 0 #267552}
.conversation-item[data-unread=true] .conversation-preview{font-weight:600;color:#2b5541}
.sidebar-footer{padding:14px 24px 20px;gap:9px;background:#fff}
.sidebar-footer a{color:#275547;font-size:12px}
.sidebar-footer small{font-size:10px;color:#52675a}
.workspace{background:#f8faf8}
.workspace-head{min-height:76px;padding:15px clamp(26px,4vw,54px);background:#fff}
.workspace-head h2{font-size:16px;letter-spacing:-.25px;font-weight:650;color:#1e342b}
.connection{font-size:11px;color:#607269;margin-top:5px}
.human-label{background:#edf5ef;color:#30634f;border-radius:16px;padding:7px 11px;font-size:11px}
.workspace-footer{background:#fff;color:#52675a;font-size:10px}
.welcome{margin:auto;max-width:630px;width:100%;padding:36px 42px}
.welcome-mark{width:48px;height:48px;border-radius:14px;background:#e6f1e9;margin-bottom:20px}
.welcome .eyebrow{display:none}
.welcome h2{font-family:inherit;font-size:clamp(28px,3vw,37px);font-weight:650;letter-spacing:-1.35px;line-height:1.15}
.welcome>p{margin-top:11px;font-size:14px;line-height:1.55;color:#607169}
.login-form{margin-top:29px}
.login-form label{font-size:12px;color:#2e473c}
.login-form input,.login-form select{min-height:44px;background:#fff}
.login-actions .primary,.login-actions .secondary{min-height:42px}
#operator-fields:not([hidden]) ~ .login-actions #account-login{background:#1d5146;border-color:#1d5146;color:#fff}
#operator-fields:not([hidden]) ~ .login-actions #account-login:hover{background:#163d35}
.field-help{font-size:11px;color:#52675a}
.thread-panel{background:#f8faf8}
.messages{padding:30px clamp(24px,5vw,68px) 22px;gap:21px}
.message{max-width:min(72%,620px)}
.message .author{font-size:11px;font-weight:600;color:#4b6557;margin-bottom:6px}
.message .bubble{font-size:14px;line-height:1.55;background:#fff;border:1px solid #e1eae3;border-radius:15px 15px 15px 5px;padding:11px 14px;box-shadow:0 1px 2px #163d3507}
.message.own .bubble{background:#e3f0e8;border-color:#dbeade;border-radius:15px 15px 5px 15px;padding:11px 14px}
.message.note .bubble{background:#fff7e7;border-color:#eadbb4;border-left:3px solid #c4953c;border-radius:9px;box-shadow:none}
.message .meta{font-size:10px;margin-top:5px;color:#61776a}
.messages>.empty-list{max-width:390px;font-size:14px;color:#75867b;line-height:1.6}
.composer{margin:0 clamp(24px,5vw,68px) 20px;padding:12px 14px 10px;border-radius:13px;border:1px solid #d5e0d8;background:#fff;box-shadow:0 4px 18px #17452f0b}
.composer:focus-within{border-color:#71aa83;box-shadow:0 0 0 3px #2d745f14,0 4px 18px #17452f0b}
.composer-top{font-size:11px;color:#607368}
.composer-top label{color:#52695d;font-weight:600}
.composer-top select{border-radius:7px}
.composer textarea{min-height:60px;font-size:14px;line-height:1.5;color:#223b2d}
.composer-bottom{border-top:1px solid #edf1ed;padding-top:9px}
.file-picker{font-size:12px;color:#3d6b52}
.composer-help{color:#52675a;font-size:10px}
.notice{background:#fff9ea;color:#705620}
@media(max-width:1050px){.app-shell{grid-template-columns:282px minmax(0,1fr)}}
@media(max-width:700px){
  .app-shell{grid-template-columns:1fr}
  .workspace-head{min-height:64px;padding:12px 17px}
  .messages{padding:20px 17px;gap:19px}
  .message{max-width:88%}
  .composer{margin:0 11px 11px;padding:10px 11px}
  .composer textarea{font-size:16px}
  .welcome{padding:26px 24px}
  .welcome h2{font-size:31px}
}
/* In the docked widget, the host owns the brand header and the iframe owns the conversation. */
.embedded .workspace-head{background:#fff;min-height:47px;padding:8px 18px;border-bottom-color:#e7eee8}
.embedded .workspace-head h2{font-size:12px;color:#284b39}
.embedded .connection{font-size:10px}
.embedded .welcome{margin:auto;max-width:none;padding:24px 27px;background:#fff}
.embedded #login-panel{display:flex;flex-direction:column;justify-content:safe center}
.embedded .welcome-mark{width:44px;height:44px;margin-bottom:18px;border-radius:13px;background:#e6f2e9}
.embedded .welcome h2{font-family:inherit;font-size:26px;font-weight:650;letter-spacing:-.85px;line-height:1.17}
.embedded .welcome>p{font-size:13px;line-height:1.55;margin-top:10px;max-width:300px}
.embedded .login-form{margin-top:23px}
.embedded .login-actions>.primary{background:#1d5146;border-radius:8px;font-size:13px;min-height:44px}
.embedded details{border-top-color:#e5ede7}
.embedded .messages{padding:20px 17px;gap:18px;background:#f8faf8}
.embedded .message{max-width:89%}
.embedded .message .author{font-size:10px}
.embedded .message .bubble{background:#fff;border:1px solid #e1eae3;border-radius:13px 13px 13px 4px;padding:10px 12px;font-size:13px;line-height:1.5}
.embedded .message.own .bubble{background:#e3f0e8;border:1px solid #dbeade;border-radius:13px 13px 4px 13px;padding:10px 12px}
.embedded .message.note .bubble{background:#fff7e7;border-left:3px solid #c4953c}
.embedded .message .meta{font-size:10px}
.embedded .composer{margin:0 12px 12px;padding:9px 11px;border-radius:11px;background:#fff}
.embedded .composer textarea{min-height:52px;font-size:13px}
.embedded #send{background:#1d5146;border-radius:8px}
.embedded .empty-list{color:#73877a}
@media(prefers-reduced-motion:reduce){.conversation-item{transition:none}}
@media(forced-colors:active){.conversation-item[data-unread=true],.conversation-item .unread-count{border:1px solid ButtonText}}
.message.grouped{margin-top:-12px}
.embedded .message.grouped{margin-top:-10px}
.crm-inspector[hidden],.crm-filters[hidden],#crm-case-list[hidden],#crm-list-heading[hidden],#crm-toggle[hidden],.crm-card-content[hidden],.crm-feedback[hidden]{display:none}
/* The brand rail is hidden in this theme: CRM has three visible panes. */
body.crm-enabled .app-shell{grid-template-columns:292px minmax(0,1fr) 348px}
body.crm-enabled .messages>.empty-list{color:#586d5f}
body.crm-enabled .sidebar>.list-heading:not(#crm-list-heading),body.crm-enabled #conversation-list,body.crm-enabled #load-more{display:none}
body.crm-enabled .sidebar-head{padding-bottom:16px}
body.crm-enabled .sidebar-actions{padding-bottom:7px}
body.crm-enabled .sidebar-footer{padding-top:12px;padding-bottom:12px}
.crm-filters{padding:0 15px 15px;display:grid;gap:8px}
.crm-metrics{display:flex;gap:5px;flex-wrap:wrap;margin:0 5px 4px}.crm-metrics span{font-size:10px;color:#595966;background:#f0f0f3;border-radius:4px;padding:5px 7px}.crm-metrics span[data-alert=true]{color:#8e5136;background:#fcf0e9}
.crm-filters>label:not(.crm-check){font-size:10px;color:var(--muted);margin:0 7px -3px}
.crm-filters input[type=search],.crm-filters select{width:100%;font-size:11px;min-width:0}
.crm-filter-row{display:flex;gap:6px;align-items:center}.crm-filter-row select{flex:1}.crm-filter-row .quiet{font-size:10px;white-space:nowrap}
.crm-check{font-size:11px;display:flex;align-items:center;gap:7px;margin:1px 6px 0}.crm-check input{margin:0;accent-color:#29292f}
.crm-case-item .conversation-label{display:flex;gap:7px;align-items:center;justify-content:space-between}.crm-case-item .conversation-label strong{margin:0;line-height:1.35}.crm-case-item .crm-case-meta{display:flex;gap:8px;align-items:center;margin-top:8px}.crm-case-item .crm-case-meta span{font-size:10px}.crm-case-item[data-overdue=true]{border-left:2px solid #b77743}.crm-case-item[data-handoff=true] .crm-case-meta:after{content:'Передача';font-size:9px;color:#8d642e}
#crm-case-list{min-height:0;flex:1 1 0;overscroll-behavior:contain}
#crm-load-more{margin:3px 12px 8px;text-align:left;font-size:11px}#crm-load-more[hidden]{display:none}
.crm-inspector{min-width:0;min-height:0;background:#fbfbfc;border-left:1px solid var(--line);display:flex;flex-direction:column}
.crm-inspector-head{padding:24px 22px 18px;border-bottom:1px solid var(--line);position:relative}.crm-inspector-head .eyebrow{margin-bottom:9px}.crm-inspector-head h2{font-size:17px;line-height:1.3}.crm-inspector-head p{font-size:11px;line-height:1.5;margin-top:7px}.crm-inspector-head #crm-close{display:none;position:absolute;right:16px;top:14px;font-size:22px}
.crm-card-content{overflow:auto;min-height:0;flex:1}.crm-section{padding:17px 22px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.55}.crm-section h3{font-size:11px;font-weight:650;margin:0 0 8px}.crm-section p{font-size:11px;color:#5e5e69;margin:5px 0;overflow-wrap:anywhere}.crm-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.crm-section-heading span{font-size:10px;color:#686873}.crm-section .crm-sla{font-weight:600;color:#725129}.crm-section .crm-sla[data-state=met]{color:#36734e}.crm-section .crm-sla[data-state=breached]{color:#9a5038}.crm-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.crm-actions button,.crm-inline button{font-size:10px;min-height:31px;padding:6px 9px}.crm-section summary{cursor:pointer;font-size:11px;font-weight:650;list-style:none}.crm-section summary:after{content:'⌄';float:right;color:#7c7c85}.crm-section[open] summary:after{content:'⌃'}.crm-form{display:grid;gap:7px;margin-top:14px}.crm-form label{font-size:10px;color:var(--muted);margin:2px 0 -5px}.crm-form input,.crm-form select,.crm-form textarea{width:100%;font-size:11px;padding:8px 9px}.crm-form textarea{min-height:64px}.crm-form button{justify-self:start;margin-top:4px}.crm-inline{border-top:1px solid #ebebef;padding:9px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}.crm-inline:first-child{border-top:0}.crm-inline strong{font-weight:550;font-size:11px}.crm-inline small{display:block;color:var(--muted);font-size:10px;line-height:1.4}.crm-inline-actions{display:flex;gap:4px;flex-shrink:0}.crm-feedback{padding:10px 22px;background:#fff4e2;color:#704c20;font-size:11px;line-height:1.45}.crm-feedback[data-ok=true]{background:#edf5ee;color:#345942}.crm-shift{border-top:1px solid var(--line);padding:10px 20px;display:flex;align-items:center;gap:8px}.crm-shift span{font-size:10px;color:var(--muted);line-height:1.3}.crm-timeline-entry{border-left:1px solid #d9d9df;margin:8px 0;padding:0 0 8px 10px;color:#62626d;font-size:10px}.crm-timeline-entry strong{font-weight:550;color:#383840}.crm-timeline-entry time{display:block;font-size:9px;margin-top:3px}.crm-related-button{display:block;background:transparent;text-align:left;color:#4a4a56;padding:5px 0;font-size:11px;text-decoration:underline}.crm-template-item{display:block;width:100%;text-align:left;background:transparent;border-top:1px solid #e9e9ee;padding:9px 0}.crm-template-item strong{display:block;font-size:11px}.crm-template-item span{font-size:10px;color:var(--muted);line-height:1.5}.crm-section input[type=search]{width:100%;font-size:11px}
@media(max-width:1250px){body.crm-enabled .app-shell{grid-template-columns:292px minmax(0,1fr)}body.crm-enabled .crm-inspector{display:none;position:fixed;right:0;top:0;bottom:0;width:min(380px,100vw);z-index:20;box-shadow:-12px 0 32px #20202a16}body.crm-enabled.crm-open .crm-inspector{display:flex}body.crm-enabled #crm-toggle{display:block}body.crm-enabled .crm-inspector-head #crm-close{display:block}}
@media(max-width:700px){body.crm-enabled .app-shell{grid-template-columns:1fr}body.crm-enabled .crm-inspector{width:100vw}body.crm-enabled .sidebar{display:none}body.crm-enabled.show-list .sidebar{display:flex}body.crm-enabled.show-list .workspace{display:none}}
.crm-shift{flex-wrap:wrap}.crm-shift .crm-form{flex-basis:100%;margin-top:0}
.ai-suggestion{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:6px;background:#f9fbf8}
.ai-suggestion p{font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-suggestion small{overflow-wrap:anywhere;color:var(--muted)}