/* Admin-specific CSS - extends base styles from ../css/style.css */

/* Additional admin-specific color overrides if needed */
:root {
  --admin-bg: #FFFFFF;
  --admin-border: rgba(0, 0, 0, 0.08);
  --admin-text: #1A1A1A;
}

/* Admin table styling tweaks */
.admin-table tbody tr:hover {
  background: rgba(192, 57, 43, 0.02);
}

/* Tab styling for CRM and other sections */
.crm-tab {
  border-bottom: 2px solid transparent;
}

.crm-tab.active {
  border-bottom-color: var(--red);
  color: var(--red);
}

/* Admin modal styling */
.admin-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .admin-form-grid {
    grid-template-columns: 1fr;
  }
  
  .admin-layout {
    grid-template-columns: 1fr;
  }
  
  .admin-sidebar {
    display: block;
  }
  
  .metric-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .metric-grid {
    grid-template-columns: 1fr !important;
  }
  
  .admin-table th,
  .admin-table td {
    padding: 0.4rem 0.5rem;
    font-size: 0.7rem;
  }
  
  .action-btn {
    padding: 0.2rem 0.4rem;
    font-size: 0.7rem;
  }
}