// 🎨 Estilos específicos do componente Contract
// 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;
    }
  }
}

// ========================================
// 📄 PDF UPLOADER CONTAINER
// ========================================

.pdf-uploader-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: var(--background, #f8f9fa);
  overflow-y: auto;
  padding: 24px;

  // Garantir que o uploader apareça sobre o conteúdo das abas
  app-pdf-uploader {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    background: var(--surface, white);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  // Responsividade
  @media (max-width: 768px) {
    padding: 16px;
    
    app-pdf-uploader {
      margin: 0;
      border-radius: 8px;
    }
  }
}

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

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


// 📊 Status badges para ERP
.status-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid transparent;
  transition: all 0.2s ease;
  
  &.status-active {
    background-color: #d4edda;
    color: #155724;
    border-color: #c3e6cb;
    
    &::before {
      content: '●';
      margin-right: 4px;
      color: #28a745;
    }
  }
  
  &.status-inactive {
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
    
    &::before {
      content: '●';
      margin-right: 4px;
      color: #dc3545;
    }
  }
  
  &.status-unknown {
    background-color: #e2e3e5;
    color: #383d41;
    border-color: #d6d8db;
    
    &::before {
      content: '●';
      margin-right: 4px;
      color: #6c757d;
    }
  }
}



// 🏢 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;
    }
  }
}