/* EmailBadger Custom CSS */

/* Table Styling for Better Wrapping */
.table-responsive {
    overflow-x: auto;
  }
  
  /* Force URL text to wrap */
  .table td {
    max-width: 300px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  
  /* Make URL cells narrower to prevent excessive width */
  .table td:first-child {
    max-width: 250px;
  }
  
  /* Domain column should be smaller */
  .table td:nth-child(2) {
    max-width: 150px;
  }
  
  /* Smaller font for URLs to help with wrapping */
  .table-sm td {
    font-size: 0.9rem;
  }
  
  /* Pre tag in header sections should wrap */
  pre {
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  
  /* Better spacing for buttons in security check column */
  .btn-sm {
    margin: 2px;
  }
  
  /* Responsive adjustments for smaller screens */
  @media (max-width: 768px) {
    .table td {
      max-width: 200px;
    }
    
    .table td:first-child {
      max-width: 150px;
    }
    
    .table td:nth-child(2) {
      max-width: 100px;
    }
  }
  
  /* Add horizontal scrolling only when necessary */
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  /* Ensure content wrapper respects boundaries */
  .content-wrapper {
    width: 100%;
    overflow-x: hidden;
  }

  .brand-image {
    width: 200px;
    height: 200px;
    object-fit: contain;
  }

/* Ensure the logo is vertically and horizontally centered in the brand-link */
  .brand-link {
    display: flex;
    align-items: center;  
    justify-content: center; 
  }

  .drag-over {
    border: 2px dashed #17a2b8;
    background-color: rgba(23, 162, 184, 0.1);
  }

  /* Match AdminLTE dark theme for Full Headers */
  body.dark-mode pre {
  background-color: #1f2d3d; /* AdminLTE sidebar-dark-primary bg */
  color: #f8f9fa; /* AdminLTE light text */
  border: 1px solid #4b545c;
  padding: 1rem;
  border-radius: 0.25rem;
}