// 🎨 Supplier Component Styles - V2.0
// Estilos específicos para o domínio Fornecedores

.domain-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--background);

  .main-content {
    flex: 1;
    overflow: hidden;
    padding: 0;
  }
}

// 🆕 V2.0: Estilos específicos para funcionalidades

// 🎯 CORREÇÃO ESPECÍFICA: Isolar multi-selects para não afetar outros campos
:host ::ng-deep {
  .form-fields {
    > div {
      contain: layout style;
    }
  }
  
  app-multi-select {
    contain: layout style;
    display: block;
    
    .multi-select-trigger {
      &:hover:not(.disabled) {
        transform: none !important;
      }
      
      &.open {
        transform: none !important;
      }
    }
    
    .multi-select-dropdown {
      // Garantir que dropdown não afete layout dos campos vizinhos
      position: fixed !important;
      z-index: 9999;
      transform: none !important;
      will-change: opacity;
    }
  }
  
  // Garantir que inputs normais mantenham seus tamanhos originais
  input:not([type="checkbox"]):not([type="radio"]),
  select:not(.multi-select-trigger),
  textarea {
    height: auto !important;
    min-height: auto !important;
  }
}

// 📱 Responsividade
@media (max-width: 768px) {
  .domain-container {
    .main-content {
      padding: 0.5rem;
    }
  }
}