/* #reasonable_result_box{
    width: 1000px;
    height: 100%;
} */

/* #reasonable_result_loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; 
    animation: spin 2s linear infinite;

} */
/* @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
} */

/* Connection Status Styles */
.connection-status {
  padding: 0.25rem 0.7rem;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}

.connection-status.status-success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.connection-status.status-error {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.connection-status .status-icon {
  font-size: 18px;
  font-weight: bold;
}

.connection-status .status-message {
  font-size: 14px;
}

/* API error message */
.reasonable-api-error {
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  padding: 10px 15px;
  border-radius: 4px;
}