/* Xentrix Console — custom styles */

.field {
  width: 100%;
  background-color: #1e293b;        /* slate-800 */
  border: 1px solid #334155;        /* slate-700 */
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  color: #f1f5f9;
}

.field:focus {
  outline: none;
  border-color: #22d3ee;            /* cyan-400 */
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.35);
}

.field::placeholder {
  color: #64748b;                   /* slate-500 */
}

details summary::-webkit-details-marker {
  display: inline;
}

/* Slim scrollbars */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #0f172a;              /* slate-900 */
}
::-webkit-scrollbar-thumb {
  background: #334155;              /* slate-700 */
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: #475569;              /* slate-600 */
}

/* Table row hover transition */
tbody tr {
  transition: background-color 120ms ease;
}

/* Toast animation */
#toast {
  animation: toast-in 150ms ease-out;
}
@keyframes toast-in {
  from { transform: translateY(8px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}