.compras-app-root{background-color:var(--bg-canvas);color:var(--text-primary);--pt-primary:var(--accent-blue);--pt-primary-foreground:#fff;min-height:100dvh}:root[data-theme=dark] .compras-app-root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark] .compras-app-root,:root[data-theme=dark] .compras-app-root .bg-white,:root[data-theme=dark] .compras-app-root [class*=bg-white]{background-color:var(--bg-surface);color:var(--text-primary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root,:root:not([data-theme=light]) .compras-app-root .bg-white,:root:not([data-theme=light]) .compras-app-root [class*=bg-white]{background-color:var(--bg-surface);color:var(--text-primary)}}:root[data-theme=dark] .compras-app-root .bg-\[\#f5f5f5\],:root[data-theme=dark] .compras-app-root .bg-\[\#f8fafc\],:root[data-theme=dark] .compras-app-root .bg-\[\#f8f9fa\],:root[data-theme=dark] .compras-app-root .bg-slate-50,:root[data-theme=dark] .compras-app-root .bg-gray-50{background-color:var(--bg-canvas)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root .bg-\[\#f5f5f5\],:root:not([data-theme=light]) .compras-app-root .bg-\[\#f8fafc\],:root:not([data-theme=light]) .compras-app-root .bg-\[\#f8f9fa\],:root:not([data-theme=light]) .compras-app-root .bg-slate-50,:root:not([data-theme=light]) .compras-app-root .bg-gray-50{background-color:var(--bg-canvas)!important}}:root[data-theme=dark] .compras-app-root .bg-slate-100,:root[data-theme=dark] .compras-app-root .bg-slate-100\/90,:root[data-theme=dark] .compras-app-root .bg-gray-100,:root[data-theme=dark] .compras-app-root .bg-\[\#fafafa\],:root[data-theme=dark] .compras-app-root .bg-\[\#fcfcfc\],:root[data-theme=dark] .compras-app-root thead,:root[data-theme=dark] .compras-app-root thead tr{background-color:var(--bg-subtle)!important;color:var(--text-primary)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root .bg-slate-100,:root:not([data-theme=light]) .compras-app-root .bg-slate-100\/90,:root:not([data-theme=light]) .compras-app-root .bg-gray-100,:root:not([data-theme=light]) .compras-app-root .bg-\[\#fafafa\],:root:not([data-theme=light]) .compras-app-root .bg-\[\#fcfcfc\],:root:not([data-theme=light]) .compras-app-root thead,:root:not([data-theme=light]) .compras-app-root thead tr{background-color:var(--bg-subtle)!important;color:var(--text-primary)!important}}:root[data-theme=dark] .compras-app-root .border-black\/\[0\.08\],:root[data-theme=dark] .compras-app-root .border-black\/\[0\.06\],:root[data-theme=dark] .compras-app-root .border-black\/\[0\.04\],:root[data-theme=dark] .compras-app-root .border-slate-200,:root[data-theme=dark] .compras-app-root .border-slate-200\/80,:root[data-theme=dark] .compras-app-root .border-slate-200\/60,:root[data-theme=dark] .compras-app-root .border-slate-300,:root[data-theme=dark] .compras-app-root .border-gray-200{border-color:var(--border)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root .border-black\/\[0\.08\],:root:not([data-theme=light]) .compras-app-root .border-black\/\[0\.06\],:root:not([data-theme=light]) .compras-app-root .border-black\/\[0\.04\],:root:not([data-theme=light]) .compras-app-root .border-slate-200,:root:not([data-theme=light]) .compras-app-root .border-slate-200\/80,:root:not([data-theme=light]) .compras-app-root .border-slate-200\/60,:root:not([data-theme=light]) .compras-app-root .border-slate-300,:root:not([data-theme=light]) .compras-app-root .border-gray-200{border-color:var(--border)!important}}:root[data-theme=dark] .compras-app-root tr,:root[data-theme=dark] .compras-app-root th,:root[data-theme=dark] .compras-app-root td{border-color:var(--border-subtle)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root tr,:root:not([data-theme=light]) .compras-app-root th,:root:not([data-theme=light]) .compras-app-root td{border-color:var(--border-subtle)!important}}:root[data-theme=dark] .compras-app-root .text-\[\#212121\],:root[data-theme=dark] .compras-app-root .text-slate-900,:root[data-theme=dark] .compras-app-root .text-slate-800,:root[data-theme=dark] .compras-app-root .text-gray-900,:root[data-theme=dark] .compras-app-root .text-black,:root[data-theme=dark] .compras-app-root h1,:root[data-theme=dark] .compras-app-root h2,:root[data-theme=dark] .compras-app-root h3,:root[data-theme=dark] .compras-app-root h4,:root[data-theme=dark] .compras-app-root th{color:var(--text-primary)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root .text-\[\#212121\],:root:not([data-theme=light]) .compras-app-root .text-slate-900,:root:not([data-theme=light]) .compras-app-root .text-slate-800,:root:not([data-theme=light]) .compras-app-root .text-gray-900,:root:not([data-theme=light]) .compras-app-root .text-black,:root:not([data-theme=light]) .compras-app-root h1,:root:not([data-theme=light]) .compras-app-root h2,:root:not([data-theme=light]) .compras-app-root h3,:root:not([data-theme=light]) .compras-app-root h4,:root:not([data-theme=light]) .compras-app-root th{color:var(--text-primary)!important}}:root[data-theme=dark] .compras-app-root .text-slate-700,:root[data-theme=dark] .compras-app-root .text-slate-600,:root[data-theme=dark] .compras-app-root .text-gray-700,:root[data-theme=dark] .compras-app-root .text-gray-600,:root[data-theme=dark] .compras-app-root td{color:var(--text-secondary)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root .text-slate-700,:root:not([data-theme=light]) .compras-app-root .text-slate-600,:root:not([data-theme=light]) .compras-app-root .text-gray-700,:root:not([data-theme=light]) .compras-app-root .text-gray-600,:root:not([data-theme=light]) .compras-app-root td{color:var(--text-secondary)!important}}:root[data-theme=dark] .compras-app-root .text-\[\#757575\],:root[data-theme=dark] .compras-app-root .text-\[\#94a3b8\],:root[data-theme=dark] .compras-app-root .text-slate-500,:root[data-theme=dark] .compras-app-root .text-slate-400,:root[data-theme=dark] .compras-app-root .text-gray-500,:root[data-theme=dark] .compras-app-root .text-gray-400{color:var(--text-muted)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root .text-\[\#757575\],:root:not([data-theme=light]) .compras-app-root .text-\[\#94a3b8\],:root:not([data-theme=light]) .compras-app-root .text-slate-500,:root:not([data-theme=light]) .compras-app-root .text-slate-400,:root:not([data-theme=light]) .compras-app-root .text-gray-500,:root:not([data-theme=light]) .compras-app-root .text-gray-400{color:var(--text-muted)!important}}:root[data-theme=dark] .compras-app-root input,:root[data-theme=dark] .compras-app-root select,:root[data-theme=dark] .compras-app-root textarea{background-color:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root input,:root:not([data-theme=light]) .compras-app-root select,:root:not([data-theme=light]) .compras-app-root textarea{background-color:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border)!important}}:root[data-theme=dark] .compras-app-root input::placeholder,:root[data-theme=dark] .compras-app-root textarea::placeholder{color:var(--text-muted)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root input::placeholder,:root:not([data-theme=light]) .compras-app-root textarea::placeholder{color:var(--text-muted)!important}}:root[data-theme=dark] .compras-app-root .hover\:bg-slate-50:hover,:root[data-theme=dark] .compras-app-root .hover\:bg-gray-50:hover,:root[data-theme=dark] .compras-app-root .hover\:bg-slate-100:hover,:root[data-theme=dark] .compras-app-root .hover\:bg-\[\#fafafa\]:hover,:root[data-theme=dark] .compras-app-root .hover\:bg-\[\#e8e8e8\]:hover,:root[data-theme=dark] .compras-app-root .hover\:bg-blue-50\/40:hover,:root[data-theme=dark] .compras-app-root tr:hover{background-color:var(--bg-hover)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root .hover\:bg-slate-50:hover,:root:not([data-theme=light]) .compras-app-root .hover\:bg-gray-50:hover,:root:not([data-theme=light]) .compras-app-root .hover\:bg-slate-100:hover,:root:not([data-theme=light]) .compras-app-root .hover\:bg-\[\#fafafa\]:hover,:root:not([data-theme=light]) .compras-app-root .hover\:bg-\[\#e8e8e8\]:hover,:root:not([data-theme=light]) .compras-app-root .hover\:bg-blue-50\/40:hover,:root:not([data-theme=light]) .compras-app-root tr:hover{background-color:var(--bg-hover)!important}}:root[data-theme=dark] .compras-app-root [class*=shadow-2xl],:root[data-theme=dark] .compras-app-root [class*=max-w-][class*=rounded-xl],:root[data-theme=dark] .compras-app-root [class*=max-w-][class*=rounded-2xl]{background-color:var(--bg-surface-raised)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root [class*=shadow-2xl],:root:not([data-theme=light]) .compras-app-root [class*=max-w-][class*=rounded-xl],:root:not([data-theme=light]) .compras-app-root [class*=max-w-][class*=rounded-2xl]{background-color:var(--bg-surface-raised)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}}:root[data-theme=dark] .compras-app-root [class*=shadow-2xl] .border-t,:root[data-theme=dark] .compras-app-root [class*=shadow-2xl] .border-b{border-color:var(--border-subtle)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root [class*=shadow-2xl] .border-t,:root:not([data-theme=light]) .compras-app-root [class*=shadow-2xl] .border-b{border-color:var(--border-subtle)!important}}:root[data-theme=dark] .compras-app-root .bg-orange-50,:root[data-theme=dark] .compras-app-root .bg-\[\#fff3e0\]{background-color:var(--tint-amber)!important;border-color:var(--edge-amber)!important}:root[data-theme=dark] .compras-app-root .text-orange-700,:root[data-theme=dark] .compras-app-root .text-\[\#e65100\]{color:var(--accent-amber)!important}:root[data-theme=dark] .compras-app-root .bg-green-50,:root[data-theme=dark] .compras-app-root .bg-\[\#e8f5e9\],:root[data-theme=dark] .compras-app-root .bg-green-100{background-color:var(--tint-green)!important;border-color:var(--edge-green)!important}:root[data-theme=dark] .compras-app-root .text-\[\#2e7d32\],:root[data-theme=dark] .compras-app-root .text-green-700{color:var(--accent-green)!important}:root[data-theme=dark] .compras-app-root .bg-red-50,:root[data-theme=dark] .compras-app-root .bg-\[\#ffebee\],:root[data-theme=dark] .compras-app-root .bg-red-100{background-color:var(--tint-red)!important;border-color:var(--edge-red)!important}:root[data-theme=dark] .compras-app-root .text-\[\#c62828\],:root[data-theme=dark] .compras-app-root .text-red-700{color:var(--accent-red)!important}:root[data-theme=dark] .compras-app-root .bg-blue-50,:root[data-theme=dark] .compras-app-root .bg-\[\#e3f2fd\],:root[data-theme=dark] .compras-app-root .bg-blue-100{background-color:var(--tint-blue)!important;border-color:var(--edge-blue)!important}:root[data-theme=dark] .compras-app-root .text-\[\#1565c0\],:root[data-theme=dark] .compras-app-root .text-blue-700{color:var(--accent-blue)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root .bg-orange-50,:root:not([data-theme=light]) .compras-app-root .bg-\[\#fff3e0\]{background-color:var(--tint-amber)!important;border-color:var(--edge-amber)!important}:root:not([data-theme=light]) .compras-app-root .text-orange-700,:root:not([data-theme=light]) .compras-app-root .text-\[\#e65100\]{color:var(--accent-amber)!important}:root:not([data-theme=light]) .compras-app-root .bg-green-50,:root:not([data-theme=light]) .compras-app-root .bg-\[\#e8f5e9\],:root:not([data-theme=light]) .compras-app-root .bg-green-100{background-color:var(--tint-green)!important;border-color:var(--edge-green)!important}:root:not([data-theme=light]) .compras-app-root .text-\[\#2e7d32\],:root:not([data-theme=light]) .compras-app-root .text-green-700{color:var(--accent-green)!important}:root:not([data-theme=light]) .compras-app-root .bg-red-50,:root:not([data-theme=light]) .compras-app-root .bg-\[\#ffebee\],:root:not([data-theme=light]) .compras-app-root .bg-red-100{background-color:var(--tint-red)!important;border-color:var(--edge-red)!important}:root:not([data-theme=light]) .compras-app-root .text-\[\#c62828\],:root:not([data-theme=light]) .compras-app-root .text-red-700{color:var(--accent-red)!important}:root:not([data-theme=light]) .compras-app-root .bg-blue-50,:root:not([data-theme=light]) .compras-app-root .bg-\[\#e3f2fd\],:root:not([data-theme=light]) .compras-app-root .bg-blue-100{background-color:var(--tint-blue)!important;border-color:var(--edge-blue)!important}:root:not([data-theme=light]) .compras-app-root .text-\[\#1565c0\],:root:not([data-theme=light]) .compras-app-root .text-blue-700{color:var(--accent-blue)!important}}:root[data-theme=dark] .compras-app-root .recharts-cartesian-grid-horizontal line,:root[data-theme=dark] .compras-app-root .recharts-cartesian-grid-vertical line{stroke:var(--border-subtle)!important}:root[data-theme=dark] .compras-app-root .recharts-text,:root[data-theme=dark] .compras-app-root .recharts-cartesian-axis-tick-value{fill:var(--text-muted)!important}:root[data-theme=dark] .compras-app-root .recharts-default-tooltip{background-color:var(--bg-surface-raised)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}:root[data-theme=dark] .compras-app-root .recharts-tooltip-item{color:var(--text-primary)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root .recharts-cartesian-grid-horizontal line,:root:not([data-theme=light]) .compras-app-root .recharts-cartesian-grid-vertical line{stroke:var(--border-subtle)!important}:root:not([data-theme=light]) .compras-app-root .recharts-text,:root:not([data-theme=light]) .compras-app-root .recharts-cartesian-axis-tick-value{fill:var(--text-muted)!important}:root:not([data-theme=light]) .compras-app-root .recharts-default-tooltip{background-color:var(--bg-surface-raised)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}:root:not([data-theme=light]) .compras-app-root .recharts-tooltip-item{color:var(--text-primary)!important}}@keyframes bounce-short{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-bounce-short{animation:1.5s ease-in-out infinite bounce-short}:root[data-theme=dark] .compras-app-root .bg-amber-50{background-color:var(--tint-amber)!important;border-color:var(--edge-amber)!important}:root[data-theme=dark] .compras-app-root .text-amber-700,:root[data-theme=dark] .compras-app-root .text-amber-800{color:var(--accent-amber)!important}:root[data-theme=dark] .compras-app-root .bg-violet-50{background-color:#8b5cf629!important;border-color:#8b5cf666!important}:root[data-theme=dark] .compras-app-root .text-violet-700{color:var(--accent-purple)!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .compras-app-root .bg-amber-50{background-color:var(--tint-amber)!important;border-color:var(--edge-amber)!important}:root:not([data-theme=light]) .compras-app-root .text-amber-700,:root:not([data-theme=light]) .compras-app-root .text-amber-800{color:var(--accent-amber)!important}:root:not([data-theme=light]) .compras-app-root .bg-violet-50{background-color:#8b5cf629!important;border-color:#8b5cf666!important}:root:not([data-theme=light]) .compras-app-root .text-violet-700{color:var(--accent-purple)!important}}
.comercial-shell{flex-direction:column;width:100%;min-width:0;display:flex}.comercial-area{min-width:0}.comercial-workspace{gap:var(--sp-6);width:100%;padding-bottom:var(--sp-8);flex-direction:column;display:flex}.funil-quadro{gap:var(--sp-3);padding-bottom:var(--sp-3);scroll-snap-type:x proximity;align-items:flex-start;display:flex;overflow-x:auto}.funil-coluna{gap:var(--sp-2);min-width:0;padding:var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);scroll-snap-align:start;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);flex-direction:column;flex:0 0 280px;display:flex}.funil-coluna.alvo{border-color:var(--accent-blue);background:var(--tint-blue)}.funil-coluna.fechada{background:0 0}.funil-coluna>header{padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:2px;display:flex}.funil-coluna>header b{font-size:var(--fs-sm);color:var(--text-primary)}.funil-coluna>header small{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.funil-cards{gap:var(--sp-2);flex-direction:column;min-height:60px;max-height:58vh;display:flex;overflow-y:auto}.funil-card{padding:var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:grab;flex-direction:column;gap:4px;display:flex}.funil-card.arrastando{opacity:.5;cursor:grabbing}.funil-card>b{font-size:var(--fs-sm);color:var(--text-primary);overflow-wrap:anywhere}.funil-card>small{font-size:var(--fs-xs);color:var(--text-muted);overflow-wrap:anywhere}.funil-card-meta{align-items:baseline;gap:var(--sp-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.funil-card-meta b{font-size:var(--fs-sm);color:var(--accent-green)}.funil-card-meta small{font-size:var(--fs-xs);color:var(--text-muted)}.funil-card-motivo{color:var(--accent-red)!important}.funil-mover{margin-top:var(--sp-2);flex-direction:column;gap:2px;display:flex}.funil-mover>span{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.funil-mover select{width:100%;min-height:34px;font-size:var(--fs-xs)}.funil-vazia{padding:var(--sp-4) 0;text-align:center;font-size:var(--fs-xs);color:var(--text-muted);margin:0}@media (max-width:860px){.funil-coluna{flex-basis:min(85vw,320px)}.funil-cards{max-height:none}}.comercial-pendencias{margin:var(--sp-2) 0 0;padding-left:var(--sp-5);font-size:var(--fs-sm);color:var(--text-secondary);flex-direction:column;gap:4px;display:flex}.comercial-empty{align-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);text-align:center;flex-direction:column;display:flex}.comercial-empty small{max-width:52ch;color:var(--text-muted);overflow-wrap:anywhere}.comercial-empty button{margin-top:var(--sp-3);padding:10px var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-canvas);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.comercial-empty button:hover{background:var(--bg-hover)}