/* Единая боковая панель ТАК (10.10.2026). Эталон — меню обычного чата (/app/):
   те же разделы, проекты с разговорами, история чатов и аккаунт внизу.
   Правила привязаны к классу .tak-shell-full, который ставит tak-shell.js, — так
   страница со своими стилями (главная, студии) не может перекроить общее меню. */
@font-face{font-family:Inter;src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.tak-shell-full{position:fixed;inset:0 auto 0 0;z-index:10;display:flex;flex-direction:column;box-sizing:border-box;width:288px;height:100vh;padding:24px 14px 14px;background:#f9f9fa;border-right:0;color:#202123;font-family:Inter,"Segoe UI",sans-serif;font-size:14px;line-height:1.4;overflow:hidden}
.tak-shell-full *,.tak-shell-full *::before,.tak-shell-full *::after{box-sizing:border-box}
.tak-shell-full a{color:inherit;text-decoration:none}
.tak-shell-full .app-brand{display:flex;align-items:center;gap:10px;height:45px;margin:0 0 16px;padding:0 8px;color:#202123;font-size:23px;font-weight:600;letter-spacing:-.8px;flex:none}
.tak-shell-full .app-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#25262a;color:#fff;font-size:13px;font-weight:600;letter-spacing:0}
.tak-shell-full .sidebar-scroll{min-height:0;flex:1;width:100%;min-width:0;margin-top:4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.tak-shell-full .sidebar-primary{display:grid;gap:4px}
.tak-shell-full .side-action,.tak-shell-full .vsk-new{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;margin:0;padding:10px 12px;border:0;border-radius:11px;background:transparent;color:#606267;font:inherit;font-size:14px;font-weight:450;text-align:left;cursor:pointer}
.tak-shell-full .vsk-new{border:1px solid #e6e6e8;color:#25262a;margin-bottom:8px}
.tak-shell-full .side-action:hover,.tak-shell-full .vsk-new:hover,.tak-shell-full .vsk-item:hover{background:#eeeef0;color:#202123}
.tak-shell-full .side-action[aria-current=page],.tak-shell-full .vsk-item[aria-current=true]{background:#ececef;color:#202123;font-weight:500}
.tak-shell-full .side-action svg,.tak-shell-full .vsk-new svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tak-shell-full .sidebar-section-row{display:flex;align-items:center;margin-top:12px}
.tak-shell-full .sidebar-section{display:flex;align-items:center;gap:6px;flex:1;min-width:0;padding:6px 4px 6px 8px;border:0;background:transparent;color:#8d8e95;font:inherit;font-size:12px;font-weight:500;text-align:left;cursor:pointer}
.tak-shell-full button.sidebar-section{width:100%}
.tak-shell-full .sidebar-section:hover{color:#202123}
.tak-shell-full .sidebar-chev{margin-left:auto;width:12px;flex:none;transition:transform .15s ease}
.tak-shell-full .sidebar-section[aria-expanded="false"] .sidebar-chev{transform:rotate(-90deg)}
.tak-shell-full .sidebar-section-add{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#74757c;font-size:18px;line-height:1;cursor:pointer}
.tak-shell-full .sidebar-section-add:hover{background:#ececef;color:#202123}
.tak-shell-full .vsk-project{position:relative;display:flex;align-items:center;min-width:0;border-radius:9px}
.tak-shell-full .vsk-project:hover{background:#ececef}
.tak-shell-full .vsk-project-main{display:flex;align-items:center;gap:6px;min-width:0;flex:1;width:100%;padding:9px 8px;border:0;background:transparent;color:#303136;font:inherit;font-size:14px;text-align:left;cursor:pointer}
.tak-shell-full .vsk-project-main .sidebar-chev{margin-left:0}
.tak-shell-full .vsk-project-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tak-shell-full .vsk-project-chats{padding-left:14px}
.tak-shell-full .vsk-list{display:grid;gap:2px;width:100%;min-width:0}
.tak-shell-full .vsk-list-group+.vsk-list-group{margin-top:13px}
.tak-shell-full .vsk-list-group-title{margin:0;padding:0 10px 4px;color:#96979e;font-size:10px;font-weight:500}
.tak-shell-full .vsk-list-group-items{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
.tak-shell-full .vsk-item{position:relative;display:flex;align-items:center;width:100%;min-width:0;padding:9px 8px 9px 10px;border:0;border-radius:9px;background:transparent;color:#52535a;font-size:14px;text-align:left}
.tak-shell-full .vsk-item-main{display:flex;min-width:0;flex:1;align-items:center;width:100%;padding:0 34px 0 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.tak-shell-full .vsk-item-row{display:flex;align-items:center;gap:7px;min-width:0;width:100%;overflow:hidden}
.tak-shell-full .vsk-item-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tak-shell-full .vsk-item-meta{position:absolute;top:0;right:10px;bottom:0;display:flex;align-items:center;gap:5px;pointer-events:none;color:#a65b20}
.tak-shell-full .vsk-item-turns{font-family:ui-monospace,Consolas,monospace;font-size:10px;opacity:.6}
.tak-shell-full .vsk-item-pin-mark svg{display:block;width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tak-shell-full .vsk-dot{width:5px;height:5px;border-radius:50%;background:#e3e3e6;flex:none}
.tak-shell-full .vsk-dot.run{background:#185fa5}
.tak-shell-full .vsk-dot.done{background:#2f8a4f}
.tak-shell-full .vsk-dot.err{background:#c2410c}
.tak-shell-full .vsk-empty-note{margin:0;padding:8px 10px;color:#9a9aa1;font-size:12px}
.tak-shell-full .sidebar-actions{display:grid;gap:2px;margin-top:14px;padding-top:10px;border-top:1px solid #eeeef0}
.tak-shell-full .sidebar-foot{display:grid;grid-template-columns:30px minmax(0,1fr) 34px;align-items:center;gap:10px;flex:none;margin-top:8px;padding:10px 6px 2px 8px;border-top:1px solid #eeeef0;color:#202123}
.tak-shell-full .avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9e9eb;color:#34353a;font-size:13px;font-weight:600}
.tak-shell-full .account-copy{min-width:0;line-height:1.25}
.tak-shell-full .account-copy span{display:block;overflow:hidden;color:#515258;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.tak-shell-full .account-copy a{color:#888991;font-size:11px}
.tak-shell-full .account-copy a:hover{color:#202123}
.tak-shell-full .account-settings{display:grid;width:34px;height:34px;padding:0;place-items:center;border:0;border-radius:9px;background:transparent;color:#74757c;cursor:pointer}
.tak-shell-full .account-settings:hover{background:#ececef;color:#202123}
.tak-shell-full .account-settings svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tak-shell-full .tak-shell-login{display:block;margin:12px 0 0;padding:10px 12px;border-radius:11px;background:#25262a;color:#fff;text-align:center;font-weight:500}

/* Узкий экран: то же меню выезжает слева по кнопке ☰ (одна логика на всех страницах). */
.tak-shell-toggle,.tak-shell-overlay{display:none}
.tak-shell-narrow .tak-shell-full{transform:translateX(-100%);z-index:40;box-shadow:12px 0 35px rgba(20,20,24,.12);visibility:hidden}
.tak-shell-narrow .tak-shell-full.tak-shell-open{transform:translateX(0);visibility:visible}
.tak-shell-narrow .tak-shell-toggle{position:fixed;top:12px;left:12px;z-index:41;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d8d8df;border-radius:10px;background:#fff;color:#202124;font-size:21px;cursor:pointer}
.tak-shell-narrow.tak-shell-menu-open .tak-shell-toggle{left:calc(288px - 54px)}
.tak-shell-narrow .tak-shell-overlay:not([hidden]){position:fixed;inset:0;z-index:39;display:block;width:100%;height:100%;border:0;background:#0006;cursor:pointer}
