/* Custom styles */

/* Login page - Falcon background image optimization */
.falcon-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Para telas grandes (>1920px), use contain ao invés de cover para evitar esticar */
@media (min-width: 1920px) {
  .falcon-bg {
    background-size: contain;
    background-position: center right;
  }
}

.status-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: bold;
}

.status-active {
  background-color: #d4f8e8;
  color: #28a745;
}

.status-resurfaced {
  background-color: #d4f8ff;
  color: #007bff;
}

.status-waiting {
  background-color: #fff3cd;
  color: #ffcc00;
}

.status-new {
  background-color: #fff3cd;
  color: #856404;
}

.status-host {
  background-color: #f3e6f9;
  color: #6f42c1;
}

.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
}

.dot-active {
  background-color: #28a745;
}

.dot-waiting {
  background-color: #ffcc00;
}

.status-error {
  background-color: #f8d7da;
  color: #dc3545;
}

.status-inactive {
  background-color: #e9ecef;
  color: #6c757d;
}