:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;--bg: #0a0d12;--panel: #12161e;--panel-strong: #181d28;--panel-soft: #1c2230;--border: rgba(255, 255, 255, .04);--text: #eef2f6;--muted: #7a8a9d;--accent: #22c55e;--accent-strong: #16a34a;--blue: #38bdf8;--amber: #f59e0b;--danger: #ef4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .55), 0 8px 20px rgba(0, 0, 0, .35);--shadow-card: 0 4px 16px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .25);--shadow-button: 0 4px 12px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-button-hover: 0 8px 24px rgba(0, 0, 0, .45), 0 4px 8px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-button-active: 0 2px 6px rgba(0, 0, 0, .4), inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3), inset 0 1px 2px rgba(0, 0, 0, .2);--shadow-float: 0 24px 80px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .35);--shadow-3d: 0 6px 0 rgba(0, 0, 0, .3), 0 8px 20px rgba(0, 0, 0, .4);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--font-xs: 11px;--font-sm: 12px;--font-md: 14px;--font-lg: 16px;--font-xl: 20px;--font-2xl: 26px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-base: 1;--z-sticky: 20;--z-dropdown: 30;--z-overlay: 40;--z-modal: 50;--z-toast: 60;--focus-ring: rgba(34, 197, 94, .45)}:root[data-theme=light]{color-scheme:light;--bg: #f2f4f8;--panel: #ffffff;--panel-strong: #f7f8fb;--panel-soft: #fafbfc;--border: rgba(0, 0, 0, .05);--text: #111827;--muted: #6b7280;--accent: #16a34a;--accent-strong: #15803d;--blue: #0284c7;--amber: #d97706;--danger: #dc2626;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .14), 0 8px 20px rgba(0, 0, 0, .06);--shadow-card: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .05);--shadow-button: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-button-hover: 0 8px 24px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .9);--shadow-button-active: 0 2px 6px rgba(0, 0, 0, .1), inset 0 2px 4px rgba(0, 0, 0, .08);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .06), inset 0 1px 2px rgba(0, 0, 0, .04);--shadow-float: 0 24px 80px rgba(0, 0, 0, .12), 0 12px 32px rgba(0, 0, 0, .08);--shadow-3d: 0 6px 0 rgba(0, 0, 0, .08), 0 8px 20px rgba(0, 0, 0, .1);--focus-ring: rgba(22, 163, 74, .5)}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-shell{width:100%;display:grid;grid-template-columns:240px 1fr;height:100vh;min-height:0;overflow:hidden}.sidebar{min-width:0;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--border);padding:16px 12px;height:100vh;min-height:0;box-shadow:4px 0 24px #00000026}.brand,.auth-brand,.topbar-title,.status-row,.icon-text,.deal-card-row,.tag,.task-row,.user-row,.usage-row{display:flex;align-items:center;gap:10px}.brand{padding:8px 8px 22px}.brand strong,.auth-brand strong,.topbar-title strong{display:block;font-size:15px;letter-spacing:-.01em}.brand span,.auth-brand span,.topbar-title span,.conversation small,.detail-meta,.task-row span,.user-row span,.section-toolbar span{color:var(--muted);font-size:12px}.nav-list{display:grid;gap:2px}.nav-list button,.icon-text{min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:var(--radius-sm);text-align:left;transition:all var(--transition)}.nav-list button.active,.nav-list button:hover,.icon-text:hover{background:var(--panel-soft);color:var(--text);box-shadow:var(--shadow-sm);transform:translate(2px)}.nav-list button.active{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);box-shadow:var(--shadow-card),inset 2px 0 0 var(--accent)}.nav-list button span,.icon-text span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{margin-top:auto;display:grid;gap:8px;padding:8px}.dot{width:8px;height:8px;border-radius:999px}.dot.online{background:var(--accent);box-shadow:0 0 6px #22c55e80}.dot.offline{background:var(--danger);box-shadow:0 0 6px #ef444480}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.topbar{display:grid;grid-template-columns:minmax(210px,300px) minmax(240px,1fr) auto;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;box-shadow:0 4px 20px #00000026}.searchbox,.field-with-icon{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--panel-soft);border-radius:var(--radius-xl);padding:0 14px;box-shadow:var(--shadow-inset);transition:all var(--transition)}.searchbox:focus-within,.field-with-icon:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--shadow-inset),0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.searchbox input,.field-with-icon input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:10px 0;font-size:14px}.topbar-actions{display:flex;gap:8px;position:relative}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);box-shadow:var(--shadow-button);transition:all var(--transition)}.icon-button:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.icon-button:active{transform:translateY(0);box-shadow:var(--shadow-button-active)}.icon-button.danger{color:var(--danger)}.notification-popover{position:absolute;top:48px;right:0;width:min(360px,calc(100vw - 28px));border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-float);z-index:50;padding:8px;display:grid;gap:6px}.notification{display:grid;gap:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--text);padding:12px;text-align:left;transition:all var(--transition)}.notification:hover{box-shadow:var(--shadow-sm)}.notification.unread{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--panel-soft))}.notification span,.notification-empty{color:var(--muted);font-size:12px}.notification-empty{padding:12px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.btn-spinner{display:inline-block;width:14px;height:14px;margin-right:var(--space-2);border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.ghost-button{min-width:0;border:1px solid transparent;background:transparent;color:var(--muted);padding:8px 14px;border-radius:var(--radius-sm);font-size:var(--font-md);font-weight:var(--font-weight-medium);transition:all var(--transition)}.ghost-button:hover{background:var(--panel-soft);color:var(--text)}.ghost-button:active{transform:translateY(1px)}.ui-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4)}.ui-card-panel{background:var(--panel-strong)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--space-3);border-radius:50%;background:var(--panel-soft);color:var(--muted)}.empty-state-title{display:block;font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--text)}.empty-state-hint{display:block;margin-top:var(--space-1);color:var(--muted);font-size:var(--font-md)}.empty-state-action{margin-top:var(--space-4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:modal-fade .18s ease}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-panel{width:100%;max-width:460px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);outline:none;overflow:hidden;animation:modal-pop .2s cubic-bezier(.4,0,.2,1)}@keyframes modal-pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:var(--font-lg);font-weight:var(--font-weight-semibold)}.modal-body{padding:var(--space-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--panel-strong)}.confirm-description{margin:0;color:var(--text);line-height:1.5}.toast-viewport{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:360px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--panel-strong);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:toast-in .22s cubic-bezier(.4,0,.2,1)}@keyframes toast-in{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--blue)}.toast-icon{margin-top:1px;color:var(--accent);flex-shrink:0}.toast-error .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--blue)}.toast-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.toast-title{font-size:var(--font-md);font-weight:var(--font-weight-semibold);color:var(--text)}.toast-description{font-size:var(--font-sm);color:var(--muted);word-break:break-word}.toast-close{border:0;background:transparent;color:var(--muted);padding:2px;border-radius:var(--radius-sm);display:flex;transition:all var(--transition);flex-shrink:0}.toast-close:hover{color:var(--text);background:var(--panel-soft)}.info-banner{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);font-size:var(--font-md)}.info-banner.compact{margin:0;padding:var(--space-2);font-size:var(--font-sm)}.content-split{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:calc(100vh - 65px)}.content-split.no-detail{grid-template-columns:minmax(0,1fr)}.pipeline-area,.page-panel,.inbox-grid,.tg-inbox{padding:20px;min-width:0}.tg-inbox{padding:0}.section-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.toolbar-actions,.row-actions{display:flex;align-items:center;gap:8px}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.2;letter-spacing:-.02em}h2{font-size:15px;margin-bottom:12px;letter-spacing:-.01em}.quick-create,.inline-form,.reply-box{display:flex;gap:8px}input,select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);padding:10px 12px;min-width:0;transition:all var(--transition);box-shadow:var(--shadow-sm)}input:focus,select:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:var(--shadow-sm),0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 100%,white 12%),var(--accent));color:#06230f;font-weight:700;padding:11px 18px;box-shadow:var(--shadow-button),0 4px color-mix(in srgb,var(--accent-strong) 60%,black);transition:all var(--transition);position:relative;overflow:hidden}.primary-button:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-strong) 100%,white 12%),var(--accent-strong));box-shadow:var(--shadow-button-hover),0 6px color-mix(in srgb,var(--accent-strong) 60%,black);transform:translateY(-2px)}.primary-button:active{transform:translateY(2px);box-shadow:var(--shadow-button-active),0 1px color-mix(in srgb,var(--accent-strong) 60%,black)}.primary-button.compact{padding:9px 12px}.secondary-button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);padding:9px 14px;box-shadow:var(--shadow-button);transition:all var(--transition)}.secondary-button:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.secondary-button:active{transform:translateY(0);box-shadow:var(--shadow-button-active)}.secondary-button.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.secondary-button.compact{padding:8px 11px}.kanban{display:grid;grid-template-columns:repeat(6,minmax(240px,1fr));gap:14px;overflow-x:auto;padding-bottom:12px}.stage-column{min-height:640px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);padding:14px;box-shadow:var(--shadow-card);transition:all var(--transition)}.stage-column.over{outline:2px solid var(--accent);box-shadow:var(--shadow-lg),0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.stage-column header{display:flex;align-items:center;justify-content:space-between}.stage-column header span{display:inline-grid;min-width:28px;height:28px;place-items:center;border-radius:999px;background:var(--panel-soft);color:var(--muted);font-size:12px;font-weight:600;box-shadow:var(--shadow-inset)}.stage-total{color:var(--muted);font-size:12px;margin:8px 0 12px}.deal-list{display:grid;gap:8px}.deal-card{display:grid;gap:9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-strong);padding:12px;box-shadow:var(--shadow-card);touch-action:none;transition:all var(--transition)}.deal-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.deal-card.selected{border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.deal-card.dragging{box-shadow:var(--shadow-xl);z-index:30;transform:rotate(2deg) scale(1.03)}.deal-card.read-only{cursor:pointer}.deal-card.read-only:hover{transform:none}.deal-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.deal-card strong{font-size:14px;line-height:1.3;letter-spacing:-.01em}.deal-card-row{color:var(--muted);font-size:12px}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag{color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent);border:1px solid color-mix(in srgb,var(--blue) 25%,transparent);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:500}.detail-panel{border-left:1px solid var(--border);background:var(--panel);padding:20px;display:grid;align-content:start;gap:14px}.detail-panel.empty{place-items:center;text-align:center;color:var(--muted)}.detail-header{display:flex;align-items:center;gap:10px}.detail-title{flex:1;font-size:19px;font-weight:700;min-width:0;width:100%;letter-spacing:-.02em}.detail-actions{display:inline-flex;align-items:center;flex-shrink:0;gap:8px}.version{color:var(--muted);font-size:12px}.detail-panel label,.auth-form label{display:grid;gap:7px;color:var(--muted);font-size:12px}.detail-panel label input,.detail-panel label select{color:var(--text);font-size:14px}.detail-meta{display:grid;gap:4px;margin-top:8px}.deal-products{display:grid;gap:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-soft);padding:12px;box-shadow:var(--shadow-lg)}.deal-products header,.deal-product-list article{display:flex;align-items:center;justify-content:space-between;gap:10px}.deal-products header span,.deal-products-empty,.deal-product-list span{color:var(--muted);font-size:12px}.deal-product-form{display:grid;grid-template-columns:minmax(0,1fr) 76px 76px auto;gap:8px}.deal-product-list{display:grid;gap:8px}.deal-product-list article{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);padding:10px;box-shadow:var(--shadow-sm);transition:all var(--transition)}.deal-product-list article:hover{box-shadow:var(--shadow-card)}.deal-product-list article div{display:grid;gap:3px;min-width:0}.deal-product-list em{color:var(--text);font-size:12px;font-style:normal;white-space:nowrap}.client-contact-section{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:12px}.client-contact-section header{display:flex;align-items:center;justify-content:space-between;gap:10px}.client-contact-section header span{color:var(--muted);font-size:12px}.client-contact-form{display:grid;gap:10px}.client-contact-form .primary-button{justify-self:start}.pipeline-chat{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-soft);display:grid;grid-template-rows:auto minmax(220px,1fr) auto auto;min-height:420px;overflow:hidden;box-shadow:var(--shadow-lg)}.pipeline-chat header{display:grid;gap:5px;padding:14px;border-bottom:1px solid var(--border)}.pipeline-chat header div{display:flex;align-items:center;gap:8px}.pipeline-chat header span,.pipeline-chat-empty{color:var(--muted);font-size:12px}.pipeline-chat-scroll{display:flex;flex-direction:column;gap:6px;padding:14px;overflow:auto;background:var(--panel-soft);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.pipeline-chat-message{max-width:80%;padding:8px 12px;border-radius:var(--radius-md);background:var(--panel);border:none;position:relative;align-self:flex-start;box-shadow:var(--shadow-sm)}.pipeline-chat-message.incoming{align-self:flex-start;border-bottom-left-radius:4px;background:var(--panel)}.pipeline-chat-message.incoming:before{content:"";position:absolute;left:-6px;bottom:0;width:12px;height:12px;background:var(--panel);clip-path:polygon(100% 0,100% 100%,0 100%)}.pipeline-chat-message.outgoing{align-self:flex-end;border-bottom-right-radius:4px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));box-shadow:var(--shadow-sm),0 2px 8px #22c55e14}.pipeline-chat-message.outgoing:after{content:"";position:absolute;right:-6px;bottom:0;width:12px;height:12px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));clip-path:polygon(0 0,100% 100%,0 100%)}.pipeline-chat-message .sender-label{font-size:12px;font-weight:600;margin-bottom:2px;display:block}.pipeline-chat-message.incoming .sender-label{color:var(--blue)}.pipeline-chat-message.outgoing .sender-label{color:var(--accent)}.pipeline-chat-message span{color:var(--muted);font-size:11px}.pipeline-chat-message time{color:var(--muted);font-size:10px;float:right;margin-left:8px;margin-top:4px;opacity:.7}.pipeline-chat-message p{margin:2px 0;line-height:1.4;overflow-wrap:anywhere;font-size:14px}.pipeline-chat-message .message-caption{font-size:13px;color:var(--muted);margin-top:4px}.pipeline-file-form,.pipeline-chat-form{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--border);background:var(--panel);align-items:center}.pipeline-file-form{flex-wrap:wrap}.pipeline-file-form input[type=text],.pipeline-chat-form input{flex:1}.attachment-product{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:color-mix(in srgb,var(--blue) 6%,var(--panel));border:1px solid color-mix(in srgb,var(--blue) 15%,var(--border));border-radius:var(--radius-md);max-width:300px;box-shadow:var(--shadow-sm)}:root[data-theme=light] .attachment-product{background:color-mix(in srgb,var(--blue) 4%,var(--panel))}.attachment-product-icon{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--blue) 12%,var(--panel));color:var(--blue);box-shadow:var(--shadow-sm)}.attachment-product-info{display:flex;flex-direction:column;gap:3px;min-width:0}.attachment-product-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.attachment-product-sku{font-size:12px;color:var(--muted)}.attachment-product-price{font-size:15px;font-weight:700;color:var(--accent);margin-top:2px}.attachment-product-desc{font-size:12px;color:var(--muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tg-product-picker{position:absolute;bottom:60px;left:12px;width:320px;max-height:400px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:50;display:flex;flex-direction:column;overflow:hidden}.tg-product-picker-header{padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px;font-weight:600}.tg-product-picker-search{padding:8px 12px}.tg-product-picker-search input{width:100%;border:none;border-radius:var(--radius-xl);background:var(--panel-soft);padding:8px 14px;font-size:13px;color:var(--text);box-shadow:var(--shadow-inset)}.tg-product-picker-list{flex:1;overflow-y:auto;max-height:320px}.tg-product-picker-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:all var(--transition);border-bottom:1px solid var(--border)}.tg-product-picker-item:last-child{border-bottom:none}.tg-product-picker-item:hover{background:var(--panel-soft)}.tg-product-picker-item-icon{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue);box-shadow:var(--shadow-sm)}.tg-product-picker-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.tg-product-picker-item-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-product-picker-item-price{font-size:12px;color:var(--accent);font-weight:600}.tg-product-picker-item-sku{font-size:11px;color:var(--muted)}.pipeline-chat-form{grid-template-columns:minmax(0,1fr) auto}.pipeline-file-picker{display:flex;align-items:center;gap:6px;min-width:0;border-radius:20px;background:var(--panel-soft);color:var(--muted);padding:7px 12px;cursor:pointer;font-size:13px;transition:all var(--transition);flex-shrink:0;box-shadow:var(--shadow-sm)}.pipeline-file-picker:hover{background:var(--panel-strong);box-shadow:var(--shadow-card)}.pipeline-file-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-file-picker input{display:none}.pipeline-attachment-list{display:grid;gap:5px;margin-top:7px}.pipeline-attachment-list a{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:var(--blue);text-decoration:none;border:1px solid color-mix(in srgb,var(--blue) 25%,transparent);border-radius:var(--radius-sm);padding:6px 8px;transition:all var(--transition);box-shadow:var(--shadow-sm)}.pipeline-attachment-list a:hover{box-shadow:var(--shadow-card)}.pipeline-attachment-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 20% 30%,rgba(34,197,94,.12),transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(56,189,248,.1),transparent 50%),var(--bg)}.auth-panel{width:min(440px,100%);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);padding:28px}.auth-brand{margin-bottom:22px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;margin-bottom:18px;box-shadow:var(--shadow-inset)}.segmented button{border:0;background:transparent;color:var(--muted);border-radius:6px;padding:9px;transition:all var(--transition)}.segmented button.selected{background:var(--panel);color:var(--text);box-shadow:var(--shadow-button)}.auth-form{display:grid;gap:14px}.error-text{color:var(--danger);font-size:13px}.inbox-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 300px;gap:0;padding:0;min-height:calc(100vh - 65px)}.conversation-list{border-right:1px solid var(--border);padding:18px;background:var(--panel);overflow:auto}.conversation-list header{margin-bottom:14px}.telegram-web-card{display:grid;gap:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-strong);padding:12px;margin-bottom:12px;box-shadow:var(--shadow-card)}.telegram-web-card div{display:flex;align-items:center;gap:8px}.telegram-verify-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.telegram-web-card label{display:grid;gap:6px;color:var(--muted);font-size:12px}.setup-hint{color:var(--muted);font-size:12px;line-height:1.35}.conversation{width:100%;display:flex;gap:10px;align-items:flex-start;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);padding:10px;text-align:left;transition:all var(--transition)}.conversation.active,.conversation:hover{border-color:var(--border);background:var(--panel-soft);box-shadow:var(--shadow-sm)}.conversation span{display:grid;gap:3px}.chat-panel{display:grid;grid-template-rows:auto 1fr auto auto;min-height:calc(100vh - 65px)}.chat-scroll{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:4px;background:var(--panel-soft);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.message{max-width:66%;padding:8px 14px;border-radius:var(--radius-md);background:var(--panel);border:none;position:relative;align-self:flex-start;box-shadow:var(--shadow-sm)}.message.incoming{align-self:flex-start;border-bottom-left-radius:4px;background:var(--panel)}.message.incoming:before{content:"";position:absolute;left:-6px;bottom:0;width:12px;height:12px;background:var(--panel);clip-path:polygon(100% 0,100% 100%,0 100%)}.message.outgoing{align-self:flex-end;border-bottom-right-radius:4px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));box-shadow:var(--shadow-sm),0 2px 8px #22c55e14}.message.outgoing:after{content:"";position:absolute;right:-6px;bottom:0;width:12px;height:12px;background:color-mix(in srgb,var(--accent) 18%,var(--panel));clip-path:polygon(0 0,100% 100%,0 100%)}.message .sender-label{font-size:12px;font-weight:600;margin-bottom:2px;display:block}.message.incoming .sender-label{color:var(--blue)}.message.outgoing .sender-label{color:var(--accent)}.message span{color:var(--muted);font-size:11px}.message time{color:var(--muted);font-size:10px;float:right;margin-left:8px;margin-top:4px;opacity:.7}.message p{margin:2px 0;line-height:1.45;font-size:14px}.message .message-caption{font-size:13px;color:var(--muted);margin-top:4px}.reply-box,.file-box{border-top:1px solid var(--border);padding:10px 12px;background:var(--panel)}.reply-box input,.file-box input{flex:1;border-radius:20px;padding:8px 14px}.file-box{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.file-picker{display:flex;align-items:center;gap:6px;min-width:0;border-radius:20px;background:var(--panel-soft);color:var(--muted);padding:7px 12px;cursor:pointer;font-size:13px;transition:all var(--transition);flex-shrink:0;box-shadow:var(--shadow-sm)}.file-picker:hover{background:var(--panel-strong);box-shadow:var(--shadow-card)}.file-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-picker input{display:none}.voice-record-button{flex-shrink:0}.voice-recorder{display:flex;align-items:center;gap:8px;padding:6px 12px;background:color-mix(in srgb,var(--danger) 12%,var(--panel));border-radius:20px;animation:pulse-recorder 1.5s ease-in-out infinite;box-shadow:var(--shadow-sm)}.voice-recorder-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:blink-dot 1s ease-in-out infinite;box-shadow:0 0 6px #ef444480}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-recorder{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 8px #ef444400}}.voice-recorder-time{font-size:13px;font-variant-numeric:tabular-nums;color:var(--danger);min-width:36px}.voice-stop-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:var(--danger);color:#fff;cursor:pointer;transition:all var(--transition);box-shadow:0 3px 8px #ef444459,inset 0 1px #fff3}.voice-stop-button:hover{background:color-mix(in srgb,var(--danger) 80%,black);box-shadow:0 5px 14px #ef444473;transform:translateY(-1px)}.reply-box{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--border)}.reply-box input{flex:1}.pipeline-chat-form{display:flex;align-items:center;gap:6px}.pipeline-chat-form input{flex:1}.tg-inbox{display:grid;grid-template-columns:340px 1fr 280px;min-height:calc(100vh - 65px)}.tg-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--panel)}.tg-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.tg-sidebar-header h1{font-size:18px;letter-spacing:-.02em}.tg-icon-btn{width:34px;height:34px;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:all var(--transition)}.tg-icon-btn:hover{background:var(--panel-soft);color:var(--text);box-shadow:var(--shadow-sm)}.tg-sidebar-search{padding:8px 14px}.tg-sidebar-search input{width:100%;border:none;border-radius:var(--radius-xl);background:var(--panel-soft);padding:9px 16px;font-size:14px;color:var(--text);box-shadow:var(--shadow-inset)}.tg-conversation-list{flex:1;overflow-y:auto}.tg-conversation{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:all var(--transition);border-bottom:1px solid var(--border)}.tg-conversation:last-child{border-bottom:none}.tg-conversation:hover{background:var(--panel-soft)}.tg-conversation.active{background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.tg-avatar{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px;box-shadow:var(--shadow-md),inset 0 2px 4px #ffffff26}.tg-avatar.small{width:40px;height:40px;min-width:40px;font-size:14px}.tg-conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.tg-conversation-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tg-conversation-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.tg-conversation-time{font-size:12px;color:var(--muted);white-space:nowrap}.tg-conversation-bottom{min-width:0}.tg-conversation-preview{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.tg-chat{display:flex;flex-direction:column;background:var(--panel-soft);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.tg-chat-header{display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:0 4px 16px #0000001f}.tg-chat-header-info{flex:1;display:flex;flex-direction:column;gap:2px}.tg-chat-header-info strong{font-size:15px;letter-spacing:-.01em}.tg-chat-header-info span{font-size:12px;color:var(--muted)}.tg-chat-header-actions{display:flex;gap:6px}.tg-ai-toggle{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border);border-radius:16px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-button)}.tg-ai-toggle.active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent);box-shadow:var(--shadow-button),0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.tg-ai-toggle:hover{color:var(--text);transform:translateY(-1px)}.tg-chat-messages{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:4px}.tg-date-separator{display:flex;justify-content:center;padding:10px 0}.tg-date-separator span{background:#00000040;color:#fff;font-size:12px;font-weight:600;padding:4px 14px;border-radius:14px;box-shadow:var(--shadow-sm)}:root[data-theme=light] .tg-date-separator span{background:#00000014;color:var(--text)}.tg-bubble{max-width:55%;padding:8px 12px 6px;border-radius:var(--radius-md);position:relative;word-wrap:break-word}.tg-bubble.in{align-self:flex-start;background:var(--panel);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.tg-bubble.in:before{content:"";position:absolute;left:-7px;bottom:0;width:14px;height:14px;background:var(--panel);clip-path:polygon(100% 0,100% 100%,0 100%)}.tg-bubble.out{align-self:flex-end;background:color-mix(in srgb,var(--accent) 20%,var(--panel));border-bottom-right-radius:4px;box-shadow:var(--shadow-sm),0 2px 8px #22c55e14}.tg-bubble.out:after{content:"";position:absolute;right:-7px;bottom:0;width:14px;height:14px;background:color-mix(in srgb,var(--accent) 20%,var(--panel));clip-path:polygon(0 0,100% 100%,0 100%)}.tg-bubble-sender{font-size:13px;font-weight:700;margin-bottom:2px}.tg-bubble-text{font-size:15px;line-height:1.35;white-space:pre-wrap}.tg-bubble-caption{font-size:13px;color:var(--muted);margin-top:4px}.tg-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;margin-top:2px}.tg-bubble-time{font-size:11px;color:var(--muted);opacity:.7}.tg-bubble-check{font-size:12px;color:var(--accent);opacity:.7}.tg-empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.tg-empty-chat-icon{opacity:.25}.tg-empty-chat strong{font-size:18px;color:var(--text);opacity:.4}.tg-empty-chat span{font-size:14px}.tg-chat-input{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -2px 8px #0000000f}.tg-attach-btn{width:40px;height:40px;min-width:40px;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:all var(--transition)}.tg-attach-btn:hover{color:var(--accent);background:var(--panel-soft)}.tg-hidden-input{display:none}.tg-input-form{flex:1;display:flex;align-items:center;gap:6px}.tg-input-field{flex:1;border:none;border-radius:var(--radius-xl);background:var(--panel-soft);padding:10px 18px;font-size:15px;color:var(--text);outline:none;box-shadow:var(--shadow-inset);transition:all var(--transition)}.tg-input-field::placeholder{color:var(--muted)}.tg-input-field:focus{background:var(--panel-strong);box-shadow:var(--shadow-inset),0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.tg-send-btn{width:40px;height:40px;min-width:40px;display:grid;place-items:center;border:none;border-radius:50%;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 100%,white 12%),var(--accent));color:#fff;cursor:pointer;transition:all var(--transition);box-shadow:0 4px 12px #22c55e59,0 2px 4px #22c55e33}.tg-send-btn:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-strong) 100%,white 12%),var(--accent-strong));box-shadow:0 6px 20px #22c55e73,0 3px 6px #22c55e40;transform:translateY(-2px)}.tg-send-btn:active{transform:translateY(1px);box-shadow:0 2px 6px #22c55e4d}.tg-send-btn.placeholder{background:transparent;color:var(--muted);cursor:default;box-shadow:none}.tg-send-btn.placeholder:hover{transform:none}.tg-file-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:color-mix(in srgb,var(--blue) 6%,var(--panel));border-top:1px solid var(--border)}.tg-file-preview-info{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text);font-size:13px}.tg-file-preview-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-file-preview-info small{color:var(--muted);white-space:nowrap}.tg-file-preview-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tg-send-file-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border:none;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 100%,white 12%),var(--accent));color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-button),0 3px color-mix(in srgb,var(--accent-strong) 60%,black)}.tg-send-file-btn:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-strong) 100%,white 12%),var(--accent-strong));box-shadow:var(--shadow-button-hover),0 5px color-mix(in srgb,var(--accent-strong) 60%,black);transform:translateY(-2px)}.tg-cancel-file-btn{width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--muted);font-size:18px;cursor:pointer;transition:all var(--transition)}.tg-cancel-file-btn:hover{background:var(--panel-soft);color:var(--danger)}.tg-lead-panel{border-left:1px solid var(--border);background:var(--panel);overflow-y:auto}.tg-lead-content{display:flex;flex-direction:column;align-items:center;padding:22px 18px;gap:14px}.tg-lead-avatar{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;box-shadow:var(--shadow-lg),inset 0 2px 6px #ffffff26}.tg-lead-name{font-size:16px;text-align:center;letter-spacing:-.01em}.tg-lead-fields{width:100%;display:flex;flex-direction:column;gap:6px}.tg-lead-fields div{display:flex;justify-content:space-between;padding:10px 12px;background:var(--panel-soft);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.tg-lead-fields span{font-size:12px;color:var(--muted)}.tg-lead-fields strong{font-size:13px}.tg-lead-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tg-lead-tag{padding:3px 10px;border-radius:12px;background:color-mix(in srgb,var(--blue) 10%,transparent);color:var(--blue);font-size:12px;font-weight:500}.tg-lead-section{width:100%;margin-top:10px}.tg-lead-section h3{font-size:13px;color:var(--muted);margin-bottom:8px;padding:0 4px}.tg-lead-msg{padding:10px 12px;border-left:2px solid var(--accent);margin-bottom:8px;background:color-mix(in srgb,var(--accent) 4%,transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.tg-lead-msg span{font-size:11px;color:var(--muted);display:block;margin-bottom:2px}.tg-lead-msg p{font-size:13px;line-height:1.35;margin:0}.tg-empty-lead{display:flex;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center;color:var(--muted);font-size:13px}.tg-delete-lead-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 14px;border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger) 6%,var(--panel));color:var(--danger);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition);margin-top:10px;box-shadow:var(--shadow-button)}.tg-delete-lead-btn:hover{background:color-mix(in srgb,var(--danger) 14%,var(--panel));box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}@media(max-width:1100px){.tg-inbox{grid-template-columns:280px 1fr}.tg-lead-panel{display:none}}@media(max-width:820px){.tg-inbox{grid-template-columns:1fr}.tg-sidebar{display:none}}.lead-card-panel{border-left:1px solid var(--border);background:var(--panel);padding:20px;display:grid;align-content:start;gap:14px}.lead-card-panel.empty{place-items:center;text-align:center;color:var(--muted)}.lead-card-panel header{display:grid;gap:4px}.lead-card-panel header span,.lead-fields span{color:var(--muted);font-size:12px}.lead-card-panel header strong{font-size:18px;line-height:1.25;letter-spacing:-.02em}.lead-fields{display:grid;gap:8px}.lead-fields div{display:grid;gap:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);padding:10px;box-shadow:var(--shadow-sm)}.internal-thread{display:grid;gap:8px}.thread-line{border-left:2px solid var(--accent);padding-left:10px}.thread-line span{color:var(--muted);font-size:11px}.thread-line p{margin-top:3px;font-size:13px;line-height:1.35}.page-panel{display:grid;align-content:start}.task-list,.product-list,.user-grid,.usage-grid,.manager-table{display:grid;gap:10px}.task-row,.product-row,.user-row,.usage-row,.metric,.chart-box,.plan{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);padding:14px;box-shadow:var(--shadow-card);transition:all var(--transition)}.task-row:hover,.product-row:hover,.user-row:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.task-row{grid-template-columns:auto 1fr auto}.product-tabs{width:min(520px,100%);margin-bottom:14px}.product-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px}.product-field-wide{grid-column:span 2}.product-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:12px;align-items:center}.product-row.inactive{opacity:.6}.product-row.archived{border-style:dashed}.product-edit-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:center;border:1px solid var(--accent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 4%,var(--panel));padding:14px;box-shadow:var(--shadow-lg),0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}.product-edit-row .row-actions,.product-form .primary-button{min-height:43px}.checkbox-row{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}.checkbox-row input{width:16px;height:16px;min-width:16px;padding:0;accent-color:var(--accent)}.product-main{display:grid;gap:6px;min-width:0}.product-main>span,.product-row time{color:var(--muted);font-size:12px}.product-meta{display:flex;flex-wrap:wrap;gap:7px}.product-meta span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.product-price{white-space:nowrap;font-weight:600;color:var(--accent)}.warehouse-section{display:grid;gap:14px}.inventory-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.inventory-summary article{display:grid;gap:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);padding:14px;box-shadow:var(--shadow-card)}.inventory-summary svg{color:var(--blue)}.inventory-summary span{color:var(--muted);font-size:12px}.inventory-summary strong{font-size:18px}.positive{color:var(--accent)}.negative{color:var(--danger)}.warehouse-table{display:grid;gap:8px;overflow-x:auto;padding-bottom:2px}.warehouse-row{display:grid;grid-template-columns:minmax(165px,1.5fr) 64px 78px 64px 64px 72px 82px 82px 92px 96px;gap:8px;align-items:center}.warehouse-head{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0;padding:0 14px}.warehouse-data-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);padding:14px;box-shadow:var(--shadow-card);transition:all var(--transition)}.warehouse-data-row:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.warehouse-data-row.inactive{opacity:.6}.warehouse-data-row.archived{border-style:dashed}.warehouse-product-cell{display:grid;gap:4px;min-width:0}.warehouse-product-cell strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warehouse-product-cell span,.warehouse-data-row>span{color:var(--muted);font-size:12px}.task-row.overdue{border-color:color-mix(in srgb,var(--danger) 50%,var(--border));background:color-mix(in srgb,var(--danger) 4%,var(--panel))}.metrics-grid,.chart-grid,.plan-grid{display:grid;gap:14px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.metric{display:grid;gap:6px}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:24px;letter-spacing:-.02em}.chart-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr)}.manager-table div,.usage-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.manager-table em,.user-row em{color:var(--muted);font-size:12px;font-style:normal}.inline-form{margin-bottom:14px}.inline-form input{min-width:220px}.user-row{grid-template-columns:auto 1fr auto}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.plan{display:grid;gap:8px}.plan.selected{border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.plan span{color:var(--muted);font-size:12px}.plan button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--text);padding:10px;box-shadow:var(--shadow-button);transition:all var(--transition)}.plan button:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.usage-row{grid-template-columns:auto minmax(160px,1fr) minmax(160px,240px)}progress{width:100%;height:10px;accent-color:var(--accent);border-radius:5px;overflow:hidden}.empty-state{color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-md);padding:24px;text-align:center;background:var(--panel-soft)}.deal-detail-page{display:grid;grid-template-rows:auto 1fr;gap:18px;min-height:calc(100vh - 65px)}.deal-detail-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.deal-detail-header h1{margin:0;font-size:22px;letter-spacing:-.02em}.deal-detail-header .back-button{color:var(--muted)}.deal-detail-header .back-button:hover{color:var(--text)}.deal-detail-body{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:18px;min-height:0}.deal-detail-info{display:grid;align-content:start;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;min-width:0;overflow:auto;box-shadow:var(--shadow-lg)}.deal-detail-info label{display:grid;gap:7px;color:var(--muted);font-size:12px}.deal-detail-info label input,.deal-detail-info label select{color:var(--text);font-size:14px}.deal-detail-chat{display:grid;min-width:0;min-height:0}.deal-detail-chat .pipeline-chat,.deal-detail-chat .tg-deal-chat{min-height:100%;border:none;border-radius:0}.tg-deal-chat{display:flex;flex-direction:column;background:var(--panel-soft);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.015'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");min-height:100%;overflow:hidden}@media(max-width:1200px){.kanban{grid-template-columns:repeat(6,240px);scroll-snap-type:x mandatory}.stage-column{scroll-snap-align:start}.content-split{grid-template-columns:1fr}.detail-panel{border-left:0;border-top:1px solid var(--border)}.deal-detail-body{grid-template-columns:1fr}.deal-detail-chat .pipeline-chat,.deal-detail-chat .tg-deal-chat{min-height:520px}.inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{height:auto;min-height:auto;border-right:0;border-bottom:1px solid var(--border)}.workspace{height:auto;overflow:visible}.nav-list{grid-template-columns:repeat(3,1fr)}.topbar,.inbox-grid,.tg-inbox,.chart-grid,.metrics-grid,.plan-grid,.inventory-summary,.product-form,.product-edit-row{grid-template-columns:1fr}.product-field-wide{grid-column:auto}.chat-panel,.inbox-grid,.tg-inbox{min-height:auto}.lead-card-panel{border-left:0;border-top:1px solid var(--border)}.file-box,.pipeline-file-form,.pipeline-chat-form,.deal-product-form,.telegram-verify-row{grid-template-columns:1fr}.message{max-width:92%}.section-toolbar,.toolbar-actions,.quick-create,.inline-form{align-items:stretch;flex-direction:column}.product-row{grid-template-columns:auto minmax(0,1fr)}.product-row .product-price,.product-row .row-actions,.product-row time{grid-column:2;justify-self:start}.warehouse-row{min-width:940px;grid-template-columns:minmax(170px,1.5fr) 64px 78px 64px 64px 72px 82px 82px 92px 96px}}.ai-settings-form{display:grid;gap:18px;max-width:900px}.ai-settings-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);padding:20px;display:grid;gap:14px;box-shadow:var(--shadow-lg)}.ai-settings-card header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin-bottom:4px;letter-spacing:-.01em}.ai-settings-card label{display:grid;gap:7px;color:var(--muted);font-size:12px}.ai-settings-card label input,.ai-settings-card label select,.ai-settings-card label textarea{color:var(--text);font-size:14px;background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;box-shadow:var(--shadow-inset)}.ai-settings-card label textarea{resize:vertical;min-height:80px}.ai-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-toggle-row span{color:var(--text);font-size:14px;font-weight:500}.ai-toggle{background:none;border:none;color:var(--muted);padding:0;cursor:pointer;transition:all var(--transition)}.ai-toggle.active{color:var(--accent)}.ai-toggle:hover{color:var(--text)}.ai-schedule-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-days-row{display:flex;gap:6px;flex-wrap:wrap}.ai-day{width:42px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--muted);font-size:13px;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-button)}.ai-day:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.ai-day.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 100%,white 12%),var(--accent));color:#fff;border-color:var(--accent);box-shadow:0 4px 14px #22c55e59,0 2px 4px #22c55e33}.ai-test-result{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-soft);padding:14px;font-size:14px;line-height:1.5;box-shadow:var(--shadow-sm)}.ai-test-result strong{color:var(--accent);display:block;margin-bottom:6px}.ai-bulk-actions{display:flex;gap:8px;margin-left:auto}.ai-bulk-actions button{font-size:12px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--text);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-button)}.ai-bulk-actions button:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.ai-conversation-list{display:grid;gap:8px}.ai-conversation-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);box-shadow:var(--shadow-sm);transition:all var(--transition)}.ai-conversation-row:hover{box-shadow:var(--shadow-card)}.ai-conversation-row span{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-save-bar{display:flex;align-items:center;gap:14px;position:sticky;bottom:0;background:var(--panel);padding:14px 0;border-top:1px solid var(--border);box-shadow:0 -6px 24px #00000026}.save-status{color:var(--accent);font-size:13px}.empty-hint{color:var(--muted);font-size:13px;text-align:center;padding:14px}.ai-indicator{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:6px;padding:3px 8px;margin-left:8px}.ai-chat-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-button)}.ai-chat-toggle:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.ai-chat-toggle.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--panel-soft));box-shadow:var(--shadow-button),0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel);box-shadow:0 4px 16px #0000001f}.chat-header strong{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telegram-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.telegram-tabs{display:flex;gap:4px;margin-bottom:12px}.telegram-tabs button{flex:1;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--muted);font-size:13px;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-button)}.telegram-tabs button.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 100%,white 12%),var(--accent));color:#fff;border-color:var(--accent);box-shadow:0 4px 14px #22c55e59,0 2px 4px #22c55e33}.telegram-tabs button:hover:not(.active){color:var(--text);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.telegram-status{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.telegram-status.tg-status-loading{background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue);border:1px solid color-mix(in srgb,var(--blue) 25%,var(--border))}.telegram-status.tg-status-success{background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border))}.telegram-status.tg-status-error{background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border))}.telegram-form{display:grid;gap:10px}.telegram-form label{display:grid;gap:5px;color:var(--muted);font-size:11px}.telegram-form label input{color:var(--text);font-size:13px;background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;box-shadow:var(--shadow-inset)}.telegram-verify-section{display:grid;gap:10px;border-top:1px solid var(--border);padding-top:12px}.telegram-actions{display:flex;gap:8px;flex-wrap:wrap}.telegram-actions .icon-text.danger{color:var(--danger)}.telegram-actions .icon-text.danger:hover{color:color-mix(in srgb,var(--danger) 80%,#fff)}.bot-list{display:grid;gap:8px;margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.bot-list strong{font-size:12px;color:var(--muted)}.bot-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);box-shadow:var(--shadow-sm)}.bot-row span{font-size:13px}.telegram-web-card .setup-hint{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--muted);margin-top:8px}.telegram-web-card .setup-hint code{background:var(--panel-soft);padding:2px 6px;border-radius:4px;font-size:10px;word-break:break-all}.tg-link{color:var(--blue);text-decoration:underline;font-size:11px}.tg-link:hover{color:var(--accent)}.telegram-credentials-readonly{display:grid;gap:6px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-soft);font-size:13px;box-shadow:var(--shadow-sm)}.telegram-credentials-readonly div{color:var(--muted)}.telegram-credentials-readonly div strong{color:var(--text)}.tg-edit-credentials{background:none;border:none;color:var(--blue);font-size:12px;cursor:pointer;text-align:left;padding:0;margin-top:4px}.tg-edit-credentials:hover{color:var(--accent);text-decoration:underline}.telegram-instruction{display:grid;gap:6px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 6%,var(--panel));margin-bottom:4px;box-shadow:var(--shadow-sm)}.telegram-instruction strong{color:var(--accent);font-size:14px}.telegram-instruction span{color:var(--muted);font-size:12px;line-height:1.4}.telegram-verify-section .icon-text{justify-self:start;font-size:12px;color:var(--muted)}.telegram-verify-section .icon-text:hover{color:var(--text)}.inbox-setup-hint{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--panel-soft);color:var(--muted);font-size:12px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.link-button{background:none;border:none;color:var(--blue);font-size:12px;cursor:pointer;padding:0;text-decoration:underline}.link-button:hover{color:var(--accent)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:18px}.integration-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);padding:18px;display:grid;gap:12px;align-content:start;box-shadow:var(--shadow-lg);transition:all var(--transition)}.integration-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.integration-card.disabled{opacity:.5;pointer-events:none}.integration-card header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.integration-card header strong{font-size:15px;letter-spacing:-.01em}.integration-card header span{color:var(--muted);font-size:12px;margin-left:auto}.integration-status{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--radius-sm);font-size:13px;box-shadow:var(--shadow-sm)}.integration-status.int-status-loading{background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue);border:1px solid color-mix(in srgb,var(--blue) 25%,var(--border))}.integration-status.int-status-success{background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border))}.integration-status.int-status-error{background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border))}.integration-tabs{display:flex;gap:4px}.integration-tabs button{flex:1;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--muted);font-size:13px;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-button)}.integration-tabs button.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 100%,white 12%),var(--accent));color:#fff;border-color:var(--accent);box-shadow:0 4px 14px #22c55e59,0 2px 4px #22c55e33}.integration-tabs button:hover:not(.active){color:var(--text);box-shadow:var(--shadow-button-hover);transform:translateY(-1px)}.integration-form{display:grid;gap:12px}.integration-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.integration-form label input{color:var(--text);font-size:14px;background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;box-shadow:var(--shadow-inset)}.step-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-sm);background:var(--panel-soft);color:var(--muted);font-size:12px;font-weight:600;border:1px solid var(--border);width:fit-content;box-shadow:var(--shadow-button)}.step-badge.active{background:color-mix(in srgb,var(--blue) 12%,var(--panel));color:var(--blue);border-color:color-mix(in srgb,var(--blue) 30%,var(--border));box-shadow:var(--shadow-button),0 0 0 2px color-mix(in srgb,var(--blue) 8%,transparent)}.step-badge.done{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:var(--shadow-button),0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.int-instruction{display:grid;gap:6px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 6%,var(--panel));box-shadow:var(--shadow-sm)}.int-instruction strong{color:var(--accent);font-size:14px}.int-instruction span{color:var(--muted);font-size:12px;line-height:1.4}.int-buttons{display:flex;gap:8px;flex-wrap:wrap}.int-connected-info{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-soft);font-size:13px;box-shadow:var(--shadow-sm)}.int-connected-info div{color:var(--muted)}.int-connected-info div strong{color:var(--text)}.int-hint{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--muted);margin-top:8px}.int-hint code{background:var(--panel-soft);padding:2px 6px;border-radius:4px;font-size:10px;word-break:break-all}.text-button{background:none;border:none;color:var(--blue);font-size:13px;cursor:pointer;padding:0;text-align:left;transition:color var(--transition)}.text-button:hover{color:var(--accent);text-decoration:underline}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--danger);font-weight:600;padding:10px 16px;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-button)}.danger-button:hover{background:color-mix(in srgb,var(--danger) 18%,var(--panel));box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.danger-button:active{transform:translateY(0);box-shadow:var(--shadow-button-active)}.int-link{color:var(--blue);text-decoration:underline;font-size:12px}.int-link:hover{color:var(--accent)}@media(max-width:820px){.integrations-grid{grid-template-columns:1fr}}.attachment-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.attachment-photo img{max-width:280px;max-height:200px;border-radius:var(--radius-sm);object-fit:cover;cursor:pointer;display:block;box-shadow:var(--shadow-card)}.attachment-photo{display:block}.attachment-photo-size{display:block;font-size:11px;color:var(--muted);margin-top:2px}.attachment-video{max-width:300px;max-height:220px;border-radius:var(--radius-sm);display:block;box-shadow:var(--shadow-card)}.attachment-audio,.attachment-voice{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00000014;border-radius:16px;max-width:280px;box-shadow:var(--shadow-sm)}:root[data-theme=light] .attachment-audio,:root[data-theme=light] .attachment-voice{background:#0000000d}.attachment-audio audio,.voice-player{flex:1;height:32px;min-width:120px}.attachment-audio-info{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.voice-icon{color:var(--accent);flex-shrink:0}.voice-duration{font-size:11px;color:var(--muted);flex-shrink:0}.attachment-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000000f;border-radius:var(--radius-md);text-decoration:none;color:var(--text);font-size:13px;transition:all var(--transition);box-shadow:var(--shadow-sm)}:root[data-theme=light] .attachment-file{background:#0000000a}.attachment-file:hover{background:#0000001a;box-shadow:var(--shadow-card)}.attachment-file small{color:var(--muted);margin-left:auto;font-size:11px}