/* Shared checkbox style (api-keys visual language: slate + subtle shadow). */
.ui-checkbox
{
  width: 1rem;
  height: 1rem;
  margin: 0;
  vertical-align: middle;
  border: 1px solid #cbd5e1; /* slate-300 */
  border-radius: 0.375rem;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  cursor: pointer;
  accent-color: #0f172a; /* slate-900 */
  transition: background-color 120ms ease, border-color 120ms ease;
}

.ui-checkbox:hover
{
  background-color: #f8fafc; /* slate-50 */
  border-color: #94a3b8; /* slate-400 */
}

.ui-checkbox:focus-visible
{
  outline: 2px solid rgba(148, 163, 184, 0.55); /* slate-400 */
  outline-offset: 2px;
}

.ui-checkbox:disabled
{
  opacity: 0.5;
  cursor: not-allowed;
}