// 🎨 Estilos específicos do componente Product
// ERP SaaS - Sistema PraFrota

.domain-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--background-color, #f8f9fa);
  
  .main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    
    app-tab-system {
      flex: 1;
      display: flex;
      flex-direction: column;
    }
  }
}

// 📱 Responsividade para ERP
@media (max-width: 768px) {
  .domain-container {
    padding: 0.5rem;
    
    .main-content {
      height: calc(100vh - 1rem);
    }
  }
}

// 🎯 Classes específicas do domínio
.product-specific {
  // Estilos específicos do product aqui
}





// 🏢 ERP Theme compatibility
:host {
  display: block;
  height: 100%;
  
  // CSS Variables para temas
  --primary-color: #007bff;
  --secondary-color: #6c757d;
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --info-color: #17a2b8;
  --light-color: #f8f9fa;
  --dark-color: #343a40;
}

// 🎯 Print styles para relatórios ERP
@media print {
  .domain-container {
    background: white !important;
    
    .main-content {
      overflow: visible !important;
    }
    
    .status-badge {
      border: 1px solid #000 !important;
      background: white !important;
      color: black !important;
    }
  }
}