/* Email Verifier Stats Component Styles */

/* Main Container */
.email-verifier-stats {
  padding: var(--spacing-md);
}

.email-verifier-stats .dashboard-content {
  max-width: 100%;
}

/* Section Header */
.email-verifier-stats .section-header {
  background: linear-gradient(135deg, #396A7D 0%, #164966 100%);
  color: white;
  padding: 12px 16px;
  border-radius: 6px;
  margin-bottom: 16px;
}

.email-verifier-stats .section-header h6 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.email-verifier-stats .section-header h6 i {
  margin-right: 8px;
}

/* Main Section Header (Blocked IPs) - Larger than sub-header */
.email-verifier-stats .section-header-main {
  background: #164966;
  padding: 16px 20px;
}

.email-verifier-stats .section-header-main h5 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.email-verifier-stats .section-header-main h5 i {
  margin-right: 10px;
}

/* Card Styling */
.email-verifier-stats .card {
  border: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.email-verifier-stats .card-header {
  background: #164966;
  color: white;
  padding: 16px 20px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.email-verifier-stats .card-header h5 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.email-verifier-stats .card-header h5 i {
  margin-right: 10px;
}

.email-verifier-stats .card-header span {
  font-size: 0.875rem;
}

.email-verifier-stats .card-body {
  padding: 20px;
}

/* Table Styling */
.email-verifier-stats .table {
  margin-bottom: 0;
}

.email-verifier-stats .table th {
  background-color: #396A7D !important;
  color: #ffffff !important;
  font-weight: 500;
  padding: var(--spacing-xs);
  border: none;
  font-size: 0.875rem;
}

.email-verifier-stats .table td {
  padding: var(--spacing-xs);
  vertical-align: middle;
  border-bottom: 1px solid var(--color-border);
  font-size: 0.875rem;
  text-align: left;
}

.email-verifier-stats .table tbody tr:hover {
  background-color: rgba(57, 106, 125, 0.05);
}

/* Status Badge */
.email-verifier-stats .badge {
  font-size: 0.875rem;
  padding: 6px 12px;
  border-radius: 4px;
}

.email-verifier-stats .badge.bg-success {
  background-color: #28a745 !important;
}

.email-verifier-stats .badge.bg-secondary {
  background-color: #6c757d !important;
}

/* Loading Spinner */
.email-verifier-stats .spinner-border {
  color: #396A7D;
}

/* Alert Styling */
.email-verifier-stats .alert {
  margin-bottom: 0;
}

/* Empty State */
.email-verifier-stats .text-center.py-4 {
  color: #6c757d;
  font-style: italic;
}

/* Truncated Text with Hover Tooltip */
.email-verifier-stats .truncated-text {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: help;
}