/* ITS CRM custom styles. */

:root {
  --crm-brand: #0d6efd;
}

body {
  background-color: #fafafb;
}

.navbar-brand {
  letter-spacing: 0.02em;
}

/* Data table */
.data-table {
  background: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}

.data-table th {
  white-space: nowrap;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  background: #f8f9fa;
}

.data-table th a.sort-link {
  color: inherit;
  text-decoration: none;
}

.data-table th a.sort-link:hover {
  color: var(--crm-brand);
}

.data-table tbody tr:hover {
  background: #f8fbff;
}

.data-table-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.hidden-col {
  display: none !important;
}

/* Status pills */
.status-pill {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 500;
}

.status-lead         { background: #e7f1ff; color: #0d6efd; }
.status-negotiation  { background: #fff4e0; color: #b16a00; }
.status-kp_sent      { background: #ede7ff; color: #6f42c1; }
.status-closed       { background: #e6f7ec; color: #198754; }
.status-rejected     { background: #ffebee; color: #c82333; }

/* Mobile usability — sticky first column on tables */
@media (max-width: 768px) {
  .data-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}