:root{color-scheme:light;--bg: #f4f5f9;--surface: #ffffff;--surface-2: #f7f8fb;--surface-3: #eef0f4;--line: #e2e5ec;--line-2: #eef0f4;--line-strong: #b4bac6;--text: #14171f;--muted: #5d6475;--faint: #666e80;--accent: #2f6fde;--accent-hover: #2559b8;--accent-soft: #eaf1fd;--accent-soft-hover: #dbe7fb;--accent-ink: #2559b8;--on-accent: #ffffff;--out-bubble: #e3edfd;--focus: #2f6fde;--red: #c22f2f;--red-soft: #fdecec;--green: #17783f;--green-soft: #e5f5eb;--amber: #95590a;--amber-soft: #fff4e0;--star: #e3a008;--inverse: #171b26;--on-inverse: #ffffff;--scrim: rgba(20, 23, 31, .42);--ch-whatsapp: #15803d;--ch-telegram: #1677aa;--ch-telegram_bot: #1677aa;--ch-max: #2b59c3;--ch-max_bot: #2b59c3;--ch-vk: #3f6fa8;--ch-avito: #0a7896;--ch-cian: #1565d8;--ch-instagram: #c22a5e;--ch-widget: #0f766e;--ch-sandbox: #646c7d;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--h-sm: 30px;--h-md: 36px;--h-touch: 40px;--shadow-1: 0 1px 2px rgba(20, 23, 31, .06);--shadow-2: 0 1px 3px rgba(20, 23, 31, .1);--shadow-3: 0 8px 28px rgba(20, 23, 31, .12);--panel: var(--surface);--panel-2: var(--surface-2);--accent-2: var(--accent-hover);--dark: var(--inverse);--radius: var(--r-lg);--shadow: var(--shadow-3);font-family:var(--font);font-size:var(--fs-md);line-height:1.4;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1218;--surface: #171b23;--surface-2: #1d222c;--surface-3: #252b36;--line: #2a303c;--line-2: #232833;--line-strong: #4a5263;--text: #e6e9ef;--muted: #a3aab8;--faint: #8f97a7;--accent: #2f6fde;--accent-hover: #3b7ae6;--accent-soft: #1c2a44;--accent-soft-hover: #233456;--accent-ink: #9dbcf7;--out-bubble: #1e3150;--focus: #9dbcf7;--red: #f28b8b;--red-soft: #3a1f22;--green: #5fcf92;--green-soft: #16301f;--amber: #e3ad5a;--amber-soft: #33280f;--inverse: #e6e9ef;--on-inverse: #14171f;--scrim: rgba(0, 0, 0, .6);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 1px 3px rgba(0, 0, 0, .5);--shadow-3: 0 10px 32px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}h2{font-size:var(--fs-xl);font-weight:var(--fw-bold)}h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}a{color:var(--accent-ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}input,select,textarea{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:8px 10px;background:var(--surface);outline:none;min-width:0}input:not([type=checkbox]):not([type=radio]),select{min-height:var(--h-md)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--faint);opacity:1}textarea{resize:vertical}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--accent-soft-hover)}.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}.muted{color:var(--muted)}.small{font-size:var(--fs-xs)}.block{display:block}.red{color:var(--red)}.green{color:var(--green)}.strong{font-weight:var(--fw-semibold)}.spacer{flex:1}.row-gap{display:flex;gap:var(--sp-2);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--h-md);border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);padding:7px 14px;font-weight:var(--fw-medium);white-space:nowrap;color:var(--text);text-decoration:none}.btn:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-soft{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.btn-soft:hover:not(:disabled){background:var(--accent-soft-hover);border-color:transparent}.btn-sm{min-height:var(--h-sm);padding:4px 10px;font-size:var(--fs-sm);border-radius:8px}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:var(--h-md);height:var(--h-md);flex:none;border:0;background:transparent;border-radius:var(--r-md);font-size:var(--fs-xl);color:var(--muted)}.icon-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.icon-btn.sm{width:28px;height:28px;font-size:16px;border-radius:8px}.icon-btn.star.on{color:var(--star)}.link-btn{border:0;background:none;padding:0;color:var(--accent-ink);font-weight:var(--fw-medium)}.link-btn:hover{text-decoration:underline}.seg{display:inline-flex;background:var(--surface-3);border-radius:var(--r-md);padding:3px;gap:2px}.seg button{border:0;background:transparent;min-height:var(--h-sm);padding:4px 12px;border-radius:8px;color:var(--muted);font-weight:var(--fw-medium)}.seg button:hover:not(.on){color:var(--text)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-2)}.seg-sm button{min-height:26px;padding:3px 10px;font-size:var(--fs-sm)}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px 9px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap}.chip-red{background:var(--red-soft);color:var(--red)}.chip-green{background:var(--green-soft);color:var(--green)}.chips{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--h-sm);border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);padding:4px 12px;font-size:var(--fs-sm)}.pill:hover:not(:disabled){border-color:var(--line-strong)}.pill.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.pill.on.danger{background:var(--red-soft);border-color:var(--red);color:var(--red)}.field{display:flex;flex-direction:column;gap:var(--sp-1);flex:1;min-width:0}.field>span{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-medium)}.field-hint{font-size:var(--fs-xs);color:var(--muted)}.form-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.form-row .field{min-width:180px}.form-error{background:var(--red-soft);color:var(--red);border-radius:8px;padding:8px 10px;font-size:var(--fs-sm)}.check{display:flex;gap:10px;align-items:flex-start}.check input{margin-top:3px;width:16px;height:16px;flex:none}.block-label{font-size:11px;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:var(--sp-1)}.section-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:var(--sp-1) 0 10px}.accent-text{color:var(--accent-ink);font-weight:var(--fw-medium)}.done-note{color:var(--green);font-weight:var(--fw-medium);font-size:var(--fs-sm)}.quote{border-left:3px solid var(--line-strong);padding:8px 12px;background:var(--surface-2);border-radius:0 8px 8px 0;display:grid;gap:var(--sp-1)}.quote p{font-style:italic}.quote-red{border-left-color:var(--red)}.quote-green{border-left-color:var(--green)}.deep{background:var(--accent-soft);color:var(--text);border-radius:var(--r-lg);padding:12px 14px;border-left:3px solid var(--accent)}.deep-label{font-size:11px;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:6px}.deep ul{margin:0;padding:0 0 0 18px;display:grid;gap:6px}.deep li::marker{color:var(--accent-ink)}.spinner-wrap{display:flex;align-items:center;justify-content:center;gap:10px;padding:var(--sp-8) var(--sp-4)}.spinner{display:inline-block;width:18px;height:18px;border-radius:50%;flex:none;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite;vertical-align:middle}.spinner.inline{width:14px;height:14px;margin-left:6px}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);text-align:center;padding:40px 20px;color:var(--muted);height:100%;max-width:420px;margin:0 auto}.empty-title{color:var(--text);font-weight:var(--fw-semibold);font-size:var(--fs-lg)}.ch-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 5px;border-radius:var(--r-sm);color:#fff;font-size:10px;font-weight:var(--fw-bold);letter-spacing:.02em;flex:none}.avatar{position:relative;display:inline-grid;place-items:center;border-radius:50%;flex:none;font-weight:var(--fw-semibold);letter-spacing:.02em;-webkit-user-select:none;user-select:none}.avatar-ch{position:absolute;right:-2px;bottom:-2px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;border:2px solid var(--surface);color:#fff;font-size:9px;font-weight:var(--fw-bold);display:grid;place-items:center;line-height:1}.avatar-ch.dot{min-width:10px;width:10px;height:10px;padding:0;right:-1px;bottom:-1px}.toasts{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:grid;gap:var(--sp-2);z-index:100;width:max-content;max-width:calc(100vw - 32px)}.toast{background:var(--inverse);color:var(--on-inverse);padding:10px 16px;border-radius:var(--r-md);box-shadow:var(--shadow-3);animation:pop .15s ease-out}.toast-error{background:var(--red);color:#fff}:root[data-theme=dark] .toast-error{background:#b42b2b}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion: reduce){.toast,.modal{animation:none}.spinner{animation-duration:2s}}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:grid;place-items:center;padding:var(--sp-4);z-index:50}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-3);width:100%;max-width:460px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;animation:pop .15s ease-out;outline:none}.modal-wide{max-width:640px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:18px 20px 10px}.modal-body{padding:var(--sp-1) 20px 20px;overflow:auto}.boot{height:100%;display:flex;flex-direction:column;gap:var(--sp-3);align-items:center;justify-content:center;color:var(--muted);padding:var(--sp-4);text-align:center}.logo{display:block;flex:none}.logo-bg{fill:var(--accent)}.logo-fg{fill:#fff}.logo-fg-2{fill:#fff;opacity:.6}.auth{min-height:100%;display:grid;place-items:center;padding:var(--sp-6) var(--sp-4)}.auth-shell{width:100%;max-width:820px;display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);background:var(--surface);border-radius:18px;box-shadow:var(--shadow-3);overflow:hidden}.auth-card{padding:var(--sp-8) 28px 28px;display:grid;gap:14px;align-content:start}.auth-logo{display:flex;align-items:center;gap:10px;font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--muted)}.auth-title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-top:var(--sp-2)}.auth-lead{color:var(--muted);margin-top:-6px}.auth-pass{position:relative;display:flex}.auth-pass input{flex:1;padding-right:76px}.auth-pass .link-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:var(--fs-sm);padding:6px 8px;border-radius:8px}.auth-switch{text-align:center;color:var(--muted);font-size:var(--fs-sm)}.auth-note{font-size:var(--fs-xs);color:var(--muted);text-align:center}.auth-side{background:var(--surface-2);border-left:1px solid var(--line);padding:var(--sp-8) 28px;display:grid;gap:var(--sp-4);align-content:center}.auth-side h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.auth-points{list-style:none;margin:0;padding:0;display:grid;gap:14px}.auth-points li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.auth-points b{display:block;font-weight:var(--fw-semibold)}.auth-points div>span{color:var(--muted);font-size:var(--fs-sm)}.auth-num{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-size:var(--fs-sm);font-weight:var(--fw-bold)}.auth-seg{width:100%}.auth-seg button{flex:1}.app{display:grid;grid-template-rows:56px minmax(0,1fr);height:100dvh}.top{display:flex;align-items:center;gap:14px;padding:0 var(--sp-4);background:var(--surface);border-bottom:1px solid var(--line);min-width:0}.logo-btn{border:0;background:none;padding:0;display:flex;border-radius:9px}.conn-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);padding:4px 11px;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}.conn-chip:hover{border-color:var(--line-strong);color:var(--text)}.conn-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.conn-chip.ok .dot{background:var(--green)}.conn-chip.warn .dot{background:var(--star)}.tabs{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.tabs button{border:0;background:transparent;min-height:32px;padding:6px 12px;border-radius:8px;color:var(--muted);font-weight:var(--fw-medium);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.tabs button:hover{background:var(--surface-3);color:var(--text)}.tabs button.on{background:var(--accent-soft);color:var(--accent-ink)}.tab-badge{background:var(--red);color:#fff;border-radius:var(--r-pill);font-size:11px;font-weight:var(--fw-bold);padding:0 6px;line-height:17px}:root[data-theme=dark] .tab-badge{background:#b42b2b}.top-right{display:flex;align-items:center;gap:10px}.offline-chip{background:var(--amber-soft);color:var(--amber);border-radius:var(--r-pill);padding:3px 10px;font-size:var(--fs-xs);font-weight:var(--fw-medium)}.connect-plus{display:none;font-size:var(--fs-xl);line-height:1}.user-menu{position:relative}.avatar-btn{border:0;background:none;padding:0;border-radius:50%;display:flex}.menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-3);min-width:210px;padding:6px;z-index:40;display:grid}.menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--line-2);margin-bottom:var(--sp-1)}.menu button{border:0;background:none;text-align:left;min-height:var(--h-md);padding:8px 10px;border-radius:8px}.menu button:hover{background:var(--surface-3)}.main{min-height:0;overflow:hidden}.convs{display:grid;grid-template-columns:340px minmax(0,1fr);height:100%}.convs.info-open{grid-template-columns:340px minmax(0,1fr) 300px}.conv-list{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.conv-list-head{padding:12px 12px 8px;display:grid;gap:10px;border-bottom:1px solid var(--line-2)}.search{position:relative}.search input{width:100%;padding-left:32px;background:var(--surface-2);border-color:var(--line)}.search input:focus{background:var(--surface);border-color:var(--accent)}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:16px;pointer-events:none}.conv-rows{overflow-y:auto;flex:1;padding:var(--sp-1) 6px}.conv-row{display:flex;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:10px 8px;border-radius:var(--r-md);align-items:flex-start}.conv-row:hover{background:var(--surface-2)}.conv-row.active{background:var(--accent-soft)}.conv-main{flex:1;min-width:0;display:grid;gap:2px}.conv-line{display:flex;align-items:center;gap:6px;min-width:0}.conv-title{font-weight:var(--fw-semibold);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-tag{font-size:10px;font-weight:var(--fw-semibold);color:var(--muted);background:var(--surface-3);border-radius:var(--r-xs);padding:1px 5px;margin-left:6px;vertical-align:1px}.conv-time{font-size:var(--fs-xs);color:var(--faint);flex:none}.conv-preview{flex:1;min-width:0;color:var(--muted);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you{color:var(--faint)}.fav-star{color:var(--star);font-size:var(--fs-xs)}.unread{background:var(--accent);color:var(--on-accent);border-radius:var(--r-pill);font-size:11px;font-weight:var(--fw-bold);min-width:19px;height:19px;padding:0 6px;display:grid;place-items:center;flex:none}.wait-us{color:var(--red);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.conv-chat{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.conv-info{background:var(--surface);border-left:1px solid var(--line);overflow-y:auto;min-height:0}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line);min-width:0;flex-wrap:wrap}.chat-head-main{flex:1;min-width:120px}.chat-title{font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-sub{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm)}.feed{flex:1;overflow-y:auto;padding:var(--sp-4) 18px var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1);min-height:0}.feed-empty{margin:auto}.day-sep{display:flex;justify-content:center;margin:var(--sp-3) 0 6px}.day-sep span{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:var(--fs-xs);padding:2px 10px;border-radius:var(--r-pill)}.sys-msg{align-self:center;color:var(--muted);font-size:var(--fs-xs);padding:var(--sp-1) 10px;text-align:center}.msg{display:flex}.msg.out{justify-content:flex-end}.bubble{max-width:min(560px,78%);background:var(--surface);border-radius:14px;padding:8px 12px 6px;box-shadow:var(--shadow-1);display:grid;gap:var(--sp-1);min-width:0}.msg.in .bubble{border-bottom-left-radius:var(--r-xs)}.msg.out .bubble{background:var(--out-bubble);border-bottom-right-radius:var(--r-xs)}.msg.failed .bubble{box-shadow:inset 0 0 0 1px var(--red)}.sender{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--accent-ink)}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere}.msg.deleted .msg-text{text-decoration:line-through;color:var(--muted)}.deleted-note{font-size:var(--fs-xs);color:var(--red)}.msg-meta{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--faint)}.from-phone{color:var(--amber)}.st{letter-spacing:-2px;margin-right:2px}.st-read{color:var(--accent-ink)}.st-fail{color:var(--red);font-weight:var(--fw-bold);letter-spacing:0}.att-img img{display:block;max-width:100%;max-height:320px;border-radius:var(--r-md)}.att-audio{display:grid;gap:var(--sp-1)}.att-audio audio{width:260px;max-width:100%;height:36px}.att-video{max-width:100%;max-height:320px;border-radius:var(--r-md)}.transcript{font-size:var(--fs-sm);color:var(--muted);background:var(--surface-2);border-radius:8px;padding:var(--sp-1) 8px}.att-doc{display:flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px}.att-doc:hover{border-color:var(--accent)}.att-doc-icon{font-size:20px}.att-doc-name{font-weight:var(--fw-medium);overflow-wrap:anywhere}.att-missing{font-size:var(--fs-sm);color:var(--muted);font-style:italic}.task-inline-list{padding:0 14px;display:grid;gap:6px}.task-inline{display:flex;align-items:flex-start;gap:10px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-md);padding:8px 12px;cursor:default;font-size:var(--fs-sm)}.task-inline.overdue{border-left-color:var(--red)}.task-inline input{margin-top:2px;width:16px;height:16px;flex:none;cursor:pointer}.task-inline-main{flex:1;min-width:0}.task-inline-main .small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.task-inline-more{padding-left:var(--sp-1)}.composer{position:relative;padding:8px 14px 12px;display:grid;gap:var(--sp-2)}.ai-row{display:flex;gap:6px;flex-wrap:wrap}.compose-row{display:flex;align-items:flex-end;gap:6px;background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;padding:5px 6px}.compose-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.compose-row textarea{flex:1;border:0;box-shadow:none;resize:none;padding:7px 4px;max-height:180px;background:transparent;line-height:1.4}.compose-row textarea:focus{box-shadow:none}.send-btn{width:var(--h-md);height:var(--h-md);border-radius:50%;border:0;background:var(--accent);color:var(--on-accent);font-size:var(--fs-lg);flex:none;display:grid;place-items:center}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.send-btn:disabled{background:var(--surface-3);color:var(--faint);opacity:1}.suggest-card{position:absolute;left:14px;right:14px;bottom:calc(100% - 4px);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-3);padding:12px 14px;display:grid;gap:var(--sp-2);z-index:5;max-height:60vh;overflow:auto}.suggest-head{display:flex;align-items:center;gap:var(--sp-2)}.suggest-head b{flex:1;color:var(--accent-ink)}.suggest-nav{display:inline-flex;align-items:center;gap:2px}.suggest-loading{display:flex;align-items:center;gap:10px;color:var(--muted);padding:6px 0}.suggest-row{display:grid;grid-template-columns:70px 1fr;gap:var(--sp-2);font-size:var(--fs-sm)}.suggest-label{color:var(--faint);font-weight:var(--fw-semibold);font-size:var(--fs-xs)}.suggest-text{background:var(--accent-soft);border-radius:var(--r-md);padding:10px 12px;white-space:pre-wrap}.suggest-actions{display:flex;gap:var(--sp-2)}.proof-bar{display:flex;align-items:center;gap:10px;background:var(--green-soft);color:var(--green);border-radius:var(--r-md);padding:6px 6px 6px 12px;font-size:var(--fs-sm)}.proof-bar>span{flex:1;min-width:0}.client{padding:var(--sp-4);display:grid;gap:var(--sp-4)}.client-back{justify-self:start}.client-head{display:grid;justify-items:center;gap:6px;text-align:center}.client-name{font-weight:var(--fw-semibold);font-size:16px;overflow-wrap:anywhere}.client-sub{display:flex;gap:var(--sp-2);align-items:center;color:var(--muted);font-size:var(--fs-sm)}.client-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.tile{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-md);padding:10px;display:grid;gap:2px}.tile b{font-size:var(--fs-lg)}.tile span{font-size:var(--fs-xs);color:var(--muted)}.tile-red{background:var(--red-soft);border-color:transparent}.tile-red b{color:var(--red)}.client-block select,.note{width:100%}.note-actions{display:flex;gap:6px;margin-top:6px}.client-foot{text-align:center}.review{display:grid;gap:var(--sp-3)}.review-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;display:grid;gap:6px}.review-next{border-color:var(--accent);background:var(--accent-soft)}.review-next-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:2px}.review-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.review-empty{display:grid;gap:var(--sp-3);justify-items:start;padding:var(--sp-2) 0}.kind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.kind-tile{display:grid;justify-items:center;gap:6px;text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4) 10px}.kind-tile:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.kind-icon{width:40px;height:40px;border-radius:var(--r-lg);display:grid;place-items:center;color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-sm);background:var(--kind-color, var(--ch-sandbox))}.channel-list{display:grid;gap:6px}.channel-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px;flex-wrap:wrap}.channel-main{flex:1;min-width:140px;display:grid}.status{font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--r-pill);padding:2px 9px;background:var(--surface-3);color:var(--muted);white-space:nowrap}.status.st-ok{background:var(--green-soft);color:var(--green)}.status.st-wait{background:var(--amber-soft);color:var(--amber)}.status.st-bad{background:var(--red-soft);color:var(--red)}.connect-setup{display:grid;gap:14px;justify-items:start}.connect-setup>*{width:100%}.connect-setup>.link-btn{width:auto}.setup{display:grid;gap:14px}.setup-head{display:flex;align-items:center;gap:var(--sp-2)}.setup-ok{display:grid;justify-items:center;gap:10px;text-align:center;padding:10px 0}.big-check{width:52px;height:52px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:26px}.qr-wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.qr-box{width:220px;height:220px;border:1px solid var(--line);border-radius:var(--r-lg);display:grid;place-items:center;background:#fff;flex:none}.qr-box img{width:200px;height:200px;image-rendering:pixelated}.steps{margin:0;padding-left:20px;display:grid;gap:6px;flex:1;min-width:200px}.pair-code-wrap{display:grid;gap:var(--sp-3);justify-items:start}.pair-code{font-size:30px;font-weight:var(--fw-bold);letter-spacing:.18em;font-family:var(--mono);background:var(--accent-soft);color:var(--accent-ink);padding:8px 16px;border-radius:var(--r-md)}.inline-form{display:grid;gap:var(--sp-3)}.inline-form .btn{justify-self:start}.page{height:100%;overflow-y:auto;padding:20px var(--sp-6) 40px;max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-4)}.page-wide{max-width:1180px}.page>.seg{align-self:flex-start}.page-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.page-head .seg{margin-left:auto;align-self:center}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;display:grid}.stat b{font-size:26px;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:var(--fs-sm)}.stat-red b{color:var(--red)}.task-group{display:grid;gap:var(--sp-2)}.task-group .section-title{margin-bottom:2px}.task-card{display:flex;gap:var(--sp-3);align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;cursor:pointer}.task-card:hover{border-color:var(--line-strong)}.task-card.overdue{border-left:3px solid var(--red)}.task-card.done{opacity:.65}.task-card.done .task-title{text-decoration:line-through}.task-check{display:grid;place-items:center;padding:10px;margin:-6px -6px -10px -10px;cursor:pointer}.task-check input{width:18px;height:18px;cursor:pointer;margin:0}.task-body{flex:1;min-width:0;display:grid;gap:var(--sp-1)}.task-top{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.task-title{font-weight:var(--fw-medium)}.period-seg{align-self:flex-start}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;display:grid;gap:2px;align-content:start}.kpi-label{color:var(--muted);font-size:var(--fs-sm)}.kpi-value{font-size:var(--fs-3xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.kpi-value.green{color:var(--text)}.kpi-note{font-size:var(--fs-xs);color:var(--muted)}.dash-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--sp-3)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.table th{text-align:left;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--faint);padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:8px;border-bottom:1px solid var(--line-2);white-space:nowrap}.table tr:last-child td{border-bottom:0}.cell-user{display:inline-flex;align-items:center;gap:var(--sp-2)}.bars{display:grid;gap:var(--sp-3)}.bar-row{display:grid}.bar-label{display:flex;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-sm);margin-bottom:var(--sp-1)}.bar-track{height:8px;background:var(--surface-3);border-radius:var(--r-xs);overflow:hidden}.bar-fill{height:100%;border-radius:var(--r-xs);min-width:4px;width:var(--w, 0);background:var(--bar-color, var(--accent));transition:width .4s ease-out}.voices{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.voice{display:grid;gap:var(--sp-1);text-align:left;border:0;border-left:3px solid var(--line-strong);background:var(--surface-2);border-radius:0 var(--r-md) var(--r-md) 0;padding:10px 12px;align-content:start}.voice:hover{background:var(--surface-3)}.voice.quote-red{border-left-color:var(--red)}.voice.quote-green{border-left-color:var(--green)}.voice-kind{font-size:11px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}.voice-quote{font-style:italic}.att-chips{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.att-chip{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);padding:5px 14px;font-weight:var(--fw-medium)}.att-chip:hover{border-color:var(--line-strong)}.att-chip b{margin-left:var(--sp-1)}.att-chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.att-chip.danger.on{background:var(--red-soft);border-color:var(--red);color:var(--red)}.att-waiting{margin-left:auto}.att-hint{margin-top:-6px}.att-list{display:grid;gap:var(--sp-2)}.att-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.att-row.open{border-color:var(--line-strong)}.att-main{display:grid;grid-template-columns:auto minmax(120px,200px) auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);padding:10px 14px}.att-who{display:grid;min-width:0}.att-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-silent{color:var(--red);font-weight:var(--fw-semibold);font-size:var(--fs-sm);white-space:nowrap}.att-summary{font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.att-actions{display:flex;gap:6px}.att-detail{border-top:1px solid var(--line-2);padding:12px 14px 14px;display:grid;gap:10px}.settings-form{display:grid;gap:14px}.settings-form fieldset{border:0;padding:0;margin:0;display:grid;gap:14px;min-width:0}.settings-form .btn{justify-self:start}.days{display:flex;gap:6px;flex-wrap:wrap}.day{width:42px;height:var(--h-md);border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;color:var(--muted)}.day.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.user-list{display:grid}.user-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-2)}.user-row:last-child{border-bottom:0}.user-main{flex:1;display:grid;min-width:0}.add-user{display:grid;gap:var(--sp-3);border-top:1px solid var(--line);margin-top:10px;padding-top:14px}@media (max-width: 1180px){.convs.info-open{grid-template-columns:300px minmax(0,1fr) 280px}.convs{grid-template-columns:300px minmax(0,1fr)}.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 899px){.top{gap:var(--sp-2);padding:0 10px}.conn-chip{display:none}.tabs button{padding:6px 9px}.connect-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.connect-plus{display:inline}.connect-btn{width:var(--h-touch);height:var(--h-touch);padding:0;border-radius:50%}.offline-chip{display:none}.convs,.convs.info-open{grid-template-columns:minmax(0,1fr)}.conv-chat,.conv-info,.convs.has-chat .conv-list{display:none}.convs.has-chat .conv-chat{display:flex}.convs.mobile-info .conv-chat{display:none}.convs.mobile-info .conv-info{display:block;border-left:0}.logo-btn{display:none}.chat-head{padding:8px 10px;gap:6px}.review-btn{width:var(--h-touch);padding:0}.review-btn-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.feed{padding:12px 10px 6px}.bubble{max-width:88%}.composer{padding:6px 8px calc(10px + env(safe-area-inset-bottom,0px))}.task-inline-list{padding:0 8px}.suggest-card{left:8px;right:8px}.page{padding:var(--sp-4) var(--sp-4) var(--sp-8)}.page-head .seg{margin-left:0}.stat-row{gap:6px}.stat{padding:10px 12px}.stat b{font-size:var(--fs-2xl)}.dash-grid{grid-template-columns:minmax(0,1fr)}.kind-grid{grid-template-columns:1fr}.kind-tile{grid-template-columns:auto 1fr;justify-items:start;text-align:left;align-items:center;padding:10px 12px}.kind-tile .kind-icon{grid-row:span 2}.att-main{grid-template-columns:auto minmax(0,1fr) auto}.att-summary{grid-column:1 / -1;white-space:normal}.att-actions{grid-column:1 / -1}.att-waiting{margin-left:0;width:100%}.user-main{flex-basis:calc(100% - 60px)}.user-main .small{overflow-wrap:anywhere}.auth{align-items:start;padding:var(--sp-6) var(--sp-4)}.auth-shell{grid-template-columns:minmax(0,1fr);max-width:420px}.auth-card{padding:var(--sp-6) 20px}.auth-side{border-left:0;border-top:1px solid var(--line);padding:20px}}@media (max-width: 899px),(pointer: coarse){input:not([type=checkbox]):not([type=radio]),select{min-height:44px;font-size:16px}.compose-row textarea{font-size:16px}.btn,.btn-sm{min-height:var(--h-touch)}.icon-btn,.icon-btn.sm,.send-btn{width:var(--h-touch);height:var(--h-touch)}.seg button,.seg-sm button{min-height:36px}.tabs button,.pill,.att-chip{min-height:var(--h-touch)}.day{height:var(--h-touch);width:var(--h-touch)}.menu button{min-height:44px}.avatar-btn{padding:3px}.proof-bar .link-btn,.auth-pass .link-btn{min-height:var(--h-touch)}.task-check{padding:11px;margin:-8px -6px -11px -11px}.task-inline{padding:10px 12px}.task-inline input{width:20px;height:20px}.check input{width:20px;height:20px;margin-top:0}}@media (max-width: 520px){.kpi-row{grid-template-columns:1fr 1fr}.kpi-value{font-size:var(--fs-2xl)}.modal-back{padding:0;align-items:end}.modal{max-width:none;border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px)}}.write-first-btn{justify-self:start}.spam-bar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin:8px 14px 0;padding:8px 12px;border-radius:var(--r-md);background:var(--amber-soft);color:var(--text);font-size:var(--fs-sm)}.spam-bar>span{flex:1;min-width:0}.start-channels{display:flex;flex-wrap:wrap;gap:6px}.start-channels .btn{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}.start-channels .btn.on{border-color:var(--accent);background:var(--accent-soft)}.pw-show{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--muted)}@media (max-width: 899px){.spam-bar{margin:6px 8px 0}.spam-bar .btn,.write-first-btn,.start-channels .btn,.pw-show{min-height:var(--h-touch)}}:root{--demo-bg: #1d2433;--demo-ink: #f2f4f8;--demo-muted: #b9c0cf;--demo-btn: rgba(255, 255, 255, .12);--demo-btn-hover: rgba(255, 255, 255, .2)}:root[data-theme=dark]{--demo-bg: #26304a;--demo-ink: #e6e9ef;--demo-muted: #b3bbcc;--demo-btn: rgba(255, 255, 255, .1);--demo-btn-hover: rgba(255, 255, 255, .18)}.app.has-demo{grid-template-rows:auto 56px minmax(0,1fr)}.demo-bar{display:flex;align-items:center;gap:10px;min-height:32px;padding:0 var(--sp-4);background:var(--demo-bg);color:var(--demo-ink);font-size:var(--fs-xs);min-width:0}.demo-bar-badge{flex:none;background:var(--accent);color:var(--on-accent);border-radius:var(--r-pill);padding:1px 8px;font-size:11px;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase}.demo-bar-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-bar-short{display:none}.demo-bar-left{color:var(--demo-muted)}.demo-bar-actions{display:flex;gap:6px;flex:none}.demo-bar-btn{border:0;background:transparent;color:var(--demo-ink);border-radius:var(--r-pill);min-height:24px;padding:2px 10px;font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap}.demo-bar-btn:hover:not(:disabled){background:var(--demo-btn)}.demo-bar-btn.strong{background:var(--demo-btn)}.demo-bar-btn.strong:hover:not(:disabled){background:var(--demo-btn-hover)}.demo-bar-btn:focus-visible{outline-color:var(--demo-ink)}.switch-track{position:relative;display:inline-block;width:30px;height:18px;flex:none;border-radius:var(--r-pill);background:var(--line-strong);transition:background .15s ease-out}.switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-2);transition:transform .15s ease-out}.demo-switch.on .switch-track,.switch-track.on{background:var(--accent)}.demo-switch.on .switch-knob,.switch-track.on .switch-knob{transform:translate(12px)}.demo-switch{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:32px;padding:4px 12px 4px 8px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--muted);white-space:nowrap}.demo-switch:hover:not(:disabled){border-color:var(--line-strong);color:var(--text)}.demo-switch.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}.menu button.menu-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.menu-note{display:block;font-size:var(--fs-xs);color:var(--muted);font-weight:400}.menu-hint{padding:0 10px 8px;max-width:260px;font-size:var(--fs-xs);color:var(--muted)}.menu{min-width:240px}.demo-note{background:var(--accent-soft);color:var(--text);border-radius:var(--r-md);padding:10px 14px;font-size:var(--fs-sm);border-left:3px solid var(--accent)}.auth-demo{display:grid;gap:10px}.auth-or{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:var(--fs-xs)}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}.btn-demo{min-height:44px;background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);font-weight:var(--fw-semibold);gap:10px}.btn-demo:hover:not(:disabled){background:var(--accent-soft-hover);border-color:var(--accent)}.btn-demo-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:9px;padding-left:2px}.confirm{display:grid;gap:var(--sp-4)}.confirm-text{color:var(--muted)}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red);border-color:var(--red);filter:brightness(.92)}:root[data-theme=dark] .btn-danger{background:#b42b2b;border-color:#b42b2b}.btn-danger-text{color:var(--red)}.row-center{align-items:center}.nowrap{white-space:nowrap}.full-row{flex-basis:100%}.field-narrow{flex:0 1 220px}.chat-sub-narrow{min-width:0;overflow:hidden}.connect-btn{position:relative}.connect-dot{position:absolute;right:-1px;top:-1px;width:10px;height:10px;border-radius:50%;background:var(--red);border:2px solid var(--surface)}.users-off-toggle{margin-top:var(--sp-2)}.user-row-admin{flex-wrap:wrap}.user-row.off{opacity:.6}.user-edit-form{flex-basis:100%;display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.user-edit-form input{flex:1 1 220px}.task-edit{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:flex-end;margin-top:6px;cursor:default}.stat-btn{text-align:left;color:inherit;font:inherit;transition:border-color .12s,background .12s}.stat-btn:hover{border-color:var(--line-strong)}.stat-btn.on{border-color:var(--accent);background:var(--accent-soft)}.stat-btn.on span{color:var(--accent-ink)}.task-top b{min-width:0;overflow-wrap:anywhere}.speed-bar{margin-top:10px;display:grid;gap:6px}.speed-track{display:flex;gap:2px;height:8px;border-radius:var(--r-pill);overflow:hidden;background:var(--surface-3)}.speed-seg{width:var(--w, 0);min-width:3px;height:100%}.speed-legend{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:var(--fs-xs);color:var(--muted)}.speed-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.speed-legend b{color:var(--text);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.speed-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.sp-fast{background:var(--green)}.sp-ok{background:var(--accent)}.sp-slow{background:var(--amber)}.sp-late{background:var(--red)}.bar-name{display:inline-flex;align-items:center;gap:6px;min-width:0;font-weight:var(--fw-medium)}.bar-dot{width:8px;height:8px;border-radius:50%;background:var(--bar-color, var(--accent));flex:none}.bar-num{color:var(--text);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.bar-track{height:10px;border-radius:var(--r-pill)}.bar-fill{border-radius:var(--r-pill)}.table .num{text-align:right}.table tbody tr:hover td{background:var(--surface-2)}.cell-user-name{max-width:220px;overflow:hidden;text-overflow:ellipsis}.kpi{min-height:108px}.kpi-value{line-height:1.15;margin:2px 0}.voice{transition:background .12s}.voice-quote{overflow-wrap:anywhere}.spinner-wrap.skel-list,.spinner-wrap.skel-feed,.spinner-wrap.skel-cards{display:grid;justify-content:stretch;align-items:start;align-content:start;padding:0;gap:0}.skel{display:block;border-radius:var(--r-xs);background:linear-gradient(90deg,var(--surface-3) 0%,var(--surface-2) 40%,var(--surface-3) 80%);background-size:300% 100%;animation:skel 1.4s ease-in-out infinite}@keyframes skel{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-avatar{width:42px;height:42px;border-radius:50%;flex:none}.skel-avatar.sm{width:28px;height:28px}.skel-lines{flex:1;display:grid;gap:8px;min-width:0}.skel-line{height:12px;width:100%}.skel-thin{height:9px}.skel-big{height:26px}.skel-bar{height:10px;border-radius:var(--r-pill)}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.skel-list{padding:var(--sp-1) 0}.skel-row{display:flex;gap:10px;align-items:center;padding:10px 8px}.skel-feed{height:100%;grid-template-rows:auto 1fr}.skel-feed-head{display:flex;gap:10px;align-items:center;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line)}.skel-feed-head .skel-avatar{width:38px;height:38px}.skel-feed-body{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:var(--sp-4) 18px}.skel-bubble{height:38px;border-radius:14px}.skel-bubble.in{align-self:flex-start;border-bottom-left-radius:var(--r-xs)}.skel-bubble.out{align-self:flex-end;border-bottom-right-radius:var(--r-xs)}.spinner-wrap.skel-cards{gap:var(--sp-3)}.skel-card{display:flex;gap:var(--sp-3);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px}.skel-kpi{gap:10px}.skel-panel{display:grid;gap:14px;align-content:start;min-height:180px}@media (prefers-reduced-motion: reduce){.skel{animation:none}}.msg.fresh .bubble{animation:msg-in .24s cubic-bezier(.2,.8,.2,1)}.msg.out.fresh .bubble{transform-origin:bottom right}.msg.in.fresh .bubble{transform-origin:bottom left}.sys-msg.fresh{animation:pop .2s ease-out}@keyframes msg-in{0%{opacity:0;transform:translateY(8px) scale(.97)}}@media (prefers-reduced-motion: reduce){.msg.fresh .bubble,.sys-msg.fresh{animation:none}}.task-top{flex-wrap:nowrap}.task-who{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--sp-2)}.task-who b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.task-who .small{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta{display:flex;align-items:center;gap:var(--sp-2);flex:none}.task-group>.task-card{min-width:0}.task-body{grid-template-columns:minmax(0,1fr)}.task-body>*{min-width:0;overflow-wrap:anywhere}.table th{white-space:normal;vertical-align:bottom;line-height:1.25}.table th.num{min-width:64px}@media (max-width: 899px){.task-top{flex-wrap:wrap;row-gap:6px}.task-who{flex-direction:column;align-items:stretch;gap:0;flex-basis:calc(100% - 84px)}.task-meta{order:3;flex-basis:100%;padding-left:36px;flex-wrap:wrap}}@media (max-width: 899px){.demo-switch{display:none}.demo-bar{padding:0 10px;gap:var(--sp-2)}.demo-bar-long{display:none}.demo-bar-short{display:inline}.skel-feed-body{padding:12px 10px}}.lbl-short{display:none}@media (max-width: 520px){.demo-bar-left,.demo-bar .lbl-long{display:none}.demo-bar .lbl-short{display:inline}}@media (max-width: 899px),(pointer: coarse){.demo-bar{min-height:40px}.demo-bar-btn{min-height:32px;padding:4px 10px}.menu button.menu-switch{min-height:52px}}