/* Hytale Username Checker - Tool-specific styles only */
/* Shared styles come from converter.css */

/* Result display - fixed height to prevent layout shift */
#resultDisplay {
  border: 2px solid #d1d5db;
  cursor: default;
  min-height: 60px;
}

/* Status icons */
.status-icon {
  width: 1em;
  height: 1em;
  margin-right: 6px;
  vertical-align: text-bottom;
  display: inline-block;
}

.status-icon path {
  stroke: currentColor;
  stroke-width: 0.5;
}

/* Remove "Click to copy" tooltip and hover effects for status display */
#resultDisplay::after {
  display: none !important;
}

#resultDisplay:hover {
  border-color: #d1d5db;
  background: #f8f9fa;
}

/* Result states */
#resultDisplay.available {
  border-color: #22c55e;
  background: #f0fdf4;
  color: #16a34a;
}

#resultDisplay.available:hover {
  border-color: #22c55e;
  background: #f0fdf4;
}

#resultDisplay.reserved {
  border-color: #f97316;
  background: #fff7ed;
  color: #ea580c;
}

#resultDisplay.reserved:hover {
  border-color: #f97316;
  background: #fff7ed;
}

#resultDisplay.taken {
  border-color: #ef4444;
  background: #fef2f2;
  color: #dc2626;
}

#resultDisplay.taken:hover {
  border-color: #ef4444;
  background: #fef2f2;
}

#resultDisplay.error {
  border-color: #f59e0b;
  background: #fffbeb;
  color: #d97706;
}

#resultDisplay.error:hover {
  border-color: #f59e0b;
  background: #fffbeb;
}

#resultDisplay.loading {
  border-color: #3984a7;
  background: #f0f9ff;
  color: #3984a7;
}

#resultDisplay.loading:hover {
  border-color: #3984a7;
  background: #f0f9ff;
}