@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600&family=Josefin+Sans:wght@300;400;600&display=swap");:root{--color-orange:#ff5f2d;--color-orange-dark:#e04818;--color-orange-light:#ff8a62;--color-black:#1c1c1c;--color-black-soft:#2e2e2e;--color-white:#fff;--color-off-white:#f5f5f5;--color-gray-100:#f0f0f0;--color-gray-200:#d4d4d4;--color-gray-400:#999;--color-gray-600:#555;--fg-primary:var(--color-black);--fg-secondary:var(--color-gray-600);--fg-muted:var(--color-gray-400);--fg-inverse:var(--color-white);--fg-accent:var(--color-orange);--bg-primary:var(--color-white);--bg-secondary:var(--color-off-white);--border-subtle:var(--color-gray-200);--font-display:"Josefin Sans","Barlow Condensed",sans-serif;--font-body:"Barlow Condensed","Arial Narrow",sans-serif;--font-mono:"Courier New","Courier",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:0.95;--leading-snug:1.1;--leading-normal:1.4;--tracking-tight:-0.02em;--tracking-wide:0.08em;--tracking-widest:0.2em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:400ms ease-in-out;--acc:var(--color-orange);--acc-dark:var(--color-orange-dark);--sidebar-w:248px;--pad:var(--space-8);--gap:var(--space-6);--panel-border:var(--color-gray-200)}[data-density=compacto]{--pad:var(--space-5);--gap:var(--space-4)}*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%}html{font-size:17px}@keyframes heroFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-slide{animation:heroFade .6s cubic-bezier(.22,1,.36,1)}body{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-light);line-height:var(--leading-normal);color:var(--fg-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--acc);color:#fff}h1{font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1,h2{font-family:var(--font-display);font-weight:var(--weight-regular);margin:0}h2{font-size:var(--text-2xl);line-height:var(--leading-snug)}h3{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}h3,p{margin:0}.label,label{font-family:var(--font-body);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--fg-muted);font-weight:400}.label,code,label{font-size:var(--text-sm)}code{font-family:var(--font-mono)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;background:#fff;color:var(--fg-primary);overflow:hidden}.sidebar{background:var(--color-white);color:var(--color-black);padding:var(--space-6) var(--space-5);gap:var(--space-6);border-right:1px solid var(--color-gray-100)}.brand,.sidebar{display:flex;flex-direction:column}.brand{gap:var(--space-3)}.brand-row{display:flex;align-items:baseline;gap:8px}.wordmark{font-family:var(--font-display);font-size:26px;letter-spacing:.02em;text-transform:uppercase;color:var(--color-black);line-height:1}.wordmark .dot{color:var(--acc)}.brand-sub{font-family:var(--font-body);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--fg-muted)}.nav{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-2)}.nav-label{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--color-gray-200);padding:0 var(--space-3);margin-bottom:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:11px var(--space-3);background:transparent;border:none;width:100%;text-align:left;color:var(--fg-secondary);font-family:var(--font-body);font-size:16px;letter-spacing:.02em;transition:background var(--transition-fast),color var(--transition-fast);position:relative}.nav-item.active,.nav-item:hover{color:var(--color-black);background:var(--color-off-white)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--acc)}.nav-item .ico{flex-shrink:0}.nav-item .badge{margin-left:auto;background:var(--acc);color:#fff;font-size:11px;font-weight:500;padding:1px 7px;min-width:20px;text-align:center}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-4)}.conn-status{display:flex;align-items:center;gap:10px;border:1px solid var(--color-gray-100);padding:10px var(--space-3)}.conn-dot{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px rgba(255,95,45,.2);flex-shrink:0}.conn-dot.off{background:var(--color-gray-400);box-shadow:none}.conn-text{display:flex;flex-direction:column;line-height:1.35;min-width:0}.conn-text b{font-size:13px;color:var(--color-black);font-weight:500;white-space:nowrap}.conn-text span{font-size:11px;color:var(--fg-muted);letter-spacing:.04em;white-space:nowrap}.user-chip{gap:10px}.avatar,.user-chip{display:flex;align-items:center}.avatar{width:34px;height:34px;background:var(--acc);color:#fff;justify-content:center;font-family:var(--font-display);font-size:15px;flex-shrink:0}.user-chip .um{line-height:1.35;min-width:0}.user-chip .um b{display:block;font-size:13px;color:var(--color-black);font-weight:500;white-space:nowrap}.user-chip .um span{white-space:nowrap}.side-link,.user-chip .um span{font-size:11px;color:var(--fg-muted)}.side-link{letter-spacing:.16em;text-transform:uppercase;background:none;border:none;padding:0;text-align:left}.side-link:hover{color:var(--acc)}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--pad);background:var(--color-white);border-bottom:1px solid var(--panel-border);flex-shrink:0}.topbar>div{min-width:0}.topbar h1{font-family:var(--font-display);font-size:30px;text-transform:uppercase;letter-spacing:-.01em;line-height:1;white-space:nowrap}.topbar .sub{font-size:14px;color:var(--fg-secondary);letter-spacing:.04em;margin-top:4px}.topbar .spacer{flex:1 1}.menu-btn{display:none}.content{flex:1 1;overflow-y:auto;padding:var(--pad);background:var(--color-off-white)}.btn{font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding:11px 22px;border:none;line-height:1;display:inline-flex;align-items:center;gap:8px;transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.btn:hover{opacity:.82}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--acc);color:#fff}.btn-dark{background:var(--color-black);color:#fff}.btn-outline{background:transparent;color:var(--color-black);border:1.5px solid var(--color-black);padding:9.5px 20px}.btn-ghost{background:transparent;color:var(--fg-secondary);letter-spacing:.08em;padding:11px 8px}.btn-ghost:hover{color:var(--acc);opacity:1}.btn-sm{font-size:11px;padding:8px 14px}.btn-danger-link{background:none;border:none;color:var(--color-orange-dark);cursor:pointer;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.card,.panel{background:var(--color-white);border:1px solid var(--panel-border)}.card{padding:var(--space-6)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--color-black);color:var(--color-black);font-weight:500}.tag.orange{color:var(--acc)}.tag.fill,.tag.orange{border-color:var(--acc)}.tag.fill{background:var(--acc);color:#fff}.tag.gray,.tag.muted{border-color:var(--color-gray-200);color:var(--fg-muted)}.tag.green{border-color:#1f8a5b;color:#1f8a5b}.tag.blue{border-color:#2d6cdf;color:#2d6cdf}.tag.red{border-color:var(--color-orange-dark);color:var(--color-orange-dark)}.motif{display:flex;align-items:center;gap:4px}.motif .d{height:5px}.motif .b,.motif .d{background:var(--color-black)}.motif .b{height:11px}.motif.orange .b,.motif.orange .d{background:var(--acc)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--gap);gap:var(--gap)}.kpi{background:var(--color-white);border:1px solid var(--panel-border);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);position:relative}.kpi .ktop{display:flex;align-items:center;justify-content:space-between}.kpi .klabel{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted)}.kpi .kval{font-family:var(--font-display);font-size:40px;line-height:.95;color:var(--color-black)}.kpi .kdelta{font-size:13px;color:var(--fg-secondary);display:flex;align-items:center;gap:5px}.kpi .kdelta.up{color:var(--acc)}.kpi .kicon{color:var(--fg-muted)}.dash-cols{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:var(--gap);gap:var(--gap);margin-top:var(--gap);align-items:start}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-head h2{font-family:var(--font-display);font-size:20px;text-transform:uppercase;letter-spacing:.01em}.chart{display:flex;align-items:flex-end;gap:10px;height:180px;padding-top:var(--space-4)}.bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.bar{width:100%;background:var(--color-gray-100);position:relative;min-height:2px}.bar .fill{position:absolute;bottom:0;left:0;right:0;background:var(--color-black);transition:height var(--transition-slow)}.bar-col:hover .fill{background:var(--acc)}.bar-x{font-size:11px;color:var(--fg-muted);letter-spacing:.08em}.act{display:flex;flex-direction:column}.act-row{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--panel-border);align-items:flex-start;color:inherit}.act-row:last-child{border-bottom:none}.act-ic{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--color-off-white);color:var(--color-black);flex-shrink:0}.act-ic.acc{background:var(--acc);color:#fff}.act-body{flex:1 1;min-width:0}.act-body .at{font-size:15px;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act-body .at b{font-weight:500}.act-body .am{font-size:12px;color:var(--fg-muted);letter-spacing:.04em;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal{display:flex;flex-direction:column;gap:var(--space-3)}.progress{height:8px;background:var(--color-gray-100);position:relative}.progress .pf{position:absolute;top:0;left:0;bottom:0;background:var(--acc)}.inbox{display:grid;grid-template-columns:320px 1fr;flex:1 1;height:100%;background:var(--color-white);min-height:0}.conv-list{border-right:1px solid var(--panel-border);min-height:0}.conv-list,.conv-search{display:flex;flex-direction:column}.conv-search{padding:var(--space-4);border-bottom:1px solid var(--panel-border);gap:var(--space-3)}.search-input{display:flex;align-items:center;gap:8px;border:1px solid var(--panel-border);padding:9px 12px;color:var(--fg-muted)}.search-input input{border:none;outline:none;font-family:var(--font-body);font-size:15px;flex:1 1;background:transparent;color:var(--color-black)}.filter-row{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border:1px solid var(--panel-border);color:var(--fg-secondary);background:transparent}.chip.active{background:var(--color-black);color:#fff;border-color:var(--color-black)}.conv-scroll{overflow-y:auto;flex:1 1}.conv-item{display:flex;gap:var(--space-3);padding:var(--space-4);width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--panel-border);align-items:flex-start;transition:background var(--transition-fast)}.conv-item.active,.conv-item:hover{background:var(--color-off-white)}.conv-av{width:40px;height:40px;background:var(--color-black);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:16px;flex-shrink:0}.conv-meta{flex:1 1;min-width:0}.conv-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.conv-name{font-size:16px;font-weight:500;color:var(--color-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:11px;color:var(--fg-muted);flex-shrink:0}.conv-preview{font-size:14px;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.conv-tags{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.dot-unread{width:8px;height:8px;background:var(--acc);flex-shrink:0;align-self:center}.thread{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--color-off-white)}.thread-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-white);border-bottom:1px solid var(--panel-border);flex-shrink:0}.thread-head .conv-av{width:38px;height:38px}.thread-head .th-meta{flex:1 1;min-width:0}.thread-head .th-meta b{font-size:16px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-head .th-meta span{font-size:12px;color:var(--fg-muted);letter-spacing:.04em}.thread-head .th-actions{display:flex;gap:8px;align-items:center}.msgs{flex:1 1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.day-sep{text-align:center;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-muted);margin:var(--space-2) 0}.msg{max-width:74%;display:flex;flex-direction:column;gap:4px}.msg .bubble{padding:11px 14px;font-size:15px;line-height:1.45;color:var(--color-black);white-space:pre-wrap}.msg .meta{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.msg.them{align-self:flex-start}.msg.them .bubble{background:var(--color-white);border:1px solid var(--panel-border)}.msg.bot{align-self:flex-end;align-items:flex-end}.msg.bot .bubble{background:var(--color-black);color:#fff}.msg.bot .bubble b{color:var(--acc)}.msg.agent{align-self:flex-end;align-items:flex-end}.msg.agent .bubble{background:var(--acc);color:#fff}.msg .meta .who{color:var(--color-black);font-weight:500}.composer{background:var(--color-white);border-top:1px solid var(--panel-border);padding:var(--space-4) var(--space-6);flex-shrink:0}.bot-banner{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--color-off-white);border:1px solid var(--panel-border);margin-bottom:var(--space-3);font-size:13px;color:var(--fg-secondary)}.bot-banner .sw{margin-left:auto}.composer-row{display:flex;gap:var(--space-3);align-items:flex-end}.composer textarea{flex:1 1;resize:none;border:1px solid var(--panel-border);padding:11px 12px;font-family:var(--font-body);font-size:15px;outline:none;min-height:44px;max-height:120px}.composer textarea:focus{border-color:var(--color-black)}.switch{width:38px;height:22px;background:var(--color-gray-200);position:relative;transition:background var(--transition-fast);flex-shrink:0;border:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;transition:left var(--transition-fast)}.switch.on{background:var(--acc)}.switch.on:after{left:19px}.thread-wrap{display:grid;grid-template-columns:1fr 264px;min-width:0;min-height:0}.ctx{background:var(--color-white);border-left:1px solid var(--panel-border);padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6)}.ctx h4{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 var(--space-3)}.ctx .field{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:7px 0;border-bottom:1px solid var(--panel-border)}.ctx .field span{color:var(--fg-muted)}.ctx .field b{color:var(--color-black);font-weight:500;text-align:right}.inbox-empty{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-size:15px;letter-spacing:.08em;text-transform:uppercase}.cfg-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--gap);gap:var(--gap)}.cfg-card{background:var(--color-white);border:1px solid var(--panel-border);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.cfg-card .ch{display:flex;align-items:flex-start;gap:var(--space-3)}.cfg-card .ch .ci{width:36px;height:36px;background:var(--color-black);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cfg-card .ch .ci.acc{background:var(--acc)}.cfg-card .ch h3{font-family:var(--font-body);font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1.1}.cfg-card .ch p{font-size:13px;color:var(--fg-secondary);margin-top:3px}.field-group{display:flex;flex-direction:column;gap:var(--space-2)}.field-group>label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}.inp{border:1px solid var(--panel-border);padding:10px 12px;font-family:var(--font-body);font-size:15px;outline:none;width:100%;background:var(--color-white);color:var(--color-black)}.inp:focus{border-color:var(--color-black)}textarea.inp{resize:vertical;min-height:76px;line-height:1.5}select.inp{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{font-size:13px;padding:6px 12px;border:1px solid var(--panel-border);color:var(--fg-secondary);display:inline-flex;align-items:center;gap:6px;background:transparent}.pill.on{background:var(--color-black);color:#fff;border-color:var(--color-black)}.pill .x{opacity:.6;cursor:pointer}.flow-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--panel-border)}.flow-item:last-child{border-bottom:none}.flow-num{width:26px;height:26px;border:1px solid var(--color-black);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:13px;flex-shrink:0}.flow-item .ft{flex:1 1;min-width:0}.flow-item .ft b{font-size:15px;font-weight:500;display:block;color:var(--color-black)}.flow-item .ft span{font-size:13px;color:var(--fg-secondary);white-space:pre-wrap}.connect-wrap{max-width:980px;margin:0 auto}.steps{display:flex;gap:0;margin-bottom:var(--gap);border:1px solid var(--panel-border);background:var(--color-white)}.step{flex:1 1;padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-3);border-right:1px solid var(--panel-border);position:relative}.step:last-child{border-right:none}.step .sn{width:28px;height:28px;border:1.5px solid var(--color-gray-200);color:var(--fg-muted);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:14px;flex-shrink:0}.step.done .sn{background:var(--color-black);color:#fff;border-color:var(--color-black)}.step.current .sn{background:var(--acc);color:#fff;border-color:var(--acc)}.step .stext{line-height:1.3}.step .stext b{font-size:14px;font-weight:500;display:block;color:var(--color-black)}.step .stext span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.step.current .stext span{color:var(--acc)}.connect-main{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--gap);gap:var(--gap);align-items:stretch}.guide-card{background:var(--color-white);border:1px solid var(--panel-border);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}.guide-step{display:flex;gap:var(--space-4);align-items:flex-start}.guide-step .gn{font-family:var(--font-display);font-size:22px;color:var(--acc);line-height:1;width:30px;flex-shrink:0}.guide-step .gt b{display:block;font-size:16px;font-weight:500;color:var(--color-black)}.guide-step .gt span{font-size:14px;color:var(--fg-secondary);line-height:1.45}.connected-banner{display:flex;align-items:center;gap:var(--space-4);background:var(--acc);color:#fff;padding:var(--space-5) var(--space-6);margin-bottom:var(--gap)}.connected-banner .cb-ic{width:44px;height:44px;background:hsla(0,0%,100%,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0}.connected-banner b{font-family:var(--font-display);font-size:22px;text-transform:uppercase;display:block}.connected-banner span{font-size:14px;opacity:.9}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-off-white);padding:var(--space-6)}.auth-card{width:100%;max-width:400px}.form{gap:var(--space-4)}.form,.form-field{display:flex;flex-direction:column}.form-field{gap:var(--space-2)}.form-field>span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-muted)}.standalone{max-width:720px;margin:0 auto;padding:var(--space-10) var(--space-6)}.adminbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-8);background:var(--color-white);border-bottom:1px solid var(--panel-border)}.adminbar .spacer{flex:1 1}.admin-main{max-width:1000px;margin:0 auto;padding:var(--space-8) var(--space-6)}.list{flex-direction:column;gap:var(--space-3)}.list,.row{display:flex}.row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-white);border:1px solid var(--panel-border);color:inherit;transition:border-color var(--transition-fast)}a.row:hover{border-color:var(--color-black)}.row.alert{border-color:var(--acc)}.row .title{font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px;color:var(--color-black)}.row .meta{color:var(--fg-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .right{text-align:right;font-size:13px;color:var(--fg-secondary);flex-shrink:0}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:var(--space-5)}.subtle{color:var(--fg-secondary);font-size:14px}.crumb,.dim{color:var(--fg-muted)}.crumb{font-size:12px;letter-spacing:.1em;text-transform:uppercase;display:inline-block;margin-bottom:var(--space-3)}.crumb:hover{color:var(--acc)}.empty{color:var(--fg-muted);text-align:center;padding:var(--space-8)}.banner{padding:12px 14px;font-size:14px;margin-bottom:12px;border:1px solid var(--panel-border)}.banner.warn{background:#fff3ef;border-color:var(--acc);color:var(--color-orange-dark)}.stack{display:flex;flex-direction:column;gap:var(--gap)}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.cfg-grid,.dash-cols,.thread-wrap{grid-template-columns:1fr}.ctx{display:none}.connect-main{grid-template-columns:1fr}}@media (max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:60;transform:translateX(-100%);transition:transform var(--transition-normal)}.app.nav-open .sidebar{transform:translateX(0)}.app.nav-open .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:50}.menu-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:inherit;padding:4px}.topbar h1{font-size:24px}.inbox{grid-template-columns:1fr}.inbox.show-thread .conv-list,.inbox:not(.show-thread) .thread-wrap{display:none}.steps{flex-direction:column}.step{border-right:none;border-bottom:1px solid var(--panel-border)}.step:last-child{border-bottom:none}}@media (max-width:520px){.kpi-grid{grid-template-columns:1fr}.content{padding:var(--space-5)}:root{--pad:var(--space-5)}}.thread-back{display:none}@media (max-width:820px){.thread-back{display:inline-flex}}.nav-sub{padding-left:var(--space-8)}.brand-btn{background:none;border:none;padding:0;text-align:left;cursor:pointer;width:100%}@media (min-width:821px){.app.nav-collapsed{grid-template-columns:76px 1fr}.nav-collapsed .sidebar{padding-left:var(--space-3);padding-right:var(--space-3);align-items:center}.nav-collapsed .nav{width:100%}.nav-collapsed .brand-sub,.nav-collapsed .conn-text,.nav-collapsed .nav-label,.nav-collapsed .nav-text,.nav-collapsed .side-link,.nav-collapsed .user-chip .um{display:none}.nav-collapsed .nav-item{justify-content:center;padding:11px 0;gap:0;position:relative}.nav-collapsed .nav-item .badge{position:absolute;top:4px;right:8px;margin:0}.nav-collapsed .brand-btn{display:flex;justify-content:center}.nav-collapsed .conn-status,.nav-collapsed .user-chip{justify-content:center}.nav-collapsed .nav-sub{padding-left:0}.nav-collapsed .cfg-chevron{display:none}}.mobile-menu,.scrim{display:none}@media (max-width:820px){.mobile-menu{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:14px;left:12px;z-index:40;width:40px;height:40px;background:var(--color-white);border:1px solid var(--panel-border);color:var(--color-black)}.topbar{padding-left:64px}}