@font-face{font-family:Inter;src:url(/assets/inter-cyrillic.woff2);font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url(/assets/inter-latin.woff2);font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20BD,U+2212}
@font-face{font-family:JetBrains Mono;src:url(/assets/jetbrainsmono-latin.woff2);font-weight:100 900;font-display:swap}
:root{--accent:#f97316;--action:#bf410c;--hover:#9a3412;--tint:#fff4e8;--warm-line:#fed7aa;--ink:#18212f;--muted:#5c6676;--line:#e1e5eb;--canvas:#f6f7f9;--surface:#fff;--nav:#171b24;--nav-line:#2c313c;--success:#0f766e;--error:#b91c1c;--warning:#92400e;--info:#1d4ed8;--btn:10px;--card:14px;--space:8px;--sidebar:210px;--top:62px;--shadow:0 1px 2px #18212f07}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.45 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.15;letter-spacing:-.045em;font-weight:760}h2{font-size:17px;line-height:1.3;letter-spacing:-.025em}h3{font-size:14px;font-weight:700}a{color:var(--action);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a,button,input,textarea,select,summary{outline-offset:3px} :focus-visible{outline:2px solid #d6530b}.skip{position:absolute;z-index:99;top:-100px;left:12px;background:white;padding:10px}.skip:focus{top:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ico{width:19px;height:19px;flex:none;vertical-align:middle}.icon-small .ico,.tag .ico,.text-sm .ico{width:15px;height:15px}.muted{color:var(--muted)}.text-sm,small{font-size:12px}.mono{font:12px JetBrains Mono,monospace}.bold,strong{font-weight:680}.text-right{text-align:right}.nowrap{white-space:nowrap}
.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100dvh}.sidebar{height:100dvh;position:sticky;top:0;background:var(--nav);color:#d3d8e1;display:flex;flex-direction:column;z-index:6;padding:0 12px 14px}.brand{height:84px;padding:0 8px;display:flex;align-items:center;gap:11px;color:white}.brand img{width:34px;height:34px}.brand strong{display:block;font-size:24px;line-height:1;letter-spacing:-.055em;font-weight:790}.brand small{display:block;color:#b6bdca;margin-top:5px;font-size:10px;letter-spacing:.05em}.nav{display:grid;gap:4px}.nav-bottom{margin-top:auto;display:grid;gap:4px}.nav a,.nav-bottom a{display:flex;align-items:center;gap:10px;color:#d3d8e1;padding:11px 10px;border:1px solid transparent;border-radius:10px;position:relative;font-weight:510;font-size:13px}.nav a:hover,.nav-bottom a:hover{background:#232934;color:white}.nav a.active,.nav-bottom a.active{background:#2d251e;border-color:#533520;color:#ffd0a6}.nav a.active:before,.nav-bottom a.active:before{content:"";width:3px;height:20px;background:var(--accent);border-radius:3px;position:absolute;left:-1px}.navcount{margin-left:auto;background:#313845;color:#f2f5fa;border-radius:6px;padding:1px 6px;font-size:11px}.active .navcount,.problem-count{background:#f97316;color:#171b24}.navfoot{margin:14px 1px 0;border-top:1px solid var(--nav-line);padding:14px 7px 0;display:flex;align-items:center;gap:8px;color:#bac3d0;font-size:11px}
.dot{width:7px;height:7px;background:currentColor;border-radius:50%;display:inline-block;flex:none}.dot.online{color:#53c4a2}.topbar{height:var(--top);position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 23px;background:#fff;border-bottom:1px solid var(--line)}.crumbs{display:flex;align-items:center;gap:8px;font-weight:650;min-width:0}.crumbs a{color:var(--muted);font-weight:510}.crumbs a:hover{color:var(--action)}.tools{display:flex;align-items:center;gap:8px}.tools .btn{height:35px}.search-open{width:184px;justify-content:space-between!important;text-align:left;color:var(--muted)!important}.search-open kbd{border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:10px}.avatar{display:inline-grid;place-items:center;height:36px;width:36px;flex:none;border-radius:50%;background:#fff0e2;color:#9a3412;font-weight:730;border:0}.avatar.dark{background:#2c3340;color:#fff;font-size:12px}.avatar.teal{background:#dbf2ec;color:#14685d}.avatar.blue{background:#e0ebff;color:#254e91}.avatar.purple{background:#eee5fc;color:#623791}.avatar.lg{width:52px;height:52px;font-size:20px}.avatar.xl{width:61px;height:61px;font-size:23px}.mobile-menu{display:none!important}.content{padding:22px 24px 30px;max-width:1700px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.pagehead p{margin-top:6px;color:var(--muted)}.titlegroup,.row,.inline{display:flex;align-items:center;gap:9px}.titlegroup{gap:13px}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.end{justify-content:flex-end}.grow{flex:1;min-width:0}.stack{display:grid;gap:12px;min-width:0;align-content:start}.stack.tight{gap:7px}.grid2,.grid3,.grid4,.grid5{display:grid;gap:12px;align-items:start}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid5{grid-template-columns:repeat(5,minmax(0,1fr))}.split{display:grid;grid-template-columns:minmax(0,1.86fr) minmax(290px,1fr);gap:14px}.split.equal{grid-template-columns:1fr 1fr}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid #dce1e8;border-radius:var(--btn);background:white;color:var(--ink);font-weight:580;line-height:1.25;white-space:nowrap}.btn:hover{border-color:#b9c3d0;background:#f7f8fa}.btn.primary{background:var(--action);border-color:var(--action);color:white}.btn.primary:hover{background:var(--hover)}.btn.soft{background:var(--tint);border-color:#ffdfc1;color:#9a3412}.btn.icon{padding:0;width:37px;height:37px;min-height:0}.btn.subtle{background:#f8f9fb}.btn.danger{color:var(--error);border-color:#f4c5c5}.link{display:inline-flex;gap:5px;align-items:center;color:var(--action);font-weight:620}.link:hover{text-decoration:underline}.tag{display:inline-flex;align-items:center;gap:6px;background:#eef0f4;color:#414b5e;border-radius:7px;padding:4px 8px;font-size:11.5px;font-weight:640;line-height:1.24;white-space:nowrap}.tag.brandtone{background:#ffecd8;color:#99370e}.tag.good{background:#e2f6ee;color:#0e635f}.tag.warn{background:#fff1cd;color:#864506}.tag.bad{background:#feebeb;color:#a21d1d}.tag.info{background:#eaf1ff;color:#244d9d}.tag .dot{width:6px;height:6px}.panel,.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--card);box-shadow:var(--shadow);min-width:0}.panel-title{padding:13px 15px 10px;display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}.panel-body{padding:0 14px 13px}.panel-body.top{padding-top:13px}.metric{padding:13px 15px;min-height:98px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;color:var(--ink)}a.metric:hover{border-color:var(--accent)}.metric-label{font-weight:630;font-size:12px}.metric-value{font-size:25px;font-weight:780;line-height:1.08;letter-spacing:-.045em}.metrics{margin:0 0 15px}.tabs,.filters{display:flex;align-items:center;gap:5px;max-width:100%;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.tabs{border-bottom:1px solid var(--line);padding:0 0 8px}.tab{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:9px;color:#4d586a;font-size:12px;font-weight:650}.tab:hover{background:#edf0f4}.tab.active{background:var(--action);color:white}.filters{padding-bottom:3px}.chip{border:1px solid var(--line);border-radius:999px;padding:6px 11px;color:#465164;font-size:12px;background:#fff}.chip.active,.chip:hover{background:var(--tint);color:var(--hover);border-color:var(--warm-line)}
.table-wrap{overflow:auto;border-radius:9px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:9px 10px}th{background:#f3f5f8;color:#485568;font-size:11px;font-weight:690;white-space:nowrap}td{border-top:1px solid #e9ecf0;font-size:12.5px;vertical-align:middle}td strong{display:inline-block}td small{display:block;margin-top:2px}td a{font-weight:690}.compact td{padding:7px 9px}.table-wrap tr[data-href]{cursor:pointer}.table-wrap tr[data-href]:hover td{background:#fff9f2}tfoot td{font-weight:700;background:#fafbfc}
.notice{display:flex;align-items:flex-start;gap:8px;padding:9px 11px;background:#fff4e5;color:#82410c;border:1px solid #fbe4c4;border-radius:9px;font-size:12px}.notice.good{background:#eaf8f2;color:#115e59;border-color:#d3eee2}.notice.bad{background:#fff0f0;color:#9b2020;border-color:#f7d8d8}.notice.info{background:#eef4ff;color:#284d8a;border-color:#dce8fc}.notice .ico{height:16px;width:16px}.steps{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;max-width:880px;margin:15px 0 17px}.step{display:grid;justify-items:center;align-content:start;gap:5px;color:#657082;font-size:11.5px;position:relative;text-align:center}.step:before{content:"";position:absolute;height:2px;background:#dfe4ea;top:11px;width:100%;right:50%;z-index:0}.step:first-child:before{display:none}.step.done:before,.step.now:before{background:var(--accent)}.step .round{display:grid;place-items:center;z-index:1;width:24px;height:24px;border-radius:50%;border:2px solid #cdd4de;background:var(--canvas);color:white}.step.done .round{background:var(--action);border-color:var(--action)}.step.now .round{border:2px solid var(--accent);background:#fff;box-shadow:inset 0 0 0 3px #fff;outline:0}.step.now .round:after{content:"";height:11px;width:11px;background:var(--accent);border-radius:50%}.step.done,.step.now{color:var(--ink);font-weight:650}.round .ico{width:14px;height:14px}.steps.mini{margin:9px 0 13px}.steps.mini .step{font-size:10px}
.mini-card{padding:11px;border:1px solid var(--line);border-radius:10px;background:#fcfcfd;min-width:0}.mini-card .ico{width:16px;height:16px}.kv{display:grid;gap:8px}.kvline{display:flex;align-items:flex-start;gap:9px;font-size:12.5px}.kvline .ico{width:16px;height:16px;color:#536071}.kvline .tag{margin-left:auto}.divider{height:1px;background:var(--line);margin:9px 0}.footnote{text-align:right;margin-top:12px;color:var(--muted);font-size:11px}.timeline{display:grid;gap:0}.event{display:grid;grid-template-columns:20px 47px minmax(0,1fr);gap:6px;position:relative;padding:4px 0;font-size:12px}.event:not(:last-child):before{content:"";position:absolute;left:8px;height:100%;top:12px;width:1px;background:#ffd3ac}.event>.ico{width:17px;height:17px;position:relative;background:white;color:var(--action);border-radius:50%}.progress{height:8px;background:#edf0f4;border-radius:8px;overflow:hidden}.progress span{height:100%;display:block;background:var(--accent);border-radius:8px}
label.field{display:grid;gap:6px;font-size:12px;font-weight:650}input,textarea,select{background:white;color:var(--ink);border:1px solid #d2d9e3;border-radius:var(--btn);padding:8px 10px;min-height:40px;width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#687384}textarea{resize:vertical;min-height:90px}.searchbox{display:flex;align-items:center;gap:8px;border:1px solid #d2d9e3;background:white;padding:0 9px;border-radius:var(--btn);color:#657082}.searchbox input{border:0;background:transparent;padding-left:0}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.toolbar .searchbox{width:280px;max-width:100%}.toolbar select{width:auto}.empty{display:grid;justify-items:center;text-align:center;gap:9px;padding:34px 15px;color:var(--muted)}.empty .ico{width:26px;height:26px;color:#a3441c}.empty h3{color:var(--ink)}
.dialogs{display:grid;grid-template-columns:255px minmax(0,1fr) minmax(270px,.72fr);min-height:calc(100dvh - var(--top));background:#fff}.dialog-list,.chat,.context{min-width:0;padding:15px}.dialog-list,.chat{border-right:1px solid var(--line)}.dialog-list .searchbox{margin:12px 0}.dialog-list .filters{margin-bottom:11px}.dialog-item{display:flex;align-items:flex-start;gap:9px;padding:11px 7px;border-bottom:1px solid #ebedf0;color:var(--ink);border-radius:9px}.dialog-item.active{background:var(--tint);border:1px solid #ffd9b5}.dialog-item:hover{background:#f7f8fa}.dialog-item.active:hover{background:#ffecd9}.dialog-item .tag{margin-top:4px}.chat{display:flex;flex-direction:column;gap:12px;background:linear-gradient(#fff,#fbfcfd)}.chat .tabs{flex:none}.chat-body{flex:1;display:flex;flex-direction:column;gap:11px;min-height:260px;max-height:52vh;overflow:auto;padding:0 4px 9px}.chat-line{display:flex;align-items:flex-start;gap:7px}.chat-line.out{justify-content:flex-end}.chat-bubble{background:#eff1f5;border-radius:11px;padding:9px 11px;max-width:88%;font-size:13px}.out .chat-bubble{background:#ffeddd;color:#49240e}.chat-bubble small{display:block;text-align:right;color:#697384;margin-top:4px}.chat-photo{background:#292b2f;color:#e9e6dc;min-width:165px;padding:10px;border-radius:7px}.chat-system{margin:6px auto;color:var(--muted);font-size:12px;text-align:center}.chat-form{display:flex;gap:8px}.context{background:#fbfcfd}.context .metric-value{font-size:21px}.dialog-back{display:none}.setting{padding:15px;display:block;color:var(--ink)}.setting:hover{border-color:var(--accent)}.setting p{color:var(--muted);margin-top:5px;font-size:12px}.setting-icon{padding:6px;background:var(--tint);color:var(--action);border-radius:9px;margin-bottom:8px}.price-result{font-weight:740;font-size:20px}
dialog{border:1px solid var(--line);border-radius:17px;width:min(520px,calc(100% - 25px));padding:0;color:var(--ink);box-shadow:0 16px 55px #15213345;max-height:90dvh;overflow:auto}dialog::backdrop{background:#151c2d77}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.modal-body{padding:16px}.modal-actions{display:flex;justify-content:end;gap:8px;flex-wrap:wrap}.search-results{display:grid;gap:6px;max-height:55vh;overflow:auto}.search-result{padding:9px 10px;border:1px solid var(--line);border-radius:9px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:10px}.search-result:hover{background:var(--tint)}#toast{position:fixed;z-index:10;bottom:22px;right:22px;display:none;padding:12px 16px;background:var(--nav);color:white;border-radius:12px;box-shadow:0 8px 28px #17202e38;max-width:calc(100vw - 44px)}#toast.show{display:block}
.auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.auth-brand{display:grid;align-content:center;justify-items:start;gap:20px;padding:9vw;background:var(--nav);color:white}.auth-brand .brand{padding:0;height:auto}.auth-brand h1{font-size:clamp(31px,4vw,58px)}.auth-brand p{color:#c0c6d4}.auth-main{display:grid;place-items:center;padding:26px}.auth-main .panel{width:min(100%,410px);padding:24px}.auth-main .btn{width:100%}.errorpage{min-height:55vh;display:grid;place-items:center;text-align:center}
@media(max-width:1320px){:root{--sidebar:186px}.dialog-list{padding:12px}.dialogs{grid-template-columns:220px minmax(0,1fr) minmax(230px,.68fr)}.content{padding-left:18px;padding-right:18px}.nav a,.nav-bottom a{gap:8px}.split{grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr)}}
@media(max-width:1100px){:root{--sidebar:66px}.sidebar{padding:0 8px 10px}.brand{justify-content:center;padding:0;height:68px}.sidebar .brand span,.navlabel,.navcount,.navfoot span:not(.dot){display:none}.nav a,.nav-bottom a{justify-content:center;padding:11px}.navfoot{justify-content:center}.dialogs{grid-template-columns:205px minmax(0,1fr) minmax(220px,.66fr)}.grid5{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-brand .brand{justify-content:flex-start}}
@media(max-width:850px){.split,.split.equal{grid-template-columns:minmax(0,1fr)}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogs{grid-template-columns:205px minmax(0,1fr)}.context{grid-column:2;border-top:1px solid var(--line)}.dialog-list{grid-row:span 2}.chat{border-right:0}.chat-body{max-height:58vh}.pagehead{flex-wrap:wrap}.search-open{width:auto}.search-open span,.search-open kbd{display:none}}
@media(max-width:590px){:root{--sidebar:0px;--top:54px}.shell{display:block}.sidebar{display:none;position:fixed;width:224px;top:0;left:0;height:100dvh;box-shadow:0 0 0 100vmax #151c2d66;z-index:8;padding:0 12px 14px}.sidebar.open{display:flex}.sidebar .brand span,.navlabel,.navcount,.navfoot span:not(.dot){display:initial}.nav a,.nav-bottom a{justify-content:flex-start}.navfoot{justify-content:flex-start}.mobile-menu{display:inline-flex!important}.topbar{padding:0 10px}.topbar .tools{gap:4px}.topbar .btn.icon{width:32px}.crumbs{font-size:12px;gap:3px}.crumbs .ico{width:13px}.content{padding:15px 11px 23px}h1{font-size:24px}.metric{min-height:85px;padding:10px}.metric-value{font-size:22px}.grid5,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:minmax(0,1fr)}.dialogs{display:block}.dialogs.list-only .chat,.dialogs.list-only .context,.dialogs.detail .dialog-list{display:none}.dialog-back{display:inline-flex}.chat .titlegroup{gap:6px}.pagehead .titlegroup{flex-wrap:wrap}.steps .step{font-size:9px}.auth{display:block}.auth-brand{padding:22px}.auth-brand h1,.auth-brand p{display:none}.auth-main{padding:20px 12px}.panel-body{padding-left:10px;padding-right:10px}.panel-title{padding-left:11px;padding-right:11px}.btn{white-space:normal}.event{grid-template-columns:20px 40px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.form-error:not(:empty){color:var(--error);background:#fff0f0;border-radius:9px;padding:8px 10px;font-size:12px}.line-name{min-height:0;padding:0;border:0;background:transparent;text-align:left;font-weight:690}.line-name:hover{background:none;color:var(--action);text-decoration:underline}.content:focus{outline:0}.step .round{flex:none}.chat .avatar:not(.lg){width:28px;height:28px;font-size:11px}.chat .tabs{padding:0 0 5px}.chat .tabs .tab{border-radius:6px}.chat .tabs .tab.active{background:var(--tint);color:var(--hover)}.chat select{width:auto;min-height:31px;padding:4px 7px}.dialog-list .ico{width:17px;height:17px}
.kvline small,.search-result small{display:block;margin-top:2px}.kvline>.tag{margin-left:0}.panel .stack .divider{margin:2px 0}.content>.pagehead{margin-bottom:15px}.metric{min-height:86px}.navfoot .dot{background:#53c4a2}.tools kbd{white-space:nowrap}.btn.primary:disabled{color:#4d596a;background:#e8ebef;border-color:#dce1e8;opacity:1}.brand small{letter-spacing:.025em}.search-open{width:189px}.chat-file-inline{display:grid;grid-template-columns:minmax(0,155px) auto;text-align:left;gap:9px;align-items:center}.chat-file-inline img,.preview-photo{display:block;max-width:100%;border-radius:7px}.chat-bubble .chat-file-inline img{width:155px}.chat-file-inline .chat-photo{min-width:0;padding:8px}
@media(max-width:850px){.search-open{width:auto}}
.chat-file-inline img{height:62px;object-fit:cover;width:155px;color:#3b241a;background:#e3e5e9}.chat-body{max-height:54vh}.context table td:nth-last-child(-n+3){white-space:nowrap}.min-inline{min-inline-size:0}
@media(max-width:590px){.chat-file-inline{grid-template-columns:minmax(0,110px) auto}.chat-file-inline img{height:48px}.sidebar{overflow-y:auto}}

/* Dialog workspace. Scroll the messages and supporting panes independently. */
.search-open {width:auto;gap:8px;justify-content:flex-start!important}
.search-open kbd {margin-left:4px;flex:none}
.dialogs {height:calc(100dvh - var(--top));min-height:0;overflow:hidden}
.dialog-list,.chat,.context {min-height:0;padding:0}
.dialog-list {display:flex;flex-direction:column}
.dialog-list-head {padding:13px 13px 8px;gap:9px}
.dialog-list .searchbox,.dialog-list .filters {margin:0}
.dialog-list .filters {gap:4px;scrollbar-width:none}
.dialog-list .chip {padding:5px 9px}
.dialog-items {min-height:0;overflow:auto;padding:0 10px 10px;scrollbar-width:thin}
.dialog-item {display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:2px 8px;padding:9px 8px}
.dialog-item:not(.active) {border:1px solid transparent;border-bottom-color:#ebedf0}
.dialog-item .avatar {width:32px;height:32px;font-size:11px;grid-column:1;grid-row:1/span 3}
.dialog-item-summary,.dialog-item-stage {grid-column:2/-1}
.dialog-item-name {display:flex;gap:6px;align-items:center;min-width:0;font-size:13px}
.dialog-item-summary,.dialog-item-name strong {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dialog-item-summary,.dialog-item-time {font-size:11.5px;color:var(--muted)}
.dialog-item-time {padding-top:1px;white-space:nowrap}
.dialog-item .tag {margin-top:1px}
.dialog-channel {display:inline-flex;align-items:center;gap:5px;flex:none;white-space:nowrap;color:var(--muted)}
.channel-icon {width:15px;height:15px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:#eef1f5}
.channel-icon.telegram {color:white;background:#117ca8}
.channel-icon .ico {width:10px;height:10px;stroke-width:1.9}
.dialog-list .channel-icon .ico {width:10px;height:10px}
.chat {gap:0;overflow:hidden}
.chat-head {padding:12px 14px 8px;flex:none}
.chat-head .titlegroup {gap:9px}
.chat-head .avatar.lg {height:41px;width:41px;font-size:15px}
.chat-head h1 {font-size:21px;letter-spacing:-.035em;font-weight:720}
.chat-head .btn.icon {width:33px;height:33px}
.chat-meta {display:flex;align-items:center;gap:8px;margin-top:3px;font-size:12px}
.chat-order {display:inline-flex;color:var(--ink);font-size:12px;font-weight:620}
.chat .chat-order select {min-height:25px;border-radius:7px;padding:2px 5px}
.chat-nav {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 14px 6px;flex:none}
.chat .tabs {border-bottom:0;padding:0}
.chat .tabs .tab {padding:5px 9px}
.chat-mobile-links {display:none}
.chat-body {flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;gap:8px;padding:12px 13px;scrollbar-width:thin}
.chat-body:focus-visible {outline-offset:-2px}
.chat-body .chat-line {align-items:flex-start;gap:7px}
.chat-body .chat-line.continued {padding-left:35px;margin-top:-3px}
.chat-bubble {padding:7px 9px;font-size:13px;max-width:88%;overflow-wrap:anywhere}
.chat-bubble small {font-size:11px;margin-top:2px}
.chat-system {margin:3px auto;font-size:11px}
.chat-file-inline {padding:4px 7px}
.chat-footer {flex:none;background:white;border-top:1px solid var(--line);padding:8px 12px 10px;display:grid;gap:7px}
.chat-offers {gap:6px}
.chat-offers .btn {min-height:32px;padding:5px 8px;font-size:12px}
.chat-footer-tools {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
.agent-activity {min-width:0;font-size:12px}
.agent-activity summary {cursor:pointer;color:#4c5768;font-weight:620}
.agent-activity .timeline {max-height:min(15dvh,130px);overflow:auto;padding:4px 3px}
.chat-mode {white-space:nowrap}
.chat-mode .ico {width:14px;height:14px}
.chat-form {align-items:center}
.chat-form input {min-height:36px}
.context {display:flex;flex-direction:column;overflow:hidden}
.context-head {flex:none;padding:12px 12px 9px;border-bottom:1px solid var(--line);background:#fbfcfd}
.context-head .steps {margin:7px 0 8px}
.context-head .link {font-size:12px}
.context-sections {min-height:0;overflow:auto;padding:9px 12px 12px;gap:9px;scrollbar-width:thin}
.context .panel {border-radius:11px}
.context .panel-title {padding:9px 10px 7px}
.context .panel-title h2 {font-size:15px}
.context .panel-body {padding:0 10px 9px}
.context .panel-body .stack {gap:7px}
.context .kvline {font-size:12px;align-items:flex-start;gap:6px}
.context .kvline .tag {white-space:normal}
.context .kvline .ico {height:14px;width:14px}
.context .fit-inline {color:#0f635c;font-size:12px;font-weight:620}
.context .link {font-size:12px}
.context .table-wrap {border-radius:7px}
.context th,.context .compact td {padding:5px 6px;font-size:11px}
.context td small {font-size:10.5px}
.offer-group-label {font-size:12px}
.offer-in-time td {background:#eef8f1}
.offer-in-time small {color:#116348}
.original-offer {display:flex;align-items:start;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:7px;padding:6px 7px;font-size:12px}
.original-offer>span:last-child {text-align:right;white-space:nowrap}
.original-offer small {display:block;color:var(--muted);font-size:11px}
@media(max-width:1100px) and (min-width:851px) {
 .dialogs {grid-template-columns:210px minmax(0,1fr) 278px}
}
@media(max-width:850px) {
 .dialogs {height:auto;overflow:visible;grid-template-rows:calc(100dvh - var(--top)) auto}
 .dialog-list {grid-row:1}
 .chat-mobile-links {display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}
 .chat-nav {gap:6px}
 .context {scroll-margin-top:var(--top)}
 .context-sections {overflow:visible}
}
@media(max-width:590px) {
 .dialogs {min-height:calc(100dvh - var(--top))}
 .chat {height:calc(100dvh - var(--top));min-height:440px}
 .dialog-back {padding:7px 10px 0}
 .dialog-back .btn {min-height:29px;padding:4px 7px;font-size:11px}
 .chat-head {padding:8px 10px 6px}
 .chat-head h1 {font-size:19px}
 .chat-nav {padding:0 10px 5px;flex-wrap:wrap}
 .chat .tabs .tab {padding:5px 7px}
 .chat-body {padding:8px 10px}
}

/* Shared layout rules for work pages and small screens. */
.content {display:grid;gap:14px;align-content:start;min-width:0;overflow-wrap:anywhere}
.content > * {min-width:0}
.content > .pagehead,.content > .metrics,.content > .toolbar {margin:0}
.content > .pagehead .titlegroup {min-width:0}
.pagehead > .row {justify-content:flex-end}
.split {align-items:start;min-width:0}
.customer-content {margin-top:0}
.dashboard-period {margin:0}
.panel-body .stack > :is(.btn,.link,.tag) {justify-self:start;max-width:100%}
.panel-body > :is(.btn,.link) {max-width:100%}
.metric {gap:6px}
.metrics .metric {height:100%}
.metric-value {white-space:nowrap}
.setting {height:100%}
.setting-icon {display:inline-grid;place-items:center;margin-bottom:0}
.content[data-section="settings"] > .panel:has(form),
.content[data-section="orders"] > .panel:has(form[data-form="newOrder"]) {width:min(100%,750px)}
.content[data-section="settings"] textarea {min-height:124px}
.content input[type="date"] {max-width:100%}
.panel-body .stack .notice {margin-bottom:1px}
.topbar-leading,.crumbs {min-width:0}
.topbar .tools {flex:none}
.crumbs a {flex:none}
.crumb-current {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-wrap {max-width:100%;scrollbar-width:thin}
.number-cell {text-align:right;white-space:nowrap}
.mobile-cell-label {display:none}
.table-wrap a:focus-visible {outline-offset:2px}
.table-wrap td:first-child .cell-value {overflow-wrap:anywhere}
.btn:disabled,.btn[disabled] {color:#657080;background:#f1f3f6;border-color:#e0e4eb;opacity:1}
.kvline > .tag {flex:none;max-width:47%;white-space:normal}
.auth-slogan {font-size:clamp(31px,4vw,58px);line-height:1.08;letter-spacing:-.045em;font-weight:760}
.auth-brand .auth-slogan {color:white}
.auth-main .panel {width:min(100%,440px);padding:27px}
.auth-main input,.auth-main select {min-height:44px}
.auth-main .row a {padding:4px 0}
.errorpage {min-height:min(58dvh,480px)}
.errorpage .panel {width:min(100%,510px)}
.error-content {display:grid;justify-items:center;gap:12px;padding:22px 12px}
.error-content > .ico {width:27px;height:27px;color:var(--action)}
.error-content .row {justify-content:center}
.error-content h1 {font-size:clamp(20px,3.4vw,27px)}
@media(max-width:850px) {
 .pagehead > .row {justify-content:flex-start}
}
@media(max-width:690px) {
 .mobile-cards {border:0;overflow:visible}
 .mobile-cards table,.mobile-cards tbody,.mobile-cards tfoot {display:block;min-width:0;max-width:100%}
 .mobile-cards thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .mobile-cards tr {display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:5px;padding:9px 0}
 .mobile-cards tbody tr+tr,.mobile-cards tfoot {border-top:1px solid var(--line)}
 .mobile-cards :is(td,.compact td) {display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:1px 0;border:0;white-space:normal;background:transparent;text-align:left}
 .mobile-cards td:first-child {font-size:14px}
 .mobile-cards .mobile-cell-label {display:block;min-width:0;color:var(--muted);font-size:11.5px;line-height:1.4}
 .mobile-cards td:not(:has(.mobile-cell-label)) {display:block}
 .mobile-cards .tag {white-space:normal}
 .mobile-cards tfoot tr {display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
 .mobile-cards tfoot td:empty {display:none}
 .mobile-cards .cell-value {min-width:0;overflow-wrap:anywhere}
 .mobile-cards .order-id {display:inline;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
 .mobile-cards .row {align-items:flex-start}
}
@media(max-width:590px) {
 .content {gap:11px}
 .content .pagehead > .row {width:100%}
 .pagehead p {overflow-wrap:anywhere}
 .topbar .crumbs > :not(:last-child) {display:none}
 .topbar .tools {gap:4px}
 .topbar .mobile-menu,.topbar .tools .btn.icon,.topbar .tools .avatar {min-width:36px}
 .auth-brand .auth-slogan {display:none}
 .auth-main .panel {padding:20px 17px}
 .errorpage .panel {margin-top:15px}
}
.order-id {white-space:nowrap}
.order-detail {gap:10px}
.order-detail > .pagehead,.order-detail > .steps,.order-detail > .metrics {margin:0}
.order-detail > .steps {margin:2px 0 4px}
.order-detail > .split {gap:12px}
.order-detail .stack {gap:9px}
.order-detail .stack.tight {gap:6px}
.order-detail .panel-title {padding-top:11px;padding-bottom:8px}
.order-detail .panel-body {padding-bottom:11px}
.order-detail .compact td {padding-top:6px;padding-bottom:6px}
@media(max-width:690px) {
 .mobile-cards .cell-value .order-id {white-space:normal;overflow-wrap:anywhere;word-break:break-word}
 .order-detail .compact td {padding-top:1px;padding-bottom:1px}
}