// js/components/widgets/produtos/LossBanner.jsx
// [Wave 25-alt v224.6 NUCLEAR] Banner alerta produtos prejuízo (admin only)
// Extraído de Produtos.jsx L581-597 (literal · zero mudança lógica)
(function(){
  'use strict';
  function LossBanner(props){
    const {isAdmin, productsWithLoss, onClearAndFilterLoss} = props;
    if(!isAdmin || !productsWithLoss || productsWithLoss.length === 0) return null;
    return (
      <div style={{background:'linear-gradient(90deg,#FEE2E2,#FECACA)',border:'1px solid #DC2626',borderRadius:8,padding:'12px 16px',marginBottom:14,display:'flex',alignItems:'center',gap:12,boxShadow:'0 1px 3px rgba(220,38,38,0.1)'}}>
        <span style={{fontSize:24}}>⚠️</span>
        <div style={{flex:1}}>
          <div style={{fontWeight:700,color:'#991B1B',fontSize:14}}>
            {productsWithLoss.length} {productsWithLoss.length===1?'produto vendendo':'produtos vendendo'} com prejuízo
          </div>
          <div style={{fontSize:12,color:'#7F1D1D',marginTop:2}}>
            O preço de venda está menor ou igual ao custo médio. Você está perdendo dinheiro a cada venda destes itens.
          </div>
        </div>
        <button onClick={onClearAndFilterLoss}
          style={{background:'#DC2626',color:'#fff',border:'none',padding:'8px 16px',borderRadius:6,fontSize:12,fontWeight:700,cursor:'pointer',whiteSpace:'nowrap'}}>
          Ver todos
        </button>
      </div>
    );
  }
  window.ZNX = window.ZNX || {};
  window.ZNX.widgets = window.ZNX.widgets || {};
  window.ZNX.widgets.produtos = window.ZNX.widgets.produtos || {};
  window.ZNX.widgets.produtos.LossBanner = LossBanner;
  window.LossBanner_v224_6_wave25alt = true;
})();