: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)}.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}}.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)}
