:root{--canvas:#f1f3f2;--canvas-strong:#e8ecea;--surface:#ffffff;--surface-soft:#f7f9f8;--surface-dark:#151a18;--surface-dark-2:#202724;--ink:#121715;--ink-soft:#2d3732;--muted:#69756f;--muted-2:#8d9792;--line:#dce2df;--line-strong:#c9d2cd;--green:#15965b;--green-dark:#0d6f42;--green-soft:#e5f7ed;--green-line:#afe2c6;--blue:#377cf0;--blue-soft:#e9f1ff;--violet:#765bd8;--violet-soft:#f0ecff;--amber:#d68a12;--amber-soft:#fff2d7;--coral:#dc5b52;--coral-soft:#ffe9e6;--pink:#e34e8b;--messenger:#2f7eea;--shadow-sm:0 1px 2px rgba(18,23,21,0.05);--shadow:0 12px 32px rgba(18,23,21,0.07);--shadow-menu:0 18px 48px rgba(18,23,21,0.18);--radius:8px;--sidebar:248px;--mobile-nav:72px}*{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;letter-spacing:0}button,input,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,input,textarea{outline:none}.appSelectButton:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px rgba(21,150,91,.18)}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}.app{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);width:100%}.app,.sidebar{height:100dvh;min-height:0;overflow:hidden}.sidebar{background:var(--surface-dark);border-right:1px solid rgba(255,255,255,.08);color:white;display:flex;flex-direction:column;gap:22px;padding:20px 16px;position:relative;z-index:50}.brand,.loginBrand{align-items:center;display:flex;gap:11px;min-width:0}.brandLogo{background:#fff;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,.18);flex:0 0 44px;height:44px;object-fit:cover;width:44px}.brand span,.brand strong{display:block}.brand strong{font-size:17px;font-weight:780;line-height:1.1;white-space:nowrap}.brand span{color:rgba(255,255,255,.58);font-size:12px;margin-top:4px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.mobileLogout{display:none}.navItem{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:rgba(255,255,255,.66);display:flex;font-weight:650;gap:11px;min-height:43px;padding:0 12px;text-align:left;transition:background .14s ease,border-color .14s ease,color .14s ease;width:100%}.navItem:hover{background:rgba(255,255,255,.06);color:white}.navItem.active{background:#2a332f;border-color:rgba(255,255,255,.08);color:white}.navItem.active svg{color:#7ee3aa}.companyBox{background:var(--surface-dark-2);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);display:grid;grid-gap:8px;gap:8px;margin-top:auto;min-width:0;padding:12px}.companyBox>span{color:rgba(255,255,255,.52);font-size:10px;font-weight:800;text-transform:uppercase}.companyBox .appSelectButton{background:white;border-color:transparent;color:var(--ink);min-height:40px}.companyBox .appSelectMenu{bottom:calc(100% + 6px);margin:0;top:auto}.lockedCompany{align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);display:grid;grid-gap:2px 9px;gap:2px 9px;grid-template-columns:auto 1fr;min-height:52px;padding:8px 10px}.lockedCompany svg{grid-row:1/span 2}.lockedCompany small{color:rgba(255,255,255,.55)}.secondaryButton,.sidebarPower{align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);display:flex;font-weight:720;gap:8px;justify-content:center;min-height:40px;padding:0 10px;width:100%}.sidebarPower{background:rgba(255,255,255,.08);color:rgba(255,255,255,.78)}.sidebarPower.on{background:#dff5e8;border-color:#dff5e8;color:var(--green-dark)}.secondaryButton{background:#edf5f0;border-color:#edf5f0;color:var(--ink)}.secondaryButton.ghost{background:rgba(255,255,255,.08);border-color:transparent;color:rgba(255,255,255,.72)}.workspace{height:100dvh;min-height:0;min-width:0;overflow-y:auto;padding:20px 24px 28px;scrollbar-gutter:stable}.workspace-bandeja{overflow:hidden;padding:14px}.topbar{align-items:flex-end;display:flex;gap:20px;justify-content:space-between;margin:0 auto 16px;max-width:1720px}.composerHeader>span,.eyebrow,.panelHeader span,.sectionTitle>span,.settingsCardHeader>span,.settingsHero>div>span,.statChartHeader span{color:var(--muted);display:block;font-size:10px;font-weight:820;text-transform:uppercase}.topbar h1{font-size:30px;font-weight:790;line-height:1.05;margin-top:4px}.sessionLine{color:var(--muted);font-size:13px;margin-top:5px}.topbarActions{align-items:flex-end;display:flex;gap:10px}.companySwitcher{color:var(--muted);display:grid;font-size:10px;font-weight:780;grid-gap:5px;gap:5px;min-width:250px;text-transform:uppercase}.powerButton,.sessionBadge{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);display:flex;font-weight:760;gap:8px;min-height:46px;padding:0 15px}.powerButton.on,.sessionBadge{background:var(--green-soft);border-color:var(--green-line);color:var(--green-dark)}.adminGrid,.metricsGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto 16px;max-width:1720px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-height:132px;overflow:hidden;padding:18px;position:relative}.metric:before{background:var(--green);content:"";height:5px;left:0;position:absolute;top:0;width:52px}.metric:nth-child(2):before{background:var(--blue)}.metric:nth-child(3):before{background:var(--amber)}.metric:nth-child(4):before{background:var(--violet)}.metric>span{color:var(--muted);display:block;font-size:11px;font-weight:800;text-transform:uppercase}.metric strong{display:block;font-size:30px;font-weight:790;line-height:1;margin-top:14px;overflow-wrap:anywhere}.metric p{color:var(--muted);font-size:12px;line-height:1.35;margin-top:8px}.appSelect{min-width:0;position:relative;width:100%}.appSelectButton{align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);display:flex;font-weight:690;gap:10px;justify-content:space-between;min-height:44px;padding:0 13px;text-align:left;width:100%}.appSelectButton:hover{border-color:#aebbb4}.appSelect.open .appSelectButton{border-color:var(--green);box-shadow:0 0 0 3px rgba(21,150,91,.12)}.appSelect.open .appSelectButton svg{transform:rotate(180deg)}.appSelectButton svg{color:var(--muted);flex:0 0 auto;transition:transform .14s ease}.appSelectMenu{background:var(--surface-dark);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:var(--shadow-menu);display:grid;grid-gap:3px;gap:3px;left:0;margin-top:6px;min-width:100%;overflow:hidden;padding:5px;position:absolute;right:0;top:100%;z-index:1000}.appSelectOption{align-items:center;background:transparent;border:0;border-radius:5px;color:rgba(255,255,255,.72);display:flex;gap:18px;justify-content:space-between;min-height:38px;padding:0 10px;text-align:left;white-space:nowrap;width:100%}.appSelectOption.selected,.appSelectOption:hover{background:rgba(255,255,255,.1);color:white}.appSelectOption.selected svg{color:#78e2a7}.appSelect.compact .appSelectButton{min-height:36px;padding:0 10px}input,textarea{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--ink);min-width:0;transition:border-color .14s ease,box-shadow .14s ease;width:100%}input{min-height:44px;padding:0 13px}textarea{min-height:110px;padding:12px 13px;resize:vertical}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(21,150,91,.12)}input::placeholder,textarea::placeholder{color:#a2aba6}.mainGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(300px,350px) minmax(0,1fr);height:calc(100dvh - 28px);margin:0 auto;max-width:1720px;min-height:0;min-width:0}.chatPanel,.conversationList,.leadPanel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-height:0;min-width:0}.conversationList{height:100%;overflow-y:auto;scrollbar-color:#c5cec9 transparent;scrollbar-width:thin}.panelHeader{align-items:center;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:66px;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.panelHeader strong{display:block;font-size:18px;font-weight:760;margin-top:3px}.channelRow{align-items:center;background:rgba(247,249,248,.97);border-bottom:1px solid var(--line);display:flex;gap:6px;min-height:54px;overflow-x:auto;padding:10px 14px;position:-webkit-sticky;position:sticky;top:66px;z-index:4}.channel{background:#edf2f7;border:1px solid #d8e1e9;border-radius:999px;color:var(--muted);font-size:12px;font-weight:720;padding:6px 10px;white-space:nowrap}.channel.on{background:var(--blue-soft);border-color:#c5d8fa;color:#245fbe}.conversation{background:var(--surface);border:0;border-bottom:1px solid var(--line);color:var(--ink);display:block;min-height:126px;padding:15px 16px;position:relative;text-align:left;transition:background .14s ease;width:100%}.conversation:before{background:transparent;bottom:10px;content:"";left:0;position:absolute;top:10px;width:3px}.conversation:hover{background:var(--surface-soft)}.conversation.active{background:#f1f8f4}.conversation.active:before{background:var(--green)}.conversationTop{align-items:center;display:flex;gap:12px;justify-content:space-between}.conversationTop strong{font-size:15px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationTop small{color:var(--muted);flex:0 0 auto;font-size:11px}.handle{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:7px;margin-top:8px;min-width:0}.handle>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation p{color:var(--ink-soft);display:-webkit-box;font-size:12px;line-height:1.4;margin-top:9px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.status{border-radius:999px;display:inline-flex;font-size:10px;font-weight:760;margin-top:9px;padding:5px 8px}.status.posible-cliente{background:var(--amber-soft);color:#95600b}.status.cliente-nuevo{background:var(--blue-soft);color:#2763bd}.status.cliente{background:var(--green-soft);color:var(--green-dark)}.status.en-espera-por-equipo{background:var(--coral-soft);color:#a43c35}.sourceBadge{border:1px solid;border-radius:999px;flex:0 0 auto;font-size:11px;font-weight:750;gap:5px;min-height:26px;padding:3px 8px 3px 4px;white-space:nowrap}.channelIcon,.sourceBadge{align-items:center;display:inline-flex}.channelIcon{border-radius:50%;color:white;flex:0 0 19px;height:19px;justify-content:center;width:19px}.channelIcon svg{height:13px;width:13px}.sourceBadge.whatsapp{background:#effaf4;border-color:#bce8cf;color:#28583e}.channelIcon.whatsapp{background:#20b66c}.sourceBadge.instagram{background:#fff0f6;border-color:#f7c1d8;color:#7b3452}.channelIcon.instagram{background:var(--pink)}.sourceBadge.messenger{background:#edf5ff;border-color:#c5dafb;color:#2b568e}.channelIcon.messenger{background:var(--messenger)}.chatPanel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;overflow:hidden}.chatHeader{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);display:grid;grid-gap:14px 18px;gap:14px 18px;grid-template-columns:minmax(210px,1fr) auto;min-height:104px;padding:15px 18px;position:relative;z-index:12}.mobileBackButton{display:none}.chatIdentity{min-width:0}.chatIdentity h2{font-size:24px;font-weight:790;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatIdentity p{align-items:center;color:var(--muted);display:flex;gap:8px;margin-top:8px;min-width:0}.chatIdentity p>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatControls{align-items:flex-end;display:flex;gap:12px;min-width:0}.leadStatusControl{align-items:center;color:var(--muted);display:grid;font-size:11px;font-weight:750;grid-gap:5px;gap:5px;min-width:210px}.leadStatusControl .appSelectButton{min-height:40px}.chatHeaderActions{display:flex;gap:7px;min-width:0}.composerActions button,.draftButtons button,.ghostButton,.miniPower,.saleComposerHeader button,.settingsActions button,.settingsPower,.teamForm>button,.testComposer button{align-items:center;border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;font-weight:730;gap:8px;justify-content:center}.miniPower{background:var(--surface-soft);color:var(--ink);min-height:40px;padding:0 12px;white-space:nowrap}.miniPower.on{background:var(--green-soft);border-color:var(--green-line);color:var(--green-dark)}.messages{background:#f5f5f0;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 28px;scrollbar-color:#c4ccc7 transparent;scrollbar-width:thin}.bubble{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:68%;min-width:180px;padding:12px 14px;position:relative;width:-moz-fit-content;width:fit-content}.bubble.customer{align-self:flex-start}.bubble.agent{align-self:flex-end;background:#e8f7ee;border-color:#b8e2c9}.messageMeta{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:11px;font-weight:720;gap:7px}.bubble p{font-size:14px;line-height:1.46;margin-top:9px;overflow-wrap:anywhere;white-space:pre-wrap}.messageImage{border:1px solid var(--line);border-radius:6px;margin-top:10px;max-height:420px;object-fit:contain;width:min(100%,360px)}.voiceNote{align-items:center;display:grid;grid-gap:9px;gap:9px;grid-template-columns:34px minmax(130px,1fr) 18px;margin-top:10px;min-width:min(280px,100%);position:relative}.voiceNote audio{height:1px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:1px}.voiceNote>button{align-items:center;background:var(--green-dark);border:0;border-radius:50%;color:white;display:flex;height:34px;justify-content:center;padding:0;width:34px}.voiceTrack{display:grid;grid-gap:4px;gap:4px}.voiceTrack>span{background:#d9e3dd;border-radius:999px;height:4px;overflow:hidden}.voiceTrack i{background:var(--green);display:block;height:100%}.voiceTrack small{color:var(--muted);font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.voiceNote>svg{color:var(--green-dark)}.voicePlaybackError{color:#a63831;font-size:10px;font-weight:700;grid-column:1/-1}.transcriptionLabel{color:var(--muted);display:block;font-size:9px;font-weight:800;letter-spacing:0;margin-top:9px;text-transform:uppercase}.composer{background:var(--surface);border-top:1px solid var(--line);display:grid;grid-gap:8px;gap:8px;padding:10px 12px;position:relative;z-index:10}.testComposer{align-items:end;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:9px;gap:9px;grid-template-columns:auto minmax(0,1fr) auto auto;padding:8px}.audioFileInput{display:none!important}.testComposer label{color:var(--muted);display:grid;font-size:10px;font-weight:800;grid-gap:5px;gap:5px;min-width:0;text-transform:uppercase}.testComposer input{min-height:40px}.composerActions button,.testComposer button{background:var(--surface-dark);border-color:var(--surface-dark);color:white;min-height:40px;padding:0 14px}.testComposer .audioToolButton{background:var(--surface);border-color:var(--line);color:var(--muted);height:40px;min-height:40px;padding:0;width:40px}.testComposer .audioToolButton:hover{border-color:var(--green-line);color:var(--green-dark)}.testComposer .audioToolButton.recording{background:#fff0ef;border-color:#f0b7b1;color:#b8322a}.audioFeedback{align-items:center;color:var(--green-dark);display:flex;font-size:11px;font-weight:720;gap:7px;grid-column:1/-1;min-height:20px;padding:0 3px}.audioFeedback.error{color:#a63831}.recordingDot{animation:recordingPulse 1.1s ease-in-out infinite;background:#d5443b;border-radius:50%;height:8px;width:8px}@keyframes recordingPulse{50%{opacity:.35}}.draftCompact{align-items:center;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-height:48px;padding:7px 8px 7px 11px}.draftCompact>div:first-child{min-width:0}.draftCompact span{align-items:center;color:var(--muted);display:flex;font-size:10px;font-weight:800;gap:6px;text-transform:uppercase}.draftCompact p{font-size:12px;line-height:1.25;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draftButtons{display:flex;gap:6px}.draftButtons button{background:white;min-height:36px;padding:0 11px}.draftButtons button:last-child{background:var(--green);border-color:var(--green);color:white}.composer>textarea{max-height:120px;min-height:78px}.composerActions{align-items:center;color:var(--muted);display:flex;font-size:12px;justify-content:space-between}.composerActions>span{align-items:center;display:flex;gap:6px}.leadPanel{display:none;height:100%;overflow-y:auto}.leadCard{background:var(--surface-soft);border-bottom:1px solid var(--line);display:grid;grid-gap:5px;gap:5px;padding:14px 16px}.leadCard>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.roles,.rules,.schedule{border-bottom:1px solid var(--line);padding:16px}.roles h3,.rules h3{font-size:14px;margin-bottom:10px}.rules p{align-items:flex-start;color:var(--muted);display:flex;font-size:12px;gap:7px;line-height:1.4;margin-top:8px}.roles article,.schedule{align-items:center;display:flex;gap:10px;justify-content:space-between}.roles article+article{margin-top:10px}.roles article div,.schedule div{display:grid;grid-gap:3px;gap:3px}.roles span,.schedule span{color:var(--muted);font-size:11px}.saleOverlay{align-items:center;background:rgba(18,23,21,.5);display:flex;inset:0;justify-content:center;padding:20px;position:absolute;z-index:40}.saleComposer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-menu);max-height:calc(100% - 24px);overflow-y:auto;padding:18px;width:min(860px,100%)}.saleComposerHeader{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:14px}.saleComposerHeader>span{align-items:center;display:flex;font-size:18px;font-weight:760;gap:8px}.saleComposerHeader>div{display:flex;gap:7px}.saleComposerHeader button,.settingsActions button,.teamForm>button{background:var(--green);border-color:var(--green);color:white;min-height:40px;padding:0 13px}.teamError{margin:12px 0 0;color:#a9342f;font-size:.86rem;font-weight:700}.ghostButton,.saleComposerHeader .ghostButton,.settingsActions .ghostButton{background:white;border-color:var(--line);color:var(--ink)}.saleFormGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.rulesEditor label,.saleFormGrid label,.settingsGrid label,.teamForm label{color:var(--muted);display:grid;font-size:11px;font-weight:730;grid-gap:6px;gap:6px}.chatSalesList{border-top:1px solid var(--line);display:grid;grid-gap:7px;gap:7px;margin-top:16px;padding-top:14px}.chatSalesList article{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:14px;justify-content:space-between;padding:10px 12px}.chatSalesList span{color:var(--muted);font-size:12px}.sectionPanel,.settingsPage,.teamPage{display:grid;grid-gap:16px;gap:16px;margin:0 auto;max-width:1720px;min-width:0}.sectionTitle{border-bottom:1px solid var(--line-strong);padding:4px 2px 14px}.sectionTitle h2,.settingsHero h2{font-size:26px;font-weight:790;line-height:1.12;margin-top:4px}.salesDashboard>.adminGrid,.sectionPanel>.adminGrid{margin:0}.analyticsGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(12,minmax(0,1fr))}.statChartCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-column:span 6;min-height:360px;min-width:0;overflow:hidden}.statChartCard:first-child,.statChartCard:nth-child(4){grid-column:span 7}.statChartCard:nth-child(2),.statChartCard:nth-child(3){grid-column:span 5}.statChartHeader{align-items:center;border-bottom:1px solid var(--line);display:flex;min-height:58px;padding:0 18px}.statChartHeader h3{font-size:16px;font-weight:760}.statChartBody{align-items:center;display:flex;justify-content:center;min-height:292px;padding:14px 16px 18px}.chartSvg{display:block;height:auto;max-height:290px;overflow:visible;width:100%}.chartGridLine{stroke:#e7ebe9;stroke-width:1}.chartAxis{stroke:#cbd4cf;stroke-width:1}.chartLabel,.chartTick{fill:#78837d;font-family:inherit;font-size:12px}.lineSeries{fill:none;stroke:var(--green);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.linePoint{fill:var(--surface);stroke:var(--green);stroke-width:4}.donutChartLayout{align-items:center;display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(180px,.8fr) minmax(160px,1fr);width:100%}.donutSvg{height:220px;justify-self:center;max-width:220px;width:100%}.donutLegend{display:grid;grid-gap:10px;gap:10px}.donutLegend span{align-items:center;color:var(--ink-soft);display:flex;font-size:12px;gap:8px}.donutLegend i{border-radius:2px;flex:0 0 10px;height:10px;width:10px}.roleGrid,.settingsSummary,.shipmentGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.roleGrid article,.settingsSummary article,.shipmentGrid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-height:96px;padding:15px}.shipmentGrid strong{display:block;font-size:25px}.settingsSummary span,.shipmentGrid span{color:var(--muted);display:block;font-size:11px;font-weight:740;margin-top:5px;text-transform:uppercase}.salesTable,.teamTable{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:0;overflow-x:auto}.salesTable>article,.salesTableHead{align-items:center;display:grid;grid-gap:14px;gap:14px;grid-template-columns:1.25fr 1.8fr .8fr .8fr 1.2fr;min-width:920px;padding:12px 16px}.salesTableHead,.teamTableHead{background:#edf1ef;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.salesTable>article{border-top:1px solid var(--line);min-height:68px}.salesTable article>div:first-child{display:grid;grid-gap:3px;gap:3px}.salesTable small{color:var(--muted)}.salesTable label{align-items:center;display:flex;gap:7px;min-width:0}.reportList,.settingsList{display:grid;grid-gap:8px;gap:8px}.reportList article,.settingsList article{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr auto;min-height:58px;padding:10px 14px}.reportList span,.settingsList span{color:var(--muted)}.reportList b{color:var(--green-dark)}.companyGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.companyCard{align-items:flex-end;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;min-height:190px;overflow:hidden;padding:18px;position:relative}.companyCard:before{background:var(--green);content:"";height:6px;left:0;position:absolute;right:42%;top:0}.companyCard:nth-child(2):before{background:var(--blue)}.companyCard span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.companyCard h3{font-size:22px;margin-top:5px}.settingsHero{align-items:center;background:var(--surface-dark);border:1px solid var(--surface-dark);border-radius:var(--radius);color:white;display:flex;gap:20px;justify-content:space-between;min-height:132px;padding:22px}.settingsHero>div>span{color:#7ee3aa}.settingsHero p{color:rgba(255,255,255,.62);line-height:1.5;margin-top:8px;max-width:680px}.settingsPower{background:transparent;border-color:rgba(255,255,255,.2);color:white;min-height:44px;padding:0 14px;white-space:nowrap}.settingsPower.on{background:var(--green-soft);border-color:var(--green-soft);color:var(--green-dark)}.roleGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.roleGrid article{display:grid;grid-gap:8px;gap:8px;min-height:150px}.roleGrid article:first-child span,.roleGrid article:first-child svg{color:var(--violet)}.roleGrid article:nth-child(2) span,.roleGrid article:nth-child(2) svg{color:var(--blue)}.roleGrid article:nth-child(3) span,.roleGrid article:nth-child(3) svg{color:var(--green)}.roleGrid strong{font-size:17px}.roleGrid p{color:var(--muted);font-size:12px;line-height:1.45}.roleGrid span{align-self:end;font-size:12px;font-weight:760}.settingsCard,.teamCard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:0;padding:18px}.settingsCardHeader{border-bottom:1px solid var(--line);padding-bottom:13px}.settingsCardHeader h3{font-size:18px;margin-top:4px}.teamForm{align-items:end;display:grid;grid-gap:10px;gap:10px;grid-template-columns:1.2fr .8fr 1fr 1fr auto;margin-top:15px}.teamForm>button{min-height:44px}.teamTable{box-shadow:none;margin-top:14px}.teamTable>article,.teamTableHead{align-items:center;display:grid;grid-gap:10px;gap:10px;grid-template-columns:1.2fr .8fr 1fr 1fr 1fr;min-width:950px;padding:10px 12px}.teamTable>article{border-top:1px solid var(--line)}.teamTable .appSelectButton,.teamTable input{min-height:38px}.teamActions{display:flex;gap:6px}.teamActions button{align-items:center;background:white;border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:5px;min-height:34px;padding:0 9px}.teamActions .dangerButton{background:var(--coral-soft);border-color:#f5c4bf;color:#a43c35}.settingsLayout{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.settingsGrid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}.channelSettings,.toggleList{display:grid;grid-gap:7px;gap:7px;margin-top:14px}.channelSetting,.settingToggle{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-soft);display:flex;justify-content:space-between;min-height:50px;padding:8px 11px;text-align:left;width:100%}.settingToggle>span{align-items:center;display:flex;gap:8px}.channelSetting.on,.settingToggle.on{background:#f0f9f4;border-color:#c6e8d5}.channelSetting.on>svg,.settingToggle.on>svg{color:var(--green)}.channelSetting{display:grid;grid-gap:8px;gap:8px;grid-template-columns:auto 1fr auto}.channelSetting>span:nth-child(2){color:var(--muted);font-size:12px;text-align:right}.rulesEditor{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}.rulesEditor textarea{min-height:150px}.settingsSummary{margin-top:15px}.settingsSummary article{background:var(--surface-soft);box-shadow:none;min-height:88px}.settingsSummary strong{display:block;font-size:17px}.settingsActions{border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;margin-top:15px;padding-top:14px}.loginShell{align-items:center;background:var(--canvas);display:flex;height:100dvh;justify-content:center;overflow-y:auto;padding:24px;position:relative}.loginShell:before{background:var(--surface-dark);content:"";height:34%;left:0;position:fixed;right:0;top:0;z-index:0}.loginPanel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 28px 80px rgba(18,23,21,.18);display:grid;grid-gap:18px 28px;gap:18px 28px;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);max-width:900px;padding:28px;position:relative;width:100%;z-index:1}.loginBrand{align-self:start}.loginBrand .brandLogo{border-color:var(--line);box-shadow:var(--shadow);height:52px;width:52px}.loginBrand span,.loginBrand strong{display:block}.loginBrand strong{font-size:19px}.loginBrand span{color:var(--muted);font-size:12px;margin-top:3px}.loginIntro{align-self:end;grid-column:1}.loginIntro>span{color:var(--green-dark);font-size:10px;font-weight:820;text-transform:uppercase}.loginIntro h1{font-size:34px;line-height:1.05;margin-top:6px}.loginIntro p{color:var(--muted);line-height:1.5;margin-top:10px}.loginUsers{display:grid;grid-gap:8px;gap:8px;grid-column:2;grid-row:1/span 2}.loginUsers>button{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);display:flex;gap:12px;min-height:76px;padding:12px;text-align:left;width:100%}.loginUsers>button:hover{border-color:#aebbb4}.loginUsers>button.selected{background:#eff8f3;border-color:var(--green);box-shadow:0 0 0 3px rgba(21,150,91,.1)}.loginAvatar{align-items:center;background:white;border:1px solid var(--line);border-radius:var(--radius);color:var(--green-dark);display:flex;flex:0 0 44px;height:44px;justify-content:center}.loginUsers small,.loginUsers strong{display:block}.loginUsers small{color:var(--muted);margin-top:4px}.loginPasswordBox{border-top:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;padding-top:18px}.loginPasswordBox label{color:var(--muted);display:grid;font-size:11px;font-weight:760;grid-gap:6px;gap:6px;text-transform:uppercase}.loginPasswordBox>span{color:var(--coral);font-size:12px;grid-column:1/-1}.loginPasswordBox>button{align-items:center;align-self:end;background:var(--green);border:1px solid var(--green);border-radius:var(--radius);color:white;display:flex;font-weight:760;gap:8px;justify-content:center;min-height:44px;padding:0 18px}@media (max-width:1400px){:root{--sidebar:220px}.workspace-bandeja{padding:10px}.mainGrid{grid-template-columns:minmax(275px,320px) minmax(0,1fr);height:calc(100dvh - 20px)}.chatHeaderActions .miniPower{font-size:0;height:40px;padding:0;width:42px}.chatHeaderActions .miniPower svg{height:19px;width:19px}}@media (max-width:1240px){:root{--sidebar:214px}.sidebar{padding:16px 12px}.brand strong{font-size:15px}.workspace{padding:16px}.workspace-bandeja{padding:10px}.mainGrid{grid-template-columns:minmax(275px,320px) minmax(0,1fr);height:calc(100dvh - 20px)}.chatHeader{grid-template-columns:minmax(180px,1fr) auto;padding:13px 14px}.chatControls{gap:8px}.leadStatusControl{min-width:175px}.miniPower{font-size:12px;padding:0 9px}.messages{padding:18px}.adminGrid,.metricsGrid{gap:10px}.metric{min-height:120px;padding:16px}.metric strong{font-size:26px}.teamForm{grid-template-columns:repeat(2,minmax(0,1fr))}.teamForm>button{grid-column:1/-1}.saleFormGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.adminGrid,.companyGrid,.metricsGrid,.roleGrid,.settingsSummary,.shipmentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rulesEditor,.settingsLayout{grid-template-columns:1fr}.statChartCard,.statChartCard:first-child,.statChartCard:nth-child(2),.statChartCard:nth-child(3),.statChartCard:nth-child(4){grid-column:span 12}.topbar{align-items:stretch;flex-direction:column}.topbarActions{justify-content:space-between}}@media (max-width:760px){:root{--mobile-nav:70px}body,html{background:var(--canvas);height:100%;width:100%}body{font-size:14px}.app{display:block;height:100dvh;padding-bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom))}.app,.sidebar{overflow:hidden}.sidebar{align-items:center;border:0;border-radius:var(--radius) var(--radius) 0 0;bottom:0;display:grid;grid-gap:6px;gap:6px;grid-template-columns:minmax(0,1fr) 46px;height:calc(var(--mobile-nav) + env(safe-area-inset-bottom));left:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));position:fixed;right:0;top:auto;width:100%;z-index:100}.sidebar>.brand,.sidebar>.companyBox{display:none}.sidebar nav{display:grid;grid-gap:4px;gap:4px;grid-auto-columns:minmax(52px,1fr);grid-auto-flow:column;height:56px;overflow-x:auto;width:100%}.sidebar nav:has(.navItem:only-child){grid-auto-columns:90px;justify-content:start}.mobileLogout{align-items:center;align-self:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.72);display:flex;height:46px;justify-content:center;width:46px}.mobileLogout,.navItem{border-radius:var(--radius)}.navItem{display:grid;font-size:9px;grid-gap:2px;gap:2px;justify-items:center;min-height:54px;padding:5px 4px;text-align:center}.navItem svg{height:20px;width:20px}.workspace{height:calc(100dvh - var(--mobile-nav) - env(safe-area-inset-bottom));overflow-y:auto;padding:10px;scrollbar-gutter:auto}.workspace-bandeja{overflow:hidden;padding:8px}.topbar{gap:12px;margin-bottom:12px}.topbar h1{font-size:25px}.topbarActions{align-items:stretch;display:grid;grid-template-columns:minmax(0,1fr) auto}.companySwitcher{min-width:0}.powerButton,.sessionBadge{min-height:44px;padding:0 11px}.adminGrid,.metricsGrid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.metric{min-height:108px;padding:14px}.metric strong{font-size:23px;margin-top:11px}.metric p{font-size:11px}.mainGrid{display:block;height:calc(100dvh - var(--mobile-nav) - env(safe-area-inset-bottom) - 16px);max-width:none}.mainGrid.mobileChatOpen .conversationList,.mainGrid.mobileChatOpen .leadPanel,.mainGrid.mobileInboxOpen .chatPanel,.mainGrid.mobileInboxOpen .leadPanel{display:none}.chatPanel,.conversationList{border-radius:var(--radius);height:100%;width:100%}.conversationList{display:block}.panelHeader{min-height:60px;padding:11px 13px}.panelHeader strong{font-size:17px}.channelRow{min-height:50px;padding:8px 12px;top:60px}.conversation{min-height:112px;padding:13px 14px}.conversationTop strong{font-size:16px}.conversation p{font-size:12px;-webkit-line-clamp:1}.chatPanel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chatHeader{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:0;padding:9px 10px}.mobileBackButton{align-items:center;background:transparent;border:0;color:var(--green-dark);display:flex;font-size:12px;font-weight:760;gap:5px;grid-column:1/-1;justify-self:start;padding:0}.chatIdentity{align-self:center}.chatIdentity h2{font-size:20px}.chatIdentity p{gap:6px;margin-top:5px}.chatIdentity .sourceBadge{min-height:23px;padding:2px 7px 2px 3px}.chatIdentity .channelIcon{flex-basis:17px;height:17px;width:17px}.chatControls{align-items:center;display:grid;grid-gap:6px;gap:6px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto}.leadStatusControl{display:block;font-size:0;min-width:0}.leadStatusControl .appSelectButton{font-size:13px;min-height:38px}.chatHeaderActions{gap:6px}.miniPower{border-radius:var(--radius);font-size:0;height:38px;min-height:38px;padding:0;width:42px}.miniPower svg{height:19px;width:19px}.messages{gap:10px;padding:12px 10px}.bubble{max-width:91%;min-width:0;padding:10px 11px}.bubble p{font-size:13.5px;line-height:1.42;margin-top:7px}.messageMeta{font-size:10px;gap:6px}.messageMeta .sourceBadge{font-size:10px;min-height:23px}.composer{gap:6px;padding:7px}.testComposer{align-items:center;border:0;gap:7px;padding:0}.testComposer label>span{display:none}.testComposer input{border-radius:999px;font-size:16px;min-height:44px;padding:0 15px}.testComposer button{border-radius:999px;flex:0 0 44px;font-size:0;height:44px;min-height:44px;padding:0;width:44px}.draftCompact{gap:6px;min-height:46px;padding:6px 6px 6px 10px}.draftCompact span{font-size:9px}.draftCompact p{font-size:11px}.draftButtons{gap:4px}.draftButtons button{font-size:0;height:34px;min-height:34px;padding:0;width:36px}.draftButtons svg{height:16px;width:16px}.composer>textarea{font-size:16px;max-height:82px;min-height:64px}.composerActions{align-items:stretch;display:grid;grid-gap:6px;gap:6px}.composerActions button{min-height:40px}.sectionPanel,.settingsPage,.teamPage{gap:12px}.sectionTitle h2,.settingsHero h2{font-size:22px}.analyticsGrid,.companyGrid,.roleGrid,.rulesEditor,.saleFormGrid,.settingsGrid,.settingsSummary,.shipmentGrid,.teamForm{grid-template-columns:1fr}.statChartCard,.statChartCard:first-child,.statChartCard:nth-child(2),.statChartCard:nth-child(3),.statChartCard:nth-child(4){grid-column:auto;min-height:300px}.statChartBody{min-height:240px;overflow-x:auto;padding:10px}.chartSvg{min-width:520px}.donutChartLayout{grid-template-columns:1fr}.donutSvg{height:180px}.companyCard{min-height:140px}.settingsHero{align-items:stretch;flex-direction:column;min-height:0;padding:18px}.settingsPower{width:100%}.settingsCard,.teamCard{padding:14px}.teamForm>button{grid-column:auto}.reportList article,.settingsList article{align-items:start;grid-template-columns:1fr auto}.reportList article span,.settingsList article span{grid-column:1/-1}.saleOverlay{align-items:end;padding:8px}.saleComposer{max-height:calc(100dvh - 24px);padding:14px}.saleComposerHeader,.saleComposerHeader>div{align-items:stretch;flex-direction:column;gap:8px}.saleComposerHeader button{width:100%}.settingsActions{align-items:stretch;flex-direction:column-reverse}.settingsActions button{width:100%}.appSelectButton,input,textarea{font-size:16px}.loginShell{align-items:flex-start;padding:max(14px,env(safe-area-inset-top)) 12px max(18px,env(safe-area-inset-bottom))}.loginShell:before{height:190px}.loginPanel{display:grid;grid-gap:15px;gap:15px;grid-template-columns:1fr;margin:auto 0;padding:18px}.loginBrand,.loginIntro,.loginPasswordBox,.loginUsers{grid-column:1;grid-row:auto}.loginIntro h1{font-size:28px}.loginUsers>button{min-height:66px}.loginPasswordBox{grid-template-columns:1fr}.loginPasswordBox>button{min-height:48px;width:100%}}@media (max-width:430px){.workspace{padding:8px}.workspace-bandeja{padding:6px}.mainGrid{height:calc(100dvh - var(--mobile-nav) - env(safe-area-inset-bottom) - 12px)}.adminGrid,.metricsGrid{grid-template-columns:1fr 1fr}.metric{min-height:100px;padding:12px}.metric>span{font-size:9px}.metric strong{font-size:21px}.chatHeader{padding:8px}.chatIdentity h2{font-size:18px}.chatIdentity p>span{max-width:150px}.messages{padding:10px 8px}.bubble{max-width:94%}.composer{padding:6px}.loginPanel{padding:15px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}