// 🎨 Fines Component Styles - V2.0
// Estilos específicos para o domínio Multas
// 
// 📋 Status Badges: Utiliza sistema global de _status.scss
// Exemplo: <span class="status-badge status-pending">Pendente</span>

.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

// Bulk Actions específicos
.bulk-actions {
  margin-bottom: 1rem;
  
  .bulk-action-button {
    margin-right: 0.5rem;
    
    &.advanced {
      background: var(--idt-primary-color);
      color: white;
    }
  }
}


// Footer customizations
.footer-enhanced {
  font-weight: 600;
  
  .footer-currency {
    color: var(--success-color);
  }
  
  .footer-count {
    color: var(--info-color);
  }
}

// ========================================
// 🏷️ STATUS BADGES ESPECÍFICOS - MULTAS
// ========================================

// 🏛️ Organization Badges
:deep(.status-badge) {
  &.status-municipality {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    border: 1px solid rgba(59, 130, 246, 0.2);
  }

  &.status-state {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, 0.2);
  }

  &.status-federal {
    background: rgba(139, 69, 19, 0.1);
    color: #8b4513;
    border: 1px solid rgba(139, 69, 19, 0.2);
  }

  &.status-company {
    background: rgba(168, 85, 247, 0.1);
    color: #a855f7;
    border: 1px solid rgba(168, 85, 247, 0.2);
  }

  &.status-other {
    background: rgba(107, 114, 128, 0.1);
    color: #6b7280;
    border: 1px solid rgba(107, 114, 128, 0.2);
  }

  // // 🚨 Severity Badges
  // &.status-gravissima {
  //   background: rgba(220, 38, 127, 0.1);
  //   color: #dc2626;
  //   border: 1px solid rgba(220, 38, 127, 0.2);
  //   font-weight: 700;
  //   animation: pulse-danger 2s infinite;
  // }

  &.status-high {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
    border: 1px solid rgba(245, 158, 11, 0.2);
    font-weight: 600;
  }

  &.status-low {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
    border: 1px solid rgba(34, 197, 94, 0.2);
  }
}

// 🎯 Animações para severidade crítica
@keyframes pulse-danger {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(220, 38, 127, 0.4);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(220, 38, 127, 0.1);
  }
}

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