:root{--blue-50: #f5f9ff;--blue-100: #e5efff;--blue-300: #8fbbff;--blue-500: #0f6fff;--blue-700: #0a55cc;--navy-900: #0e1c33;--ink-900: #0e1524;--ink-700: #3a4457;--grey-500: #8a94a8;--line-200: #e1e6f0;--surface-50: #f1f4f9;--white: #ffffff;--success: #12a85a;--warning: #f0a02a;--danger: #e23b3b;--metro: #ec4899;--radius-field: 12px;--radius-card: 24px;--radius-section: 32px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(14, 21, 36, .06);--shadow-md: 0 8px 24px rgba(14, 21, 36, .09);--shadow-lg: 0 18px 48px rgba(14, 21, 36, .16);--shadow-focus: 0 0 0 4px #cfe1ff;--font-sans: "Onest", system-ui, -apple-system, sans-serif;--font-heading: "Unbounded", system-ui, -apple-system, sans-serif;--font-body: "Manrope", system-ui, -apple-system, sans-serif;--font-chat: "Onest", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--surface-50);color:var(--ink-900)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}button,input{font-family:inherit}.chat-scope{font-family:var(--font-chat)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:13px 26px;border:none;border-radius:var(--radius-pill);font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-700)}.btn-secondary{background:var(--surface-50);color:var(--ink-900);border:1px solid var(--line-200)}.btn-secondary:hover:not(:disabled){background:var(--line-200)}.btn-ghost{height:auto;background:transparent;color:var(--blue-500);padding:8px 12px;border-radius:var(--radius-field)}.btn-ghost:hover:not(:disabled){background:var(--blue-50)}.btn-sm{height:40px;padding:9px 18px;font-size:14px}.input{width:100%;font-size:15px;color:var(--ink-900);border:1px solid var(--line-200);border-radius:var(--radius-field);background:#fff;padding:13px 16px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--grey-500)}.input:focus{border-color:var(--blue-500);box-shadow:var(--shadow-focus)}.input.has-error{border-color:var(--danger)}.field-label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--ink-700)}.field-helper{font-size:11px;color:var(--grey-500);font-weight:400}.field-error{font-size:13px;color:var(--danger)}.card{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:none;border-radius:50%;background:var(--blue-500);color:#fff;cursor:pointer;transition:background .15s ease}.icon-btn:hover{background:var(--blue-700)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e152473;display:flex;align-items:center;justify-content:center;z-index:100}.modal-panel{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-lg);width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto;padding:24px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;color:#fff;white-space:nowrap}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--line-200);color:var(--ink-900);font-size:13px;font-weight:600}.tab-btn{border:none;background:transparent;padding:8px 16px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;color:var(--ink-700);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.tab-btn:hover{background:var(--blue-50)}.tab-btn.active{background:var(--blue-100);color:var(--blue-700)}.status-select{border:none;border-radius:var(--radius-pill);padding:6px 12px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;flex-shrink:0}.list-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:none;background:#fff;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--line-200)}.list-item:hover{background:var(--blue-50)}.list-item.active{background:var(--blue-100)}.clients-row:hover{background:var(--blue-50)}.bubble{max-width:70%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.45;white-space:pre-wrap}.bubble-out{background:var(--blue-500);color:#fff;border-bottom-right-radius:4px}.bubble-in{background:#fff;color:var(--ink-900);border:1px solid var(--line-200);border-bottom-left-radius:4px}.message-bubble-actions{display:flex;align-items:flex-end;gap:4px;padding-bottom:4px;opacity:0;transition:opacity .12s ease}.message-bubble-row:hover .message-bubble-actions,.message-bubble-actions:focus-within{opacity:1}.message-bubble-action-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:var(--surface-50);color:var(--grey-500);cursor:pointer;flex-shrink:0}.message-bubble-action-btn:hover{background:var(--line-200);color:var(--ink-900)}.page-pad{padding:24px 60px}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line-200);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;padding:8px 4px 6px;color:var(--grey-500);font-size:10px;font-weight:600;cursor:pointer;text-decoration:none}.bottom-nav-item.active{color:var(--blue-500)}.kanban-column{width:260px}@media (max-width: 1023px){.top-bar-operator-name,.top-bar-action-label{display:none}.top-bar-action{padding:8px!important;width:40px;justify-content:center}}@media (max-width: 767px){.bottom-nav{display:flex}.top-bar-tabs{display:none!important}.app-content{padding-bottom:58px}.inbox-grid{grid-template-columns:1fr!important}.inbox-sidebar.has-active,.inbox-chat-pane{display:none!important}.inbox-chat-pane.has-active{display:flex!important}.chat-back-btn{display:inline-flex!important}.form-row-2col{grid-template-columns:1fr!important}.page-pad{padding:16px!important}.crm-subnav{padding-left:16px!important;padding-right:16px!important}.kanban-board{scroll-snap-type:x mandatory}.kanban-column{width:calc(100vw - 64px);scroll-snap-align:start}.clients-desktop-table{display:none!important}.clients-card-row{display:flex!important}.modal-panel{padding:20px;width:100%}h2{font-size:19px!important}.widgets-catalog-layout{flex-direction:column!important}.widgets-catalog-sidebar{width:100%!important;position:static!important}}.chat-back-btn{display:none}.clients-card-row{display:none;flex-direction:column;gap:8px;width:100%;text-align:left;border:none;background:#fff;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--line-200)}@keyframes widget-step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.widget-step{animation:widget-step-in .55s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--step-delay, 0s)}@keyframes widget-step-line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.widget-step-line{transform-origin:left;animation:widget-step-line-in .5s ease-out both;animation-delay:var(--step-delay, 0s)}@keyframes widget-step-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.widget-step-pulse{animation:widget-step-pulse 1.6s ease-in-out infinite;animation-delay:1.4s}@media (prefers-reduced-motion: reduce){.widget-step,.widget-step-line,.widget-step-pulse{animation:none!important}}@keyframes widget-panel-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.widget-panel-in{animation:widget-panel-in .5s cubic-bezier(.16,1,.3,1) both}.widget-demo-overlay{opacity:0;pointer-events:none;transition:opacity .2s ease}.widget-demo-overlay.open{opacity:1;pointer-events:auto}.widget-demo-overlay .widget-demo-card{transform:scale(.96);transition:transform .2s ease}.widget-demo-overlay.open .widget-demo-card{transform:scale(1)}@media (prefers-reduced-motion: reduce){.widget-panel-in{animation:none!important}.widget-demo-overlay,.widget-demo-overlay .widget-demo-card{transition:none!important}}
