:root{--mv-green: #00C853;--mv-green-dark: #00A844;--mv-green-light: #00E676;--mv-green-dim: rgba(0, 200, 83, .12);--mv-green-border: rgba(0, 200, 83, .25);--bg-base: #0A0A0B;--bg-sidebar: #0F0F11;--bg-card: #161618;--bg-elevated: #1C1C1F;--bg-hover: #222225;--bg-input: #1A1A1D;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #F5F5F7;--text-secondary: #A0A0A8;--text-tertiary: #6B6B73;--text-muted: #4A4A52;--border-subtle: #1E1E22;--border-default: #2A2A2E;--border-strong: #3A3A40;--sla-normal: #00C853;--sla-attention: #FFB300;--sla-late: #FF6D00;--sla-critical: #FF1744;--status-active: #00C853;--status-pending: #FFB300;--status-lost: #FF1744;--status-info: #2196F3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--t-fast: .12s ease;--t-normal: .2s ease;--t-slow: .3s ease;--sidebar-w: 248px;--sidebar-w-collapsed: 64px}[data-theme=light]{--bg-base: #F7F7F8;--bg-sidebar: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #F2F2F4;--bg-hover: #EAEAED;--bg-input: #F5F5F7;--bg-overlay: rgba(0, 0, 0, .3);--text-primary: #1A1A1C;--text-secondary: #5C5C66;--text-tertiary: #8E8E98;--text-muted: #B0B0BA;--border-subtle: #ECECEF;--border-default: #DDDDE2;--border-strong: #CCCDD4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-base);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;outline:none}a{color:inherit;text-decoration:none}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:4px}.gap-4{gap:8px}.gap-6{gap:12px}.gap-8{gap:16px}.gap-12{gap:24px}.flex-1{flex:1}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-right{text-align:right}.relative{position:relative}.absolute{position:absolute}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:22px}.text-3xl{font-size:28px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-green{color:var(--mv-green)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-sm);font-size:13px;font-weight:500;transition:all var(--t-fast);white-space:nowrap}.btn-primary{background:var(--mv-green);color:#000}.btn-primary:hover{background:var(--mv-green-dark)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);padding:6px 10px}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);color:var(--text-secondary);transition:all var(--t-fast)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.active{background:var(--mv-green-dim);color:var(--mv-green)}.btn-sm{padding:4px 10px;font-size:12px}.input{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);padding:7px 12px;border-radius:var(--r-sm);font-size:13px;width:100%;transition:border-color var(--t-fast)}.input:focus{border-color:var(--mv-green)}.input::placeholder{color:var(--text-muted)}.select{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);padding:7px 12px;border-radius:var(--r-sm);font-size:13px;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-green{background:var(--mv-green-dim);color:var(--mv-green)}.badge-yellow{background:#ffb3001f;color:var(--sla-attention)}.badge-orange{background:#ff6d001f;color:var(--sla-late)}.badge-red{background:#ff17441f;color:var(--sla-critical)}.badge-blue{background:#2196f31f;color:var(--status-info)}.badge-gray{background:var(--bg-elevated);color:var(--text-secondary)}.tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-xs);font-size:11px;font-weight:500;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--t-fast)}.modal{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);max-height:85vh;overflow-y:auto;animation:slideUp var(--t-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-md{width:36px;height:36px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:16px}.sla-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sla-dot.normal{background:var(--sla-normal)}.sla-dot.attention{background:var(--sla-attention)}.sla-dot.late{background:var(--sla-late)}.sla-dot.critical{background:var(--sla-critical)}.divider{height:1px;background:var(--border-subtle);width:100%}.divider-v{width:1px;background:var(--border-subtle);height:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s infinite}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.scroll-area{overflow-y:auto;overflow-x:hidden}.crm-toast-stack{position:fixed;right:18px;bottom:18px;z-index:5000;width:min(370px,calc(100vw - 28px));display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.crm-toast{--toast-accent:var(--mv-green);position:relative;display:flex;align-items:stretch;overflow:hidden;background:color-mix(in srgb,var(--bg-card) 94%,transparent);border:1px solid var(--border-default);border-left:4px solid var(--toast-accent);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;animation:crmToastIn .28s cubic-bezier(.2,.9,.25,1)}.crm-toast-novo_lead{--toast-accent:var(--mv-green)}.crm-toast-cliente_respondeu{--toast-accent:var(--sla-attention)}.crm-toast-lead_voltou_adm{--toast-accent:var(--sla-critical)}.crm-toast-aguardando_distribuicao{--toast-accent:var(--sla-late)}.crm-toast-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:11px;min-width:0;flex:1;padding:13px 36px 13px 13px}.crm-toast-main:hover{background:var(--bg-hover)}.crm-toast-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;color:var(--toast-accent);background:color-mix(in srgb,var(--toast-accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--toast-accent) 28%,transparent)}.crm-toast-copy{display:grid;gap:3px;min-width:0}.crm-toast-copy strong{font-size:12.5px;font-weight:700;line-height:1.35;color:var(--text-primary)}.crm-toast-copy small{font-size:11px;line-height:1.35;color:var(--text-secondary)}.crm-toast-close{position:absolute;right:8px;top:8px;width:24px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--text-tertiary);display:grid;place-items:center;cursor:pointer}.crm-toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.crm-toast-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--toast-accent);transform-origin:left;animation:crmToastProgress 7s linear forwards;opacity:.8}@keyframes crmToastIn{0%{opacity:0;transform:translate(115%)}to{opacity:1;transform:translate(0)}}@keyframes crmToastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:600px){.crm-toast-stack{right:10px;bottom:10px;width:calc(100vw - 20px)}}@media (prefers-reduced-motion:reduce){.crm-toast,.crm-toast-progress{animation:none}}.crm-mobile-menu-button,.crm-atendimentos-back,.crm-mobile-shade,.crm-sidebar-mobile-close,.crm-sidebar-mobile-role{display:none}@media (max-width: 768px){html,body,#root{width:100%;height:100%;height:100dvh;max-width:100%;overflow:hidden}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.crm-app-shell{height:100dvh!important;min-height:100dvh!important;width:100vw!important}.crm-app-content{width:100%!important;min-width:0!important}.crm-app-main{min-width:0!important}.crm-sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:6002!important;width:min(84vw,310px)!important;max-width:310px!important;transform:translate(-105%);transition:transform .22s ease!important;box-shadow:0 20px 60px #00000073}.crm-sidebar.crm-sidebar-mobile-open{transform:translate(0)}.crm-sidebar nav{overflow-y:auto;-webkit-overflow-scrolling:touch}.crm-sidebar>div:last-child{display:none!important}.crm-mobile-shade{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6001;border:0;background:#00000094;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.crm-topbar{height:54px!important;padding:0 10px!important;gap:6px!important;position:relative;z-index:40}.crm-topbar-title{display:flex;align-items:center;gap:8px;min-width:0}.crm-topbar-title h1{font-size:14px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-mobile-menu-button{display:flex!important;flex:0 0 36px;width:36px!important;height:36px!important}.crm-topbar-actions{gap:4px!important;min-width:0}.crm-topbar-search,.crm-topbar-test-badge,.crm-topbar-test-button{display:none!important}.crm-topbar-newlead{width:34px!important;height:34px!important;padding:0!important;justify-content:center!important;font-size:0!important}.crm-topbar-newlead svg{width:17px;height:17px}.crm-topbar .btn-icon{width:34px;height:34px}input,select,textarea{font-size:16px!important}.modal-overlay{padding:10px!important;align-items:flex-end!important}.modal{width:100%!important;max-width:100%!important;max-height:88dvh!important;border-radius:16px 16px 8px 8px!important}.crm-toast-stack{right:8px!important;left:8px!important;bottom:8px!important;width:auto!important}.crm-atendimentos{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important}.crm-atendimentos-list{width:100%!important;flex:0 0 100%!important;min-width:100%!important;border-right:0!important}.crm-atendimentos-chat{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;min-width:100%!important;transform:translate(100%);transition:transform .2s ease;z-index:20}.crm-atendimentos-mobile-chat .crm-atendimentos-chat{transform:translate(0)}.crm-atendimentos-mobile-chat .crm-atendimentos-list{visibility:hidden}.crm-atendimentos-back{display:flex!important;flex:0 0 34px;width:34px!important;height:34px!important}.crm-atendimentos-chat-head{height:auto!important;min-height:58px!important;padding:7px 8px!important;gap:6px!important}.crm-atendimentos-chat-head>div:first-child{min-width:0!important;flex:1!important}.crm-atendimentos-chat-head>div:first-child>div:last-child{min-width:0!important}.crm-atendimentos-chat-head>div:first-child>div:last-child>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw}.crm-atendimentos-chat-head>div:last-child{gap:2px!important;overflow-x:auto!important;max-width:45vw!important;padding-bottom:2px}.crm-atendimentos-chat-head>div:last-child .divider-v{display:none!important}.crm-atendimentos-chat-head .badge{flex:0 0 auto;font-size:9px!important;padding:2px 5px!important}.crm-atendimentos-panel{position:absolute!important;right:0;top:0;bottom:0;z-index:35;width:min(90vw,340px)!important;max-width:340px!important;flex:none!important;box-shadow:-12px 0 35px #00000059}.crm-atendimentos .scroll-area{overscroll-behavior:contain}.crm-atendimentos-chat>.scroll-area{padding:12px 10px!important}.crm-atendimentos-chat img,.crm-atendimentos-chat video{max-width:min(78vw,320px)!important}.crm-atendimentos-chat audio{max-width:72vw!important}.card{max-width:100%}table{max-width:none}.scroll-area{-webkit-overflow-scrolling:touch}}@media (max-width: 1024px){html.crm-pwa-mobile,html.crm-pwa-mobile body,html.crm-pwa-mobile #root{width:100%;height:100%;height:100dvh;max-width:100%;overflow:hidden}html.crm-pwa-mobile body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}html.crm-pwa-mobile .crm-app-shell{height:100dvh!important;min-height:100dvh!important;width:100vw!important}html.crm-pwa-mobile .crm-app-content{width:100%!important;min-width:0!important}html.crm-pwa-mobile .crm-app-main{min-width:0!important}html.crm-pwa-mobile .crm-sidebar{position:fixed!important;left:0;top:0;bottom:0;z-index:6002!important;width:min(86vw,320px)!important;max-width:320px!important;transform:translate(-105%);transition:transform .2s ease!important;box-shadow:18px 0 48px #0000006b;padding-top:env(safe-area-inset-top)}html.crm-pwa-mobile .crm-sidebar.crm-sidebar-mobile-open{transform:translate(0)}html.crm-pwa-mobile .crm-sidebar nav{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 10px!important}html.crm-pwa-mobile .crm-sidebar nav button{min-height:44px!important;border-radius:10px!important;padding:8px 12px!important;font-size:13px!important}html.crm-pwa-mobile .crm-sidebar>div:last-child{display:none!important}html.crm-pwa-mobile .crm-sidebar-brand{height:64px!important;padding:0 52px 0 16px!important;position:relative}html.crm-pwa-mobile .crm-sidebar-mobile-close{display:flex!important;position:absolute!important;right:12px;top:14px;width:36px!important;height:36px!important;background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important}html.crm-pwa-mobile .crm-sidebar-mobile-role{display:inline-flex!important;margin-left:auto;padding:3px 7px;border-radius:999px;background:var(--mv-green-dim);color:var(--mv-green);font-size:9px;font-weight:700;white-space:nowrap}html.crm-pwa-mobile .crm-mobile-shade{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6001;border:0;background:#00000094;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html.crm-pwa-mobile .crm-topbar{height:calc(54px + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 10px 0!important;gap:6px!important;position:relative;z-index:40}html.crm-pwa-mobile .crm-topbar-title{display:flex;align-items:center;gap:8px;min-width:0}html.crm-pwa-mobile .crm-topbar-title h1{font-size:14px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.crm-pwa-mobile .crm-mobile-menu-button{display:flex!important;flex:0 0 38px;width:38px!important;height:38px!important;background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important}html.crm-pwa-mobile .crm-topbar-actions{gap:3px!important;min-width:0}html.crm-pwa-mobile .crm-topbar-search,html.crm-pwa-mobile .crm-topbar-test-badge,html.crm-pwa-mobile .crm-topbar-test-button{display:none!important}html.crm-pwa-mobile .crm-topbar-newlead{width:36px!important;height:36px!important;padding:0!important;justify-content:center!important;font-size:0!important}html.crm-pwa-mobile .crm-topbar-newlead svg{width:17px;height:17px}html.crm-pwa-mobile .crm-topbar .btn-icon{width:36px;height:36px}}@media (max-width: 768px){.crm-sidebar{padding-top:env(safe-area-inset-top)}.crm-sidebar-brand{height:64px!important;padding:0 52px 0 16px!important;position:relative}.crm-sidebar-mobile-close{display:flex!important;position:absolute!important;right:12px;top:14px;width:36px!important;height:36px!important;background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important}.crm-sidebar-mobile-role{display:inline-flex!important;margin-left:auto;padding:3px 7px;border-radius:999px;background:var(--mv-green-dim);color:var(--mv-green);font-size:9px;font-weight:700;white-space:nowrap}.crm-sidebar nav{padding:12px 10px!important}.crm-sidebar nav button{min-height:44px!important;border-radius:10px!important;padding:8px 12px!important;font-size:13px!important}.crm-topbar{height:calc(54px + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 10px 0!important}.crm-mobile-menu-button{background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important}}
